/* Minification failed. Returning unminified contents. (5969,1): run-time error CSS1019: Unexpected token, found '}' (6681,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6682,5): run-time error CSS1035: Expected colon, found ',' (6687,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6688,5): run-time error CSS1035: Expected colon, found ',' (6694,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6695,5): run-time error CSS1035: Expected colon, found ',' (6698,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6699,5): run-time error CSS1035: Expected colon, found ',' (6703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6704,5): run-time error CSS1035: Expected colon, found '{' (6708,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6709,5): run-time error CSS1035: Expected colon, found '{' (6714,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6715,5): run-time error CSS1035: Expected colon, found '{' (6723,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6724,5): run-time error CSS1035: Expected colon, found '{' (6733,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6734,5): run-time error CSS1035: Expected colon, found ',' (6738,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6739,5): run-time error CSS1035: Expected colon, found ',' (6744,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6745,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6751,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6752,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6759,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6760,5): run-time error CSS1035: Expected colon, found '{' (6766,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6767,5): run-time error CSS1035: Expected colon, found '{' (6774,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6775,5): run-time error CSS1035: Expected colon, found '{' (6783,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6784,5): run-time error CSS1035: Expected colon, found '{' (6793,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6794,5): run-time error CSS1035: Expected colon, found ',' (6803,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6804,5): run-time error CSS1035: Expected colon, found ',' (6814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6815,5): run-time error CSS1035: Expected colon, found ',' (6823,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6824,5): run-time error CSS1035: Expected colon, found ',' (6833,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6834,5): run-time error CSS1035: Expected colon, found ',' (6841,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6842,5): run-time error CSS1035: Expected colon, found ',' (6850,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6851,5): run-time error CSS1035: Expected colon, found ',' (6858,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6859,5): run-time error CSS1035: Expected colon, found ',' (6867,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6868,5): run-time error CSS1035: Expected colon, found ',' (6875,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6876,5): run-time error CSS1035: Expected colon, found ',' (6884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6885,5): run-time error CSS1035: Expected colon, found ',' (6892,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6893,5): run-time error CSS1035: Expected colon, found ',' (6901,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6902,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6906,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6907,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6912,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6913,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6917,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6918,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6923,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6924,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6927,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6928,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6932,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6933,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6936,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6937,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6941,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6942,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6946,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6947,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (6952,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6953,5): run-time error CSS1035: Expected colon, found '{' (6956,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6957,5): run-time error CSS1035: Expected colon, found '{' (6961,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6962,5): run-time error CSS1035: Expected colon, found '{' (6965,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6966,5): run-time error CSS1035: Expected colon, found '{' (6970,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6971,5): run-time error CSS1035: Expected colon, found '{' (6974,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6975,5): run-time error CSS1035: Expected colon, found '{' (6979,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6980,5): run-time error CSS1035: Expected colon, found '{' (6983,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6984,5): run-time error CSS1035: Expected colon, found '{' (6988,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6989,5): run-time error CSS1035: Expected colon, found '{' (6992,1): run-time error CSS1019: Unexpected token, found '@keyframes' (6993,5): run-time error CSS1035: Expected colon, found '{' (6997,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (6998,5): run-time error CSS1035: Expected colon, found '{' (7001,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7002,5): run-time error CSS1035: Expected colon, found '{' (7006,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7007,5): run-time error CSS1035: Expected colon, found '{' (7010,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7011,5): run-time error CSS1035: Expected colon, found '{' (7015,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7016,5): run-time error CSS1035: Expected colon, found '{' (7019,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7020,5): run-time error CSS1035: Expected colon, found '{' (7024,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7025,5): run-time error CSS1035: Expected colon, found '{' (7028,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7029,5): run-time error CSS1035: Expected colon, found '{' (7033,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7034,5): run-time error CSS1035: Expected colon, found '{' (7037,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7038,5): run-time error CSS1035: Expected colon, found '{' (7042,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7043,5): run-time error CSS1035: Expected colon, found '{' (7046,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7047,5): run-time error CSS1035: Expected colon, found '{' (7051,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7052,5): run-time error CSS1035: Expected colon, found '{' (7055,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7056,5): run-time error CSS1035: Expected colon, found '{' (7060,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7061,5): run-time error CSS1035: Expected colon, found '{' (7064,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7065,5): run-time error CSS1035: Expected colon, found '{' (7069,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7070,5): run-time error CSS1035: Expected colon, found '{' (7073,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7074,5): run-time error CSS1035: Expected colon, found '{' (7078,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7079,5): run-time error CSS1035: Expected colon, found '{' (7082,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7083,5): run-time error CSS1035: Expected colon, found '{' (7087,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7088,5): run-time error CSS1035: Expected colon, found '{' (7091,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7092,5): run-time error CSS1035: Expected colon, found '{' (7096,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7097,5): run-time error CSS1035: Expected colon, found '{' (7100,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7101,5): run-time error CSS1035: Expected colon, found '{' (7105,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7106,5): run-time error CSS1035: Expected colon, found '{' (7109,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7110,5): run-time error CSS1035: Expected colon, found '{' (7114,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7115,5): run-time error CSS1035: Expected colon, found '{' (7121,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7122,5): run-time error CSS1035: Expected colon, found '{' (7129,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7130,5): run-time error CSS1035: Expected colon, found '{' (7136,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7137,5): run-time error CSS1035: Expected colon, found '{' (7144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7145,5): run-time error CSS1035: Expected colon, found '{' (7151,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7152,5): run-time error CSS1035: Expected colon, found '{' (7159,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7160,5): run-time error CSS1035: Expected colon, found '{' (7164,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7165,5): run-time error CSS1035: Expected colon, found '{' (7170,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7171,5): run-time error CSS1035: Expected colon, found '{' (7175,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7176,5): run-time error CSS1035: Expected colon, found '{' (7181,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7182,5): run-time error CSS1035: Expected colon, found '{' (7187,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7188,5): run-time error CSS1035: Expected colon, found '{' (7194,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7195,5): run-time error CSS1035: Expected colon, found '{' (7198,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7199,5): run-time error CSS1035: Expected colon, found '{' (7203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7204,5): run-time error CSS1035: Expected colon, found '{' (7207,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7208,5): run-time error CSS1035: Expected colon, found '{' (7212,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7213,5): run-time error CSS1035: Expected colon, found '{' (7216,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7217,5): run-time error CSS1035: Expected colon, found '{' (7221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7222,5): run-time error CSS1035: Expected colon, found '{' (7225,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7226,5): run-time error CSS1035: Expected colon, found '{' (7230,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7231,5): run-time error CSS1035: Expected colon, found '{' (7234,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7235,5): run-time error CSS1035: Expected colon, found '{' (7239,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7240,5): run-time error CSS1035: Expected colon, found '{' (7243,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7244,5): run-time error CSS1035: Expected colon, found '{' (7248,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7249,5): run-time error CSS1035: Expected colon, found '{' (7252,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7253,5): run-time error CSS1035: Expected colon, found '{' (7257,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7258,5): run-time error CSS1035: Expected colon, found '{' (7261,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7262,5): run-time error CSS1035: Expected colon, found '{' (7266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7267,5): run-time error CSS1035: Expected colon, found '{' (7270,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7271,5): run-time error CSS1035: Expected colon, found '{' (7275,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7276,5): run-time error CSS1035: Expected colon, found '{' (7279,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7280,5): run-time error CSS1035: Expected colon, found '{' (7284,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7285,5): run-time error CSS1035: Expected colon, found '{' (7288,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7289,5): run-time error CSS1035: Expected colon, found '{' (7293,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7294,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7299,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7300,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7306,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7307,5): run-time error CSS1035: Expected colon, found '{' (7310,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7311,5): run-time error CSS1035: Expected colon, found '{' (7315,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7316,5): run-time error CSS1035: Expected colon, found '{' (7319,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7320,5): run-time error CSS1035: Expected colon, found '{' (7324,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7325,5): run-time error CSS1035: Expected colon, found '{' (7328,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7329,5): run-time error CSS1035: Expected colon, found '{' (7333,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7334,5): run-time error CSS1035: Expected colon, found '{' (7337,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7338,5): run-time error CSS1035: Expected colon, found '{' (7342,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7343,5): run-time error CSS1035: Expected colon, found '{' (7346,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7347,5): run-time error CSS1035: Expected colon, found '{' (7351,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7352,5): run-time error CSS1035: Expected colon, found '{' (7355,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7356,5): run-time error CSS1035: Expected colon, found '{' (7360,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7361,5): run-time error CSS1035: Expected colon, found '{' (7364,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7365,5): run-time error CSS1035: Expected colon, found '{' (7369,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7370,5): run-time error CSS1035: Expected colon, found '{' (7374,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7375,5): run-time error CSS1035: Expected colon, found '{' (7380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7381,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7384,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7385,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7389,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7390,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7393,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7394,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7398,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7399,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7402,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7403,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7407,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7408,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7411,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7412,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (7416,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7417,5): run-time error CSS1035: Expected colon, found '{' (7420,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7421,5): run-time error CSS1035: Expected colon, found '{' (7425,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7426,5): run-time error CSS1035: Expected colon, found '{' (7429,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7430,5): run-time error CSS1035: Expected colon, found '{' (7434,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7435,5): run-time error CSS1035: Expected colon, found '{' (7438,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7439,5): run-time error CSS1035: Expected colon, found '{' (7443,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7444,5): run-time error CSS1035: Expected colon, found '{' (7447,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7448,5): run-time error CSS1035: Expected colon, found '{' (7452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7453,5): run-time error CSS1035: Expected colon, found '{' (7456,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7457,5): run-time error CSS1035: Expected colon, found '{' (7461,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7462,5): run-time error CSS1035: Expected colon, found '{' (7465,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7466,5): run-time error CSS1035: Expected colon, found '{' (7470,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7471,5): run-time error CSS1035: Expected colon, found '{' (7474,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7475,5): run-time error CSS1035: Expected colon, found '{' (7479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7480,5): run-time error CSS1035: Expected colon, found '{' (7483,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7484,5): run-time error CSS1035: Expected colon, found '{' (7543,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7544,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (7555,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7556,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (7589,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7590,6): run-time error CSS1035: Expected colon, found '{' (7596,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7597,6): run-time error CSS1035: Expected colon, found '{' (7627,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7628,6): run-time error CSS1035: Expected colon, found '{' (7634,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7635,6): run-time error CSS1035: Expected colon, found '{' (7665,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7666,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (7677,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7678,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (7711,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7712,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (7718,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7719,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (7871,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7872,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7888,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7889,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7905,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (7912,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (7947,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7948,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7964,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7965,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7981,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (7988,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7989,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (8087,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8119,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8120,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8174,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8205,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8206,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8259,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8260,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8291,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8292,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8345,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8377,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8378,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8463,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8519,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8520,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8551,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8552,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8607,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8608,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8639,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8640,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (8693,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8694,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8705,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8706,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8739,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8740,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (8791,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (8887,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8888,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (8893,1): run-time error CSS1019: Unexpected token, found '@keyframes' (8894,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (9721,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9722,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (9731,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9732,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (9769,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (9779,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (10757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10758,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10772,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10773,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10819,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10820,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10834,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10912,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10913,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10929,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11018,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11019,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11030,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11031,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11077,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11078,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11089,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11090,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11208,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11209,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (11220,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11221,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (11267,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11268,6): run-time error CSS1035: Expected colon, found '{' (11274,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11275,6): run-time error CSS1035: Expected colon, found '{' (11318,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11319,6): run-time error CSS1035: Expected colon, found '{' (11325,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11326,6): run-time error CSS1035: Expected colon, found '{' (11369,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11370,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (11376,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (11424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11425,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (11431,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11432,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (11656,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11657,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11673,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11674,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11690,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11691,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (11697,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11698,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (11745,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11762,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11763,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11779,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11780,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (11786,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11787,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (11834,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (11866,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (11933,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11934,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (11965,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '16.65%' (12032,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12033,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (12044,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12045,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '50%' (12091,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12092,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (12143,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12144,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '10%' (12892,7): run-time error CSS1030: Expected identifier, found ' ' (12912,1): run-time error CSS1019: Unexpected token, found '}' (16844,7): run-time error CSS1030: Expected identifier, found ' ' (17214,1): run-time error CSS1019: Unexpected token, found '}' */ /* Generated by CSS Usage. File: http://localhost:42197/ContentV2/style.css. DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later. Some rules have been deleted, some selectors are prefixed with "UNUSED". Look for the UNUSED items and see if you can remove them. */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600,500); html { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important; } .note-editable ul { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .note-editable ul li { list-style-type: disc !important; } .note-editable ol { display: block; list-style-type: decimal; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } .input-field label.active { font-size: 13px !important; } #loading { background: url(../images/Templatesloader2.gif) no-repeat scroll 10px 4px #EEE; border-color: #4D4D4D #4D4D4D navy; border-radius: 4px 4px 0 0; border-style: solid solid none; border-width: 1px 1px medium; bottom: -35px; box-shadow: 0 -1px 4px rgba(0,0,0,.3); font-size: 12px; padding: 5px 20px 5px 32px; position: fixed; right: 20px; z-index: 99999; } body { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size: 13px !important; color: black; line-height: 1.42857; background-color: #fff; background: url(../images/container_bg.jpg); overflow-x: hidden; overflow-y: scroll !important; } a:hover { text-decoration: none; color: #2a6a9f; text-decoration: none !important; outline: none; } a:focus { text-decoration: none; color: #2a6a9f; outline-offset: 0 !important; } a:active { outline: none; } UNUSEDa, a:visited, a:focus, a:active, button, a:hover { outline: 0 none !important; } .note-editor .note-editing-area .note-editable p { text-align: left !important; } .EasyUiWidth { background: none !important; margin: 0px 10px 0px 10px !important; } select { border: 0px solid #a56939; background: transparent; height: 36px; padding: 0 30px 3px 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none !important; border-radius: 6px !important; background: #fff url("../images/arrow_bottom.png") no-repeat scroll right 5px center !important; } select::-ms-expand { display: none; margin-top: 10px !important; border: none !important; } select option::-ms-expand { margin-top: 10px !important; border: none !important; position: relative; top: 10px !important; } select option { background-color: #f7f7f7; border: 1px solid #cccccc; color: #000000; padding: 5px; font-size: 13px; } UNUSED.h1, UNUSED.h2, UNUSED.h3, UNUSED.h4, UNUSED.h5, UNUSED.h6, h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.6; } .navbar-custom a { color: #ffffff !important; line-height: 28px !important; text-shadow: 2px 1px 2px #000000; } .nopadding { padding: 0 0 0 0 !important; } .container-fluid .admin_form_top .container { padding: 0; } .input-field label { color: #669acc; font-size: 13px !important; font-weight: normal !important; } .smooth_scrool { border-radius: 40px; bottom: 35px; position: absolute; right: 10px; } .smooth_scrool .glyphicon.glyphicon-chevron-up { font-size: 18px; color: #f39c3c; } .admin_entries { position: relative; padding: 0px 0px; } .nomargin { margin: 0px !important; } .user_account_select h2 { font-size: 25px; font-weight: normal !important; text-indent: 7px; padding-top: 3px; } .dashboard_controls { float: right; margin: 0 0 0 10px; } .dashboard_controls .list_of_select { float: left; margin: 1px -5px 2px 15px; width: 35%; } .search .btn-info { background: #fff; border: 1px solid #9e9e9e !important; } .search .btn.btn-info { color: #202020 !important; } #adv-search { float: left; margin: -5px 0px 0px -20px; width: 130px !important; } #adv-search .form-control { background: #fff none repeat scroll 0 0; border: 0px solid #a56939; border-radius: 6px; height: auto; padding: 6px 12px !important; } #adv-search .btn.btn-info { background: none !important; border: 0 solid #a56939; border-radius: 0; color: #202020; margin-top: 0px; margin-left: -30px; padding: 0; z-index: 99; } .list_of_search .btn.btn-info { padding: 9px; } .creat_form_button { float: left; width: 28%; } .list_of_creatform .btn.btn-info { background: #202020 none repeat scroll 0 0; border: medium none; border-radius: 6px; line-height: 20px; } .admin_mid_top i { padding: 3px 0; } .admin_entries_list { padding: 50px 0px; } .admin_entries .entrie_groups { padding-bottom: 0px; min-height: 340px; } .entries_group { margin-bottom: 0px; display: inline-block; text-align: left; padding: 0px; margin-top: 10px; margin-left: 21px; } .forms_dashboard { width: 94%; } .reports_dashboard { width: 94%; } div#Formidjs.entries_group div.entries_list.list_of_name.entries_count { display: inline-block; } .entries_list { text-decoration: none; color: #000 !important; background-color: #FFF7C0; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF7C0), to(#FAED97)); background-image: -webkit-linear-gradient(top, #FFF7C0, #FAED97); background-image: -moz-linear-gradient(top, #FFF7C0, #FAED97); background-image: -ms-linear-gradient(top, #FFF7C0, #FAED97); background-image: -o-linear-gradient(top, #FFF7C0, #FAED97); background-image: linear-gradient(to bottom, #FFF7C0, #FAED97); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFF7C0, endColorstr=#FAED97); border-radius: 5px; border: solid 1px #ccc; } .list_of_name h4 { color: #000000; word-wrap: break-word; text-align: left; font-size: 16px; line-height: 40px; text-overflow: ellipsis; text-transform: capitalize; } .entries_list h4 span { border-radius: 20px; color: #202020; display: inline-block; font-size: 15px; height: 30px; margin: 0 10px 0px 0px; padding: 0; text-align: center; width: 30px; } .showme { display: none; } .entries_count .btn.btn-info.btn-sm { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #000000; } .entries_list a.edit { margin-left: 0px; } .entries_count a { display: inline-table; font-size: 12px; min-width: 70px; padding: 0; text-align: left; text-transform: capitalize; } .report_list_item_form1 { background-image: url('../Images/reportdashboard_imgs.png') !important; background-position: 0 0 !important; background-repeat: no-repeat; opacity: 0.6; background-size: 250px 100px; } .report_list_item_form2 { background-image: url('../Images/reportdashboard_imgs.png') !important; background-position: -260px 0 !important; background-repeat: no-repeat; opacity: 0.6; background-size: 250px 100px; } .report_list_item_form3 { background-image: url('../Images/reportdashboard_imgs.png') !important; background-position: -520px 0 !important; background-repeat: no-repeat; opacity: 0.6; background-size: 250px 100px; } .report_list_item_form4 { background-image: url('../Images/reportdashboard_imgs.png') !important; background-position: -780px 0 !important; background-repeat: no-repeat; opacity: 0.6; background-size: 250px 100px; } .showhim:hover .showme { background: rgba(0, 0, 0, 0) url("../images/report_list_hover.png") repeat scroll 0 0 !important; border-radius: 5px 5px 0 0; display: block; float: left; height: 100px; left: 0px; padding: 5px 12px; position: relative; top: 0px; width: 250px; } .reports_dashboard .report_list_item_form1 .trash { padding: 0px !important; } .reports_dashboard .entries_count a { color: #000000 !important; font-family: arial; font-size: 12px; font-weight: bold; opacity: 1; text-align: left; text-transform: capitalize; } .list_item_form1 { background: url(../images/list_1.png) no-repeat; } .list_item_form2 { background: url(../images/list_2.png) no-repeat; } .list_item_form3 { background: url(../images/list_3.png) no-repeat; } .list_item_form4 { background: url(../images/list_4.png) no-repeat; } .entries_list.list_of_name.nopadding.entries_count.nopadding.icon_color_change.showhim.hvr-fade { background-color: rgba(0, 0, 0, 0) !important; } .list-group-item.active.text-center { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } div.list-group i.fa { background: #d2d2d2; font-size: 26px; padding: 15px; } div.list-group i.fa:hover { background: #202020 none repeat scroll 0 0; color: #fff !important; transform: rotate(15deg); } div.list-group .active i.fa { background: #202020 none repeat scroll 0 0; color: #fff !important; transform: rotate(15deg); } .ecube_entries_div { margin: 0px 0 !important; } .select_div > button:hover { box-shadow: inset 0 0 0 1px #010101; transition: all 0.2s ease 0s; display: inline-block; } .entrie_icons { margin-top: 30px; } .form_data_buttons .btn.save { background: #6ee06f none repeat scroll 0 0; border-radius: 40px; color: #ffffff; max-width: 110px; width: 45%; text-align: center; } .form_data_buttons .btn.cancel { background: #eeb62b none repeat scroll 0 0; border-radius: 40px; color: #ffffff; margin-left: 10px; max-width: 110px; text-align: center; width: 45%; } .entrie_list_icon > label { bottom: 0; display: block; position: relative; text-align: center; top: 0; cursor: pointer; } @keyframes sonarEffect { 0% { opacity: 0.3; } 40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #F7CC64, 0 0 0 10px rgba(255,255,255,0.5); } 100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #F7CC64, 0 0 0 10px rgba(255,255,255,0.5); transform: scale(1.5); opacity: 0; } } .user-title:hover { background: #3084ca; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwODRjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMyOWJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMDg0Y2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3084ca 0%, #329bf3 50%, #3084ca 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3084ca), color-stop(50%,#329bf3), color-stop(100%,#3084ca)); background: -webkit-linear-gradient(top, #3084ca 0%,#329bf3 50%,#3084ca 100%); background: -o-linear-gradient(top, #3084ca 0%,#329bf3 50%,#3084ca 100%); background: -ms-linear-gradient(top, #3084ca 0%,#329bf3 50%,#3084ca 100%); background: linear-gradient(to bottom, #3084ca 0%,#329bf3 50%,#3084ca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3084ca', endColorstr='#3084ca',GradientType=0 ); } .group_list_items > li a:hover { background: #256091 none repeat scroll 0 0; color: #fff; border-radius: 3px; } .entrie_list_edit a:hover { font-weight: bold !important; opacity: 0.7; } div.entrie_list_items ul.group_list_items li a:hover span.glyphicon { color: #fff; } .group_list_items .btn.btn-info.btn-sm:hover { color: #00ACEE; } .form-control { font-size: 13px !important; min-height: 34px; height: inherit; } .list_of_name h4 { font-size: 13px; text-overflow: ellipsis; line-height: 20px; margin: 5px 0; text-transform: capitalize; } .list_of_name span.list_of_form { color: #ae6c04; text-align: center; width: 40px; display: table-cell; font-size: 12px; line-height: 12px; margin: 5px 0 0 10px; } .entries_count .fa.fa-trash-o { color: #ff0000; } .entries_count .fa.fa-adn { color: #2D78BB; transform: scale(1.1); } .entries_count .fa.fa-eye { color: #0448bd; } .entries_count .fa.fa-th { color: #ae6c04; } .entries_count .fa.fa-list-ol { color: #a205c8; } .entries_count .fa.fa-lock { color: #c47326; } .entries_count .fa.fa-share-alt { color: #5c90db; } .entries_count .fa.fa-plus-square { color: #2D78BB; } .list_item_element_property .fa.fa-cog { background: #eb9418 none repeat scroll 0 0; color: #ffffff !important; } .list_item_element_property .fa { border-radius: 20px; line-height: 14px; } .list_item_element_property .fa { color: #000000; cursor: pointer; } .list_item_element_property .fa.fa-trash-o { display: inline-block; } .list_item_element_property .fa { cursor: pointer; margin: 0 2px; padding: 5px 6px; } div.list_item_element_property #trash i.fa.fa-trash-o { background: #eb9418 none repeat scroll 0 0; color: #fff; } div.list_item_element_property #trash i.fa.fa-trash-o { background: #ff0000 none repeat scroll 0 0; color: #ffffff; font-weight: normal; } .entrie_title_bottom { background: #ffffff none repeat scroll 0 0; bottom: 0; left: 0; padding: 0px 10px; width: 100%; min-height: 50px; position: absolute; } .view_report_page_btn span { display: block; float: right; position: relative; right: -15px; top: -25px; z-index: 9; } .view_report_buttons .view_report_page_btn { display: inline-block; height: 32px; left: -10px; } .view_report_page .tab-content .tab-pane { min-height: 300px; position: relative; } .loginpage .btn:hover, .loginpage .btn:focus, UNUSED.loginpage .btn:active, .loginpage .btn-info.active:focus { background: #bb8706 !important; color: #fff; border: 1px solid #926a06; } .loginpage .form-control:focus { border: 1px solid #ccc; box-shadow: none !important; color: #ffffff; outline: medium none; } .share_text { color: #f00; } UNUSED.pagination > li > a, UNUSED.pagination > li > span { color: #000000 !important; padding: 1px 10px !important; } .pagination { display: inline-block; padding-left: 0; margin: 0px 0px 50px 0px !important; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #010a13; text-decoration: none; background-color: #fff; border: 1px solid #ddd; font-weight: 600; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 2; color: #fff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination -lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .form_design_right { background: rgba(0, 0, 0, 0) url("/images/formdashboard_bg.jpg") repeat scroll 0 0; float: right; width: 70%; } .form_design_right_title { background: #3a3f53; } .form_design_right_title h2 { color: #ffffff; /*line-height: 84px;*/ text-indent: 30px; } .form_design_right_title_btns { padding: 25px 0; } .form_design_right_title_edit { border-bottom: solid 1px #a0a0a0; margin-bottom: 15px; } .form_design_right_title_edit h2 { } .form_design_right_title_edit h5 { color: #a0a0a0; } .content_body { background: #fff; padding: 10px; } .content_body_bg h6 { font-size: 14px; margin: 0; padding: 0 10px 10px 0; word-wrap: break-word; } .content_body_bg { background: #3a3f53 none repeat scroll 0 0; color: #fff; } .content_body_bg h4 { font-size: 16px; font-weight: bold; line-height: 36px; margin: 0; } .form_header h3.logo { margin: 0; padding: 15px 0; text-align: left !important; text-decoration: none !important; } .success_model .modal-dialog.modal-lg { max-width: 820px !important; width: 820px !important; } .success_model .modal-dialog.modal-md { max-width: 700px !important; width: 700px !important; } @media screen and (max-width:767px) { .success_model .modal-dialog.modal-lg, .success_model .modal-dialog.modal-md, .success_model .modal-dialog.modal-sm, .success_model .modal-dialog { width: 100% !important; max-width: 100% !important; } .modal .modal-content { width: calc(100% - 30px) !important; margin: 0 5px !important; } } @media screen and (min-width:768px) and (max-width:991px) { .success_model .modal-dialog.modal-lg { max-width: 820px !important; width: 100% !important; } .success_model .modal-dialog.modal-md { max-width: 700px !important; width: 100% !important; } .success_model .modal-dialog.modal-sm { max-width: 450px !important; width: 100% !important; } .modal .modal-content { width: calc(100% - 20px) !important; margin: 0 10px !important; } } .success_model { display: block; background: rgba(0,0,0,0.5); } .success_model .modal-content { border-radius: 0; } .success_model .modal-header .close { position: absolute; top: -12px; right: -12px; opacity: 1; text-shadow: none; background: #FFF; width: 26px; height: 26px; border-radius: 13px; } .success_model.info_model .modal-header .close { top: -12px; right: -12px; } .success_model .modal-header { padding: 20px 0; } .success_model .modal-header.green { background-color: #2ed784; } .success_model .modal-header.red { background-color: #dc505b; } .modal-header.yellow.stars { background: #fdd736 url('../Images/popupimages/info_bg.png') center center no-repeat; padding: 0; } .success_model .modal-header.red.stars { background: #dc505b url('../Images/popupimages/info_bg.png') center center no-repeat; padding: 0; } .success_model .notif_icon { max-width: 50px; display: block; margin: 0 auto; position: relative; left: 10px; } .success_model .notif_icon.style_2 { position: relative; top: 33px; background: #FFF; border-radius: 30px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); max-width: 70px; border-radius: 35px; } .success_model .modal-body { text-align: center; } .success_model .modal-body h4 { margin-bottom: 20px; font-weight: normal; } .success_model .modal-body p { margin-bottom: 25px; color: #666; } .info_model .modal-body { padding-top: 30px; } .success_model .btn-default { background: #2ed784; padding: 5px 30px; border-radius: 18px; font-size: 14px; margin-bottom: 15px; color: #FFF; } .success_model .btn-default { background: #2ed784; border: none; } .success_model .btn-default:focus { background: #2ed784; color: #FFF; } .success_model .btn-default.danger { background: #dc505b; } .success_model .btn-default.danger:focus { background: #dc505b; } .success_model.info_model .btn-default { margin: 0 5px 15px 5px; } .modal-footer { text-align: center; } .change_domain_edit { text-align: center; } .list_of_date .activity_date_buttons { float: left; margin: 0 0%; width: 45%; border-color: #66afe9 !important; } .ecube_save .btn.save { background: rgb(110, 224, 111) none repeat scroll 0 0; border-radius: 40px; color: rgb(255, 255, 255); text-align: center; width: 110px; } .ecube_save div.btn.save a { color: #fff; text-decoration: none !important; } .ecube_cancel .btn.cancel { background: rgb(238, 182, 43) none repeat scroll 0 0; border-radius: 40px; color: rgb(255, 255, 255); margin-left: 10px; width: 110px; } .ecube_cancel a.btn.cancel { background: rgb(238, 182, 43) none repeat scroll 0 0; border-radius: 40px; color: rgb(255, 255, 255); margin-left: 0px; width: 110px; } .dashboard_ecube_permissions { } .dashboard_ecube_permissions .img-circle { border: 5px solid #ccc; padding: 2px; } .nomargin { margin: 0px !important; } UNUSED.navbar-fixed-top, UNUSED.footer_bg { background: #2d78bb; } .feature_div .btn.btn-primary:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d2a945), color-stop(1, #F7CC64)); background: -moz-linear-gradient(top, #d2a945 5%, #F7CC64 100%); background: -webkit-linear-gradient(top, #d2a945 5%, #F7CC64 100%); background: -o-linear-gradient(top, #d2a945 5%, #F7CC64 100%); background: -ms-linear-gradient(top, #d2a945 5%, #F7CC64 100%); background: linear-gradient(to bottom, #d2a945 5%, #F7CC64 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2a945', endColorstr='#F7CC64',GradientType=0); background-color: #d2a945 !important; } .feature_div .btn.btn-primary:hover { background: #F2C862; color: #000000; text-decoration: none; } h2 > span { /*raj*/ /*display: block; margin-bottom: 10px; padding: 0 20px 0px; color: #3b2a23; text-transform: none; background-size: 40%; margin-left: 30px; word-wrap: break-word;*/ } .list-group .btn.btn-primary.btn-lg.btn-block:hover { background: #3B2A23; color: #ffffff; } .footer_ads_section:hover { background: #E3C2E6; padding: 40px 0; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { border-color: #013046; color: #fff; z-index: 2; border: none; } .ideas_div { position: relative; color: #333; background-color: #ffebac; text-align: center; } .ideas_div:after { content: ""; display: block; position: absolute; bottom: -10px; left: 0; right: 0; height: 10px; background: linear-gradient( 45deg, transparent 33.333%, #ffebac 33.333%, #ffebac 66.667%, transparent 66.667% ), linear-gradient( -45deg, transparent 33.333%, #ffebac 33.333%, #ffebac 66.667%, transparent 66.667% ); background-size: 8px 20px; background-position: 0 -10px; } .form_z1:hover { background: url(../static/images/z1a.png) center center no-repeat; height: 93px; width: 100%; transform: scale(1.1); } .form_z2:hover { background: url(../static/images/z2a.png) center center no-repeat; height: 93px; width: 100%; transform: scale(1.1); } .form_z3:hover { background: url(../static/images/z3a.png) center center no-repeat; height: 93px; width: 100%; transform: scale(1.1); } .form_z4:hover { background: url(../static/images/z4a.png) center center no-repeat; height: 93px; width: 100%; transform: scale(1.1); } .right_round_box1:hover { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } .right_round_box2:hover { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } .right_round_box3:hover { -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg); -o-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); } UNUSEDa.btn.btn-lg.btn-primary.btn-block, a.btn { text-decoration: none !important; } .logo_div a:hover { text-decoration: none; } .navbar-fixed-top { background: #2a6a9f; } UNUSED.carousel-inner > .item > img, UNUSED.carousel-inner > .item > a > img { width: 70%; margin: auto; } UNUSED.bannerleft .carousel-control .glyphicon-chevron-left, UNUSED.carousel-control .glyphicon-chevron-right, UNUSED.carousel-control .icon-prev, UNUSED.carousel-control .icon-next { display: none; } UNUSED.bannerleft .carousel-control .glyphicon-chevron-right, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { display: none; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { } .form_div1:hover { background: url(../static/images/creat.png) no-repeat scroll center center; height: 98px; transform: scale(1.1); width: 100%; } .form_div2:hover { background: url(../static/images/h_data_backup.png) no-repeat scroll center center; height: 98px; transform: scale(1.1); width: 100%; } .form_div3:hover { background: url(../static/images/survey.png) no-repeat scroll center center; height: 98px; transform: scale(1.1); width: 100%; } .form_div4:hover { background: url(../static/images/secure.png) no-repeat scroll center center; transform: scale(1.1); } ul.p_summary li .fa.fa-cubes:hover { transform: scale(1.1); } .Form-label-text { font-weight: normal; } .feature_div p { font-weight: 300; } .wel_left .img-responsive:hover { opacity: 0.8; } .wel_right img:hover { transform: scale(1.1); -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -o-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); } .navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff !important; } a.list-group-item:hover, a.list-group-item:focus { background-color: rgba(0, 0, 0, 0) !important; } .bhoechie-tab-container .bhoechie-tab-menu { border-right: 1px solid #cccccc; } .list-group-item.text-center { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; } a.list-group-item:hover, a.list-group-item:focus { background: #daebbf; } .bhoechie-tab-menu a { text-decoration: none !important; text-align: left; } .list-group-item { padding: 10px 0 !important; } .item blockquote p:before { float: left; margin-right: 10px; } .admin_user.dropdown { margin: 10px 0; } ul.nav.navbar-nav.navbar-left li a:hover { background: none repeat scroll 0 0; color: #fff !important; font-weight: bold !important; text-decoration: none !important; } #social_icons_share ul.list-inline li { padding: 0 !important; } .entries_list { float: none; border: 1px solid #cccccc; border-radius: 5px; color: #000000; padding: 4px 10px !important; text-decoration: none; margin: 20px 10px !important; min-height: 152px; position: relative; width: 250px; } .reports_heights { min-height: 140px !important; } .list_item_element_property .btn.dropdown-toggle { min-width: auto !important; } .list_item_element_property #myDropdown ul.dropdown-menu { height: 140px; min-width: auto !important; overflow-y: scroll; width: 150px !important; } .list_item_element_property #myDropdown ul.dropdown-menu li a.btn { display: inline-block; font-size: 12px; padding: 0 5px; text-align: left; } div#myDropdown.btn-group ul.dropdown-menu.nopadding li a.btn.btn-info.btn-sm.reports i { display: inline; padding: 0 10px 0 5px; } div#myDropdown.btn-group ul.dropdown-menu.nopadding li a i { display: inline; padding: 0 10px 0 5px; } .list_item_element_property { bottom: 5px; left: 0; padding: 0 10px; position: absolute; text-align: right; width: 100%; } .list_item_element_property .entries { display: inline-block; min-width: auto !important; text-align: center; width: 30px !important; margin: 0px; } li.admin_user.dropdown.open ul.dropdown-menu li a:hover { background: #2a6a9f !important; color: #ffffff !important; } .change_domain_edit input[type="button"] { margin-bottom: 0; margin-left: 2px; margin-right: 2px; padding: 7px 12px; } .change_sub_domain_popup div.modal-content span#spnacoountmessage.text-success { color: #008000; display: block; font-weight: bold; margin: 20px 0 0; text-align: center; } .admin_mid_top button { text-transform: capitalize; } ul.nav.navbar-nav.navbar-right li.dropdown a.dropdown-toggle.nav_top:focus { color: #d3d3d3 !important; } ul.nav.navbar-nav.navbar-right li.dropdown a.dropdown-toggle.nav_top:hover { color: #fff !important; } .user_account_select { margin-bottom: 0px; } .date_fields .input-group-addon { padding: 6px 10px !important; } .entrie_groups { border-radius: 8px; border: 0px solid #b6d87d; margin-bottom: 20px; padding: 0 0 0px; } .user-title a:hover, .user-title a:focus { color: #fff; text-decoration: none !important; } .bhoechie-tab ul a:hover { color: #000 !important; } .input-group.date_fields.list_of_date { margin: 0 5px 0 10px; } .account_admin_set_permissio_tab .active > a { text-decoration: none !important; } .bhoechie-tab .btn { color: #ffffff !important; } .account_admin_set_permissio_tab .tab-content > .active { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; margin-bottom: 0px; border-radius: 3px; margin-top: -20px; padding: 0px; visibility: visible; } .account_admin_set_permissio_tab .nav.nav-tabs a { text-decoration: none !important; border: medium; } .list_of_date .input#fromDate.form-control { border: 1px solid #cccccc; border-radius: 2px; padding: 0; } .account_btn .btn:hover, .account_btn .btn:focus { background: #ff8a18 none repeat scroll 0 0; border: medium none; padding: 3px 8px; } .elogo { margin: 10px 0 8px 10px; } .output_box_highlight { margin: 15px auto; width: 100%; } .outputdesign { font-size: 13px !important; } .footerbg { background: #e8eaec none repeat scroll 0 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } .nav-tabs.nav-tabs-left, .nav-tabs.nav-tabs-right { border-bottom: 0; max-width: 33%; } UNUSED.nav-tabs.nav-tabs-left li, UNUSED.nav-tabs.nav-tabs-right li { float: none; margin: 0; } .nav-tabs.nav-tabs-left li a, .nav-tabs.nav-tabs-right li a { border: 1px solid #74afdf; background-color: #4380b1; color: #fff; } .nav-tabs.nav-tabs-left li a:hover, .nav-tabs.nav-tabs-right li a:hover { background-color: #b4dbfb; border-color: #74afdf; color: #000; } UNUSED.nav-tabs.nav-tabs-left li.active a, UNUSED.nav-tabs.nav-tabs-right li.active a, UNUSED.nav-tabs.nav-tabs-left li.active .glyphicon, UNUSED.nav-tabs.nav-tabs-right li.active .glyphicon { color: #333; } .nav-tabs.nav-tabs-left li.active a:hover, .nav-tabs.nav-tabs-right li.active a:hover, .nav-tabs.nav-tabs-left li.active .glyphicon:hover, .nav-tabs.nav-tabs-right li.active .glyphicon:hover { color: #444; } .nav-tabs.nav-tabs-left li.active a, .nav-tabs.nav-tabs-right li.active a, .nav-tabs.nav-tabs-left li.active a:hover, .nav-tabs.nav-tabs-right li.active a:hover, .nav-tabs.nav-tabs-left li.active a:focus, .nav-tabs.nav-tabs-right li.active a:focus { background-color: #b4dbfb; border-color: #74afdf; border-right: medium none #b4dbfb; } .nav-tabs.nav-tabs-left li:not(:last-of-type), .nav-tabs.nav-tabs-right li:not(:last-of-type) { margin-bottom: -1px; } main > .row:not(:first-of-type) { margin-top: 1.1em; } UNUSEDcol.time, UNUSEDcol.repname { width: 12em; } .my_table.table-hover > tbody > tr:hover { background-color: #fbd6b2 !important; } UNUSED.my_table.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, UNUSED.table-bordered > tfoot > tr > th, UNUSED.table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, UNUSED.table-bordered > tfoot > tr > td { border: 1px solid #ccc !important; } .my_table td { padding: 4px !important; } th { width: initial; height: 20px; } UNUSED.my_table div.date_no, UNUSEDdiv.entrie_name, UNUSEDdiv.entrie_email, UNUSEDdiv.entrie_phone, UNUSEDdiv.entrie_city, UNUSEDdiv.entrie_file, UNUSEDdiv.entrie_zip, UNUSEDdiv.entrie_rating, UNUSEDdiv.entrie_s_option, UNUSEDdiv.entrie_address, UNUSEDdiv.entrie_feel_rating, UNUSEDdiv.entrie_employee, UNUSEDdiv.entrie_comments { width: 60px; overflow: hidden; } UNUSED.my_table div.tr_grid_date, UNUSEDdiv.tr_grid_name, UNUSEDdiv.tr_grid_email, div.tr_grid_name, UNUSEDdiv.tr_grid_phone, UNUSEDdiv.tr_grid_city, UNUSEDdiv.tr_grid_fileupload, UNUSEDdiv.tr_grid_zipcode, UNUSEDdiv.tr_grid_rating, UNUSEDdiv.tr_grid_option, UNUSEDdiv.tr_grid_address, UNUSEDdiv.tr_grid_rate_option, UNUSEDdiv.tr_grid_performance, UNUSEDdiv.tr_grid_comments { overflow: hidden; text-overflow: ellipsis; width: 60px; } .dropdown-toggle.nav_top:hover { color: #d3d3d3 !important; } div.entrie_zip, div.tr_grid_zipcode { width: 50px !important; } div.entrie_rating, div.tr_grid_rating { width: 40px !important; } th.tb_gridth { padding: 4px !important; } .container.entrie_list { background: #006393 none repeat scroll 0 0; z-index: 9999999; } .search_container input[type=placeholder] { color: #000 !important; } .login_form h2 { color: #fff; } .login_form h2 span { color: #fff; } .login_form a:hover { color: #ffffff; } UNUSED.form_bg a, UNUSED.form_bg p a { color: #333; } .form_bg a:hover, .form_bg p a:hover { color: #333; } .login_form .col-sm-12.text-center > img:hover { -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } .btn-breadcrumb .btn:not(:last-child):after { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid #fff; position: absolute; top: 50%; margin-top: -17px; left: 100%; z-index: 3; } .btn-breadcrumb .btn:not(:last-child):before { content: " "; display: block; width: 0; height: 0; border-top: 17px solid transparent; border-bottom: 17px solid transparent; border-left: 10px solid #adadad; position: absolute; top: 50%; margin-top: -17px; margin-left: 1px; left: 100%; z-index: 3; } .btn-breadcrumb .btn { padding: 6px 10px 6px 15px; } .btn-breadcrumb .btn:first-child { padding: 6px 2px 6px 2px; } .btn-breadcrumb .btn:last-child { padding: 0 10px; } .btn-breadcrumb .btn.btn-default:not(:last-child):after { border-left: 0px solid #fff; } .btn-breadcrumb .btn.btn-default:not(:last-child):before { border-left: 1px solid #202020; } .btn-breadcrumb .btn.btn-default:hover:not(:last-child):after { border-left: 10px solid #202020; } .btn-breadcrumb .btn.btn-default:hover:not(:last-child):before { border-left: 10px solid #202020; } UNUSED.entries_count .radio-inline + .radio-inline, UNUSED.checkbox-inline + .checkbox-inline { margin-right: 15px; } .analytics_report:hover { background: #efd583 none repeat scroll 0 0; } .entries_list { background: none; border-radius: 0px; line-height: 22px; color: #101429; margin: 0px 0; } UNUSED.pager li > a, UNUSED.pager li > span { border: 1px solid #bebfbf !important; } .entries_count a { text-transform: capitalize; } .entries_count a i { font-size: 14px; display: block; line-height: 24px; } .entries_count .btn.btn-info.btn-sm { background: none; border: medium none; color: #000 !important; font-weight: normal; } .entries_count.nopadding a.btn.btn-info.btn-sm > i.fa:hover { } .my_table th { background: #efd583; } .my_table.table-hover > tbody > tr:hover { background-color: #bfdef7; } .btn.btn-default.search_btn.date_button { margin: 0 3px; padding: 6px 12px !important; } .list_of_search .btn.btn-default.search_btn { padding: 6px !important; } .list_of_search input { height: auto; margin-top: 2px; padding: 2px 8px !important; } .blockbtns .btn.btn-info.btn-md { border: 1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 10px 10px 10px 10px; text-decoration: none; display: inline-block; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight: bold; color: #FFFFFF; background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85)); background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85); background-image: -moz-linear-gradient(top, #3093c7, #1c5a85); background-image: -ms-linear-gradient(top, #3093c7, #1c5a85); background-image: -o-linear-gradient(top, #3093c7, #1c5a85); background-image: linear-gradient(to bottom, #3093c7, #1c5a85); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85); } .blockbtns .btn.btn-info.btn-md:hover { border: 1px solid #1c5675; background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b)); background-image: -webkit-linear-gradient(top, #26759e, #133d5b); background-image: -moz-linear-gradient(top, #26759e, #133d5b); background-image: -ms-linear-gradient(top, #26759e, #133d5b); background-image: -o-linear-gradient(top, #26759e, #133d5b); background-image: linear-gradient(to bottom, #26759e, #133d5b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b); } .darkblue .btn.btn-info.btn-md { border: 1px solid #25729a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; padding: 10px 10px 10px 10px; text-decoration: none; display: inline-block; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); font-weight: bold; color: #FFFFFF; background-color: #3093c7; background-image: -webkit-gradient(linear, left top, left bottom, from(#3093c7), to(#1c5a85)); background-image: -webkit-linear-gradient(top, #3093c7, #1c5a85); background-image: -moz-linear-gradient(top, #3093c7, #1c5a85); background-image: -ms-linear-gradient(top, #3093c7, #1c5a85); background-image: -o-linear-gradient(top, #3093c7, #1c5a85); background-image: linear-gradient(to bottom, #3093c7, #1c5a85); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3093c7, endColorstr=#1c5a85); } .darkblue .btn.btn-info.btn-md:hover { border: 1px solid #1c5675; background-color: #26759e; background-image: -webkit-gradient(linear, left top, left bottom, from(#26759e), to(#133d5b)); background-image: -webkit-linear-gradient(top, #26759e, #133d5b); background-image: -moz-linear-gradient(top, #26759e, #133d5b); background-image: -ms-linear-gradient(top, #26759e, #133d5b); background-image: -o-linear-gradient(top, #26759e, #133d5b); background-image: linear-gradient(to bottom, #26759e, #133d5b); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#26759e, endColorstr=#133d5b); } div.bhoechie-tab-container { padding: 0 !important; border-radius: 0px; border: 0px solid #ddd; margin-top: -15px; margin-left: 0px; } div.bhoechie-tab-menu { padding-right: 0; padding-left: 0; padding-bottom: 0; } div.bhoechie-tab-menu div.list-group { margin-bottom: 0; } div.bhoechie-tab-menu div.list-group > a { margin-bottom: 0; } UNUSEDdiv.bhoechie-tab-menu div.list-group > a .glyphicon, div.bhoechie-tab-menu div.list-group > a .fa { color: #808080; } div.bhoechie-tab-menu div.list-group > a.active, UNUSEDdiv.bhoechie-tab-menu div.list-group > a.active .glyphicon, div.bhoechie-tab-menu div.list-group > a.active .fa { color: #808080; margin-top: 10px; } div.bhoechie-tab-menu div.list-group > a.active:after { content: ''; position: absolute; left: 100%; top: 50%; margin-top: -13px; border-left: 0; border-bottom: 13px solid transparent; border-top: 13px solid transparent; border-left: 10px solid #202020; } .list-group-item:first-child { border-top-left-radius: 0 !important; } div.bhoechie-tab div.bhoechie-tab-content:not(.active) { display: none; } .list_of_creatform .btn.btn-default:hover { background: #657884 none repeat scroll 0 0; } .list_of_options { -webkit-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; margin-bottom: 0px; background: #b6d87d none repeat scroll 0 0 !important; } ul.list-group li.list-group-item { padding: 5px 10px !important; } .select_check input[type="checkbox"] { margin: 0 5px; } .login_form .btn:hover, UNUSED.login_form .btn:active, .login_form .btn:focus { background: #cb6807 none repeat scroll 0 0; border: medium none; color: #ffffff; } .date_fields .fa.fa-calendar { color: #a56939; position: relative; } button.date_button:hover { background: #a56939; color: #fff; } .creat_form { } .form_designer_left ul li { width: 33%; } .form_designer_left ul.nav.nav-tabs li.active { width: 34%; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background: #ffffff; color: #337ab7 !important; } .formdesigner_page .dropdown-menu.logout_nav { top: 42px; } .formdesigner_page select { -moz-appearance: none; } .control_icons .col-sm-6 { margin: 5px 7px; width: 45%; } .control_icons { margin-bottom: 5px; } .control_icons span { font-size: 13px; font-weight: 600; margin-left: 6px; } .control_icons .fa { font-weight: normal; font-size: 15px; } .control_icons .col-sm-6:hover { background: #F2635F; } .inner_form_designer_left { margin-right: 2px; background: #ffffff; border: 1px solid #cccccc; margin-top: 1px; padding: 0px; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px !important; } .input_form_fields { padding: 0 25px; } .form_designer_left .nav.nav-tabs > li { text-align: center; } .form_designer_left ul.nav.nav-tabs a { border-bottom: medium none !important; text-decoration: none !important; } .form_designer_left .nav-tabs { margin-bottom: -2px; border-bottom: 0 solid #dddddd !important; } .control_icons .col-sm-6 { background: #efefef; cursor: pointer; display: inline-block; border-radius: 3px; padding: 4px 15px; text-decoration: none; } .control_icons .col-sm-6:hover { background: #ffebad; color: #000000 !important; } .form_designer_left ul.nav.nav-tabs a { color: #000000 !important; font-weight: 400; text-align: left; } .form_designer_left ul.nav.nav-tabs li a:hover { border: 1px solid #cccccc; color: #000000 !important; } div.list_of_creatform div.btn a { color: #ffffff; padding: 6px 0 !important; text-decoration: none !important; } .form_designer_left ul.nav.nav-tabs li.active a { background: #fefefe none repeat scroll 0 0 !important; border: 1px solid #cccccc; } UNUSED.staticcontrols, UNUSED.containercontrols { margin-top: 20px !important; } .input_form_fields .form-control { border: 1px solid #e3e3e3 !important; border-radius: 0 !important; box-shadow: none !important; font-size: 12px; margin: 5px !important; padding: 4px 10px !important; } .input_form_fields .form-group { margin-bottom: 0px !important; } .hide { display: none !important; } .inner_field_label:hover .item_element_property { display: inline-block; } .item_element_property .fa:hover { transform: scale(1.1); transition: all 0.1s ease-in-out 0s; } .inner_field_control { margin-bottom: 5px; cursor: move; padding: 0px; display: block !important; position: relative; clear: both; } .inner_field_control:hover { background: rgba(210, 210, 210, 0.8) !important; border: 0px solid #d7d7d7 !important; border-radius: 8px; } .inner_field_control.active { background: rgba(210, 210, 210, 0.8) !important; border: 0px solid #d7d7d7 !important; border-radius: 8px; } .form_designer_left { padding-top: 15px; padding-bottom: 15px; } .form_button { color: #000 !important; } ul.nopaddinglist { padding: 0px !important; margin: 0px !important; } .form_designer_right { background: #fff; padding: 10px; padding-bottom: 15px !important; border-radius: 0 0 8px 0; margin-top: 0px; border-left: 1px solid #cccccc; min-height: 590px; } .inner_field_control:hover .field_close { position: absolute; right: 5px; top: 5px; cursor: pointer; display: block; } .form_designer_left .nav > li > a:hover, .nav > li > a:focus { background: #ffffff; text-decoration: none; margin-bottom: 0px; } ul.share_left_list li:hover { background: #DAEBBF; } div.entrie_groups ul.pagination { margin: 0px 0px !important; bottom: 55px; right: 71px; } .inner_form_designer_left h5 { margin-bottom: 5px !important; } .panel-default { margin-top: 15px; } fieldset.scheduler-border { padding: 0 1.4em 1.4em 1.4em !important; margin: 0 0 1.5em 0 !important; -webkit-box-shadow: 0px 0px 0px 0px #000; border-radius: 4px; box-shadow: 0px 0px 0px 0px #000; } .scheduler-border { border: medium none; padding: 0 10px; width: auto; } legend { color: #333333; display: block; font-size: 21px; line-height: inherit; margin-bottom: 0 !important; } .progress { background: #ffffff none repeat scroll 0 0 !important; box-shadow: none !important; height: 26px !important; color: #fff; margin: 10px !important; width: 94%; border: 1px solid #c7e8e8; } .banner_add .container-fluid { background: #ffffff none repeat scroll 0 0; } UNUSED.progress.active .progress-bar, UNUSED.progress-bar.active { opacity: 0.7; } .form_design_title { background: #ffffff none repeat scroll 0 0; border-bottom: 1px solid #48a8d2; color: #000000; margin-bottom: 20px; } .validations_title span { margin-left: 10px; } .validations_title .col-sm-6.nopadding { margin-bottom: 0px; } .validations_title { color: #000; display: block; padding: 0px; } .dropdown_box p { font-weight: lighter !important; } .name { display: block; padding: 0px; background: #fff; } .properties_top_section label { margin-top: -5px; } .form_designer_left .properties_top_section { font-size: 13px; } .properties_top_section { border-radius: 5px; color: #596063; display: block; margin: 10px 0px; } .properties_top_section:hover { } .properties_section { color: #596063; display: block; margin: 10px 0 0; } .properties_section:hover { } .validations_title:hover { } .col-sm-6.nopadding > input { color: #4c4c4c; } .create_new_report { } .create_new_report:hover { background: #E4EEF2 none repeat scroll 0 0; border: 1px dotted #ff0000; border-radius: 0; } .form_designer_section { background: #fff none repeat scroll 0 0; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px; } .form_box:hover { background: #b6d87d none repeat scroll 0 0; border-radius: 4px; list-style: outside none none; } .creat_form .form-control:focus { border-color: #589576 !important; border: solid 0.5px; box-shadow: none !important; outline: 0 none; } .dropdown_box { color: #000; display: block; padding: 0px 5px; margin: 0px 0px; } .display_columns_div { line-height: 24px; padding: 10px; } .dropdown_box :focus { color: #000 !important; } .dropdown_box:hover { } .dropdown .fa.fa-plus { color: #fff; font-size: 12px; } .dropdown .fa.fa-minus { color: #fff; font-size: 12px; } .display_columns_div select { border: 1px solid #e3be4c !important; } .btn.btn-primary.btn-sm.dropdown:hover { background: #e3be4c none repeat scroll 0 0; } .btn.btn-primary.btn-sm.dropdown:hover .fa.fa-plus { color: #ffffff !important; } .btn.btn-primary.btn-sm.dropdown:hover .fa.fa-minus { color: #ffffff !important; } .dropdown input[type="text"] { background: #ddf8d5 none repeat scroll 0 0; border: 1px solid #e3be4c; border-radius: 0; color: #333333 !important; font-size: 12px; margin-bottom: 0; margin-right: 0; padding: 2px 4px; } .dropdown_box select { } .btn.btn-primary.btn-sm.dropdown { background: #ffffff none repeat scroll 0 0; border: 0px solid #e3be4c; border-radius: 50px; color: #216097; margin: -4px 1px 0; padding: 5px 4px; width: 10%; } .dropdown_right { text-align: right; } .dropdown:hover { display: block !important; position: relative; z-index: 9999999999999999999999; } .edit_form_data_content { background: #fff; border-radius: 8px; padding: 15px 0px; margin-bottom: 15px; } .next_previous_links .next a:hover, .next_previous_links .next a:focus, .next_previous_links .previous a:hover, .next_previous_links .previous a:focus { background: #fd8006; } .language_form_field_radio input[type="radio"] { margin: 5px 10%; text-align: center; } .add_launguage_page_section a:hover { color: #000; } .add_launguage_page_section .table-hover > tbody > tr:hover { background-color: #59742a; } .dropdown_box h5 a { clear: both; color: #000; border-radius: 0; display: inline-block; margin: 10px 0 10px 10px !important; } .addlanguage_buttons .btn.btn-info { margin: 10px 10px 10px 0; } .col-xs-text-center { text-align: center; } .add_language_line { border-bottom: 1px solid #B6D87D; width: 100%; clear: both; margin-top: 5px; display: inline-block; } .edit_entrie_data_control { background: #ffebad none repeat scroll 0 0; border-radius: 4px; clear: both; display: inline-block; margin-bottom: 10px !important; padding: 4px; position: relative; width: 100%; } .form_div1 { animation-delay: 0.1s; } .form_div2 { animation-delay: 0.2s; } .form_div3 { animation-delay: 0.3s; } .form_div4 { animation-delay: 0.4s; } .reed1 { background: #f8e8e4 none repeat scroll 0 0; min-height: 232px !important; } .reed2 { background: #e3c2e6 none repeat scroll 0 0; min-height: 232px !important; } .reed3 { background: #f39124 none repeat scroll 0 0; min-height: 232px !important; } .reed4 { background: #e6c3a7 none repeat scroll 0 0; min-height: 232px !important; } UNUSED.report_block_s1 p, UNUSED.report_block_s3 p { font-size: 16px; line-height: 28px; } .progress-bar { font-size: 12px !important; line-height: 24px !important; color: #000000 !important; width: 100% !important; } .progressbar_section { margin: 10px 0 0px 0px; } .cancel_button { float: right; border-radius: 8px 8px 0 0; padding: 0 6px; } .form_control_buttons { background: #F6F6F6; border-bottom: 1px solid #c7e8e8; padding: 10px 15px !important; } .cancel_button > a { font-size: 12px; color: #fff; font-weight: lighter; text-decoration: none !important; } .cancel_button > a:hover, .cancel_button a:focus, UNUSED.cancel_button a:active { color: #CCCCCC; } .close_button { float: right; padding: 0 0px; } .close_button > a:hover, .close_button a:focus, UNUSED.close_button a:active { color: #CCCCCC; } .save_button { float: right; padding: 0 0px; } .save_button > a { font-size: 13px; color: #fff; font-weight: lighter; text-decoration: none !important; } .save_button > a:hover, .save_button a:focus, UNUSED.save_button a:active { color: #CCCCCC; } .feature_article_section { background: #eeeeee none repeat scroll 0 0; color: #0065cc; -webkit-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 7px 1px rgba(0,0,0,0.75); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.25); border-radius: 8px; } .footer_bottom_copyrights { background: #000; } .form_second { background-color: #ffffff !important; border: 1px solid #c8c7c7 !important; border-radius: 10px !important; box-shadow: 0 0 8px 5px #e0dede !important; margin-bottom: 20px; min-height: 20px; padding: 0 !important; max-width: 560px; margin: 20px 0px; } .headebox { background: #2D78BB; border-radius: 10px 10px 0 0; overflow: hidden; } .headebox h4 { color: #ffffff; font-weight: bold; } .elogo { margin: 10px 0 8px 10px; } .col-sm-12.text-center.footerbg { background: #141414 none repeat scroll 0 0; color: #ffffff; } .footerbg p { font-size: 11px; line-height: 28px; margin: 10px 0; } .form_designer_head { } .rules_page .entries_list:hover { background: #daebbf none repeat scroll 0 0; } .creatnew_form { line-height: 40px; padding: 4px 15px !important; } .control_icons h5 { font-weight: bold; text-indent: 10px; } .entries .smooth_scrool { bottom: 5px; display: none; } div.file_upload:before { content: 'Upload'; position: absolute; left: 0; right: 0; text-align: center; cursor: pointer; color: #000; font-weight: 400 !important; } .icon_color_change { text-align: right; } .entries_list div.showme { text-align: left; } .inner_form_text { padding-left: 0 !important; } .account_admin_set_permissio_tab { margin-top: 20px; } .adminreportsdashboard .entries_count { text-align: right; } UNUSED.entries_group a:visited, a:focus, a:active, a:hover { box-shadow: none !important; } .information_text a:hover, a:focus { text-decoration: underline; } .my_table table thead tr th:nth-child(odd) { background: #ff0000; width: 10% !important; } UNUSED.settings .question, UNUSED.settings .switch { display: table-cell; padding: 10px; vertical-align: middle; } .cmn-toggle { margin-left: -9999px; position: absolute; visibility: hidden; } input.cmn-toggle-round-flat + label::before, UNUSEDinput.cmn-toggle-round-flat + label::after { content: ""; display: block; position: absolute; } input.cmn-toggle-round-flat + label::after { background-color: #dddddd; border-radius: 52px; bottom: 4px; left: 4px; top: 4px; transition: margin 0.4s ease 0s, background 0.4s ease 0s; width: 52px; } input.cmn-toggle-round-flat + label::before, input.cmn-toggle-round-flat + label::after { content: ""; display: block; position: absolute; } input.cmn-toggle-round-flat + label { background-color: #363941; border-radius: 60px; height: 60px; padding: 2px; transition: background 0.4s ease 0s; width: 120px; } .cmn-toggle + label { -moz-user-select: none; cursor: pointer; display: block; outline: medium none; position: relative; } .dashboard_ecube_permissions .switch { margin: 20px 0; padding: 0 20px; display: inline-block; text-align: center; width: 100% } input.cmn-toggle-round-flat + label::before { background-color: #363941; border-radius: 60px; bottom: 2px; left: 2px; right: 2px; top: 2px; transition: background 0.4s ease 0s; } input.cmn-toggle-round-flat + label::before, input.cmn-toggle-round-flat + label::after { content: ""; display: block; position: absolute; } input.cmn-toggle-round-flat:checked + label::after { background-color: #58CB2B; margin-left: 30px; } input.cmn-toggle-round-flat + label::after { background-color: #e02830; border-radius: 52px; bottom: 4px; height: 22px; left: 4px; top: 4px; transition: margin 0.4s ease 0s, background 0.4s ease 0s; width: 22px; } input.cmn-toggle-round-flat + label::before, input.cmn-toggle-round-flat + label::after { content: ""; display: block; position: absolute; } input.cmn-toggle-round-flat + label { border-radius: 60px; height: 30px; padding: 2px; transition: background 0.4s ease 0s; width: 60px; } .cmn-toggle + label { -moz-user-select: none; cursor: pointer; display: block; outline: medium none; position: relative; } .list_item_form1 { background-image: url('../Images/formdashboard_imgs.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 482% 100%; } .list_item_form2 { background-image: url('../Images/formdashboard_imgs.png'); background-position: 35% 0; background-repeat: no-repeat; background-size: 482% 100%; } .list_item_form3 { background-image: url('../Images/formdashboard_imgs.png'); background-position: 67% 0; background-repeat: no-repeat; background-size: 482% 100%; } .list_item_form4 { background-image: url('../Images/formdashboard_imgs.png'); background-position: 98% 0; background-repeat: no-repeat; background-size: 482% 100%; } .selectactivitydropdown { padding: 0 30px 0 10px !important; } .entries_list.list_of_name.nopadding.entries_count.nopadding.icon_color_change.showhim.hvr-fade { background-color: rgba(0, 0, 0, 0) !important; } .list-group-item.active.text-center { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; } div.list-group i.fa { background: #d2d2d2; font-size: 26px; padding: 15px; } div.list-group i.fa:hover { background: #202020 none repeat scroll 0 0; color: #fff !important; transform: rotate(15deg); } div.list-group .active i.fa { background: #202020 none repeat scroll 0 0; color: #fff !important; transform: rotate(15deg); } .ecube_entries_div { margin: 0px 0 !important; } .select_fields { display: block; float: left; position: relative; width: 21%; } .export_to_excel { display: block; float: left; position: relative; width: 21%; } .Create_button { background: #6ee06f none repeat scroll 0 0; border-radius: 40px; color: #ffffff; max-width: 110px; cursor: pointer; } #select_show { background: #ebebef none repeat scroll 0 0; color: #000; text-align: left; left: 2; line-height: 26px; padding: 10px 20px; position: absolute; width: 225px !important; display: none; z-index: 2147483647; font-size: 13px; margin: 0px 0px 0px 10px !important; font-weight: normal !important; z-index: 1000 !important; } #select_show label { font-weight: normal !important; } .bor_rad { border-radius: 0px !important; } .select_div > button { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: #010101; line-height: 30px; border-image: none; border-style: none none solid; border-width: medium medium 1px; border: 0px; } .select_div > button:hover { box-shadow: inset 0 0 0 1px #010101; transition: all 0.2s ease 0s; display: inline-block; } .export_to_excel { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-color: #010101; line-height: 30px; border-image: none; border-style: none none solid; border-width: medium medium 1px; } .export_to_excel a:hover { box-shadow: inset 0 0 0 1px #010101; transition: all 0.2s ease 0s; display: inline-block; } .ecube_share_permissions .form-control { background: #fff !important; color: #000 !important; } .entries_table thead { background: #3a3f53 none repeat scroll 0 0; color: #ffffff; } .ecube_entries_list_items:hover { background: rgba(204, 204, 204, 0.6); } UNUSED.ecube_entries_list_items > .eantrie_action, UNUSED.eantrie_date, UNUSED.eantrie_name, UNUSED.eantrie_email, UNUSED.eantrie_phone, UNUSED.eantrie_city, UNUSED.eantrie_zipcode, UNUSED.eantrie_rating, UNUSED.eantrie_adress, UNUSED.eantrie_comments { text-align: left; } .ecube_entries_div .table-responsive { overflow-x: visible; } .form_data_view fieldset { background: #fff; border: 1px solid #dddddd !important; box-shadow: 0 0 0 0 #000000; margin: 0 0 1.5em !important; padding: 0 1.4em 1.4em !important; } .form_data_view { margin: 40px 0; font-size: 12px; } .form_data_view .form-group { margin: 10px auto !important; width: 94%; } .input-field { margin-top: 1rem; position: relative; } input[type=text]:focus:not([readonly]) + label, input[type=password]:focus:not([readonly]) + label, input[type=email]:focus:not([readonly]) + label, input[type=url]:focus:not([readonly]) + label, input[type=time]:focus:not([readonly]) + label, input[type=date]:focus:not([readonly]) + label, input[type=datetime-local]:focus:not([readonly]) + label, input[type=tel]:focus:not([readonly]) + label, input[type=number]:focus:not([readonly]) + label, input[type=search]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label, UNUSED.input-field .prefix.active { color: #2196F3; } input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) { } .input-field label.active { font-size: 0.8rem; transform: translateY(-140%); } input[type="text"]:focus:not([readonly]) + label, input[type="password"]:focus:not([readonly]) + label, input[type="email"]:focus:not([readonly]) + label, input[type="url"]:focus:not([readonly]) + label, input[type="time"]:focus:not([readonly]) + label, input[type="date"]:focus:not([readonly]) + label, input[type="datetime-local"]:focus:not([readonly]) + label, input[type="tel"]:focus:not([readonly]) + label, input[type="number"]:focus:not([readonly]) + label, input[type="search"]:focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label, .input-field .prefix.active { color: #2196f3; } textarea.materialize-textarea { min-height: 3rem; overflow-y: hidden; padding: 1.6rem 0; resize: none; } .list_of_back_button button, .list_of_back_button { border-radius: 20px; padding: 6px -5px; float: right; } @media screen and (min-width:768px) { .back_to_user { height: 0; } .back_to_user > button { position: relative; top: -27px; } } UNUSED.list_of_back_button button, .list_of_back_button a { border-radius: 20px; padding: 6px 18px; } .usermanagement_div_top { border-radius: 8px; padding: 10px 10px 0; background: #fff; margin: 30px 0px; border: solid 1px #e4e4e4; } .usermanagement_div { border-radius: 8px; padding: 10px; background: #fff; } .form_data_buttons .btn.delete { background: #ff894c none repeat scroll 0 0; border: medium none !important; border-radius: 20px; color: #fff !important; display: inline-block; line-height: 22px; margin-left: 10px; padding: 6px 32px !important; } .cart { position: relative; } .cart:hover #sidebar { background: rgba(187,187,187,0.9); border: 1px solid #000; bottom: 30px; color: #ffffff; display: block; font-weight: bold; left: 31%; padding: 5px 20px; position: absolute; } .input-field.animated.fadeinright > select { width: 100%; } .admin_entries_list_box_right h3 { margin-top: 90px; word-wrap: break-word; } .admin_entries_list_box_right { margin-top: -280px; margin-left: 220px; } .ecube_entries_div_buttons { float: right; width: 50%; margin-bottom: 15px; } .admin_entries_list_box_right small { display: block; margin-bottom: 15px; } .entries_table { font-size: 13px; } .entries_table.table-hover > tbody > tr:hover { background-color: rgba(58, 63, 83, .3); color: #fff; } .usermanagement_div_top_right_one .usermanagement_div_icon { background: #ff894c url(../images/usermanagement_div_top_right_one.png) left bottom no-repeat; padding: 5px; border-radius: 8px; min-height: 96px !important; } .usermanagement_div_top_right_two .usermanagement_div_icon { background: #42c3ad url(../images/usermanagement_div_top_right_two.png) left bottom no-repeat; padding: 5px; border-radius: 8px; min-height: 96px !important; } .usermanagement_div_top_right_three .usermanagement_div_icon { background: #41c442 url(../images/usermanagement_div_top_right_three.png) left bottom no-repeat; padding: 5px; border-radius: 8px; min-height: 96px !important; } .usermanagement_div_icon h1 { padding-right: 30px; text-align: right; color: #fff; } .usermanagement_div_icon p { padding-right: 10px; text-align: right; color: #fff; } .usermanagement_div_top .tab-content { background: #f9f9f9 none repeat scroll 0 0; margin: 0 !important; padding: 10px; min-height: 260px; border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } .usermanagement_div_top .tabbable { margin: 0px -10px; } .usermanagement_div_top .nav-tabs > li > a { border: 0 solid rgba(0, 0, 0, 0) !important; border-radius: 4px 4px 0 0; line-height: 1.42857; margin-right: 0 !important; } div.usermanagement_div_top div.tabbable ul.nav.nav-tabs li.active { background: #F4C961 !important; border-radius: 6px 6px 0 0; } /*share_page start*/ .usermanagement_div_top .tabbable_a { margin: 60px -10px; } .usermanagement_div_top .nav-tabs > li > a { border: 0 solid rgba(0, 0, 0, 0) !important; border-radius: 4px 4px 0 0; line-height: 1.42857; margin-right: 0 !important; } div.usermanagement_div_top div.tabbable_a ul.nav.nav-tabs li.active { background: #dde6ef !important; border-radius: 6px 6px 0 0; } /*share_page End*/ .nav.nav-tabs a { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #555; } .usermanagement_div_top .nav.nav-tabs a { font-size: 18px; font-weight: 600; text-decoration: none !important; } div.usermanagement_div_top div.tabbable ul.nav.nav-tabs li a:focus { background-color: #f8cd65; color: #3a3f53 !important; margin: 0 !important; } div.usermanagement_div_top div.tabbable ul.nav.nav-tabs li a:hover { background-color: #f8cd65; margin: 0 !important; } .usermanagement_div_top .tabbable a { border-bottom: 0px solid #fff !important; color: #6f6f6f !important; text-decoration: underline; } .usermanagement_div_top .nav > li > a:focus, .nav > li > a:hover { } .tab-content .form_data_buttons button { border-radius: 40px !important; } .tabbable h5 { color: #000000; line-height: 50px; } .tabbable .input-field.animated.fadeinright > label { color: #669acc !important; top: -0.5rem !important; } .tabbable select { background: none !important; border-bottom: solid 1px #9e9e9e !important; border: 0px solid #f2f2f2; background: url("../images/arrow_bottom.png") no-repeat scroll right 10px bottom 6px !important; color: #669acc !important; } .usermanagement_div_top .tabbable h5 { color: #000000; line-height: 24px; } .admin_form_top.form_design_left { background: #f5ca62 none repeat scroll 0 0; float: left; padding: 10px 30px; position: fixed; width: 30%; height: 92%; } .form_design_section { margin: -10px 0 0px 0; } .inner_form_designer_left .form_settings label.active { left: auto; position: relative !important; top: 0; } .inner_form_designer_left .properties_top_section label { margin-top: 0; position: relative; top: 0px; font-weight: bold !important; font-size: 13px !important; bottom: 10px; } .control_icons .fa.fa-sort-numeric-asc { color: #b1aad0; } .control_icons .fa.fa-file-text-o { color: #db7093; } .control_icons .fa.fa-list-ol { color: #dc143c; } .control_icons .fa.fa-phone-square { color: #eb674c; } .control_icons .fa.fa-envelope { color: #71bc55; } .control_icons .fa.fa-align-justify { color: #367cc1; } .control_icons .fa.fa-calendar { color: #7dece3; } .control_icons .fa.fa-dot-circle-o { color: #ffc07d; } .control_icons .fa.fa-caret-square-o-down { color: #2ab14a; } .control_icons .fa.fa-table { color: #577bab; } .control_icons .fa.fa-tag { color: #31b8e7; } .control_icons .fa.line { color: #3374b8; } .control_icons .fa.line { color: #3374b8; } .control_icons .fa.line { color: #3374b8; } .formdesigner_page .properties_top_section fieldset { border: 1px groove threedface; border-radius: 6px; display: block; margin: 30px 0; padding: 10px 10px; } .properties_top_section fieldset { display: block; -webkit-margin-start: 2px; -webkit-margin-end: 2px; -webkit-padding-before: 0.35em; -webkit-padding-start: 0.75em; -webkit-padding-end: 0.75em; -webkit-padding-after: 0.625em; min-width: -webkit-min-content; border: 1px groove threedface; padding: 10px; border-radius: 6px; } .properties_top_section legend { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; display: block; font-size: 14px; color: #52a5db; left: 20px; padding: 0 10px; position: relative; width: auto; } .properties_top_section .name input { width: 100%; border: none; padding: 5px 0; min-width: 100%; } .properties_top_section textarea { width: 100%; border: none; resize: none; min-width: 100%; } .properties_top_section textarea:focus { border-bottom: 1px solid #2196F3 !important; border: none; } .form_design_right_title_btns .btn.btn-success { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 10px; padding: 2px 15px !important; background: #6ee06f !important; } .form_design_right_title_btns .btn.btn-danger { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 10px; padding: 2px 15px !important; background: #f63933 !important; } .form_design_right_title_btns .btn.btn-warning { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 10px; padding: 2px 15px !important; background: #eeb62b !important; } .accountmanagement_domain_change input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: 2px solid #353535; } .accountmanagement_domain_change a.btn.save { float: right; margin: 0 12px; max-width: 190px; width: 100% !important; } .accountmanagement_domain_change span { line-height: 24px; text-align: center; padding: 0; color: #000000; } .accountmanagement_domain_change h3 { font-size: 14px; line-height: 34px; padding: 0; color: #fff; } .li_top_bg { background: rgba(0, 0, 0, 0) url("../images/li_top_bg.png") no-repeat scroll center 0px !important; position: relative; } .permission_select_all { padding-top: 0; } .permission_select_all h4 { margin: 30px 0 30px 4%; } select.pagination-page-list { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; margin: 10px; } .edit_form_data_content .list-group-item { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; -o-flex-direction: row; flex-direction: row; } .edit_form_data_content .list-group { margin: 10px 20px; } .edit_form_data_content .lblbold { margin: 3px; } .accountmanagement_activity_div { background: #ffffff none repeat scroll 0 0; border: 1px solid #cccccc; border-radius: 8px; margin: 15px; } .accountmanagement_activity_div .tab-content > .active { border: 0px solid #dddddd; } .accountmanagement_activity_div .nav-tabs .active > a { border: medium none !important; } .accountmanagement_activity_div li.active { border-bottom: 0px solid #f4ce61 !important; } .accountmanagement_activity_div .nav.nav-tabs a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6); } .activity_date_buttons .input-group-addon { border: medium none !important; } .accountmanagement_activity_div_record_btn { float: right; } section.main { margin-bottom: 20px; } .accountmanagement_activity_div .account_btn .btn, .account_btn .btn { background: #096; border: 1px solid #cccccc; border-radius: 28px; padding: 8px; color: #fff; } .accountmanagement_activity_div_content2_table table { background: #ffffff none repeat scroll 0 0 !important; } .accountmanagement_activity_div .account_btn .btn:hover, .account_btn .btn:focus { background: #6ee06f !important; color: #fff; } .account_admin_set_permissio_tab .nav.nav-tabs { padding: 0 20px; border: medium none rgba(0, 0, 0, 0); } .accountmanagement_activity_div .tab-content { margin-top: 20px; } .accountmanagement_activity_div_content { background: #f3f3f3 none repeat scroll 0 0; margin-top: 15px; padding: 10px; } .activity_log_container { padding-top: 20px; height: 500px; padding-right: 5%; overflow-y: scroll; color: #5c5d61; } .entries.forms_dashboard_page { margin: auto; } .activity_user_details .fa.fa-list-ol.six { color: #a503ca; border-radius: 41px; padding: 2px 4px; } .activity_date { border-bottom: 1px solid #d5d5d5; color: #626367; padding: 5px 5px 5px 20px; text-align: left; } .form_activity_user { border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: left; } .form_activity_account { border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: left; } .form_activity_form { border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: left; } .form_activity_theme { border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: left; } .form_activity_entries { border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: left; } .form_activity_reports { border-bottom: 1px solid #d5d5d5; padding: 10px; text-align: left; } .activity_list_group { margin: 10px 0; } :focus { outline: none; } select:focus { outline: none; } input[type="text"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, select:focus, textarea:focus, option:focus { } .form_activity_theme > span { color: #5d5d65; } .form_activity_theme .fa.fa-theme { border-radius: 41px; color: #69c1ab; padding: 2px 4px; } .form_activity_user .fa.fa-user { border-radius: 41px; color: #69c1ab; padding: 2px 4px; } .form_activity_account .fa.fa-lock { border-radius: 41px; color: #ff090d; padding: 2px 4px; } .form_activity_user > span { color: #69c1ab; } .form_activity_entries > span { color: #a503ca; } .form_activity_reports > span { color: #44b853; } .form_activity_reports .fa.fa-th { border-radius: 41px; color: #44ba4c; padding: 2px 4px; } .form_activity_form .fa.fa-pencil-square { border-radius: 41px; color: #d07912; padding: 2px 4px; } .activity_log_container_right_box { background: #fff; } .activity_log_container_right_box { background: #ffffff none repeat scroll 0 0; border-radius: 6px; margin: 5% 25%; } .activity_log_header_box { background: #f7cc64 none repeat scroll 0 0; border-radius: 6px 6px 0 0; color: #ffffff; padding: 10px; text-align: center; } .activity_log_list { } .activity_log_list ul li { margin: 10px 0 0 !important; padding: 0; text-align: left; } .activity_log_list .fa { padding-left: 5px; padding-right: 5px; } .activity_log_list { padding-bottom: 20px; } .activity_log_list ul li a { text-decoration: none !important; } .activity_log_list ul li a.one { color: #d07912; font-weight: 600; } .activity_log_list ul li a.two { color: #F1C40F; font-weight: 600; } .activity_log_list ul li a.three { color: #ff090d; font-weight: 600; } .activity_log_list ul li a.four { color: #44b853; font-weight: 600; } .activity_log_list ul li a.five { color: #6cc2b7; font-weight: 600; } .activity_log_list ul li a.six { color: #a503ca; font-weight: 600; } .easy-pie:not(.main-pie) .percent::after { font-size: 20px; } .easy-pie:not(.main-pie) .percent { font-size: 26px; margin-top: 37px; } UNUSEDaudio, UNUSEDcanvas, UNUSEDprogress, UNUSEDvideo { display: inline-block; vertical-align: baseline; } .style1 { background: #faaa84 !important; } .style2 { background: #70cbba !important; } .style3 { background: #7ad87e !important; } .style4 { background: #f4d78f !important; } .style5 { background: #8d8d92 !important; } .accountmanagement_activity_div_content2_table table { margin-bottom: 20px; } .accountmanagement_activity_div_content2 { background: #f3f3f3 none repeat scroll 0 0; padding: 30px; position: relative; width: 100%; } .activity_ecube_entries_list_top { background: #595c6b none repeat scroll 0 0; color: #ffffff; margin-top: 10px; padding: 10px; width: auto; } .accountmanagement_domain_change { text-align: right; } .accountmanagement_domain_change input[type="text"] { border: 1px solid #cccccc; border-radius: 6px !important; text-align: left; } .accountmanagement_domain_change input[type="text"]:focus { border: 1px solid #cccccc; box-shadow: none !important; } UNUSED.activity_ecube_entries_list_items > .activity_eantrie_action, UNUSED.activity_eantrie_date, UNUSED.activity_eantrie_name, UNUSED.activity_eantrie_email, UNUSED.activity_eantrie_phone, UNUSED.activity_eantrie_city, UNUSED.activity_eantrie_zipcode, UNUSED.activity_eantrie_rating, UNUSED.activity_eantrie_adress, UNUSED.activity_eantrie_comments { text-align: left; } .ecube_entries_list_items > .eantrie_action, .eantrie_date, .eantrie_name, .eantrie_email, .eantrie_phone, .eantrie_city, .eantrie_zipcode, .eantrie_rating, .eantrie_adress, .eantrie_comments { text-align: left; } .activity_ecube_entries_list_top li { float: left; width: 112px; text-overflow: ellipsis; list-style: outside none none; overflow: hidden; padding-right: 3px; } .activity_ecube_entries_list_items li { float: left; font-size: 13px; font-weight: bold; list-style: outside none none; overflow: hidden; padding-right: 3px; text-overflow: ellipsis; width: 112px; } .activity_ecube_entries_list_top li { color: #fff; float: left; list-style: outside none none; padding: 0 30px; text-align: left; width: 23%; } .accountmanagement_activity_div fieldset { margin: 0 !important; padding: 0 !important; } .accountmanagement_activity_div_content2 .pagination { display: block !important; } .accountmanagement_activity_div ul.pagination li { padding: 0; display: inline-block; } .language_page_left { background: #fff; } .language_page_left h2 { border-bottom: 1px solid #5d5c64; color: #5d5c64; font-size: 20px; padding-bottom: 15px; } .language_icon { margin-bottom: 20px; padding-left: 0px; } .language_icon_edit { margin: 0 25px; color: #3bc445; cursor: pointer; } .language_icon_delete { color: #ff0000; cursor: pointer; } .language_page_left_add { height: 150px; margin-top: 40px; overflow-y: scroll; } .language_icon, .language_icon_edit, .language_icon_delete { float: left; } .language_page_left { margin: 1px 0; padding: 12px; } .language_input { margin: 0 0 25px !important; } .add_language_inner_wizard h2 { border-bottom: 1px solid #5d5c64; color: #f6cc64; font-size: 20px; padding-bottom: 15px; } .input-field label { } .wizard { margin: 20px auto; } .wizard .nav-tabs { position: relative; margin: 40px auto; margin-bottom: 0; border-bottom-color: #e0e0e0; } .wizard > div.wizard-inner { position: relative; } .connecting-line { height: 2px; background: #e0e0e0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1; } .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; } span.round-tab { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; } span.round-tab i { color: #555555; } .wizard li.active span.round-tab { background: #fff; border: 2px solid #5bc0de; } .wizard li.active span.round-tab i { color: #5bc0de; } span.round-tab:hover { color: #333; border: 2px solid #333; } .wizard .nav-tabs > li { width: 25%; } .wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.6); transition: 0.1s ease-in-out; } .wizard li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #5bc0de; } .wizard .nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0; } .wizard .nav-tabs > li a:hover { background: transparent; } .wizard .tab-pane { position: relative; padding-top: 50px; } .language_page_right .wizard-inner { display: none; } .add_language_inner_wizard ul.list-inline { display: inline; } .add_language_inner_wizard { margin: 10% auto 0px auto; position: relative; text-align: center; } .add_language_inner_wizard .tab-pane.active ul { bottom: 0; position: absolute; right: 0; } .add_language_inner_wizard .tab-pane.active { min-height: 340px; } .language_page_right { background: #58585f url(../images/language_bg.jpg) no-repeat; background-size: cover; } .add_language_inner_wizard select { display: block; margin: 0 auto; width: 50%; } .add_language_inner_wizard .input-field { display: block; margin: 0 auto; width: 50%; } .add_language_inner_wizard select { background: url(../images/arrow_bottom-old.png) right center no-repeat !important; border-bottom: solid 1px #9e9e9e !important; border: none; color: #f6cc64; } .add_language_inner_wizard ul.list-inline li button.btn { background: rgba(0, 0, 0, 0.10) none; border: medium none; font-size: 24px; color: #fff; border-radius: 40px; } .add_language_inner_wizard .input-field label { color: #f6cc64; margin-top: -12px; } .add_language_inner_wizard .tab-pane.active .progress { background: #585860 none repeat scroll 0 0 !important; border: medium none !important; border-radius: 0; bottom: -31px; box-shadow: none !important; height: 5px !important; margin: 0 0 6px -15px !important; padding: 0 !important; position: absolute; width: 103.5% !important; } .add_language_inner_wizard #step2.tab-pane.active .progress { bottom: -27px; } .add_language_inner_wizard div#step2.tab-pane.active div.input-field span { color: #ffffff; left: -25%; position: absolute; top: 5px; } .add_language_inner_wizard div#step2.tab-pane.active span { color: #ffffff; left: -25%; position: absolute; top: 5px; } .add_language_inner_wizard input[type=text] { color: #fff; } .add_language_inner_wizard input[type=text]:focus { color: #fff !important; border-bottom: 1px solid #26a69a !important; } .add_language_inner_wizard #step2.tab-pane.active { padding: 0px; } .save_wizard { background: #796d55 none repeat scroll 0 0 !important; font-size: 18px !important; padding: 0 11px !important; } .cancel_wizard { background: #78565d none repeat scroll 0 0 !important; font-size: 18px !important; padding: 0 11px !important; } .add_language_inner_wizard li .fa { color: #f3b723; } .add_language_inner_wizard input.valid[type="text"], .add_language_inner_wizard input.valid[type="text"]:focus, .add_language_inner_wizard input.valid[type="password"], .add_language_inner_wizard input.valid[type="password"]:focus, .add_language_inner_wizard input.valid[type="email"], .add_language_inner_wizard input.valid[type="email"]:focus, .add_language_inner_wizard input.valid[type="url"], .add_language_inner_wizard input.valid[type="url"]:focus, .add_language_inner_wizard input.valid[type="time"], .add_language_inner_wizard input.valid[type="time"]:focus, .add_language_inner_wizard input.valid[type="date"], .add_language_inner_wizard input.valid[type="date"]:focus, .add_language_inner_wizard input.valid[type="datetime-local"], .add_language_inner_wizard input.valid[type="datetime-local"]:focus, .add_language_inner_wizard input.valid[type="tel"], input.valid[type="tel"]:focus, .add_language_inner_wizard input.valid[type="number"], .add_language_inner_wizard input.valid[type="number"]:focus, .add_language_inner_wizard input.valid[type="search"], .add_language_inner_wizard input.valid[type="search"]:focus, UNUSED.add_language_inner_wizard textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus { /*border-bottom: 1px solid #fff !important;*/ box-shadow: 0 1px 0 0 #fff; text-indent: 0px; } th { text-align: left; padding-left: 5px; } .report_design { background: #fff; padding: 10px; margin-top: 2px; } .report_design_left { height: 880px; overflow-y: scroll; padding: 20px 0 !important; } .report_design_wizard div.stepwizard-step a.btn.btn-circle.btn-default.btn-primary { background: #d05333 !important; border: medium none; border-radius: 60px; height: 67px; padding: 20px; width: 67px; } .report_design_wizard .btn-circle.btn-success { background: #017b8a !important; border: medium none; border-radius: 60px; height: 67px; padding: 20px; width: 67px; } .report_design_wizard .btn-circle.btn-default { background: #017b8a !important; border: medium none; border-radius: 60px; height: 67px; padding: 20px; width: 67px; } .report_design_box_bg { background: #ffffff none repeat scroll 0 0; display: inherit; } .stepwizard.report_design_wizard { margin-bottom: 40px; } div.report_design_left div.form-group input.form-control { background: #ebebeb none repeat scroll 0 0; border-radius: 0px; border: medium none; } .report_design_wizard .stepwizard-step { display: block; float: left; margin: 0 22px; } .stepwizard.report_design_wizard { display: block; } div.report_design button.btn { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: medium none; color: #cf5234; font-size: 14px; margin-bottom: 40px; margin-top: 30px; padding: 0; } .progress.report_design_wizard_one_bar { border: medium none !important; border-radius: 0; height: 5px !important; left: 0; margin: 10px 0 !important; position: relative; width: 100% !important; } div.report_design_left #step-3 a.btn.btn-success { margin-top: 25px; } .report_design_right h3 { width: 100%; word-wrap: break-word; } .inline_radio .radio { display: inline-block; margin: 10px 40px 10px 20px; } input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=radio].css-checkbox + label.css-label { padding-left: 26px; height: 21px; display: inline-block; line-height: 21px; background-repeat: no-repeat !important; background-position: 0 0; font-size: 12px; vertical-align: middle; cursor: pointer; } input.css-checkbox[type="radio"]:checked + label.css-label { background-position: 0 -21px !important; } label.css-label { background-image: url(../images/radio_button.png) !important; background-repeat: no-repeat; } .formdesigner_page select { -moz-appearance: none; /*background: #ffffff url("/images/form_select_bg.png") no-repeat scroll right -2px bottom 1px !important;*/ border: 1px solid #cccccc; border-radius: 6px; height: 32px; margin: 0px 0; padding: 0 30px 3px 4px; } .dashboard_ecube_permissions h3 { cursor: pointer; margin-top: 5px; text-decoration: underline !important; word-wrap: break-word; } #privatecontent span { display: block; text-align: center !important; } .share_Button { background-color: #3ba4c7; background-image: -moz-linear-gradient(center top, #3ba4c7 0%, #1982a5 100%); border: 1px solid #004f72; border-radius: 4px; box-shadow: 0 0 2px #bababa, 0 0 1px #ffffff inset; color: #ffffff !important; display: block; font-weight: bold; padding: 6px 25px; text-align: center; text-decoration: none !important; } .ecube_share_page { display: inline-block; float: left; width: 100%; } .change_domain_edit .btn:hover { color: #ffffff; } .change_domain_edit .input-field { display: block; margin-bottom: 20px; } .change_domain_edit { margin-bottom: 10px; text-align: center; } .change_domain_edit.text-left.change_account { text-align: left; } .popup_model_btn_check_availability { background: #EE6E73; color: #fff; } .slider { width: 100%; overflow: hidden; position: relative; } .slider-wrapper { width: 100%; height: auto; position: relative; } .slide { float: left; position: relative; max-width: 1386px; height: 100%; background-repeat: no-repeat; background-size: cover; } .btn-default.disabled, UNUSED.btn-default.disabled.active, UNUSED.btn-default.disabled.focus, UNUSED.btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: rgba(0, 0, 0, 0.10) none !important; } form p { text-align: center; } .btn, UNUSED.btn-large, .btn-flat { text-transform: initial; font-size: 13px; font-weight: 600; } .left_move { margin-left: -150px; } .form_design_view_title_btns .btn.btn-success { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #6ee06f !important; } .form_design_view_title_btns .btn.btn-danger { border-radius: 30px; font-size: 14px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #f63933 !important; } .form_design_view_title_btns .btn.btn-warning { border-radius: 30px; font-size: 14px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #eeb62b !important; color: #fff !important; } .form_design_view_title_btns { padding: 0px 0; } .form_design_imp_title_btns { padding: 0px 0; } .form_design_imp_title_btns .btn.btn-warning { border-radius: 30px; font-size: 14px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #eeb62b !important; } .form_design_imp_title_btns .btn.btn-success { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 0px; padding: 7px 15px !important; background: #6ee06f !important; } .form_design_imp_title_btns .btn.btn-danger { border-radius: 30px; font-size: 14px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #f63933 !important; } .form_design_imp_title_btns .btn.btn-primary { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #337ab7 !important; border: 1px solid #2e6da4; } .form_design_imp_title_btns .btn.btn-primary :hover { text-decoration: underline; } .form_design_imp_title_btns .btn.btn-primary_a { border-radius: 30px; font-size: 13px !important; line-height: 20px !important; margin: 0 10px; padding: 7px 15px !important; background: #3a3f53 none repeat scroll 0 0 !important; color: #fff; } .errorMessage { color: red; font-weight: bold; font-family: Verdana; font-size: 8pt; } .mar_top { margin-top: 20px; } .ana_left { padding-left: 48px; } .fmdesign_bg { background-color: #eaeaea; padding: 10px; border-radius: 5px; margin-bottom: 20px; } .modal-open .modal { overflow-x: hidden; overflow-y: hidden !important; } .adduser_permission { overflow-x: hidden; overflow-y: hidden !important; } .validationmsg { color: red; } .drop_wid_a { padding-left: 105px; } .drop_wid_a_a { padding-left: 75px; } .drop_wid_b { margin-left: 0px; } .drop_wid_c { margin-left: -35px; margin-top: -5px; width: 175px; } .loader_pre_a { margin: 0px; padding: 0px; position: fixed; right: 0px; top: 0px; width: 100%; height: 100%; background-color: rgb(0, 0, 0); z-index: 30001; opacity: 0.9; } .loader_pre_b { position: absolute; color: White; top: 40%; left: 40%; } .en_button_a { margin-left: 96px !important; border-radius: 0px !important; } .en_button_b { margin-left: 30px; } .en_button_c { margin-left: -30px; } .ent_norecord { background-color: #3A3F53; color: #F7F7F7; padding: 20px; } .re_but_a { margin-left: -145px; } .ta_mar_aa { position: relative; } .ta_mar_a { margin-top: 80px !important; position: relative; } .ta_mar_b { position: absolute; top: -32px; right: 115px; } .ta_mar_c { width: 100%; height: 350px; } .ta_mar_d { } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 2147483647; } .form-control { padding: 0px 15px; } .act_wid { width: 150px; } .act_mar { margin-left: 20px !important; } .act_mar_a { margin-left: 10px !important; } .report_img { height: 350px !important; width: 100%; } /*Accountmanagement-Usagestatistics-table start*/ .formstatics_table { table-layout: fixed; width: 100%; } .formstatics_table_cell { white-space: -o-pre-wrap !important; word-wrap: break-word !important; white-space: pre-wrap !important; white-space: -moz-pre-wrap !important; white-space: -pre-wrap !important; } /*Accountmanagement-Usagestatistics-table End*/ .no_reports { background-color: #f2dcc0; height: 300px; margin-top: 50px; border: 1px solid #ccc; background-image: url('../../Images/reports.png'); background-position: center; background-repeat: no-repeat; font-weight: bold; } .no_entries { background-color: #f2dcc0; height: 250px; margin-bottom: 50px; border: 1px solid #ccc; background-image: url('../../Images/entries.png'); background-position: center; background-repeat: no-repeat; font-weight: bold; } .no_forms { background-color: #f2dcc0; height: 250px; margin-top: 50px; border: 1px solid #ccc; background-image: url('../../Images/forms.png'); background-position: center; background-repeat: no-repeat; font-weight: bold; margin-right: 25px; } .no_reports_text { font-weight: 600; margin-top: 100px; text-align: center; } .view_report { border: 1px solid #d1d1d1; z-index: 10000; margin-top: 30px; padding: 16px; } .view_report_body { margin-top: -16px; padding-bottom: 10px; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { z-index: 0; } .username { } .act_mar { margin-left: 20px; } .act_mar_a { margin-left: 10px !important; } .permissions_img { margin-left: -50px; } .permissions_wid { width: 80%; } .permission_tog { margin-top: 25px; margin-left: -42px; } .View_button_show_b { display: none; } .View_button_show_a { display: block; } .get_but { margin-left: -30px; } .edit_but_up { color: #fff; } .edit_but_up:hover { color: #eeb62b; } .edit_but_down { color: #fff; margin: 0px 20px 0px 10px; } .edit_but_down:hover { color: #eeb62b; } .acc_name { margin-right: 185px !important; color: #f00 !important; } .acc_name_a { margin-right: 73px !important; color: #f00 !important; } .text_align { text-align: right; } .qr_code_note { right: 164px; position: absolute; } .qr_text { text-align: center; font-size: 12px; margin-left: -10px; font-weight: 600; line-height: 1.8; } .qr_button { } .url_share_but { margin-left: 70px; } .share_bg { background-color: #dde6ef !important; border-radius: 0px !important; } .permission_imgsize { width: 192px !important; height: 192px !important; } .permission_select { width: 150px !important; height: 150px !important; } .allusersdropdown { width: 200px; } .roledropdown { width: 95% !important; margin-top: -5px; color: #669acc; } .marleft { margin-left: 50px; } .report_create_btn .btn-info { background: #202020 none repeat scroll 0 0; border: medium none; border-radius: 6px; /*font-family: "Comfortaa",cursive;*/ line-height: 20px; } .entries_view_btn { padding: 6px 12px; border-radius: 30px !important; font-size: 13px !important; } .change_account { width: 115px !important; } .usermanagement_inner_img { width: 192px !important; height: 192px !important; } .multipul_imgs { width: 250px; height: 100px; } .user_permission_tog { margin-left: -70px; margin-top: 5px; } .input-group .form-control { z-index: 0px !important; } .ectextbox { color: #555555 !important; } .form-control { vertical-align: middle !important; } .share_social_icons { position: relative; top: 0px; } .Form-label-text input[type=radio] { margin: 0px !important; } .footer_social_icons { width: 22px; height: 22px; } .accountmanagement_dropdown { border-radius: 20px !important; width: 150px !important; color: #555; font-size: 12px; text-align: left; } .btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default { } .user_img_alignment { text-align: center; } /*Account Management*/ .acm_mar { margin-left: 20px; text-align: left; } .accountmanagement_activity_div .input-group-addon { border: 0px; position: absolute; right: 10px; top: 5px; bottom: 0px; z-index: 2; background-color: transparent; } .accountmanagement_activity_div select { padding-left: 15px; border-radius: 5px; border: 1px solid #cccccc; } .acm_activity_div_width { width: 170px !important; } .accountmanagement_activity_div #datetimepicker1 { position: relative; height: 30px !important; } .selectactivitydropdown { padding: 0 30px 0 10px !important; } .accountmanagement_activity_div input[type="text"] { border-radius: 5px !important; font-size: 12px; } .accountmanagement_activity_div .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; width: 170px !important; padding-top: 6px; } .accountmanagement_activity_div .col-sm-2 { width: 15.666667%; } .modal-open .modal { overflow-y: hidden; } .usagestatics_mar { margin-left: 20px; } .formdashboard_btn_wid { width: 148px !important; } .report_design_selectreport { margin-left: -25px; } .form_design_right_title h2 { padding-top: 25px; } .gearboxformdashboard { padding-left: 110px; } .usermanagement-select-all { margin-top: -10px !important; } .usermn-select-margin { margin-bottom: 20px !important; } .usermgt_changepic { margin-left: 50px; } /*permission start*/ .dotstyle ul { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .dotstyle li { position: relative; display: inline block; float: left; margin: 4px; width: 22px; height: 22px; cursor: pointer; border-radius: 10px; background-color: #d6d7d8; padding: 10px; } .dotstyle li a { top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #d6d7d8; background-color: rgba(255, 255, 255, 0.3); text-indent: -999em; /* make the text accessible to screen readers */ cursor: pointer; position: absolute; } .dotstyle li a:focus { outline: none; } .dotstyle-puff li a { border: 0px solid #fff; -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease; } .dotstyle-puff li a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: #f4ca69; border-radius: 50%; box-shadow: 0 0 1px #c44d48; opacity: 0; -webkit-transform: scale(3); transform: scale(3); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease, visibility 0s 0.3s; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0s 0.3s; } .dotstyle-puff li a:hover, .dotstyle-puff li a:focus, .dotstyle-puff li.current a { border-color: #d6d7d8; } .dotstyle-puff li.current a::after { visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; } /*permission end*/ .list { position: absolute; top: 70px; right: 10px; } .dropdown-menu > li > a { font-size: 13px !important; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { font-size: 13px !important; } #divbrowserTable { margin-bottom: 30px; } .sprite { background: url('../Images/formdashboard_imgs.png') no-repeat top left; width: 250px; height: 100px; } .sprite.arrow_bottom { background-position: 0 0; width: 24px; height: 24px; } .sprite.create_img1 { background-position: -34px 0; width: 81px; height: 85px; } .sprite.create_img2 { background-position: -125px 0; width: 81px; height: 85px; } .sprite.list_1 { background-position: -216px 0; } .sprite.list_2 { background-position: -476px 0; } .sprite.list_3 { background-position: -736px 0; } .sprite.list_4 { background-position: -996px 0; } .sprite.report_list_hover { background-position: -1256px 0; width: 18px; height: 18px; } #headerDropdown:hover > a > i { transform: rotate(180deg); } /*Header_CSS_Start*/ /*commented by suresh*/ /*#header { height: 77px; }*/ html { height: 100%; min-height: 100%; } #header { /*height: 68px;*/ /*height: 60px;*/ } #header .navbar-header { margin: 5px 10px; } /*commented by suresh*/ /*.entries .container-fluid { border-bottom: 0px solid #cccccc; }*/ #header div#layoutforuser { /*margin-right: 15px; margin-top: 2px;*/ float: right; } #header { /*height: 68px;*/ background: #3a3f53; } /*.entries .container-fluid { padding: 0px 0; background: #3a3f53 none repeat scroll 0 0; box-shadow: 0 2px 2px 0 rgba(231, 231, 231, 0.6); margin-bottom: 0px; -margin-bottom: -10px; border-bottom: 0px solid #cccccc; }*/ .no-skin { float: left; width: 100%; } .entries ul li { margin-bottom: 0; border-bottom: 0px solid #e5e5e5; list-style: outside none none; font-weight: lighter; /*display: inline-block; zoom: 1; *display: inline;*/ } .nopadding { padding: 0 0 0 0 !important; } /*.admin_form_top { margin-top: 0px; padding: 8px 0; }*/ .admin_form_top a { color: #fff; } .admin_form_top .navbar-nav > li > a { min-width: 130px; padding-bottom: 16px; padding-top: 18px; text-align: right; /*margin-left: -49px !important;*/ } .navbar-nav > li > a img { border-radius: 50%; cursor: pointer; /*border: 1px solid #f7cc64;*/ height: 34px; margin-right: 0px; margin-top: -8px; overflow: hidden; width: 34px; } .navbar-nav .open .dropdown-menu { position: absolute; } .layoutforuser .navbar-nav .open .dropdown-menu { position: inherit; } .admin_mid_top { padding-top: 0px; padding-bottom: 4px; /*width:1235px;*/ margin-left: 0 !important; } .admin_mid_top .glyphicon { margin: 0 7px; } .admin_form_top h3 a:hover, .admin_form_top h3 a:focus { color: #fff; opacity: 0.8; border: none; outline: none; } .logo_img { /*width: 154px !important; height: 63px !important;*/ /*width: 130px !important; height: 50px !important;*/ } /*.dropdown { display: block !important; } .dropdown:hover { display: block !important; position: relative; z-index: 999999999999999; }*/ .dropdown-menu.logout_nav { min-width: 170px; right: 0 !important; margin-top: 0px !important; border: 0px solid #2d78bb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important; background: #3A3F53; } .dropdown-menu.logout_nav a:hover, .dropdown-menu.logout_nav a:focus { background-color: #f5f5f5; } .dropdown-menu.logout_nav > li:hover { background-color: #7b7f8b; } .dropdown-menu.logout_nav li:first-child { margin-top: -5px; } .dropdown-menu.logout_nav li:last-child { margin-bottom: -5px; border-radius: 0px 0px 5px 5px; } .dropdown-menu.logout_nav > li:last-child { border-bottom: 0px solid #e5e5e5; } .dropdown-menu.logout_nav a { color: #ffffff !important; font-size: 13px; padding: 8px 10px; text-align: left; } .dropdown-menu.logout_nav > li { border-bottom: 1px solid #2a2a2a; } .nav.navbar-nav.navbar-right a { text-decoration: none !important; } /*.nav > li > a:hover, .nav > li > a:focus { color: #999999 !important; }*/ /*.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #F9A110 !important; }*/ ul.nav.navbar-nav.navbar-right li a { transition: all .2s ease-in-out; background: transparent; } li.dropdown ul.nav.navbar-nav.navbar-right li a:hover { transform: none; } li.dropdown a.dropdown-toggle img.img-circle { margin: -6px 0 0 10px; } .view_report_page .user_account_select { margin-bottom: 0px; } .sort_wid_a { text-align: right !important; margin-left: -11px !important; } .sort_wid_b { width: 145px !important; } .sort_wid_c { width: 145px !important; } .sort_wid_d { width: 140px !important; } .sort_wid_e { width: 85px !important; } .sort_wid_f { width: 30px !important; } .sort_wid_g { margin-left: -8px !important; padding: 3.5px; } .dashboard_bg { background: #F8CD65; /*url(../images/dashboard_bg.jpg) left repeat !important*/ border: 1px solid #F8CD65; padding: 0px !important; } /*Hack code for Only IE*/ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .breadcrumb_div { margin-top: -1px !important; } } /*Hack code for Only Firefox*/ @-moz-document url-prefix() { .breadcrumb_div { margin-top: -1px !important; } } .breadcrumb_div { /*margin-bottom: 10px;*/ margin-top: 0; padding-top: 0px; padding-left: 0px !important; } .breadcrumb_div .btn.btn-default { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none !important; } .breadcrumb_div .btn-group.btn-breadcrumb { display: flex; } /*.breadcrumb_div li { float: left; padding-top: 10px; list-style: outside none none; -margin-top:-10px; }*/ .breadcrumb_div li { float: left; padding: 3px 0px; list-style: outside none none !important; } .breadcrumb_div li a { border-left: 1px solid #d0b061 !important; color: #000000; float: left; list-style: outside none none; padding: 0 5px 0 5px; line-height: 22px; text-decoration: none !important; } /*Header_CSS_End*/ /*footer_CSS_Start*/ /*commented by suresh*/ /*.entries .copy_rights { position: relative !important; width: 100%; }*/ .entries .copy_rights { background: #141414 none repeat scroll 0 0; color: #666; padding: 0; /*bottom: 0px;*/ width: 100%; /*position: fixed;*/ } .copy_rights .nav.navbar-nav.navbar-right.pull-left a { padding: 10px 15px; } .copy_rights .nav.navbar-nav.navbar-right.pull-left a:hover { color: #666666 !important; text-decoration: none; transform: none; } .copy_rights p { color: #666666 !important; } .copy_rights p a { color: #666666 !important; } /*remove duplicate ---suresh*/ .copy_rights .container-fluid { background: #141414 !important; border-bottom: 0 solid #cccccc !important; box-shadow: none !important; } .copy_rights .container-fluid { background: #141414 none repeat scroll 0 0; box-shadow: none; margin: 0; } .min-height { min-height: 535px; } .container-fluid.footer_bottom_copyrights { border-top: 1px solid #3e3e3e; position: fixed !important; bottom: 0px; width: 100%; right: 0px; z-index: 10000000000000; } /*commented by suresh*/ /*.copy_rights .container-fluid { position: relative; }*/ .footer_bottom_copyrights p { padding: 15px 0; margin: 0; } .footer_bottom_copyrights .social-buttons { margin: 0; } .list-inline.social-buttons { font-size: 30px !important; } .social-buttons.list-inline { list-style: outside none none; margin-left: -5px; padding-left: 0; } ul.list-inline.social-buttons li a img { transition: all .2s ease-in-out; } ul.list-inline.social-buttons li a img:hover { transform: scale(1.2); -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -o-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); -webkit-filter: grayscale(100%); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); } .list-group-item.list-group-item-text:hover { background: #ccc none repeat scroll 0 0; } footer.footer_div a:hover { text-decoration: none; } /*.copy_rights { background: #141414; padding: 0px; color: #fff; }*/ .footer_bg { background: #3b2a23 url("../images/cubes.png") repeat scroll 0 0 / 40px auto !important; } /*footer_CSS_End*/ .homeicon { font-size: 18px !important; padding-right: 6px !important; padding-top: 1px !important; } .Helpdeskclass { position: relative; } .uerimg_margin { margin: -5px 10px 0px 10px; } /*sprite sheet css*/ /*.sprite { background: url('sprite.png') no-repeat top left; width: 22px; height: 22px; } .sprite.facebook_small { background-position: 0 0; } .sprite.google_small { background-position: -32px 0; } .sprite.linkedin_small { background-position: -64px 0; } .sprite.twitter_small { background-position: -96px 0; } .sprite.facebook_hover { background-position: -128px 0; width: 30px; height: 30px; } .sprite.google_hover { background-position: -168px 0; width: 30px; height: 30px; } .sprite.linkedin_hover { background-position: -208px 0; width: 30px; height: 30px; } .sprite.twitter_hover { background-position: -248px 0; width: 30px; height: 30px; } */ #socialicon_navlist { position: relative; top: 10px; right: 10px; width: 97px !important; padding: 0; display: block; float: right; } #socialicon_navlist li { margin: 0px; padding: 0px; list-style: none; /* position: absolute; */ top: 15px; float: left; margin: 0 5px; border: none; } #socialicon_navlist li a { margin: 5px; padding: 5px; list-style: none; position: absolute; top: 0px; } #socialicon_navlist li, #navlist a { height: 22px; display: block; } #socialicon_ab1 { left: 0px; width: 22px; height: 22px; background: url('../Images/footer_social_icons.png') 0 0; } #socialicon_ab2 { left: 50px; width: 22px; background: url('../Images/footer_social_icons.png') -32px 0; } #socialicon_ab3 { left: 95px; width: 22px; background: url('../Images/footer_social_icons.png') -64px 0; } #socialicon_ab4 { left: 140px; width: 22px; background: url('../Images/footer_social_icons.png') -96px 0; } /*#socialicon_ab1 a:hover { left: -10px; top:-10px; width:30px; height:30px; background: url('../Images/footer_social_icons.png') -128px 0; } #socialicon_ab2 a:hover { left: -10px; top:-10px; width:30px; height:30px; background: url('../Images/footer_social_icons.png') -168px 0; } #socialicon_ab3 a:hover { left: -10px; top:-10px; width:30px; height:30px; background: url('../Images/footer_social_icons.png') -208px 0; } #socialicon_ab4 a:hover { left: -10px; top:-10px; width:30px; height:30px; background: url('../Images/footer_social_icons.png') -248px 0; }*/ a.close1 { color: #000000 !important; } #headerDropdown:hover > a > i { transform: rotate(180deg); } .success_model .modal-dialog.modal-md { max-width: 700px !important; width: 700px !important; } .success_model .modal-title { text-align: center; } .success_model .modal-body { text-align: center; } .success_model .modal-dialog.modal-sm { max-width: 450px !important; width: 450px !important; } @media screen and (max-width:767px) { .success_model .modal-dialog.modal-lg, .success_model .modal-dialog.modal-md, .success_model .modal-dialog.modal-sm, .success_model .modal-dialog { width: 100% !important; max-width: 100% !important; } .modal .modal-content { width: calc(100% - 30px) !important; margin: 0 auto !important; } .success_model .modal-dialog { margin: 0 !important; } .success_model .modal-header h3 { padding: 10px 15px; line-height: 22px; } .modal .modal-content { padding: 5px; } } @media screen and (min-width:768px) and (max-width:991px) { .success_model .modal-dialog.modal-lg { max-width: 820px !important; width: 100% !important; } .success_model .modal-dialog.modal-md { max-width: 700px !important; width: 100% !important; } .success_model .modal-dialog.modal-sm { max-width: 450px !important; width: 100% !important; } .modal .modal-content { /* width: calc(100% - 20px) !important; */ margin: 0 10px !important; } } .success_model.modal { } .success_model .modal-dialog { top: calc(50% - 150px); font-family: 'Roboto', sans-serif; } .success_model .modal-dialog.top_dialog { top: 30px; } .success_model { display: block; background: rgba(0,0,0,0.9); } .success_model .modal-content { border-radius: 0; } .success_model .modal-header .close, .adduserpopup .close { position: absolute; top: -12px; right: -12px; padding: 0; font-size: 22px; opacity: 1; text-shadow: none; background: #FFF; color: #333; font-weight: normal; width: 26px; height: 26px; border-radius: 13px; box-shadow: 0 0 2px rgba(0,0,0,.4); } .adduserpopup .close { top: -3px; } .success_model.adduserpopup .bootbox-body { margin: 15px 0; } .success_model.adduserpopup .btn-default { margin: 0 15px; } .success_model.info_model .modal-header .close { top: -12px; right: -12px; } .success_model .modal-header { padding: 20px 0; } .success_model .modal-header.green { background-color: #2ed784; } .success_model .modal-header.red { background-color: #dc505b; } .modal-header.yellow.stars { background: #fdd736 url('../Images/popupimages/info_bg.png') center center no-repeat; padding: 0; } .success_model .modal-header.red.stars { background: #dc505b url('../Images/popupimages/info_bg.png') center center no-repeat; padding: 0; } .success_model .notif_icon { max-width: 50px; display: block; margin: 0 auto; position: relative; left: 10px; } .success_model .notif_icon.style_2 { position: relative; top: 33px; background: #FFF; border-radius: 30px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); max-width: 70px; border-radius: 35px; } .success_model .bootbox-body { margin-bottom: 25px; color: #666; font-size: 14px; } .success_model .bootbox-body b { margin-bottom: 20px; font-weight: normal; font-size: 18px; color: #111; } .info_model .modal-body { padding-top: 30px; } .success_model .btn-default { background: #2ed784; padding: 5px 30px; border-radius: 18px; font-size: 14px; margin-bottom: 15px; color: #FFF; } .success_model .btn-default { background: #2ed784; border: none; } .success_model .btn-default:focus, .success_model .btn-default:hover { background: #2ed784; color: #FFF; outline: none; } .success_model .btn-default.danger { background: #dc505b; } .success_model .btn-default.danger:focus { background: #dc505b; } .success_model.info_model .btn-default { margin: 0 5px 15px 5px; } .modal-footer { text-align: center !important; } .success_model .modal-body p { margin-bottom: 10px; } .success_model .modal-header h3 { margin: 0; padding: 15px; font-size: 16px; color: #2c3043; } .success_model .btn-default { margin-top: 25px; } .success_model .pull-right .btn-default { margin: 15px 0; padding: 5px 15px; } .success_model .pull-right .btn-default:last-child { margin-right: 15px; } .success_model input.form-control.full_width { width: 100%; } .success_model .popup_list { padding: 0; } .success_model .popup_list li { display: inline-block; margin-top: 10px; } @media screen and (max-width:767px) { .accountmanagement_popup .popup_list > li { display: inline-block !important; margin-bottom: 5px !important; } .accountmanagement_popup .popup_list li .check_ava_a { margin: 0px 0 0 !important; } .success_model .popup_list li { float: left; padding: 0 5px; } .success_model .popup_list li .check_ava_a { margin: 10px 0 0; } .success_model .popup_list li .check_ava_b, .success_model .popup_list li .check_ava_c { margin: 0 !important; } .success_model .popup_list li .changedomain_name_text { margin-top: -9px !important; } .success_model .popup_list.style_2 li { display: block; float: inherit; } } /*@media screen and (max-width:767px) { .success_model .popup_list li { width: 100%; }*/ .success_model .popup_list li .btn-default { margin-top: 15px; padding: 5px 15px; } } @media screen and (max-width:767px) { .success_model .popup_list li { width: 100%; } .success_model .popup_list li .btn-default { margin-top: 15px; padding: 5px 15px; } .success_model .modal-dialog.top_dialog { top: 100px; } } .arabic ul.nav.pull-right.navbar-right.top-nav { float: left !important; } .arabic .top-bar .top-nav > li ul.dropdown-menu { left: 10px !important; right: auto !important; } .arabic .admin_mid_top { margin-left: auto !important; max-width: 100% !important; right: 0 !important; } .arabic #socialicon_navlist { left: 0; right: inherit; float:left; } .arabic .copyrighttext span { float: right; } .arabic .logo_img { margin-right: 10px; } .arabic .footer_bottom_copyrights p { padding: 15px 10px 15px 0; } @media screen and (max-width:767px) { .copyrighttext span { display: block; float: none; } .arabic .copyrighttext span { display: block; float: none; } .arabic .footer_bottom_copyrights p { padding: 5px 10px 15px 0; } } /* Generated by CSS Usage. File: http://localhost:42197/ContentV2/forms.css. DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later. Some rules have been deleted, some selectors are prefixed with "UNUSED". Look for the UNUSED items and see if you can remove them. */ .list_of_select .btn.btn-success.btn-select.btn-select-light { margin: 0; padding: 0; } .btn-select ul li:hover { background-color: #f4f4f4; } .btn-select.btn-default:hover, UNUSED.btn-select.btn-default:active, UNUSED.btn-select.btn-default.active { border-color: #ccc; } UNUSED.btn-select.btn-default ul, UNUSED.btn-select.btn-default .btn-select-value { background-color: #d0eaff; border: #ccc 1px solid; } .btn-select.btn-default:hover, .btn-select.btn-default.active { background-color: #fff; } .btn-select.btn-primary:hover, UNUSED.btn-select.btn-primary:active, UNUSED.btn-select.btn-primary.active { border-color: #286090; } .btn-select.btn-primary:hover, .btn-select.btn-primary.active { background-color: #286090; } .btn-select.btn-success:hover, UNUSED.btn-select.btn-success:active, UNUSED.btn-select.btn-success.active { border-color: #4cae4c; } .btn-select.btn-success:hover, .btn-select.btn-success.active { background-color: #449d44; } .btn-select.btn-info:hover, UNUSED.btn-select.btn-info:active, UNUSED.btn-select.btn-info.active { border-color: #46b8da; } .btn-select.btn-info:hover, .btn-select.btn-info.active { background-color: #269abc; } .btn-select.btn-warning:hover, UNUSED.btn-select.btn-warning:active, UNUSED.btn-select.btn-warning.active { border-color: #eea236; } .btn-select.btn-warning:hover, .btn-select.btn-warning.active { background-color: #d58512; } .btn-select.btn-danger:hover, UNUSED.btn-select.btn-danger:active, UNUSED.btn-select.btn-danger.active { border-color: #d43f3a; } .btn-select.btn-danger:hover, .btn-select.btn-danger.active { background-color: #c9302c; } .btn-outlined.btn-primary:hover, UNUSED.btn-outlined.btn-primary:active { color: #FFF; background: #428bca; border-color: #428bca; } .btn-outlined.btn-success:hover, UNUSED.btn-outlined.btn-success:active { color: #FFF; background: #47a447; } .btn-outlined.btn-info:hover, UNUSED.btn-outlined.btn-info:active { color: #FFF; background: #39b3d7; } .btn-outlined.btn-warning:hover, UNUSED.btn-outlined.btn-warning:active { color: #FFF; background: #ed9c28; } .btn-outlined.btn-danger:hover, UNUSED.btn-outlined.btn-danger:active { color: #FFF; background: #d2322d; } .input-group-btn .btn-group { display: flex !important; } .btn-group .btn { border-radius: 0; margin-left: -1px; } .btn-group .btn:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .btn-group .form-horizontal .btn[type="submit"] { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .form-horizontal .form-group { margin-left: 0; margin-right: 0; } .form-group .form-control:last-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0px; margin-top: 0px; } .innerpage_contact_form .form-group .form-control:last-child { margin-top: 10px; } UNUSED.breadcrumb-arrow li, UNUSED.breadcrumb-arrow li a, UNUSED.breadcrumb-arrow li span { display: inline-block; vertical-align: top; } .breadcrumb-arrow li:not(:first-child) { margin-left: -5px; } .breadcrumb-arrow li + li:before { padding: 0; content: ""; } .breadcrumb-arrow li span { padding: 0 10px; } .breadcrumb-arrow li a, .breadcrumb-arrow li:not(:first-child) span { height: 36px; padding: 0 10px 0 25px; line-height: 36px; } .breadcrumb-arrow li:first-child a { padding: 0 10px; } .breadcrumb-arrow li a { position: relative; color: #fff; text-decoration: none; background-color: #3bafda; border: 1px solid #3bafda; } .breadcrumb-arrow li:first-child a { padding-left: 10px; } .breadcrumb-arrow li a:after, .breadcrumb-arrow li a:before { position: absolute; top: -1px; width: 0; height: 0; content: ''; border-top: 18px solid transparent; border-bottom: 18px solid transparent; } .breadcrumb-arrow li a:before { right: -10px; z-index: 3; border-left-color: #3bafda; border-left-style: solid; border-left-width: 11px; } .breadcrumb-arrow li a:after { right: -11px; z-index: 2; border-left: 11px solid #2494be; } .breadcrumb-arrow li a:focus, .breadcrumb-arrow li a:hover { background-color: #4fc1e9; border: 1px solid #4fc1e9; } .breadcrumb-arrow li a:focus:before, .breadcrumb-arrow li a:hover:before { border-left-color: #4fc1e9; } .breadcrumb-arrow li a:active:after, .breadcrumb-arrow li a:active:before { border-left-color: #2494be; } .breadcrumb-arrow li span { color: #434a54; } /*@media screen and (min-width: 768px) { #adv-search { margin: 0 4%; width: 130px; } }*/ @media only screen and (min-device-width : 320px) and (max-device-width : 767px) { .list_of_search #adv-search { margin: 10px 10%; width: 80%; } .list_of_creatform { float: none; margin-bottom: 10px; } } .stepwizard-row { display: table-row; } .stepwizard { display: table; width: 100%; position: relative; } .stepwizard-step button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } /*.stepwizard-row:before{top:14px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}*/ .stepwizard-step { display: table-cell; text-align: center; position: relative; } .btn-circle { width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px; } .input-group .form-control { z-index: 0; } .stepwizard-row button[disabled] { opacity: 1 !important; filter: alpha(opacity=100) !important; } .stepwizard-row:before { top: 14px; bottom: 0; position: absolute; content: " "; width: 100%; height: 1px; /*background-color: #ccc;*/ z-order: 0; } .btn{ font-size:13px!important; } input[type=radio].css-checkbox { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0; } input[type=radio].css-checkbox + label.css-label { padding-left: 26px; height: 21px; display: inline-block; line-height: 21px; background-repeat: no-repeat !important; background-position: 0 0; font-size: 14px; vertical-align: middle; cursor: pointer; } input.css-checkbox[type="radio"]:checked + label.css-label { background-position: 0 -21px !important; } label.css-label { background-image: url(../images/radio_button.png) !important; background-repeat: no-repeat; } /*for forms grid/list view in formsdashboard*/ .divswitch { position: relative; display: inline-block; width: 60px; height: 34px; margin-top: 10px; margin-left: 123px; } .divswitch input { display: none; } .divslider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #202020; -webkit-transition: .4s; transition: .4s; } .divslider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #f7cc64; -webkit-transition: .4s; transition: .4s; } input:checked + .divslider { background-color: #202020; } input:focus + .divslider { box-shadow: 0 0 1px #2196F3; } input:checked + .divslider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .widget-container-col { min-height: 10px; } .widget-box { padding: 0; box-shadow: none; margin: 3px 0; border: 1px solid #CCC; } .progress, .widget-box { -webkit-box-shadow: none; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .widget-header { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; min-height: 38px; background: repeat-x #f7f7f7; background-image: -webkit-linear-gradient(top,#FFF 0,#EEE 100%); background-image: -o-linear-gradient(top,#FFF 0,#EEE 100%); background-image: linear-gradient(to bottom,#FFF 0,#EEE 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0); color: #669FC7; border-bottom: 1px solid #DDD; padding-left: 12px; } .widget-header:after, .widget-header:before { content: ""; display: table; line-height: 0; } .widget-header > .widget-title { line-height: 36px; padding: 0; margin: 0; display: inline; } .widget-toolbar { display: inline-block; padding: 0 10px; line-height: 37px; float: right; position: relative; } .widget-toolbar:before { display: inline-block; content: ""; position: absolute; top: 3px; bottom: 3px; left: -1px; border: 1px solid #D9D9D9; border-width: 0 1px 0 0; } .widget-toolbar > .widget-menu { display: inline-block; position: relative; } h5 { font-size: 13px; } .widget-toolbar > .btn-xs.bigger { line-height: 23px; } .dropdown-menu.dropdown-close.dropdown-menu-right { left: auto; right: -5px; } .dropdown-menu.dropdown-close { top: 92%; left: -5px; } .dropdown-menu { border-radius: 0 !important; box-shadow: 0 2px 4px rgba(0,0,0,.2); } .more { color: #FFF !important; text-shadow: 0 -1px 0 rgba(0,0,0,.25); background-image: none !important; /*border: 5px solid #FFF;*/ border-radius: 0; box-shadow: none !important; -webkit-transition: background-color .15s,border-color .15s,opacity .15s; -o-transition: background-color .15s,border-color .15s,opacity .15s; transition: background-color .15s,border-color .15s,opacity .15s; vertical-align: middle; margin: 0; position: relative; } /*.more-yellow { background-color: #F7D05B !important; border-color: #FEE188; } .more-yellow.focus:hover, .more-yellow:active:hover, .more-yellow:focus:active, .more-yellow:focus:hover, .more-yellow:hover, .open > .more-yellow.dropdown-toggle, .open > .more-yellow.dropdown-toggle.focus, .open > .more-yellow.dropdown-toggle:active, .open > .more-yellow.dropdown-toggle:focus, .open > .more-yellow.dropdown-toggle:hover { background-color: #F7D05B !important; border-color: #FEE188; }*/ .more-yellow { color: #337ab7 !important; text-shadow: 0 -1px 0 rgba(255,255,255,.4) !important; } .anim * { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(.17,.67,.83,.67); -moz-transition-timing-function: cubic-bezier(.17,.67,.83,.67); -ms-transition-timing-function: cubic-bezier(.17,.67,.83,.67); -o-transition-timing-function: cubic-bezier(.17,.67,.83,.67); transition-timing-function: cubic-bezier(.17,.67,.83,.67); } .resp-col.img-cont { top: 0; max-height: 180px; border: 1px solid rgba(0,0,0,.25); overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 6px rgba(0,0,0,.15); box-shadow: 0 2px 6px rgba(0,0,0,.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .resp-col.resp-col-4 { width: 30%; margin-left: 5%; margin-bottom: 4%; } .resp-col.first { margin-left: 0; } .resp-col { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; min-height: 1px; padding: 0; position: relative; float: left; } .resp-col.img-cont:before { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; content: ''; position: absolute; top: 0; left: 0; right: 0; height: 10px; background-color: #f5f5f5; border-bottom: 1px solid rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.4); -moz-box-shadow: 0 1px 0 rgba(255,255,255,.4); box-shadow: 0 1px 0 rgba(255,255,255,.4); } .resp-col.img-cont img { margin-top: 6px; } .resp-col.img-cont:after { -webkit-transition-property: all; -moz-transition-property: all; -ms-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -ms-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; -ms-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; content: '. . .'; position: absolute; left: 6px; top: 0; line-height: 1px; color: #aaa; } .resp-col.img-cont:hover { top: -4px; -webkit-box-shadow: 0 3px 12px rgba(0,0,0,.3); -moz-box-shadow: 0 3px 12px rgba(0,0,0,.3); box-shadow: 0 3px 12px rgba(0,0,0,.3); } .resp-col.img-cont { top: 0; max-height: 180px; border: 1px solid rgba(0,0,0,.25); overflow: hidden; cursor: pointer; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.15); -moz-box-shadow: 0 2px 6px rgba(0,0,0,.15); box-shadow: 0 2px 6px rgba(0,0,0,.15); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .resp-col.img-cont:hover:before { background-color: #F0AD4E; } .widget-toolbar { position: static; } .animated{-webkit-animation-duration:1s;animation-duration:1s;/*-webkit-animation-fill-mode:both;animation-fill-mode:both*/} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s} .animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s} .animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s} @-webkit-keyframes bounce { from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } @keyframes bounce { from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)} 70%{-webkit-animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);animation-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom} @-webkit-keyframes flash { from,50%,to{opacity:1} 25%,75%{opacity:0} } @keyframes flash { from,50%,to{opacity:1} 25%,75%{opacity:0} } .flash{-webkit-animation-name:flash;animation-name:flash} @-webkit-keyframes pulse { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes pulse { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .pulse{-webkit-animation-name:pulse;animation-name:pulse} @-webkit-keyframes rubberBand { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)} 40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes rubberBand { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 30%{-webkit-transform:scale3d(1.25,0.75,1);transform:scale3d(1.25,0.75,1)} 40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)} 50%{-webkit-transform:scale3d(1.15,0.85,1);transform:scale3d(1.15,0.85,1)} 65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)} 75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand} @-webkit-keyframes shake { from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } @keyframes shake { from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} 10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} } .shake{-webkit-animation-name:shake;animation-name:shake} @-webkit-keyframes swing { 20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)} 40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)} 60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)} 80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)} to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)} } @keyframes swing { 20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)} 40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)} 60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)} 80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)} to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)} } .swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing} @-webkit-keyframes tada { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes tada { from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} 10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)} 30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)} 40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)} to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .tada{-webkit-animation-name:tada;animation-name:tada} @-webkit-keyframes wobble { from{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} to{-webkit-transform:none;transform:none} } @keyframes wobble { from{-webkit-transform:none;transform:none} 15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)} 30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)} 45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)} 60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)} 75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)} to{-webkit-transform:none;transform:none} } .wobble{-webkit-animation-name:wobble;animation-name:wobble} @-webkit-keyframes jello { from,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)} 77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)} } @keyframes jello { from,11.1%,to{-webkit-transform:none;transform:none} 22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)} 77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)} } .jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center} @-webkit-keyframes bounceIn { from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } @keyframes bounceIn { from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} 40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)} 80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)} to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn} @-webkit-keyframes bounceInDown { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInDown { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)} 75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)} to{-webkit-transform:none;transform:none} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown} @-webkit-keyframes bounceInLeft { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInLeft { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} 0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)} 75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)} 90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft} @-webkit-keyframes bounceInRight { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } @keyframes bounceInRight { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)} 60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)} 75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)} 90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)} to{-webkit-transform:none;transform:none} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight} @-webkit-keyframes bounceInUp { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes bounceInUp { from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)} from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)} 60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} 75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp} @-webkit-keyframes bounceOut { 20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } @keyframes bounceOut { 20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)} 50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)} to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut} @-webkit-keyframes bounceOutDown { 20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes bounceOutDown { 20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown} @-webkit-keyframes bounceOutLeft { 20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes bounceOutLeft { 20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft} @-webkit-keyframes bounceOutRight { 20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes bounceOutRight { 20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight} @-webkit-keyframes bounceOutUp { 20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes bounceOutUp { 20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)} 40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp} @-webkit-keyframes fadeIn { from{opacity:0} to{opacity:1} } @keyframes fadeIn { from{opacity:0} to{opacity:1} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn} @-webkit-keyframes fadeInDown { from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInDown { from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown} @-webkit-keyframes fadeInDownBig { from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInDownBig { from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig} @-webkit-keyframes fadeInLeft { from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeft { from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft} @-webkit-keyframes fadeInLeftBig { from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInLeftBig { from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig} @-webkit-keyframes fadeInRight { from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRight { from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight} @-webkit-keyframes fadeInRightBig { from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInRightBig { from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig} @-webkit-keyframes fadeInUp { from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUp { from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp} @-webkit-keyframes fadeInUpBig { from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes fadeInUpBig { from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} to{opacity:1;-webkit-transform:none;transform:none} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig} @-webkit-keyframes fadeOut { from{opacity:1} to{opacity:0} } @keyframes fadeOut { from{opacity:1} to{opacity:0} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut} @-webkit-keyframes fadeOutDown { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes fadeOutDown { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown} @-webkit-keyframes fadeOutDownBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } @keyframes fadeOutDownBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig} @-webkit-keyframes fadeOutLeft { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes fadeOutLeft { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft} @-webkit-keyframes fadeOutLeftBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } @keyframes fadeOutLeftBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig} @-webkit-keyframes fadeOutRight { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes fadeOutRight { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight} @-webkit-keyframes fadeOutRightBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } @keyframes fadeOutRightBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig} @-webkit-keyframes fadeOutUp { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes fadeOutUp { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp} @-webkit-keyframes fadeOutUpBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } @keyframes fadeOutUpBig { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig} @-webkit-keyframes flip { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } @keyframes flip { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} 50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip} @-webkit-keyframes flipInX { from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInX { from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX} @-webkit-keyframes flipInY { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } @keyframes flipInY { from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0} 40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} 60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1} 80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)} to{-webkit-transform:perspective(400px);transform:perspective(400px)} } .flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY} @-webkit-keyframes flipOutX { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0} } @keyframes flipOutX { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important} @-webkit-keyframes flipOutY { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0} } @keyframes flipOutY { from{-webkit-transform:perspective(400px);transform:perspective(400px)} 30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1} to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0} } .flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY} @-webkit-keyframes lightSpeedIn { from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-webkit-transform:none;transform:none;opacity:1} } @keyframes lightSpeedIn { from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1} to{-webkit-transform:none;transform:none;opacity:1} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out} @-webkit-keyframes lightSpeedOut { from{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } @keyframes lightSpeedOut { from{opacity:1} to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in} @-webkit-keyframes rotateIn { from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateIn { from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn} @-webkit-keyframes rotateInDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft} @-webkit-keyframes rotateInDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight} @-webkit-keyframes rotateInUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft} @-webkit-keyframes rotateInUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } @keyframes rotateInUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight} @-webkit-keyframes rotateOut { from{-webkit-transform-origin:center;transform-origin:center;opacity:1} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0} } @keyframes rotateOut { from{-webkit-transform-origin:center;transform-origin:center;opacity:1} to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut} @-webkit-keyframes rotateOutDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} } @keyframes rotateOutDownLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft} @-webkit-keyframes rotateOutDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } @keyframes rotateOutDownRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight} @-webkit-keyframes rotateOutUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } @keyframes rotateOutUpLeft { from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1} to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft} @-webkit-keyframes rotateOutUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0} } @keyframes rotateOutUpRight { from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1} to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight} @-webkit-keyframes hinge { 0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } @keyframes hinge { 0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out} 40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1} to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0} } .hinge{-webkit-animation-name:hinge;animation-name:hinge} @-webkit-keyframes rollIn { from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } @keyframes rollIn { from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)} to{opacity:1;-webkit-transform:none;transform:none} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn} @-webkit-keyframes rollOut { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)} } @keyframes rollOut { from{opacity:1} to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut} @-webkit-keyframes zoomIn { from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } @keyframes zoomIn { from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} 50%{opacity:1} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn} @-webkit-keyframes zoomInDown { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInDown { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown} @-webkit-keyframes zoomInLeft { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInLeft { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft} @-webkit-keyframes zoomInRight { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInRight { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight} @-webkit-keyframes zoomInUp { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomInUp { from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} 60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp} @-webkit-keyframes zoomOut { from{opacity:1} 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} to{opacity:0} } @keyframes zoomOut { from{opacity:1} 50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)} to{opacity:0} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut} @-webkit-keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomOutDown { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown} @-webkit-keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } @keyframes zoomOutLeft { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft} @-webkit-keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } @keyframes zoomOutRight { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)} to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight} @-webkit-keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } @keyframes zoomOutUp { 40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190);animation-timing-function:cubic-bezier(0.550,0.055,0.675,0.190)} to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,0.885,0.320,1);animation-timing-function:cubic-bezier(0.175,0.885,0.320,1)} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp} @-webkit-keyframes slideInDown { from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInDown { from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown} @-webkit-keyframes slideInLeft { from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInLeft { from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft} @-webkit-keyframes slideInRight { from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInRight { from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight} @-webkit-keyframes slideInUp { from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } @keyframes slideInUp { from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible} to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp} @-webkit-keyframes slideOutDown { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } @keyframes slideOutDown { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown} @-webkit-keyframes slideOutLeft { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } @keyframes slideOutLeft { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft} @-webkit-keyframes slideOutRight { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } @keyframes slideOutRight { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight} @-webkit-keyframes slideOutUp { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } @keyframes slideOutUp { from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} /*! * Hover.css (http://ianlunn.github.io/Hover/) * Version: 2.0.2 * Author: Ian Lunn @IanLunn * Author URL: http://ianlunn.co.uk/ * Github: https://github.com/IanLunn/Hover * Made available under a MIT License: * http://www.opensource.org/licenses/mit-license.php * Hover.css Copyright Ian Lunn 2014. Generated with Sass. */ /* 2D TRANSITIONS */ /* Grow */ .hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); } /* Shrink */ .hvr-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active { -webkit-transform: scale(0.9); transform: scale(0.9); } /* Pulse */ @-webkit-keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse { 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active { -webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Pulse Grow */ @-webkit-keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } @keyframes hvr-pulse-grow { to { -webkit-transform: scale(1.1); transform: scale(1.1); } } .hvr-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active { -webkit-animation-name: hvr-pulse-grow; animation-name: hvr-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Pulse Shrink */ @-webkit-keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } @keyframes hvr-pulse-shrink { to { -webkit-transform: scale(0.9); transform: scale(0.9); } } .hvr-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active { -webkit-animation-name: hvr-pulse-shrink; animation-name: hvr-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Push */ @-webkit-keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes hvr-push { 50% { -webkit-transform: scale(0.8); transform: scale(0.8); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .hvr-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-push:hover, .hvr-push:focus, .hvr-push:active { -webkit-animation-name: hvr-push; animation-name: hvr-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Pop */ @-webkit-keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } @keyframes hvr-pop { 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } } .hvr-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active { -webkit-animation-name: hvr-pop; animation-name: hvr-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Bounce In */ .hvr-bounce-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active { -webkit-transform: scale(1.2); transform: scale(1.2); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Bounce Out */ .hvr-bounce-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Rotate */ .hvr-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active { -webkit-transform: rotate(4deg); transform: rotate(4deg); } /* Grow Rotate */ .hvr-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active { -webkit-transform: scale(1.1) rotate(4deg); transform: scale(1.1) rotate(4deg); } /* Float */ .hvr-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-float:hover, .hvr-float:focus, .hvr-float:active { -webkit-transform: translateY(-8px); transform: translateY(-8px); } /* Sink */ .hvr-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active { -webkit-transform: translateY(8px); transform: translateY(8px); } /* Bob */ @-webkit-keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob { 0% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } 50% { -webkit-transform: translateY(-4px); transform: translateY(-4px); } 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @-webkit-keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } @keyframes hvr-bob-float { 100% { -webkit-transform: translateY(-8px); transform: translateY(-8px); } } .hvr-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active { -webkit-animation-name: hvr-bob-float, hvr-bob; animation-name: hvr-bob-float, hvr-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Hang */ @-webkit-keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang { 0% { -webkit-transform: translateY(8px); transform: translateY(8px); } 50% { -webkit-transform: translateY(4px); transform: translateY(4px); } 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @-webkit-keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } @keyframes hvr-hang-sink { 100% { -webkit-transform: translateY(8px); transform: translateY(8px); } } .hvr-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active { -webkit-animation-name: hvr-hang-sink, hvr-hang; animation-name: hvr-hang-sink, hvr-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Skew */ .hvr-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Forward */ .hvr-skew-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active { -webkit-transform: skew(-10deg); transform: skew(-10deg); } /* Skew Backward */ .hvr-skew-backward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active { -webkit-transform: skew(10deg); transform: skew(10deg); } /* Wobble Vertical */ @-webkit-keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-wobble-vertical { 16.65% { -webkit-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active { -webkit-animation-name: hvr-wobble-vertical; animation-name: hvr-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Horizontal */ @-webkit-keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-wobble-horizontal { 16.65% { -webkit-transform: translateX(8px); transform: translateX(8px); } 33.3% { -webkit-transform: translateX(-6px); transform: translateX(-6px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active { -webkit-animation-name: hvr-wobble-horizontal; animation-name: hvr-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Bottom Right */ @-webkit-keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-bottom-right { 16.65% { -webkit-transform: translate(8px, 8px); transform: translate(8px, 8px); } 33.3% { -webkit-transform: translate(-6px, -6px); transform: translate(-6px, -6px); } 49.95% { -webkit-transform: translate(4px, 4px); transform: translate(4px, 4px); } 66.6% { -webkit-transform: translate(-2px, -2px); transform: translate(-2px, -2px); } 83.25% { -webkit-transform: translate(1px, 1px); transform: translate(1px, 1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active { -webkit-animation-name: hvr-wobble-to-bottom-right; animation-name: hvr-wobble-to-bottom-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble To Top Right */ @-webkit-keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } @keyframes hvr-wobble-to-top-right { 16.65% { -webkit-transform: translate(8px, -8px); transform: translate(8px, -8px); } 33.3% { -webkit-transform: translate(-6px, 6px); transform: translate(-6px, 6px); } 49.95% { -webkit-transform: translate(4px, -4px); transform: translate(4px, -4px); } 66.6% { -webkit-transform: translate(-2px, 2px); transform: translate(-2px, 2px); } 83.25% { -webkit-transform: translate(1px, -1px); transform: translate(1px, -1px); } 100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } } .hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active { -webkit-animation-name: hvr-wobble-to-top-right; animation-name: hvr-wobble-to-top-right; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Top */ @-webkit-keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-top { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active { -webkit-animation-name: hvr-wobble-top; animation-name: hvr-wobble-top; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Bottom */ @-webkit-keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-bottom { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active { -webkit-animation-name: hvr-wobble-bottom; animation-name: hvr-wobble-bottom; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Wobble Skew */ @-webkit-keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } @keyframes hvr-wobble-skew { 16.65% { -webkit-transform: skew(-12deg); transform: skew(-12deg); } 33.3% { -webkit-transform: skew(10deg); transform: skew(10deg); } 49.95% { -webkit-transform: skew(-6deg); transform: skew(-6deg); } 66.6% { -webkit-transform: skew(4deg); transform: skew(4deg); } 83.25% { -webkit-transform: skew(-2deg); transform: skew(-2deg); } 100% { -webkit-transform: skew(0); transform: skew(0); } } .hvr-wobble-skew { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active { -webkit-animation-name: hvr-wobble-skew; animation-name: hvr-wobble-skew; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Buzz */ @-webkit-keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active { -webkit-animation-name: hvr-buzz; animation-name: hvr-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Buzz Out */ @-webkit-keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active { -webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* BACKGROUND TRANSITIONS */ /* Fade */ .hvr-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active { background-color: #2098d1; color: white; } /* Back Pulse */ @-webkit-keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } @keyframes hvr-back-pulse { 50% { background-color: rgba(32, 152, 209, 0.75); } } .hvr-back-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active { -webkit-animation-name: hvr-back-pulse; animation-name: hvr-back-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; background-color: #2098d1; background-color: #2098d1; color: white; } /* Sweep To Right */ .hvr-sweep-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active { color: white; } .hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Left */ .hvr-sweep-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active { color: white; } .hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Sweep To Bottom */ .hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active { color: white; } .hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Sweep To Top */ .hvr-sweep-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-sweep-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active { color: white; } .hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* Bounce To Right */ .hvr-bounce-to-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-right:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active { color: white; } .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Left */ .hvr-bounce-to-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-left:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active { color: white; } .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Bottom */ .hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-bottom:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active { color: white; } .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Bounce To Top */ .hvr-bounce-to-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .hvr-bounce-to-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active { color: white; } .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Radial Out */ .hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { color: white; } .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); } /* Radial In */ .hvr-radial-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-radial-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; border-radius: 100%; -webkit-transform: scale(2); transform: scale(2); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active { color: white; } .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle In */ .hvr-rectangle-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-in:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e1e1e1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active { color: white; } .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before { -webkit-transform: scale(0); transform: scale(0); } /* Rectangle Out */ .hvr-rectangle-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-rectangle-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #2098d1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active { color: white; } .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before { -webkit-transform: scale(1); transform: scale(1); } /* Shutter In Horizontal */ .hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #25ade5 ; -webkit-transform: scaleX(1); transform: scaleX(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active { color: white; } .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before { -webkit-transform: scaleX(0); transform: scaleX(0); } /* Shutter Out Horizontal */ .hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #25ade5 ; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-horizontal:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #25ade5 ; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active { color: white; } .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } /* Shutter In Vertical */ .hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #2098d1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-in-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #e1e1e1; -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active { color: white; } .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before { -webkit-transform: scaleY(0); transform: scaleY(0); } /* Shutter Out Vertical */ .hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; background: #e1e1e1; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-shutter-out-vertical:before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 0; right: 0; background: #2098d1; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active { color: white; } .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); } /* BORDER TRANSITIONS */ /* Border Fade */ .hvr-border-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Hollow */ .hvr-hollow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: background; transition-property: background; box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active { background: none; } /* Trim */ .hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-trim:before { content: ''; position: absolute; border: white solid 4px; top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1; } /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* Ripple In */ @-webkit-keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } @keyframes hvr-ripple-in { 100% { top: 0; right: 0; bottom: 0; left: 0; opacity: 1; } } .hvr-ripple-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-ripple-in:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before { -webkit-animation-name: hvr-ripple-in; animation-name: hvr-ripple-in; } /* Outline Out */ .hvr-outline-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-out:before { content: ''; position: absolute; border: #e1e1e1 solid 4px; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; } /* Outline In */ .hvr-outline-in { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-outline-in:before { pointer-events: none; content: ''; position: absolute; border: #e1e1e1 solid 4px; top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; } .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before { top: -8px; right: -8px; bottom: -8px; left: -8px; opacity: 1; } /* Round Corners */ .hvr-round-corners { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: border-radius; transition-property: border-radius; } .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active { border-radius: 1em; } /* Underline From Left */ .hvr-underline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before { right: 0; } /* Underline From Center */ .hvr-underline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before { left: 0; right: 0; } /* Underline From Right */ .hvr-underline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before { left: 0; } /* Overline From Left */ .hvr-overline-from-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-left:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before { right: 0; } /* Overline From Center */ .hvr-overline-from-center { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-center:before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before { left: 0; right: 0; } /* Overline From Right */ .hvr-overline-from-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-from-right:before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transition-property: left; transition-property: left; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before { left: 0; } /* Reveal */ .hvr-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; bottom: 0; border-color: #2098d1; border-style: solid; border-width: 0; -webkit-transition-property: border-width; transition-property: border-width; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); border-width: 4px; } /* Underline Reveal */ .hvr-underline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-underline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* Overline Reveal */ .hvr-overline-reveal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; } .hvr-overline-reveal:before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 0; background: #2098d1; height: 4px; -webkit-transform: translateY(-4px); transform: translateY(-4px); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before { -webkit-transform: translateY(0); transform: translateY(0); } /* SHADOW/GLOW TRANSITIONS */ /* Glow */ .hvr-glow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active { box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); } /* Shadow */ .hvr-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); } /* Grow Shadow */ .hvr-grow-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow, transform; transition-property: box-shadow, transform; } .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active { box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.1); transform: scale(1.1); } /* Box Shadow Outset */ .hvr-box-shadow-outset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; } .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6); } /* Box Shadow Inset */ .hvr-box-shadow-inset { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: box-shadow; transition-property: box-shadow; box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active { box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* Float Shadow */ .hvr-float-shadow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-float-shadow:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; } .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active { -webkit-transform: translateY(-5px); transform: translateY(-5px); /* move the element up by 5px */ } .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */ } /* Shadow Radial */ .hvr-shadow-radial { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-shadow-radial:before, .hvr-shadow-radial:after { pointer-events: none; position: absolute; content: ''; left: 0; width: 100%; box-sizing: border-box; background-repeat: no-repeat; height: 5px; opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity; } .hvr-shadow-radial:before { bottom: 100%; background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:after { top: 100%; background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%); } .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after { opacity: 1; } /* SPEECH BUBBLES */ /* Bubble Top */ .hvr-bubble-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-top:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); top: 0; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; } .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Right */ .hvr-bubble-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-right:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); right: 0; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; } .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Bottom */ .hvr-bubble-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-bottom:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; left: calc(50% - 10px); bottom: 0; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; } .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Left */ .hvr-bubble-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-bubble-left:before { pointer-events: none; position: absolute; z-index: -1; content: ''; border-style: solid; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; top: calc(50% - 10px); left: 0; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; } .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* Bubble Float Top */ .hvr-bubble-float-top { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); top: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e1e1e1 transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active { -webkit-transform: translateY(10px); transform: translateY(10px); } .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before { -webkit-transform: translateY(-10px); transform: translateY(-10px); } /* Bubble Float Right */ .hvr-bubble-float-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0; content: ''; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #e1e1e1; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active { -webkit-transform: translateX(-10px); transform: translateX(-10px); } .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before { -webkit-transform: translateX(10px); transform: translateX(10px); } /* Bubble Float Bottom */ .hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:before { position: absolute; z-index: -1; content: ''; left: calc(50% - 10px); bottom: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #e1e1e1 transparent transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active { -webkit-transform: translateY(-10px); transform: translateY(-10px); } .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before { -webkit-transform: translateY(10px); transform: translateY(10px); } /* Bubble Float Left */ .hvr-bubble-float-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:before { position: absolute; z-index: -1; content: ''; top: calc(50% - 10px); left: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #e1e1e1 transparent transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active { -webkit-transform: translateX(10px); transform: translateX(10px); } .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before { -webkit-transform: translateX(-10px); transform: translateX(-10px); } /* ICONS */ /* Icon Back */ .hvr-icon-back { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-left: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-back:before { content: "\f137"; position: absolute; left: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before { -webkit-transform: translateX(-4px); transform: translateX(-4px); } /* Icon Forward */ .hvr-icon-forward { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.1s; transition-duration: 0.1s; } .hvr-icon-forward:before { content: "\f138"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.1s; transition-duration: 0.1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before { -webkit-transform: translateX(4px); transform: translateX(4px); } /* Icon Down */ @-webkit-keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-down { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(6px); transform: translateY(6px); } } /* Icon Down */ .hvr-icon-down { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-down:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before { -webkit-animation-name: hvr-icon-down; animation-name: hvr-icon-down; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } /* Icon Up */ .hvr-icon-up { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-up:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Spin */ .hvr-icon-spin { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-spin:before { content: "\f021"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before { -webkit-transform: rotate(360deg); transform: rotate(360deg); } /* Icon Drop */ @-webkit-keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } @keyframes hvr-icon-drop { 0% { opacity: 0; } 50% { opacity: 0; -webkit-transform: translateY(-100%); transform: translateY(-100%); } 51%, 100% { opacity: 1; } } /* Icon Drop */ .hvr-icon-drop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-drop:before { content: "\f041"; position: absolute; right: 1em; opacity: 1; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before { opacity: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-animation-name: hvr-icon-drop; animation-name: hvr-icon-drop; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /* Icon Fade */ .hvr-icon-fade { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-fade:before { content: "\f00c"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color; transition-property: color; } .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before { color: #0F9E5E; } /* Icon Float Away */ @-webkit-keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } @keyframes hvr-icon-float-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(-1em); transform: translateY(-1em); } } /* Icon Float Away */ .hvr-icon-float-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-float-away:before, .hvr-icon-float-away:after { content: "\f055"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; } .hvr-icon-float-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after { -webkit-animation-name: hvr-icon-float-away; animation-name: hvr-icon-float-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Sink Away */ @-webkit-keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } @keyframes hvr-icon-sink-away { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translateY(1em); transform: translateY(1em); } } /* Icon Sink Away */ .hvr-icon-sink-away { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-sink-away:before, .hvr-icon-sink-away:after { content: "\f056"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-sink-away:after { opacity: 0; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after { -webkit-animation-name: hvr-icon-sink-away; animation-name: hvr-icon-sink-away; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /* Icon Grow */ .hvr-icon-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow:before { content: "\f118"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before { -webkit-transform: scale(1.3) translateZ(0); transform: scale(1.3) translateZ(0); } /* Icon Shrink */ .hvr-icon-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-shrink:before { content: "\f119"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before { -webkit-transform: scale(0.8); transform: scale(0.8); } /* Icon Pulse */ @-webkit-keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse { 25% { -webkit-transform: scale(1.3); transform: scale(1.3); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before { -webkit-animation-name: hvr-icon-pulse; animation-name: hvr-icon-pulse; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Pulse Grow */ @-webkit-keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } @keyframes hvr-icon-pulse-grow { to { -webkit-transform: scale(1.3); transform: scale(1.3); } } .hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-grow:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before { -webkit-animation-name: hvr-icon-pulse-grow; animation-name: hvr-icon-pulse-grow; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Pulse Shrink */ @-webkit-keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes hvr-icon-pulse-shrink { to { -webkit-transform: scale(0.8); transform: scale(0.8); } } .hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; } .hvr-icon-pulse-shrink:before { content: "\f015"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before { -webkit-animation-name: hvr-icon-pulse-shrink; animation-name: hvr-icon-pulse-shrink; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; } /* Icon Push */ @-webkit-keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } @keyframes hvr-icon-push { 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } } .hvr-icon-push { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-push:before { content: "\f006"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before { -webkit-animation-name: hvr-icon-push; animation-name: hvr-icon-push; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Pop */ @-webkit-keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes hvr-icon-pop { 50% { -webkit-transform: scale(1.5); transform: scale(1.5); } } .hvr-icon-pop { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-pop:before { content: "\f005"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before { -webkit-animation-name: hvr-icon-pop; animation-name: hvr-icon-pop; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Bounce */ .hvr-icon-bounce { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bounce:before { content: "\f087"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before { -webkit-transform: scale(1.5); transform: scale(1.5); -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); } /* Icon Rotate */ .hvr-icon-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-rotate:before { content: "\f0c6"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before { -webkit-transform: rotate(20deg); transform: rotate(20deg); } /* Icon Grow Rotate */ .hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-grow-rotate:before { content: "\f095"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before { -webkit-transform: scale(1.5) rotate(12deg); transform: scale(1.5) rotate(12deg); } /* Icon Float */ .hvr-icon-float { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-float:before { content: "\f01b"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before { -webkit-transform: translateY(-4px); transform: translateY(-4px); } /* Icon Sink */ .hvr-icon-sink { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-sink:before { content: "\f01a"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before { -webkit-transform: translateY(4px); transform: translateY(4px); } /* Icon Bob */ @-webkit-keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob { 0% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } 50% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @-webkit-keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-bob-float { 100% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hvr-icon-bob { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-bob:before { content: "\f077"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before { -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-name: hvr-icon-bob-float, hvr-icon-bob; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Hang */ @-webkit-keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang { 0% { -webkit-transform: translateY(6px); transform: translateY(6px); } 50% { -webkit-transform: translateY(2px); transform: translateY(2px); } 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @-webkit-keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } @keyframes hvr-icon-hang-sink { 100% { -webkit-transform: translateY(6px); transform: translateY(6px); } } .hvr-icon-hang { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-hang:before { content: "\f078"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before { -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-name: hvr-icon-hang-sink, hvr-icon-hang; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate; } /* Icon Wobble Horizontal */ @-webkit-keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes hvr-icon-wobble-horizontal { 16.65% { -webkit-transform: translateX(6px); transform: translateX(6px); } 33.3% { -webkit-transform: translateX(-5px); transform: translateX(-5px); } 49.95% { -webkit-transform: translateX(4px); transform: translateX(4px); } 66.6% { -webkit-transform: translateX(-2px); transform: translateX(-2px); } 83.25% { -webkit-transform: translateX(1px); transform: translateX(1px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-horizontal:before { content: "\f061"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before { -webkit-animation-name: hvr-icon-wobble-horizontal; animation-name: hvr-icon-wobble-horizontal; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Wobble Vertical */ @-webkit-keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes hvr-icon-wobble-vertical { 16.65% { -webkit-transform: translateY(6px); transform: translateY(6px); } 33.3% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } 49.95% { -webkit-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-wobble-vertical:before { content: "\f062"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before { -webkit-animation-name: hvr-icon-wobble-vertical; animation-name: hvr-icon-wobble-vertical; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* Icon Buzz */ @-webkit-keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } @keyframes hvr-icon-buzz { 50% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 100% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } } .hvr-icon-buzz { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz:before { content: "\f017"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before { -webkit-animation-name: hvr-icon-buzz; animation-name: hvr-icon-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } /* Icon Buzz Out */ @-webkit-keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } @keyframes hvr-icon-buzz-out { 10% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 20% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 30% { -webkit-transform: translateX(3px) rotate(2deg); transform: translateX(3px) rotate(2deg); } 40% { -webkit-transform: translateX(-3px) rotate(-2deg); transform: translateX(-3px) rotate(-2deg); } 50% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 60% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 70% { -webkit-transform: translateX(2px) rotate(1deg); transform: translateX(2px) rotate(1deg); } 80% { -webkit-transform: translateX(-2px) rotate(-1deg); transform: translateX(-2px) rotate(-1deg); } 90% { -webkit-transform: translateX(1px) rotate(0); transform: translateX(1px) rotate(0); } 100% { -webkit-transform: translateX(-1px) rotate(0); transform: translateX(-1px) rotate(0); } } .hvr-icon-buzz-out { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; padding-right: 2.2em; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .hvr-icon-buzz-out:before { content: "\f023"; position: absolute; right: 1em; padding: 0 1px; font-family: FontAwesome; -webkit-transform: translateZ(0); transform: translateZ(0); } .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before { -webkit-animation-name: hvr-icon-buzz-out; animation-name: hvr-icon-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* CURLS */ /* Curl Top Left */ .hvr-curl-top-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(135deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); /*For IE7-8-9*/ z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before { width: 25px; height: 25px; } /* Curl Top Right */ .hvr-curl-top-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-top-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; top: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(225deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Right */ .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; /* IE9 */ background: linear-gradient(315deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 25px; height: 25px; } /* Curl Bottom Left */ .hvr-curl-bottom-left { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; } .hvr-curl-bottom-left:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; left: 0; background: white; /* IE9 */ background: linear-gradient(45deg, white 45%, #aaaaaa 50%, #cccccc 56%, white 80%); box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; } .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before { width: 25px; height: 25px; } /* Generated by CSS Usage. File: http://localhost:42197/ContentV2/style7.css. DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later. Some rules have been deleted, some selectors are prefixed with "UNUSED". Look for the UNUSED items and see if you can remove them. */ .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; -webkit-perspective: 900px; -moz-perspective: 900px; -o-perspective: 900px; -ms-perspective: 900px; perspective: 900px; } .ch-info{ position: absolute; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 75px !important; background-position: center center; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -o-transition: all 0.4s linear; -ms-transition: all 0.4s linear; transition: all 0.4s linear; -webkit-transform-origin: 50% 0%; -moz-transform-origin: 50% 0%; -o-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; transform-origin: 50% 0%; } .ch-info .ch-info-front { /*box-shadow: inset 0 0 0 16px rgba(247,204,100,0.7);*/ } .ch-info .ch-info-back { -webkit-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -moz-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -o-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); -ms-transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); transform: translate3d(0,0,-220px) rotate3d(1,0,0,90deg); background: #000; opacity: 0; } .ch-img-1 { background-image: url(../images/19.jpg); /*box-shadow: 0 0 0 16px rgba(249, 136, 80, 0.7) inset !important;*/ border: 17px solid rgba(249, 136, 80, 0.7); } .ch-img-1 h3 { color: #000000 !important; height: auto;height: auto !important; margin: 0 !important; opacity: 1 !important; padding: 23px 0px 20px 0px !important; } .ch-img-1 p{ border-top: 1px solid #000000 !important; color: #000000 !important; font-size: 14px !important; font-style: normal !important; font-weight: bold !important; } .ch-img-2 { background-image: url(../images/20.jpg); /*box-shadow: 0 0 0 16px rgba(62, 194, 171, 0.7) inset !important;*/ border: 17px solid rgba(62, 194, 171, 0.7); } .ch-img-2 h3 { color: #000000 !important; height: auto;height: auto !important; margin: 0 !important; opacity: 1 !important; padding:23px 0px 20px 0px !important; } .ch-img-2 p{ border-top: 1px solid #000000 !important; color: #000000 !important; font-size: 14px !important; font-style: normal !important; font-weight: bold !important; } .ch-img-3 { background-image: url(../images/21.jpg); /*box-shadow: 0 0 0 16px rgba(66, 199, 71, 0.7) inset !important;*/ border: 17px solid rgba(66, 199, 71, 0.7); } .ch-img-3 h3 { color: #000000 !important; height: auto;height: auto !important; margin: 0 !important; opacity: 1 !important; padding: 23px 0px 20px 0px !important; } .ch-img-3 p{ border-top: 1px solid #000000 !important; color: #000000 !important; font-size: 14px !important; font-style: normal !important; font-weight: bold !important; } .ch-img-4 { background-image: url(../images/22.jpg); border: 17px solid rgba(247,204,100,0.7); } .ch-img-4 h3 { color: #000000 !important; height: auto;height: auto !important; margin: 0 !important; opacity: 1 !important; padding: 23px 0px 20px 0px !important; } .ch-img-4 p{ border-top: 1px solid #000000 !important; color: #000000 !important; font-size: 14px !important; font-style: normal !important; font-weight: bold !important; } .ch-img-5 { background-image: url(../images/23.jpg); /*box-shadow: 0 0 0 16px rgba(93, 92, 100, 0.7) inset !important;*/ border: 17px solid rgba(93, 92, 100, 0.7); } .ch-img-5 h3 { color: #000000 !important; height: auto;height: auto !important; margin: 0 !important; opacity: 1 !important; padding: 23px 0px 20px 0px !important; } .ch-img-5 p{ border-top: 1px solid #000000 !important; color: #000000 !important; font-size: 14px !important; font-style: normal !important; font-weight: bold !important; } .ch-info h3 { color: #ffffff; font-size: 19px; height: 80px; letter-spacing: 2px; margin: 0 15px; padding: 40px 0 0; text-shadow: 0 0 1px #ffffff, 0 1px 2px rgba(0, 0, 0, 0.3); text-transform: uppercase; } .ch-info p { border-top: 1px solid rgba(255, 255, 255, 0.5); color: #ffffff; font-size: 21px; font-style: normal; margin: 0 20px; padding: 10px 5px; } .ch-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.3); } [type="checkbox"] + label::before { border: 0px solid #5a5a5a !important;} [type="checkbox"]:checked + label::before { border-color: rgba(0, 0, 0, 0) #363941 #363941 rgba(0, 0, 0, 0) !important; border-style: solid; border-width: 2px; height: 22px; left: -3px; top: 0 !important; transform: rotate(40deg); transform-origin: 100% 100% 0; width: 12px; } .ch-item:hover .ch-info-front { -webkit-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -moz-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -o-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); -ms-transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); transform: translate3d(0,280px,0) rotate3d(1,0,0,-90deg); opacity: 0; } .ch-item:hover .ch-info-back { -webkit-transform: rotate3d(1,0,0,0deg); -moz-transform: rotate3d(1,0,0,0deg); -o-transform: rotate3d(1,0,0,0deg); -ms-transform: rotate3d(1,0,0,0deg); transform: rotate3d(1,0,0,0deg); opacity: 1; } .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 150px; height: 150px; display: inline-block; margin: 20px; } .top5 { margin-top:5px; } /* Generated by CSS Usage. File: http://localhost:42197/ContentV2/media.css. DON'T DELETE YOUR ORIGINAL CSS FILE. Keep it so you can fix the glitches later. Some rules have been deleted, some selectors are prefixed with "UNUSED". Look for the UNUSED items and see if you can remove them. */ @media only screen and (min-device-width : 1025px) and (max-device-width : 1200px) { .dashboard_selections { width: 80%; } } @media only screen and (min-device-width : 980px) and (max-device-width : 1920px) { .content-left { margin-left: -38px; } .entries_count { text-align: left; } .list_of_creatform { } .dashboard_controls .list_of_select { float: left; } .analitics_report_savepdf { float: right; } } @media only screen and (min-device-width : 980px) and (max-device-width : 1024px) { .report_design_left .radio label { margin-bottom: 15px; } } @media (min-width: 992px) and (max-width: 1199px) { .drop_wid_a { padding-left: 105px; } .drop_wid_a_a { padding-left: 51px; } .drop_wid_b { margin-left: -13px; } /*.admin_form_top .navbar-nav > li > a { margin-left: 50px; }*/ .View_button_show_b { display: none; } .View_button_show_a { display: block; } } @media (max-width: 980px) { .formrule-pad .form-group.text-left { padding: 0; } } @media (max-width: 800px) { .user_account_select h2 { font-size: 18px; padding: 13px 0 0; } .logo_img { /*width: 100px !important;*/ /*height: 43px !important;*/ /*margin-top: 5px;*/ /*margin-left: 35px;*/ } .datagrid-pager tr > td:nth-child(8){ width: 30px !important; display: inline-table; position: relative; top: 11px; } .drop_wid_a { margin-left: 10px !important; width: 120px; } .drop_wid_a_a { padding-left: 8px; } .drop_wid_b { margin-left: 10px; /*margin-top:7px;*/ } .View_button_show_a { display: none !important; } .View_button_show_b { display: block; } } @media (min-width: 768px) { .form-inline .control-label { font-weight: normal !important; } } @media (max-width: 767px) { .modal .modal-content { /*margin: 154px 0px 0px 77px !important;*/ } .datagrid-filter-c .datagrid-header-inner span.textbox{ width: 65% !important; } .datagrid-cell-c2-category, .datagrid-cell-c2-priority, .datagrid-cell-c2-Status { width: 100px !important; display: inline-block; } } @media only screen and (min-device-width : 768px) and (max-device-width : 900px) { .dashboard_controls .list_of_select { float: left; margin: 2px; } .list_of_search { float: left; width: 140px; } .creat_form_button { float: left; width: 120px; } .admin_entries_list_box_right h3 { margin-top: 115px; /*padding-left: 50px !important;*/ } .creat_form_button { float: left; width: 110px; } .share_Button { padding: 6px 5px; } .report_design_left .radio { display: block; margin-bottom: 30px; } .step_wizard_tab_inner_div_bg { padding: 1px 5px 10px !important; } } @media (max-width: 768px) { /*language-page-css start*/ .language-left-box .language .btn { padding: 0px; } .language-left-box .edit-lang { display: none; } .language-left-box .language .btn-label { left: 0px; } /*language-page-css End*/ .formrule { margin: 40px 0px 0px 5px !important; } .formrule1 { margin: 20px 0px 0px 5px !important; } .formRight select, input { margin: 0px !important; } .content-left { margin-left: 0px; } .usermanagement_div_top_right h3 { margin-top: 0px !important; } .usermgt_changepic { margin-left: 10px; } .dropdown:hover .dropdown-menu { display: block; } .navbar-nav .open .dropdown-menu { background: #3A3F53; } /*.admin_form_top .navbar-nav > li > a { margin-left: -160px !important; }*/ .modal .modal-content { /*margin-left: -55px !important; bottom: 20px !important;*/ } .sort_wid_c { margin-bottom: 5px; } .sort_wid_b { /*margin-bottom: 5px;*/ } } @media screen and (max-width:991px){ .form-horizontal .checkbox input, .form-horizontal .radio input{ margin:0 0 0 -18px !important; } } @media (max-width: 600px) { .logo_img { /*width: 100px !important;*/ /*height: 43px !important; margin-top: 10px; margin-left: 35px;*/ } ./*nav.navbar-nav.navbar-right { margin-top: -50px !important; width: 142px; margin-right: 15px !important; float: right; }*/ .drop_wid_b { margin-left: 15px; } .drop_wid_c { margin-left: -5px; margin-top: 5px; width: 175px; } .loader_pre_b { left: 450px; top: 200px; } .sort_wid_a { margin-right: 210px; } } /*@media( max-width : 585px ) {*/ @media( max-width : 585px ) { .wizard { width: 90%; height: auto !important; } span.round-tab { font-size: 16px; width: 50px; height: 50px; line-height: 50px; } .wizard .nav-tabs > li a { width: 50px; height: 50px; line-height: 50px; } .wizard li.active:after { content: " "; position: absolute; left: 35%; } } @media (max-width: 767px) and (orientation : landscape) { .panel_a.pan-chat { bottom: 0px !important; height: 250px; overflow-y: scroll; } } @media only screen and (min-device-width : 320px) and (max-device-width : 767px) { .admin_form_top .container { padding: 0; } .admin_form_top .navbar-nav > li > a { padding-right: 0; } #header .navbar-header { margin: 5px 10px; float: left; } #header div#layoutforuser { float: right; width: 100px; } .edits-rightside .info { min-height: auto; padding-bottom: 5px; } .language-left-headerbg span { font-weight: 600 !important; font-size: 14px !important; } .language-left-headerbg { padding: 5px 0px 0px 10px !important; } .lan-total{ margin-left:-5px; } .lan-btn{ padding:2px 0px 2px 3px; } .accountmanagement_activity_div input[type="text"] { font-size: 9px !important; padding: 3px; } .accountmanagement_activity_div select { padding-left: 5px !important; } @media screen and (max-width:767px){ .account_admin_set_permissio_tab .acm_mar > div{ padding:0 10px; } } #socialicon_ab2 { left: 30px; } #socialicon_ab3 { left: 60px; } #socialicon_ab4 { left: 90px; } #socialicon_navlist li { top: 5px; } .sort_wid_d { margin-top: 10px !important; } .list_of_creatform .btn.btn-info { margin-left: 14px; } .sort_text { text-align: left !important; } .sort_text_2 { margin-top: 10px; margin-left: 3px; font-size: 15px; } .h2, h2 { font-size: 20px !important; } .permission_imgsize { width: 100px !important; height: 100px !important; margin-left: 50px !important; } .permission_select { width: 100px !important; height: 100px !important; } .permission_buttons div.btn.save { float: none !important; } .permission_buttons button.btn.save { float: none !important; margin: 0 12px; } .permission_buttons a.btn.cancel { float: none !important; } .change_domain_edit input[type="button"] { margin-top: 7px !important; } .usermanagement_div_top .tabbable { margin: 0 !important; } .accountmanagement_activity_div_content2 { padding: 0px !important; } .admin_entries_list_box_right h3 { margin-top: 15px; } .usermanagement_div_top_right_one, .usermanagement_div_top_right_two, .usermanagement_div_top_right_three { padding: 0px !important; } .usermanagement_div_icon { margin: 0 5px; } .usermanagement_div_top { margin: 15px 10px; } .permission_buttons div.btn.save { float: left; width: 100px; } .permission_buttons a.btn.cancel { float: left; width: 100px; } .permission_buttons button.btn.save { float: left; margin: 0 12px; width: 90px; } .list_of_select select { margin: 10px auto; width: 100% !important; } .list_of_back_button .btn.btn-default { margin-top: 10px; } .stepwizard-row { text-align: center; width: 100%; } .view_report_page .wizard .nav-tabs > li a { margin: 10px auto 15px !important; } .report_design_left { height: auto; padding: 20px 0 !important; } .report_design_wizard .stepwizard-step { margin: 0 7px; display: inline-block; width: 25%; } fieldset.scheduler-border { padding: 0 0 1.4em !important; } .dashboard_controls .list_of_select { float: none; } .list_item_element_property { text-align: right; } .dashboard_controls .list_of_select { float: none !important; margin: 2px auto; width: 90%; } .admin_form_top div.container div.navbar-header a img { height: auto; /*margin-left: 20px;*/ } #adv-search { float: left; max-width: 100%; } .breadcrumb_div li { float: left; font-size: 13px; list-style: outside none none; margin: 0 0px; /*padding-top: 10px;*/ } .breadcrumb_div li a { padding: 0 4px; } .accountmanagement_domain_change h3 { font-size: 16px; } .inner_form_text { padding-right: 0 !important; } .dropdown input[type="text"] { width: 68% !important; } .viewformdata_buttons .btn.btn-info { float: none; } .control_icons { clear: both; margin: 10px 0; } .control_icons .col-sm-6 { padding: 6px 10px; } .dashboard_controls #adv-search.input-group { margin: 10px 0; width: 100%; } .dashboard_controls .list_of_creatform .btn.btn.btn-info { float: none; text-align: center !important; } /*.admin_form_top .navbar-header { width: 100%; }*/ .social-buttons.list-inline { text-align: center; top: 0; width: 100%; } .dashboard_controls { float: none !important; margin: 0 10px; text-align: center; } .list_of_search { float: none; margin: 0 auto; width: 90% !important; } .list_of_creatform a.btn.btn-info { margin: 12px auto 0; width: 91%; } .creat_form_button { float: left; text-align: center; width: 60% !important; } .control_icons .col-sm-6 { float: left; } .nav.navbar-nav.navbar-right { margin: 0; text-align: right; } .dropdown-menu.logout_nav a { color: #ffffff; text-align: left; } section#header div.container-fluid div.container.nopadding div.row { margin: 0; } .entrie_groups { width: 96%; margin: 0px 2%; } .form_designer_left { margin-bottom: 20px; } .entries_count { text-align: left !important; } /*.entries_count a { margin: 0 10px 0px 0px; padding: 3px 0; }*/ UNUSED.entrie_myaccount .nav-tabs.nav-tabs-left, UNUSED.nav-tabs.nav-tabs-right { border-bottom: 0 none; max-width: 42% !important; } #login.pagetopcenter { margin-top: 27%; } .panel-heading { width: 100%; display: inline-block; } .panel-body { overflow: hidden; } div#adv-search.input-group { margin: 0 19% 10px !important; width: 140%; } .list_of_creatform { text-align: center; } .entries_list a { margin: 0; } .entries_list a.edit { margin-left: 0; } .icon_color_change .language { color: #2d78bb !important; } .icon_color_change .edit { color: #048f04 !important; } .icon_color_change .view { color: #2170f1 !important; } .icon_color_change .reports { color: #ae6c04 !important; } .icon_color_change .entries { color: #a205c8 !important; } .accountmanagement_activity_div { margin: 15px 15px 70px 15px; width: 88%; } .accountmanagement_activity_div_record_btn { float: right; margin-right: 4%; } .accountmanagement_domain_change { /*margin-top: 20px;*/ text-align: left; } .accountmanagement_activity_div ul.nav.nav-tabs { margin: 0; padding: 0 8px; } .language_page_right { padding: 30px 0px; } .language_page_right .wizard { height: auto !important; width: 100%; } .add_language_inner_wizard div#step2.tab-pane.active div.input-field span { color: #ffffff; font-size: 12px; left: -50%; position: absolute; top: 10px; } .ecube_entries_div_buttons { margin-bottom: 15px; } .analitics_report_section { margin: 12px; } .ecube_entries_div .table-responsive { border: 0px solid #dddddd; margin: 0 1%; overflow-y: hidden; width: 96%; } .ecube_entries_div .pagination { margin-bottom: 30px; margin-top: 0; } #select_show { left: 4px; } .ecube_entries_div_buttons { float: right; width: 100%; } .entrie_icons .entrie_list_icon { display: inline-block; float: none; text-align: center; } .form_data_buttons { text-align: center; } .user_account_select h2 { font-size: 24px; } /*.formdata_page h6 { margin-bottom: 20px; }*/ .edit_form_data_content .btn-group-sm > .btn, .btn-sm { padding: 5px 8px; } .form_data_buttons { text-align: center; margin-bottom: 20px; } .ecube_share_page .list-group a.list-group-item { display: inline-block; float: left; margin: 0 2%; min-height: 120px; text-align: center; width: 28%; } .dashboard_ecube_permissions h5 { /*border-bottom: 1px solid #cccccc;*/ margin: 0 auto 50px; padding-bottom: 10px; width: 90%; } .report_design_right h3 { width: 90%; } .report_design_left .radio { display: block; margin-bottom: 30px; } .view_report_buttons { margin: 15px 0; } .analitics_report_savepdf { text-align: center; } .analitics_report_savepdf .btn.btn-info { max-width: 200px; width: 100% !important; } .view_report_buttons .view_report_page_btn { margin: 10px 0 !important; width: 100%; } .view_report_page_btn input { width: 100% !important; font-size: 12px !important; } .view_report_page_btn span { right: 10px; } div.view_report_buttons .btn_go_report { max-width: 200px; margin: 0 auto; width: 100% !important; } .view_report_page .tab-content #step1 { width: 95% !important; } } @media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { .entries_count a i { font-size: 14px; display: inline-block; line-height: 25px; width: 25px; height: 25px; border-radius: 60%; text-align: center; } /*.entries .copy_rights { position: absolute !important; width: 100%; }*/ /*.container-fluid.footer_bottom_copyrights { border-top: 1px solid #3e3e3e; position: absolute !important; bottom: 0px; width: 100%; right: 0px; z-index: 0; }*/ .form_designer_left ul.nav.nav-tabs a { font-size: 10px; } .list_item_element_property .fa.fa-cog { background: #eb9418; } .datagrid-body { overflow: auto; -webkit-overflow-scrolling: touch; } /*.container { margin-left: 0px; }*/ .admin_entries_list_box_right h3 { font-size: 16px; } .create_button_mar { margin-bottom: 10px; } .showhim .showme { background: rgba(0, 0, 0, 0) url("../images/report_list_hover.png") repeat scroll 0 0 !important; border-radius: 5px 5px 0 0; display: block; float: left; height: 100px; left: 0px; padding: 5px; position: relative; top: 0px; width: 250px; text-align: left; } .showhim:hover .showme { background: rgba(0, 0, 0, 0) url("../images/report_list_hover.png") repeat scroll 0 0 !important; border-radius: 5px 5px 0 0; display: block; float: left; height: 100px; left: 0px; padding: 5px; position: relative; top: 0px; width: 250px; text-align: left; } .usermanagement_inner_img { width: 100px !important; height: 100px !important; } .ecubeForm { width: 100% !important; } .social-buttons.list-inline { text-align: center; top: 0; } /*.entries_count { text-align: left !important; margin-left: -10px !important; }*/ /*.entries_count a { padding: 3px 20px 3px 0; }*/ .report_design_left h3 { font-size: 20px; } .report_design_right h3 { font-size: 20px; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ .entries ul li { margin-bottom: 0; border-bottom: 0px solid #e5e5e5; list-style: outside none none; font-weight: lighter; /*display: inline-block;*/ zoom: 1; *display: inline; } } /*iPad Landscape*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .mainmatrix{ max-width:565px !important; } .newproduct .nav-tabs > li > a { padding: 10px 42px !important; } .dup-remove{ display:none; } .sort_wid_c { width: 140px !important; margin-top: 6px !important; } .ta_mar_b { position: absolute; top: -32px; right: 10px; } .list { top: 105px; right: 20px; } input[type=radio].css-checkbox + label.css-label { font-size: 12 !important; } .usermgt_changepic { margin-left: 25px; } .modal-dialog { margin: -15px auto; } .permission-min-height { min-height: 546px; } .view_report_box { margin-bottom: 48px; } .controlColumn { width: 100% !important; } .sort_wid_b { margin-bottom: 0px !important; } /*.accountmanagement_popup { top: 150px; } .dashboard_popup { top: 150px; }*/ .min-height { min-height: 903px; } .matrix-tbl label { padding: 5px 0px 0px 20px !important; } .input_form_fields { padding: 0px 10px; } .form_design_right_title h2 { font-size: 22px; padding-top: 25px; } .innerControl { margin: 0px 0px -20px 0px; } .formDesignSection { /*height: 750px; overflow-y: auto;*/ } .list_item_element_property { bottom: 5px; left: 0; padding: 0 10px; position: absolute; text-align: right; width: 100%; } .stepwizard-row .stepwizard-step { display: inline-block; margin: 0 12px; text-align: center; /*width: 33%;*/ } .stepwizard-row .listclass10{ margin: 0 29px !important; } .stepwizard-row .listclass9{ margin: 0 35px !important; } .stepwizard-row .listclass8{ margin: 0 40px !important; } .stepwizard-row .listclass7{ margin: 0 45px !important; } .stepwizard-row .listclass6{ margin: 0 60px !important; } .stepwizard-row .listclass5{ margin: 0 75px !important; } .stepwizard-row .listclass4{ margin: 0 100px !important; } .stepwizard-row .listclass3{ margin: 0 140px !important; } .stepwizard-row .listclass2{ margin: 0 222px !important; } .admin_form_top.form_design_left { height: 95%; } .list_item_element_property #myDropdown ul.dropdown-menu { min-height: 160px; } .tem_btn_wid_a { text-align: left !important; } .no_entries { margin-left: 50px; } .admin_entries_list_box_right { margin-top: -250px; margin-left: 180px; } .share_sendemail { margin-left: -27px !important; } .share_close { margin-left: 27px !important; } .accountmanagement_activity_div .btn-primary { width: 85px !important; font-size: 12px !important; padding-top: 10px; } .accountmanagement_activity_div #datetimepicker1 { height: 35px !important; } .accountmanagement_activity_div .btn-primary { width: 140px !important; } .acm_activity_div_width { width: 140px !important; font-size: 12px; } .entries_totalist input.cmn-toggle-round-flat + label { top: 0px !important; left: 0px !important; } .permission_toggle input.cmn-toggle-round-flat + label { top: 10px !important; left: 10px !important; } .usermanagement_inner_img { width: 150px !important; height: 150px !important; margin-top: 35px; } .user_permission_tog { margin-top: 5px; margin-left: -42px; } .permission_tog { margin-top: 26px; margin-left: -42px !important; } .fr_header { /*margin-left: -25%;*/ } .entries_count { margin-left: 25px !important; } /*.user_mod { height: 440px; }*/ .roledropdown { width: 95% !important; } .marleft { margin-left: 30px; } .permission_tog { margin-left: -10px; } .allusersdropdown { width: 125px; } .user_update { padding-left: 42px; } .box_1b { border: 0px !important; } .qr_note { position: absolute; right: -119px !important; top: 2px; } .view_but_close_a { margin-bottom: 5px !important; margin-left: 92px !important; } .view_but_save_a { margin-left: 56px !important; margin-bottom: 5px !important; } .view_but_pre_a { margin-left: 11px !important; } .view_but_next_a { margin-left: 95px !important; } .sort_wid_c { margin-bottom: 5px; } .sort_wid_b { margin-bottom: 5px; } .permission_imgsize { width: 100px !important; height: 100px !important; margin-left: 30px; } .userimg_margin { margin-left: 10px !important; margin-right: 10px !important; } .dropdown:hover { display: block !important; position: relative; z-index: 999999999999999; } .entries_group { margin-left: 50px !important; } .logo_img { margin-top: 0 !important; } .navbar-right { float: right !important; } .col-sm-12 { width: 100% !important; } .text_align { text-align: left !important; } .margin_left { margin-left: -17px; margin-top: 5px; } .margin_left_2 { margin-left: -147px; margin-top: 5px; } .margin-left_3 { margin-left: -20px !important; } .margin-left_4 { margin-left: 13px !important; } .form_design_imp_title_btns .btn.btn-success { margin: 0px -10px !important; } .form_lable { margin-left: 45px; } .form_in { /*width: 168px;*/ margin-left: 20px; } .left_move { margin-left: -95px; } .dropdown:hover .dropdown-menu { display: block; } .share_margin_left { margin-left: 20px; } .form_design_imp_title_btns .btn.btn-danger { margin: 0 20px !important; } input.cmn-toggle-round-flat:checked + label::after { margin-left: 30px; } .but_margin { margin-left: -17px !important; margin-top: -37px !important; } .but_margin_a { margin-left: 10px !important; margin-top: 0px !important; } .qr_code_note { right: 130px; } .qr_button { margin-top: -55px; margin-left: 500px; } .url_share_but { margin-left: 0px; } .datagrid .panel-body { overflow-x: auto !important; width: 100% !important; } .swiftSignatureSection { width: 100% !important; } #select_show { margin-left: 10px !important; overflow-x: scroll !important; width: 135px !important; } .swiftSignatureArea { width: 100%; } .share_mar { margin-left: -65px !important; } .share_mar_email { margin-top: -37px !important; } } /*iPad Portrait*/ @media only screen and (min-device-width : 768px) and ( /*max-device-width : 1024px*/ max-width: 991px) { .mainmatrix{ max-width:380px !important; } .widget-header { min-height:70px !important; } .newproduct .nav-tabs > li > a { padding: 10px 36px !important; } .dup-remove{ display:none; } .sort_wid_g { margin-left: -8px !important; padding: 3.5px; } .ta_mar_b { position: absolute; top: -32px; right: 10px; } .list { top: 100px; right: 20px; } .entries_group { margin-top:20px; margin-left:25px !important; } .my-deletepopup{ margin-left:35px; } .modal-dialog { width: 450px !important; margin: 30px auto; } .usermgt_changepic { margin-left: 0px; } .share-min-height { min-height: 795px !important; } .panel_a.pan-chat { bottom: 50px !important; } .account-min-height { min-height: 910px !important; } .permission-min-height { min-height: 803px !important; } .view_report_box { margin-bottom: 280px; } .controlColumn { width: 100% !important; } /*.accountmanagement_popup { top: 150px; width: 600px; }*/ /*.dashboard_popup { top: 150px; }*/ .min-height { min-height: 903px; } .input_form_fields { padding: 0px 10px; } .analitics_report_entries_chart_hedaer .col-sm-4 { width: 37.333333%; } .form_design_right_title h2 { font-size: 22px; padding-top: 25px; } .innerControl { margin: 0px 0px -20px 0px; } .formDesignSection { /*height: 750px; overflow-y: auto;*/ } .list_item_element_property { bottom: 5px; left: 0; padding: 0 10px; position: absolute; text-align: right; width: 100%; } #form_formSettings_logoFile { width: 100%; } .left_tab { overflow-y: auto; height: 775px; } .admin_form_top.form_design_left { height: 96%; } .list_item_element_property #myDropdown ul.dropdown-menu { min-height: 160px; } .no_entries { margin-left: 20px; } .stepwizard-step { display: table-cell; text-align: center; position: relative; } .admin_entries_list_box_right { margin-top: -229px; margin-left: 125px; } .entries_view_btn { padding: 6px 6px; } .formdashboard_btn_wid { width: 138px !important; } .tem_btn_wid { width: 95px !important; } .tem_btn_wid2 { width: 105px !important; } .tem_btn_wid_a { text-align: left !important; } .accountmanagement_activity_div .btn-primary { width: 85px !important; font-size: 11px !important; padding-top: 10px; } .accountmanagement_activity_div #datetimepicker1 { height: 35px !important; } .accountmanagement_activity_div .btn-primary { width: 100px !important; } .acm_activity_div_width { width: 100px !important; font-size: 12px; } .entries_totalist input.cmn-toggle-round-flat + label { top: 0px !important; left: 0px !important; } .permission_toggle input.cmn-toggle-round-flat + label { top: 10px !important; left: 10px !important; } .usermanagement_inner_img { width: 100px !important; height: 100px !important; margin-top: 35px; } .user_permission_tog { margin-top: 5px; margin-left: -42px; } .entries_count { margin-left: 35px !important; } /*.user_mod { height: 440px; }*/ .marleft { margin-left: 45px; } .roledropdown { width: 94% !important; } .permission_tog { margin-left: -10px; } .stepwizard-row .stepwizard-step { /*width: 33%;*/ } .box_1b { border: 0px !important; } .dashboard_selections { width: 96%; } .entries_count { text-align: right !important; } .stepwizard-row .stepwizard-step { display: inline-block; margin: 0; margin: 0px 50px; text-align: center; /*width: 30%;*/ } .stepwizard-row .listclass10{ margin: 0px !important; width: calc(100% / 10); } .stepwizard-row .listclass9{ margin: 0px !important; width: calc(100% / 9); } .stepwizard-row .listclass8{ margin: 0px !important; width: calc(100% / 8); } .stepwizard-row .listclass7{ margin: 0px !important; width: calc(100% / 7); } .stepwizard-row .listclass6{ margin: 0px 40px !important; } .stepwizard-row .listclass5{ /*margin: 0 50px !important;*/ margin: 0 !important; width: 19%; } .stepwizard-row .listclass4{ /*margin: 0 70px !important;*/ margin: 0 !important; width: 24%; } .stepwizard-row .listclass3{ /*margin: 0 100px !important;*/ margin: 0 !important; width: 32%; } .stepwizard-row .listclass2{ /*margin: 0 160px !important;*/ margin: 0 !important; width: 49%; } .stepwizard.report_design_wizard { margin-bottom: 0; } .stepwizard-row.setup-panel { /*display: inline !important;*/ } .report_design_wizard .stepwizard-row::before { height: 0 !important; } .dashboard_controls { float: right !important; } .dashboard_ecube_permissions .img-circle { height: auto; width: 60%; } .dashboard_ecube_permissions h3 { font-size: 18px; } .ecube_entries_div_buttons { float: right; width: 65%; } .export_to_excel { width: 26%; text-align: center; } .entrie_page .select_fields { margin: 0 2%; width: 28%; } .dashboard_controls .list_of_select { margin: 0; width: 30%; } .add_language_inner_wizard div#step2.tab-pane.active div.input-field span { left: -45%; top: 8px; } .list_of_search { float: left; margin: 0 2%; width: 34%; } .creat_form_button { float: left; width: 30%; } .dashboard_controls { float: none; margin: 0; } .tab-content .list_of_select select { min-width: 95px; width: 94% !important; } .navbar-right { float: right !important; margin-right: 15px !important; } .permission_imgsize { width: 100px !important; height: 100px !important; margin-left: 30px; } .permissions_img a { font-size: 10px; text-align: center; } /*.modal .modal-content { margin-left: -70px !important; }*/ .swiftSignatureSection { width: 100% !important; } .qr_code_note { right: 50px; position: absolute; top: 264px; text-align: left !important; left: 10px; } .qr_text { text-align: left; } .qr_button { margin-top: -55px !important; margin-left: 500px !important; } .url_share_but { margin-left: 0px; } .test { width: 50px !important; word-wrap: break-word !important; } input.cmn-toggle-round-flat:checked + label::after { margin-left: 29px !important; } .datagrid .panel-body { overflow-x: auto !important; } .datagrid-view1, .datagrid-view2 { overflow-x: auto; } .datagrid-header-inner .datagrid-editable-input.datagrid-filter { width: 40px !important; } .datagrid-header-inner .textbox.combo.datebox { width: 55px !important; } .datagrid-header-inner span.textbox { width: 60% !important; } .no_forms { /* margin-right: 10%; */ } .left_move { margin-left: -95px !important; } .text_align { text-align: left; } .margin_left { margin-left: -17px; margin-top: 5px; } .margin_left_2 { margin-left: -67px; margin-top: 5px; } .margin-left_3 { margin-left: -10px; } .margin-left_4 { margin-left: 10px; } .margin-left_5 { margin-left: -25px; } .margin-left_6 { margin-left: -80px !important; } .margin-left_7 { margin-left: 67px !important; } /*.entries_group{margin-left: 52px;}*/ /*commented by suresh*/ .but_margin { margin-left: -17px !important; margin-top: -37px !important; } .but_margin_a { margin-left: -17px !important; margin-top: 0px !important; } .but_width { width: 34% !important; } .View_button_show_a { display: none !important; } .View_button_show_b { display: block; } .view_but_bottom { margin-bottom: 5px; } .view_but_close { margin-bottom: 5px !important; margin-left: -68px !important; } .view_but_save { margin-left: 50px !important; } .view_but_pre { margin-left: 32px !important; } .view_but_next { margin-left: -77px !important; } .view_but_close_a { margin-bottom: 5px !important; margin-left: 92px !important; } .view_but_save_a { margin-left: 56px !important; margin-bottom: 5px !important; } .view_but_pre_a { margin-left: 11px !important; } .view_but_next_a { margin-left: 95px !important; } .drop_wid_a { margin-left: 10px !important; width: 120px; } .drop_wid_a_a { padding-left: 8px; } .drop_wid_b { margin-left: -60px; } .drop_wid_c { padding-left: 0px; width: 159px; margin: -5px auto 0 -30px; } /*.logo_img { margin-top: 0 !important; }*/ .logo_img_a { width: 100px !important; height: 43px !important; margin-left: -10px !important; margin-top: 10px !important; } #adv-search { float: left; margin: -5px auto 0 32px; width: 130px !important; } .btn_mar { margin-left: -50px; } .activity_log_container_right_box { margin: 5% 20%; } .sort_a { width: 100px !important; } .sort_b { width: 135px !important; margin-left: 16px; } .sort_c { margin-left: -7px !important; } .left_move { margin-left: -100px !important; } .admin_form_top .navbar-nav > li > a { margin-left: 50px; } .nav.navbar-nav.navbar-right { /*margin-top: 8px !important; width: 142px; margin-left: 205px !important; margin-right: -44px !important;*/ } .loader_pre_b { left: 250px; top: 300px; } .en_button_a { margin-left: 180px !important; border-radius: 0px !important; } .en_button_b { margin-left: 68px; } .en_button_c { margin-left: -69px; } .re_but_a { margin-left: 73px; float: right; } .sort_wid_a { text-align: left !important; } .sort_wid_b { width: 140px !important; } .sort_wid_c { width: 140px !important; margin-top: 6px !important; } .sort_wid_e { width: 85px !important; } .sort_wid_f { width: 25px !important; } .sort_wid_g { margin-left: -9px !important; } .sort_wid_h { text-align: left; } .sort_wid_i { width: 75px; } #select_show { margin-left: 10px !important; overflow-x: scroll !important; width: 135px !important; } .act_wid { width: 210px; } .act_mar { margin-left: 20px; } .act_mar_a { margin-left: 10px !important; } .permissions_img { margin-left: -20px; } .permissions_wid { width: 100%; } .share_mar { margin-left: -40px !important; } .share_mar_a { margin-left: 15px !important; } .permission_tog { margin-top: 25px; margin-left: 0px; } .sele_all { margin-left: 45px !important; } .usermanagement_img { margin-top: -30px; } .sub_user { margin-top: -20px; } .email_his { margin-top: -38px !important; } } @media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) { .sort_wid_i { margin-left: -128px !important; } } /* iPhone 6 ----------- portrait*/ @media (max-width: 480px) { .widget-header { height: auto; display: inline-block; } .form_design_imp_title_btns .btn.btn-primary { width: 90%; } .form_design_imp_title_btns .btn.btn-success { width: 90%; } .form_design_imp_title_btns .btn.btn-primary_a { width: 90%; } .panel_a.pan-chat { bottom: 50px !important; } .Rating-minLabel, .Rating-maxLabel { width: 27% !important; } option { font-weight: normal; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px; } .list_item_element_property #myDropdown ul.dropdown-menu { min-height: 140px; } /*.modal .modal-content { margin-left: -84px !important; width: 240px !important; margin-bottom: 30px !important; /*height:400px; overflow-y:auto; }*/ .entries_count { margin-left: 20px !important; } .entries_view_btn_mar_left { margin-left: 0px; } .entries_view_btn { padding: 6px 11px !important; border-radius: 30px !important; font-size: 12px !important; } .permission_imgsize { width: 100px !important; height: 100px !important; margin-left: 50px !important; } .permission_select { width: 100px !important; height: 100px !important; } .h2, h2 { font-size: 16px !important; } .modal h4 { font-size: 12px !important; } .form-control { font-size: 10px !important; } .text_align { text-align: left !important; } .report_go_btn { margin-left: 0px !important; } .entries_group { margin-left: 30px; } .tem_but { margin-left: 10px; } /*.modal .modal-content { margin-left: -84px !important; width: 240px !important; margin-bottom: 30px !important; }*/ .ent_a { margin-left: 30px !important; text-align: left; } .li_top_bg { margin-top: 0px !important; } .drop_wid_a { margin-left: 10px !important; width: 120px; } .drop_wid_a_a { padding-left: 8px; } .drop_wid_b { margin-left: -58px; } .drop_wid_c { margin-left: -5px; margin-top: 5px; width: 175px; } /*.entries .copy_rights { position: relative !important; width: 100%; margin-top: 100px; }*/ .btn_mar { margin-left: 50px; } .accountmanagement_domain_change h3 { font-size: 14px; } .activity_log_container_right_box { margin: 5% 20%; } .sort_a { width: 220px !important; } .sort_b { width: 135px !important; margin-left: 2px !important; } .sort_c { margin-left: -7px !important; } .left_move { margin-left: -10px !important; } .reg_mar { margin-top: -70px !important; } .logo_img { /*width: 100px !important;*/ /*height: 43px !important; margin-top: 8px; margin-left: 30px !important;*/ } .loader_pre_b { left: 40px; } .en_button_a { margin-bottom: 5px !important; margin-left: 41px !important; } .en_button_b { margin-left: 30px; } .en_button_c { margin-left: 39px; margin-top: 5px; } .left_move { margin-left: 90px !important; } .creat_form_button { float: left; text-align: center; width: 50% !important; } .re_but_a { margin-left: 22px !important; width: 150px; } .re_but_b { width: 185px; } .re_but_c { margin-top: -14px; width: 185px; } .re_but_d { margin: 25px 0 0 5px; width: 185px; } .sort_wid_e { margin-left: -138px !important; width: 85px !important; } .sort_wid_i { margin-left: -128px !important; } .sort_wid_b_a { margin-left: -15px !important; } .sort_cre_a { margin-left: -127px !important; } .nvd3.nv-noData { font-size: 18px; font-weight: 700; margin-left: -5px; } .mar_lef { margin-left: 10px !important; } #select_show { margin-left: 36px !important; overflow-x: scroll !important; width: 135px !important; } .act_wid { width: 250px; } .report_img { margin-left: -50px !important; } .share_tog { margin-left: -1px !important; } .list_of_date .activity_date_buttons { width: 45%; } .save_pdf { margin-top: 10px; } .left_move { margin-left: 0 !important; } .username { display: none; } /*.user_mod { height: 800px; }*/ .gear_mar { margin-left: -60px; } .check_ava_a { margin: 0px 0px 0px 10px !important; } .check_ava_b { margin: 10px 0px 10px 10px !important; } .check_ava_c { margin: 0px 0px 0px 65px !important; } .user_adduser { margin-bottom: 18px !important; } .user_change_pic { margin-left: -20px; } .permission_tog { margin-left: 130px; margin-top: -70px; } .adduser_permission { overflow-y: scroll !important; } .subuserlist_img { margin-left: -35px; } .View_button_show_a { display: none !important; } .View_button_show_b { display: block; } .view_but_close { margin-bottom: 5px !important; margin-left: 50px !important; } .view_but_save { margin-left: -1px !important; } .view_but_pre { margin-left: -15px !important; } .view_but_next { margin-left: 45px !important; } .view_but_close_a { margin-bottom: 5px !important; margin-left: 60px !important; } .view_but_save_a { margin-left: 47px !important; margin-bottom: 5px !important; background-color: #f0f !imporant; } .view_but_pre_a { margin-left: 38px !important; } .view_but_next_a { margin-left: 9px !important; } .email_his { margin-right: 102px !important; } .permission_imgsize { width: 100px; height: 100px; margin-left: 50px; } .permission_select { width: 100px !important; height: 100px !important; } } /* iPhone 6+ ----------- landscape*/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) { .widget-header { height: auto; display: inherit; } .list { top: 166px; right: 63px; } .panel_a.pan-chat { top: 10px; } .ent_a{float:left;} .sort_wid_b { width: 120px !important; } .sort_wid_c { width: 120px !important; } .formdashboard_btn_wid { width: 120px !important; margin-right: 10px; } .user_account_select .sort_wid_b, .user_account_select .sort_wid_c, .user_account_select .formdashboard_btn_wid{ width: 150px !important; } .panel_a.pan-chat { bottom: 35px !important; right:0px; } .fa-5x { font-size: 1.5em !important; } .Rating-minLabel, .Rating-maxLabel { width: 44%; } /*.modal .modal-content { margin: 26px 0px 0px -20px !important; }*/ .fr_header { margin-left: 30px; } /*.dashboard_popup { width: 110% !important; left: -15px !important; } .accountmanagement_popup { width: 130% !important; height: 210px !important; overflow-y: auto !important; left: -8px !important; top: 0px; }*/ } /* iPhone 6 ----------- landscape*/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) { .widget-header { height: auto; display: inherit; } .list { top: 166px; right: 63px; } .panel_a.pan-chat { top: 10px; } .ent_a{float:left;} .panel_a.pan-chat { bottom: 35px !important; } .fa-5x { font-size: 1.5em !important; } .Rating-minLabel, .Rating-maxLabel { width: 44%; } /*.modal .modal-content { margin: 26px 0px 0px -10px !important; }*/ .fr_header { margin-left: 30px; } .loader_pre_b { left: 240px; } /*.dashboard_popup { width: 110% !important; height: 265px !important; overflow: auto !important; left: -25px !important; } .dashboard_popup_a { width: 96% !important; } .accountmanagement_popup { width: 135% !important; height: 210px !important; overflow-y: auto !important; left: -8px !important; top: 0px; }*/ } /* iPhone 5 ----------- landscape*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { .widget-header { height: auto; display: inherit; } .list { top: 166px; right: 63px; } .panel_a.pan-chat { top: 10px; } .ent_a{float:left;} .sort_wid_b { width: 100px !important; } .sort_wid_c { width: 100px !important; } .user_account_select .sort_wid_b, .user_account_select .sort_wid_c, .user_account_select .formdashboard_btn_wid{ width: 150px !important; } .formdashboard_btn_wid { width: 100px !important; margin-right: 10px; } .panel_a.pan-chat { bottom: 50px !important; right:0px; } .fa-5x { font-size: 1.5em !important; } .Rating-minLabel, .Rating-maxLabel { width: 27%; } .my-deletepopup { margin-left: 0px; } .dashboard_popup { width: 110% !important; height: 32% !important; overflow: hidden !important; left: -12px !important; } .fr_header { margin-left: 30px; } .loader_pre_b { left: 185px !important; } /*.dashboard_popup { width: 130% !important; height: 210px !important; overflow-y: auto !important; left: -14px !important; } .dashboard_popup_a { width: 95% !important; } .accountmanagement_popup { width: 143% !important; height: 190px !important; overflow-y: auto !important; left: -8px !important; top: 0px; }*/ } @media screen and (max-width: 360px) { .all-forms .pagination-container{ text-align:center; } .all-forms .pagination > li > a, .all-forms .pagination > li > span { padding: 2px 7px; } .pagination { margin: 0 0 55px !important; } } /* Nexus 5 ----------- landscape*/ @media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : landscape) { .widget-header { height: auto; display: inherit; } .list { top: 166px; right: 63px; } .panel_a.pan-chat { top: 10px; } .ent_a{float:left;} .dashboard_popup { width: 110% !important; height: 210px !important; overflow-y: auto !important; left: -14px !important; } .dashboard_popup_a { width: 95% !important; } /*.accountmanagement_popup { width: 140% !important; height: 190px !important; overflow-y: auto !important; left: -8px !important; top: 0px; }*/ } /* iPhone 2G-4S ----------- portrait*/ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) { .widget-header { height: auto; display: inline-block; } /*.dashboard_popup { width: 140% !important; height: 32% !important; overflow: hidden !important; left: -12px !important; top: 50px; }*/ /*.dashboard_popup_a { width: 95% !important; }*/ /*.accountmanagement_popup { width: 220% !important; height: 302px !important; overflow-y: auto !important; left: -12px !important; top: 40px; }*/ } /* iPhone 5 ----------- portrait*/ @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { .widget-header { height: auto; display: inline-block; } .list { position: absolute; top: 210px; right: 20px; } .sort_wid_b { width: 100px !important; } .sort_wid_c { width: 100px !important; } .formdashboard_btn_wid { width: 100px !important; margin-right: 10px; } .panel_a.pan-chat { bottom: 63px !important; right:0px; } .fa-5x { font-size: 1.5em !important; } .Rating-minLabel, .Rating-maxLabel { width: 42% !important; } .my-deletepopup { margin-left: 15px; } .check_ava_btn { margin-left: 68px !important; } input[type=radio].css-checkbox + label.css-label { font-size: 10px; } /*.dashboard_popup { width: 165% !important; height: 32% !important; overflow: hidden !important; left: -12px !important; }*/ /*.modal .modal-content { /*margin: 26px 0px 0px -45px!important;*/ /*width: 200px;*/ } @media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) { .fr_header { margin-left: 30px; } /*.loader_pre_b { left: 80px !important; }*/ /*.dashboard_popup { width: 165% !important; height: 32% !important; overflow: hidden !important; left: 0px !important; top: 50px; }*/ .gearboxformdashboard { padding-left: 110px !important; } /*.dashboard_popup_a { width: 95% !important; }*/ /*.accountmanagement_popup { width: 220% !important; height: 302px !important; overflow-y: auto !important; left: -12px !important; top: 40px; }*/ } /* iPhone 6 ----------- portrait*/ @media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { .widget-header { height: auto; display: inline-block; } .list { position: absolute; top: 210px; right: 20px; } .panel_a.pan-chat { bottom: 50px !important; right:0px; } .my-deletepopup{ margin-left:45px; } .check_ava_c { margin: 0px 0px 0px -8px !important; } .loader_pre_b { left: 80px !important; } /*.dashboard_popup { width: 170% !important; height: 32% !important; overflow: hidden !important; left: 0px !important; top: 50px; }*/ /*.dashboard_popup_a { width: 96% !important; }*/ .accountmanagement_popup { width: 185% !important; overflow-y: auto !important; left: -8px !important; top: 40px; } } /* Nexus 5 ----------- portrait*/ @media only screen and (min-device-width : 360px) and (max-device-width : 640px) and (orientation : portrait) { .widget-header { height: auto; display: inline-block; } .list { position: absolute; top: 210px; right: 20px; } .sort_wid_b { width: 120px !important; } .sort_wid_c { width: 120px !important; } .formdashboard_btn_wid { width: 120px !important; margin-right: 10px; } /*.dashboard_popup { width: 170% !important; height: 32% !important; overflow: hidden !important; left: -15px !important; top: 50px; }*/ /*.dashboard_popup_a { width: 95% !important; }*/ /*.accountmanagement_popup { width: 185% !important; height: 302px !important; overflow-y: auto !important; left: -8px !important; top: 40px; }*/ } /* iPhone 6+ ----------- portrait*/ @media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : portrait) { .widget-header { height: auto; display: inline-block; } .list { position: absolute; top: 210px; right: 20px; } .my-deletepopup{ margin-left:65px; } .check_ava_a { margin: 0px 0px 0px 0px !important; } .check_ava_b { margin: 10px 11px 10px 0px !important; } /*.dashboard_popup { width: 170% !important; left: -12px !important; top: 50px; } .accountmanagement_popup { width: 170% !important; height: 302px !important; overflow-y: auto !important; left: -8px !important; top: 40px; }*/ } /* Nexus 5X ----------- portrait*/ @media only screen and (min-device-width : 412px) and (max-device-width : 732px) and (orientation : portrait) { .widget-header { height: auto; display: inline-block; } .list { position: absolute; top: 210px; right: 20px; } .sort_wid_b { width: 120px !important; } .sort_wid_c { width: 120px !important; } .formdashboard_btn_wid { width: 120px !important; margin-right: 10px; } .panel_a.pan-chat { bottom: 50px !important; right:0px; } .my-deletepopup{ margin-left:35px; } /*.dashboard_popup { width: 160% !important; height: 32% !important; overflow: hidden !important; left: -15px !important; top: 50px; }*/ /*.dashboard_popup_a { width: 95% !important; }*/ /*.accountmanagement_popup { width: 170% !important; height: 302px !important; overflow-y: auto !important; left: -8px !important; top: 40px; }*/ } /*iPhone5 portrait*/ @media (max-width: 320px) { .widget-header { height: auto; display: inline-block; } .list { position: absolute; top: 210px; right: 20px; } .list_item_element_property #myDropdown ul.dropdown-menu { min-height: 140px; } .share_sendemail { margin-left: -30px !important; margin-right: 5px; } .loader_pre_b { left: 50px !important; top: 150px !important; } .acm_activity_div_width { width: 144% !important; font-size: 9px !important; } .accountmanagement_activity_div .btn-primary { white-space: normal !important; padding-top: 5px; } .entries_count { margin-left: 5px !important; } .entries_view_btn_mar_left { margin-left: 0px; } .entries_view_btn { padding: 6px 11px; border-radius: 30px !important; font-size: 12px !important; } /*.modal .modal-content { bottom: 20px !important; }*/ .modal h4 { font-size: 12PX; } .form-control { font-size: 10PX; } .analitics_btn { margin-left: -4px !important; } .text_align { text-align: left !important; } .entries_group { margin-left: 19px; } .tem_but { margin-left: 10px; } /*.modal .modal-content { margin-left: -84px !important; width: 240px !important; margin-bottom: 30px !important; height:400px; overflow-y:auto; }*/ .act_wid { width: 250px; } #select_show { margin-left: 36px !important; overflow-x: scroll !important; width: 135px !important; } .mar_lef { margin-left: 10px !important; } .ent_a { margin-left: 30px !important; text-align: left; } .loader_pre_b { left: 40px; } .admin_form_top { margin-top: 0; /*padding: 15px 0;*/ } .drop_wid_a { margin-left: 10px !important; width: 120px; } .drop_wid_a_a { padding-left: 8px; } .drop_wid_b { margin-left: -50px; } .drop_wid_c { margin-left: -5px; margin-top: 5px; width: 175px; } /*.entries .copy_rights { position: relative !important; width: 100%; margin-top: 100px; }*/ .btn_mar { margin-left: 50px; } .accountmanagement_domain_change h3 { font-size: 14px !important; } .accountmanagement_activity_div li.active { padding: 0px; } .activity_log_container_right_box { margin: 5% 20%; } .activity_ecube_entries_list_top { font-size: 12px; } .sort_a { width: 240px !important; margin-top: 10px !important; } .sort_b { width: 135px !important; margin-left: 2px !important; } .sort_c { margin-left: -7px !important; } .sort_wid_e { margin-left: -30px !important; } .sort_wid_a { margin-right: 170px; margin-top: 10px !important; } sort_wid_e { margin-right: 175px; width: 85px !important; } .sort_wid_i { margin-left: -70px !important; } /*.sort_wid_b { margin-left: -1px !important; }*/ .sort_wid_b_a { margin-left: -15px !important; } .sort_cre_a { margin-left: -75px !important; } .left_move { margin-left: -10px !important; } .breadcrumb_div li { font-size: 10px !important; } /*.navbar-collapse { border-top: 0 solid rgba(0, 0, 0, 0) !important; box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset !important; position: absolute !important; z-index: 99999999 !important; background-color: #3a3f53 !important; left: 178px !important; top: 12px !important; }*/ .dropbtn { margin-top: 13px !important; } /*.nav.navbar-nav.navbar-right { margin-top: -50px !important; width: 142px; margin-left: 210px !important; }*/ /*.admin_form_top .navbar-nav > li > a { margin-left: -70px; }*/ .en_button_a { margin-bottom: 5px !important; margin-left: 41px !important; } .en_button_b { margin-left: 30px; } .en_button_c { margin-left: 39px; margin-top: 5px; } .left_move { margin-left: 90px !important; } .next_mor { margin-left: 0px; } .creat_form_button { float: left; text-align: center; width: 60% !important; } .re_but_a { margin-left: 22px !important; width: 150px; } .re_but_b { width: 185px; } .re_but_c { margin-top: -14px; width: 185px; } .re_but_d { margin: 25px 0 0 5px; width: 185px; } .nvd3.nv-noData { font-size: 18px; font-weight: 700; margin-left: -10px; } .report_img { margin-left: -50px !important; } .share_tog { margin-left: -1px !important; } .view_button_a { margin-left: 175px !important; } .view_button_b { margin-left: 175px !important; } .list_of_date .activity_date_buttons { width: 45%; } .save_pdf { margin-top: 10px; } .left_move { margin-left: 0 !important; } .username { display: none; } /*.user_mod { height: 800px; }*/ .gear_mar { margin-left: -60px; } .change_acc { margin-left: -50px; font-size: 10px !important; } .check_ava_a { margin-left: 80px !important; } .check_ava_b { margin: 10px 0px 10px 30px !important; } .check_ava_c { margin: 10px 0px 0px 10px !important; } .user_adduser { margin-bottom: 18px !important; } .user_change_pic { margin-left: -20px; } .permission_tog { margin-left: 130px; margin-top: -70px; } .add_left { margin-left: -3px; } .add_left_a { margin-left: 2px; } .add_left_b { margin-left: -1px !important; margin-right: -1px !important; } .adduser_permission { overflow-y: scroll !important; } .subuserlist_img { margin-left: -35px; } .View_button_show_a { display: none !important; } .View_button_show_b { display: block; } .view_but_close { margin-bottom: 5px !important; margin-left: -24px; } .view_but_save { margin-left: -1px; } .view_but_pre { margin-left: -33px; } .view_but_next { margin-left: -30px; } .email_his { margin-right: 102px !important; } .permission_imgsize { width: 100px !important; height: 100px !important; margin-left: 50px !important; } .permission_select { width: 100px !important; height: 100px !important; } .switch h2 { color: #f00; } .view_report_page .round-tab > img { margin: 12px 0 0 !important; } .steps_wizard_page_bottom .fileUpload.btn.btn-success > span { font-size: 12px; line-height: 45px; } .change_domain_edit button { display: block; float: left; margin: 5px 5%; } /*.nav.navbar-nav.navbar-right {margin: -52px -52px 0px 0px;}*/ /*by suresh for cleaning Purpose*/ /*.nav.navbar-nav.navbar-right { margin-top: -50px !important; width: 142px; margin-right: 15px !important; }*/ /*.admin_form_top .navbar-nav > li > a { margin-left: -70px; }*/ .logo_img_a { width: 100px !important; height: 43px !important; margin-left: 5px !important; margin-top: 8px !important; } .admin_form_top { margin-top: 0; /*padding: 15px 0;*/ } .dropdown-menu.logout_nav { background: #3a3f53 none repeat scroll 0 0 !important; border: 0 solid #2d78bb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important; margin-top: -3px !important; min-width: 170px; right: 0 !important; z-index: 1000; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } .dropdown-menu.logout_nav { min-width: 170px; right: 0 !important; margin-top: -2px !important; border: 0px solid #2d78bb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important; background: #3A3F53; } /*.nav.navbar-nav.navbar-right { margin-top: -50px !important; width: 142px; margin-right: 15px !important; }*/ .logo_img { /*width: 100px !important;*/ /*height: 43px !important; margin-left: 50px !important; margin-top: 5px !important;*/ } .logo_img_a { /*width: 100px !important;*/ /*height: 43px !important; margin-left: 5px !important; margin-top: 8px !important;*/ } } /* iPhone 4 / Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { /* Styles */ } /* iPhone 4 / Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } @media screen and (min-width:240px) and (max-width:320px) { } @media (max-width: 767px) { .form_design_imp_title_btns .btn{ width: calc(100% - 25px) !important; margin: 0 10px 10px 10px!important; } .form_design_imp_title_btns .form-group{ margin:0 !important; } #header div#layoutforuser{ margin-right:0px; } .user_account_select h2{ padding-top:0px; } .yello-bg .user_account_select .form-inline .form-group { margin-bottom: 10px; } .ecubeForm{ width:100%; } .sort_wid_g { margin-left: -8px !important; padding:2.5px; } .breadcrumb_div li a span { display: inline-block !important; } .enablerule .modal .modal-content { margin: 154px 0px 0px 77px !important; } div.usermanagement_div_top div.tabbable_a ul.nav.nav-tabs li { width:50% !important } .share-mar-top { margin-top:10px; } .but-left .form-group {float:left !important;} .ecubeForm { padding: 0px; } .form_data_buttons .btn.cancel { margin-left: 0px; width: 50%; } .usermanagement_div_icon p { font-size: 12px; } .forms_dashboard { width: 92%; } .panel_a.pan-chat .pan-heading a:nth-of-type(1) { width: 276px !important; } .gearboxformdashboard { padding-left: 110px !important; } /*.panel_a.pan-chat { position: absolute; bottom: -172px !important; right: 0; box-shadow: none; -webkit-box-shadow: none; z-index: 1000; }*/ /*.dashboard_popup_a { width: 96% !important; }*/ .list_item_element_property #myDropdown ul.dropdown-menu { min-height: 140px; } .admin_entries_list_box_right { margin-left: 12px; margin-top: 0px; } .form_data_buttons .btn.delete { margin-left: -98px; } .entries_list { margin: 30px 2px !important; } .usermanagement_div_top_right_one, .usermanagement_div_top_right_two, .usermanagement_div_top_right_three { margin-bottom: 10px !important; } .modal-open .modal { overflow-y: hidden !important; } .admin_entries_list_box_right .h5, h5 { padding: 0px !important; } .usagestatics_mar { margin-left: 0px; } .acm_mar { margin-left: 0px; text-align: left; } .accountmanagement_activity_div .btn-primary { width: 101% !important; font-size: 9px !important; padding-top: 9px; padding-left: -5px !important; } .accountmanagement_activity_div .col-xs-4 { width: 31.333333% !important; } .accountmanagement_activity_div #datetimepicker1 { height: 30px !important; } .acm_activity_div_width { width: 118% !important; font-size: 10px !important; } input.cmn-toggle-round-flat:checked + label::after { margin-left: 19px; } .permission_toggle { margin-left: 35px; } input.cmn-toggle-round-flat + label::after { background-color: #e02830; border-radius: 20px; bottom: 4px; height: 15px; left: 3px; top: 1px; transition: margin 0.4s ease 0s, background 0.4s ease 0s; width: 15px; } .entries_totalist input.cmn-toggle-round-flat + label { top: 0px !important; left: 0px !important; } input.cmn-toggle-round-flat + label { border-radius: 47px; height: 18px; padding: 0px; transition: background 0.4s ease 0s; width: 40px; top: 10px; } input.cmn-toggle-round-flat + label::before { background-color: transparent; } [type="checkbox"] + label:before { content: ''; /*position: absolute;*/ top: 0; left: 0; width: 18px; height: 18px; z-index: 0; /*border: 2px solid #5a5a5a;*/ border-radius: 1px; margin-top: 2px; -webkit-transition: .2s; -moz-transition: .2s; -o-transition: .2s; -ms-transition: .2s; transition: .2s; } .user_permission_tog { margin-left: 10px; margin-top: 0px; } .h4, h4 { font-size: 12px; } .permissions_img { margin-left: -25px; } input[type=radio] { margin: 0px 0 0; } /*.user_img_alignment{ text-align:left; margin-left:35px !important; }*/ /*.panel_a.pan-chat { bottom: 43px !important; }*/ .list-inline > li { padding: 0px !important; } .footer_social_icons { width: 20px; height: 20px; } .Form-label-text input[type=radio] { margin: 0px !important; } .field { margin-top: 10px; } .breadcrumb_div li { font-size: 11px !important; line-height: 27px; } .breadcrumb_div li a{ ; padding: 3px; } .social-buttons.list-inline { text-align: right !important; } ul.list-inline.social-buttons li a img { transition: all .2s ease-in-out; } .footer_bottom_copyrights p { padding: 10px 0; } .footer_bottom_copyrights p { font-size: 10px; } /*.nav.navbar-nav.navbar-right { margin-top: -64px !important; }*/ .ectextbox { color: #555555 !important; } .padding5 { margin: 0px !important; } .share_bg { /*height: 1050px !important;*/ height: 400px !important; overflow-y: auto; } .qr_code_note { right: 2px !important; position: absolute; top: -120px !important; left: 2px !important; } .qr_block_mar { margin-top: 120px; margin-left: -16px; } .share_social_icons { top: 15px !important; } .form_design_imp_title_btns .btn.btn-success { font-size: 12px !important; padding: 5px 5px !important; } .form_design_imp_title_btns .btn.btn-danger { font-size: 12px !important; padding: 5px 5px !important; } #deletemodal .btn.btn-success{ margin:10px 0; } #MailModel .btn.btn-success{ margin:10px 0; } .switch .form-control { width: 150px !important; } .share_mar_a { margin-left: 0px !important; } .share_mar { margin-left: 0px !important; } /*.fr_header { margin-left: 50px; }*/ .entries_mar_top_a { /*margin-top: 20px !important; margin-left: 13px !important;*/ z-index:9; } .entries_mar_top { /*margin-top: 20px !important; margin-left: 7px !important;*/ z-index:9; } .edits-rightside { padding:0 10px; } .view_created_mar { margin-left: 13px; } .qtip2 { color: blue !important; } /*.controlblock .btn, UNUSED.btn-large, .btn-flat { font-size: 7px !important; padding: 7px !important; }*/ .controlblock .dropdown-menu { overflow-y: auto !important; height: 150px !important; } .controlblock i { padding: 0px !important; } .controlblock .small, small { font-size: 10px !important; } .controlblock .h6, h6 { font-size: 10px !important; } .usermanagement_div_top .nav.nav-tabs a { font-size: 12px; } .multipul_imgs { width: 150px; height: 80px; margin-left: -20px; } .multipul_imgs_mar { margin-left: -40px; } /*.usermanagement_div_top .tabbable h5 { margin-left: 7px !important; }*/ .usermanagement_inner_img { /*width: 100px !important;*/ height: 100px !important; max-width:100px; } .change_account { width: 0px !important; } label { font-size: 10px; } .accountmanagement_domain_change input[type="text"] { font-size: 10px; } .change_domain_edit { font-size: 10px; } .search .btn, UNUSED.btn-large, .btn-flat { font-size: 14px !important; } /*.btn, UNUSED.btn-large, .btn-flat { font-size: 12px !important; }*/ .h5, h5 { font-size: 12px !important; } .modal .modal-header .h5, h5 { padding: 10px; } .modal h4 { font-size: 16px !important; } /*.loader_pre_b { left: 120px !important; top: 150px !important; }*/ .entrie_groups { margin-left: 10px !important; } /*.user_account_select h2{ font-size: 12px !important; }*/ .ta_mar_b { position: absolute; top: -32px; right: 0px; } .h2, h2 { font-size: 20px !important; } .permission_imgsize { width: 100px !important; height: 100px !important; margin-left: 0 !important; } .adduser_permission #upfilenew{ display:block; margin:5px 0; } .permission_select { width: 100px !important; height: 100px !important; } /*.modal .modal-content { margin-left: -84px !important; width: 453px !important; bottom: 50px !important; height:210px; overflow-y:auto; }*/ .entries_group { margin: 25px 0px 0px 20px; } .widget-header { height: auto; display: block; } .ent_a { margin-left: 5px !important; text-align: left; } .form_design_imp_title_btns .btn.btn-primary { width: 100%; } .form_design_imp_title_btns .btn.btn-success { width: 100%; } .form_design_imp_title_btns .btn.btn-primary_a { width: 100%; } .li_top_bg { margin-top: -1px !important; } .drop_wid_a { margin-left: 10px !important; width: 120px; } .drop_wid_a_a { padding-left: 8px; } .drop_wid_b { margin-left: -58px; } .drop_wid_c { margin-left: -5px; margin-top: 5px; width: 175px; } /*.entries .copy_rights { position: relative !important; width: 100%; margin-top: 100px; }*/ .btn_mar { margin-left: 50px; } .accountmanagement_domain_change h3 { font-size: 14px; } .activity_log_container_right_box { margin: 5% 20%; } .sort_a { width: 220px !important; } .sort_b { width: 135px !important; margin-left: 2px !important; } .sort_c { margin-left: -7px !important; } .left_move { margin-left: -10px !important; } .nav.navbar-nav.navbar-right { /*margin-top: -50px !important;*/ /*width: 142px; margin-right: 15px !important;*/ } .dropdown-menu.logout_nav { margin-top: 6px !important; margin-left: -27px; } ./*admin_form_top .navbar-nav > li > a { margin-left: -70px; }*/ .reg_mar { margin-top: -70px !important; } .logo_img { /*width: 100px !important;*/ /*height: 43px !important; margin-top: 0px !important; margin-left: 0px !important;*/ } .logo_img_a { /*width: 100px !important;*/ /*height: 43px !important; margin-left: 5px !important; margin-top: 8px !important;*/ } .admin_form_top { margin-top: 0; /*padding: 15px 0;*/ } /*.loader_pre_b { left: 40px; }*/ .en_button_a { margin-bottom: 5px !important; margin-left: 41px !important; } .en_button_b { margin-left: 30px; } .en_button_c { margin-left: 39px; margin-top: 5px; } .left_move { margin-left: 90px !important; } .dropdown-menu.logout_nav { background: #3a3f53 none repeat scroll 0 0 !important; border: 0 solid #2d78bb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important; margin-top: -3px !important; min-width: 170px; right: 0 !important; z-index: 1000; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: 0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } .creat_form_button { float: left; text-align: center; width: 50% !important; } .re_but_a { margin-left: 22px !important; width: 150px; } .re_but_b { width: 185px; } .re_but_c { margin-top: -14px; width: 185px; } .re_but_d { margin: 25px 0 0 5px; width: 185px; } .sort_wid_e { margin-right: 175px; width: 85px !important; } .sort_wid_i { margin-left: -128px !important; } .sort_wid_b_a { margin-left: -15px !important; } .sort_cre_a { margin-left: 10px !important; } .nvd3.nv-noData { font-size: 18px; font-weight: 700; margin-left: -5px; } .mar_lef { margin-left: 10px !important; } #select_show { margin-left: 36px !important; overflow-x: scroll !important; width: 135px !important; } .act_wid { width: 210px; margin-left: 10px; } .report_img { margin-left: -50px !important; } .share_tog { margin-left: -1px !important; } .list_of_creatform { margin-left: -140px; } /* .sort_wid_d { width: 120px !important; }*/ .list_of_date .activity_date_buttons { width: 45%; } .save_pdf { margin-top: 10px; } .left_move { margin-left: 0 !important; } .username { display: none; } /*.user_mod { height: 800px; }*/ .permissions_img { margin-left: -25px; } .gear_mar { margin-left: -60px; } /*.usermanagement_div_top .tabbable h5 { margin-left: 45px; }*/ .user_adduser { margin-bottom: 18px !important; } .permission_tog { margin-left: 130px; margin-top: -70px; } .list_of_creatform { margin-left: -15px; } .adduser_permission { overflow-y: scroll !important; } .subuserlist_img { margin-left: -35px; } .View_button_show_a { display: none !important; } .View_button_show_b { display: block; } .view_but_close { margin-bottom: 5px; margin-left: -24px; } .view_but_save { margin-left: -1px; } .view_but_pre { margin-left: -33px; } .view_but_next { margin-left: -30px; } .view_but_close_a { margin-bottom: 5px !important; margin-left: 7px !important; } .view_but_save_a { margin-left: 37px !important; margin-bottom: 5px !important; } .view_but_pre_a { margin-left: 7px !important; } .view_but_next_a { margin-left: 9px !important; } .email_his { margin-right: 102px !important; } .drop_wid_a { margin-left: 10px !important; width: 120px; } .drop_wid_a_a { padding-left: 8px; } .drop_wid_b { margin-left: 10px; } .drop_wid_c { padding-left: 0px; width: 159px; margin-left: 5px; } /*.admin_form_top .navbar-nav > li > a { margin-left: 50px; }*/ .nav.navbar-nav.navbar-right { /*margin-top: 0px !important; width: 142px; margin-left: 205px !important;*/ float: right; } .logo_img { /*width: 100px !important;*/ /*height: 43px !important;*/ /*margin-top: 10px; margin-left: 35px;*/ } .logo_img_a { /*width: 100px !important;*/ /*height: 43px !important;*/ /*margin-left: 0px !important;*/ /*margin-top: 20px !important;*/ } .dropdown-menu.logout_nav { background: #3a3f53 none repeat scroll 0 0; border: 0 solid #2d78bb; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12) !important; /*margin-top: 9px !important;*/ /*commented by suresh for top space*/ min-width: 170px; right: 0 !important; } .dropdown-menu { background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); display: none; float: left; font-size: 14px; left: auto; right:0; list-style: outside none none; margin: 2px 0 0; min-width: 160px; padding: 5px 0; position: absolute; text-align: left; top: 100%; z-index: 1000; } .col-sm-12 .form-inline .left_align { float: left !important; } .share_popup{ height:400px; overflow-y:scroll; padding:15px; width:100%; } .share_popup .modal-content{ margin:0 !important; width:100%; } .share_popup textarea{ min-height:125px !important; padding:0 10px; } .ta_mar_b{ position:relative; height:37px; top:0; left:0; width:100%; right:inherit !important; padding-bottom:10px; background:#F7CC64; } #ecubeSwiftCaptchaImage,#ecubeSwiftCaptchaUserInput{ width:100%; } #ecubeSwiftCaptchaImage{ margin-bottom:15px; width:200px!important; } } #headerDropdown:hover > a > i{ transform:rotate(180deg); } @media screen and (min-width:767px) and (max-width:991px) { #frmdate,#Todate{ padding:0 5px !important; } .edits-rightside .info { min-height: 190px; padding: 5px; } .ipaddressvalue a{ word-wrap: break-word; } .form_design_imp_title_btns .btn{ margin: 0 10px 10px 10px!important; } .form_design_imp_title_btns .form-group{ margin-bottom:0; } } @media screen and (min-width:481px) and (max-width:767px){ .dashboard_bg .formdashboard_btn_wid, .dashboard_bg .formdashboard_btn_wid .sort_wid_b{ width:137px !important; } .account_admin_set_permissio_tab .acm_activity_div_width{ width:100% !important; } } @media screen and (max-width:767px) { .datepicker.dropdown-menu{ max-width: 221px !important; } .datepicker-dropdown.datepicker-orient-top:before, .datepicker-dropdown.datepicker-orient-top:after{ display:none !important; } }