/* Minification failed. Returning unminified contents. (34,1): run-time error CSS1019: Unexpected token, found '@import' (34,9): run-time error CSS1019: Unexpected token, found '"base.css"' (35,1): run-time error CSS1019: Unexpected token, found '@import' (35,9): run-time error CSS1019: Unexpected token, found '"theme.css"' (101,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (106,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (116,1): run-time error CSS1019: Unexpected token, found '@keyframes' (117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (138,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (150,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (174,1): run-time error CSS1019: Unexpected token, found '@keyframes' (175,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (204,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (208,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes' (209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (218,1): run-time error CSS1019: Unexpected token, found '@keyframes' (219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1874,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1875,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1902,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1903,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1938,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1939,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1948,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1965,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (1966,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (1982,1): run-time error CSS1019: Unexpected token, found '@keyframes' (1983,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2004,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2005,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2041,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2083,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2084,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2100,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2101,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2122,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2123,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2149,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2184,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2211,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2212,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2245,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2246,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2282,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2283,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2324,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2325,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2364,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2365,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2411,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2412,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2445,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2446,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2484,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2485,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2518,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2557,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2558,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2591,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2630,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2631,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2664,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2665,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2703,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2704,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2722,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2723,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2748,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2749,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2767,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2768,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2791,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2805,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2806,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2838,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2857,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2876,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (2900,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2901,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2905,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2915,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2929,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2930,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2949,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2962,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2963,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2981,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (2982,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (2995,1): run-time error CSS1019: Unexpected token, found '@keyframes' (2996,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3028,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3029,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3047,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3048,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3061,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3062,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3080,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3081,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3094,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3095,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3113,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3114,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3127,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3128,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3146,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3147,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3160,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3179,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3184,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3185,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3194,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3195,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3206,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3223,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3224,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3235,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3236,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3252,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3253,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3264,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3265,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3281,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3282,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3293,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3310,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3311,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3322,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3323,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3339,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3340,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3351,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3352,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3369,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3380,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3381,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3397,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3398,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3409,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3410,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3426,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3427,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3463,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3464,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3507,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3508,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3540,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3541,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3580,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3581,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3613,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3653,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3654,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3672,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3700,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3719,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3720,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3747,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3748,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3773,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3806,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3807,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3818,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3819,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3837,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3855,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3856,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3879,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3896,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3897,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3920,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3937,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3938,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3960,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (3961,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (3978,1): run-time error CSS1019: Unexpected token, found '@keyframes' (3979,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4001,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4002,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4019,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4020,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4042,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4043,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4058,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4059,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4079,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4080,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4095,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4096,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4116,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4117,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4132,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4133,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4153,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4154,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4169,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4170,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4190,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4191,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4206,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4227,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4228,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4261,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4262,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4302,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4303,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4316,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4317,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4337,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4338,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4349,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4350,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4366,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4367,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4378,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4379,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4395,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4396,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4413,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4414,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4436,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4437,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4454,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4455,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4477,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4478,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4495,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4496,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4518,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4536,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4537,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4559,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4560,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4575,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4576,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4596,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4597,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4616,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4641,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4642,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4657,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4658,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4678,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4679,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4694,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4695,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4715,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4716,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4735,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4736,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (4760,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4761,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4773,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4774,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4791,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4792,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4804,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4805,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4822,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4835,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4853,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4854,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4866,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4867,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4885,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4897,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4898,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4915,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4928,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4929,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4946,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4947,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4959,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4960,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4977,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (4978,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (4990,1): run-time error CSS1019: Unexpected token, found '@keyframes' (4991,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ @-webkit-viewport { width: device-width; } @-moz-viewport { width: device-width; } @-ms-viewport { width: device-width; } @-o-viewport { width: device-width; } @viewport { width: device-width; } /*! * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.2.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"} /*! * jQuery UI CSS Framework 1.11.4 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */ @import "base.css"; @import "theme.css"; /*! * Datetimepicker for Bootstrap 3 * version : 4.14.30 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:before,.bootstrap-datetimepicker-widget.dropdown-menu:after{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,0.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid white;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:bold;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action="today"]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.old,.bootstrap-datetimepicker-widget table td.new{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:0 0 7px 7px solid transparent;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,0.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:none;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.bootstrap-datetimepicker-widget.wider{width:21em}.bootstrap-datetimepicker-widget .datepicker-decades .decade{line-height:1.8em !important}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0} /*! * Durandal 2.1.0 Copyright (c) 2012 Blue Spire Consulting, Inc. All Rights Reserved. * Available via the MIT license. * see: http://durandaljs.com or https://github.com/BlueSpire/Durandal for details */ .modalBlockout { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; pointer-events: auto; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .modalHost { top: 50%; left: 50%; position: fixed; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s linear; -moz-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .messageBox { min-width: 300px; } .durandal-view-404 { color: red; margin: 8px 0; padding: 8px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .entrance-out { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.1s; -moz-animation-duration:0.1s; -ms-animation-duration:0.1s; -o-animation-duration:0.1s; animation-duration:0.1s; -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .entrance-in { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .entrance-in-fade { -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } /*! * Durandal 2.0.0 Copyright (c) 2012 Blue Spire Consulting, Inc. All Rights Reserved. * Available via the MIT license. * see: http://durandaljs.com or https://github.com/BlueSpire/Durandal for details */ .splash { text-align: center; margin: 10% 0 0 0; } .splash .message { font-size: 5em; line-height: 1.5em; -webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px; text-transform: uppercase; } .splash .icon-spinner { text-align: center; display: inline-block; font-size: 5em; margin-top: 50px; } .page-host { position: relative; top: 40px; } .navbar-default .navbar-inner { padding-left: 1em; padding-right: 1em; } .navbar-default .fa-home { margin-right: 5px; } .loader { padding: 10px; visibility: hidden; } .loader.active { visibility: visible; } .flickr .list-inline>li:first-child { padding-left: 5px; } .flickr li { padding: 5px; } @media (max-width: 979px) { .page-host { top: 0; } } .toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}} /*REGULAR*/ @font-face{ font-family: 'HPSimplified'; src: url('/Content/libraries/hp-ui/system/fonts/v1-1/hps-euro-regular-eot.eot'); /* IE9 compat */ src: url('/Content/libraries/hp-ui/system/fonts/fonts/v1-1/hps-euro-regular-eot.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ /* non-IE */ url('/Content/libraries/hp-ui/system/fonts/v1-1/hps-euro-regular-woff.woff') format('woff'), /*IE9 and some modern browsers*/ url('/Content/libraries/hp-ui/system/fonts/v1-1/hps-euro-regular-ttf.ttf') format('truetype'); /*iOS, Android, Safari*/ font-weight: normal; font-style: normal; } /*BOLD*/ @font-face{ font-family: 'HPSimplified'; src: url("libraries/hp-ui/system/fonts/v1-1/hps-euro-bold-eot.eot"); /* IE9 compat */ src: url("libraries/hp-ui/system/fonts/v1-1/hps-euro-bold-eot.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ /* non-IE */ url("libraries/hp-ui/system/fonts/v1-1/hps-euro-bold-woff.woff") format('woff'), /*IE9 and some modern browsers*/ url("libraries/hp-ui/system/fonts/v1-1/hps-euro-bold-ttf.ttf") format('truetype'); /*iOS, Android, Safari*/ font-weight: bold; font-style: normal; } .table_sortable table { background-color: #fff; border: 2px #ccc solid; } .table_sortable a:hover,.table_sortable a:focus {text-decoration: underline} .table_sortable th { background-color: #767676; font-size: 1.4em; line-height: 18px; color: #fff; color: #fff; vertical-align: bottom; border-left: 1px #fff solid; padding: 12px 20px; } .table_sortable th a.col_header { color: #fff } .table_sortable td { background-color: #fff; font-size: 1.4em; line-height: 18px; color: #000; vertical-align: top; border-right: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 12px 20px; } .table_sortable td a:visited { color: #822980; } .table_sortable .last_td { border-bottom: 1px #ccc solid; padding: 5px 10px; } .table_sortable .dr_fnd { background-color: #fff; font-size: 1.4px; line-height: 18px; color: #000; } .table_sortable .dr_fnd a:hover ,.table_sortable .dr_fnd a:focus{ background-color: #007DBA; color: #fff; } .table_sortable thead .sortedASC, .table_sortable thead .sortedDESC {background-color: #5a5a5a} .table_sortable thead .sortedASC a, thead .sortedDESC .sortedASC a {background-position: left bottom} .table_sortable thead .sortedASC a:hover ,.table_sortable thead .sortedASC a:focus{background-position: left -37px} .table_sortable thead .sortedDESC .sortedASC a:hover,.table_sortable thead .sortedDESC .sortedASC a:focus {background-position: left -37px} .table_sortable thead .sortedDESC a {background-position: left -37px} .table_sortable thead .sortedDESC a:hover,.table_sortable thead .sortedDESC a:focus {background-position: left bottom} .table_sortable .icn_srt { float: right; width: 15px; height: 15px; margin-left: 10px; } *html .table_sortable .icn_srt { width: 13px; line-height: 15px} .table_sortable .numeric {text-align: right} .table_sortable th, .table_sortable td {text-align: left;} .table_sortable .last_td {text-align: right;} .table_sortable tbody {border: none} .table_sortable .dfinder {direction: rtl; text-align: right} .table_sortable .df_list { direction: rtl; display: none; position: absolute; text-align: right; margin-top: -26px; margin-left: -98px; border-right: 2px #5a5a5a solid; } .table_sortable .df_list .df_fst { margin-top: 24px !important; } .table_sortable .dd_upside .df_fst { margin-top: -125px !important; } *html .table_sortable .df_list .df_fst { margin-top: 23px; } .table_sortable .df_list .df_li { text-align: left; } .table_sortable .df_list .df_li a { background-color: #fff; display: inline-block; color: #000; width: 100%; text-decoration: none; padding: 6px 8px; border-left: 2px #5a5a5a solid; border-bottom: 1px #ccc solid; } .table_sortable .df_list .df_lst a { border-bottom: 2px #5a5a5a solid; } .table_sortable .df_list .df_li a:hover,.table_sortable .df_list .df_li a:focus { background-color: #007DBA; color: #fff; z-index: 2; } .table_sortable .df_list .df_fst a { border-top: 2px #5a5a5a solid; } .table_sortable .df_list_top { display: inline-block; position: absolute; z-index: 2; } *:first-child+html .table_sortable .df_list {margin-left: 0} *:first-child+html .table_sortable .df_list_top {right:0} *:first-child+html .table_sortable .df_list .df_li {} *:first-child+html .table_sortable .df_list .df_li a {display: block; width: 120px} .table_sortable .dd_upside {border-right:0px } .table_sortable .dd_upside li{border-right: 2px #5a5a5a solid;} /*.table_sortable .dd_upside .df_list_top{position:relative;top:-2px}*/ .table_sortable .dd_upside .df_list_top a, .table_sortable .dd_upside .df_list_top a:hover,.table_sortable .dd_upside .df_list_top a:focus{ border-top-color:white; border-bottom: 2px #5a5a5a solid; } .table_sortable .dd_list { display: none; position: absolute; } .table_sortable .dr_fnd a { display: block; background: url('../../i/patterns/s-table-icons-hpe.png') center top no-repeat transparent; _background-image: url('../../i/patterns/s-table-icons-ie6-hpe.gif'); } .table_sortable .dd_list_active {display: block} .table_sortable .dd_act {direction: rtl; text-align: right;} .table_sortable .dd_act .dd_item a { display: block; background: none; font-size: 12px; text-decoration: none; padding: 8px 10px } .sort_col .col_header { display: inline-block; float: left; } .icn_srt a { direction: rtl; display: inline-block; background-image: url("'../../i/patterns/s-table-icons-hpe.png") !important; _background-image: url("'../../i/patterns/s-table-icons-ie6-hpe.gif") !important; background-repeat: no-repeat; background-position: left -22px; background-color: transparent; width: 15px; height: 15px; padding: 0 !important; } *html .icn_srt a {width: 13px; height: 13px;} .icn_srt a:hover ,.icn_srt a:focus{ background-position: left -37px; text-decoration: none !important } .icn_srt { display: inline-block; background-color: transparent; text-align: right; } .table_sortable .df_arr_wht, .table_sortable .df_arr_wht_u { background-image: url('../../i/patterns/s-table-icons-hpe.png'); _background-image: url('../../i/patterns/s-table-icons-ie6-hpe.gif'); background-position: left top; background-repeat: no-repeat; width: 53px; height: 22px; } .table_sortable td.sorted { background-color: #f2f2f2; } *html .table_sortable .df_arr_wht, *html .table_sortable .df_arr_wht_u { width: 52px; height: 21px; } .table_sortable .dr_fnd .df_arr_wht {border: 2px #fff solid; background-color: #fff} .table_sortable .dr_fnd .df_arr_wht:hover,.table_sortable .dr_fnd .df_arr_wht:focus {background-color: #fff; border: 2px #5a5a5a solid} .table_sortable .dr_fnd .df_arr_wht_u, .table_sortable .dr_fnd .df_arr_wht_u:hover, .table_sortable .dr_fnd .df_arr_wht_u:focus { background-color: #fff; border-top: 2px #5a5a5a solid; border-left: 2px #5a5a5a solid; border-bottom: 2px #fff solid } *html .table_sortable .dr_fnd .df_arr_wht_u, *html .table_sortable .dr_fnd .df_arr_wht_u:hover, *html .table_sortable .dr_fnd .df_arr_wht_u:focus { border-right: 1px #5a5a5a solid; } /********************************************************************************/ *html .table_sortable .df_list { margin-left: 0; z-index: 2; width: 130px; } /* Static table*/ .table_sortable .table_static a{ font-size: 16px; line-height: 22px; } .table_sortable .table_static p{ font-size: 14px; line-height: 18px; color: #5A5A5A; margin-bottom: 0; } .table_sortable .table_static th { border-left: 0; padding: 12px 20px 12px 1px; } .table_sortable .table_static th.th_fst { border-left: 0; padding: 12px 20px; } .table_sortable .table_static td { border-right: 0; width:82px; padding: 12px 20px 12px 1px; } .table_sortable .table_static td.td_fst { width: 388px; padding: 12px 20px; } /** * @section Form buttons * @subsection Common styles for form buttons */ .button input {border: none; font: inherit; color: inherit; background: transparent; overflow: visible;} /** * @section Inline Action buttons * @subsection Common styles for inline action buttons */ .button {font-family:"HPSimplified",Arial; -moz-border-radius: 0 4px; border-radius: 0 4px; padding: 0 20px; display: inline-block; height: 40px;} .button .btn_label, .button input {text-transform: none; line-height: 38px; font-size: 20px; font-weight: bold; border: none} .button:hover, .button:focus { background-color: #d6492d; text-decoration: none;} .button:visited span{color: #ffffff;} .button { background-color:#f05332; } a.button, a.button:hover,a.button:focus {color: #fff;text-decoration:none} .button.inline .btn_label {line-height: 34px; font-size: 16px;} .button.inline input {height: 36px;font-size: 18px;} .button.inline {height: 36px; padding: 0 15px} .button.slim .btn_label, .slim input {line-height: 26px; font-size: 14px; margin-bottom: 1px} .button.slim input {height: 26px} .button.slim {height: 26px; padding: 0 10px;} /** * @section Inline Action buttons * @subsection Styles for critical button */ .button.critical, .button.critical input {background-color: #D7410B;cursor: pointer; color:#fff; } .button.critical:hover, .button.critical:hover input, .button.critical:focus, .button.critical:focus input { background-color: #C1401A; color:#fff; } .button.critical_disabled:hover,.button.critical_disabled:focus, .button.critical_disabled, .button.critical_disabled input { color: #5e5e5e; background-color: #d9d9d9; cursor: default; } /** * @section Inline Action buttons * @subsection Styles for cancel button */ .button.cancel, .button.cancel input { color: #ffffff; background-color: #767676;cursor: pointer; } .button.cancel:hover, .button.cancel:hover input, .button.cancel:focus, .button.cancel:focus input { background-color: #5a5a5a; } .button.cancel_disabled:hover,.button.cancel_disabled:focus, .button.cancel_disabled, .button.cancel_disabled input { color: #5e5e5e; background-color: #d9d9d9; cursor: default; } /** * @section Inline Action buttons * @subsection Styles for primary button */ .button.primary, .button.primary input { color: #ffffff; background-color: #0096d6; cursor: pointer;} .button.primary:hover, .button.primary:hover input,.button.primary:focus, .button.primary:focus input { background-color: #006699;} .button.primary_disabled:hover,.button.primary_disabled:focus, .button.primary_disabled, .button.primary_disabled input {color: #5e5e5e; background-color: #d9d9d9; cursor: default; } /** /** * @section Inline Action buttons * @subsection Styles for secondary button */ .button.secondary, .button.secondary input { color: #ffffff; background-color: #767676; } .button.secondary:hover, .button.secondary:hover input,.button.secondary:focus, .button.secondary:focus input { background-color: #5a5a5a;} .button.secondary_disabled:hover,.button.secondary_disabled:focus, .button.secondary_disabled, .button.secondary_disabled input {color: #5e5e5e; background-color: #d9d9d9; cursor: default; } /** * */ /** * @section Inline Action buttons * @subsection Styles for tertiary button */ .button.white, .button.white input {color: #0096d6; background-color: #ffffff; } .button.white:hover, .button.white:hover input,.button.white:focus, .button.white:focus input { color: #006699} .button.white_disabled:hover,.button.white_disabled:focus, .button.white_disabled, .button.white_disabled input {background-color: #d9d9d9; color: #5e5e5e; cursor: default; } /** * * @section Toggle form buttons * @subsection Common styles for toggle form buttons */ .btn_toggle span.btn_label {cursor: pointer; line-height: 18px; font-size: 14px} .btn_toggle .btn_inner { margin: 0px; padding: 1px 6px 0; display: inline-block; height: 21px; border: 2px #949494 solid; border-collapse: collapse; } .btn_toggle a.first {margin-right: 1px} .btn_toggle a:hover .btn_inner, .btn_toggle a:focus .btn_inner { background-color: #fff; color: #007dba; border-color: #363636} .btn_toggle .btn_inner { background-color:#007CA2; } .btn_toggle .arr_wht_rgt { background-position:right -136px; } /** * @section Toggle form buttons * @subsection Styles for default toggle form button */ .btn_toggle .btn_inner, .btn_toggle span { color: #767676; background-color: #fff } .btn_toggle a:hover .btn_inner, .btn_toggle a:hover span { background-color: #ffffff; color: #007dba; } .btn_toggle a.chkd .btn_inner, .btn_toggle a.chkd span, .btn_toggle a.chkd:hover .btn_inner, .btn_toggle a.chkd:hover span { cursor: default; border-color: #007dba; color: #fff; background-color: #007dba } /** * @section Toggle form buttons * @subsection Styles for error toggle form button */ .btn_toggle a.error .btn_inner, .btn_toggle a.error span { color: #ff0000; border-color: #ff0000; background-color: #ffffff; } .btn_toggle a.error:hover .btn_inner, .btn_toggle a.error:hover span {background-color: #ffffff; color: #ff0000; border-color: #5a5a5a; } /** * @section Pagination button * @subsection Common styles for pagination buttons */ .btn_pagination {font-family:"HPSimplified",Arial; } .btn_pagination .btn_label { font-weight: bold; cursor: pointer; line-height: 26px; height: 26px; font-size: 14px;} .btn_pagination .btn_inner { padding: 0 10px; -moz-border-radius: 0 4px; border-radius: 0 4px; display: inline-block;} .btn_pagination .page_number{ display: inline-block; font-weight: normal; padding-left: 3px;} .btn_pagination .btn_inner, .btn_pagination span { background-color: #0096d6; color: #ffffff; } .btn_pagination:hover .btn_inner, .btn_pagination:hover span, .btn_pagination:focus .btn_inner, .btn_pagination:focus span { background-color: #006699; } .btn_pagination.disabled:hover .btn_inner, .btn_pagination.disabled .btn_inner, .btn_pagination.disabled:hover span, .btn_pagination.disabled:focus .btn_inner, .btn_pagination.disabled:focus span, .btn_pagination.disabled span { color: #5e5e5e; background-color: #d9d9d9; cursor: default; } /** * @section Share button * @subsection Common styles for share button */ .btn_share .btn_label, .btn_print .btn_label, .btn_indicator .arrow_left .icon, .btn_indicator .arrow_right .icon, .btn_indicator .search_left .icon, .btn_indicator .search_right .icon { background-image: url('../../i/common/s-15px-hpe.png'); background-repeat:no-repeat; _background-image: url('../../i/common/s-15px-ie6-hpe.gif');} .btn_share_trigger_parent { height: 19px; display: inline-block; } .btn_share, .btn_print { text-transform: capitalize; } .btn_share .btn_label, .btn_print .btn_label { padding-left: 18px; cursor: pointer; font-size: 14px; border: none; display: inline-block; background-position: 0 -581px; } .btn_print .btn_label { background-position: left -790px;} .btn_share .btn_inner, .btn_print .btn_inner { display: inline-block; padding: 2px 10px; border-radius: 0 4px 0 4px; background-color:#fff } .btn_share .btn_inner span, .btn_print .btn_inner span{ color: #767676;} .btn_share a:hover .btn_inner .btn_label, .btn_print a:hover .btn_inner .btn_label,.btn_share a:focus .btn_inner .btn_label, .btn_print a:focus .btn_inner .btn_label{ text-decoration: underline } .btn_share a:hover .btn_inner, .btn_print a:hover .btn_inner,.btn_share a:focus .btn_inner, .btn_print a:focus .btn_inner { text-decoration: none; } /** * @section Share button * @subsection Styles for share popup */ .share_widget_holder{display: none; } .share_popup_dark .border_bottom a, .share_popup_dark .email a, .share_popup_light .border_bottom a, .share_popup_light .email a { padding: 8px 30px 8px 8px; display: inline-block; _display: block; } /** * @section Share popup * @subsection Styles for share popup dark */ .share_popup_dark .popup_list { } .share_popup_dark .popup_list { } .share_popup_dark .border_bottom { border-bottom: 1px solid #666666;} .share_popup_dark .popup_list { border-radius: 3px; -moz-border-radius: 3px; } .share_popup_dark .border_bottom, .share_popup_dark .email { background-color: #3f4043; } .share_popup_dark .border_bottom span, .share_popup_dark .email span { font-size: 95%; color: #b2b2b2; } .share_popup_dark .border_bottom:hover, .share_popup_dark .email:hover { background-color: #494a4d; } .share_popup_dark .border_bottom:hover span, .share_popup_dark .email:hover span { font-size: 95%; color: #f2f2f2; } /** * @section Icon buttons * @subsection Common styles for icon buttons */ .btn_icon a, .btn_expand_all .icn_pls_drk, .icn_mns_drk, .btn_checkbox .checkbox { background-image:url('../../i/common/s-21px-hpe.png'); background-repeat: no-repeat; _background-image: url('../../i/common/s-21px-ie6-hpe.gif')} .btn_icon, .btn_icon .close{ display: inline-block; } .btn_icon div{ border-radius: 3px; -moz-border-radius: 3px; } /** * @section Icon buttons * @subsection Styles for close button */ .btn_icon .close a{ width: 17px; height: 17px; cursor: pointer; display: inline-block; background-position: left -455px; font-size: 0px; color: #373536; line-height: 0px; } .btn_icon .close a:hover,.btn_icon .close a:focus{ background-position: left -500px; font-size: 0px; color: #373536;} /** * @section Icon buttons * @subsection Styles for remove button */ .btn_icon .remove a{ width: 15px; height: 15px; cursor: pointer; display: inline-block; background-position: left -544px; font-size: 0px; color: #100e0f; line-height: 0px; } .btn_icon .remove a:hover,.btn_icon .remove a:focus{ background-position: left -585px; font-size: 0px; color: #100e0f; } /** * @section Icon buttons * @subsection Styles for zoom button */ .btn_icon .zoom a{ height: 15px; cursor: pointer; display: inline-block; padding: 0px 0px 0px 17px; font-size: 14px; background-position: left -626px; color: #767676; line-height: 18px} .btn_icon .zoom a:hover,.btn_icon .zoom a:focus{ background-position: left -626px; text-decoration: underline} /** * @section Inline Action buttons with Indicator * @subsection Common styles for inline action buttons with indicators */ .btn_indicator { font-family:"HPSimplified",Arial; } .btn_indicator .icon, .btn_indicator span.btn_label { font-weight: bold; cursor: pointer; font-size: 14px; border: none; } .btn_indicator .icon { display: inline-block; width: 15px; height: 15px} .btn_indicator .btn_inner { display: inline-block; } .btn_indicator .btn_inner { height: 21px; padding: 0 10px 0 8px; -moz-border-radius: 0 4px; border-radius: 0 4px;} .btn_indicator .btn_inner, .btn_indicator .btn_inner span{ background-color: #767676; color: #ffffff; } .btn_indicator a:hover .btn_inner, .btn_indicator a:hover .btn_inner span, .btn_indicator a:focus .btn_inner, .btn_indicator a:focus .btn_inner span { background-color: #5a5a5a; } .btn_indicator .disabled .btn_inner, .btn_indicator .disabled .btn_inner span, .btn_indicator .disabled:hover .btn_inner, .btn_indicator .disabled:hover .btn_inner span,.btn_indicator .disabled:focus .btn_inner, .btn_indicator .disabled:focus .btn_inner span{ color: #5e5e5e; background-color: #d9d9d9; cursor: default; } .btn_indicator .arrow_left {padding: 5px 10px 0 6px} .btn_indicator .arrow_right {padding: 5px 6px 0 10px} .btn_indicator .arrow_left .btn_label {padding: 0} .btn_indicator .arrow_right .btn_label {padding: 0} /** * @section Inline Action buttons with Indicator, left icon * @subsection Styles for inline action button with indicator on the left and right sides (arrow) */ .btn_indicator .arrow_right .icon { background-position: left -2756px} .btn_indicator .disabled .arrow_right .icon { background-position: left -3224px} .btn_indicator .arrow_left .icon { background-position: left -2791px} .btn_indicator .disabled .arrow_left .icon { background-position: left -3259px} .btn_indicator .search_left {padding: 5px 8px 0 10px} /** * @section Inline Action buttons with Indicator, left icon * @subsection Styles for inline action button with indicator on the left and right sides (google search) */ .btn_indicator .search_left .icon, .btn_indicator .search_right .icon {background-position: left -2722px; width: 15px; height: 15px; } .btn_indicator .disabled .search_right .icon { background-position: left -635px; } .btn_indicator .search_left .btn_label{ padding-left: 5px; } .btn_indicator .search_right .btn_label{ padding-right: 3px; padding-left: 0px; } .btn_indicator .search_right {padding: 5px 8px 0 10px;} /** * Styles from molecules.css * @section Button expand all */ .btn_expand_all .icn_pls_drk, .icn_mns_drk { width: 18px; height: 18px; display: inline-block; cursor: pointer; } .btn_expand_all a:hover{ cursor: pointer; } .btn_expand_all .icn_pls_drk { background-position: left -1680px; } .btn_expand_all .icn_mns_drk { background-position: left -1815px; margin-left: 23px; } .btn_expand_all .active .icn_pls_drk, .btn_expand_all a:hover .icn_pls_drk,.btn_expand_all a:focus .icn_pls_drk { background-position: left -1950px; } .btn_expand_all .active .icn_mns_drk, .btn_expand_all a:hover .icn_mns_drk,.btn_expand_all a:focus .icn_mns_drk { background-position: left -2085px; } /** * Styles from molecules.css * @section Expand all button */ .btn_expand .expand-icn { width: 18px; height: 18px; background: url('../../i/patterns/s-plus-minus-btn.jpg') no-repeat; display: inline-block; } .btn_expand a:hover { cursor: pointer; } .btn_expand .expand-icn{background-position: left -420px;} .btn_expand .expanded .expand-icn {background-position: left -350px;} /** * @section Checkbox button * @subsection Common styles */ .btn_checkbox {line-height: 18px; font-family:"HPSimplified",Arial;} .btn_checkbox .label{display: inline-block; margin-left: 5px;} .btn_checkbox label {font-size: 14px; line-height: 18px; color: #767676; vertical-align: middle;} .btn_checkbox a:hover label { text-decoration: underline;} .btn_checkbox .checkbox{display: inline-block; width: 17px; height: 17px; background-position: left 0;} .btn_checkbox .checkbox:hover{background-position: left -45px;} .chkd .checkbox, .chkd .checkbox:hover{ background-position: left -90px; } .breadcrumbs { display: inline-block; padding-left: 18px; height: 30px; line-height: 30px; margin-top: 10px; } .breadcrumbs li { display: inline; } .breadcrumbs li a, .breadcrumbs li a:visited { display: inline-block; float: left; color: #767676; font-size: 12px; } .breadcrumbs li a:hover { text-decoration: none; } .breadcrumbs li a:hover .hvr,.breadcrumbs li a:focus .hvr { text-decoration: underline; } .breadcrumbs li .carat { padding: 0 5px; } .breadcrumbs li a:hover .carat { text-decoration: none; } .breadcrumbs li.lstchild .carat { display: none; } /* Dropdowns */ .dd_wrap, .dd_wrap .dd_head_close .dd_label, .dd_open .dd_head_close .dd_label, .dd_open .dd_trigger_upside .dd_label{position: relative;} .dd_wrap .dd_label{display: block;} .dd_wrap .dd_icn_container{position:absolute; right: 0; top: 0;} .dd_wrap .dd_icn{position:absolute; left: 9px; top: 14px; height: 16px; background: url('../../i/common/s-21px-hpe.png') no-repeat 2px -1435px;} .dd_wrap .dd_label_text{padding-right: 5px; display: block; position: relative} .dd_wrap span, .dd_wrap .dd_label_text .dd_input_value{display: inline-block;} .dd_wrap .dd_head, .dd_wrap .dd_head .dd_label{display: block;} .dd_wrap .dd_list{ display: none; visibility: hidden; position: absolute; overflow: visible; width: 100%; z-index: 2; } .dd_wrap .dd_list .dd_item a{display: block; cursor: pointer} .dd_wrap .dd_list .dd_item a.js_disable{ color: #b3b3b3; background: #e5e5e5;} .dd_wrap .dd_list .dd_item_icn {line-height: 21px; float:left} .dd_wrap .dd_list .dd_item_txt {display:block; padding-left:21px} .dd_wrap .dd_list .dd_item_length {display:block; padding-left:21px; font-size: 14px;color:#767676;} .dd_wrap .dd_list_items{ display: block; width: 100%; overflow: auto; } .dd_wrap .dd_list_items .dd_item{ display: block; } @media screen and (-webkit-min-device-pixel-ratio:0) { .dd_wrap .dd_list_items{border: 1px solid transparent;} /*fix popup height bug*/ } .dd_wrap .dd_item .dd_insitem a{padding-left: 20px} .dd_wrap .dd_item{border-bottom: 1px solid #ccc; background: #fff;*background:transparent;} .dd_wrap .dd_downside .dd_lst{border: 0;} .dd_head .dd_label{border: 2px #ccc solid; cursor: pointer} .dd_error .dd_head .dd_label{border-color: #FF0000;} .dd_head .dd_label:focus{border-color: #5A5A5A;} .dd_head a:hover{text-decoration: none} .dd_head .dd_label:hover {border: 2px #5A5A5A solid;} .dd_item a.disable {color:#5e5e5e; background: #d9d9d9} .group_label{background-color: #F2F2F2; color: #000; font-weight: bold; font-size: 0.8em; padding: 8px 10px 8px 20px; border-bottom: 1px #CCCCCC solid;} .dd_item a, .dd_insitem{background-color: #FFFFFF; color: #000;} .dd_insitem{font-size: 0.9em;} .dd_item a:hover, .dd_item a:focus, .dd_list .dd_fst .dd_insitem a:hover{background-color: #007dba; color: #fff; text-decoration: none;} /*Dropping*/ .dd_trigger_downside{border: 2px #5a5a5a solid; border-bottom: 0;} .dd_trigger_upside .dd_label{border-color: #5a5a5a;} .dd_trigger_downside .dd_label{border: 0; border-bottom: 1px #ccc solid;} .dd_trigger_downside .dd_label:hover {border: 0; border-bottom: 1px #ccc solid;} .dd_trigger_downside .dd_icn_container, .dd_trigger_upside .dd_icn_container{border-color: #5a5a5a;} .dd_downside .dd_list_items, .dd_downside .list_content{width: auto; border: 2px #5a5a5a solid; border-top: 0;} .dd_upside .dd_list_items{width: auto; border: 2px #5a5a5a solid; border-bottom: 0;} /* Dropdown Form Selection and ButtonLike */ .dd_formSelection, .dd_buttonLike, .dd_mixContent{font-size: 16px;} .dd_formSelection .dd_label{ line-height: 42px !important; padding-left: 10px !important; } .dd_formSelection .dd_label .dd_input_value{ padding-right: 45px; } .dd_mixContent .dd_label, .dd_buttonLike .dd_label{ height: 36px; line-height: 36px; padding-left: 10px; } .dd_mixContent .dd_label_text, .dd_buttonLike .dd_label_text{ display: inline-block; } .dd_formSelection .dd_icn{ width: 21px; } .dd_formSelection .dd_icn_container{ height: 100%; width: 38px; margin-left: 10px; border-left: 1px #CCCCCC solid; top: 0; } .dd_formSelection .dd_label:hover .dd_icn_container, .dd_formSelection .dd_label:focus .dd_icn_container{ border-color: #5A5A5A; } .dd_disabled .dd_label:hover .dd_icn_container{ border-color: #CCC; } .dd_formSelection .dd_disabled .dd_icn {background-position: 2px -1465px} .dd_formSelection .dd_trigger_upside .dd_icn_container, .dd_formSelection .dd_trigger_downside .dd_icn_container{ border-left-color: #5A5A5A;} .dd_formSelection .dd_trigger_downside .dd_label .dd_label_text .dd_input_value{padding-bottom: 1px;} .dd_formSelection .dd_upside .dd_list_items{ border-bottom: 1px #CCCCCC solid;} .dd_formSelection .dd_upside .dd_lst{ border-bottom: 0;} .dd_formSelection .dd_item a, .dd_buttonLike .dd_item a{padding: 8px 10px;} /* Dropdown Sort and Filtering and dd_textOnly*/ .dd_sort .dd_label, .dd_sort .dd_list .dd_item a, .dd_textOnly .dd_label, .dd_textOnly .dd_list .dd_item{ padding: 0 0 0 8px; font-size: 14px; line-height: 18px; *height: 22px; } .dd_sort .dd_list .dd_item a{line-height: 18px;padding-top: 3px; padding-bottom: 3px;} .dd_sort .dd_label_text{line-height: 22px;} .dd_sort .dd_list .dd_item a{height: auto;} .dd_sort .dd_head .dd_label, .dd_filteringTitle .dd_head .dd_label{ color: #007dba; background: #fff; } .dd_sort .dd_trigger_upside .dd_label, .dd_filteringTitle .dd_trigger_upside .dd_label, .dd_textOnly .dd_upside .dd_label{border-color: #5a5a5a;} .dd_sort .dd_trigger_downside .dd_label, .dd_filteringTitle .dd_trigger_downside .dd_label{border: 0; border-bottom: 1px #ccc solid;} .dd_sort .dd_trigger_downside .dd_label, .dd_sort .dd_trigger_downside .dd_icn_container, .dd_sort .dd_trigger_upside .dd_icn_container{height: 23px; border-left-color: #5A5A5A;} .dd_sort .dd_trigger_downside .dd_label:hover{border-color: #ccc;} .dd_sort .dd_icn_container{ height: 100%; width: 30px; margin-left: 8px; border-left: 1px #CCCCCC solid; } .dd_sort .dd_icn{ width: 16px; height: 10px; left: 7px; top: 8px; background-position: 2px -1525px; } .dd_sort .dd_label:focus .dd_icn_container, .dd_sort .dd_label:hover .dd_icn_container{ border-color: #5A5A5A; } .dd_sort .dd_disabled .dd_label:hover .dd_icn_container{ border-color: #ccc; } .dd_textOnly .dd_list .dd_item{border-bottom:0px; padding-bottom:9px} .dd_textOnly .dd_label_text{padding-bottom:9px} /* Dropdown facetLike */ .dd_facetLike, .dd_facetLike .wnone{width: 100%;} .dd_facetLike .dd_label{ padding: 0 0 0 15px; font-size: 2.8em; line-height: 60px; color: #fff; background: #D7410B; border: 0; } .dd_facetLike .dd_label:hover{ border: 0 } .dd_facetLike .dd_label:focus{border: 0; background:#c33e0f;} .dd_facetLike .dd_head_close{position: relative;} .dd_facetLike .dd_icn{ width: 42px; height: 60px; background: url('../../i_stub/dd/arrows-hpe.gif') no-repeat right top; border-left: 1px #fff solid; right: 0; top: 0; left: auto; } .dd_facetLike a:hover .dd_icn{ border-color: #fff; } .dd_facetLike .dd_item a, .dd_facetLike .dd_item a span{color: #000; font-size: 1.6em;} .dd_facetLike .dd_list .dd_item a{padding: 8px 15px 9px;} .dd_facetLike .dd_item a:hover, .dd_facetLike .dd_item a:focus{background-color: #D7410B; color: #fff; text-decoration: none} .dd_facetLike .dd_trigger_downside{border: 0;} .dd_facetLike .dd_downside .list_content{border: 2px #5a5a5a solid; border-top: 0;} .dd_facetLike .dd_upside .list_content{border: 2px #5a5a5a solid; border-bottom: 0; border-top: 0;} .dd_facetLike .dd_upside .dd_lst{border-bottom: 0;} .dd_facetLike .dd_upside .dd_fst{border-top: 2px #5a5a5a solid;} /* Dropdown buttonLike, mixContent */ .dd_buttonLike, .dd_mixContent{display: inline-block; width: auto;} .dd_buttonLike .dd_label, .dd_mixContent .dd_label{ color: #fff; font-weight: bold; background: #D7410B; border: 0; -webkit-border-radius: 0 4px; -moz-border-radius: 0 4px; -khtml-border-radius: 0 4px; border-radius: 0 4px; } .dd_buttonLike .dd_label:hover, .dd_buttonLike .dd_label:focus, .dd_mixContent .dd_label:hover, .dd_mixContent .dd_label:focus{background-color: #C1401A} .dd_buttonLike .dd_label:hover, .dd_mixContent .dd_label:hover{ border: 0; } .dd_buttonLike .dd_downside .dd_label, .dd_mixContent .dd_downside .dd_label, .dd_buttonLike .dd_trigger_downside .dd_label, .dd_mixContent .dd_trigger_downside .dd_label{ -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -khtml-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0; } .dd_buttonLike .dd_upside .dd_label, .dd_mixContent .dd_upside .dd_label, .dd_buttonLike .dd_trigger_upside .dd_label, .dd_mixContent .dd_trigger_upside .dd_label{ -webkit-border-radius: 0 0 0 4px; -moz-border-radius: 0 0 0 4px; -khtml-border-radius: 0 0 0 4px; border-radius: 0 0 0 4px; } .dd_buttonLike .dd_trigger_downside, .dd_buttonLike .dd_trigger_upside, .dd_mixContent .dd_trigger_downside, .dd_mixContent .dd_trigger_upside{ border: 0; } .dd_buttonLike .dd_downside .list_content, .dd_mixContent .dd_downside .list_content{border: 2px #5a5a5a solid; border-top: 0;} .dd_buttonLike .dd_upside .dd_item, .dd_mixContent .dd_upside .dd_item{ border-bottom: 1px #ccc solid;} .dd_buttonLike .dd_upside .dd_lst, .dd_mixContent .dd_upside .dd_lst{border-bottom: 0;} .dd_buttonLike .dd_list .dd_item a:hover, .dd_buttonLike .dd_list .dd_item a:focus{background: #D7410B;} .dd_buttonLike .dd_label .dd_icn, .dd_mixContent .dd_label .dd_icn{ height: 36px; width: 40px; padding: 0; margin-left: 10px; background-position: 12px -1626px; border-left: 1px #fff solid; top: 0; left: auto; right: 0; } .dd_buttonLike .dd_item a .dd_item_icn { padding-right: 2px; padding-left: 0; } .dd_buttonLike .dd_item a:hover .idd_cht, .dd_buttonLike .dd_item a:focus .idd_cht{background-position: 0 -2511px;} .dd_buttonLike .dd_item a:hover .icn_loa, .dd_buttonLike .dd_item a:focus .icn_loa{background-position: 0 -2546px;} .dd_buttonLike .dd_item a.disable .icn_loa, .dd_buttonLike .dd_item a:hover.disable .icn_loa{background-position: 0 -475px;} .dd_buttonLike .dd_item a:hover .icn_exp, .dd_buttonLike .dd_item a:focus .icn_exp{background-position: 0 -2583px;} .dd_buttonLike .dd_item a:hover .icn_rsl, .dd_buttonLike .dd_item a:focus .icn_rsl{background-position: 0 -2615px;} .dd_buttonLike .dd_item a:hover .icn_spt2, .dd_buttonLike .dd_item a:focus .icn_spt2{background-position: 0 -2650px;} .dd_buttonLike .dd_item a:hover .icn_mal2, .dd_buttonLike .dd_item a:focus .icn_mal2{background-position: 0 -2684px;} .dd_buttonLike .dd_item a:hover .icn_vid, .dd_buttonLike .dd_item a:focus .icn_vid{background-position: 0 -2892px;} .dd_secondary .dd_label, .dd_secondary .dd_list .dd_item a:hover, .dd_secondary .dd_list .dd_item a:focus{background: #F05332;} .dd_secondary .dd_label:hover, .dd_secondary .dd_label:focus{background:#5a5a5a} .dd_primary .dd_label, .dd_primary .dd_list .dd_item a:hover, .dd_primary .dd_list .dd_item a:focus{background: #0096D6;} .dd_primary .dd_label:hover, .dd_primary .dd_label:focus{background:#006699} .dd_list .dd_item a.disable:hover{color:#b3b3b3;background: #e5e5e5; cursor:default} .dd_buttonLike .dd_fst{border-top:1px solid #fff} /* Dropdown Filtering Title, textOnly */ .dd_filteringTitle .dd_head a:hover .dd_label_text span,.dd_filteringTitle .dd_head a:focus .dd_label_text span, .dd_textOnly .dd_head a:hover .dd_label_text,.dd_textOnly .dd_head a:focus .dd_label_text{text-decoration: underline;} .dd_filteringTitle .dd_trigger_downside a:hover .dd_label_text span, .dd_filteringTitle .dd_trigger_upside a:hover .dd_label_text span, .dd_filteringTitle .dd_head a:hover .dd_label_text .dd_icn, .dd_textOnly .dd_downside .dd_head a:hover .dd_label_text, .dd_textOnly .dd_upside .dd_head a:hover .dd_label_text, .dd_filteringTitle .dd_trigger_downside a:focus .dd_label_text span, .dd_filteringTitle .dd_trigger_upside a:focus .dd_label_text span, .dd_filteringTitle .dd_head a:focus .dd_label_text .dd_icn, .dd_textOnly .dd_downside .dd_head a:focus .dd_label_text, .dd_textOnly .dd_upside .dd_head a:focus .dd_label_text{text-decoration: none;} .dd_filteringTitle .dd_icn, .dd_textOnly .dd_icn{ left: 0; top: 0px; width: 16px; background-position: 2px -1522px; border-left: 0; } .dd_textOnly .dd_icn{ top: 2px; } .dd_filteringTitle .dd_icn_container, .dd_textOnly .dd_icn_container{ right: auto; top: 2px; width: 16px; height: 22px; margin-left: 4px; } .dd_textOnly .dd_icn_container{margin-left: 0;top:4px} .dd_filteringTitle .dd_icn{ top: 2px; } .dd_filteringTitle a:hover .dd_icn_container, .dd_textOnly a:hover .dd_icn_container{ border-left: 0; } .dd_filteringTitle .dd_head .dd_label, .dd_textOnly .dd_head .dd_label{color: #000; border-color: #fff;} .dd_filteringTitle .dd_trigger_downside .dd_label, .dd_textOnly .dd_trigger_downside .dd_label{border-color: #ccc;} .dd_filteringTitle .dd_trigger_upside .dd_label, .dd_textOnly .dd_trigger_upside .dd_label{border-color: #5a5a5a;} .dd_formSelection .selected a .dd_label_text, .dd_sort .selected .dd_label .dd_label_text{color:#000} /* Dropdown Mix Content */ .dd_mixContent .dd_item {background-color: #fff; padding: 6px 30px 6px 10px;} .dd_mixContent .dd_item p {font-size: 16px; margin:0; line-height: 18px;} .dd_mixContent .dd_item .button{position:relative;top:2px; font-size: 14px;} .dd_mixContent .dd_list .dd_item .primary{ display: inline; padding: 5px 7px; color: #fff; background: #767676; -webkit-border-radius: 0 4px; -moz-border-radius: 0 4px; -khtml-border-radius: 0 4px; border-radius: 0 4px; } .dd_mixContent .dd_list .dd_item .primary:hover, .dd_mixContent .dd_list .dd_item .primary:focus{ background: #5a5a5a;} .dd_mixContent .dd_list .dd_item .primary .btn_label{ font-size: 1em;} .dd_mixContent .dd_list .dd_item .from{color: #767676; margin-top: 3px;} /* Text Only Dropdown */ .dd_textOnly .dd_label, .dd_textOnly .dd_list .dd_item{height: auto;} .dd_textOnly .dd_head .dd_label{background: #fff; border: 2px solid transparent; border-bottom: 0px; padding: 2px 2px 2px 10px;} .dd_textOnly.dd_open .dd_label, .dd_textOnly.dd_open .dd_label:hover{ border: 2px solid #5a5a5a; } .dd_textOnly.dd_open .dd_trigger_upside .dd_label{ border-top: 0px; } .dd_textOnly.dd_open .dd_trigger_downside .dd_label{ border-bottom: 0px; } .dd_textOnly .list_content{padding-top:2px} .dd_textOnly .list_content .dd_item{ border: 0; list-style: disc inside; padding: 4px 8px; } .dd_textOnly .dd_label_text{ display: inline-block; padding-top:2px; } .dd_textOnly .list_content .dd_lst{ padding-bottom: 10px; } .dd_textOnly .dd_downside .dd_label{padding: 0 0 0 8px;} .dd_textOnly .dd_trigger_downside{border: 0;} .dd_textOnly .dd_downside .dd_label, .dd_textOnly .dd_downside .dd_label:hover{border: 2px #5a5a5a solid; border-bottom: 0;} .dd_textOnly .dd_upside .dd_item{background: #fff;} .dd_textOnly .dd_upside .dd_label{padding-left: 8px} .dd_textOnly .dd_upside .dd_label, .dd_textOnly .dd_upside .dd_label:hover{border: #5a5a5a 2px solid; border-top: 0;} .dd_error .dd_input_value{color: #FF0000} .dd_error .dd_icn_container{border-left: 1px #FF0000 solid} .dd_error .dd_icn {background-position: 2px -1495px} .dd_error .dd_prelabel { color: #FF0000; } .dd_sort .dd_error .dd_icn{background-position: 2px -1583px} .dd_open .dd_error .dd_input_value{color: #007dba} .dd_open .dd_error .dd_trigger_upside .dd_label{ border: 2px solid #5a5a5a; } .dd_open .dd_error .dd_icn {background-position: 2px -1435px} .dd_sort .dd_open .dd_error .dd_icn {background-position: 2px -1525px} /* dd_disabled */ .dd_disabled .dd_icn {background-position: 2px -1555px;} .dd_disabled .dd_head .dd_label{ color: #5e5e5e; background: #D9D9D9; cursor: default; } .dd_disabled .dd_head .dd_label:hover{border: 2px #ccc solid;} .dd_sort .dd_disabled .dd_label:hover .dd_icn_container{ border-color: #ccc; } /* dd_filteringTitle fixes*/ .dd_filteringTitle .dd_label, .dd_filteringTitle .dd_list .dd_item a{ padding-left: 8px; font-size: 14px; line-height: 16px; *height: 22px; padding-top: 3px; padding-bottom: 3px; } .dd_filteringTitle .dd_label_text{line-height: 18px;padding-bottom: 0px} .dd_filteringTitle .dd_icn { background-position: 2px -1523px; } .dd_buttonLike .dd_upside .list_content{bottom:1px; position: relative} /*IE10 fixes*/ .dd_wrap a:visited{color: #007DBA;} .selected a:visited{color:#000} .dd_item a:visited{color: #000000;} .dd_item a:focus, .dd_item a:hover, .dd_item a:focus .dd_item_length, .dd_item a:hover .dd_item_length{color: #FFFFFF;} .dd_wrap .dd_disabled a:visited, .dd_wrap a.disable:visited{color:#b3b3b3} .dd_buttonLike a:visited .dd_label_text{color: #FFFFFF;} .dd_mixContent a:visited .dd_label_text{color: #FFFFFF;} .h100{max-height: 100px;} .h125{max-height: 125px;} .h150{max-height: 150px;} .h175{max-height: 175px;} .h200{max-height: 200px;} .h225{max-height: 225px;} .h250{max-height: 250px;} .h275{max-height: 275px;} .h300{max-height: 300px;} .wnone{width: auto;} .w53{width: 53px;} .w60{width: 60px;} .w100{width: 100px;} .w125{width: 125px;} .w150{width: 150px;} .w160{width: 160px;} .w165{width: 165px;} .w175{width: 175px;} .w180{width: 180px;} .w190{width: 190px;} .w200{width: 200px;} .w225{width: 225px;} .w250{width: 250px;} .w275{width: 275px;} .w300{width: 300px;} .w325{width: 325px;} .w350{width: 350px;} .w375{width: 375px;} .w400{width: 400px;} .wmax{width: 100%;} /* iCheck plugin Square skin, blue ----------------------------------- */ .icheckbox_square-blue, .iradio_square-blue, .tree_plus-square-blue, .tree_minus-square-blue { display: block; margin: 0; padding: 0; width: 18px; height: 18px; background: url(cblue.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-blue { background-position: 0 0; } .icheckbox_square-blue.hover { background-position: -19px 0; } .icheckbox_square-blue.checked { background-position: -38px 0; } .icheckbox_square-blue.disabled { background-position: -75px 0; cursor: default; } .icheckbox_square-blue.checked.disabled { background-position: -75px 0; } .iradio_square-blue { background-position: -94px 0; } .iradio_square-blue.hover { background-position: -113px 0; } .iradio_square-blue.checked { background-position: -132px 0; } .iradio_square-blue.disabled { background-position: -152px 0; cursor: default; } .iradio_square-blue.checked.disabled { background-position: -152px 0; cursor: default; } .tree_plus-square-blue { background-position: -230px 0; } .tree_plus-square-blue:hover { background-position: -250px 0; } .tree_minus-square-blue { background-position: -190px 0; } .tree_minus-square-blue:hover { background-position: -210px 0; } /* Retina support */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { .icheckbox_square-blue, .iradio_square-blue, .tree_plus-square-blue { background-image: url(cblue@2x.png); /*-webkit-background-size: 536px 36px; background-size: 536px 36px;*/ -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /* iCheck plugin Flat skin, blue ----------------------------------- */ .icheckbox_flat-blue, .iradio_flat-blue { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 20px; height: 20px; background: url(blue.png) no-repeat; border: none; cursor: pointer; } .icheckbox_flat-blue { background-position: 0 0; } .icheckbox_flat-blue.checked { background-position: -22px 0; } .icheckbox_flat-blue.disabled { background-position: -44px 0; cursor: default; } .icheckbox_flat-blue.checked.disabled { background-position: -66px 0; } .iradio_flat-blue { background-position: -88px 0; } .iradio_flat-blue.checked { background-position: -110px 0; } .iradio_flat-blue.disabled { background-position: -132px 0; cursor: default; } .iradio_flat-blue.checked.disabled { background-position: -154px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_flat-blue, .iradio_flat-blue { background-image: url(blue@2x.png); -webkit-background-size: 176px 22px; background-size: 176px 22px; } } /* * jquery.selectBoxIt.css 3.8.1 * Author: @gregfranko */ /* Common CSS Properties --------------------- These properties will be applied to any themes that you use */ /* SelectBoxIt container */ .selectboxit-container { position: relative; display: inline-block; vertical-align: top; } /* Styles that apply to all SelectBoxIt elements */ .selectboxit-container * { -font: 14px Helvetica, Arial;/*basils*/ /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; -ms-user-select: none; -o-user-select: none; user-select: none; outline: none; white-space: nowrap; } /* Button */ .selectboxit-container .selectboxit { width: 220px; /* Width of the dropdown button */ cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative; } /* Height and Vertical Alignment of Text */ .selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 30px; /* Height of the drop down */ line-height: 30px; /* Vertically positions the drop down text */ display: block; } /* Focus pseudo selector */ .selectboxit-container .selectboxit:focus { outline: 0; } /* Disabled Mouse Interaction */ .selectboxit.selectboxit-disabled, .selectboxit-options .selectboxit-disabled { opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; cursor: default; } /* Button Text */ .selectboxit-text { text-indent: 5px; overflow: hidden; text-overflow: ellipsis; float: left; } .selectboxit .selectboxit-option-icon-container { margin-left: 5px; } /* Options List */ .selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0; padding: 0; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Individual options */ .selectboxit-option .selectboxit-option-anchor{ padding: 0 2px; } /* Individual Option Hover Action */ .selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; } /* Individual Option Optgroup Header */ .selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; list-style-type: none; } /* The first Drop Down option */ .selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; } /* The first Drop Down option optgroup */ .selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; } /* The last Drop Down option */ .selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; } /* Drop Down optgroup headers */ .selectboxit-optgroup-header { font-weight: bold; } /* Drop Down optgroup header hover psuedo class */ .selectboxit-optgroup-header:hover { cursor: default; } /* Drop Down down arrow container */ .selectboxit-arrow-container { /* Positions the down arrow */ width: 30px; position: absolute; right: 0; } /* Drop Down down arrow */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; } /* Drop Down down arrow for jQueryUI and jQuery Mobile */ .selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-container { float: left; } .selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; } /* Drop Down individual option icon positioning */ .selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; } .selectboxit-rendering { display: inline-block !important; *display: inline !important; zoom: 1 !important; visibility: visible !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } /* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon { background-color: inherit; } /* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */ .jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; } /* Default Theme ------------- Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme */ .selectboxit-btn { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { color: #333333; background-color: #e6e6e6; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus { color: #333333; text-decoration: none; background-position: 0 -15px; } .selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; } .selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .selectboxit-list .selectboxit-option-anchor { color: #333333; } .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor { color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; } .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: #999999; } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden */ .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; } @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-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 { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-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-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-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; -ms-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -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 { 0%, 100% { -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); } 100% { -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); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -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); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -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); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -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); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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, -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); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-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, -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); } 100% { -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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } @-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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -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; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -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; } 100% { -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 { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -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 { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-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-transition-timing-function: ease-in; transition-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); } 100% { -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 { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -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; } 100% { -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-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -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; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -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; } 100% { -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-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes lightSpeedIn { 0% { -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; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -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; } 100% { -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 { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -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 { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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 { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -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; } 100% { -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; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 1; } 100% { 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 { 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { 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 { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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); } 100% { 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 { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { -webkit-transform: translateX(100%); transform: translateX(100%); visibility: visible; } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInUp { 0% { -webkit-transform: translateY(100%); transform: translateY(100%); visibility: visible; } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(100%); transform: translateY(100%); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(-100%); transform: translateX(-100%); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { visibility: hidden; -webkit-transform: translateX(100%); transform: translateX(100%); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { visibility: hidden; -webkit-transform: translateY(-100%); transform: translateY(-100%); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } body { padding-top: 50px; padding-bottom: 20px; } /* Set padding to keep content from hitting the edges */ .body-content { padding-left: 15px; padding-right: 15px; } /* Set width on the form input elements since they're 100% wide by default */ input, select, textarea { max-width: 280px; } /* Set padding to display errors that occur during databinding */ .padding-error { padding-top: 20px; } @media only screen and (max-width: 767px) { .nofloat { float: none; padding: 10px 15px; } } /*styled select*/ .selectboxit-container span, .selectboxit-container .selectboxit-options a { font-family: HPSimplified, Arial, sans-serif; } .selectboxit-container .selectboxit-options { /* Set's the drop down options width to the same width as the drop down button */ width: 210px; /* Set's the max-height property to only show a subset of the drop down items. If you do not set a max-height property, SelectBoxIt will dynamically position the dropdown (when opened) to make sure the drop down items are not displayed outside of the current window viewport. */ max-height: 240px; } .fa-angle-down { color: #0088cc; font-weight: bold; } .selectboxit-text { color: #0088cc; font-family: HPSimplified, Arial, sans-serif; } .selectboxit .selectboxit-arrow-container .selectboxit-arrow { top: 6%; padding-left: 9px; } .selectboxit-arrow-container { /* Encloses the down arrow in a box */ border-left: 1px solid #ccc; width: 35px; } .selectboxit-btn { background-color: #f5f5f5; background-image: none; border: 2px solid #cccccc; -border-color: #e6e6e6 #e6e6e6 #bfbfbf; -border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); -border-bottom-color: #b3b3b3; } .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { background-color: #ffffff; font-family: HPSimplified, Arial, sans-serif; } .selectboxit-hover { background-color: white; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border-color: gray; } .selectboxit { background-color: white; font-family: HPSimplified, Arial, sans-serif; } .selectboxit-container .selectboxit { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .selectboxit-option { border-bottom: 1px solid #ccc; } .js_spooler.wait_class{ display:none; } .checkbox-container { display: block; width: 300px; text-align: initial; } .checkbox-container input[type=checkbox] { height: initial; width: auto; margin: 0; } .checkbox-container label { font-weight: normal; }