/* Minification failed. Returning unminified contents. (24,12007): run-time error CSS1030: Expected identifier, found '.' (24,12038): run-time error CSS1031: Expected selector, found ')' (24,12038): run-time error CSS1025: Expected comma or open brace, found ')' (1163,1): run-time error CSS1019: Unexpected token, found '@import' (1163,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en")' (1164,1): run-time error CSS1019: Unexpected token, found '@import' (1164,9): run-time error CSS1019: Unexpected token, found 'url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700")' (3070,14): run-time error CSS1030: Expected identifier, found ' ' (3070,19): run-time error CSS1031: Expected selector, found ';' (3070,19): run-time error CSS1025: Expected comma or open brace, found ';' (3071,9): run-time error CSS1030: Expected identifier, found ' ' (3071,10): run-time error CSS1031: Expected selector, found '50%' (3071,10): run-time error CSS1025: Expected comma or open brace, found '50%' (3072,10): run-time error CSS1030: Expected identifier, found ' ' (3072,11): run-time error CSS1031: Expected selector, found '16px' (3072,11): run-time error CSS1025: Expected comma or open brace, found '16px' (3073,11): run-time error CSS1030: Expected identifier, found ' ' (3073,12): run-time error CSS1031: Expected selector, found '0' (3073,12): run-time error CSS1025: Expected comma or open brace, found '0' (3074,15): run-time error CSS1030: Expected identifier, found ' ' (3074,16): run-time error CSS1031: Expected selector, found '16px' (3074,16): run-time error CSS1025: Expected comma or open brace, found '16px' (3075,13): run-time error CSS1030: Expected identifier, found ' ' (3075,14): run-time error CSS1031: Expected selector, found '10px' (3075,14): run-time error CSS1025: Expected comma or open brace, found '10px' (3076,9): run-time error CSS1030: Expected identifier, found ' ' (3076,15): run-time error CSS1031: Expected selector, found ';' (3076,15): run-time error CSS1025: Expected comma or open brace, found ';' (3077,15): run-time error CSS1030: Expected identifier, found ' ' (3077,44): run-time error CSS1031: Expected selector, found ';' (3077,44): run-time error CSS1025: Expected comma or open brace, found ';' (3078,15): run-time error CSS1030: Expected identifier, found ' ' (3078,20): run-time error CSS1031: Expected selector, found ';' (3078,20): run-time error CSS1025: Expected comma or open brace, found ';' (3079,19): run-time error CSS1030: Expected identifier, found ' ' (3079,30): run-time error CSS1031: Expected selector, found ';' (3079,30): run-time error CSS1025: Expected comma or open brace, found ';' (3080,22): run-time error CSS1030: Expected identifier, found ' ' (3080,33): run-time error CSS1031: Expected selector, found ';' (3080,33): run-time error CSS1025: Expected comma or open brace, found ';' (3081,14): run-time error CSS1030: Expected identifier, found ' ' (3081,25): run-time error CSS1031: Expected selector, found ';' (3081,25): run-time error CSS1025: Expected comma or open brace, found ';' (3082,1): run-time error CSS1019: Unexpected token, found '}' (4397,3): run-time error CSS1030: Expected identifier, found ' ' (4397,3): run-time error CSS1019: Unexpected token, found ' ' (7055,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7056,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7069,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7070,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7115,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7116,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7126,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7127,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7180,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7181,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7192,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7193,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7234,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7235,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (7257,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7258,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '25%' (7295,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7296,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7306,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7307,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7353,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7354,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (7359,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7360,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%' (7365,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7366,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7376,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7377,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7422,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7423,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7434,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7435,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7591,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7592,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7603,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7604,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7688,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7700,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7701,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7740,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7741,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7750,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7751,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7905,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (7906,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (7915,1): run-time error CSS1019: Unexpected token, found '@keyframes' (7916,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10337,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10338,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10485,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10486,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10502,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10503,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10527,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10528,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10537,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10554,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10555,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10571,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10572,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10596,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10597,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10623,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10624,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10660,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10661,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10677,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10678,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10702,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10703,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10729,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10730,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10769,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10770,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10796,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10835,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10836,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10872,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10921,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10922,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10946,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10947,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10980,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11004,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11037,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11061,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11094,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11095,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11118,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11119,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11151,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11175,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11176,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11208,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11209,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11232,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11265,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11284,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11311,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11312,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11330,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11331,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11357,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11358,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11376,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11377,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11403,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11404,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11422,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11423,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11449,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11450,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11459,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11460,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11474,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11475,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11488,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11489,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11509,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11510,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11523,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11524,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11544,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11558,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11559,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11579,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11580,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11593,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11614,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11628,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11629,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11649,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11650,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11663,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11664,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11684,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11685,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11698,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11719,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11720,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11733,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11734,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11764,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11779,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11780,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11793,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11794,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11815,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11828,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11829,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11849,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11863,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11864,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11884,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11885,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11898,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11899,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11919,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11920,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11933,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11934,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11955,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11968,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11969,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (11989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12003,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12004,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12024,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12038,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12039,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12059,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12096,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12097,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12146,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12170,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12171,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12206,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12207,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12230,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12280,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12304,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12305,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12318,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12319,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12342,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12343,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12368,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12405,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12406,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12419,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12420,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12442,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12443,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12460,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12461,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12487,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12488,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12505,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12506,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12532,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12550,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12577,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12578,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12595,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12596,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12622,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12623,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12640,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12641,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12667,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12668,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12685,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12686,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12712,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12730,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12731,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12757,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12775,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12776,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12802,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12820,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12821,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12847,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12865,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12866,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12892,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12893,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12905,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12906,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12925,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12926,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12938,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12939,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12958,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12959,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12971,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12972,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12991,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13004,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13005,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13024,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13025,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13037,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13038,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13057,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13070,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13071,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13090,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13103,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13123,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13124,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13168,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13169,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13229,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13243,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13266,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (13267,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (13280,1): run-time error CSS1019: Unexpected token, found '@keyframes' (13281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' */ @charset "UTF-8"; /*! * Copyright (c) Handsoncode sp. z o.o. * * This Handsontable Pro is a commercial software distributed by Handsoncode Sp. z o.o. with * its registered seat in Gdynia, Aleja Zwyciestwa 96/98 (81-451 Gdynia) Poland, entered into the Entrepreneurs * Register of the National Court Register under number 0000538651, hereinafter referred to as "HANDSONCODE". * * By installing, copying, or otherwise using this software, you agree to be bound by the terms * of its EULA (End-User License Agreement). This software is copyrighted and protected by copyright laws * and international treaties. * * YOU EXPRESSLY ACKNOWLEDGE AND AGREE THAT USE OF THE SOFTWARE IS AT YOUR OWN RISK AND THAT THE SOFTWARE * IS PROVIDED "AS IS" WITHOUT ANY WARRANTIES OR CONDITIONS WHATSOEVER. HANDSONCODE EXPRESSLY DISCLAIMS ANY WARRANTY, * EXPRESS OR IMPLIED, INCLUDING, WITHOUT LIMITATION, THE IMPLIED WARRANTIES OF MERCHANTABILITY, * FITNESS FORA PARTICULAR PURPOSE, OR NONINFRINGMENT. HANDSONCODE DOES NOT WARRANT THAT THE SOFTWARE AND ITS FUNCTIONALITY, * RELIABILITY AND PERFORMANCE WILL MEET YOUR REQUIREMENTS OR THAT THE OPERATION OF THE SOFTWARE WILL BE * UNINTERRUPTED OR ERROR FREE. * * YOU SHALL OBTAIN A COMMERCIAL LICENSE FOR THIS SOFTWARE AT HANDSONTABLE.COM. * * Version: 1.11.0-beta2 * Date: Wed May 24 2017 13:06:17 GMT+0200 (CEST) */.handsontable .table td,.handsontable .table th{border-top:none}.handsontable tr{background:#fff}.handsontable td{background-color:inherit}.table caption+thead tr:first-child td,.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child td,.table thead:first-child tr:first-child th{border-top:1px solid #ccc}.handsontable .table-bordered{border:0;border-collapse:separate}.handsontable .table-bordered td,.handsontable .table-bordered th{border-left:none}.handsontable .table-bordered td:first-child,.handsontable .table-bordered th:first-child{border-left:1px solid #ccc}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{line-height:21px;padding:0 4px}.col-lg-1.handsontable,.col-lg-2.handsontable,.col-lg-3.handsontable,.col-lg-4.handsontable,.col-lg-5.handsontable,.col-lg-6.handsontable,.col-lg-7.handsontable,.col-lg-8.handsontable,.col-lg-9.handsontable,.col-lg-10.handsontable,.col-lg-11.handsontable,.col-lg-12.handsontable,.col-md-1.handsontable,.col-md-2.handsontable,.col-md-3.handsontable,.col-md-4.handsontable,.col-md-5.handsontable,.col-md-6.handsontable,.col-md-7.handsontable,.col-md-8.handsontable,.col-md-9.handsontable .col-sm-1.handsontable,.col-md-10.handsontable,.col-md-11.handsontable,.col-md-12.handsontable,.col-sm-2.handsontable,.col-sm-3.handsontable,.col-sm-4.handsontable,.col-sm-5.handsontable,.col-sm-6.handsontable,.col-sm-7.handsontable,.col-sm-8.handsontable,.col-sm-9.handsontable .col-xs-1.handsontable,.col-sm-10.handsontable,.col-sm-11.handsontable,.col-sm-12.handsontable,.col-xs-2.handsontable,.col-xs-3.handsontable,.col-xs-4.handsontable,.col-xs-5.handsontable,.col-xs-6.handsontable,.col-xs-7.handsontable,.col-xs-8.handsontable,.col-xs-9.handsontable,.col-xs-10.handsontable,.col-xs-11.handsontable,.col-xs-12.handsontable{padding-left:0;padding-right:0}.table-striped>tbody>tr:nth-of-type(2n){background-color:#fff}.handsontable{position:relative}.handsontable .hide{display:none}.handsontable .relative{position:relative}.handsontable.htAutoSize{visibility:hidden;left:-99000px;position:absolute;top:-99000px}.handsontable .wtHider{width:0}.handsontable .wtSpreader{position:relative;width:0;height:auto}.handsontable div,.handsontable input,.handsontable table,.handsontable tbody,.handsontable td,.handsontable textarea,.handsontable th,.handsontable thead{box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.handsontable input,.handsontable textarea{min-height:0}.handsontable table.htCore{border-collapse:separate;border-spacing:0;margin:0;border-width:0;table-layout:fixed;width:0;outline-width:0;max-width:none;max-height:none}.handsontable col,.handsontable col.rowHeader{width:50px}.handsontable td,.handsontable th{border-top-width:0;border-left-width:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;height:22px;empty-cells:show;line-height:21px;padding:0 4px;background-color:#fff;vertical-align:top;overflow:hidden;outline-width:0;white-space:pre-line;background-clip:padding-box}.handsontable td.htInvalid{background-color:#ff4c42!important}.handsontable td.htNoWrap{white-space:nowrap}.handsontable th:last-child{border-right:1px solid #ccc;border-bottom:1px solid #ccc}.handsontable th.htNoFrame,.handsontable th:first-child.htNoFrame,.handsontable tr:first-child th.htNoFrame{border-left-width:0;background-color:#fff;border-color:#fff}.handsontable .htNoFrame+td,.handsontable .htNoFrame+th,.handsontable.htRowHeaders thead tr th:nth-child(2),.handsontable td:first-of-type,.handsontable th:first-child,.handsontable th:nth-child(2){border-left:1px solid #ccc}.handsontable tr:first-child td,.handsontable tr:first-child th{border-top:1px solid #ccc}.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable:not(.ht_clone_top) thead tr th:first-child,.ht_master:not(.innerBorderLeft):not(.emptyColumns)~.handsontable tbody tr th{border-right-width:0}.ht_master:not(.innerBorderTop) thead tr.lastChild th,.ht_master:not(.innerBorderTop) thead tr:last-child th,.ht_master:not(.innerBorderTop)~.handsontable thead tr.lastChild th,.ht_master:not(.innerBorderTop)~.handsontable thead tr:last-child th{border-bottom-width:0}.handsontable th{background-color:#f3f3f3;color:#222;text-align:center;font-weight:400;white-space:nowrap}.handsontable thead th{padding:0}.handsontable th.active{background-color:#ccc}.handsontable thead th .relative{padding:2px 4px}.handsontable tbody th.ht__highlight,.handsontable thead th.ht__highlight{background-color:#dcdcdc}.handsontable.ht__selection--columns thead th.ht__highlight,.handsontable.ht__selection--rows tbody th.ht__highlight{background-color:#8eb0e7;color:#000}.handsontable .manualColumnResizer{position:fixed;top:0;cursor:col-resize;z-index:6;width:5px;height:25px}.handsontable .manualRowResizer{position:fixed;left:0;cursor:row-resize;z-index:6;height:5px;width:50px}.handsontable .manualColumnResizer.active,.handsontable .manualColumnResizer:hover,.handsontable .manualRowResizer.active,.handsontable .manualRowResizer:hover{background-color:#aab}.handsontable .manualColumnResizerGuide{position:fixed;right:0;top:0;background-color:#aab;display:none;width:0;border-right:1px dashed #777;margin-left:5px}.handsontable .manualRowResizerGuide{position:fixed;left:0;bottom:0;background-color:#aab;display:none;height:0;border-bottom:1px dashed #777;margin-top:5px}.handsontable .manualColumnResizerGuide.active,.handsontable .manualRowResizerGuide.active{display:block;z-index:7}.handsontable .columnSorting{position:relative}.handsontable .columnSorting:hover{text-decoration:underline;cursor:pointer}.handsontable .columnSorting.ascending:after{content:"\25B2";color:#5f5f5f;position:absolute;right:-15px}.handsontable .columnSorting.descending:after{content:"\25BC";color:#5f5f5f;position:absolute;right:-15px}.handsontable .wtBorder{position:absolute;font-size:0}.handsontable .wtBorder.hidden{display:none!important}.handsontable td.area{background:linear-gradient(180deg,rgba(181,209,255,.34) 0,rgba(181,209,255,.34));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#57b5d1ff",endColorstr="#57b5d1ff",GradientType=0);background-color:#fff}.handsontable .wtBorder.corner{font-size:0;cursor:crosshair}.handsontable .htBorder.htFillBorder{background:red;width:1px;height:1px}.handsontableInput{border:none;outline-width:0;margin:0;padding:1px 5px 0;font-family:inherit;line-height:21px;font-size:inherit;box-shadow:inset 0 0 0 2px #5292f7;resize:none;display:inline-block;color:#000;border-radius:0;background-color:#fff}.handsontableInputHolder{position:absolute;top:0;left:0;z-index:1}.htSelectEditor{-webkit-appearance:menulist-button!important;position:absolute;width:auto}.handsontable .htDimmed{color:#777}.handsontable .htSubmenu{position:relative}.handsontable .htSubmenu :after{content:"\25B6";color:#777;position:absolute;right:5px}.handsontable .htLeft{text-align:left}.handsontable .htCenter{text-align:center}.handsontable .htRight{text-align:right}.handsontable .htJustify{text-align:justify}.handsontable .htTop{vertical-align:top}.handsontable .htMiddle{vertical-align:middle}.handsontable .htBottom{vertical-align:bottom}.handsontable .htPlaceholder{color:#999}.handsontable .htAutocompleteArrow{float:right;font-size:10px;color:#eee;cursor:default;width:16px;text-align:center}.handsontable td .htAutocompleteArrow:hover{color:#777}.handsontable td.area .htAutocompleteArrow{color:#d3d3d3}.handsontable .htCheckboxRendererInput{display:inline-block}.handsontable .htCheckboxRendererInput.noValue{opacity:.5}.handsontable .htCheckboxRendererLabel{cursor:pointer;display:inline-block;width:100%}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}@-webkit-keyframes b{0%{opacity:0}to{opacity:1}}@keyframes b{0%{opacity:0}to{opacity:1}}.handsontable .handsontable.ht_clone_top .wtHider{padding:0 0 5px}.handsontable .autocompleteEditor.handsontable{padding-right:17px}.handsontable .autocompleteEditor.handsontable.htMacScroll{padding-right:15px}.handsontable.listbox{margin:0}.handsontable.listbox .ht_master table{border:1px solid #ccc;border-collapse:separate;background:#fff}.handsontable.listbox td,.handsontable.listbox th,.handsontable.listbox tr:first-child td,.handsontable.listbox tr:first-child th,.handsontable.listbox tr:last-child th{border-color:transparent}.handsontable.listbox td,.handsontable.listbox th{white-space:nowrap;text-overflow:ellipsis}.handsontable.listbox td.htDimmed{cursor:default;color:inherit;font-style:inherit}.handsontable.listbox .wtBorder{visibility:hidden}.handsontable.listbox tr:hover td,.handsontable.listbox tr td.current{background:#eee}.ht_clone_top{z-index:2}.ht_clone_left{z-index:3}.ht_clone_bottom_left_corner,.ht_clone_debug,.ht_clone_top_left_corner{z-index:4}.handsontable td.htSearchResult{background:#fcedd9;color:#583707}.htBordered{border-width:1px}.htBordered.htTopBorderSolid{border-top-style:solid;border-top-color:#000}.htBordered.htRightBorderSolid{border-right-style:solid;border-right-color:#000}.htBordered.htBottomBorderSolid{border-bottom-style:solid;border-bottom-color:#000}.htBordered.htLeftBorderSolid{border-left-style:solid;border-left-color:#000}.handsontable tbody tr th:nth-last-child(2){border-right:1px solid #ccc}.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer{border-bottom:1px solid #ccc;padding-bottom:5px}.ht_clone_top_left_corner thead tr th:nth-last-child(2){border-right:1px solid #ccc}.htCollapseButton{width:10px;height:10px;line-height:10px;text-align:center;border-radius:5px;border:1px solid #f3f3f3;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;margin-bottom:3px;position:relative}.htCollapseButton:after{content:"";height:300%;width:1px;display:block;background:#ccc;margin-left:4px;position:absolute;bottom:10px}thead .htCollapseButton{right:5px;position:absolute;top:5px;background:#fff}thead .htCollapseButton:after{height:1px;width:700%;right:10px;top:4px}.handsontable tr th .htExpandButton{position:absolute;width:10px;height:10px;line-height:10px;text-align:center;border-radius:5px;border:1px solid #f3f3f3;box-shadow:1px 1px 3px rgba(0,0,0,.4);cursor:pointer;top:0;display:none}.handsontable thead tr th .htExpandButton{top:5px}.handsontable tr th .htExpandButton.clickable{display:block}.collapsibleIndicator{position:absolute;top:50%;transform:translateY(-50%);right:5px;border:1px solid #a6a6a6;line-height:10px;color:#222;border-radius:10px;font-size:10px;width:10px;height:10px;cursor:pointer;box-shadow:0 0 0 6px #eee;background:#eee}.handsontable col.hidden{width:0!important}.handsontable table tr th.lightRightBorder{border-right:1px solid #e6e6e6}.handsontable tr.hidden,.handsontable tr.hidden td,.handsontable tr.hidden th{display:none}.ht_clone_bottom,.ht_clone_left,.ht_clone_top,.ht_master{overflow:hidden}.ht_master .wtHolder{overflow:auto}.ht_clone_left .wtHolder{overflow-x:hidden;overflow-y:auto}.ht_clone_bottom .wtHolder,.ht_clone_top .wtHolder{overflow-x:auto;overflow-y:hidden}.wtDebugHidden{display:none}.wtDebugVisible{display:block;-webkit-animation-duration:.5s;-webkit-animation-name:c;animation-duration:.5s;animation-name:c}@keyframes c{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}@-webkit-keyframes c{0%{display:none;opacity:0}1%{display:block;opacity:0}to{display:block;opacity:1}}.handsontable.mobile,.handsontable.mobile .wtHolder{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch}.htMobileEditorContainer{display:none;position:absolute;top:0;width:70%;height:54pt;background:#f8f8f8;border-radius:20px;border:1px solid #ebebeb;z-index:8;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-text-size-adjust:none}.topLeftSelectionHandle-HitArea:not(.ht_master .topLeftSelectionHandle-HitArea),.topLeftSelectionHandle:not(.ht_master .topLeftSelectionHandle){z-index:13}.bottomRightSelectionHandle,.bottomRightSelectionHandle-HitArea,.topLeftSelectionHandle,.topLeftSelectionHandle-HitArea{left:-10000px;top:-10000px}.htMobileEditorContainer.active{display:block}.htMobileEditorContainer .inputs{position:absolute;right:210pt;bottom:10pt;top:10pt;left:14px;height:34pt}.htMobileEditorContainer .inputs textarea{font-size:13pt;border:1px solid #a1a1a1;-webkit-appearance:none;box-shadow:none;position:absolute;left:14px;right:14px;top:0;bottom:0;padding:7pt}.htMobileEditorContainer .cellPointer{position:absolute;top:-13pt;height:0;width:0;left:30px;border-left:13pt solid transparent;border-right:13pt solid transparent;border-bottom:13pt solid #ebebeb}.htMobileEditorContainer .cellPointer.hidden{display:none}.htMobileEditorContainer .cellPointer:before{content:"";display:block;position:absolute;top:2px;height:0;width:0;left:-13pt;border-left:13pt solid transparent;border-right:13pt solid transparent;border-bottom:13pt solid #f8f8f8}.htMobileEditorContainer .moveHandle{position:absolute;top:10pt;left:5px;width:30px;bottom:0;cursor:move;z-index:13}.htMobileEditorContainer .moveHandle:after{content:"..\A..\A..\A..";white-space:pre;line-height:10px;font-size:20pt;display:inline-block;margin-top:-8px;color:#ebebeb}.htMobileEditorContainer .positionControls{width:205pt;position:absolute;right:5pt;top:0;bottom:0}.htMobileEditorContainer .positionControls>div{width:50pt;height:100%;float:left}.htMobileEditorContainer .positionControls>div:after{content:" ";display:block;width:15pt;height:15pt;text-align:center;line-height:50pt}.htMobileEditorContainer .downButton:after,.htMobileEditorContainer .leftButton:after,.htMobileEditorContainer .rightButton:after,.htMobileEditorContainer .upButton:after{transform-origin:5pt 5pt;-webkit-transform-origin:5pt 5pt;margin:21pt 0 0 21pt}.htMobileEditorContainer .leftButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(-45deg)}.htMobileEditorContainer .leftButton:active:after{border-color:#cfcfcf}.htMobileEditorContainer .rightButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(135deg)}.htMobileEditorContainer .rightButton:active:after{border-color:#cfcfcf}.htMobileEditorContainer .upButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(45deg)}.htMobileEditorContainer .upButton:active:after{border-color:#cfcfcf}.htMobileEditorContainer .downButton:after{border-top:2px solid #288ffe;border-left:2px solid #288ffe;-webkit-transform:rotate(225deg)}.htMobileEditorContainer .downButton:active:after{border-color:#cfcfcf}.handsontable.hide-tween{-webkit-animation:a .3s;animation:a .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}.handsontable.show-tween{-webkit-animation:b .3s;animation:b .3s;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards} /*! * Pikaday * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/ */.pika-single{z-index:13;display:block;position:relative;color:#333;background:#fff;border:1px solid #ccc;border-bottom-color:#bbb;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.pika-single:after,.pika-single:before{content:" ";display:table}.pika-single:after{clear:both}.pika-single{*zoom:1}.pika-single.is-hidden{display:none}.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}.pika-lendar{float:left;width:240px;margin:8px}.pika-title{position:relative;text-align:center}.pika-label{display:inline-block;*display:inline;position:relative;z-index:13;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}.pika-title select{cursor:pointer;position:absolute;z-index:12;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:none;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:50%;background-repeat:no-repeat;background-size:75% 75%;opacity:.5;*position:absolute;*top:0}.pika-next:hover,.pika-prev:hover{opacity:1}.is-rtl .pika-next,.pika-prev{float:left;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");*left:0}.is-rtl .pika-prev,.pika-next{float:right;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");*right:0}.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}.pika-select{display:inline-block;*display:inline}.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:none;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}.pika-week{font-size:11px;color:#999}.is-today .pika-button{color:#3af;font-weight:700}.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}.is-inrange .pika-button{background:#d5e9f7}.is-startrange .pika-button{color:#fff;background:#6cb31d;box-shadow:none;border-radius:3px}.is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px}.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}.pika-button:hover{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}.pika-table abbr{border-bottom:none;cursor:help}.htCommentCell{position:relative}.htCommentCell:after{content:"";position:absolute;top:0;right:0;border-left:6px solid transparent;border-top:6px solid #000}.htComments{display:none;z-index:9;position:absolute}.htCommentTextArea{box-shadow:0 1px 3px rgba(0,0,0,.117647),0 1px 2px rgba(0,0,0,.239216);box-sizing:border-box;border:none;border-left:3px solid #ccc;background-color:#fff;width:215px;height:90px;font-size:12px;padding:5px;outline:0!important;-webkit-appearance:none}.htCommentTextArea:focus{box-shadow:0 1px 3px rgba(0,0,0,.117647),0 1px 2px rgba(0,0,0,.239216),inset 0 0 0 1px #5292f7;border-left:3px solid #5292f7} /*! * Handsontable ContextMenu */.htContextMenu{display:none;position:absolute;z-index:10}.htContextMenu .ht_clone_corner,.htContextMenu .ht_clone_debug,.htContextMenu .ht_clone_left,.htContextMenu .ht_clone_top{display:none}.htContextMenu table.htCore{border:1px solid #ccc;border-bottom-width:2px;border-right-width:2px}.htContextMenu .wtBorder{visibility:hidden}.htContextMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.htContextMenu table tbody tr td:first-child{border:0}.htContextMenu table tbody tr td.htDimmed{font-style:normal;color:#323232}.htContextMenu table tbody tr td.current,.htContextMenu table tbody tr td.zeroclipboard-is-hover{background:#f3f3f3}.htContextMenu table tbody tr td.htSeparator{border-top:1px solid #bbb;height:0;padding:0;cursor:default}.htContextMenu table tbody tr td.htDisabled{color:#999;cursor:default}.htContextMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default}.htContextMenu table tbody tr.htHidden{display:none}.htContextMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:6px}.htContextMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px}.htContextMenu .ht_master .wtHolder{overflow:hidden}.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_left td:first-of-type,.htRowHeaders .ht_master.innerBorderLeft~.ht_clone_top_left_corner th:nth-child(2){border-left:0 none}.handsontable.ht__manualColumnMove.after-selection--columns thead th.ht__highlight{cursor:move;cursor:-webkit-grab;cursor:grab}.handsontable.ht__manualColumnMove.on-moving--columns,.handsontable.ht__manualColumnMove.on-moving--columns thead th.ht__highlight{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.handsontable.ht__manualColumnMove.on-moving--columns .manualColumnResizer{display:none}.handsontable .ht__manualColumnMove--backlight,.handsontable .ht__manualColumnMove--guideline{position:absolute;height:100%;display:none}.handsontable .ht__manualColumnMove--guideline{background:#757575;width:2px;top:0;margin-left:-1px;z-index:5}.handsontable .ht__manualColumnMove--backlight{background:#343434;background:rgba(52,52,52,.25);display:none;z-index:5;pointer-events:none}.handsontable.on-moving--columns .ht__manualColumnMove--backlight,.handsontable.on-moving--columns.show-ui .ht__manualColumnMove--guideline{display:block}.handsontable .wtHider{position:relative}.handsontable.ht__manualRowMove.after-selection--rows tbody th.ht__highlight{cursor:move;cursor:-webkit-grab;cursor:grab}.handsontable.ht__manualRowMove.on-moving--rows,.handsontable.ht__manualRowMove.on-moving--rows tbody th.ht__highlight{cursor:move;cursor:-webkit-grabbing;cursor:grabbing}.handsontable.ht__manualRowMove.on-moving--rows .manualRowResizer{display:none}.handsontable .ht__manualRowMove--backlight,.handsontable .ht__manualRowMove--guideline{position:absolute;width:100%;display:none}.handsontable .ht__manualRowMove--guideline{background:#757575;height:2px;left:0;margin-top:-1px;z-index:5}.handsontable .ht__manualRowMove--backlight{background:#343434;background:rgba(52,52,52,.25);display:none;z-index:5;pointer-events:none}.handsontable.on-moving--rows .ht__manualRowMove--backlight,.handsontable.on-moving--rows.show-ui .ht__manualRowMove--guideline{display:block} /*! * Handsontable DropdownMenu */.handsontable .changeType{background:#eee;border-radius:2px;border:1px solid #bbb;color:#bbb;font-size:9px;line-height:9px;padding:2px;margin:3px 1px 0 5px;float:right}.handsontable .changeType:before{content:"\25BC "}.handsontable .changeType:hover{border:1px solid #777;color:#777;cursor:pointer}.htDropdownMenu{display:none;position:absolute;z-index:10}.htDropdownMenu .ht_clone_corner,.htDropdownMenu .ht_clone_debug,.htDropdownMenu .ht_clone_left,.htDropdownMenu .ht_clone_top{display:none}.htDropdownMenu table.htCore{border:1px solid #bbb;border-bottom-width:2px;border-right-width:2px}.htDropdownMenu .wtBorder{visibility:hidden}.htDropdownMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.htDropdownMenu table tbody tr td:first-child{border:0}.htDropdownMenu table tbody tr td.htDimmed{font-style:normal;color:#323232}.htDropdownMenu table tbody tr td.current,.htDropdownMenu table tbody tr td.zeroclipboard-is-hover{background:#e9e9e9}.htDropdownMenu table tbody tr td.htSeparator{border-top:1px solid #bbb;height:0;padding:0;cursor:default}.htDropdownMenu table tbody tr td.htDisabled{color:#999}.htDropdownMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default}.htDropdownMenu table tbody tr.htHidden{display:none}.htDropdownMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:6px}.htDropdownMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px}.htDropdownMenu .ht_master .wtHolder{overflow:hidden} /*! * Handsontable Filters */.htFiltersConditionsMenu{display:none;position:absolute;z-index:11}.htFiltersConditionsMenu .ht_clone_corner,.htFiltersConditionsMenu .ht_clone_debug,.htFiltersConditionsMenu .ht_clone_left,.htFiltersConditionsMenu .ht_clone_top{display:none}.htFiltersConditionsMenu table.htCore{border:1px solid #bbb;border-bottom-width:2px;border-right-width:2px}.htFiltersConditionsMenu .wtBorder{visibility:hidden}.htFiltersConditionsMenu table tbody tr td{background:#fff;border-width:0;padding:4px 6px 0;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.htFiltersConditionsMenu table tbody tr td:first-child{border:0}.htFiltersConditionsMenu table tbody tr td.htDimmed{font-style:normal;color:#323232}.htFiltersConditionsMenu table tbody tr td.current,.htFiltersConditionsMenu table tbody tr td.zeroclipboard-is-hover{background:#e9e9e9}.htFiltersConditionsMenu table tbody tr td.htSeparator{border-top:1px solid #bbb;height:0;padding:0}.htFiltersConditionsMenu table tbody tr td.htDisabled{color:#999}.htFiltersConditionsMenu table tbody tr td.htDisabled:hover{background:#fff;color:#999;cursor:default}.htFiltersConditionsMenu table tbody tr td .htItemWrapper{margin-left:10px;margin-right:6px}.htFiltersConditionsMenu table tbody tr td div span.selected{margin-top:-2px;position:absolute;left:4px}.htFiltersConditionsMenu .ht_master .wtHolder{overflow:hidden}.handsontable .htMenuFiltering{border-bottom:1px dotted #ccc;height:135px;overflow:hidden}.handsontable .ht_master table td.htCustomMenuRenderer{background-color:#fff;cursor:auto}.handsontable .htFiltersMenuLabel{font-size:12px}.handsontable .htFiltersMenuActionBar{text-align:center}.handsontable .htFiltersMenuCondition{border-bottom:1px dotted #ccc!important}.handsontable .htFiltersMenuCondition .htUIInput{padding:0 0 5px}.handsontable .htFiltersMenuCondition .htUIInput input{width:159px;padding:4px;margin-left:-4px}.handsontable .htFiltersMenuValue{border-bottom:1px dotted #ccc!important}.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch{padding:0}.handsontable .htFiltersMenuValue .htUIMultipleSelectSearch input{width:159px;padding:4px;margin-left:-4px}.htUIMultipleSelect .ht_master .wtHolder{overflow-y:scroll}.handsontable .htFiltersActive .changeType{border:1px solid #509272;color:#18804e;background-color:#d2e0d9}.handsontable .htUIClearAll,.handsontable .htUISelectAll{display:inline-block;margin:0 5px}.handsontable .htUIClearAll a,.handsontable .htUISelectAll a{color:#3283d8;font-size:12px}.handsontable .htUISelectionControls{text-align:right}.handsontable .htCheckboxRendererInput{margin:0 5px 0 0;vertical-align:middle;height:1em}.handsontable .htUIInput{padding:3px 0 7px;position:relative;text-align:center}.handsontable .htUIInput input{border-radius:2px;border:1px solid #d2d1d1}.handsontable .htUIInput input:focus{outline:0}.handsontable .htUIInputIcon{position:absolute}.handsontable .htUIInput.htUIButton{cursor:pointer;display:inline-block;padding:3px 4px 7px;width:60px}.handsontable .htUIInput.htUIButton input{background-color:#eee;color:#000;cursor:pointer;font-family:arial,sans-serif;font-size:11px;font-weight:700;height:19px;width:42px}.handsontable .htUIInput.htUIButton input:hover{border-color:#b9b9b9}.handsontable .htUIInput.htUIButtonOK input{background-color:#0f9d58;border-color:#18804e;color:#fff}.handsontable .htUIInput.htUIButtonOK input:hover{border-color:#1a6f46}.handsontable .htUISelect{cursor:pointer;margin-bottom:7px;padding:0 2px 0 0;position:relative;width:169px}.handsontable .htUISelectCaption{background-color:#e8e8e8;border-radius:2px;border:1px solid #d2d1d1;font-family:arial,sans-serif;font-size:11px;font-weight:700;padding:3px 0 3px 10px}.handsontable .htUISelectCaption:hover{background-color:#e8e8e8;border:1px solid #b9b9b9}.handsontable .htUISelectDropdown:after{content:"\25B2";font-size:7px;position:absolute;right:10px;top:0}.handsontable .htUISelectDropdown:before{content:"\25BC";font-size:7px;position:absolute;right:10px;top:8px}.handsontable .htUIMultipleSelect .handsontable .htCore{border:none}.handsontable .htUIMultipleSelect .handsontable .htCore td:hover{background-color:#f5f5f5}.handsontable .htUIMultipleSelectSearch input{border-radius:2px;border:1px solid #d2d1d1;padding:3px;width:161px}.handsontable.ganttChart tr:first-child th div.relative{padding-right:21px}.handsontable.ganttChart .colHeader{display:block}.handsontable.ganttChart td.rangeBar{background:#48b703;border-right-width:0;position:relative;box-shadow:inset 0 3px 0 #fff}.handsontable.ganttChart td.rangeBar.last{border-right-width:1px}.handsontable.ganttChart td.rangeBar.area{background:#7ec481}.handsontable.ganttChart td.rangeBar.partial{background:#8edf5a}.handsontable.ganttChart td.rangeBar.area.partial{background:#a1d8ad}.handsontable thead th.hiddenHeader:not(:first-of-type){display:none}.handsontable th.ht_nestingLevels{text-align:left;padding-left:7px}.handsontable th div.ht_nestingLevels{display:inline-block;position:absolute;left:11px}.handsontable.innerBorderLeft th div.ht_nestingLevels,.handsontable.innerBorderLeft~.handsontable th div.ht_nestingLevels{right:10px}.handsontable th span.ht_nestingLevel{display:inline-block}.handsontable th span.ht_nestingLevel_empty{display:inline-block;width:10px;height:1px;float:left}.handsontable th span.ht_nestingLevel:after{content:"\2510";font-size:9px;display:inline-block;position:relative;bottom:3px}.handsontable th div.ht_nestingButton{display:inline-block;position:absolute;right:-2px;cursor:pointer}.handsontable th div.ht_nestingButton.ht_nestingExpand:after{content:"+"}.handsontable th div.ht_nestingButton.ht_nestingCollapse:after{content:"-"}.handsontable.innerBorderLeft th div.ht_nestingButton,.handsontable.innerBorderLeft~.handsontable th div.ht_nestingButton{right:0}.handsontable th.beforeHiddenColumn{position:relative}.handsontable th.afterHiddenColumn:before,.handsontable th.beforeHiddenColumn:after{color:#bbb;position:absolute;top:50%;font-size:5pt;transform:translateY(-50%)}.handsontable th.afterHiddenColumn{position:relative}.handsontable th.beforeHiddenColumn:after{right:1px;content:"\25C0"}.handsontable th.afterHiddenColumn:before{left:1px;content:"\25B6"}.handsontable td.firstVisibleColumn,.handsontable th.firstVisibleColumn{border-left:1px solid #ccc} /*! * Handsontable HiddenRows */.handsontable th.afterHiddenRow:after,.handsontable th.beforeHiddenRow:before{color:#bbb;font-size:6pt;line-height:6pt;position:absolute;left:2px}.handsontable th.afterHiddenRow,.handsontable th.beforeHiddenRow{position:relative}.handsontable th.beforeHiddenRow:before{content:"\25B2";bottom:2px}.handsontable th.afterHiddenRow:after{content:"\25BC";top:2px}.handsontable.ht__selection--rows tbody th.afterHiddenRow.ht__highlight:after,.handsontable.ht__selection--rows tbody th.beforeHiddenRow.ht__highlight:before{color:#eee}.handsontable td.afterHiddenRow.firstVisibleRow,.handsontable th.afterHiddenRow.firstVisibleRow{border-top:1px solid #ccc} /* ==== editable-form ==== */ /* class for single editable element */ .editable-wrap { display: inline-block; white-space: pre; margin: 0; } /* remove bottom-margin for bootstrap */ .editable-wrap .editable-controls, .editable-wrap .editable-error { margin-bottom: 0; } /* remove bottom-margin of inputs */ .editable-wrap .editable-controls > input, .editable-wrap .editable-controls > select, .editable-wrap .editable-controls > textarea { margin-bottom: 0; } /* keep buttons on the same line */ .editable-wrap .editable-input { display: inline-block; } .editable-buttons { display: inline-block; vertical-align: top; } .editable-buttons button { margin-left: 5px; } /* in bootstrap width: 100% => buttons go outside the box */ .editable-input.editable-has-buttons { width: auto; } /* ==== editable-text ==== */ /* fix padding issue on typeahead */ .editable-text { white-space: nowrap; } /* ==== editable-bsdate ==== */ /* fix padding issue on bsdate popup */ .editable-bsdate { white-space: nowrap; } /* ==== editable-bstime ==== */ /* fix padding issue on bstime */ .editable-bstime { white-space: nowrap; } /* workaround for bootstrap that sets width: 100% and inputs become too wide */ .editable-bstime .editable-input input[type="text"] { width: 46px; } /* less padding for .well */ .editable-bstime .well-small { margin-bottom: 0; padding: 10px; } /* ==== editable-range ==== */ .editable-range output { display: inline-block; min-width: 30px; vertical-align: top; text-align: center; } /* ==== editable-color ==== */ .editable-color input[type="color"] { width: 50px; } /* ==== editable-checkbox ==== */ /* ==== editable-checklist ==== */ /* ==== editable-radiolist ==== */ .editable-checkbox label span, .editable-checklist label span, .editable-radiolist label span { margin-left: 7px; margin-right: 10px; } /* ==== element ==== */ /* hiding element */ .editable-hide { display: none !important; } .editable-click, a.editable-click { text-decoration: none; color: #428bca; border-bottom: dashed 1px #428bca; } .editable-click:hover, a.editable-click:hover { text-decoration: none; color: #2a6496; border-bottom-color: #2a6496; } /* editable-empty */ .editable-empty, .editable-empty:hover, .editable-empty:focus, a.editable-empty, a.editable-empty:hover, a.editable-empty:focus { font-style: italic; color: #DD1144; text-decoration: none; } /* editable popover */ .popover-wrapper > a { /* make the link always show up */ display: inline !important; } .popover-wrapper { /* make absolutely positioned children constrained to this box*/ display: inline; position: relative; } .popover-wrapper form { position: absolute; top: -53px; background: #FFF; border: 1px solid #AAA; border-radius: 5px; padding: 7px; width: auto; display: inline-block; left: 50%; z-index: 101; } .popover-wrapper form:before { content:""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #AAA; position:absolute; bottom:-10px; } .popover-wrapper form:after { content:""; width:0; height:0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #FFF; position:absolute; bottom:-9px; } @media screen and (max-width: 750px) { .popover-wrapper form { margin-left: -60px; } .popover-wrapper form:before { left:50px; } .popover-wrapper form:after { left:51px; } } @media screen and (min-width: 750px) { .popover-wrapper form { margin-left: -110px; } .popover-wrapper form:before { left:100px; } .popover-wrapper form:after { left:101px; } } * { box-sizing: border-box; } .cuadro-imagen img { border: 2px; } .documento-probosque { font-family: Calibri, Helvetica, Arial, sans-serif; color: black; font-size: 11pt; max-width: 950px; margin: 0 auto; } .documeto-ptobosque .small-text{ font-size: 7pt; } /* TABLAS */ .documento-probosque .no-border-table{ border: 0px !important; } .documento-probosque table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } .documento-probosque table, .documento-probosque td, .documento-probosque th { border: 1px solid black; } .documento-probosque table td, .documento-probosque table th { padding: 3px 7px; text-align: left; font-size:9pt; } .documento-probosque table .table-samll td, .documento-probosque table .table-samll th{ font-size: 7pt; padding: 3px; } .documento-probosque .no-border-left{ border-left:0px none white; } .documento-probosque .no-border-right{ border-right:0px none white; } .documento-probosque .no-border-top{ border-top:0px none white; } .documento-probosque .no-border-bot{ border-bottom:0px none white; } .documento-probosque .list-inside-table { border-top: 0px; border-bottom: solid; border-bottom-width: 1px; border-left: 0px; border-right: 0px; } /* ALINEACION DE TEXTO */ .documento-probosque .align-left { text-align: left; } .documento-probosque .align-center { text-align: center; } .documento-probosque .align-right, .alinearderecha { text-align: right; } .documento-probosque .align-justify { text-align: justify; } /* CABECERAS */ .documento-probosque .informe-header { color: white; background: black; font-size: 12pt; text-align: center; } .documento-probosque .informe-header th, .documento-probosque .informe-header td { text-align: center; } .documento-probosque .informe-subheader { background: #d9d9d9; font-size: 10pt; } .documento-probosque .grey-cell{ background: #d9d9d9; } .documento-probosque .white-cell{ background: white; } .documento-probosque .informe-subheader-whithout-bold { font-weight: normal; background: #d9d9d9; font-size: 10pt; } /* GENERALES */ .documento-probosque .clear { clear: both; display: block; } .documento-probosque h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .documento-probosque h2 { font-size: 24px; font-weight: 100; line-height: 1.1; } .documento-probosque h3 { margin-top: 5px; font-weight: 600; font-size: 16px; line-height: 1.1; } .documento-probosque p { margin: 0 0 10px; } .documento-probosque i { padding: 0 !important; margin: 0 0 0px !important; font-size: 10px; } .documento-probosque .inab-title{ font-size: 11pt !important; } .documento-probosque .noMargin { margin: 0; } .documento-probosque .noPadding { padding: 0; } .documento-probosque .page-break { page-break-after: always; } .documento-probosque .de-conformidad { width: 100%; padding-top: 15px; padding-bottom: 10px; text-align: center; display: table; } .documento-probosque .espacio-puntos { width: 100%; padding-top: 44px; padding-left: 15px; } .documento-probosque .padding-right{ padding-right:20px; } .documento-probosque .padding-left{ padding-left:20px; } .documento-probosque .margin-top{ margin-top:10px; } .documento-probosque .margin-top-20 { margin-top: 20px; } .documento-probosque .margin-top-30{ margin-top:30px; } .documento-probosque .p{ margin-bottom:10px; } /* Font Size*/ .documento-probosque .font-xs { font-size: 7.5pt; } .documento-probosque .font-sm, .documento-probosque .informe-subheader th { font-size: 10pt; } .documento-probosque .font-md { font-size: 11pt; } .documento-probosque .font-lg, .documento-probosque .informe-header th { font-size: 12pt; } .documento-probosque .font-xl { font-size: 16pt; } .documento-probosque th{ font-weight: bold; } .documento-probosque .pull-right { float: right; } .documento-probosque .half-width { width: 50%; } /*Impresion de Poligonos*/ .poligono-documento { max-width: 950px; margin: 0 auto; padding: 20px; border: 1px #CCC solid; clear: both; height: auto; overflow: auto; } .documento-probosque .cuadro-imagen{ width:555px; height:450px; } .documento-probosque .imagen-documento-right{ width: 300px; float:left; } .documento-probosque .imagen-documento-left{ width: 600px; float: left; } .documento-probosque .imagen-documento-left-modal{ width: 590px; float: left; } .documento-probosque .no-border{ border: 0px none white !important; } .documento-probosque.border-certificacion{ border: 1px #CCC solid; } .documento-probosque .no-padding-derecho{ padding-right: 0px; } .documento-probosque .no-padding-izquierdo{ padding-left: 0px; } .documento-probosque table.certificado{ margin-top: 10px !important; } .border-curve { width: 100%; display: block; color: black; border: 1px solid black; -webkit-background-clip: padding-box; border-radius: 5px 5px 5px 5px; -moz-border-radius: 100px; border-collapse: collapse; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; } .documento-probosque .linea { border-bottom: solid; border-bottom-width: 1px; width: 100%; } .documento-probosque .column { float: left; width: 33.33%; } * { box-sizing: border-box; } .documento-listado-pago { font-family: Calibri, Helvetica, Arial, sans-serif; color: black; max-width: 1975px; margin: 0 auto; } .documeto-ptobosque .small-text{ font-size: 7pt; } /* TABLAS */ .documento-listado-pago .no-border-table { border: 0px !important; } .documento-listado-pago table { display: table; width: 100%; border-collapse: collapse; border-spacing: 0; } .documento-listado-pago table, .documento-listado-pago td, .documento-listado-pago th { border: 1px solid black; } .documento-listado-pago table td, .documento-listado-pago table th { padding: 3px 7px; text-align: left; /* font-size:9pt;*/ } .documento-listado-pago table .table-samll td, .documento-listado-pago table .table-samll th{ /* font-size: 7pt;*/ padding: 3px; } .documento-listado-pago .no-border-left{ border-left:0px none white; } .documento-listado-pago .no-border-right{ border-right:0px none white; } .documento-listado-pago .no-border-top{ border-top:0px none white; } .documento-listado-pago .no-border-bot{ border-bottom:0px none white; } .documento-listado-pago .list-inside-table { border-top: 0px; border-bottom: solid; border-bottom-width: 1px; border-left: 0px; border-right: 0px; } /* ALINEACION DE TEXTO */ .documento-listado-pago .align-left { text-align: left; } .documento-listado-pago .align-center { text-align: center; } .documento-listado-pago .align-right, .alinearderecha { text-align: right; } .documento-listado-pago .align-justify { text-align: justify; } /* CABECERAS */ .documento-listado-pago .informe-header { color: white; background: black; font-size: 12pt; text-align: center; } .documento-listado-pago .informe-header th, .documento-listado-pago .informe-header td { text-align: center; } .documento-listado-pago .informe-subheader { background: #d9d9d9; font-size: 10pt; } .documento-listado-pago .grey-cell{ background: #d9d9d9; } .documento-listado-pago .white-cell{ background: white; } .documento-listado-pago .informe-subheader-whithout-bold { font-weight: normal; background: #d9d9d9; font-size: 10pt; } /* GENERALES */ .documento-listado-pago .clear { clear: both; display: block; } .documento-listado-pago h1, h2, h3 { margin-top: 20px; margin-bottom: 10px; } .documento-listado-pago h2 { font-size: 24px; font-weight: 100; line-height: 1.1; } .documento-listado-pago h3 { margin-top: 5px; font-weight: 600; font-size: 16px; line-height: 1.1; } .documento-listado-pago p { margin: 0 0 10px; } .documento-listado-pago i { padding: 0 !important; margin: 0 0 0px !important; font-size: 10px; } .documento-listado-pago .inab-title{ font-size: 11pt !important; } .documento-listado-pago .noMargin { margin: 0; } .documento-listado-pago .noPadding { padding: 0; } .documento-listado-pago .page-break { page-break-after: always; } .documento-listado-pago .de-conformidad { width: 100%; padding-top: 15px; padding-bottom: 10px; text-align: center; display: table; } .documento-listado-pago .espacio-puntos { width: 100%; padding-top: 44px; padding-left: 15px; } .documento-listado-pago .padding-right{ padding-right:20px; } .documento-listado-pago .padding-left{ padding-left:20px; } .documento-listado-pago .margin-top{ margin-top:10px; } .documento-listado-pago .margin-top-20 { margin-top: 20px; } .documento-listado-pago .margin-top-30{ margin-top:30px; } .documento-listado-pago .p{ margin-bottom:10px; } /* Font Size*/ .documento-listado-pago .font-xs { font-size: 7.5pt; } .documento-listado-pago .font-sm, .documento-listado-pago .informe-subheader th { font-size: 10pt; } .documento-listado-pago .font-md { font-size: 11pt; } .documento-listado-pago .font-lg, .documento-listado-pago .informe-header th { font-size: 12pt; } .documento-listado-pago .font-xl { font-size: 16pt; } .documento-listado-pago th{ font-weight: bold; } .documento-listado-pago .pull-right { float: right; } .documento-listado-pago .half-width { width: 50%; } /*Impresion de Poligonos*/ .poligono-documento { max-width: 950px; margin: 0 auto; padding: 20px; border: 1px #CCC solid; clear: both; height: auto; overflow: auto; } .documento-listado-pago .cuadro-imagen{ width:555px; height:450px; } .documento-listado-pago .imagen-documento-right{ width: 300px; float:left; } .documento-listado-pago .imagen-documento-left{ width: 600px; float: left; } .documento-listado-pago .imagen-documento-left-modal{ width: 590px; float: left; } .documento-listado-pago .no-border{ border: 0px none white !important; } .documento-listado-pago.border-certificacion{ border: 1px #CCC solid; } .documento-listado-pago .no-padding-derecho{ padding-right: 0px; } .documento-listado-pago .no-padding-izquierdo{ padding-left: 0px; } .documento-listado-pago table.certificado{ margin-top: 10px !important; } .border-curve { width: 100%; display: block; color: black; border: 1px solid black; -webkit-background-clip: padding-box; border-radius: 5px 5px 5px 5px; -moz-border-radius: 100px; border-collapse: collapse; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; } .documento-listado-pago .linea { border-bottom: solid; border-bottom-width: 1px; width: 100%; } .documento-listado-pago .column { float: left; width: 33.33%; } /* Estilos para los informes tecnicos */ .clase-diametricas { margin-top: 15px; } .clase-diametricas .right-division{ margin-bottom: 20px; } .nav-informe > ul { padding: 0; list-style-type: none; font-family: arial; font-size: 12px; clear: both; line-height: 1em; margin: 0 -1px 40px -1px; text-align: center; width: 85%; float: left; } .nav-informe > ul > li { float: left; padding: 0; background: #8A8A8A; color: #fff; position: relative; border-top: 1px solid #fff; border-bottom: 1px solid #fff; margin: 0 1px; cursor: pointer; text-align: center; } .nav-informe > ul > li > a { color: white; padding: 12px 30px 12px 40px; font-size: 13px; font-weight: normal; height: 38px; } .nav-informe > ul > li.active > a, .nav-informe > ul > li.active > a:hover, .nav-informe > ul > li.active > a:focus, .nav-informe > ul > li > a, .nav-informe > ul > li > a:focus, .nav-informe > ul > li > a:hover { background: none; } .nav-informe > ul > li::before { content: ''; border-left: 16px solid #fff; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; top: 0; left: 0; bottom: 0; } .nav-informe > ul > li::after { content: ''; border-left: 16px solid #8A8A8A; border-top: 16px solid transparent; border-bottom: 16px solid transparent; position: absolute; bottom: 0; top: 0; left: 100%; z-index: 20; } .nav-informe > ul > li.active { background: #1ab394; border-left: none; } .nav-informe > ul > li.active:after { border-left-color: #1ab394; } .drop-box { background: #F8F8F8; border: 5px dashed #DDD; width: 85%; text-align: center; padding: 25px 5px; margin-left: 10px; height: 100px; } .animate-show-hide.ng-hide { opacity: 0; } .animate-show-hide.ng-hide-add, .animate-show-hide.ng-hide-remove { transition: all linear 0.5s; } .check-element { opacity: 1; padding: 10px; } .space-top{ padding-top: 15px; } .imgNorte { position:relative; top: 10px; margin-left: 420px; Height: 125px; } .tamano-mapa-imprimir { display: block; width: 549px !important; height: 443px !important; } .tamano-mapa-grande{ display: block; height: 460px !important; padding-top: 30px; } .tamano-mapa-pequenio{ display: block; height: 70px !important; width: 75px !important; width: 100%; } .table-rodales-scroll { max-height: 380px; width: 100%; display: inline-block; padding: 0; overflow: -moz-scrollbars-vertical; overflow-x: hidden; overflow-y: auto; direction: rtl; } .table-rodales-scroll .rodales-empty { padding: 15px; text-align: justify; direction: ltr; } .table-rodales-scroll > div { padding: 0 2px 0 7px; } .tr-seleccion { cursor: pointer; } .tr-rodales { border-top: 2px transparent; border-bottom: 2px transparent; border-left: 7px transparent; } .activo-tr { background: #e6f7f3 !important; border-top: 2px solid #1ab394; border-bottom: 2px solid #1ab394; } .tr-rodales:hover { background: #e6f7f3 !important; cursor: pointer; } .activo-tr { border-left: 7px solid #1ab394; } .tr-seleccion:hover { cursor: pointer; } .tr-rodales ng-map a, .tr-rodales ng-map .gmnoprint { display: none !important; } /*.rodal{ border-left-style: solid; border-left-color: #1ab394; }*/ .descripcion-rodal { font-size: 15px; vertical-align: middle !important; } .mapa-rodal{ padding: 3px !important; } .navegacion-top { padding-bottom: 30px; /*padding-left: 20px; border-bottom-style: solid; border-bottom-color: #1ab394; border-bottom-width: 2px;*/ } .subir-rodales{ margin-bottom: -24px; } .borde-subir-rodales{ border-color: #1ab394; border-style: solid; border-width: 1px; } .espacio-subir{ padding-bottom: 10px; } .inline-input-field { border-left: none !important; border-right: none !important; border-top: none !important; box-shadow: none !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 23px; text-align: right; } .inline-input-field-left { border-left: none !important; border-right: none !important; border-top: none !important; box-shadow: none !important; padding-top: 0 !important; padding-bottom: 0 !important; height: 23px; text-align: center; } .dictamen-juridico-crear #procede.switch { background-color: red; } .dictamen-juridico-crear #procede.switch .off { color: red; } .dictamen-juridico-crear #procede.switch.checked { background-color: green; } .modal-cargando-titulo { height: 900px; margin-top: 106px; } .content-rodal { /*background: #e6f7f3;*/ border: 2px #1ab394 solid; margin-left: -4px; padding-top: 15px; padding-bottom: 15px; } #informe-documento .documento-probosque { max-width: 950px; margin: 0 auto; padding: 20px; border: 1px #CCC solid; clear: both; } @import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&lang=en"); @import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700"); /* * * INSPINIA - Responsive Admin Theme * version 2.3 * */ h1, h2, h3, h4, h5, h6 { font-weight: 100; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 16px; } h4 { font-size: 14px; } h5 { font-size: 12px; } h6 { font-size: 10px; } h3, h4, h5 { margin-top: 5px; font-weight: 600; } .nav > li > a { color: #ffffff; font-weight: 600; padding: 14px 20px 14px 25px; } .nav.navbar-right > li > a { color: #999c9e; } .nav > li.active > a { color: #ffffff; } .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus { background-color: #1669B7; color: white; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: #fff; } .nav.navbar-top-links > li > a:hover, .nav.navbar-top-links > li > a:focus { background-color: transparent; } .nav > li > a i { margin-right: 6px; } .navbar { border: 0; } .navbar-default { background-color: transparent; border-color: #2f4050; } .navbar-top-links li { display: inline-block; } .navbar-top-links li:last-child { margin-right: 40px; } .body-small .navbar-top-links li:last-child { margin-right: 0; } .navbar-top-links li a { padding: 20px 10px; min-height: 50px; } .dropdown-menu { border: medium none; border-radius: 3px; box-shadow: 0 0 3px rgba(86, 96, 117, 0.7); display: none; float: left; font-size: 12px; left: 0; list-style: none outside none; padding: 0; position: absolute; text-shadow: none; top: 100%; z-index: 1000; } .dropdown-menu > li > a { border-radius: 3px; color: inherit; line-height: 25px; margin: 4px; text-align: left; font-weight: normal; } .dropdown-menu > li > a.font-bold { font-weight: 600; } .navbar-top-links .dropdown-menu li { display: block; } .navbar-top-links .dropdown-menu li:last-child { margin-right: 0; } .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: 0; } .navbar-top-links .dropdown-menu li a div { white-space: normal; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { width: 310px; min-width: 0; } .navbar-top-links .dropdown-messages { margin-left: 5px; } .navbar-top-links .dropdown-tasks { margin-left: -59px; } .navbar-top-links .dropdown-alerts { margin-left: -123px; } .navbar-top-links .dropdown-user { right: 0; left: auto; } .dropdown-messages, .dropdown-alerts { padding: 10px 10px 10px 10px; } .dropdown-messages li a, .dropdown-alerts li a { font-size: 12px; } .dropdown-messages li em, .dropdown-alerts li em { font-size: 10px; } .nav.navbar-top-links .dropdown-alerts a { font-size: 12px; } .nav-header { padding: 33px 25px; background: rgba(51,51,51,0.50); } .pace-done .nav-header { transition: all 0.5s; } .nav > li.active { border-left: 4px solid #0e6f2e; background: #243544; } .nav.nav-second-level > li.active { border: none; } .nav.nav-second-level.collapse[style] { height: auto !important; } .nav-header a { color: #DFE4ED; } .nav-header .text-muted { color: #8095a8; } .minimalize-styl-2 { padding: 4px 12px; margin: 14px 5px 5px 20px; font-size: 14px; float: left; } .navbar-form-custom { float: left; height: 50px; padding: 0; width: 200px; display: inline-table; } .navbar-form-custom .form-group { margin-bottom: 0; } .nav.navbar-top-links a { font-size: 14px; } .navbar-form-custom .form-control { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: medium none; font-size: 14px; height: 60px; margin: 0; z-index: 2000; } .count-info .label { line-height: 12px; padding: 2px 5px; position: absolute; right: 6px; top: 12px; } .arrow { float: right; } .fa.arrow:before { content: "\f104"; } .active > a > .fa.arrow:before { content: "\f107"; } .nav-second-level li, .nav-third-level li { border-bottom: none !important; } .nav-second-level li a { padding: 7px 10px 7px 10px; padding-left: 52px; } .nav-third-level li a { padding-left: 62px; } .nav-second-level li:last-child { margin-bottom: 10px; } body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav li:hover > .nav-second-level, .mini-navbar .nav li:focus > .nav-second-level { display: block; border-radius: 0 2px 2px 0; min-width: 140px; height: auto; } body.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: 3px; } .fixed-nav .slimScrollDiv #side-menu { padding-bottom: 60px; } .mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; } .mini-navbar .nav-second-level { position: absolute; left: 70px; top: 0px; background-color: #2f4050; padding: 10px 10px 10px 10px; font-size: 12px; } .canvas-menu.mini-navbar .nav-second-level { background: #293846; } .mini-navbar li.active .nav-second-level { left: 65px; } .navbar-default .special_link a { background: #1ab394; color: white; } .navbar-default .special_link a:hover { background: #17987e !important; color: white; } .navbar-default .special_link a span.label { background: #fff; color: #1ab394; } .navbar-default .landing_link a { background: #1cc09f; color: white; } .navbar-default .landing_link a:hover { background: #1ab394 !important; color: white; } .navbar-default .landing_link a span.label { background: #fff; color: #1cc09f; } .logo-element { text-align: center; font-size: 18px; font-weight: 600; color: white; display: none; padding: 18px 0; } .pace-done .navbar-static-side, .pace-done .nav-header, .pace-done li.active, .pace-done #page-wrapper, .pace-done .footer { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .navbar-fixed-top { background: #fff; transition-duration: 0.5s; border-bottom: 1px solid #e7eaec !important; z-index: 2030; } .navbar-fixed-top, .navbar-static-top { background: #f3f3f4; } .fixed-nav #wrapper { margin-top: 0; } body.fixed-nav #wrapper .navbar-static-side, body.fixed-nav #wrapper #page-wrapper { margin-top: 60px; } body.top-navigation.fixed-nav #wrapper #page-wrapper { margin-top: 0; } .fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .body-small .navbar-fixed-top { margin-left: 0px; } body.mini-navbar .navbar-static-side { width: 70px; } body.mini-navbar .profile-element, body.mini-navbar .nav-label, body.mini-navbar .navbar-default .nav li a span { display: none; } body.canvas-menu .profile-element { display: block; } body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .nav-second-level { display: none; } body.mini-navbar .navbar-default .nav > li > a { font-size: 16px; } body.mini-navbar .logo-element { display: block; } body.canvas-menu .logo-element { display: none; } body.mini-navbar .nav-header { padding: 0; background-color: #1ab394; } body.canvas-menu .nav-header { padding: 33px 25px; } body.mini-navbar #page-wrapper { margin: 0 0 0 70px; } body.fixed-sidebar.mini-navbar .footer, body.canvas-menu.mini-navbar .footer { margin: 0 0 0 0 !important; } body.canvas-menu.mini-navbar #page-wrapper, body.canvas-menu.mini-navbar .footer { margin: 0 0 0 0; } body.fixed-sidebar .navbar-static-side, body.canvas-menu .navbar-static-side { position: fixed; width: 220px; z-index: 2001; height: 100%; } body.fixed-sidebar.mini-navbar .navbar-static-side { width: 0px; } body.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 0px; } body.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 220px; } body.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: 220px; } .fixed-sidebar.mini-navbar .nav li:focus > .nav-second-level, .canvas-menu.mini-navbar .nav li:focus > .nav-second-level { display: block; height: auto; } body.fixed-sidebar.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 12px; border-radius: 3px; } body.canvas-menu.mini-navbar .navbar-default .nav > li > .nav-second-level li a { font-size: 13px; border-radius: 3px; } .fixed-sidebar.mini-navbar .nav-second-level li a, .canvas-menu.mini-navbar .nav-second-level li a { padding: 10px 10px 10px 15px; } .fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level { position: relative; padding: 0; font-size: 13px; } .fixed-sidebar.mini-navbar li.active .nav-second-level, .canvas-menu.mini-navbar li.active .nav-second-level { left: 0px; } body.fixed-sidebar.mini-navbar .navbar-default .nav > li > a, body.canvas-menu.mini-navbar .navbar-default .nav > li > a { font-size: 13px; } body.fixed-sidebar.mini-navbar .nav-label, body.fixed-sidebar.mini-navbar .navbar-default .nav li a span, body.canvas-menu.mini-navbar .nav-label, body.canvas-menu.mini-navbar .navbar-default .nav li a span { display: inline; } body.canvas-menu.mini-navbar .navbar-default .nav li .profile-element a span { display: block; } .canvas-menu.mini-navbar .nav-second-level li a, .fixed-sidebar.mini-navbar .nav-second-level li a { padding: 7px 10px 7px 52px; } .fixed-sidebar.mini-navbar .nav-second-level, .canvas-menu.mini-navbar .nav-second-level { left: 0px; } body.canvas-menu nav.navbar-static-side { z-index: 2001; background: #2f4050; height: 100%; position: fixed; display: none; } body.canvas-menu.mini-navbar nav.navbar-static-side { display: block; width: 220px; } .top-navigation #page-wrapper { margin-left: 0; } .top-navigation .navbar-nav .dropdown-menu > .active > a { background: white; color: #1ab394; font-weight: bold; } .white-bg .navbar-fixed-top, .white-bg .navbar-static-top { background: #fff; } .top-navigation .navbar { margin-bottom: 0; } .top-navigation .nav > li > a { padding: 15px 20px; color: #676a6c; } .top-navigation .nav > li a:hover, .top-navigation .nav > li a:focus { background: #fff; color: #1ab394; } .top-navigation .nav > li.active { background: #fff; border: none; } .top-navigation .nav > li.active > a { color: #1ab394; } .top-navigation .navbar-right { margin-right: 10px; } .top-navigation .navbar-nav .dropdown-menu { box-shadow: none; border: 1px solid #e7eaec; } .top-navigation .dropdown-menu > li > a { margin: 0; padding: 7px 20px; } .navbar .dropdown-menu { margin-top: 0px; } .top-navigation .navbar-brand { background: #1ab394; color: #fff; padding: 15px 25px; } .top-navigation .navbar-top-links li:last-child { margin-right: 0; } .top-navigation.mini-navbar #page-wrapper, .top-navigation.body-small.fixed-sidebar.mini-navbar #page-wrapper, .mini-navbar .top-navigation #page-wrapper, .body-small.fixed-sidebar.mini-navbar .top-navigation #page-wrapper, .canvas-menu #page-wrapper { margin: 0; } .top-navigation.fixed-nav #wrapper, .fixed-nav #wrapper.top-navigation { margin-top: 50px; } .top-navigation .footer.fixed { margin-left: 0 !important; } .top-navigation .wrapper.wrapper-content { padding: 40px; } .top-navigation.body-small .wrapper.wrapper-content, .body-small .top-navigation .wrapper.wrapper-content { padding: 40px 0px 40px 0px; } .navbar-toggle { background-color: #1ab394; color: #fff; padding: 6px 12px; font-size: 14px; } .top-navigation .navbar-nav .open .dropdown-menu > li > a, .top-navigation .navbar-nav .open .dropdown-menu .dropdown-header { padding: 10px 15px 10px 20px; } @media (max-width: 768px) { .top-navigation .navbar-header { display: block; float: none; } } .menu-visible-lg, .menu-visible-md { display: none !important; } @media (min-width: 1200px) { .menu-visible-lg { display: block !important; } } @media (min-width: 992px) { .menu-visible-md { display: block !important; } } @media (max-width: 767px) { .menu-visible-md { display: block !important; } .menu-visible-lg { display: block !important; } } .btn { border-radius: 13px; } .float-e-margins .btn { margin-bottom: 5px; } .btn-w-m { min-width: 120px; } .btn-primary.btn-outline { color: #1ab394; } .btn-success.btn-outline { color: #1c84c6; } .btn-info.btn-outline { color: #23c6c8; } .btn-warning.btn-outline { color: #f8ac59; } .btn-danger.btn-outline { color: #ed5565; } .btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover { color: #fff; } .btn-primary { background-color: #1ab394; border-color: #1ab394; color: #FFFFFF; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus { background-color: #18a689; border-color: #18a689; color: #FFFFFF; } .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { background-image: none; } .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #1dc5a3; border-color: #1dc5a3; } .btn-success { background-color: #1c84c6; border-color: #1c84c6; color: #FFFFFF; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success, .btn-success:active:focus, .btn-success:active:hover, .btn-success.active:hover, .btn-success.active:focus { background-color: #1a7bb9; border-color: #1a7bb9; color: #FFFFFF; } .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { background-image: none; } .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled]:active, .btn-success.active[disabled], fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #1f90d8; border-color: #1f90d8; } .btn-info { background-color: #23c6c8; border-color: #23c6c8; color: #FFFFFF; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus { background-color: #21b9bb; border-color: #21b9bb; color: #FFFFFF; } .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info { background-image: none; } .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active, .btn-info.active[disabled], fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #26d7d9; border-color: #26d7d9; } .btn-default { background-color: #c2c2c2; border-color: #c2c2c2; color: #FFFFFF; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus { background-color: #bababa; border-color: #bababa; color: #FFFFFF; } .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { background-image: none; } .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-default.active[disabled], fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #cccccc; border-color: #cccccc; } .btn-warning { background-color: #f8ac59; border-color: #f8ac59; color: #FFFFFF; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning, .btn-warning:active:focus, .btn-warning:active:hover, .btn-warning.active:hover, .btn-warning.active:focus { background-color: #f7a54a; border-color: #f7a54a; color: #FFFFFF; } .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning { background-image: none; } .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled]:active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f9b66d; border-color: #f9b66d; } .btn-danger { background-color: #ed5565; border-color: #ed5565; color: #FFFFFF; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger, .btn-danger:active:focus, .btn-danger:active:hover, .btn-danger.active:hover, .btn-danger.active:focus { background-color: #ec4758; border-color: #ec4758; color: #FFFFFF; } .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger { background-image: none; } .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled]:active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #ef6776; border-color: #ef6776; } .btn-link { color: inherit; } .btn-link:hover, .btn-link:focus, .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { color: #1ab394; text-decoration: none; } .btn-link:active, .btn-link.active, .open .dropdown-toggle.btn-link { background-image: none; } .btn-link.disabled, .btn-link.disabled:hover, .btn-link.disabled:focus, .btn-link.disabled:active, .btn-link.disabled.active, .btn-link[disabled], .btn-link[disabled]:hover, .btn-link[disabled]:focus, .btn-link[disabled]:active, .btn-link.active[disabled], fieldset[disabled] .btn-link, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:active, fieldset[disabled] .btn-link.active { color: #cacaca; } .btn-white { color: inherit; background: white; border: 1px solid #e7eaec; } .btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus { color: inherit; border: 1px solid #d2d2d2; } .btn-white:active, .btn-white.active { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset; } .btn-white:active, .btn-white.active, .open .dropdown-toggle.btn-white { background-image: none; } .btn-white.disabled, .btn-white.disabled:hover, .btn-white.disabled:focus, .btn-white.disabled:active, .btn-white.disabled.active, .btn-white[disabled], .btn-white[disabled]:hover, .btn-white[disabled]:focus, .btn-white[disabled]:active, .btn-white.active[disabled], fieldset[disabled] .btn-white, fieldset[disabled] .btn-white:hover, fieldset[disabled] .btn-white:focus, fieldset[disabled] .btn-white:active, fieldset[disabled] .btn-white.active { color: #cacaca; } .form-control, .form-control:focus, .has-error .form-control:focus, .has-success .form-control:focus, .has-warning .form-control:focus, .navbar-collapse, .navbar-form, .navbar-form-custom .form-control:focus, .navbar-form-custom .form-control:hover, .open .btn.dropdown-toggle, .panel, .popover, .progress, .progress-bar { box-shadow: none; } .btn-outline { color: inherit; background-color: transparent; transition: all .5s; } .btn-rounded { border-radius: 50px; } .btn-large-dim { width: 90px; height: 90px; font-size: 42px; } button.dim { display: inline-block; color: #fff; text-decoration: none; text-transform: uppercase; text-align: center; padding-top: 6px; margin-right: 10px; position: relative; cursor: pointer; border-radius: 5px; font-weight: 600; margin-bottom: 20px !important; } button.dim:active { top: 3px; } button.btn-primary.dim { box-shadow: inset 0px 0px 0px #16987e, 0px 5px 0px 0px #16987e, 0px 10px 5px #999999; } button.btn-primary.dim:active { box-shadow: inset 0px 0px 0px #16987e, 0px 2px 0px 0px #16987e, 0px 5px 3px #999999; } button.btn-default.dim { box-shadow: inset 0px 0px 0px #b3b3b3, 0px 5px 0px 0px #b3b3b3, 0px 10px 5px #999999; } button.btn-default.dim:active { box-shadow: inset 0px 0px 0px #b3b3b3, 0px 2px 0px 0px #b3b3b3, 0px 5px 3px #999999; } button.btn-warning.dim { box-shadow: inset 0px 0px 0px #f79d3c, 0px 5px 0px 0px #f79d3c, 0px 10px 5px #999999; } button.btn-warning.dim:active { box-shadow: inset 0px 0px 0px #f79d3c, 0px 2px 0px 0px #f79d3c, 0px 5px 3px #999999; } button.btn-info.dim { box-shadow: inset 0px 0px 0px #1eacae, 0px 5px 0px 0px #1eacae, 0px 10px 5px #999999; } button.btn-info.dim:active { box-shadow: inset 0px 0px 0px #1eacae, 0px 2px 0px 0px #1eacae, 0px 5px 3px #999999; } button.btn-success.dim { box-shadow: inset 0px 0px 0px #1872ab, 0px 5px 0px 0px #1872ab, 0px 10px 5px #999999; } button.btn-success.dim:active { box-shadow: inset 0px 0px 0px #1872ab, 0px 2px 0px 0px #1872ab, 0px 5px 3px #999999; } button.btn-danger.dim { box-shadow: inset 0px 0px 0px #ea394c, 0px 5px 0px 0px #ea394c, 0px 10px 5px #999999; } button.btn-danger.dim:active { box-shadow: inset 0px 0px 0px #ea394c, 0px 2px 0px 0px #ea394c, 0px 5px 3px #999999; } button.dim:before { font-size: 50px; line-height: 1em; font-weight: normal; color: #fff; display: block; padding-top: 10px; } button.dim:active:before { top: 7px; font-size: 50px; } .label { background-color: #d1dade; color: #5e5e5e; font-size: 10px; font-weight: 600; padding: 3px 8px; text-shadow: none; } .badge { background-color: #d1dade; color: #5e5e5e; font-family: 'Open Sans'; font-size: 11px; font-weight: 600; padding-bottom: 4px; padding-left: 6px; padding-right: 6px; text-shadow: none; } .label-primary, .badge-primary { background-color: #1ab394; color: #FFFFFF; } .label-success, .badge-success { background-color: #1c84c6; color: #FFFFFF; } .label-warning, .badge-warning { background-color: #f8ac59; color: #FFFFFF; } .label-warning-light, .badge-warning-light { background-color: #f8ac59; color: #ffffff; } .label-danger, .badge-danger { background-color: #ed5565; color: #FFFFFF; } .label-info, .badge-info { background-color: #23c6c8; color: #FFFFFF; } .label-inverse, .badge-inverse { background-color: #262626; color: #FFFFFF; } .label-white, .badge-white { background-color: #FFFFFF; color: #5E5E5E; } .label-white, .badge-disable { background-color: #2A2E36; color: #8B91A0; } /* TOOGLE SWICH */ .onoffswitch { position: relative; width: 64px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #1ab394; border-radius: 2px; } .onoffswitch-inner { width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 20px; padding: 0; line-height: 20px; font-size: 12px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 10px; background-color: #1ab394; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 10px; background-color: #FFFFFF; color: #999999; text-align: right; } .onoffswitch-switch { width: 20px; margin: 0px; background: #FFFFFF; border: 2px solid #1ab394; border-radius: 2px; position: absolute; top: 0; bottom: 0; right: 44px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } /* CHOSEN PLUGIN */ .chosen-container-single .chosen-single { background: #ffffff; box-shadow: none; -moz-box-sizing: border-box; background-color: #FFFFFF; border: 1px solid #CBD5DD; border-radius: 2px; cursor: text; height: auto !important; margin: 0; min-height: 30px; overflow: hidden; padding: 4px 12px; position: relative; width: 100%; } .chosen-container-multi .chosen-choices li.search-choice { background: #f1f1f1; border: 1px solid #ededed; border-radius: 2px; box-shadow: none; color: #333333; cursor: default; line-height: 13px; margin: 3px 0 3px 5px; padding: 3px 20px 3px 5px; position: relative; } /* PAGINATIN */ .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #f4f4f4; border-color: #DDDDDD; color: inherit; cursor: default; z-index: 2; } .pagination > li > a, .pagination > li > span { background-color: #FFFFFF; border: 1px solid #DDDDDD; color: inherit; float: left; line-height: 1.42857; margin-left: -1px; padding: 4px 10px; position: relative; text-decoration: none; } /* TOOLTIPS */ .tooltip-inner { background-color: #2F4050; } .tooltip.top .tooltip-arrow { border-top-color: #2F4050; } .tooltip.right .tooltip-arrow { border-right-color: #2F4050; } .tooltip.bottom .tooltip-arrow { border-bottom-color: #2F4050; } .tooltip.left .tooltip-arrow { border-left-color: #2F4050; } /* EASY PIE CHART*/ .easypiechart { position: relative; text-align: center; } .easypiechart .h2 { margin-left: 10px; margin-top: 10px; display: inline-block; } .easypiechart canvas { top: 0; left: 0; } .easypiechart .easypie-text { line-height: 1; position: absolute; top: 33px; width: 100%; z-index: 1; } .easypiechart img { margin-top: -4px; } .jqstooltip { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* FULLCALENDAR */ .fc-state-default { background-color: #ffffff; background-image: none; background-repeat: repeat-x; box-shadow: none; color: #333333; text-shadow: none; } .fc-state-default { border: 1px solid; } .fc-button { color: inherit; border: 1px solid #e7eaec; cursor: pointer; display: inline-block; height: 1.9em; line-height: 1.9em; overflow: hidden; padding: 0 0.6em; position: relative; white-space: nowrap; } .fc-state-active { background-color: #1ab394; border-color: #1ab394; color: #ffffff; } .fc-header-title h2 { font-size: 16px; font-weight: 600; color: inherit; } .fc-content .fc-widget-header, .fc-content .fc-widget-content { border-color: #e7eaec; font-weight: normal; } .fc-border-separate tbody { background-color: #F8F8F8; } .fc-state-highlight { background: none repeat scroll 0 0 #FCF8E3; } .external-event { padding: 5px 10px; border-radius: 2px; cursor: pointer; margin-bottom: 5px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-radius: 2px; } .fc-event, .fc-agenda .fc-event-time, .fc-event a { padding: 4px 6px; background-color: #1ab394; /* background color */ border-color: #1ab394; /* border color */ } .fc-event-time, .fc-event-title { color: #717171; padding: 0 1px; } .ui-calendar .fc-event-time, .ui-calendar .fc-event-title { color: #fff; } /* Chat */ .chat-activity-list .chat-element { border-bottom: 1px solid #e7eaec; } .chat-element:first-child { margin-top: 0; } .chat-element { padding-bottom: 15px; } .chat-element, .chat-element .media { margin-top: 15px; } .chat-element, .media-body { overflow: hidden; } .media-body { display: block; width: auto; } .chat-element > .pull-left { margin-right: 10px; } .chat-element img.img-circle, .dropdown-messages-box img.img-circle { width: 38px; height: 38px; } .chat-element .well { border: 1px solid #e7eaec; box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .chat-element .actions { margin-top: 10px; } .chat-element .photos { margin: 10px 0; } .right.chat-element > .pull-right { margin-left: 10px; } .chat-photo { max-height: 180px; border-radius: 4px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; } .chat { margin: 0; padding: 0; list-style: none; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; color: #777777; } .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat-panel .panel-body { height: 350px; overflow-y: scroll; } /* LIST GROUP */ a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus { background-color: #1ab394; border-color: #1ab394; color: #FFFFFF; z-index: 2; } .list-group-item-heading { margin-top: 10px; } .list-group-item-text { margin: 0 0 10px; color: inherit; font-size: 12px; line-height: inherit; } .no-padding .list-group-item { border-left: none; border-right: none; border-bottom: none; } .no-padding .list-group-item:first-child { border-left: none; border-right: none; border-bottom: none; border-top: none; } .no-padding .list-group { margin-bottom: 0; } .list-group-item { background-color: inherit; border: 1px solid #e7eaec; display: block; margin-bottom: -1px; padding: 10px 15px; position: relative; } .elements-list .list-group-item { border-left: none; border-right: none; /*border-top: none;*/ padding: 15px 25px; } .elements-list .list-group-item:first-child { border-left: none; border-right: none; border-top: none !important; } .elements-list .list-group { margin-bottom: 0; } .elements-list a { color: inherit; } .elements-list .list-group-item.active, .elements-list .list-group-item:hover { background: #f3f3f4; color: inherit; border-color: #e7eaec; /*border-bottom: 1px solid #e7eaec;*/ /*border-top: 1px solid #e7eaec;*/ border-radius: 0; } .elements-list li.active { transition: none; } .element-detail-box { padding: 25px; } /* FLOT CHART */ .flot-chart { display: block; height: 200px; } .widget .flot-chart.dashboard-chart { display: block; height: 120px; margin-top: 40px; } .flot-chart.dashboard-chart { display: block; height: 180px; margin-top: 40px; } .flot-chart-content { width: 100%; height: 100%; } .flot-chart-pie-content { width: 200px; height: 200px; margin: auto; } .jqstooltip { position: absolute; display: block; left: 0px; top: 0px; visibility: hidden; background: #2b303a; background-color: rgba(43, 48, 58, 0.8); color: white; text-align: left; white-space: nowrap; z-index: 10000; padding: 5px 5px 5px 5px; min-height: 22px; border-radius: 3px; } .jqsfield { color: white; text-align: left; } .h-200 { min-height: 200px; } .legendLabel { padding-left: 5px; } .stat-list li:first-child { margin-top: 0; } .stat-list { list-style: none; padding: 0; margin: 0; } .stat-percent { float: right; } .stat-list li { margin-top: 15px; position: relative; } /* DATATABLES */ table.dataTable thead .sorting, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background: transparent; } .dataTables_wrapper { padding-bottom: 30px; } .dataTables_length { float: left; } body.DTTT_Print { background: #fff; } .DTTT_Print #page-wrapper { margin: 0; background: #fff; } button.DTTT_button, div.DTTT_button, a.DTTT_button { border: 1px solid #e7eaec; background: #fff; color: #676a6c; box-shadow: none; padding: 6px 8px; } button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover { border: 1px solid #d2d2d2; background: #fff; color: #676a6c; box-shadow: none; padding: 6px 8px; } button.DTTT_button:hover:not(.DTTT_disabled), div.DTTT_button:hover:not(.DTTT_disabled), a.DTTT_button:hover:not(.DTTT_disabled) { border: 1px solid #d2d2d2; background: #fff; box-shadow: none; } .dataTables_filter label { margin-right: 5px; } /* CIRCLE */ .img-circle { border-radius: 0%; } .btn-circle { width: 30px; height: 30px; padding: 6px 0; border-radius: 15px; text-align: center; font-size: 12px; line-height: 1.428571429; } .btn-circle.btn-lg { width: 50px; height: 50px; padding: 10px 16px; border-radius: 25px; font-size: 18px; line-height: 1.33; } .btn-circle.btn-xl { width: 70px; height: 70px; padding: 10px 16px; border-radius: 35px; font-size: 24px; line-height: 1.33; } .show-grid [class^="col-"] { padding-top: 10px; padding-bottom: 10px; border: 1px solid #ddd; background-color: #eee !important; } .show-grid { margin: 15px 0; } /* ANIMATION */ .css-animation-box h1 { font-size: 44px; } .animation-efect-links a { padding: 4px 6px; font-size: 12px; } #animation_box { background-color: #f9f8f8; border-radius: 16px; width: 80%; margin: 0 auto; padding-top: 80px; } .animation-text-box { position: absolute; margin-top: 40px; left: 50%; margin-left: -100px; width: 200px; } .animation-text-info { position: absolute; margin-top: -60px; left: 50%; margin-left: -100px; width: 200px; font-size: 10px; } .animation-text-box h2 { font-size: 54px; font-weight: 600; margin-bottom: 5px; } .animation-text-box p { font-size: 12px; text-transform: uppercase; } /* PEACE */ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #1ab394; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace-inactive { display: none; } /* WIDGETS */ .widget { border-radius: 5px; padding: 15px 20px; margin-bottom: 10px; margin-top: 10px; } .widget.style1 h2 { font-size: 30px; } .widget h2, .widget h3 { margin-top: 5px; margin-bottom: 0; } .widget-text-box { padding: 20px; border: 1px solid #e7eaec; background: #ffffff; } .widget-head-color-box { border-radius: 5px 5px 0px 0px; margin-top: 10px; } .widget .flot-chart { height: 100px; } .vertical-align div { display: inline-block; vertical-align: middle; } .vertical-align h2, .vertical-align h3 { margin: 0; } .todo-list { list-style: none outside none; margin: 0; padding: 0; font-size: 14px; } .todo-list.small-list { font-size: 12px; } .todo-list.small-list > li { background: #f3f3f4; border-left: none; border-right: none; border-radius: 4px; color: inherit; margin-bottom: 2px; padding: 6px 6px 6px 12px; } .todo-list.small-list .btn-xs, .todo-list.small-list .btn-group-xs > .btn { border-radius: 5px; font-size: 10px; line-height: 1.5; padding: 1px 2px 1px 5px; } .todo-list > li { background: #f3f3f4; border-left: 6px solid #e7eaec; border-right: 6px solid #e7eaec; border-radius: 4px; color: inherit; margin-bottom: 2px; padding: 10px; } .todo-list .handle { cursor: move; display: inline-block; font-size: 16px; margin: 0 5px; } .todo-list > li .label { font-size: 9px; margin-left: 10px; } .check-link { font-size: 16px; } .todo-completed { text-decoration: line-through; } .geo-statistic h1 { font-size: 36px; margin-bottom: 0; } .glyphicon.fa { font-family: "FontAwesome"; } /* INPUTS */ .inline { display: inline-block !important; } .input-s-sm { width: 120px; } .input-s { width: 200px; } .input-s-lg { width: 250px; } .i-checks { padding-left: 0; } .form-control, .form-control, .single-line { background-color: #FFFFFF; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: inline-block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-size: 14px; } .form-control:focus, .single-line:focus { border-color: #1ab394 !important; } .has-success .form-control { border-color: #1ab394; } .has-warning .form-control { border-color: #f8ac59; } .has-error .form-control { border-color: #ed5565; } .has-success .control-label { color: #1ab394; } .has-warning .control-label { color: #f8ac59; } .has-error .control-label { color: #ed5565; } .input-group-addon { background-color: #fff; border: 1px solid #E5E6E7; border-radius: 1px; color: inherit; font-size: 14px; font-weight: 400; line-height: 1; padding: 6px 12px; text-align: center; } .spinner-buttons.input-group-btn .btn-xs { line-height: 1.13; } .spinner-buttons.input-group-btn { width: 20%; } .noUi-connect { background: none repeat scroll 0 0 #1ab394; box-shadow: none; } .slider_red .noUi-connect { background: none repeat scroll 0 0 #ed5565; box-shadow: none; } /* UI Sortable */ .ui-sortable .ibox-title { cursor: move; } .ui-sortable-placeholder { border: 1px dashed #cecece !important; visibility: visible !important; background: #e7eaec; } .ibox.ui-sortable-placeholder { margin: 0px 0px 23px !important; } /* SWITCHES */ .onoffswitch { position: relative; width: 54px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } .onoffswitch-label { display: block; overflow: hidden; cursor: pointer; border: 2px solid #1AB394; border-radius: 3px; } .onoffswitch-inner { display: block; width: 200%; margin-left: -100%; -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s; -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s; } .onoffswitch-inner:before, .ono float:t: left; width: 50%; height: 16px; padding: 0; line-height: 16px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .onoffswitch-inner:before { content: "ON"; padding-left: 7px; background-color: #1AB394; color: #FFFFFF; } .onoffswitch-inner:after { content: "OFF"; padding-right: 7px; background-color: #FFFFFF; color: #919191; text-align: right; } .onoffswitch-switch { display: block; width: 18px; margin: 0px; background: #FFFFFF; border: 2px solid #1AB394; border-radius: 3px; position: absolute; top: 0; bottom: 0; right: 36px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; } .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0px; } /* jqGrid */ .ui-jqgrid { -moz-box-sizing: content-box; } .ui-jqgrid-btable { border-collapse: separate; } .ui-jqgrid-htable { border-collapse: separate; } .ui-jqgrid-titlebar { height: 40px; line-height: 15px; color: #676a6c; background-color: #F9F9F9; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .ui-jqgrid .ui-jqgrid-title { float: left; margin: 1.1em 1em 0.2em; } .ui-jqgrid .ui-jqgrid-titlebar { position: relative; border-left: 0px solid; border-right: 0px solid; border-top: 0px solid; } .ui-widget-header { background: none; background-image: none; background-color: #f5f5f6; text-transform: uppercase; border-top-left-radius: 0px; border-top-right-radius: 0px; } .ui-jqgrid tr.ui-row-ltr td { border-right-color: inherit; border-right-style: solid; border-right-width: 1px; text-align: left; border-color: #DDDDDD; background-color: inherit; } .ui-search-toolbar input[type="text"] { font-size: 12px; height: 15px; border: 1px solid #CCCCCC; border-radius: 0px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #F9F9F9; border: 1px solid #DDDDDD; line-height: 15px; font-weight: bold; color: #676a6c; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); } .ui-widget-content { box-sizing: content-box; } .ui-icon-triangle-1-n { background-position: 1px -16px; } .ui-jqgrid tr.ui-search-toolbar th { border-top-width: 0px !important; border-top-color: inherit !important; border-top-style: ridge !important; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #f5f5f5; border-collapse: separate; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { background: #f2fbff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff; font-weight: normal; color: #212121; } .ui-jqgrid .ui-pg-input { font-size: inherit; width: 50px; border: 1px solid #CCCCCC; height: 15px; } .ui-jqgrid .ui-pg-selbox { display: block; font-size: 1em; height: 25px; line-height: 18px; margin: 0; width: auto; } .ui-jqgrid .ui-pager-control { position: relative; } .ui-jqgrid .ui-jqgrid-pager { height: 32px; position: relative; } .ui-pg-table .navtable .ui-corner-all { border-radius: 0px; } .ui-jqgrid .ui-pg-button:hover { padding: 1px; border: 0px; } .ui-jqgrid .loading { position: absolute; top: 45%; left: 45%; width: auto; height: auto; z-index: 101; padding: 6px; margin: 5px; text-align: center; font-weight: bold; display: none; border-width: 2px !important; font-size: 11px; } .ui-jqgrid .form-control { height: 10px; width: auto; display: inline; padding: 10px 12px; } .ui-jqgrid-pager { height: 32px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0; } .ui-widget-content { border: 1px solid #ddd; } .ui-jqgrid .ui-jqgrid-titlebar { padding: 0; } .ui-jqgrid .ui-jqgrid-titlebar { border-bottom: 1px solid #ddd; } .ui-jqgrid tr.jqgrow td { padding: 6px; } .ui-jqdialog .ui-jqdialog-titlebar { padding: 10px 10px; } .ui-jqdialog .ui-jqdialog-title { float: none !important; } .ui-jqdialog > .ui-resizable-se { position: absolute; } /* Nestable list */ .dd { position: relative; display: block; margin: 0; padding: 0; list-style: none; font-size: 13px; line-height: 20px; } .dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; } .dd-list .dd-list { padding-left: 30px; } .dd-collapsed .dd-list { display: none; } .dd-item, .dd-empty, .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px; } .dd-handle { display: block; margin: 5px 0; padding: 5px 10px; color: #333; text-decoration: none; border: 1px solid #e7eaec; background: #f5f5f5; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-handle span { font-weight: bold; } .dd-handle:hover { background: #f0f0f0; cursor: pointer; font-weight: bold; } .dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 5px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 12px; line-height: 1; text-align: center; font-weight: bold; } .dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; } .dd-item > button[data-action="collapse"]:before { content: '-'; } #nestable2 .dd-item > button { font-family: FontAwesome; height: 34px; width: 33px; color: #c1c1c1; } #nestable2 .dd-item > button:before { content: "\f067"; } #nestable2 .dd-item > button[data-action="collapse"]:before { content: "\f068"; } .dd-placeholder, .dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; } .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -webkit-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), -moz-linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff); background-size: 60px 60px; background-position: 0 0, 30px 30px; } .dd-dragel { position: absolute; z-index: 9999; pointer-events: none; } .dd-dragel > .dd-item .dd-handle { margin-top: 0; } .dd-dragel .dd-handle { -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1); } /** * Nestable Extras */ .nestable-lists { display: block; clear: both; padding: 30px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; } #nestable-menu { padding: 0; margin: 10px 0 20px 0; } #nestable-output, #nestable2-output { width: 100%; font-size: 0.75em; line-height: 1.333333em; font-family: open sans, lucida grande, lucida sans unicode, helvetica, arial, sans-serif; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; } #nestable2 .dd-handle { color: inherit; border: 1px dashed #e7eaec; background: #f3f3f4; padding: 10px; } #nestable2 .dd-handle:hover { /*background: #bbb;*/ } #nestable2 span.label { margin-right: 10px; } #nestable-output, #nestable2-output { font-size: 12px; padding: 25px; box-sizing: border-box; -moz-box-sizing: border-box; } /* CodeMirror */ .CodeMirror { border: 1px solid #eee; height: auto; } .CodeMirror-scroll { overflow-y: hidden; overflow-x: auto; } /* Google Maps */ .google-map { height: 300px; } /* Validation */ label.error { color: #cc5965; display: inline-block; margin-left: 5px; } .form-control.error { border: 1px dotted #cc5965; } /* ngGrid */ .gridStyle { border: 1px solid #d4d4d4; width: 100%; height: 400px; } .gridStyle2 { border: 1px solid #d4d4d4; width: 500px; height: 300px; } .ngH eaderCell { border-right: none; border-bottom: 1px solid #e7eaec; } .ngCell { border-right: none; } .ngTopPanel { background: #F5F5F6; } .ngRow.even { background: #f9f9f9; } .ngRow.selected { background: #EBF2F1; } .ngRow { border-bottom: 1px solid #e7eaec; } .ngCell { background-color: transparent; } .ngHeaderCell { border-right: none; } /* Toastr custom style */ #toast-container > .toast { background-image: none !important; } #toast-container > .toast:before { position: fixed; font-family: FontAwesome; font-size: 24px; line-height: 24px; float: left; color: #FFF; padding-right: 0.5em; margin: auto 0.5em auto -1.5em; } #toast-container > .toast-warning:before { content: "\f0e7"; } #toast-container > .toast-error:before { content: "\f071"; } #toast-container > .toast-info:before { content: "\f005"; } #toast-container > .toast-success:before { content: "\f00C"; } #toast-container > div { -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999; box-shadow: 0 0 3px #999; opacity: .9; -ms-filter: alpha(opacity=90); filter: alpha(opacity=90); } #toast-container > :hover { -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px #999; box-shadow: 0 0 4px #999; opacity: 1; -ms-filter: alpha(opacity=100); filter: alpha(opacity=100); cursor: pointer; } .toast { background-color: #1ab394; } .toast-success { background-color: #1ab394; } .toast-error { background-color: #ed5565; } .toast-info { background-color: #23c6c8; } .toast-warning { background-color: #f8ac59; } .toast-top-full-width { margin-top: 20px; } .toast-bottom-full-width { margin-bottom: 20px; } /* Notifie */ .cg-notify-message.inspinia-notify { background: #fff; padding: 0; box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 1 px rgba(0, 0, 0, 0.1), 0 2 px 4 px rgba(0, 0, 0, 0.2); border: none ; margin-top: 30px; color: inherit; } .inspinia-notify.alert-warning { border-left: 6px solid #f8ac59; } .inspinia-notify.alert-success { border-left: 6px solid #1c84c6; } .inspinia-notify.alert-danger { border-left: 6px solid #ed5565; } .inspinia-notify.alert-info { border-left: 6px solid #1ab394; } /* Image cropper style */ .img-container, .img-preview { overflow: hidden; text-align: center; width: 100%; } .img-preview-sm { height: 130px; width: 200px; } /* Forum styles */ .forum-post-container .media { margin: 10px 10px 10px 10px; padding: 20px 10px 20px 10px; border-bottom: 1px solid #f1f1f1; } .forum-avatar { float: left; margin-right: 20px; text-align: center; width: 110px; } .forum-avatar .img-circle { height: 48px; width: 48px; } .author-info { color: #676a6c; font-size: 11px; margin-top: 5px; text-align: center; } .forum-post-info { padding: 9px 12px 6px 12px; background: #f9f9f9; border: 1px solid #f1f1f1; } .media-body > .media { background: #f9f9f9; border-radius: 3px; border: 1px solid #f1f1f1; } .forum-post-container .media-body .photos { margin: 10px 0; } .forum-photo { max-width: 140px; border-radius: 3px; } .media-body > .media .forum-avatar { width: 70px; margin-right: 10px; } .media-body > .media .forum-avatar .img-circle { height: 38px; width: 38px; } .mid-icon { font-size: 66px; } .forum-item { margin: 10px 0; padding: 10px 0 20px; border-bottom: 1px solid #f1f1f1; } .views-number { font-size: 24px; line-height: 18px; font-weight: 400; } .forum-container, .forum-post-container { padding: 30px !important; } .forum-item small { color: #999; } .forum-item .forum-sub-title { color: #999; margin-left: 50px; } .forum-title { margin: 15px 0 15px 0; } .forum-info { text-align: center; } .forum-desc { color: #999; } .forum-icon { float: left; width: 30px; margin-right: 20px; text-align: center; } a.forum-item-title { color: inherit; display: block; font-size: 18px; font-weight: 600; } a.forum-item-title:hover { color: inherit; } .forum-icon .fa { font-size: 30px; margin-top: 8px; color: #9b9b9b; } .forum-item.active .fa { color: #1ab394; } .forum-item.active a.forum-item-title { color: #1ab394; } @media (max-width: 992px) { .forum-info { margin: 15px 0 10px 0px; /* Comment this is you want to show forum info in small devices */ display: none; } .forum-desc { float: none !important; } } /* New Timeline style */ .vertical-container { /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */ width: 90%; max-width: 1170px; margin: 0 auto; } .vertical-container::after { /* clearfix */ content: ''; display: table; clear: both; } #vertical-timeline { position: relative; padding: 0; margin-top: 2em; margin-bottom: 2em; } #vertical-timeline::before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #f1f1f1; } .vertical-timeline-content .btn { float: right; } #vertical-timeline.light-timeline:before { background: #e7eaec; } .dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent ; } .dark-timeline.center-orientation .vertical-timeline-content:before { border-color: transparent transparent transparent #f5f5f5; } .dark-timeline .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before, .dark-timeline.center-orientation .vertical-timeline-block:nth-child(2n) .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; } .dark-timeline .vertical-timeline-content, .dark-timeline.center-orientation .vertical-timeline-content { background: #f5f5f5; } @media only screen and (min-width: 1170px) { #vertical-timeline.center-orientation { margin-top: 3em; margin-bottom: 3em; } #vertical-timeline.center-orientation:before { left: 50%; margin-left: -2px; } } @media only screen and (max-width: 1170px) { .center-orientation.dark-timeline .vertical-timeline-content:before { border-color: transparent #f5f5f5 transparent transparent; } } .vertical-timeline-block { position: relative; margin: 2em 0; } .vertical-timeline-block:after { content: ""; display: table; clear: both; } .vertical-timeline-block:first-child { margin-top: 0; } .vertical-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .center-orientation .vertical-timeline-block { margin: 4em 0; } .center-orientation .vertical-timeline-block:first-child { margin-top: 0; } .center-orientation .vertical-timeline-block:last-child { margin-bottom: 0; } } .vertical-timeline-icon { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; font-size: 16px; border: 3px solid #f1f1f1; text-align: center; } .vertical-timeline-icon i { display: block; width: 24px; height: 24px; position: relative; left: 50%; top: 50%; margin-left: -12px; margin-top: -9px; } @media only screen and (min-width: 1170px) { .center-orientation .vertical-timeline-icon { width: 50px; height: 50px; left: 50%; margin-left: -25px; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; font-size: 19px; } .center-orientation .vertical-timeline-icon i { margin-left: -12px; margin-top: -10px; } .center-orientation .cssanimations .vertical-timeline-icon.is-hidden { visibility: hidden; } } .vertical-timeline-content { position: relative; margin-left: 60px; background: white; border-radius: 0.25em; padding: 1em; } .vertical-timeline-content:after { content: ""; display: table; clear: both; } .vertical-timeline-content h2 { font-weight: 400; margin-top: 4px; } .vertical-timeline-content p { margin: 1em 0; line-height: 1.6; } .vertical-timeline-content .vertical-date { float: left; font-weight: 500; } .vertical-date small { color: #1ab394; font-weight: 400; } .vertical-timeline-content::before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid white; } @media only screen and (min-width: 768px) { .vertical-timeline-content h2 { font-size: 18px; } .vertical-timeline-content p { font-size: 13px; } } @media only screen and (min-width: 1170px) { .center-orientation .vertical-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; } .center-orientation .vertical-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .center-orientation .vertical-timeline-content .btn { float: left; } .center-orientation .vertical-timeline-content .vertical-date { position: absolute; width: 100%; left: 122%; top: 2px; font-size: 14px; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content { float: right; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .btn { float: right; } .center-orientation .vertical-timeline-block:nth-child(even) .vertical-timeline-content .vertical-date { left: auto; right: 122%; text-align: right; } .center-orientation .cssanimations .vertical-timeline-content.is-hidden { visibility: hidden; } } /* Tabs */ .tabs-container .panel-body { background: #fff; border: 1px solid #e7eaec; border-radius: 2px; padding: 20px; position: relative; } .tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus { border: 1px solid #e7eaec; border-bottom-color: transparent; background-color: #fff; } .tabs-container .nav-tabs > li { float: left; margin-bottom: -1px; } .tabs-container .tab-pane .panel-body { border-top: none; } .tabs-container .nav-tabs > li.active > a, .tabs-container .nav-tabs > li.active > a:hover, .tabs-container .nav-tabs > li.active > a:focus { border: 1px solid #e7eaec; border-bottom-color: transparent; } .tabs-container .nav-tabs { border-bottom: 1px solid #e7eaec; } .tabs-container .tab-pane .panel-body { border-top: none; } .tabs-container .tabs-left .tab-pane .panel-body, .tabs-container .tabs-right .tab-pane .panel-body { border-top: 1px solid #e7eaec; } .tabs-container .nav-tabs > li a:hover { background: transparent; border-color: transparent; } .tabs-container .tabs-below > .nav-tabs, .tabs-container .tabs-right > .nav-tabs, .tabs-container .tabs-left > .nav-tabs { border-bottom: 0; } .tabs-container .tabs-left .panel-body { position: static; } .tabs-container .tabs-left > .nav-tabs, .tabs-container .tabs-right > .nav-tabs { width: 20%; } .tabs-container .tabs-left .panel-body { width: 80%; margin-left: 20%; } .tabs-container .tabs-right .panel-body { width: 80%; margin-right: 20%; } .tabs-container .tab-content > .tab-pane, .tabs-container .pill-content > .pill-pane { display: none; } .tabs-container .tab-content > .active, .tabs-container .pill-content > .active { display: block; } .tabs-container .tabs-below > .nav-tabs { border-top: 1px solid #e7eaec; } .tabs-container .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-container .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-container .tabs-below > .nav-tabs > li > a:hover, .tabs-container .tabs-below > .nav-tabs > li > a:focus { border-top-color: #e7eaec; border-bottom-color: transparent; } .tabs-container .tabs-left > .nav-tabs > li, .tabs-container .tabs-right > .nav-tabs > li { float: none; } .tabs-container .tabs-left > .nav-tabs > li > a, .tabs-container .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-container .tabs-left > .nav-tabs { float: left; margin-right: 19px; } .tabs-container .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-container .tabs-left > .nav-tabs .active > a, .tabs-container .tabs-left > .nav-tabs .active > a:hover, .tabs-container .tabs-left > .nav-tabs .active > a:focus { border-color: #e7eaec transparent #e7eaec #e7eaec; *border-right-color: #ffffff; } .tabs-container .tabs-right > .nav-tabs { float: right; margin-left: 19px; } .tabs-container .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-container .tabs-right > .nav-tabs .active > a, .tabs-container .tabs-right > .nav-tabs .active > a:hover, .tabs-container .tabs-right > .nav-tabs .active > a:focus { border-color: #e7eaec #e7eaec #e7eaec transparent; *border-left-color: #ffffff; z-index: 1; } /* jsvectormap */ .jvectormap-container { width: 100%; height: 100%; position: relative; overflow: hidden; } .jvectormap-tip { position: absolute; display: none; border: solid 1px #CDCDCD; border-radius: 3px; background: #292929; color: white; font-family: sans-serif, Verdana; font-size: smaller; padding: 5px; } .jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback { position: absolute; left: 10px; border-radius: 3px; background: #1ab394; padding: 3px; color: white; cursor: pointer; line-height: 10px; text-align: center; box-sizing: content-box; } .jvectormap-zoomin, .jvectormap-zoomout { width: 10px; height: 10px; } .jvectormap-zoomin { top: 10px; } .jvectormap-zoomout { top: 30px; } .jvectormap-goback { bottom: 10px; z-index: 1000; padding: 6px; } .jvectormap-spinner { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: center no-repeat url(data:image/gif;base64,R0lGODlhIAAgAPMAAP///wAAAMbGxoSEhLa2tpqamjY2NlZWVtjY2OTk5Ly8vB4eHgQEBAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==); } .jvectormap-legend-title { font-weight: bold; font-size: 14px; text-align: center; } .jvectormap-legend-cnt { position: absolute; } .jvectormap-legend-cnt-h { bottom: 0; right: 0; } .jvectormap-legend-cnt-v { top: 0; right: 0; } .jvectormap-legend { background: black; color: white; border-radius: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend { float: left; margin: 0 10px 10px 0; padding: 3px 3px 1px 3px; } .jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick { float: left; } .jvectormap-legend-cnt-v .jvectormap-legend { margin: 10px 10px 0 0; padding: 3px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick { width: 40px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-sample { height: 15px; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-sample { height: 20px; width: 20px; display: inline-block; vertical-align: middle; } .jvectormap-legend-tick-text { font-size: 12px; } .jvectormap-legend-cnt-h .jvectormap-legend-tick-text { text-align: center; } .jvectormap-legend-cnt-v .jvectormap-legend-tick-text { display: inline-block; vertical-align: middle; line-height: 20px; padding-left: 3px; } /*Slick Carousel */ .slick-prev:before, .slick-next:before { color: #1ab394 !important; } /* Payments */ .payment-card { background: #ffffff; padding: 20px; margin-bottom: 25px; border: 1px solid #e7eaec; } .payment-icon-big { font-size: 60px; color: #d1dade; } .payments-method.panel-group .panel + .panel { margin-top: -1px; } .payments-method .panel-heading { padding: 15px; } .payments-method .panel { border-radius: 0; } .payments-method .panel-heading h5 { margin-bottom: 5px; } .payments-method .panel-heading i { font-size: 26px; } /* Select2 custom styles */ .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple { border-color: #e7eaec; } .sidebard-panel { width: 220px; background: #ebebed; padding: 10px 20px; position: absolute; right: 0; } .sidebard-panel .feed-element img.img-circle { width: 32px; height: 32px; } .sidebard-panel .feed-element, .media-body, .sidebard-panel p { font-size: 12px; } .sidebard-panel .feed-element { margin-top: 20px; padding-bottom: 0; } .sidebard-panel .list-group { margin-bottom: 10px; } .sidebard-panel .list-group .list-group-item { padding: 5px 0; font-size: 12px; border: 0; } .sidebar-content .wrapper, .wrapper.sidebar-content { padding-right: 230px !important; } .body-small .sidebar-content .wrapper, .body-small .wrapper.sidebar-content { padding-right: 20px !important; } #right-sidebar { background-color: #fff; border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; overflow: hidden; position: fixed; top: 60px; width: 260px !important; z-index: 1009; bottom: 0; right: -260px; } #right-sidebar.sidebar-open { right: 0; } #right-sidebar.sidebar-open.sidebar-top { top: 0; border-top: none; } .sidebar-container ul.nav-tabs { border: none; } .sidebar-container ul.nav-tabs.navs-4 li { width: 25%; } .sidebar-container ul.nav-tabs.navs-3 li { width: 33.3333%; } .sidebar-container ul.nav-tabs.navs-2 li { width: 50%; } .sidebar-container ul.nav-tabs li { border: none; } .sidebar-container ul.nav-tabs li a { border: none; padding: 12px 10px; margin: 0; border-radius: 0; background: #2f4050; color: #fff; text-align: center; border-right: 1px solid #334556; } .sidebar-container ul.nav-tabs li.active a { border: none; background: #f9f9f9; color: #676a6c; font-weight: bold; } .sidebar-container .nav-tabs > li.active > a:hover, .sidebar-container .nav-tabs > li.active > a:focus { border: none; } .sidebar-container ul.sidebar-list { margin: 0; padding: 0; } .sidebar-container ul.sidebar-list li { border-bottom: 1px solid #e7eaec; padding: 15px 20px; list-style: none; font-size: 12px; } .sidebar-container .sidebar-message:nth-child(2n+2) { background: #f9f9f9; } .sidebar-container ul.sidebar-list li a { text-decoration: none; color: inherit; } .sidebar-container .sidebar-content { padding: 15px 20px ; font-size: 12px; } .sidebar-container .sidebar-title { background: #f9f9f9; padding: 20px; border-bottom: 1px solid #e7eaec; } .sidebar-container .sidebar-title h3 { margin-bottom: 3px; padding-left: 2px; } .sidebar-container .tab-content h4 { margin-bottom: 5px; } .sidebar-container .sidebar-message > a > .pull-left { margin-right: 10px; } .sidebar-container .sidebar-message > a { text-decoration: none; color: inherit; } .sidebar-container .sidebar-message { padding: 15px 20px; } .sidebar-container .sidebar-message .message-avatar { height: 38px; width: 38px; border-radius: 50%; } .sidebar-container .setings-item { padding: 15px 20px; border-bottom: 1px solid #e7eaec; } ./*htmllogin { background: #0C0A31; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }*/ .Transparencia { vertical-align:middle; position: fixed; left:0px; top:0px; Z-INDEX:101; width: 4000px; height:1000px; background-color:#000000; opacity: 0.4; filter: alpha(opacity=40); /* background: rgba(0, 0, 0, 0.2); */ } .UpdateProgressFlotante { font-size: 10px; font-family: Verdana; vertical-align:middle; align-content:center; position:absolute; width: 63px; /*width: 170px; width: 100%; left:620px; top:270px; */ left: calc(50% - 3rem); top: calc(44% - 1rem); Z-INDEX:101; /*background: rgba(255, 255, 255, 0.6);*/ background: #f3f3f4; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); /*border: 3px solid #ff9436;*/ /* border: 3px solid #3B5998; */ /*background-color:#ffffff; -webkit-box-shadow: 10px 10px 135px 15px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 135px 15px rgba(0,0,0,0.75); box-shadow: 10px 10px 135px 15px rgba(0,0,0,0.75); */ } .DropZone1 { width: 300px; height: 90px; background-color: #357A2B; border-color: #CCCCCC; color: #767676; float: left; text-align: center; font-size: 16px; color: white; } #DropZone2 { width: 300px; height: 90px; background-color: #357A2B; border-color: #CCCCCC; color: #767676; float: right; text-align: center; font-size: 16px; color: white; } .demo-container .RadAsyncUpload { margin-left: 250px; margin-bottom: 28px; } .demo-container .RadUpload .ruUploadProgress { width: 230px; display: inline-block; overflow: hidden; text-overflow: ellipsis; } .demo-container .ruFakeInput { width: 200px; } input.ng-invalid-required.ng-invalid, input.ng-valid-required.ng-invalid, input:focus:invalid, input.no-valido, textarea.ng-invalid-required.ng-invalid { background-image: url(../global/images/required.jpg) !important; background-position: right top !important; background-repeat: no-repeat !important; -moz-box-shadow: none !important; } input.ng-valid-required.ng-valid, textarea.ng-valid-required.ng-valid { background-image: url(../global/images/Ok.png); background-position: right top; background-repeat: no-repeat; } .centradolabel { padding-top:0.5em; } body { font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #0c0a31; font-size: 13px; color: #676a6c; overflow-x: hidden; } html, body { height: 100%; } body.full-height-layout #wrapper, body.full-height-layout #page-wrapper { height: 100%; } #page-wrapper { min-height: 100%!important; } body.boxed-layout { background: url('patterns/shattered.png'); } body.boxed-layout #wrapper { background-color: #2f4050; max-width: 1200px; margin: 0 auto; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75); } .top-navigation.boxed-layout #wrapper, .boxed-layout #wrapper.top-navigation { max-width: 1300px !important; } .block { display: block; } .clear { display: block; overflow: hidden; } .cursor-on-table { cursor: pointer; } a { cursor: pointer; } a:hover, a:focus { text-decoration: none; } .border-bottom { border-bottom: 1px solid #e7eaec !important; } .font-bold { font-weight: 600; } .font-noraml { font-weight: 400; } .text-uppercase { text-transform: uppercase; } .b-r { border-right: 1px solid #e7eaec; } .hr-title { margin: 5px 0 20px 0; } .hr-line-dashed { border-top: 1px dashed #e7eaec; color: #ffffff; background-color: #ffffff; height: 1px; margin: 20px 0; } .hr-line-solid { border-bottom: 1px solid #e7eaec; background-color: rgba(0, 0, 0, 0); border-style: solid !important; margin-top: 15px; margin-bottom: 15px; } video { width: 100% !important; height: auto !important; } /* GALLERY */ .gallery > .row > div { margin-bottom: 15px; } .fancybox img { margin-bottom: 5px; /* Only for demo */ width: 24%; } /* Summernote text editor */ .note-editor { height: auto !important; min-height: 300px; } /* MODAL */ .modal-content { background-clip: padding-box; background-color: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0); border-radius: 4px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); outline: 0 none; position: relative; } .modal-dialog { z-index: 2200; } .modal-body { padding: 20px 30px 30px 30px; } .inmodal .modal-body { background: #f8fafb; } .inmodal .modal-header { padding: 30px 15px; text-align: center; } .animated.modal.fade .modal-dialog { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .inmodal .modal-title { font-size: 26px; } .inmodal .modal-icon { font-size: 84px; color: #e2e3e3; } .modal-footer { margin-top: 0; } /* WRAPPERS */ #wrapper { width: 100%; overflow-x: hidden; height: 100%; } .wrapper { padding: 0 20px; } .wrapper-content { padding: 20px 10px 40px; } #page-wrapper { padding: 0 15px; min-height: 568px; position: relative !important; } @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 240px; min-height: 1000px; } } .title-action { text-align: right; padding-top: 30px; } .ibox-content h1, .ibox-content h2, .ibox-content h3, .ibox-content h4, .ibox-content h5, .ibox-title h1, .ibox-title h2, .ibox-title h3, .ibox-title h4, .ibox-title h5 { margin-top: 5px; } ul.unstyled, ol.unstyled { list-style: none outside none; margin-left: 0; } .big-icon { font-size: 160px !important; color: #e5e6e7; } /* FOOTER */ .footer { background: none repeat scroll 0 0 white; border-top: 1px solid #e7eaec; bottom: 0; left: 0; padding: 10px 20px; position: absolute; right: 0; } .footer.fixed_full { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 20px; background: white; border-top: 1px solid #e7eaec; } .footer.fixed { position: fixed; bottom: 0; left: 0; right: 0; z-index: 1000; padding: 10px 20px; background: white; border-top: 1px solid #e7eaec; margin-left: 220px; } body.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed { margin: 0 0 0 70px; } body.mini-navbar.canvas-menu .footer.fixed, body.canvas-menu .footer.fixed { margin: 0 !important; } body.fixed-sidebar.body-small.mini-navbar .footer.fixed { margin: 0 0 0 220px; } body.body-small .footer.fixed { margin-left: 0px; } /* PANELS */ .page-heading { border-top: 0; padding: 0px 10px 20px 10px; } .panel-heading h1, .panel-heading h2 { margin-bottom: 5px; } /* TABLES */ .table-bordered { border: 1px solid #EBEBEB; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { background-color: #F5F5F6; border-bottom-width: 1px; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #e7e7e7; } .table > thead > tr > th { border-bottom: 1px solid #DDDDDD; vertical-align: bottom; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #e7eaec; line-height: 1.42857; padding: 8px; vertical-align: top; } /* PANELS */ .panel.blank-panel { background: none; margin: 0; } .blank-panel .panel-heading { padding-bottom: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background: none; border-color: #dddddd #dddddd rgba(0, 0, 0, 0); border-bottom: #f3f3f4; border-image: none; border-style: solid; border-width: 1px; color: #555555; cursor: default; } .nav.nav-tabs li { background: none; border: none; } .nav-tabs > li > a { color: #A7B1C2; font-weight: 600; padding: 10px 20px 10px 25px; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #e6e6e6; color: #676a6c; } .ui-tab .tab-content { padding: 20px 0px; } /* GLOBAL */ .no-padding { padding: 0 !important; } .no-borders { border: none !important; } .no-margins { margin: 0 !important; } .no-top-border { border-top: 0 !important; } .ibox-content.text-box { padding-bottom: 0px; padding-top: 15px; } .border-left-right { border-left: 1px solid #e7eaec; border-right: 1px solid #e7eaec; border-top: none; border-bottom: none; } .border-left { border-left: 1px solid #e7eaec; border-right: none; border-top: none; border-bottom: none; } .border-right { border-left: none; border-right: 1px solid #e7eaec; border-top: none; border-bottom: none; } .full-width { width: 100% !important; } .link-block { font-size: 12px; padding: 10px; } .nav.navbar-top-links .link-block a { font-size: 12px; } .link-block a { font-size: 10px; color: inherit; } body.mini-navbar .branding { display: none; } img.circle-border { border: 6px solid #FFFFFF; border-radius: 50%; } .branding { float: left; color: #FFFFFF; font-size: 18px; font-weight: 600; padding: 17px 20px; text-align: center; background-color: #1ab394; } .login-panel { margin-top: 25%; } .icons-box h3 { margin-top: 10px; margin-bottom: 10px; } .icons-box .infont a i { font-size: 25px; display: block; color: #676a6c; } .icons-box .infont a { color: #a6a8a9; } .icons-box .infont a { padding: 10px; margin: 1px; display: block; } .ui-draggable .ibox-title { cursor: move; } .breadcrumb { background-color: #ffffff; padding: 0; margin-bottom: 0; } .breadcrumb > li a { color: inherit; } .breadcrumb > .active { color: inherit; } code { background-color: #F9F2F4; border-radius: 4px; color: #ca4440; font-size: 90%; padding: 2px 4px; white-space: nowrap; } .ibox { clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; } .ibox.collapsed .ibox-content { display: none; } .ibox.collapsed .fa.fa-chevron-up:before { content: "\f078"; } .ibox.collapsed .fa.fa-chevron-down:before { content: "\f077"; } .ibox:after, .ibox:before { display: table; } .ibox-title { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 3px 0 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px; } .ibox-content { background-color: #ffffff; color: inherit; padding: 15px 20px 20px 20px; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 1px 0px; /*text-align: center;*/ } .ibox-footer { color: inherit; border-top: 1px solid #e7eaec; font-size: 90%; background: #ffffff; padding: 10px 15px; } table.table-mail tr td { padding: 12px; } .table-mail .check-mail { padding-left: 20px; } .table-mail .mail-date { padding-right: 20px; } .star-mail, .check-mail { width: 40px; } .unread td a, .unread td { font-weight: 600; color: inherit; } .read td a, .read td { font-weight: normal; color: inherit; } .unread td { background-color: #f9f8f8; } .ibox-content { clear: both; } .ibox-heading { background-color: #f3f6fb; border-bottom: none; } .ibox-heading h3 { font-weight: 200; font-size: 24px; } .ibox-title h5 { display: inline-block; font-size: 14px; margin: 0 0 7px; padding: 0; text-overflow: ellipsis; float: left; } .ibox-title .label { float: left; margin-left: 4px; } .ibox-tools { display: block; float: none; margin-top: 0; position: relative; padding: 0; text-align: right; } .ibox-tools a { cursor: pointer; margin-left: 5px; color: #c4c4c4; } .ibox-tools a.btn-primary { color: #fff; } .ibox-tools .dropdown-menu > li > a { padding: 4px 10px; font-size: 12px; } .ibox .ibox-tools.open > .dropdown-menu { left: auto; right: 0; } /* BACKGROUNDS */ .gray-bg { background-color: #f3f3f4; } .white-bg { background-color: #ffffff; } .navy-bg { background-color: #1ab394; color: #ffffff; } .blue-bg { background-color: #1c84c6; color: #ffffff; } .lazur-bg { background-color: #23c6c8; color: #ffffff; } .yellow-bg { background-color: #f8ac59; color: #ffffff; } .red-bg { background-color: #ed5565; color: #ffffff; } .black-bg { background-color: #262626; } .panel-primary { border-color: #1ab394; } .panel-primary > .panel-heading { background-color: #1ab394; border-color: #1ab394; } .panel-success { border-color: #1c84c6; } .panel-success > .panel-heading { background-color: #1c84c6; border-color: #1c84c6; color: #ffffff; } .panel-info { border-color: #23c6c8; } .panel-info > .panel-heading { background-color: #23c6c8; border-color: #23c6c8; color: #ffffff; } .panel-warning { border-color: #f8ac59; } .panel-warning > .panel-heading { background-color: #f8ac59; border-color: #f8ac59; color: #ffffff; } .panel-danger { border-color: #ed5565; } .panel-danger > .panel-heading { background-color: #ed5565; border-color: #ed5565; color: #ffffff; } .progress-bar { background-color: #1ab394; } .progress-small, .progress-small .progress-bar { height: 10px; } .progress-small, .progress-mini { margin-top: 5px; } .progress-mini, .progress-mini .progress-bar { height: 5px; margin-bottom: 0px; } .progress-bar-navy-light { background-color: #3dc7ab; } .progress-bar-success { background-color: #1c84c6; } .progress-bar-info { background-color: #23c6c8; } .progress-bar-warning { background-color: #f8ac59; } .progress-bar-danger { background-color: #ed5565; } .panel-title { font-size: inherit; } .jumbotron { border-radius: 6px; padding: 40px; } .jumbotron h1 { margin-top: 0; } /* COLORS */ .text-navy { color: #1ab394; } .text-primary { color: inherit; } .text-success { color: #1c84c6; } .text-info { color: #23c6c8; } .text-warning { color: #f8ac59; } .text-danger { color: #ed5565; } .text-muted { color: #888888; } .text-white { color: #ffffff; } .simple_tag { background-color: #f3f3f4; border: 1px solid #e7eaec; border-radius: 2px; color: inherit; font-size: 10px; margin-right: 5px; margin-top: 5px; padding: 5px 12px; display: inline-block; } .img-shadow { -webkit-box-shadow: 0px 0px 3px 0px #919191; -moz-box-shadow: 0px 0px 3px 0px #919191; box-shadow: 0px 0px 3px 0px #919191; } /* For handle diferent bg color in AngularJS version */ .dashboards\.dashboard_2 nav.navbar, .dashboards\.dashboard_3 nav.navbar, .mailbox\.inbox nav.navbar, .mailbox\.email_view nav.navbar, .mailbox\.email_compose nav.navbar, .dashboards\.dashboard_4_1 nav.navbar, .metrics nav.navbar, .metrics\.index nav.navbar, .dashboards\.dashboard_5 nav.navbar { background: #fff; } /* For handle diferent bg color in MVC version */ .Dashboard_2 .navbar.navbar-static-top, .Dashboard_3 .navbar.navbar-static-top, .Dashboard_4_1 .navbar.navbar-static-top, .ComposeEmail .navbar.navbar-static-top, .EmailView .navbar.navbar-static-top, .Inbox .navbar.navbar-static-top, .Metrics .navbar.navbar-static-top, .Dashboard_5 .navbar.navbar-static-top { background: #fff; } a.close-canvas-menu { position: absolute; top: 10px; right: 15px; z-index: 1011; color: #a7b1c2; } a.close-canvas-menu:hover { color: #fff; } /* FULL HEIGHT */ .full-height { height: 100%; } .fh-breadcrumb { height: calc(100% - 196px); margin: 0 -15px; position: relative; } .fh-no-breadcrumb { height: calc(100% - 99px); margin: 0 -15px; position: relative; } .fh-column { background: #fff; height: 100%; width: 240px; float: left; } .modal-backdrop { z-index: 2040 !important; } .modal { z-index: 2050 !important; } .spiner-example { height: 200px; padding-top: 70px; } /* MARGINS & PADDINGS */ .p-xxs { padding: 5px; } .p-xs { padding: 10px; } .p-sm { padding: 15px; } .p-m { padding: 20px; } .p-md { padding: 25px; } .p-lg { padding: 30px; } .p-xl { padding: 40px; } .p-w-xs { padding: 0 10px; } .p-w-sm { padding: 0 15px; } .p-w-m { padding: 0 20px; } .p-w-md { padding: 0 25px; } .p-w-lg { padding: 0 30px; } .p-w-xl { padding: 0 40px; } .m-xxs { margin: 2px 4px; } .m-xs { margin: 5px; } .m-sm { margin: 10px; } .m { margin: 15px; } .m-md { margin: 20px; } .m-lg { margin: 30px; } .m-xl { margin: 50px; } .m-n { margin: 0 !important; } .m-l-none { margin-left: 0; } .m-l-xs { margin-left: 5px; } .m-l-sm { margin-left: 10px; } .m-l { margin-left: 15px; } .m-l-md { margin-left: 20px; } .m-l-lg { margin-left: 30px; } .m-l-xl { margin-left: 40px; } .m-l-n-xxs { margin-left: -1px; } .m-l-n-xs { margin-left: -5px; } .m-l-n-sm { margin-left: -10px; } .m-l-n { margin-left: -15px; } .m-l-n-md { margin-left: -20px; } .m-l-n-lg { margin-left: -30px; } .m-l-n-xl { margin-left: -40px; } .m-t-none { margin-top: 0; } .m-t-xxs { margin-top: 1px; } .m-t-xs { margin-top: 5px; } .m-t-sm { margin-top: 10px; } .m-t { margin-top: 15px; } .m-t-md { margin-top: 20px; } .m-t-lg { margin-top: 30px; } .m-t-xl { margin-top: 40px; } .m-t-n-xxs { margin-top: -1px; } .m-t-n-xs { margin-top: -5px; } .m-t-n-sm { margin-top: -10px; } .m-t-n { margin-top: -15px; } .m-t-n-md { margin-top: -20px; } .m-t-n-lg { margin-top: -30px; } .m-t-n-xl { margin-top: -40px; } .m-r-none { margin-right: 0; } .m-r-xxs { margin-right: 1px; } .m-r-xs { margin-right: 5px; } .m-r-sm { margin-right: 10px; } .m-r { margin-right: 15px; } .m-r-md { margin-right: 20px; } .m-r-lg { margin-right: 30px; } .m-r-xl { margin-right: 40px; } .m-r-n-xxs { margin-right: -1px; } .m-r-n-xs { margin-right: -5px; } .m-r-n-sm { margin-right: -10px; } .m-r-n { margin-right: -15px; } .m-r-n-md { margin-right: -20px; } .m-r-n-lg { margin-right: -30px; } .m-r-n-xl { margin-right: -40px; } .m-b-none { margin-bottom: 0; } .m-b-xxs { margin-bottom: 1px; } .m-b-xs { margin-bottom: 5px; } .m-b-sm { margin-bottom: 10px; } .m-b { margin-bottom: 15px; } .m-b-md { margin-bottom: 20px; } .m-b-lg { margin-bottom: 30px; } .m-b-xl { margin-bottom: 40px; } .m-b-n-xxs { margin-bottom: -1px; } .m-b-n-xs { margin-bottom: -5px; } .m-b-n-sm { margin-bottom: -10px; } .m-b-n { margin-bottom: -15px; } .m-b-n-md { margin-bottom: -20px; } .m-b-n-lg { margin-bottom: -30px; } .m-b-n-xl { margin-bottom: -40px; } .space-15 { margin: 15px 0; } .space-20 { margin: 20px 0; } .space-25 { margin: 25px 0; } .space-30 { margin: 30px 0; } .fullscreen-ibox-mode .animated { animation: none; } body.fullscreen-ibox-mode { overflow-y: hidden; } .ibox.fullscreen { z-index: 2030; position: fixed; top: 0; left: 0; right: 0; bottom: 0; overflow: auto; margin-bottom: 0; } .ibox.fullscreen .collapse-link { display: none; } .ibox.fullscreen .ibox-content { min-height: calc(100% - 48px); } body.modal-open { padding-right: inherit !important; } body.modal-open .animated { animation-fill-mode: initial; } /* Show profile dropdown on fixed sidebar */ body.mini-navbar.fixed-sidebar .profile-element, .block { display: block !important; } body.mini-navbar.fixed-sidebar .nav-header { padding: 33px 25px; } body.mini-navbar.fixed-sidebar .logo-element { display: none; } /* SEARCH PAGE */ .search-form { margin-top: 10px; } .search-result h3 { margin-bottom: 0; color: #1E0FBE; } .search-result .search-link { color: #006621; } .search-result p { font-size: 12px; margin-top: 5px; } /* CONTACTS */ .contact-box { background-color: #ffffff; border: 1px solid #e7eaec; padding: 20px; margin-bottom: 20px; } .contact-box > a { color: inherit; } .contact-box.center-version { border: 1px solid #e7eaec; padding: 0; } .contact-box.center-version > a { display: block; background-color: #ffffff; padding: 20px; text-align: center; } .contact-box.center-version > a img { width: 80px; height: 80px; margin-top: 10px; margin-bottom: 10px; } .contact-box.center-version address { margin-bottom: 0; } .contact-box .contact-box-footer { text-align: center; background-color: #ffffff; border-top: 1px solid #e7eaec; padding: 15px 20px; } /* INVOICE */ .invoice-table tbody > tr > td:last-child, .invoice-table tbody > tr > td:nth-child(4), .invoice-table tbody > tr > td:nth-child(3), .invoice-table tbody > tr > td:nth-child(2) { text-align: right; } .invoice-table thead > tr > th:last-child, .invoice-table thead > tr > th:nth-child(4), .invoice-table thead > tr > th:nth-child(3), .invoice-table thead > tr > th:nth-child(2) { text-align: right; } .invoice-total > tbody > tr > td:first-child { text-align: right; } .invoice-total > tbody > tr > td { border: 0 none; } .invoice-total > tbody > tr > td:last-child { border-bottom: 1px solid #DDDDDD; text-align: right; width: 15%; } /* ERROR & LOGIN & LOCKSCREEN*/ .middle-box { max-width: 800px; z-index: 100; margin: 0 auto; padding-top: 1px; } .lockscreen.middle-box { width: 800px; padding-top: 110px; } .loginscreen.middle-box { width: 496px; margin-top: 100px; } .loginColumns { max-width: 800px; margin: 0 auto; padding: 100px 20px 20px 20px; } .passwordBox { max-width: 460px; margin: 0 auto; padding: 100px 20px 20px 20px; } .logo-name { /*color: #e6e6e6;*/ color: #FFFFFF; font-size: 180px; font-weight: 800; letter-spacing: -10px; margin-bottom: 0px; } .middle-box h1 { font-size: 120px; } .wrapper .middle-box { margin-top: 140px; } .lock-word { z-index: 10; position: absolute; top: 110px; left: 50%; margin-left: -470px; } .lock-word span { font-size: 100px; font-weight: 600; color: #e9e9e9; display: inline-block; } .lock-word .first-word { margin-right: 160px; } /* DASBOARD */ .dashboard-header { border-top: 0; padding: 20px 20px 20px 20px; } .dashboard-header h2 { margin-top: 10px; font-size: 26px; } .fist-item { border-top: none !important; } .statistic-box { margin-top: 40px; } .dashboard-header .list-group-item span.label { margin-right: 10px; } .list-group.clear-list .list-group-item { border-top: 1px solid #e7eaec; border-bottom: 0; border-right: 0; border-left: 0; padding: 10px 0; } ul.clear-list:first-child { border-top: none !important; } /* Intimeline */ .timeline-item .date i { position: absolute; top: 0; right: 0; padding: 5px; width: 30px; text-align: center; border-top: 1px solid #e7eaec; border-bottom: 1px solid #e7eaec; border-left: 1px solid #e7eaec; background: #f8f8f8; } .timeline-item .date { text-align: right; width: 110px; position: relative; padding-top: 30px; } .timeline-item .content { border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; padding-top: 10px; min-height: 100px; } .timeline-item .content:hover { background: #f6f6f6; } /* PIN BOARD */ ul.notes li, ul.tag-list li { list-style: none; } ul.notes li h4 { margin-top: 20px; font-size: 16px; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 140px; width: 140px; padding: 1em; position: relative; } ul.notes li div small { position: absolute; top: 5px; right: 5px; font-size: 10px; } ul.notes li div a { position: absolute; right: 10px; bottom: 10px; color: inherit; } ul.notes li { margin: 10px 40px 50px 0px; float: left; } ul.notes li div p { font-size: 12px; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 140px; width: 140px; padding: 1em; /* Firefox */ -moz-box-shadow: 5px 5px 2px #212121; /* Safari+Chrome */ -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); /* Opera */ box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); } ul.notes li div { -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -moz-transform: rotate(-6deg); } ul.notes li:nth-child(even) div { -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); position: relative; top: 5px; } ul.notes li:nth-child(3n) div { -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); position: relative; top: -5px; } ul.notes li:nth-child(5n) div { -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; top: -10px; } ul.notes li div:hover, ul.notes li div:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); position: relative; z-index: 5; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 210px; width: 210px; padding: 1em; -moz-box-shadow: 5px 5px 7px #212121; -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); -moz-transition: -moz-transform 0.15s linear; -o-transition: -o-transform 0.15s linear; -webkit-transition: -webkit-transform 0.15s linear; } /* FILE MANAGER */ .file-box { float: left; width: 220px; } .file-manager h5 { text-transform: uppercase; } .file-manager { list-style: none outside none; margin: 0; padding: 0; } .folder-list li a { color: #666666; display: block; padding: 5px 0; } .folder-list li { border-bottom: 1px solid #e7eaec; display: block; } .folder-list li i { margin-right: 8px; color: #3d4d5d; } .category-list li a { color: #666666; display: block; th: 300px; } .loginColumns { max-width: 800px; margin: 0 auto; padding: 100px 20px 20px 20px; } .passwordBox { max-width: 460px; margin: 0 auto; padding: 100px 20px 20px 20px; } .logo-name { color: #e6e6e6; font-size: 180px; font-weight: 800; letter-spacing: -10px; margin-bottom: 0px; } .middle-box h1 { font-size: 170px; } .wrapper .middle-box { margin-top: 140px; } .lock-word { z-index: 10; position: absolute; top: 110px; left: 50%; margin-left: -470px; } .lock-word span { font-size: 100px; font-weight: 600; color: #e9e9e9; display: inline-block; } .lock-word .first-word { margin-right: 160px; } /* DASBOARD */ .dashboard-header { border-top: 0; padding: 20px 20px 20px 20px; } .dashboard-header h2 { margin-top: 10px; font-size: 26px; } .fist-item { border-top: none !important; } .statistic-box { margin-top: 40px; } .dashboard-header .list-group-item span.label { margin-right: 10px; } .list-group.clear-list .list-group-item { border-top: 1px solid #e7eaec; border-bottom: 0; border-right: 0; border-left: 0; padding: 10px 0; } ul.clear-list:first-child { border-top: none !important; } /* Intimeline */ .timeline-item .date i { position: absolute; top: 0; right: 0; padding: 5px; width: 30px; text-align: center; border-top: 1px solid #e7eaec; border-bottom: 1px solid #e7eaec; border-left: 1px solid #e7eaec; background: #f8f8f8; } .timeline-item .date { text-align: right; width: 110px; position: relative; padding-top: 30px; } .timeline-item .content { border-left: 1px solid #e7eaec; border-top: 1px solid #e7eaec; padding-top: 10px; min-height: 100px; } .timeline-item .content:hover { background: #f6f6f6; } /* PIN BOARD */ ul.notes li, ul.tag-list li { list-style: none; } ul.notes li h4 { margin-top: 20px; font-size: 16px; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 140px; width: 140px; padding: 1em; position: relative; } ul.notes li div small { position: absolute; top: 5px; right: 5px; font-size: 10px; } ul.notes li div a { position: absolute; right: 10px; bottom: 10px; color: inherit; } ul.notes li { margin: 10px 40px 50px 0px; float: left; } ul.notes li div p { font-size: 12px; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 140px; width: 140px; padding: 1em; /* Firefox */ -moz-box-shadow: 5px 5px 2px #212121; /* Safari+Chrome */ -webkit-box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); /* Opera */ box-shadow: 5px 5px 2px rgba(33, 33, 33, 0.7); } ul.notes li div { -webkit-transform: rotate(-6deg); -o-transform: rotate(-6deg); -moz-transform: rotate(-6deg); } ul.notes li:nth-child(even) div { -o-transform: rotate(4deg); -webkit-transform: rotate(4deg); -moz-transform: rotate(4deg); position: relative; top: 5px; } ul.notes li:nth-child(3n) div { -o-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); position: relative; top: -5px; } ul.notes li:nth-child(5n) div { -o-transform: rotate(5deg); -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); position: relative; top: -10px; } ul.notes li div:hover, ul.notes li div:focus { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); position: relative; z-index: 5; } ul.notes li div { text-decoration: none; color: #000; background: #ffc; display: block; height: 210px; width: 210px; padding: 1em; -moz-box-shadow: 5px 5px 7px #212121; -webkit-box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); box-shadow: 5px 5px 7px rgba(33, 33, 33, 0.7); -moz-transition: -moz-transform 0.15s linear; -o-transition: -o-transform 0.15s linear; -webkit-transition: -webkit-transform 0.15s linear; } /* FILE MANAGER */ .file-box { float: left; width: 220px; } .file-manager h5 { text-transform: uppercase; } .file-manager { list-style: none outside none; margin: 0; padding: 0; } .folder-list li a { color: #666666; display: block; padding: 5px 0; } .folder-list li { border-bottom: 1px solid #e7eaec; display: block; } .folder-list li i { margin-right: 8px; color: #3d4d5d; } .category-list li a { color: #666666; display: block; padding: 5px 0; } .category-list li { display: block; } .category-list li i { margin-right: 8px; color: #3d4d5d; } .category-list li a .text-navy { color: #1ab394; } .category-list li a .text-primary { color: #1c84c6; } .category-list li a .text-info { color: #23c6c8; } .category-list li a .text-danger { color: #EF5352; } .category-list li a .text-warning { color: #F8AC59; } .file-manager h5.tag-title { margin-top: 20px; } .tag-list li { float: left; } .tag-list li a { font-size: 10px; background-color: #f3f3f4; padding: 5px 12px; color: inherit; border-radius: 2px; border: 1px solid #e7eaec; margin-right: 5px; margin-top: 5px; display: block; } .file { border: 1px solid #e7eaec; padding: 0; background-color: #ffffff; position: relative; margin-bottom: 20px; margin-right: 20px; } .file-manager .hr-line-dashed { margin: 15px 0; } .file .icon, .file .image { height: 100px; overflow: hidden; } .file .icon { padding: 15px 10px; text-align: center; } .file-control { color: inherit; font-size: 11px; margin-right: 10px; } .file-control.active { text-decoration: underline; } .file .icon i { font-size: 70px; color: #dadada; } .file .file-name { padding: 10px; background-color: #f8f8f8; border-top: 1px solid #e7eaec; } .file-name small { color: #676a6c; } .corner { position: absolute; display: inline-block; width: 0; height: 0; line-height: 0; border: 0.6em solid transparent; border-right: 0.6em solid #f1f1f1; border-bottom: 0.6em solid #f1f1f1; right: 0em; bottom: 0em; } a.compose-mail { padding: 8px 10px; } .mail-search { max-width: 300px; } /* PROFILE */ .profile-content { border-top: none !important; } .profile-stats { margin-right: 10px; } .profile-image { width: 120px; float: left; } .profile-image img { width: 96px; height: 96px; } .profile-info { margin-left: 120px; } .feed-activity-list .feed-element { border-bottom: 1px solid #e7eaec; } .feed-element:first-child { margin-top: 0; } .feed-element { padding-bottom: 15px; } .feed-element, .feed-element .media { margin-top: 15px; } .feed-element, .media-body { overflow: hidden; } .feed-element > .pull-left { margin-right: 10px; } .feed-element img.img-circle, .dropdown-messages-box img.img-circle { width: 38px; height: 38px; } .feed-element .well { border: 1px solid #e7eaec; box-shadow: none; margin-top: 10px; margin-bottom: 5px; padding: 10px 20px; font-size: 11px; line-height: 16px; } .feed-element .actions { margin-top: 10px; } .feed-element .photos { margin: 10px 0; } .feed-photo { max-height: 180px; border-radius: 4px; overflow: hidden; margin-right: 10px; margin-bottom: 10px; } .file-list li { padding: 5px 10px; font-size: 11px; border-radius: 2px; border: 1px solid #e7eaec; margin-bottom: 5px; } .file-list li a { color: inherit; } .file-list li a:hover { color: #1ab394; } .user-friends img { width: 42px; height: 42px; margin-bottom: 5px; margin-right: 5px; } /* MAILBOX */ .mail-box { background-color: #ffffff; border: 1px solid #e7eaec; border-top: 0; padding: 0px; margin-bottom: 20px; } .mail-box-header { background-color: #ffffff; border: 1px solid #e7eaec; border-bottom: 0; padding: 30px 20px 20px 20px; } .mail-box-header h2 { margin-top: 0px; } .mailbox-content .tag-list li a { background: #ffffff; } .mail-body { border-top: 1px solid #e7eaec; padding: 20px; } .mail-text { border-top: 1px solid #e7eaec; } .mail-text .note-toolbar { padding: 10px 15px; } .mail-body .form-group { margin-bottom: 5px; } .mail-text .note-editor .note-toolbar { background-color: #F9F8F8; } .mail-attachment { border-top: 1px solid #e7eaec; padding: 20px; font-size: 12px; } .mailbox-content { background: none; border: none; padding: 10px; } .mail-ontact { width: 23%; } /* PROJECTS */ .project-people, .project-actions { text-align: right; vertical-align: middle; } dd.project-people { text-align: left; margin-top: 5px; } .project-people img { width: 32px; height: 32px; } .project-title a { font-size: 14px; color: #676a6c; font-weight: 600; } .project-list table tr td { border-top: none; border-bottom: 1px solid #e7eaec; padding: 15px 10px; vertical-align: middle; } .project-manager .tag-list li a { font-size: 10px; background-color: white; padding: 5px 12px; color: inherit; border-radius: 2px; border: 1px solid #e7eaec; margin-right: 5px; margin-top: 5px; display: block; } .project-files li a { font-size: 11px; color: #676a6c; margin-left: 10px; line-height: 22px; } /* FAQ */ .faq-item { padding: 20px; margin-bottom: 2px; background: #fff; } .faq-question { font-size: 18px; font-weight: 600; color: #1ab394; display: block; } .faq-question:hover { color: #179d82; } .faq-answer { margin-top: 10px; background: #f3f3f4; border: 1px solid #e7eaec; border-radius: 3px; padding: 15px; } .faq-item .tag-item { background: #f3f3f4; padding: 2px 6px; font-size: 10px; text-transform: uppercase; } /* Chat view */ .message-input { height: 90px !important; } .chat-avatar { white: 36px; height: 36px; float: left; margin-right: 10px; } .chat-user-name { padding: 10px; } .chat-user { padding: 8px 10px; border-bottom: 1px solid #e7eaec; } .chat-user a { color: inherit; } .chat-view { z-index: 20012; } .chat-users, .chat-statistic { margin-left: -30px; } @media (max-width: 992px) { .chat-users, .chat-statistic { margin-left: 0px; } } .chat-view .ibox-content { padding: 0; } .chat-message { padding: 10px 20px; } .message-avatar { height: 48px; width: 48px; border: 1px solid #e7eaec; border-radius: 4px; margin-top: 1px; } .chat-discussion .chat-message.left .message-avatar { float: left; margin-right: 10px; } .chat-discussion .chat-message.right .message-avatar { float: right; margin-left: 10px; } .message { text-align: left; display: block; padding: 10px 20px; position: relative; border-radius: 4px; } .chat-discussion .chat-message.left .message-date { float: right; } .chat-discussion .chat-message.right .message-date { float: left; } .chat-discussion .chat-message.left .message { text-align: left; margin-left: 55px; } .chat-discussion .chat-message.right .message { text-align: right; margin-right: 55px; } .message-date { font-size: 10px; color: #888888; } .message-content { display: block; } .chat-discussion { background: #eee; padding: 15px; height: 400px; overflow-y: auto; } .chat-users { overflow-y: auto; height: 400px; } .chat-message-form .form-group { margin-bottom: 0; } /* jsTree */ .jstree-open > .jstree-anchor > .fa-folder:before { content: "\f07c"; } .jstree-default .jstree-icon.none { width: 0; } /* CLIENTS */ .clients-list { margin-top: 20px; } .clients-list .tab-pane { position: relative; height: 600px; } .client-detail { position: relative; height: 620px; } .clients-list table tr td { height: 46px; vertical-align: middle; border: none ; } .client-link { font-weight: 600; color: inherit; } .client-link:hover { color: inherit; } .client-avatar { width: 42px; } .client-avatar img { width: 28px; height: 28px; border-radius: 50%; } .contact-type { width: 20px; color: #c1c3c4; } .client-status { text-align: left; } .client-detail .vertical-timeline-content p { margin: 0; } .client-detail .vertical-timeline-icon.gray-bg { color: #a7aaab; } .clients-list .nav-tabs > li.active > a, .clients-list .nav-tabs > li.active > a:hover, .clients-list .nav-tabs > li.active > a:focus { border-bottom: 1px solid #fff; } /* BLOG ARTICLE */ .blog h2 { font-weight: 700; } .blog h5 { margin: 0 0 5px 0; } .blog .btn { margin: 0 0 5px 0; } .article h1 { font-size: 48px; font-weight: 700; color: #2F4050; } .article p { font-size: 15px; line-height: 26px; } .article-title { text-align: center; margin: 40px 0 100px 0; } .article .ibox-content { padding: 40px; } /* ISSUE TRACKER */ .issue-tracker .btn-link { color: #1ab394; } table.issue-tracker tbody tr td { vertical-align: middle; height: 50px; } .issue-info { width: 50%; } .issue-info a { font-weight: 600; color: #676a6c; } .issue-info small { display: block; } /* TEAMS */ .team-members { margin: 10px 0; } .team-members img.img-circle { width: 42px; height: 42px; margin-bottom: 5px; } /* AGILE BOARD */ .sortable-list { padding: 10px 0; } .agile-list { list-style: none; margin: 0; } .agile-list li { background: #FAFAFB; border: 1px solid #e7eaec; margin: 0px 0 10px 0; padding: 10px; border-radius: 2px; } .agile-list li:hover { cursor: pointer; background: #fff; } .agile-list li.warning-element { border-left: 3px solid #f8ac59; } .agile-list li.danger-element { border-left: 3px solid #ed5565; } .agile-list li.info-element { border-left: 3px solid #1c84c6; } .agile-list li.success-element { border-left: 3px solid #1ab394; } .agile-detail { margin-top: 5px; font-size: 12px; } /* DIFF */ ins { background-color: #c6ffc6; text-decoration: none; } del { background-color: #ffc6c6; } /* E-commerce */ .product-box { padding: 0; border: 1px solid #e7eaec; } .product-box:hover, .product-box.active { border: 1px solid transparent; -webkit-box-shadow: 0px 3px 7px 0px #a8a8a8; -moz-box-shadow: 0px 3px 7px 0px #a8a8a8; box-shadow: 0px 3px 7px 0px #a8a8a8; } .product-imitation { text-align: center; padding: 90px 0; background-color: #f8f8f9; color: #bebec3; font-weight: 600; } .product-imitation.xl { padding: 120px 0; } .product-desc { padding: 20px; position: relative; } .ecommerce .tag-list { padding: 0; } .ecommerce .fa-star { color: #d1dade; } .ecommerce .fa-star.active { color: #f8ac59; } .ecommerce .note-editor { border: 1px solid #e7eaec; } .product-name { font-size: 16px; font-weight: 600; color: #676a6c; display: block; margin: 2px 0 5px 0; } .product-name:hover, .product-name:focus { color: #1ab394; } .product-price { font-size: 14px; font-weight: 600; color: #ffffff; background-color: #1ab394; padding: 6px 12px; position: absolute; top: -32px; right: 0; } .product-detail .ibox-content { padding: 30px 30px 50px 30px; } .image-imitation { background-color: #f8f8f9; text-align: center; padding: 200px 0; } .product-main-price small { font-size: 10px; } .product-images { margin: 0 20px; } /* Social feed */ .social-feed-separated .social-feed-box { margin-left: 62px; } .social-feed-separated .social-avatar { float: left; padding: 0; } .social-feed-separated .social-avatar img { width: 52px; height: 52px; border: 1px solid #e7eaec; } .social-feed-separated .social-feed-box .social-avatar { padding: 15px 15px 0 15px; float: none; } .social-feed-box { /*padding: 15px;*/ border: 1px solid #e7eaec; background: #fff; margin-bottom: 15px; } .article .social-feed-box { margin-bottom: 0; border-bottom: none; } .article .social-feed-box:last-child { margin-bottom: 0; border-bottom: 1px solid #e7eaec; } .article .social-feed-box p { font-size: 13px; line-height: 18px; } .social-action { margin: 15px; } .social-avatar { padding: 15px 15px 0 15px; } .social-comment .social-comment { margin-left: 45px; } .social-avatar img { height: 40px; width: 40px; margin-right: 10px; } .social-avatar .media-body a { font-size: 14px; display: block; } .social-body { padding: 15px; } .social-body img { margin-bottom: 10px; } .social-footer { border-top: 1px solid #e7eaec; padding: 10px 15px; background: #f9f9f9; } .social-footer .social-comment img { width: 32px; margin-right: 10px; } .social-comment:first-child { margin-top: 0; } .social-comment { margin-top: 15px; } .social-comment textarea { font-size: 12px; } /* Vote list */ .vote-item { padding: 20px 25px; background: #ffffff; border-top: 1px solid #e7eaec; } .vote-item:last-child { border-bottom: 1px solid #e7eaec; } .vote-item:hover { background: #fbfbfb; } .vote-actions { float: left; width: 30px; margin-right: 15px; text-align: center; } .vote-actions a { color: #1ab394; font-weight: 600; } .vote-actions { font-weight: 600; } .vote-title { display: block; color: inherit; font-size: 18px; font-weight: 600; margin-top: 5px; margin-bottom: 2px; } .vote-title:hover, .vote-title:focus { color: inherit; } .vote-info, .vote-title { margin-left: 45px; } .vote-info, .vote-info a { color: #b4b6b8; font-size: 12px; } .vote-info a { margin-right: 10px; } .vote-info a:hover { color: #1ab394; } .vote-icon { text-align: right; font-size: 38px; display: block; color: #e8e9ea; } .vote-icon.active { color: #1ab394; } body.body-small .vote-icon { display: none; } #small-chat { position: fixed; bottom: 20px; right: 20px; z-index: 100; } #small-chat .badge { position: absolute; top: -3px; right: -4px; } .open-small-chat { height: 38px; width: 38px; display: block; background: #1ab394; padding: 9px 8px; text-align: center; color: #fff; border-radius: 50%; } .open-small-chat:hover { color: white; background: #1ab394; } .small-chat-box { display: none; position: fixed; bottom: 20px; right: 75px; background: #fff; border: 1px solid #e7eaec; width: 230px; height: 320px; border-radius: 4px; } .small-chat-box.ng-small-chat { display: block; } .body-small .small-chat-box { bottom: 70px; right: 20px; } .small-chat-box.active { display: block; } .small-chat-box .heading { background: #2f4050; padding: 8px 15px; font-weight: bold; color: #fff; } .small-chat-box .chat-date { opacity: 0.6; font-size: 10px; font-weight: normal; } .small-chat-box .content { padding: 15px 15px; } .small-chat-box .content .author-name { font-weight: bold; margin-bottom: 3px; font-size: 11px; } .small-chat-box .content > div { padding-bottom: 20px; } .small-chat-box .content .chat-message { padding: 5px 10px; border-radius: 6px; font-size: 11px; line-height: 14px; max-width: 80%; background: #f3f3f4; margin-bottom: 10px; } .small-chat-box .content .chat-message.active { background: #1ab394; color: #fff; } .small-chat-box .content .left { text-align: left; clear: both; } .small-chat-box .content .left .chat-message { float: left; } .small-chat-box .content .right { text-align: right; clear: both; } .small-chat-box .content .right .chat-message { float: right; } .small-chat-box .form-chat { padding: 10px 10px; } /* * metismenu - v2.0.2 * A jQuery menu plugin * https://github.com/onokumus/metisMenu * * Made by Osman Nuri Okumus * Under MIT License */ .metismenu .plus-minus, .metismenu .plus-times { float: right; } .metismenu .arrow { float: right; line-height: 1.42857; } .metismenu .glyphicon.arrow:before { content: "\e079"; } .metismenu .active > a > .glyphicon.arrow:before { content: "\e114"; } .metismenu .fa.arrow:before { content: "\f104"; } .metismenu .active > a > .fa.arrow:before { content: "\f107"; } .metismenu .ion.arrow:before { content: "\f3d2"; } .metismenu .active > a > .ion.arrow:before { content: "\f3d0"; } .metismenu .fa.plus-minus:before, .metismenu .fa.plus-times:before { content: "\f067"; } .metismenu .active > a > .fa.plus-times { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .metismenu .active > a > .fa.plus-minus:before { content: "\f068"; } .metismenu .collapse { display: none; } .metismenu .collapse.in { display: block; } .metismenu .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .35s; transition-duration: .35s; -webkit-transition-property: height, visibility; transition-property: height, visibility; } /* * Usage: * * * */ .sk-spinner-rotating-plane.sk-spinner { width: 30px; height: 30px; background-color: #1ab394; margin: 0 auto; -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out; animation: sk-rotatePlane 1.2s infinite ease-in-out; } @-webkit-keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } @keyframes sk-rotatePlane { 0% { -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); transform: perspective(120px) rotateX(0deg) rotateY(0deg); } 50% { -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); } 100% { -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* * Usage: * * * */ .sk-spinner-double-bounce.sk-spinner { width: 40px; height: 40px; position: relative; margin: 0 auto; } .sk-spinner-double-bounce .sk-double-bounce1, .sk-spinner-double-bounce .sk-double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #1ab394; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-spinner-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-wave.sk-spinner { margin: 0 auto; width: 50px; height: 30px; text-align: center; font-size: 10px; } .sk-spinner-wave div { background-color: #1ab394; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out; animation: sk-waveStretchDelay 1.2s infinite ease-in-out; } .sk-spinner-wave .sk-rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-wave .sk-rect3 { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-wave .sk-rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-wave .sk-rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes sk-waveStretchDelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4); transform: scaleY(0.4); } 20% { -webkit-transform: scaleY(1); transform: scaleY(1); } } /* * Usage: * * * */ .sk-spinner-wandering-cubes.sk-spinner { margin: 0 auto; width: 32px; height: 32px; position: relative; } .sk-spinner-wandering-cubes .sk-cube1, .sk-spinner-wandering-cubes .sk-cube2 { background-color: #1ab394; width: 10px; height: 10px; position: absolute; top: 0; left: 0; -webkit-animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; animation: sk-wanderingCubeMove 1.8s infinite ease-in-out; } .sk-spinner-wandering-cubes .sk-cube2 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } @-webkit-keyframes sk-wanderingCubeMove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } @keyframes sk-wanderingCubeMove { 25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5); transform: translateX(42px) rotate(-90deg) scale(0.5); } 50% { /* Hack to make FF rotate in the right direction */ -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg); transform: translateX(42px) translateY(42px) rotate(-179deg); } 50.1% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg); transform: translateX(42px) translateY(42px) rotate(-180deg); } 75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5); } 100% { -webkit-transform: rotate(-360deg); transform: rotate(-360deg); } } /* * Usage: * * * */ .sk-spinner-pulse.sk-spinner { width: 40px; height: 40px; margin: 0 auto; background-color: #1ab394; border-radius: 100%; -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out; animation: sk-pulseScaleOut 1s infinite ease-in-out; } @-webkit-keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } @keyframes sk-pulseScaleOut { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; } } /* * Usage: * * * */ .sk-spinner-chasing-dots.sk-spinner { margin: 0 auto; width: 40px; height: 40px; position: relative; text-align: center; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; } .sk-spinner-chasing-dots .sk-dot1, .sk-spinner-chasing-dots .sk-dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #1ab394; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .sk-spinner-chasing-dots .sk-dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-three-bounce.sk-spinner { margin: 0 auto; width: 70px; text-align: center; } .sk-spinner-three-bounce div { width: 18px; height: 18px; background-color: #1ab394; border-radius: 100%; display: inline-block; -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out; animation: sk-threeBounceDelay 1.4s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-three-bounce .sk-bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .sk-spinner-three-bounce .sk-bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } @-webkit-keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-threeBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 20%; height: 20%; background-color: #1ab394; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out; animation: sk-circleBounceDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-spinner-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-spinner-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-spinner-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-spinner-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-spinner-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-spinner-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-spinner-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-spinner-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-spinner-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-spinner-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-spinner-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-spinner-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-spinner-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-spinner-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-spinner-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-spinner-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-spinner-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-spinner-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } /* * Usage: * * * */ .sk-spinner-cube-grid { /* * Spinner positions * 1 2 3 * 4 5 6 * 7 8 9 */ } .sk-spinner-cube-grid.sk-spinner { width: 30px; height: 30px; margin: 0 auto; } .sk-spinner-cube-grid .sk-cube { width: 33%; height: 33%; background-color: #1ab394; float: left; -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; } .sk-spinner-cube-grid .sk-cube:nth-child(1) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube:nth-child(2) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube:nth-child(3) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .sk-spinner-cube-grid .sk-cube:nth-child(4) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube:nth-child(5) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .sk-spinner-cube-grid .sk-cube:nth-child(6) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .sk-spinner-cube-grid .sk-cube:nth-child(7) { -webkit-animation-delay: 0s; animation-delay: 0s; } .sk-spinner-cube-grid .sk-cube:nth-child(8) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .sk-spinner-cube-grid .sk-cube:nth-child(9) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } @-webkit-keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } @keyframes sk-cubeGridScaleDelay { 0%, 70%, 100% { -webkit-transform: scale3D(1, 1, 1); transform: scale3D(1, 1, 1); } 35% { -webkit-transform: scale3D(0, 0, 1); transform: scale3D(0, 0, 1); } } /* * Usage: * * * */ .sk-spinner-wordpress.sk-spinner { background-color: #1ab394; width: 30px; height: 30px; border-radius: 30px; position: relative; margin: 0 auto; -webkit-animation: sk-innerCircle 1s linear infinite; animation: sk-innerCircle 1s linear infinite; } .sk-spinner-wordpress .sk-inner-circle { display: block; background-color: #fff; width: 8px; height: 8px; position: absolute; border-radius: 8px; top: 5px; left: 5px; } @-webkit-keyframes sk-innerCircle { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-innerCircle { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* * Usage: * * * */ .sk-spinner-fading-circle.sk-spinner { margin: 0 auto; width: 22px; height: 22px; position: relative; } .sk-spinner-fading-circle .sk-circle { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-spinner-fading-circle .sk-circle:before { content: ''; display: block; margin: 0 auto; width: 18%; height: 18%; background-color: #1ab394; border-radius: 100%; -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out; animation: sk-circleFadeDelay 1.2s infinite ease-in-out; /* Prevent first frame from flickering when animation starts */ -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sk-spinner-fading-circle .sk-circle2 { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); } .sk-spinner-fading-circle .sk-circle3 { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); } .sk-spinner-fading-circle .sk-circle4 { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .sk-spinner-fading-circle .sk-circle5 { -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .sk-spinner-fading-circle .sk-circle6 { -webkit-transform: rotate(150deg); -ms-transform: rotate(150deg); transform: rotate(150deg); } .sk-spinner-fading-circle .sk-circle7 { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sk-spinner-fading-circle .sk-circle8 { -webkit-transform: rotate(210deg); -ms-transform: rotate(210deg); transform: rotate(210deg); } .sk-spinner-fading-circle .sk-circle9 { -webkit-transform: rotate(240deg); -ms-transform: rotate(240deg); transform: rotate(240deg); } .sk-spinner-fading-circle .sk-circle10 { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .sk-spinner-fading-circle .sk-circle11 { -webkit-transform: rotate(300deg); -ms-transform: rotate(300deg); transform: rotate(300deg); } .sk-spinner-fading-circle .sk-circle12 { -webkit-transform: rotate(330deg); -ms-transform: rotate(330deg); transform: rotate(330deg); } .sk-spinner-fading-circle .sk-circle2:before { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .sk-spinner-fading-circle .sk-circle3:before { -webkit-animation-delay: -1s; animation-delay: -1s; } .sk-spinner-fading-circle .sk-circle4:before { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .sk-spinner-fading-circle .sk-circle5:before { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } .sk-spinner-fading-circle .sk-circle6:before { -webkit-animation-delay: -0.7s; animation-delay: -0.7s; } .sk-spinner-fading-circle .sk-circle7:before { -webkit-animation-delay: -0.6s; animation-delay: -0.6s; } .sk-spinner-fading-circle .sk-circle8:before { -webkit-animation-delay: -0.5s; animation-delay: -0.5s; } .sk-spinner-fading-circle .sk-circle9:before { -webkit-animation-delay: -0.4s; animation-delay: -0.4s; } .sk-spinner-fading-circle .sk-circle10:before { -webkit-animation-delay: -0.3s; animation-delay: -0.3s; } .sk-spinner-fading-circle .sk-circle11:before { -webkit-animation-delay: -0.2s; animation-delay: -0.2s; } .sk-spinner-fading-circle .sk-circle12:before { -webkit-animation-delay: -0.1s; animation-delay: -0.1s; } @-webkit-keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } @keyframes sk-circleFadeDelay { 0%, 39%, 100% { opacity: 0; } 40% { opacity: 1; } } /* * * INSPINIA Landing Page - Responsive Admin Theme * Copyright 2014 Webapplayers.com * */ /* GLOBAL STYLES -------------------------------------------------- */ /* PACE PLUGIN -------------------------------------------------- */ .landing-page.pace .pace-progress { background: #fff; position: fixed; z-index: 2000; top: 0; left: 0; height: 2px; -webkit-transition: width 1s; -moz-transition: width 1s; -o-transition: width 1s; transition: width 1s; } .pace-inactive { display: none; } body.landing-page { color: #676a6c; font-family: 'Open Sans', helvetica, arial, sans-serif; background-color: #fff; } .landing-page { /* CUSTOMIZE THE NAVBAR -------------------------------------------------- */ /* Flip around the padding for proper display in narrow viewports */ /* BACKGROUNDS SLIDER -------------------------------------------------- */ /* CUSTOMIZE THE CAROUSEL -------------------------------------------------- */ /* Carousel base class */ /* Since positioning the image, we need to help out the caption */ /* Declare heights because of positioning of img element */ /* Sections ------------------------- */ /* Buttons - only primary custom button ------------------------- */ /* RESPONSIVE CSS -------------------------------------------------- */ } .landing-page span.navy { color: #1ab394; } .landing-page p.text-color { color: #676a6c; } .landing-page a.navy-link { color: #1ab394; text-decoration: none; } .landing-page a.navy-link:hover { color: #179d82; } .landing-page section p { color: #aeaeae; font-size: 13px; } .landing-page address { font-size: 13px; } .landing-page h1 { margin-top: 10px; font-size: 30px; font-weight: 200; } .landing-page .navy-line { width: 60px; height: 1px; margin: 60px auto 0; border-bottom: 2px solid #1ab394; } .landing-page .navbar-wrapper { position: fixed; top: 0; right: 0; left: 0; z-index: 200; } .landing-page .navbar-wrapper > .container { padding-right: 0; padding-left: 0; } .landing-page .navbar-wrapper .navbar { padding-right: 15px; padding-left: 15px; } .landing-page .navbar-default.navbar-scroll { background-color: #fff; border-color: #fff; padding: 15px 0; } .landing-page .navbar-default { background-color: transparent; border-color: transparent; transition: all 0.3s ease-in-out 0s; } .landing-page .navbar-default .nav li a { color: #fff; font-family: 'Open Sans', helvetica, arial, sans-serif; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; } .landing-page .navbar-nav > li > a { padding-top: 25px; border-top: 6px solid transparent; } .landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover { background: transparent; color: #fff; border-top: 6px solid #1ab394; } .landing-page .navbar-default .navbar-nav > li > a:hover, .landing-page .navbar-default .navbar-nav > li > a:focus { color: #1ab394; background: inherit; } .landing-page .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #fff; } .landing-page .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: #ffffff; } .landing-page .navbar-default.navbar-scroll .navbar-nav > .active > a:focus { background: transparent; color: inherit; } .landing-page .navbar-default .navbar-brand:hover, .landing-page .navbar-default .navbar-brand:focus { background: #179d82; color: #fff; } .landing-page .navbar-default .navbar-brand { color: #fff; height: auto; display: block; font-size: 14px; background: #1ab394; padding: 15px 20px 15px 20px; border-radius: 0 0 5px 5px; font-weight: 700; transition: all 0.3s ease-in-out 0s; } .landing-page .navbar-scroll.navbar-default .nav li a { color: #676a6c; } .landing-page .navbar-scroll.navbar-default .nav li a:hover { color: #1ab394; } .landing-page .navbar-wrapper .navbar.navbar-scroll { padding-top: 0; padding-bottom: 0px; border-bottom: 1px solid #e7eaec; border-radius: 0; } .landing-page .nav > li.active { border: none; background: inherit; } .landing-page .nav > li > a { padding: 25px 10px 15px 10px; } .landing-page .navbar-scroll .navbar-nav > li > a { padding: 20px 10px; } .landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover { border-top: 6px solid #1ab394; } .landing-page .navbar-fixed-top { border: none !important; } .landing-page .navbar-fixed-top.navbar-scroll { border-bottom: 1px solid #e7eaec !important; } .landing-page .navbar.navbar-scroll .navbar-brand { margin-top: 15px; border-radius: 5px; font-size: 12px; padding: 10px; height: auto; } .landing-page .header-back { height: 470px; width: 100%; } .landing-page .header-back.one { background: url('../img/landing/header_one.jpg') 50% 0 no-repeat; } .landing-page .header-back.two { background: url('../img/landing/header_two.jpg') 50% 0 no-repeat; } .landing-page .carousel { height: 470px; } .landing-page .carousel-caption { z-index: 10; } .landing-page .carousel .item { height: 470px; background-color: #777; } .landing-page .carousel-inner > .item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 470px; } .landing-page .carousel-fade .carousel-inner .item { opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .landing-page .carousel-fade .carousel-inner .active { opacity: 1; } .landing-page .carousel-fade .carousel-inner .active.left, .landing-page .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; } .landing-page .carousel-fade .carousel-inner .next.left, .landing-page .carousel-fade .carousel-inner .prev.right { opacity: 1; } .landing-page .carousel-fade .carousel-control { z-index: 2; } .landing-page .carousel-control.left, .landing-page .carousel-control.right { background: none; } .landing-page .carousel-control { width: 6%; } .landing-page .carousel-inner .container { position: relative; } .landing-page .carousel-inner { overflow: visible; } .landing-page .carousel-caption { position: absolute; top: 100px; left: 0; bottom: auto; right: auto; text-align: left; } .landing-page .carousel-caption { position: absolute; top: 100px; left: 0; bottom: auto; right: auto; text-align: left; } .landing-page .carousel-caption.blank { top: 140px; } .landing-page .carousel-image { position: absolute; right: 10px; top: 150px; } .landing-page .carousel-indicators { padding-right: 60px; } .landing-page .carousel-caption h1 { font-weight: 700; font-size: 38px; text-transform: uppercase; text-shadow: none; letter-spacing: -1.5px; } .landing-page .carousel-caption p { font-weight: 700; text-transform: uppercase; text-shadow: none; } .landing-page .caption-link { color: #fff; margin-left: 10px; text-transform: capitalize; font-weight: 400; } .landing-page .caption-link:hover { text-decoration: none; color: inherit; } .landing-page .services { padding-top: 60px; } .landing-page .services h2 { font-size: 20px; letter-spacing: -1px; font-weight: 600; text-transform: uppercase; } .landing-page .features-block { margin-top: 40px; } .landing-page .features-text { margin-top: 40px; } .landing-page .features small { color: #1ab394; } .landing-page .features h2 { font-size: 18px; margin-top: 5px; } .landing-page .features-text-alone { margin: 40px 0; } .landing-page .features-text-alone h1 { font-weight: 200; } .landing-page .features-icon { color: #1ab394; font-size: 40px; } .landing-page .navy-section { margin-top: 60px; background: #1ab394; color: #fff; padding: 20px 0; } .landing-page .gray-section { background: #f4f4f4; margin-top: 60px; } .landing-page .team-member { text-align: center; } .landing-page .team-member img { margin: auto; } .landing-page .social-icon a { background: #1ab394; color: #fff; padding: 4px 8px; height: 28px; width: 28px; display: block; border-radius: 50px; } .landing-page .social-icon a:hover { background: #179d82; } .landing-page .img-small { height: 88px; width: 88px; } .landing-page .pricing-plan { margin: 20px 30px 0 30px; border-radius: 4px; } .landing-page .pricing-plan.selected { transform: scale(1.1); background: #f4f4f4 ; } .landing-page .pricing-plan li { padding: 10px 16px; border-top: 1px solid #e7eaec; text-align: center; color: #aeaeae; } .landing-page .pricing-plan .pricing-price span { font-weight: 700; color: #1ab394; } .landing-page li.pricing-desc { font-size: 13px; border-top: none; padding: 20px 16px ; } .landing-page li.pricing-title { background: #1ab394; color: #fff; padding: 10px; border-radius: 4px 4px 0 0; font-size: 22px; font-weight: 600; } .landing-page .testimonials { padding-top: 80px; padding-bottom: 90px; background-color: #1ab394; background-image: url('../img/landing/avatar_all.png'); } .landing-page .big-icon { font-size: 56px !important; } .landing-page .features .big-icon { color: #1ab394 !important; } .landing-page .contact { background-image: url('../img/landing/word_map.png'); background-position: 50% 50%; background-repeat: no-repeat; margin-top: 60px; } .landing-page section.timeline { padding-bottom: 30px; } .landing-page section.comments { padding-bottom: 80px; } .landing-page .comments-avatar { margin-top: 25px; margin-left: 22px; } .landing-page .comments-avatar .commens-name { font-weight: 600; font-size: 14px; } .landing-page .comments-avatar img { width: 42px; height: 42px; border-radius: 50%; margin-right: 10px; } .landing-page .bubble { position: relative; height: 120px; padding: 20px; background: #FFFFFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-style: italic; font-size: 14px; } .landing-page .bubble:after { content: ''; position: absolute; border-style: solid; border-width: 15px 14px 0; border-color: #FFFFFF transparent; display: block; width: 0; z-index: 1; bottom: -15px; left: 30px; } .landing-page .btn-primary.btn-outline:hover, .landing-page .btn-success.btn-outline:hover, .landing-page .btn-info.btn-outline:hover, .landing-page .btn-warning.btn-outline:hover, .landing-page .btn-danger.btn-outline:hover { color: #fff; } .landing-page .btn-primary { background-color: #1ab394; border-color: #1ab394; color: #FFFFFF; font-size: 14px; padding: 10px 20px; font-weight: 600; } .landing-page .btn-primary:hover, .landing-page .btn-primary:focus, .landing-page .btn-primary:active, .landing-page .btn-primary.active, .landing-page .open .dropdown-toggle.btn-primary { background-color: #179d82; border-color: #179d82; color: #FFFFFF; } .landing-page .btn-primary:active, .landing-page .btn-primary.active, .landing-page .open .dropdown-toggle.btn-primary { background-image: none; } .landing-page .btn-primary.disabled, .landing-page .btn-primary.disabled:hover, .landing-page .btn-primary.disabled:focus, .landing-page .btn-primary.disabled:active, .landing-page .btn-primary.disabled.active, .landing-page .btn-primary[disabled], .landing-page .btn-primary[disabled]:hover, .landing-page .btn-primary[disabled]:focus, .landing-page .btn-primary[disabled]:active, .landing-page .btn-primary.active[disabled], .landing-page fieldset[disabled] .btn-primary, .landing-page fieldset[disabled] .btn-primary:hover, .landing-page fieldset[disabled] .btn-primary:focus, .landing-page fieldset[disabled] .btn-primary:active, .landing-page fieldset[disabled] .btn-primary.active { background-color: #1dc5a3; border-color: #1dc5a3; } @media (min-width: 768px) { .landing-page { /* Navbar positioning foo */ /* The navbar becomes detached from the top, so we round the corners */ /* Bump up size of carousel content */ } .landing-page .navbar-wrapper { margin-top: 20px; } .landing-page .navbar-wrapper .container { padding-right: 15px; padding-left: 15px; } .landing-page .navbar-wrapper .navbar { padding-right: 0; padding-left: 0; } .landing-page .navbar-wrapper .navbar { border-radius: 4px; } .landing-page .carousel-caption p { margin-bottom: 20px; font-size: 14px; line-height: 1.4; } .landing-page .featurette-heading { font-size: 50px; } } @media (max-width: 992px) { .landing-page .carousel-image { display: none; } } @media (max-width: 768px) { .landing-page .carousel-caption, .landing-page .carousel-caption.blank { left: 5%; top: 80px; } .landing-page .carousel-caption h1 { font-size: 28px; } .landing-page .navbar.navbar-scroll .navbar-brand { margin-top: 6px; } .landing-page .navbar-default { background-color: #fff; border-color: #fff; padding: 15px 0; } .landing-page .navbar-default .navbar-nav > .active > a:focus { background: transparent; color: inherit; } .landing-page .navbar-default .nav li a { color: #676a6c; } .landing-page .navbar-default .nav li a:hover { color: #1ab394; } .landing-page .navbar-wrapper .navbar { padding-top: 0; padding-bottom: 5px; border-bottom: 1px solid #e7eaec; border-radius: 0; } .landing-page .nav > li > a { padding: 25px 10px 15px 10px; } .landing-page .navbar-nav > li > a { padding: 20px 10px; } .landing-page .navbar .navbar-brand { margin-top: 6px; border-radius: 5px; font-size: 12px; padding: 10px; height: auto; } .landing-page .navbar-wrapper .navbar { padding-left: 15px; padding-right: 5px; } .landing-page .navbar-default .navbar-nav > .active > a, .landing-page .navbar-default .navbar-nav > .active > a:hover { color: inherit; } .landing-page .carousel-control { display: none; } } @media (min-width: 992px) { .landing-page .featurette-heading { margin-top: 120px; } } @media (max-width: 768px) { .landing-page .navbar .navbar-header { display: block; float: none; } .landing-page .navbar .navbar-header .navbar-toggle { background-color: #ffffff; padding: 9px 10px; border: none; } } body.rtls { /* Theme config */ } body.rtls #page-wrapper { margin: 0 220px 0 0; } body.rtls .nav-second-level li a { padding: 7px 35px 7px 10px; } body.rtls .ibox-title h5 { float: right; } body.rtls .pull-right { float: left !important; } body.rtls .pull-left { float: right !important; } body.rtls .ibox-tools { float: left; } body.rtls .stat-percent { float: left; } body.rtls .navbar-right { float: left !important; } body.rtls .navbar-top-links li:last-child { margin-left: 40px; margin-right: 0; } body.rtls .minimalize-styl-2 { float: right; margin: 14px 20px 5px 5px; } body.rtls .feed-element > .pull-left { margin-left: 10px; margin-right: 0; } body.rtls .timeline-item .date { text-align: left; } body.rtls .timeline-item .date i { left: 0; right: auto; } body.rtls .timeline-item .content { border-right: 1px solid #e7eaec; border-left: none; } body.rtls .theme-config { left: 0; right: auto; } body.rtls .spin-icon { border-radius: 0 20px 20px 0; } body.rtls .toast-close-button { float: left; } body.rtls #toast-container > .toast:before { margin: auto -1.5em auto 0.5em; } body.rtls #toast-container > div { padding: 15px 50px 15px 15px; } body.rtls .center-orientation .vertical-timeline-icon i { margin-left: 0; margin-right: -12px; } body.rtls .vertical-timeline-icon i { right: 50%; left: auto; margin-left: auto; margin-right: -12px; } body.rtls .file-box { float: right; } body.rtls ul.notes li { float: right; } body.rtls .chat-users, body.rtls .chat-statistic { margin-right: -30px; margin-left: auto; } body.rtls .dropdown-menu > li > a { text-align: right; } body.rtls .b-r { border-left: 1px solid #e7eaec; border-right: none; } body.rtls .dd-list .dd-list { padding-right: 30px; padding-left: 0; } body.rtls .dd-item > button { float: right; } body.rtls .theme-config-box { margin-left: -220px; margin-right: 0; } body.rtls .theme-config-box.show { margin-left: 0; margin-right: 0; } body.rtls .spin-icon { right: 0; left: auto; } body.rtls .skin-setttings { margin-right: 40px; margin-left: 0; } body.rtls .skin-setttings { direction: ltr; } body.rtls .footer.fixed { margin-right: 220px; margin-left: 0; } @media (max-width: 992px) { body.rtls .chat-users, body.rtls .chat-statistic { margin-right: 0px; } } body.rtls.mini-navbar .footer.fixed, body.body-small.mini-navbar .footer.fixed { margin: 0 70px 0 0; } body.rtls.mini-navbar.fixed-sidebar .footer.fixed, body.body-small.mini-navbar .footer.fixed { margin: 0 0 0 0; } body.rtls.top-navigation .navbar-toggle { float: right; margin-left: 15px; margin-right: 15px; } .body-small.rtls.top-navigation .navbar-header { float: none; } body.rtls.top-navigation #page-wrapper { margin: 0; } body.rtls.mini-navbar #page-wrapper { margin: 0 70px 0 0; } body.rtls.mini-navbar.fixed-sidebar #page-wrapper { margin: 0 0 0 0; } body.rtls.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 220px 0 0; } body.rtls.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: 220px; } .body-small.rtls .navbar-fixed-top { margin-right: 0px; } .body-small.rtls .navbar-header { float: right; } body.rtls .navbar-top-links li:last-child { margin-left: 20px; } body.rtls .top-navigation #page-wrapper, body.rtls.mini-navbar .top-navigation #page-wrapper, body.rtls.mini-navbar.top-navigation #page-wrapper { margin: 0; } body.rtls .top-navigation .footer.fixed, body.rtls.top-navigation .footer.fixed { margin: 0; } @media (max-width: 768px) { body.rtls .navbar-top-links li:last-child { margin-left: 20px; } .body-small.rtls #page-wrapper { position: inherit; margin: 0 0 0 0px; min-height: 1000px; } .body-small.rtls .navbar-static-side { display: none; z-index: 2001; position: absolute; width: 70px; } .body-small.rtls.mini-navbar .navbar-static-side { display: block; } .rtls.fixed-sidebar.body-small .navbar-static-side { display: none; z-index: 2001; position: fixed; width: 220px; } .rtls.fixed-sidebar.body-small.mini-navbar .navbar-static-side { display: block; } } .rtls .ltr-support { direction: ltr; } /* * * This is style for skin config * Use only in demo theme * */ .theme-config { position: absolute; top: 90px; right: 0px; overflow: hidden; } .theme-config-box { margin-right: -220px; position: relative; z-index: 2000; transition-duration: 0.8s; } .theme-config-box.show { margin-right: 0px; } .spin-icon { background: #1ab394; position: absolute; padding: 7px 10px 7px 13px; border-radius: 20px 0px 0px 20px; font-size: 16px; top: 0; left: 0px; width: 40px; color: #fff; cursor: pointer; } .skin-setttings { width: 220px; margin-left: 40px; background: #f3f3f4; } .skin-setttings .title { background: #efefef; text-align: center; text-transform: uppercase; font-weight: 600; display: block; padding: 10px 15px; font-size: 12px; } .setings-item { padding: 10px 30px; } .setings-item.skin { text-align: center; } .setings-item .switch { float: right; } .skin-name a { text-transform: uppercase; } .setings-item a { color: #fff; } .default-skin, .blue-skin, .ultra-skin, .yellow-skin { text-align: center; } .default-skin { font-weight: 600; background: #283A49; } .default-skin:hover { background: #1e2e3d; } .blue-skin { font-weight: 600; background: url("patterns/header-profile-skin-1.png") repeat scroll 0 0; } .blue-skin:hover { background: #0d8ddb; } .yellow-skin { font-weight: 600; background: url("patterns/header-profile-skin-3.png") repeat scroll 0 100%; } .yellow-skin:hover { background: #ce8735; } .ultra-skin { padding: 20px 10px; font-weight: 600; background: url("patterns/3.png") repeat scroll 0 0; } .ultra-skin:hover { background: url("patterns/4.png") repeat scroll 0 0; } /* * * SKIN 1 - INSPINIA - Responsive Admin Theme * NAME - Blue light * */ .skin-1 .minimalize-styl-2 { margin: 14px 5px 5px 30px; } .skin-1 .navbar-top-links li:last-child { margin-right: 30px; } .skin-1.fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .skin-1 .spin-icon { background: #0e9aef !important; } .skin-1 .nav-header { background: #0e9aef; background: url('patterns/header-profile-skin-1.png'); } .skin-1.mini-navbar .nav-second-level { background: #3e495f; } .skin-1 .breadcrumb { background: transparent; } .skin-1 .page-heading { border: none; } .skin-1 .nav > li.active { background: #3a4459; } .skin-1 .nav > li > a { color: #9ea6b9; } .skin-1 .nav > li.active > a { color: #fff; } .skin-1 .navbar-minimalize { background: #0e9aef; border-color: #0e9aef; } body.skin-1 { background: #3e495f; } .skin-1 .navbar-static-top { background: #ffffff; } .skin-1 .dashboard-header { background: transparent; border-bottom: none !important; border-top: none; padding: 20px 30px 10px 30px; } .fixed-nav.skin-1 .navbar-fixed-top { background: #fff; } .skin-1 .wrapper-content { padding: 30px 15px; } .skin-1 #page-wrapper { background: #f4f6fa; } .skin-1 .ibox-title, .skin-1 .ibox-content { border-width: 1px; } .skin-1 .ibox-content:last-child { border-style: solid solid solid solid; } .skin-1 .nav > li.active { border: none; } .skin-1 .nav-header { padding: 35px 25px 25px 25px; } .skin-1 .nav-header a.dropdown-toggle { color: #fff; margin-top: 10px; } .skin-1 .nav-header a.dropdown-toggle .text-muted { color: #fff; opacity: 0.8; } .skin-1 .profile-element { text-align: center; } .skin-1 .img-circle { border-radius: 5px; } .skin-1 .navbar-default .nav > li > a:hover, .skin-1 .navbar-default .nav > li > a:focus { background: #3a4459; color: #fff; } .skin-1 .nav.nav-tabs > li.active > a { color: #555; } .skin-1 .nav.nav-tabs > li.active { background: transparent; } /* * * SKIN 2 - INSPINIA - Responsive Admin Theme * NAME - Inspinia Ultra * */ body.skin-2 { color: #565758 !important; } .skin-2 .minimalize-styl-2 { margin: 14px 5px 5px 25px; } .skin-2 .navbar-top-links li:last-child { margin-right: 25px; } .skin-2 .spin-icon { background: #23c6c8 !important; } .skin-2 .nav-header { background: #23c6c8; background: url('patterns/header-profile-skin-2.png'); } .skin-2.mini-navbar .nav-second-level { background: #ededed; } .skin-2 .breadcrumb { background: transparent; } .skin-2.fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .skin-2 .page-heading { border: none; background: rgba(255, 255, 255, 0.7); } .skin-2 .nav > li.active { background: #e0e0e0; } .skin-2 .logo-element { padding: 17px 0; } .skin-2 .nav > li > a, .skin-2 .welcome-message { color: #edf6ff; } .skin-2 #top-search::-moz-placeholder { color: #edf6ff; opacity: 0.5; } .skin-2 #side-menu > li > a, .skin-2 .nav.nav-second-level > li > a { color: #586b7d; } .skin-2 .nav > li.active > a { color: #213a53; } .skin-2.mini-navbar .nav-header { background: #213a53; } .skin-2 .navbar-minimalize { background: #23c6c8; border-color: #23c6c8; } .skin-2 .border-bottom { border-bottom: none !important; } .skin-2 #top-search { color: #fff; } body.skin-2 #wrapper { background-color: #ededed; } .skin-2 .navbar-static-top { background: #213a53; } .fixed-nav.skin-2 .navbar-fixed-top { background: #213a53; border-bottom: none !important; } .skin-2 .nav-header { padding: 30px 25px 30px 25px; } .skin-2 .dashboard-header { background: rgba(255, 255, 255, 0.4); border-bottom: none !important; border-top: none; padding: 20px 30px 20px 30px; } .skin-2 .wrapper-content { padding: 30px 15px; } .skin-2 .dashoard-1 .wrapper-content { padding: 0px 30px 25px 30px; } .skin-2 .ibox-title { background: rgba(255, 255, 255, 0.7); border: none; margin-bottom: 1px; } .skin-2 .ibox-content { background: rgba(255, 255, 255, 0.4); border: none !important; } .skin-2 #page-wrapper { background: #f6f6f6; background: -webkit-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); background: -o-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); background: -ms-radial-gradient(center, ellipse cover, #f6f6f6 20%, #d5d5d5 100%); background: radial-gradient(ellipse at center, #f6f6f6 20%, #d5d5d5 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f6f6, endColorstr=#d5d5d5)"; } .skin-2 .ibox-title, .skin-2 .ibox-content { border-width: 1px; } .skin-2 .ibox-content:last-child { border-style: solid solid solid solid; } .skin-2 .nav > li.active { border: none; } .skin-2 .nav-header a.dropdown-toggle { color: #edf6ff; margin-top: 10px; } .skin-2 .nav-header a.dropdown-toggle .text-muted { color: #edf6ff; opacity: 0.8; } .skin-2 .img-circle { border-radius: 10px; } .skin-2 .nav.navbar-top-links > li > a:hover, .skin-2 .nav.navbar-top-links > li > a:focus { background: #1a2d41; } .skin-2 .navbar-default .nav > li > a:hover, .skin-2 .navbar-default .nav > li > a:focus { background: #e0e0e0; color: #213a53; } .skin-2 .nav.nav-tabs > li.active > a { color: #555; } .skin-2 .nav.nav-tabs > li.active { background: transparent; } /* * * SKIN 3 - INSPINIA - Responsive Admin Theme * NAME - Yellow/purple * */ .skin-3 .minimalize-styl-2 { margin: 14px 5px 5px 30px; } .skin-3 .navbar-top-links li:last-child { margin-right: 30px; } .skin-3.fixed-nav .minimalize-styl-2 { margin: 14px 5px 5px 15px; } .skin-3 .spin-icon { background: #ecba52 !important; } body.boxed-layout.skin-3 #wrapper { background: #3e2c42; } .skin-3 .nav-header { background: #ecba52; background: url('patterns/header-profile-skin-3.png'); } .skin-3.mini-navbar .nav-second-level { background: #3e2c42; } .skin-3 .breadcrumb { background: transparent; } .skin-3 .page-heading { border: none; } .skin-3 .nav > li.active { background: #38283c; } .fixed-nav.skin-3 .navbar-fixed-top { background: #fff; } .skin-3 .nav > li > a { color: #948b96; } .skin-3 .nav > li.active > a { color: #fff; } .skin-3 .navbar-minimalize { background: #ecba52; border-color: #ecba52; } body.skin-3 { background: #3e2c42; } .skin-3 .navbar-static-top { background: #ffffff; } .skin-3 .dashboard-header { background: transparent; border-bottom: none !important; border-top: none; padding: 20px 30px 10px 30px; } .skin-3 .wrapper-content { padding: 30px 15px; } .skin-3 #page-wrapper { background: #f4f6fa; } .skin-3 .ibox-title, .skin-3 .ibox-content { border-width: 1px; } .skin-3 .ibox-content:last-child { border-style: solid solid solid solid; } .skin-3 .nav > li.active { border: none; } .skin-3 .nav-header { padding: 35px 25px 25px 25px; } .skin-3 .nav-header a.dropdown-toggle { color: #fff; margin-top: 10px; } .skin-3 .nav-header a.dropdown-toggle .text-muted { color: #fff; opacity: 0.8; } .skin-3 .profile-element { text-align: center; } .skin-3 .img-circle { border-radius: 5px; } .skin-3 .navbar-default .nav > li > a:hover, .skin-3 .navbar-default .nav > li > a:focus { background: #38283c; color: #fff; } .skin-3 .nav.nav-tabs > li.active > a { color: #555; } .skin-3 .nav.nav-tabs > li.active { background: transparent; } body.md-skin { font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff; } .md-skin .nav-header { background: url("patterns/4.png") no-repeat; } .md-skin .label, .md-skin .badge { font-family: 'Roboto'; } .md-skin .font-bold { font-weight: 500; } .md-skin .wrapper-content { padding: 30px 20px 40px; } @media (max-width: 768px) { .md-skin .wrapper-content { padding: 30px 0 40px; } } .md-skin .page-heading { border-bottom: none !important; border-top: 0; padding: 0 10px 20px 10px; box-shadow: 0 1px 1px -1px rgba(0, 0, 0, 0.34), 0 0px 6px 0px rgba(0, 0, 0, 0.14); } .md-skin .full-height-layout .page-heading { border-bottom: 1px solid #e7eaec !important; } .md-skin .ibox { clear: both; margin-bottom: 25px; margin-top: 0; padding: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin .ibox.border-bottom { border-bottom: none !important; } .md-skin .ibox-title, .md-skin .ibox-content { border-style: none; } .md-skin .ibox-title h5 { font-size: 16px; font-weight: 400; } .md-skin a.close-canvas-menu { color: #ffffff; } .md-skin .welcome-message { color: #ffffff; font-weight: 300; } .md-skin #top-search::-moz-placeholder { color: #ffffff; } .md-skin #top-search::-webkit-input-placeholder { color: #ffffff; } .md-skin #nestable-output, .md-skin #nestable2-output { font-family: 'Roboto', lucida grande, lucida sans unicode, helvetica, arial, sans-serif; } .md-skin .landing-page { font-family: 'Roboto', helvetica, arial, sans-serif; } .md-skin .landing-page.navbar-default.navbar-scroll { background-color: #fff !important; } .md-skin .landing-page.navbar-default { background-color: transparent !important; box-shadow: none; } .md-skin .landing-page.navbar-default .nav li a { font-family: 'Roboto', helvetica, arial, sans-serif; } .md-skin .nav > li > a { color: #676a6c; padding: 14px 20px 14px 25px; } .md-skin .nav.navbar-right > li > a { color: #ffffff; } .md-skin .nav > li.active > a { color: #5b5d5f; font-weight: 700; } .md-skin .navbar-default .nav > li > a:hover, .md-skin .navbar-default .nav > li > a:focus { font-weight: 700; color: #5b5d5f; } .md-skin .nav .open > a, .md-skin .nav .open > a:hover, .md-skin .nav .open > a:focus { background: #1ab394; } .md-skin .navbar-top-links li { display: inline-table; } .md-skin .navbar-top-links .dropdown-menu li { display: block; } .md-skin .pace-done .nav-header { transition: all 0.4s; } .md-skin .nav > li.active { background: #f8f8f9; } .md-skin .nav-second-level li a { padding: 7px 10px 7px 52px; } .md-skin .navbar-top-links li a { padding: 20px 10px; min-height: 50px; } .md-skin .nav > li > a { font-weight: 400; } .md-skin .navbar-static-side .nav > li > a:focus, .md-skin .navbar-static-side .nav > li > a:hover { background-color: inherit; } .md-skin .navbar-top-links .dropdown-menu li a { padding: 3px 20px; min-height: inherit; } .md-skin .nav-header a { color: #ffffff; } .md-skin .nav-header .text-muted { color: #ffffff; } .md-skin .navbar-form-custom .form-control { font-weight: 300; } .md-skin .mini-navbar .nav-second-level { background-color: inherit; } .md-skin .mini-navbar li.active .nav-second-level { left: 65px; } .md-skin .canvas-menu.mini-navbar .nav-second-level { background: inherit; } .md-skin .pace-done .navbar-static-side, .md-skin .pace-done .nav-header, .md-skin .pace-done li.active, .md-skin .pace-done #page-wrapper, .md-skin .pace-done .footer { -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; } .md-skin .navbar-fixed-top { background: #fff; transition-duration: 0.4s; z-index: 2030; border-bottom: none !important; } .md-skin .navbar-fixed-top, .md-skin .navbar-static-top { background-color: #1ab394 !important; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin .navbar-static-side { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin #right-sidebar { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: none; z-index: 900; } .md-skin .white-bg .navbar-fixed-top, .md-skin .white-bg .navbar-static-top { background: #fff !important; } .md-skin .contact-box { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); border: none; } .md-skin .dashboard-header { border-bottom: none !important; border-top: 0; padding: 20px 20px 20px 20px; margin: 30px 20px 0 20px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } @media (max-width: 768px) { .md-skin .dashboard-header { margin: 20px 0 0 0; } } .md-skin ul.notes li div { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin .file { border: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin .mail-box { background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 0; margin-bottom: 20px; border: none; } .md-skin .mail-box-header { border: none; background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 30px 20px 20px 20px; } .md-skin .mailbox-content { border: none; padding: 20px; background: #ffffff; } .md-skin .social-feed-box { border: none; background: #fff; margin-bottom: 15px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin.landing-page .navbar-default { background-color: transparent !important; border-color: transparent; transition: all 0.3s ease-in-out 0s; box-shadow: none; } .md-skin.landing-page .navbar-default.navbar-scroll, .md-skin.landing-page.body-small .navbar-default { background-color: #ffffff !important; } .md-skin.landing-page .nav > li.active { background: inherit; } .md-skin.landing-page .navbar-scroll .navbar-nav > li > a { padding: 20px 10px; } .md-skin.landing-page .navbar-default .nav li a { font-family: 'Roboto', helvetica, arial, sans-serif; } .md-skin.landing-page .nav > li > a { padding: 25px 10px 15px 10px; } .md-skin.landing-page .navbar-default .navbar-nav > li > a:hover, .md-skin.landing-page .navbar-default .navbar-nav > li > a:focus { background: inherit; color: #1ab394; } .md-skin.landing-page.body-small .nav.navbar-right > li > a { color: #676a6c; } .md-skin .landing_link a, .md-skin .special_link a { color: #ffffff !important; } .md-skin.canvas-menu.mini-navbar .nav-second-level { background: #f8f8f9; } .md-skin.mini-navbar .nav-second-level { background-color: #ffffff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .md-skin.mini-navbar .nav-second-level li a { padding-left: 0px; } .md-skin.top-navigation .nav.navbar-right > li > a { padding: 15px 20px; color: #676a6c; } .md-skin.top-navigation .nav > li a:hover, .md-skin .top-navigation .nav > li a:focus, .md-skin.top-navigation .nav .open > a, .md-skin.top-navigation .nav .open > a:hover, .md-skin.top-navigation .nav .open > a:focus { color: #1ab394; background: #ffffff; } .md-skin.top-navigation .nav > li.active a { color: #1ab394; background: #ffffff; } .md-skin.fixed-nav #wrapper.top-navigation #page-wrapper { margin-top: 0; } .md-skin.fixed-sidebar.mini-navbar .navbar-static-side { width: 0; } .md-skin.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 0; } .md-skin.body-small.fixed-sidebar.mini-navbar #page-wrapper { margin: 0 0 0 0; } .md-skin.body-small.fixed-sidebar.mini-navbar .navbar-static-side { width: 220px; background-color: #ffffff; } .md-skin.canvas-menu nav.navbar-static-side { z-index: 2001; background: #ffffff; height: 100%; position: fixed; display: none; } @media (min-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 220px; min-height: 200px; } .navbar-static-side { z-index: 2001; position: absolute; width: 220px; } .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts { margin-left: auto; } } @media (max-width: 768px) { #page-wrapper { position: inherit; margin: 0 0 0 0px; min-height: 1000px; } .body-small .navbar-static-side { display: none; z-index: 2001; position: absolute; width: 70px; } .body-small.mini-navbar .navbar-static-side { display: block; } .lock-word { display: none; } .navbar-form-custom { display: none; } .navbar-header { display: inline; float: left; } .sidebard-panel { z-index: 2; position: relative; width: auto; min-height: 100% !important; } .sidebar-content .wrapper { padding-right: 0px; z-index: 1; } .fixed-sidebar.body-small .navbar-static-side { display: none; z-index: 2001; position: fixed; width: 220px; } .fixed-sidebar.body-small.mini-navbar .navbar-static-side { display: block; } .ibox-tools { float: none; text-align: right; display: block; } } @media (max-width: 350px) { .timeline-item .date { text-align: left; width: 110px; position: relative; padding-top: 30px; } .timeline-item .date i { position: absolute; top: 0; left: 15px; padding: 5px; width: 30px; text-align: center; border: 1px solid #e7eaec; background: #f8f8f8; } .timeline-item .content { border-left: none; border-top: 1px solid #e7eaec; padding-top: 10px; min-height: 100px; } .nav.navbar-top-links li.dropdown { display: none; } .ibox-tools { float: none; text-align: left; display: inline-block; } } /* Only demo */ @media (max-width: 1000px) { .welcome-message { display: none; } } .wizard { margin: 20px auto; background: #fff; } .wizard .nav-tabs { position: relative; margin: 40px auto; margin-bottom: 0; border-bottom-color: #e0e0e0; } .wizard > div.wizard-inner { position: relative; } .connecting-line { height: 2px; background: #e0e0e0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; top: 50%; z-index: 1; } .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; } span.round-tab { width: 70px; height: 70px; line-height: 70px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 25px; padding: 20px; } span.round-tab i{ color:#555555; } .wizard li.active span.round-tab { background: #fff; border: 2px solid #5bc0de; } .wizard li.active span.round-tab i{ color: #5bc0de; } span.round-tab:hover { color: #333; border: 2px solid #333; } .wizard .nav-tabs > li { width: 13%; } .wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #5bc0de; transition: 0.1s ease-in-out; } .wizard li.active:after { content: " "; position: absolute; left: 46%; opacity: 1; margin: 0 auto; bottom: 0px; border: 10px solid transparent; border-bottom-color: #5bc0de; } .wizard .nav-tabs > li a { width: 70px; height: 70px; margin: 20px auto; border-radius: 100%; padding: 0; } .wizard .nav-tabs > li a:hover { background: transparent; } .wizard .tab-pane { position: relative; padding-top: 50px; } .wizard h3 { margin-top: 0; } @media( max-width : 585px ) { .wizard { width: 90%; height: auto !important; } span.round-tab { font-size: 16px; width: 50px; height: 50px; line-height: 50px; } .wizard .nav-tabs > li a { width: 50px; height: 50px; line-height: 50px; } .wizard li.active:after { content: " "; position: absolute; left: 35%; } } .fondo{ background: rgba(51,51,51,0.50); padding: 15px; } .icontext{ text-align: center; } .main{ padding: 16px; } .space{ padding-top: 10px; } .floating-action-button { position: relative; top: 100px; margin-left: 50px; } /* Put your css in here */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none !important; } ng\:form { display: block; } .ng-animate-block-transitions { transition:0s all!important; -webkit-transition:0s all!important; } /* show the element during a show/hide animation when the * animation is ongoing, but the .ng-hide class is active */ .ng-hide-add-active, .ng-hide-remove { display: block!important; } /** * angular-ui-notification - Angular.js service providing simple notifications using Bootstrap 3 styles with css transitions for animating * @author Alex_Crack * @version v0.1.0 * @link https://github.com/alexcrack/angular-ui-notification * @license MIT */ .ui-notification { position: fixed; z-index: 9999; width: 300px; cursor: pointer; -webkit-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; color: #fff; border-radius: 0; background: #337ab7; box-shadow: 5px 5px 10px rgba(0, 0, 0, .3); } .ui-notification.killed { -webkit-transition: opacity ease 1s; -o-transition: opacity ease 1s; transition: opacity ease 1s; opacity: 0; } .ui-notification > h3 { font-size: 14px; font-weight: bold; display: block; margin: 10px 10px 0 10px; padding: 0 0 5px 0; text-align: left; border-bottom: 1px solid rgba(255, 255, 255, .3); } .ui-notification a { color: #fff; } .ui-notification a:hover { text-decoration: underline; } .ui-notification > .message { margin: 10px 10px 10px 10px; } .ui-notification.warning { color: #fff; background: #f0ad4e; } .ui-notification.error { color: #fff; background: #d9534f; } .ui-notification.success { color: #fff; background: #5cb85c; } .ui-notification.info { color: #fff; background: #5bc0de; } .ui-notification:hover { opacity: .7; } .padding-ui-view{ padding: 5px; } .border-form{ border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; border: 1px solid rgba(0, 0, 0, 0.28); padding: 10px; margin: 15px; } .dropdown-menu>.active>a { padding-bottom: 15px; } .btn-space-top{ padding-top: 25px; } .switch { background: #ed5565; border: 1px solid #ed5565; position: relative; display: inline-block; box-sizing: content-box; overflow: visible; width: 42px; height: 16px; padding: 0px; margin: 0px; border-radius: 20px; cursor: pointer; box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset; transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; top: 4px; } /*adding a wide width for larger switch text*/ .switch.wide { width:80px; } .switch small { background: #fff; border-radius: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.4); width: 20px; height: 16px; position: absolute; top: 0px; left: 0px; transition: 0.3s ease-out all; -webkit-transition: 0.3s ease-out all; } .switch.reverse { background: #64BD63; border-color: #64BD63; } .switch.checked { background: #64BD63; border-color: #64BD63; } .switch.checked.reverse { background: #ed5565; border: 1px solid #ed5565; } .switch.checked small { left: 22px; } /*wider switch text moves small further to the right*/ .switch.wide.checked small { left:52px; } /*styles for switch-text*/ .switch .switch-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; } .switch .off { color:#ffffff; display:block; position: absolute; right: 10%; top: 10%; z-index: 0; } .switch .on { color:#fff; display:none; left: 9%; position: absolute; top: 10%; z-index: 0; } .switch.checked .off { display: none; color: #fff; } .switch.checked .on { display:block; color: #fff; } .switch.disabled { opacity: .85; cursor: not-allowed; } .titleheader { margin-bottom: 0; top: 0; /*padding-left:5em;*/ padding-top:1em; width: 70%; } .titleheader h3 { text-align: center; } .titleheader h3 img { margin-right: 20px; } .paddingTop{ padding-top: 15px; } .paddingBottom{ padding-bottom: 15px; } .btn-pb { background-color: #ffffff !important; border-color: #c2c2c2 !important; color: #0c0a31 !important; } #my-handsontable{ height: 225px; } td > .radio input { margin-left: 10px !important; } .popover { width: 600px; max-width: 600px; } .buttoSession{ cursor: pointer; padding: 3px; } input.ng-valid, textarea.ng-valid { border-color: #25a527; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } input.ng-invalid, input.no-valido, textarea.ng-invalid { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } select.ng-invalid { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } select.ng-valid { border-color: #25a527; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } .tab-pane > div > .nav > li > a { color: #1f1e31 !important; } .lesspadding{ padding: 3px !important; } .list-group-item > .list-group{ padding-top: 10px; } .letter-sheet { padding-top: 90px; padding-bottom: 60px; padding-left: 90px; padding-right: 60px; width: 780px; } .horizontal-letter-sheet { padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; width: 1012px; } /* iCheck plugin Square skin, green ----------------------------------- */ .icheckbox_square-green, .iradio_square-green { display: inline-block; *display: inline; vertical-align: middle; margin: 0; padding: 0; width: 22px; height: 22px; background: url(green.png) no-repeat; border: none; cursor: pointer; } .icheckbox_square-green { background-position: 0 0; } .icheckbox_square-green.hover { background-position: -24px 0; } .icheckbox_square-green.checked { background-position: -48px 0; } .icheckbox_square-green.disabled { background-position: -72px 0; cursor: default; } .icheckbox_square-green.checked.disabled { background-position: -96px 0; } .iradio_square-green { background-position: -120px 0; } .iradio_square-green.hover { background-position: -144px 0; } .iradio_square-green.checked { background-position: -168px 0; } .iradio_square-green.disabled { background-position: -192px 0; cursor: default; } .iradio_square-green.checked.disabled { background-position: -216px 0; } /* HiDPI support */ @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { .icheckbox_square-green, .iradio_square-green { background-image: url(green@2x.png); -webkit-background-size: 240px 24px; background-size: 240px 24px; } } /*#side-menu .nav-header { padding: 20px 25px; }*/ #side-menu .profile-element select { width: 100%; padding: 10px 5px; color: white; } #login-ctn { background-color: #f9f9f9; width: 100%; height: 100%; overflow-x: hidden; } #login-image { background: url(../global/images/fondo-web-probosque.jpg) no-repeat; width: 100%; background-position: bottom; background-size: cover; height: 100%; position: absolute; } #login-ctn .fondo { background: rgba(135, 153, 38, 0.32); padding: 20px; } #login-ctn .seleccionar-rol { overflow-y: scroll; max-height: 350px; } #login-ctn h1 { font-size: 25px; font-weight: bold; margin-bottom: 20px; } #login-ctn .btn-primary { background-color: #768e36; border-color: #496125; color: #FFFFFF; border-radius: 3px; } #login-ctn .btn-primary:hover { background-color: #a2ac56; border-color: #7f9337; color: #FFFFFF; } #login-ctn .sun { position: absolute; top: 15%; right: 10%; width: 70px; height: 70px; border-radius: 50%; background: rgba(255, 216, 106, 0.6); opacity: 0.6; box-shadow: 0px 0px 40px 15px white; } #login-ctn .ray_box { position: absolute; margin: auto; top: 0px; left: 0; right: 0; bottom: 0; width: 70px; -webkit-animation: ray_anim 120s linear infinite; animation: ray_anim 120s linear infinite; } #login-ctn .ray { background: -webkit-linear-gradient(top, rgba(255, 216, 106,0) 0%, rgba(255, 216, 106, 1) 50%, rgba(255, 216, 106, 0) 100%); background: linear-gradient(top, rgba(255, 216, 106, 0) 0%, rgba(255, 216, 106, 1) 50%, rgba(255, 216, 106, 0) 100%); margin-left: 10px; border-radius: 80% 80% 0 0; position: absolute; opacity: 0.1; } #login-ctn .ray1 { height: 170px; width: 30px; -webkit-transform: rotate(180deg); top: -175px; left: 15px; } #login-ctn .ray2 { height: 100px; width: 8px; -webkit-transform: rotate(220deg); top: -90px; left: 75px; } #login-ctn .ray3 { height: 170px; width: 50px; -webkit-transform: rotate(250deg); top: -80px; left: 100px; } #login-ctn .ray4 { height: 120px; width: 14px; -webkit-transform: rotate(305deg); top: 30px; left: 100px; } #login-ctn .ray5 { height: 140px; width: 30px; -webkit-transform: rotate(-15deg); top: 60px; left: 40px; } #login-ctn .ray6 { height: 90px; width: 50px; -webkit-transform: rotate(30deg); top: 60px; left: -40px; } #login-ctn .ray7 { height: 180px; width: 10px; -webkit-transform: rotate(70deg); top: -35px; left: -40px; } #login-ctn .ray8 { height: 120px; width: 30px; -webkit-transform: rotate(100deg); top: -45px; left: -90px; } #login-ctn .ray9 { height: 80px; width: 10px; -webkit-transform: rotate(120deg); top: -65px; left: -60px; } #login-ctn .ray10 { height: 190px; width: 23px; -webkit-transform: rotate(150deg); top: -185px; left: -60px; } @-webkit-keyframes ray_anim { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } body { background-color: #044C29; } .clear { clear: both; display: block; overflow: hidden; height: 1px; margin-top: -1px; width: 100%; } /*.main { padding: 0; }*/ .btn { border-radius: 4px; } #side-menu .nav-header { color: #ddd; } #side-menu.nav li.active, #side-menu a:hover, #side-menu a:focus, #side-menu .profile-element select, body.mini-navbar .nav-header { border-color: #81bd28; background-color: #03311b; } #side-menu .profile-element select { border-color: #316b2b; } body.mini-navbar .navbar-default .nav li a span.tareas-contador { display: inline-block; margin: 0 -22px 0 0; position: absolute; top: 10px; left: 32px; } .list-style-none { list-style: none; } /* PROYECTO VER */ .proyecto-aprobar-ctn { max-width: 750px; float: none; margin: 0 auto; } .documento-aprobar { float: none; margin: 0 auto; } table tfoot.table-pagination { /*background: rgba(28, 132, 198, 0.72);*/ } table tfoot.table-pagination .pagination { margin: 0; float: right; } table tfoot.table-pagination td { line-height: 1; } table.tareas-por-etapa tbody tr td:last-child a { padding: 1px 5px; font-size: 12px; line-height: 1.5; } table.tareas-por-etapa tbody tr td p { margin: 0; } table.tareas-multiple thead tr:last-child th:first-child { width: 45px; } #mantenimiento-navegacion li a { font-size: 11px; } .licencia-forestal-aprobacion-box { overflow: hidden; margin-bottom: 0; padding-bottom: 15px; } @media (min-width: 1500px) { .my-modal-popup .modal-lg { width: 95%; } } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; z-index: 100; } .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%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; } @-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: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(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: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .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: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0 } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .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; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); 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% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) 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 center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); 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: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); transform: rotate(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: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -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: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-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: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-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: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); 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: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /*! * Jasny Bootstrap v3.1.2 (http://jasny.github.io/bootstrap) * Copyright 2012-2014 Arnold Daniels * Licensed under Apache-2.0 (https://github.com/jasny/bootstrap/blob/master/LICENSE) */ .container-smooth{max-width:1170px}@media (min-width:1px){.container-smooth{width:auto}}.btn-labeled{padding-top:0;padding-bottom:0}.btn-label{position:relative;background:0 0;background:rgba(0,0,0,.15);display:inline-block;padding:6px 12px;left:-12px;border-radius:3px 0 0 3px}.btn-label.btn-label-right{left:auto;right:-12px;border-radius:0 3px 3px 0}.btn-lg .btn-label{padding:10px 16px;left:-16px;border-radius:5px 0 0 5px}.btn-lg .btn-label.btn-label-right{left:auto;right:-16px;border-radius:0 5px 5px 0}.btn-sm .btn-label{padding:5px 10px;left:-10px;border-radius:2px 0 0 2px}.btn-sm .btn-label.btn-label-right{left:auto;right:-10px;border-radius:0 2px 2px 0}.btn-xs .btn-label{padding:1px 5px;left:-5px;border-radius:2px 0 0 2px}.btn-xs .btn-label.btn-label-right{left:auto;right:-5px;border-radius:0 2px 2px 0}.nav-tabs-bottom{border-bottom:0;border-top:1px solid #ddd}.nav-tabs-bottom>li{margin-bottom:0;margin-top:-1px}.nav-tabs-bottom>li>a{border-radius:0 0 4px 4px}.nav-tabs-bottom>li>a:hover,.nav-tabs-bottom>li>a:focus,.nav-tabs-bottom>li.active>a,.nav-tabs-bottom>li.active>a:hover,.nav-tabs-bottom>li.active>a:focus{border:1px solid #ddd;border-top-color:transparent}.nav-tabs-left{border-bottom:0;border-right:1px solid #ddd}.nav-tabs-left>li{margin-bottom:0;margin-right:-1px;float:none}.nav-tabs-left>li>a{border-radius:4px 0 0 4px;margin-right:0;margin-bottom:2px}.nav-tabs-left>li>a:hover,.nav-tabs-left>li>a:focus,.nav-tabs-left>li.active>a,.nav-tabs-left>li.active>a:hover,.nav-tabs-left>li.active>a:focus{border:1px solid #ddd;border-right-color:transparent}.row>.nav-tabs-left{padding-right:0;padding-left:15px;margin-right:-1px;position:relative;z-index:1}.row>.nav-tabs-left+.tab-content{border-left:1px solid #ddd}.nav-tabs-right{border-bottom:0;border-left:1px solid #ddd}.nav-tabs-right>li{margin-bottom:0;margin-left:-1px;float:none}.nav-tabs-right>li>a{border-radius:0 4px 4px 0;margin-left:0;margin-bottom:2px}.nav-tabs-right>li>a:hover,.nav-tabs-right>li>a:focus,.nav-tabs-right>li.active>a,.nav-tabs-right>li.active>a:hover,.nav-tabs-right>li.active>a:focus{border:1px solid #ddd;border-left-color:transparent}.row>.nav-tabs-right{padding-left:0;padding-right:15px}.navmenu,.navbar-offcanvas{width:300px;height:100%;border-width:1px;border-style:solid;border-radius:4px}.navmenu-fixed-left,.navmenu-fixed-right,.navbar-offcanvas{position:fixed;z-index:1030;top:0;border-radius:0}.navmenu-fixed-left,.navbar-offcanvas.navmenu-fixed-left{left:0;right:auto;border-width:0 1px 0 0;bottom:0;overflow-y:auto}.navmenu-fixed-right,.navbar-offcanvas{left:auto;right:0;border-width:0 0 0 1px}.navmenu-nav{margin-bottom:10px}.navmenu-nav.dropdown-menu{position:static;margin:0;padding-top:0;float:none;border:none;-webkit-box-shadow:none;box-shadow:none;border-radius:0}.navbar-offcanvas .navbar-nav{margin:0}@media (min-width:768px){.navbar-offcanvas{width:auto;border-top:0;box-shadow:none}.navbar-offcanvas.offcanvas{position:static;display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-offcanvas .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-offcanvas .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-offcanvas .navmenu-brand{display:none}}.navmenu-brand{display:block;font-size:18px;line-height:20px;padding:10px 15px;margin:10px 0}.navmenu-brand:hover,.navmenu-brand:focus{text-decoration:none}.navmenu-default,.navbar-default .navbar-offcanvas{background-color:#f8f8f8;border-color:#e7e7e7}.navmenu-default .navmenu-brand,.navbar-default .navbar-offcanvas .navmenu-brand{color:#777}.navmenu-default .navmenu-brand:hover,.navbar-default .navbar-offcanvas .navmenu-brand:hover,.navmenu-default .navmenu-brand:focus,.navbar-default .navbar-offcanvas .navmenu-brand:focus{color:#5e5e5e;background-color:transparent}.navmenu-default .navmenu-text,.navbar-default .navbar-offcanvas .navmenu-text{color:#777}.navmenu-default .navmenu-nav>.dropdown>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-default .navmenu-nav>.dropdown>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navmenu-default .navmenu-nav>.open>a,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-default .navmenu-nav>.open>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-default .navmenu-nav>.open>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#e7e7e7;color:#555}.navmenu-default .navmenu-nav>.open>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-default .navmenu-nav>.open>a:hover .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-default .navmenu-nav>.open>a:focus .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navmenu-default .navmenu-nav>.dropdown>a .caret,.navbar-default .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}.navmenu-default .navmenu-nav.dropdown-menu,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#e7e7e7}.navmenu-default .navmenu-nav.dropdown-menu>.divider,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#f8f8f8}.navmenu-default .navmenu-nav.dropdown-menu>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-default .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#d7d7d7}.navmenu-default .navmenu-nav>li>a,.navbar-default .navbar-offcanvas .navmenu-nav>li>a{color:#777}.navmenu-default .navmenu-nav>li>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-default .navmenu-nav>li>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>li>a:focus{color:#333;background-color:transparent}.navmenu-default .navmenu-nav>.active>a,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-default .navmenu-nav>.active>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-default .navmenu-nav>.active>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navmenu-default .navmenu-nav>.disabled>a,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-default .navmenu-nav>.disabled>a:hover,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-default .navmenu-nav>.disabled>a:focus,.navbar-default .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navmenu-inverse,.navbar-inverse .navbar-offcanvas{background-color:#222;border-color:#080808}.navmenu-inverse .navmenu-brand,.navbar-inverse .navbar-offcanvas .navmenu-brand{color:#999}.navmenu-inverse .navmenu-brand:hover,.navbar-inverse .navbar-offcanvas .navmenu-brand:hover,.navmenu-inverse .navmenu-brand:focus,.navbar-inverse .navbar-offcanvas .navmenu-brand:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-text,.navbar-inverse .navbar-offcanvas .navmenu-text{color:#999}.navmenu-inverse .navmenu-nav>.dropdown>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:hover .caret,.navmenu-inverse .navmenu-nav>.dropdown>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.open>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a,.navmenu-inverse .navmenu-nav>.open>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover,.navmenu-inverse .navmenu-nav>.open>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus{background-color:#080808;color:#fff}.navmenu-inverse .navmenu-nav>.open>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a .caret,.navmenu-inverse .navmenu-nav>.open>a:hover .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:hover .caret,.navmenu-inverse .navmenu-nav>.open>a:focus .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.navmenu-inverse .navmenu-nav>.dropdown>a .caret,.navbar-inverse .navbar-offcanvas .navmenu-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navmenu-inverse .navmenu-nav.dropdown-menu,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu{background-color:#080808}.navmenu-inverse .navmenu-nav.dropdown-menu>.divider,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.divider{background-color:#222}.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:hover,.navmenu-inverse .navmenu-nav.dropdown-menu>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav.dropdown-menu>.active>a:focus{background-color:#000}.navmenu-inverse .navmenu-nav>li>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a{color:#999}.navmenu-inverse .navmenu-nav>li>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:hover,.navmenu-inverse .navmenu-nav>li>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>li>a:focus{color:#fff;background-color:transparent}.navmenu-inverse .navmenu-nav>.active>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a,.navmenu-inverse .navmenu-nav>.active>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:hover,.navmenu-inverse .navmenu-nav>.active>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.active>a:focus{color:#fff;background-color:#080808}.navmenu-inverse .navmenu-nav>.disabled>a,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a,.navmenu-inverse .navmenu-nav>.disabled>a:hover,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:hover,.navmenu-inverse .navmenu-nav>.disabled>a:focus,.navbar-inverse .navbar-offcanvas .navmenu-nav>.disabled>a:focus{color:#444;background-color:transparent}.alert-fixed-top,.alert-fixed-bottom{position:fixed;width:100%;z-index:1035;border-radius:0;margin:0;left:0}@media (min-width:992px){.alert-fixed-top,.alert-fixed-bottom{width:992px;left:50%;margin-left:-496px}}.alert-fixed-top{top:0;border-width:0 0 1px}@media (min-width:992px){.alert-fixed-top{border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-width:0 1px 1px}}.alert-fixed-bottom{bottom:0;border-width:1px 0 0}@media (min-width:992px){.alert-fixed-bottom{border-top-right-radius:4px;border-top-left-radius:4px;border-width:1px 1px 0}}.offcanvas{display:none}.offcanvas.in{display:block}@media (max-width:767px){.offcanvas-xs{display:none}.offcanvas-xs.in{display:block}}@media (max-width:991px){.offcanvas-sm{display:none}.offcanvas-sm.in{display:block}}@media (max-width:1199px){.offcanvas-md{display:none}.offcanvas-md.in{display:block}}.offcanvas-lg{display:none}.offcanvas-lg.in{display:block}.canvas-sliding{-webkit-transition:top .35s,left .35s,bottom .35s,right .35s;transition:top .35s,left .35s,bottom .35s,right .35s}.offcanvas-clone{height:0!important;width:0!important;overflow:hidden!important;border:none!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:auto!important;bottom:0!important;right:0!important;opacity:0!important}.table.rowlink td:not(.rowlink-skip),.table .rowlink td:not(.rowlink-skip){cursor:pointer}.table.rowlink td:not(.rowlink-skip) a,.table .rowlink td:not(.rowlink-skip) a{color:inherit;font:inherit;text-decoration:inherit}.table-hover.rowlink tr:hover td,.table-hover .rowlink tr:hover td{background-color:#cfcfcf}.btn-file{overflow:hidden;position:relative;vertical-align:middle}.btn-file>input{position:absolute;top:0;right:0;margin:0;opacity:0;filter:alpha(opacity=0);font-size:23px;height:100%;width:100%;direction:ltr;cursor:pointer}.fileinput{margin-bottom:9px;display:inline-block}.fileinput .form-control{padding-top:7px;padding-bottom:5px;display:inline-block;margin-bottom:0;vertical-align:middle;cursor:text}.fileinput .thumbnail{overflow:hidden;display:inline-block;margin-bottom:5px;vertical-align:middle;text-align:center}.fileinput .thumbnail>img{max-height:100%}.fileinput .btn{vertical-align:middle}.fileinput-exists .fileinput-new,.fileinput-new .fileinput-exists{display:none}.fileinput-inline .fileinput-controls{display:inline}.fileinput-filename{vertical-align:middle;display:inline-block;overflow:hidden}.form-control .fileinput-filename{vertical-align:bottom}.fileinput.input-group{display:table}.fileinput.input-group>*{position:relative;z-index:2}.fileinput.input-group>.btn-file{z-index:1}.fileinput-new.input-group .btn-file,.fileinput-new .input-group .btn-file{border-radius:0 4px 4px 0}.fileinput-new.input-group .btn-file.btn-xs,.fileinput-new .input-group .btn-file.btn-xs,.fileinput-new.input-group .btn-file.btn-sm,.fileinput-new .input-group .btn-file.btn-sm{border-radius:0 3px 3px 0}.fileinput-new.input-group .btn-file.btn-lg,.fileinput-new .input-group .btn-file.btn-lg{border-radius:0 6px 6px 0}.form-group.has-warning .fileinput .fileinput-preview{color:#8a6d3b}.form-group.has-warning .fileinput .thumbnail{border-color:#faebcc}.form-group.has-error .fileinput .fileinput-preview{color:#a94442}.form-group.has-error .fileinput .thumbnail{border-color:#ebccd1}.form-group.has-success .fileinput .fileinput-preview{color:#3c763d}.form-group.has-success .fileinput .thumbnail{border-color:#d6e9c6}.input-group-addon:not(:first-child){border-left:0} .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff; } .radio { padding-left: 20px; } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; z-index: 1; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; } code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#DD4A68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} /* * metismenu - v2.6.0 * A jQuery menu plugin * https://github.com/onokumus/metisMenu#readme * * Made by Osman Nuri Okumuş (https://github.com/onokumus) * Under MIT License */ .metismenu .arrow{float:right;line-height:1.42857}[dir=rtl] .metismenu .arrow{float:left}.metismenu .glyphicon.arrow:before{content:"\e079"}.metismenu .active>a>.glyphicon.arrow:before{content:"\e114"}.metismenu .fa.arrow:before{content:"\f104"}.metismenu .active>a>.fa.arrow:before{content:"\f107"}.metismenu .ion.arrow:before{content:"\f3d2"}.metismenu .active>a>.ion.arrow:before{content:"\f3d0"}.metismenu .plus-times{float:right}[dir=rtl] .metismenu .plus-times{float:left}.metismenu .fa.plus-times:before{content:"\f067"}.metismenu .active>a>.fa.plus-times{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.metismenu .plus-minus{float:right}[dir=rtl] .metismenu .plus-minus{float:left}.metismenu .fa.plus-minus:before{content:"\f067"}.metismenu .active>a>.fa.plus-minus:before{content:"\f068"}.metismenu .collapse{display:none}.metismenu .collapse.in{display:block}.metismenu .collapsing{position:relative;height:0;overflow:hidden;-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s;-webkit-transition-property:height,visibility;-o-transition-property:height,visibility;transition-property:height,visibility}.metismenu .has-arrow{position:relative}.metismenu .has-arrow:after{position:absolute;content:'';width:.5em;height:.5em;border-width:1px 0 0 1px;border-style:solid;border-color:#fff;right:1em;-webkit-transform:rotate(-45deg) translateY(-50%);-ms-transform:rotate(-45deg) translateY(-50%);-o-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:top;-ms-transform-origin:top;-o-transform-origin:top;transform-origin:top;top:50%;-webkit-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}[dir=rtl] .metismenu .has-arrow:after{right:auto;left:1em;-webkit-transform:rotate(135deg) translateY(-50%);-ms-transform:rotate(135deg) translateY(-50%);-o-transform:rotate(135deg) translateY(-50%);transform:rotate(135deg) translateY(-50%)}.metismenu .active>.has-arrow:after,.metismenu .has-arrow[aria-expanded=true]:after{-webkit-transform:rotate(-135deg) translateY(-50%);-ms-transform:rotate(-135deg) translateY(-50%);-o-transform:rotate(-135deg) translateY(-50%);transform:rotate(-135deg) translateY(-50%)}