/* Minification failed. Returning unminified contents. (178,2): run-time error CSS1030: Expected identifier, found ' ' (178,2): run-time error CSS1019: Unexpected token, found ' ' (178,3): run-time error CSS1019: Unexpected token, found '{' (179,11): run-time error CSS1030: Expected identifier, found ' ' (179,16): run-time error CSS1031: Expected selector, found ';' (179,16): run-time error CSS1025: Expected comma or open brace, found ';' (180,11): run-time error CSS1030: Expected identifier, found ' ' (180,12): run-time error CSS1031: Expected selector, found '79%' (180,12): run-time error CSS1025: Expected comma or open brace, found '79%' (181,13): run-time error CSS1030: Expected identifier, found ' ' (181,14): run-time error CSS1031: Expected selector, found '0' (181,14): run-time error CSS1025: Expected comma or open brace, found '0' (182,12): run-time error CSS1030: Expected identifier, found ' ' (182,13): run-time error CSS1031: Expected selector, found '0' (182,13): run-time error CSS1025: Expected comma or open brace, found '0' (183,13): run-time error CSS1030: Expected identifier, found ' ' (183,20): run-time error CSS1031: Expected selector, found ';' (183,20): run-time error CSS1025: Expected comma or open brace, found ';' (184,14): run-time error CSS1030: Expected identifier, found ' ' (184,23): run-time error CSS1031: Expected selector, found ';' (184,23): run-time error CSS1025: Expected comma or open brace, found ';' (185,1): run-time error CSS1019: Unexpected token, found '}' (7951,38): run-time error CSS1046: Expect comma, found '60' (7951,44): run-time error CSS1046: Expect comma, found '/' (8070,20): run-time error CSS1035: Expected colon, found 'width' (8369,1591): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (8369,1618): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (8369,1739): run-time error CSS1019: Unexpected token, found '@keyframes' (8369,1758): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9696,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9697,7): run-time error CSS1035: Expected colon, found ',' (9724,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9725,7): run-time error CSS1035: Expected colon, found ',' (9759,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9760,7): run-time error CSS1035: Expected colon, found ',' (9769,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9770,7): run-time error CSS1035: Expected colon, found ',' (9786,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9787,8): run-time error CSS1035: Expected colon, found '{' (9803,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9804,8): run-time error CSS1035: Expected colon, found '{' (9825,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9826,8): run-time error CSS1035: Expected colon, found '{' (9862,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9863,8): run-time error CSS1035: Expected colon, found '{' (9904,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9905,7): run-time error CSS1035: Expected colon, found ',' (9921,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9922,7): run-time error CSS1035: Expected colon, found ',' (9943,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (9944,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (9975,1): run-time error CSS1019: Unexpected token, found '@keyframes' (9976,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (10014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10015,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10041,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10042,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10075,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10076,8): run-time error CSS1035: Expected colon, found '{' (10102,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10103,8): run-time error CSS1035: Expected colon, found '{' (10136,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10137,8): run-time error CSS1035: Expected colon, found '{' (10173,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10174,8): run-time error CSS1035: Expected colon, found '{' (10215,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10216,7): run-time error CSS1035: Expected colon, found ',' (10257,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10258,7): run-time error CSS1035: Expected colon, found ',' (10306,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10307,7): run-time error CSS1035: Expected colon, found ',' (10346,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10347,7): run-time error CSS1035: Expected colon, found ',' (10391,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10392,7): run-time error CSS1035: Expected colon, found ',' (10425,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10426,7): run-time error CSS1035: Expected colon, found ',' (10464,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10465,7): run-time error CSS1035: Expected colon, found ',' (10498,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10499,7): run-time error CSS1035: Expected colon, found ',' (10537,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10538,7): run-time error CSS1035: Expected colon, found ',' (10571,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10572,7): run-time error CSS1035: Expected colon, found ',' (10610,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10611,7): run-time error CSS1035: Expected colon, found ',' (10644,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10645,7): run-time error CSS1035: Expected colon, found ',' (10683,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10684,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10702,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10703,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10726,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10727,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10745,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10746,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10769,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10770,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10783,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10784,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10802,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10803,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10816,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10817,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10835,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10854,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10855,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%' (10878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10879,8): run-time error CSS1035: Expected colon, found '{' (10888,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10889,8): run-time error CSS1035: Expected colon, found '{' (10903,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10904,8): run-time error CSS1035: Expected colon, found '{' (10917,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10918,8): run-time error CSS1035: Expected colon, found '{' (10936,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10937,8): run-time error CSS1035: Expected colon, found '{' (10950,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10951,8): run-time error CSS1035: Expected colon, found '{' (10969,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (10970,8): run-time error CSS1035: Expected colon, found '{' (10983,1): run-time error CSS1019: Unexpected token, found '@keyframes' (10984,8): run-time error CSS1035: Expected colon, found '{' (11002,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11003,8): run-time error CSS1035: Expected colon, found '{' (11016,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11017,8): run-time error CSS1035: Expected colon, found '{' (11035,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11036,8): run-time error CSS1035: Expected colon, found '{' (11049,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11050,8): run-time error CSS1035: Expected colon, found '{' (11068,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11069,8): run-time error CSS1035: Expected colon, found '{' (11082,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11083,8): run-time error CSS1035: Expected colon, found '{' (11101,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11102,8): run-time error CSS1035: Expected colon, found '{' (11115,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11116,8): run-time error CSS1035: Expected colon, found '{' (11134,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11135,8): run-time error CSS1035: Expected colon, found '{' (11148,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11149,8): run-time error CSS1035: Expected colon, found '{' (11167,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11168,8): run-time error CSS1035: Expected colon, found '{' (11177,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11178,8): run-time error CSS1035: Expected colon, found '{' (11192,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11193,8): run-time error CSS1035: Expected colon, found '{' (11204,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11205,8): run-time error CSS1035: Expected colon, found '{' (11221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11222,8): run-time error CSS1035: Expected colon, found '{' (11233,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11234,8): run-time error CSS1035: Expected colon, found '{' (11250,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11251,8): run-time error CSS1035: Expected colon, found '{' (11262,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11263,8): run-time error CSS1035: Expected colon, found '{' (11279,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11280,8): run-time error CSS1035: Expected colon, found '{' (11291,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11292,8): run-time error CSS1035: Expected colon, found '{' (11308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11309,8): run-time error CSS1035: Expected colon, found '{' (11320,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11321,8): run-time error CSS1035: Expected colon, found '{' (11337,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11338,8): run-time error CSS1035: Expected colon, found '{' (11349,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11350,8): run-time error CSS1035: Expected colon, found '{' (11366,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11367,8): run-time error CSS1035: Expected colon, found '{' (11378,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11379,8): run-time error CSS1035: Expected colon, found '{' (11395,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11396,8): run-time error CSS1035: Expected colon, found '{' (11407,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11408,8): run-time error CSS1035: Expected colon, found '{' (11424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11425,8): run-time error CSS1035: Expected colon, found '{' (11461,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11462,8): run-time error CSS1035: Expected colon, found '{' (11505,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11506,8): run-time error CSS1035: Expected colon, found '{' (11538,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11539,8): run-time error CSS1035: Expected colon, found '{' (11578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11579,8): run-time error CSS1035: Expected colon, found '{' (11611,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11612,8): run-time error CSS1035: Expected colon, found '{' (11651,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11652,8): run-time error CSS1035: Expected colon, found '{' (11670,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11671,8): run-time error CSS1035: Expected colon, found '{' (11696,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11697,8): run-time error CSS1035: Expected colon, found '{' (11715,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11716,8): run-time error CSS1035: Expected colon, found '{' (11741,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11742,8): run-time error CSS1035: Expected colon, found '{' (11767,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11768,8): run-time error CSS1035: Expected colon, found '{' (11800,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11801,8): run-time error CSS1035: Expected colon, found '{' (11812,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11813,8): run-time error CSS1035: Expected colon, found '{' (11831,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11832,8): run-time error CSS1035: Expected colon, found '{' (11849,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11850,8): run-time error CSS1035: Expected colon, found '{' (11872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11873,8): run-time error CSS1035: Expected colon, found '{' (11890,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11891,8): run-time error CSS1035: Expected colon, found '{' (11913,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11914,8): run-time error CSS1035: Expected colon, found '{' (11931,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11932,8): run-time error CSS1035: Expected colon, found '{' (11954,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11955,8): run-time error CSS1035: Expected colon, found '{' (11972,1): run-time error CSS1019: Unexpected token, found '@keyframes' (11973,8): run-time error CSS1035: Expected colon, found '{' (11995,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (11996,8): run-time error CSS1035: Expected colon, found '{' (12013,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12014,8): run-time error CSS1035: Expected colon, found '{' (12036,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12037,8): run-time error CSS1035: Expected colon, found '{' (12052,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12053,8): run-time error CSS1035: Expected colon, found '{' (12073,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12074,8): run-time error CSS1035: Expected colon, found '{' (12089,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12090,8): run-time error CSS1035: Expected colon, found '{' (12110,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12111,8): run-time error CSS1035: Expected colon, found '{' (12126,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12127,8): run-time error CSS1035: Expected colon, found '{' (12147,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12148,8): run-time error CSS1035: Expected colon, found '{' (12163,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12164,8): run-time error CSS1035: Expected colon, found '{' (12184,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12185,8): run-time error CSS1035: Expected colon, found '{' (12200,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12201,8): run-time error CSS1035: Expected colon, found '{' (12221,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12222,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12255,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12256,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%' (12296,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12297,8): run-time error CSS1035: Expected colon, found '{' (12310,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12311,8): run-time error CSS1035: Expected colon, found '{' (12331,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12332,8): run-time error CSS1035: Expected colon, found '{' (12343,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12344,8): run-time error CSS1035: Expected colon, found '{' (12360,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12361,8): run-time error CSS1035: Expected colon, found '{' (12372,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12373,8): run-time error CSS1035: Expected colon, found '{' (12389,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12390,8): run-time error CSS1035: Expected colon, found '{' (12407,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12408,8): run-time error CSS1035: Expected colon, found '{' (12430,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12431,8): run-time error CSS1035: Expected colon, found '{' (12448,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12449,8): run-time error CSS1035: Expected colon, found '{' (12471,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12472,8): run-time error CSS1035: Expected colon, found '{' (12489,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12490,8): run-time error CSS1035: Expected colon, found '{' (12512,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12513,8): run-time error CSS1035: Expected colon, found '{' (12530,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12531,8): run-time error CSS1035: Expected colon, found '{' (12553,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12554,8): run-time error CSS1035: Expected colon, found '{' (12569,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12570,8): run-time error CSS1035: Expected colon, found '{' (12590,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12591,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12610,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12635,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12636,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12651,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12652,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12672,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12673,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12688,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12689,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12709,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12710,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12729,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12730,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%' (12754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12755,8): run-time error CSS1035: Expected colon, found '{' (12767,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12768,8): run-time error CSS1035: Expected colon, found '{' (12785,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12786,8): run-time error CSS1035: Expected colon, found '{' (12798,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12799,8): run-time error CSS1035: Expected colon, found '{' (12816,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12817,8): run-time error CSS1035: Expected colon, found '{' (12829,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12830,8): run-time error CSS1035: Expected colon, found '{' (12847,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12848,8): run-time error CSS1035: Expected colon, found '{' (12860,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12861,8): run-time error CSS1035: Expected colon, found '{' (12878,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12879,8): run-time error CSS1035: Expected colon, found '{' (12891,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12892,8): run-time error CSS1035: Expected colon, found '{' (12909,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12910,8): run-time error CSS1035: Expected colon, found '{' (12922,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12923,8): run-time error CSS1035: Expected colon, found '{' (12940,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12941,8): run-time error CSS1035: Expected colon, found '{' (12953,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12954,8): run-time error CSS1035: Expected colon, found '{' (12971,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes' (12972,8): run-time error CSS1035: Expected colon, found '{' (12984,1): run-time error CSS1019: Unexpected token, found '@keyframes' (12985,8): run-time error CSS1035: Expected colon, found '{' */ /* NUGET: BEGIN LICENSE TEXT * * Microsoft grants you the right to use these script files for the sole * purpose of either: (i) interacting through your browser with the Microsoft * website or online service, subject to the applicable licensing or use * terms; or (ii) using the files as included with a Microsoft product subject * to that product's license terms. Microsoft reserves all other rights to the * files not expressly granted by Microsoft, whether by implication, estoppel * or otherwise. The notices and licenses below are for informational purposes only. * * NUGET: END LICENSE TEXT */ /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select[multiple],textarea{background-image:none}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-warning{color:#c09853}.text-danger{color:#b94a48}.text-success{color:#468847}.text-info{color:#3a87ad}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}h1 small,.h1 small{font-size:24px}h2 small,.h2 small{font-size:18px}h3 small,.h3 small,h4 small,.h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:1.428571429}code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media(min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media(min-width:992px){.container{max-width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media(min-width:1200px){.container{max-width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.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 #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#d0e9c6;border-color:#c9e2b3}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be}@media(max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0;background-color:#fff}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{padding-top:7px;margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-print:before{content:"\e045"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-briefcase:before{content:"\1f4bc"}.glyphicon-calendar:before{content:"\1f4c5"}.glyphicon-pushpin:before{content:"\1f4cc"}.glyphicon-paperclip:before{content:"\1f4ce"}.glyphicon-camera:before{content:"\1f4f7"}.glyphicon-lock:before{content:"\1f512"}.glyphicon-bell:before{content:"\1f514"}.glyphicon-bookmark:before{content:"\1f516"}.glyphicon-fire:before{content:"\1f525"}.glyphicon-wrench:before{content:"\1f527"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:""}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs-justified>.active>a{border-bottom-color:#fff}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;z-index:1030}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none!important;visibility:hidden!important}.visible-xs{display:none!important}tr.visible-xs{display:none!important}th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm{display:none!important}tr.visible-sm{display:none!important}th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md{display:none!important}tr.visible-md{display:none!important}th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg{display:none!important}tr.visible-lg{display:none!important}th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs{display:none!important}tr.hidden-xs{display:none!important}th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important}tr.hidden-xs.hidden-sm{display:none!important}th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important}tr.hidden-xs.hidden-md{display:none!important}th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important}tr.hidden-xs.hidden-lg{display:none!important}th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs{display:none!important}tr.hidden-sm.hidden-xs{display:none!important}th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}tr.hidden-sm{display:none!important}th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important}tr.hidden-sm.hidden-md{display:none!important}th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important}tr.hidden-sm.hidden-lg{display:none!important}th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs{display:none!important}tr.hidden-md.hidden-xs{display:none!important}th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important}tr.hidden-md.hidden-sm{display:none!important}th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}tr.hidden-md{display:none!important}th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg{display:none!important}tr.hidden-md.hidden-lg{display:none!important}th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs{display:none!important}tr.hidden-lg.hidden-xs{display:none!important}th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important}tr.hidden-lg.hidden-sm{display:none!important}th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important}tr.hidden-lg.hidden-md{display:none!important}th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}tr.hidden-lg{display:none!important}th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print{display:none!important}tr.visible-print{display:none!important}th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}tr.hidden-print{display:none!important}th.hidden-print,td.hidden-print{display:none!important}} /* Ce fichier contient des éléments bootstrap personnalisés */ /* ####################################################### */ /* BOUTONS */ /* ####################################################### */ /*#region Type de bouton 'btn-dark' */ .btn-dark { color: #FFFFFF; background-color: #454545; border-color: #000000; } .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { color: #FFFFFF; background-color: #5C5C5C; border-color: #000000; } .btn-dark:active, .btn-dark.active, .open .dropdown-toggle.btn-dark { background-image: none; } .btn-dark.disabled, .btn-dark[disabled], fieldset[disabled] .btn-dark, .btn-dark.disabled:hover, .btn-dark[disabled]:hover, fieldset[disabled] .btn-dark:hover, .btn-dark.disabled:focus, .btn-dark[disabled]:focus, fieldset[disabled] .btn-dark:focus, .btn-dark.disabled:active, .btn-dark[disabled]:active, fieldset[disabled] .btn-dark:active, .btn-dark.disabled.active, .btn-dark[disabled].active, fieldset[disabled] .btn-dark.active { background-color: #454545; border-color: #000000; } .btn-dark .badge { color: #454545; background-color: #FFFFFF; } /*#endregion*/ /* ####################################################### */ /* ALERTS */ /* ####################################################### */ .alert-neutral { border-color: #e7e7e7; background: #f8f8f8; } /****** Formulaire *********/ /*div.formulaire {margin: 0 auto;}*/ div.formulaire div.formulaireLigne { overflow: hidden; margin: 10px 0; padding: 0; min-height: 24px; height: 100%; } div.formulaire div.formulaireLigne label { clear: left; display: block; float: left; text-align: right; margin: 0 2px 0 0; font-weight: normal; } div.formulaire div.formulaireLigne div.boutons input { width: auto !important; } div.formulaire div.formulaireLigne input, div.formulaire div.formulaireLigne select, div.formulaire div.formulaireLigne textarea { clear: right; float: left; display: block; vertical-align: middle; width: 98%; } div.formulaire div.select_60 select { width: 60% !important; } div.formulaire div.formulaireLigne input[type="checkbox"], div.formulaire div.formulaireLigne input[type="radio"] { width: auto !important; } /* gauche 50 et droite 50 */ /* 33% gauche centre droite*/ .colonneGauche50 { float: left; width: 48%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche50 label { width: 100%; position: relative; text-align: right; } .colonneDroite50 { float: left; width: 48%; padding: 0; margin: 0 0 0 1%; display: inline; position: relative; } .colonneDroite50PadLeft5 { float: left; width: 48%; padding: 0; margin: 0 0 0 1%; display: inline; position: relative; padding-left: 5px; } .colonneDroite60 { float: left; width: 58%; padding: 0; margin: 0 0 0 1%; display: inline; position: relative; } . { float: left; width: 79%; padding: 0; margin: 0 0 0 1%; display: inline; position: relative; } .colonneGauche60 { float: left; width: 59%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche60 label { width: 100%; position: relative; text-align: right; } .colonneCentre5 { float: left; width: 5%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite35 { float: left; width: 35%; padding: 0; display: inline; position: relative; } .colonneGauche1 { float: left; width: 1px; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } colonneCentre5px { float: left; width: 5px; ; padding: 0; display: inline; position: relative; height: 100%; } /*gauche 25; centre 50; droite 25*/ .colonneGauche30 { float: left; width: 30%; padding: 0; display: inline-block; position: relative; } .colonneGauche30 span { width: 100%; position: relative; text-align: right; } .colonneCentre50 { float: left; width: 50%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite20 { float: left; width: 20%; padding: 0; display: inline; position: relative; } .colonneCentre55 { float: left; width: 55%; padding: 0; display: inline; position: relative; height: 100%; } .colonneGauche35 { float: left; width: 35%; padding: 0; display: inline-block; position: relative; } .colonneGauche35 label { width: 100%; position: relative; text-align: right; } .colonneGauche98 { float: left; width: 98%; padding: 0; display: inline-block; position: relative; } .colonneGauche98 label { width: 100%; position: relative; text-align: right; } .colonneGauche70 { float: left; width: 70%; padding: 0; display: inline-block; position: relative; } .colonneGauche70 label { width: 100%; position: relative; text-align: right; } /*gauche 33; centre 33; droite 33*/ .colonneGauche33 { float: left; width: 33%; padding: 0; display: inline-block; position: relative; } .colonneGauche33 span { width: 100%; position: relative; text-align: right; } .colonneCentre33 { float: left; width: 33%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite33 { float: left; width: 33%; padding: 0; display: inline; position: relative; } .colonneGauche83 { float: left; width: 83%; padding: 0; display: inline-block; position: relative; } .colonneGauche83 span { width: 100%; position: relative; text-align: right; } .colonneGauche16 { float: left; width: 16%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche16 label { width: 100%; position: relative; text-align: right; } .colonneCentre16 { float: left; width: 16%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite16 { float: left; width: 16%; padding: 0; display: inline; position: relative; } .colonneGauche16TextAlignLeft { float: left; width: 16%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche16TextAlignLeft label { position: relative; text-align: left !important; } .colonneGauche15 { float: left; width: 15%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche15 label { width: 100%; position: relative; text-align: right; } .colonneDroite60 { float: left; width: 58%; padding: 0; display: inline; position: relative; } .colonneDroite80AlignLeft { float: right; width: 78%; padding: 0; display: inline; position: relative; text-align: left; } .colonneDroite79AlignLeft { float: right; width: 76%; padding: 0; display: inline; position: relative; text-align: left; } .colonneGauche40 { float: left; width: 38%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche40 label { width: 100%; position: relative; text-align: right; } .colonneCentre30 { float: left; width: 28%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite30 { float: left; width: 28%; padding: 0; display: inline; position: relative; } .colonneGauche45 { float: left; width: 44%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche45 label { width: 100%; position: relative; text-align: right; } .colonneGauche10 { float: left; width: 9%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche10 label { width: 100%; position: relative; text-align: right; } .colonneCentre40 { float: left; width: 39%; padding: 0; display: inline; position: relative; height: 100%; } .colonneCentre10 { float: left; width: 9%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite40 { float: left; width: 39%; padding: 0; display: inline; position: relative; } .colonneGauche5 { float: left; width: 5%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche5 label { width: 100%; position: relative; text-align: right; } .colonneGauche74 { float: left; width: 74%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneGauche75 { float: left; width: 75%; padding: 0; margin: 0 1% 0 0; display: inline-block; position: relative; } .colonneCentre20 { float: left; width: 19%; padding: 0; display: inline; position: relative; height: 100%; } .colonneCentre15 { float: left; width: 15%; padding: 0; display: inline; position: relative; height: 100%; } .colonneCentre15 label { width: 100%; position: relative; text-align: right; } .colonneDroite25 { float: left; width: 25%; padding: 0; display: inline; position: relative; } .colonneDroite23 { float: left; width: 23%; padding: 0; display: inline; position: relative; } .colonneCentre60 { float: left; width: 58%; padding: 0; display: inline; position: relative; height: 100%; } .colonneCentre70 { float: left; width: 70%; padding: 0; display: inline; position: relative; height: 100%; } .colonneDroite15 { float: left; width: 14%; padding: 0; display: inline; position: relative; } .colonneDroite90 { float: left; width: 88%; padding: 0; display: inline; position: relative; } /*.colonneGauche10 {float:left; width:10%; padding:0; display:inline; position:relative;}*/ .colonneGauche20 { float: left; width: 20%; padding: 0; display: inline-block; position: relative; } .colonneGauche20 label { width: 100%; position: relative; text-align: right; } .colonneGauche21 { float: left; width: 22%; padding: 0; display: inline-block; position: relative; } .colonneGauche21 label { width: 100%; position: relative; text-align: right; } .colonneGauche25 { float: left; width: 25%; padding: 0; display: inline-block; position: relative; } .colonneGauche25 label { width: 100%; position: relative; text-align: right; padding-right: 3px; } .colonneGauche23 { float: left; width: 23%; padding: 0; display: inline-block; position: relative; } .colonneGauche23 label { width: 100%; position: relative; text-align: right; padding-right: 3px; } /**paramétre customer*/ .parameter-customer-action { margin-left: 5px; margin-right: 0px; margin-bottom: 5px; } section.parameter .arrow-green { width: 21px; height: 17px; margin-left: auto; margin-right: auto; z-index: 50; bottom: -10px; position: relative; background-image: url(Images/home-section-client-selector-green.png); } section.parameter .arrow-green:hover { background-image: url(Images/home-section-client-selector-green.png); } section.parameter .param-article { display: none; /* none*/ } section.parameter .param-article-active { display: block; } section.parameter #param-types { list-style: none; /*padding:0 0 25px 0;*/ padding: 0 0 10px 0; text-align: center; margin-top: 32px; border-bottom: 2px solid #8ec641; margin-left: auto; margin-right: auto; } section.parameter #param-types > li { display: inline-block; /*height:100px; width:166px;*/ width: 18%; background-repeat: no-repeat; margin: 0; padding: 0; } section.parameter #param-types .text { margin-top: 100px; } section.parameter #param-types li:hover { cursor: pointer; } section.parameter .etab-param-etablissement { background-image: url(Images/param-customer-icon-off.png); background-position-x: center; color: #e6e7e8; } section.parameter .etab-param-etablissement:hover { background-image: url(Images/param-customer-icon-on.png); background-position-x: center; color: #8ec641; font-weight: 500; } .etab-param-etablissement_select { background-image: url(Images/param-customer-icon-on.png) !important; background-position-x: center; color: #8ec641 !important; font-weight: 500 !important; } section.parameter .etab-param-utilisateur { background-image: url(Images/param-ico-user-off.png); background-position-x: center; color: #e6e7e8; } section.parameter .etab-param-utilisateur:hover { background-image: url(Images/param-ico-user-on.png); background-position-x: center; color: #8ec641; font-weight: 500; } .etab-param-utilisateur_select { background-image: url(Images/param-ico-user-on.png) !important; background-position-x: center; color: #8ec641 !important; font-weight: 500 !important; } section.parameter .user-param-lots { background-image: url(Images/param-user-lot-icon-off.png); background-position-x: center; color: #e6e7e8; } section.parameter .user-param-lots:hover { background-image: url(Images/param-user-lot-icon-on.png); background-position-x: center; color: #8ec641; font-weight: 500; } .user-param-lots_select { background-image: url(Images/param-user-lot-icon-on.png) !important; background-position-x: center; color: #8ec641 !important; font-weight: 500 !important; } section.parameter .etab-param-pointlivraison { background-image: url(Images/param-ico-pt-livraison-off.png); background-position-x: center; color: #e6e7e8; } section.parameter .etab-param-pointlivraison:hover { background-image: url(Images/param-ico-pt-livraison-on.png); background-position-x: center; color: #8ec641; font-weight: 500; } .etab-param-pointlivraison_select { background-image: url(Images/param-ico-pt-livraison-on.png) !important; background-position-x: center; color: #8ec641 !important; font-weight: 500 !important; } section.parameter .etab-param-pointconso { background-image: url(Images/param-ico-pt-conso-off.png); background-position-x: center; color: #e6e7e8; } section.parameter .etab-param-pointconso:hover { background-image: url(Images/param-ico-pt-conso-on.png); background-position-x: center; color: #8ec641; font-weight: 500; } .etab-param-pointconso_select { background-image: url(Images/param-ico-pt-conso-on.png) !important; background-position-x: center; color: #8ec641 !important; font-weight: 500 !important; } .black-text { color: #58595b; } .green-text { color: #7ec447; font-weight: bold; } section.parameter .etab-param-local { background-image: url(Images/param-ico-pt-local-off.png); background-position-x: center; color: #e6e7e8; } section.parameter .etab-param-local:hover { background-image: url(Images/param-ico-pt-local-on.png); background-position-x: center; color: #8ec641; font-weight: 500; } .etab-param-local_select { background-image: url(Images/param-ico-pt-local-on.png) !important; background-position-x: center; color: #8ec641 !important; font-weight: 500 !important; } /*section.parameter .etab-param-zonestokage { background-image:url(Images/param-ico-zone-stockage-off.png); background-position-x:center; color: #e6e7e8; } section.parameter .etab-param-zonestokage:hover { background-image:url(Images/param-ico-zone-stockage-on.png); background-position-x:center; color: #8ec641; font-weight: 500; } .param-zonestokage_select { background-image:url(Images/param-ico-zone-stockage-on.png)!important; background-position-x:center; color: #8ec641!important; font-weight: 500!important; }*/ .classBtnDelete_32_by_32 { border: solid thin #e6e6e6; background-image: url('/Content/Images/plateforme-delete-on.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; position: relative; right: 0px; cursor: pointer; z-index: 0; } .parameter_btn_edit { border: solid thin #e6e6e6; background-image: url('/Content/Images/plateforme-orders-edit-icon.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; position: relative; right: 0px; cursor: pointer; z-index: 0; background-color: red; } .classBtnValid { background-image: url('/Content/Images/plateforme-tick.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; position: relative; right: 0px; cursor: pointer; z-index: 0; vertical-align: middle; margin-right: 10px; } .parameter-user-action-select { background-image: url('/Content/Images/plateforme-tick.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; position: relative; right: 0px; cursor: pointer; z-index: 0; vertical-align: middle; margin-right: 10px; } .parameter-user-action-not-select { /*background-image: url('/Content/Images/plateforme-tick.png');*/ background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 32px; height: 32px; position: relative; right: 0px; cursor: pointer; z-index: 0; vertical-align: middle; margin-right: 10px; } div.paramAddDeliveryPointHour div.formulaireLigne input[type="text"] { font-size: 12pt !important; } input[type=text].padding_10 { padding-left: 10px; } .input_error { border: 2px solid red !important; } .bgLightGray { background-color: #e6e7e8; } .bgGray_colorWhite { background-color: #58595b; color: white; } .webgrid_btn_detail { border: solid thin #e6e6e6; background-image: url('../Content/Images/plateforme-edit-off.png'); background-repeat: no-repeat; background-position: center; background-size: 30px; width: 56px; height: 50px; cursor: pointer; } .webgrid_btn_detail:hover { border: solid thin #e6e6e6; background-image: url('../Content/Images/plateforme-edit-on.png'); background-repeat: no-repeat; background-position: center; background-size: 30px; background-color: red !important; width: 56px; height: 50px; cursor: pointer; } .plateforme_btn_edit { border: solid thin #e6e6e6; background-image: url('../Content/Images/plateforme-edit-on.png'); background-repeat: no-repeat; background-position: center; background-size: 30px; background-color: red !important; width: 56px; height: 50px; cursor: pointer; } .webgrid_btn_bonhomme { border: solid thin #e6e6e6; background-image: url('../Content/Images/bonhomme-black.png'); background-repeat: no-repeat; background-position: center; background-size: 30px; width: 50px; height: 50px; cursor: pointer; } .webgrid_btn_bonhomme:hover { background-image: url('../Content/Images/bonhomme-white.png'); background-color: red !important; } .webgrid_paramSupplier_btn_print span:hover { background-color: red; color: white; } .webgrid_paramSupplier_btn_contact span:hover { background-color: red; color: white; } .parameter-contat-bonhomme { background-image: url('../Content/Images/bonhomme-black.png'); background-repeat: no-repeat; background-position: center; } div#supplier-list .webgrid-table td:last-child { width: 50px; background-color: transparent; } div#supplier-list .webgrid-table td:nth-child(7) { width: 50px; background-color: transparent; } div#supplier-list .webgrid-table td:nth-child(8) { width: 50px; background-color: transparent; } div#suppliercode-list .webgrid-table td:first-child { width: 400px; background-color: transparent; } div#suppliercode-list .webgrid-table td:last-child { width: 100px; background-color: transparent; } div#archivePurchaseOrder-list .webgrid-table td:last-child { width: 56px !important; background-color: transparent; } div#archivePurchaseOrder-list .webgrid-table td:nth-child(6) { width: 50px !important; background-color: transparent; } .parameter_info_mdp { background-image: url('/Content/Images/ico-info.png'); background-repeat: no-repeat; background-size: 20px; } .curser_not_allowed { cursor:not-allowed !important; } /* styles for validation helpers */ .field-validation-error { color: #b94a48; } .field-validation-valid { display: none; } input.input-validation-error { border: 1px solid #b94a48; } input[type="checkbox"].input-validation-error { border: 0 none; } .validation-summary-errors { color: #b94a48; } .validation-summary-valid { display: none; } /* Désactivation de la croix de suppression sur les input IE >= 10 */ input[type=text]::-ms-clear { display: none; } /* Optimarché" */ img { height: auto; } #content-wrapper { width: 100%; } /* Colors */ .darkGrey { background-color: #58595b; } .lightGrey { background-color: #e6e7e8; } .pink { background-color: #ec1e3c; } .green { background-color: #8ec641; } .gray { background-color: #e6e7e8; } .red { background-color: #ec1e3c; } .text-white { color: white; } .text-pink { color: #ec1e3c; } .text-green { color: #8ec641; } .text-grey { color: #e6e7e8; } /* Titles */ .text-center { text-align: center; } h1 { font-size: 30pt; font-weight: 100; font-family: Roboto; text-transform: uppercase; color: #58595b; } h2 { font-size: 24pt; font-weight: 100; font-family: Roboto; text-transform: uppercase; text-align: left; display: inline-block; vertical-align: baseline; } h3 { font-size: 16pt; /* 2.927em; */ font-weight: 100; font-family: Roboto; } html, body { height: 100%; } body { font-family: Roboto; font-weight: 300; font-size: 12pt; line-height: 18pt; color: #58595b; } /* Main view styles */ .topNav { height: 46px; } .topNav .form { display: inline-block; } .topNav .form div { border: 1px solid #e6e7e8; margin-right: 10px; height: 34px; } .topNav .form input[type="text"] { border: 1px solid #e6e7e8; margin-right: 5px; height: 34px; width: 200px; } .topNav .form input[type="password"] { border: 1px solid #e6e7e8; height: 34px; width: 200px; } .topNav .scroll { display: inline-block; color: white; padding-right: 50px; } .topNav .scroll a { text-decoration: none; color: white; padding-left: 3px; padding-right: 3px; padding-bottom: 7px; } .topNav .scroll a:hover { border-bottom: 3px solid red; } .lnkTopNavClick { font-weight: bold; border-bottom: 3px solid red; } .topNav .scroll div { border: 1px solid #e6e7e8; margin-right: 5px; height: 34px; } .topNav .actionPart { display: inline-block; float: left; } .topNav .actionPartScroll { display: inline-block; float: right; margin-left: -10px; color: white !important; } .topNav .logo { display: inline-block; padding: 11px 1% 11px 1%; width: 140px; float: left; } .topNav img.help { width: 20px; height: 20px; position: absolute; top: 12px; right: 5px; cursor: pointer; } .topNav .contact { display: inline-block; width: auto; float: right; line-height: 17px; vertical-align: middle; font-size: 9pt; margin-left: 10px; } .topNav img { display: inline-block; } .topNavUserMenu { top: 46px; position: absolute; right: -27px; list-style-type: none; z-index: 2000; } .topNavLoginMenuClientSpace { z-index: 10; display: none; border: solid thin #a2a2a2; height: 34px; background: #e6e6e6; right: 0px; width: 188px; font-size: 9pt; text-align: center; cursor: pointer; font-family: Roboto; font-weight: 400; opacity: 0; top: 33px; } .topNavLoginMenuClientSpace:hover { border: solid thin #a2a2a2; height: 34px; font-weight: bold; background: #ec1e3c; color: #ffffff; } .topNavLoginMenu { z-index: 10; display: none; border: solid thin #a2a2a2; height: 34px; background: #e6e6e6; right: 0px; width: 188px; font-size: 9pt; text-align: center; cursor: pointer; font-family: Roboto; font-weight: 400; opacity: 0; } .topNavLoginMenu:hover { border: solid thin #a2a2a2; height: 34px; font-weight: bold; background: #ec1e3c; color: #ffffff; } .menuItemDisconnect { position: absolute; color: #ec1e3c; } .menuItemDisconnect img { opacity: .5; } .menuItemDisconnect:hover img { opacity: 1; } /* Menu supérieur ELEMENTS DANS LA BARRE DU MENU */ .actionPart .topNavHome, .actionPart .topNavCatalog, .actionPart .topNavOrders, .actionPart .topNavDelivery, .actionPart .topNavPayementVoucher, .actionPart .topNavStock, .actionPart .topNavExternalOrder, .actionPart .topNavSupplierRelation, .actionPart .topNavSupplierUpdate, .actionPart .topNavSupplierCommercialCourier, .actionPart .topNavSupplierNotification, /*.actionPart .topNavSupplierTurnoverDeclaration,*/ .actionPart .topNavBasket, .actionPart .topNavOptiBook, .actionPart .topNavPrivateSpaceDashboard, .actionPart .topNavPrivateSpaceDocuments, .actionPart .topNavPrivateSpaceOfferAnalysis, .actionPart .topNavPrivateSpaceBack { position: relative; float: left; height: 46px; border-left: solid thin #a3a3a3; padding: 0px 8px 0px 27px; color: #ffffff; font-size: 12px; background-repeat: no-repeat; background-position: 6px 13px; background-color: #58595b; background-size: 21px; cursor: pointer; } .topNavHome div, .topNavCatalog div, .topNavProduitCatalog div, .topNavPrivateCatalog div, .topNavGeneralCatalog div, .topNavOrders div, .topNavDelivery div, .topNavCreditNote div, .topNavPayementVoucher div, .topNavStock div, .topNavExternalOrder div, .topNavSupplierRelation div, .topNavDceRecovery div, .subMenuSupplierMyDocuments div, .topNavSupplierGeneralCatalog div, .topNavSupplierMyDocuments div, .topNavWonLostMarket div, .topNavUpdateBpu div, .topNavUpdateTechnicalFiles div, .topNavInformationGenerales div, .topNavServiceContract div, .topNavMessagerie div, .topNavContacts div, .topMesNot div, .topNavPlateformesetzones div, .topNavCodesClients div, .topNavPrivateSpaceDashboard div, .topNavPrivateSpaceDocuments div, .topNavPrivateSpaceOfferAnalysis div, .topNavPrivateSpaceBack div, .topNavPrivateSpaceDocumentsPA div, .topNavPrivateSpaceDocumentsAE div, .topNavPrivateSpaceDocumentsMails div, .topNavPrivateSpaceAnalysisTenderCatalog div, .topNavPrivateSpaceAnalysisNotes div, .topNavPrivateSpaceAnalysisTracking div, .topNavPrivateSpaceAnalysisMarketSelection div { position: relative; top: 6pt; margin-left: 30px; font-size: 12px; font-weight: 400; text-decoration: none !important; background-color: #58595b; color: white; } .topNavHome:hover, .topNavCatalog:hover, .topNavProduitCatalog:hover div, .topNavPrivateCatalog:hover div, .topNavGeneralCatalog:hover div, .topNavOrders:hover, .topNavDelivery:hover, .topNavCreditNote:hover div, .topNavPayementVoucher:hover, .topNavStock:hover, .topNavExternalOrder:hover, .topNavSupplierRelation:hover, .topNavDceRecovery:hover div, .topNavSupplierGeneralCatalog:hover div, .topNavSupplierMyDocuments:hover div, .topNavWonLostMarket:hover div, .topNavSupplierUpdate:hover, .topNavSupplierNotification:hover, .topNavUpdateBpu:hover div, .topNavUpdateTechnicalFiles:hover div, .topNavInformationGenerales:hover div, .topNavServiceContract:hover div, .topNavMessagerie:hover div, .topNavContacts:hover div, .topMesNot:hover div, .topNavPlateformesetzones:hover div, .topNavCodesClients:hover div, .topNavSupplierCommercialCourier:hover, /*, .topNavSupplierTurnoverDeclaration:hover,*/ .topNavPrivateSpaceDashboard:hover, .topNavPrivateSpaceDocuments:hover, .topNavPrivateSpaceOfferAnalysis:hover, .topNavPrivateSpaceBack:hover, .topNavPrivateSpaceDocumentsPA:hover div, .topNavPrivateSpaceDocumentsAE:hover div, .topNavPrivateSpaceDocumentsMails:hover div, .topNavPrivateSpaceAnalysisTenderCatalog:hover div, .topNavPrivateSpaceAnalysisNotes:hover div, .topNavPrivateSpaceAnalysisTracking:hover div, .topNavPrivateSpaceAnalysisMarketSelection:hover div { text-decoration: none !important; color: #8ec641; } .topNavHome:first-child, .topNavCatalog:first-child, .topNavOrders:first-child, .topNavDelivery:first-child, .topNavPayementVoucher:first-child, .topNavSupplierRelation:first-child, .topNavSupplierCommercialCourier:first-child, .topNavStock:first-child, .topNavExternalOrder:first-child, .topNavPrivateSpaceDashboard:first-child, .topNavPrivateSpaceDocuments:first-child, .topNavPrivateSpaceOfferAnalysis:first-child, .topNavPrivateSpaceBack:first-child { padding: 10px 10px 0px 35px; cursor: pointer; } .topNavSupplierUpdate:first-child /*, .topNavSupplierTurnoverDeclaration:first-child,*/ { padding: 10px 10px 0px 35px; cursor: default; } .topNavSupplierNotification:first-child /*, .topNavSupplierTurnoverDeclaration:first-child,*/ { padding: 10px 10px 0px 35px; cursor: default; } /* Items dans les sous-menu du menu supérieur */ .actionPart .topNavProduitCatalog, .actionPart .topNavPrivateCatalog, .actionPart .topNavGeneralCatalog, .actionPart .topNavCreditNote, .actionPart .topNavDceRecovery, .actionPart .topNavSupplierGeneralCatalog, .actionPart .topNavSupplierMyDocuments, .actionPart .topNavWonLostMarket, .actionPart .topNavUpdateBpu, .actionPart .topNavUpdateTechnicalFiles, .actionPart .topNavInformationGenerales, .actionPart .topNavServiceContract, .actionPart .topNavMessagerie, .actionPart .topNavContacts, .actionPart .topMesNot, .actionPart .topNavPlateformesetzones, .actionPart .topNavCodesClients, .actionPart .topNavPrivateSpaceDocumentsPA, .actionPart .topNavPrivateSpaceDocumentsAE, .actionPart .topNavPrivateSpaceDocumentsMails, .actionPart .topNavPrivateSpaceAnalysisTenderCatalog, .actionPart .topNavPrivateSpaceAnalysisNotes, .actionPart .topNavPrivateSpaceAnalysisTracking, .actionPart .topNavPrivateSpaceAnalysisMarketSelection { position: absolute; display: none; z-index: 10; height: 40px; border: solid thin #a3a3a3; padding-left: 10px; color: #a3a3a3; background-repeat: no-repeat; background-position: 9px 9px; background-color: #58595b; background-size: 21px; cursor: pointer; } .topNavProduitCatalog a, .topNavProduitCatalog:hover a, .topNavPrivateCatalog a, .topNavPrivateCatalog:hover a, .topNavGeneralCatalog a, .topNavGeneralCatalog:hover a, .topNavCreditNote a, .topNavCreditNote:hover a, .topNavDceRecovery a, .topNavDceRecovery:hover a, .topNavSupplierGeneralCatalog a, .topNavSupplierGeneralCatalog:hover a, .topNavSupplierMyDocuments a, .topNavSupplierMyDocuments:hover a, .topNavWonLostMarket a, .topNavWonLostMarket:hover a, .topNavUpdateBpu a, .topNavUpdateBpu:hover a, .topNavUpdateTechnicalFiles a, .topNavUpdateTechnicalFiles:hover a, .topNavInformationGenerales a, .topNavInformationGenerales:hover a, .topNavServiceContract a, .topNavServiceContract:hover a, .topNavMessagerie a, .topNavMessagerie:hover a, .topNavContacts a, .topNavContacts:hover a, .topMesNot a, .topMesNot:hover a, .topNavPlateformesetzones a, .topNavPlateformesetzones:hover a, .topNavCodesClients a, .topNavCodesClients:hover a, .topNavPrivateSpaceDocumentsPA:hover a, .topNavPrivateSpaceDocumentsAE:hover a, .topNavPrivateSpaceDocumentsMails:hover a, .topNavPrivateSpaceAnalysisTenderCatalog:hover a, .topNavPrivateSpaceAnalysisNotes:hover a, .topNavPrivateSpaceAnalysisTracking:hover a, .topNavPrivateSpaceAnalysisMarketSelection:hover a { text-decoration: none !important; } /* Taille du sous-menu 1er item */ .actionPart .topNavProduitCatalog, .actionPart .topNavPrivateCatalog, .actionPart .topNavCreditNote, .actionPart .topNavSupplierGeneralCatalog, .actionPart .topNavInformationGenerales, .actionPart .topNavServiceContract, .actionPart .topNavMessagerie, .actionPart .topNavSupplierMyDocuments, .actionPart .topNavPrivateSpaceAnalysisTenderCatalog { top: 46px; width: 215px; } .actionPart .topNavPrivateSpaceDocumentsAE { top: 46px; width: 250px; } /* Taille du sous-menu 2ème item */ .actionPart .topNavPrivateCatalog, .actionPart .topNavDceRecovery, .actionPart .topNavContacts, .actionPart .topMesNot, .actionPart .topNavPrivateSpaceAnalysisNotes { top: 86px; width: 215px; } .actionPart .topNavGeneralCatalog { top: 126px; width: 215px; } .actionPart .topNavPrivateSpaceDocumentsMails { top: 86px; width: 250px; } /*Begin Taille du sous-menu Mise a jour item */ .actionPart .topNavPlateformesetzones { top: 126px; width: 215px; height: 58px; } .actionPart .topNavCodesClients { top: 184px; width: 215px; } .actionPart .topNavUpdateBpu { top: 224px; width: 215px; } .actionPart .topNavSupplierGeneralCatalog { top: 246px; width: 215px; } .actionPart .topNavSupplierGeneralCatalog { top: 224px; width: 215px; } .actionPart .topNavUpdateTechnicalFiles { top: 264px; width: 215px; height: 58px; } /*End Taille du sous-menu Mise a jour item */ /* Taille du sous-menu 3ème item */ .actionPart .topNavWonLostMarket, /*.actionPart .topNavPlateformesetzones,*/ .actionPart .topNavPrivateSpaceAnalysisTracking { top: 126px; width: 215px; } .actionPart .topNavPrivateSpaceDocumentsPA { top: 126px; width: 250px; } /* Taille du sous-menu 4ème item */ .actionPart .topNavPrivateSpaceAnalysisMarketSelection { top: 166px; width: 215px; } /* Menu Aide */ .topNavAide { background-color: #7ec447; padding-left: 35px; cursor: pointer; position: relative; float: left; height: 46px; border-left: solid thin #a3a3a3; border-right: solid 1px #a3a3a3; padding: 10px 10px 0px 11px; color: #ffffff; font-size: 12px; background-repeat: no-repeat; } /* Menu supérieur OPTIBOOK - Notification */ .actionPart .topNavOptiBook { background-image: url('/Content/Images/OptiLogo-white.png'); background-position: 4px 9px; background-color: #ec1e3c; background-size: 28px; padding-left: 35px; cursor: pointer; } .topNavOptiBook span { position: relative; top: 6pt; font-size: 10pt; font-weight: 400; color: white; } .topNavOptiBook > #opti-badge-notif { float: right; display: block; background-color: white; color: #ec1e3c; margin: 5px 0px 0px 5px; } /* Image des menus et sous-menus */ .topNavHome { background-image: url('/Content/Images/plateforme-nav-globale-home-icon-off.png'); } .topNavHome:hover, .topNavHome.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-home-icon-on.png'); } /* Espace Client */ .topNavCatalog { background-image: url('/Content/Images/plateforme-nav-globale-catalogue-icon-off.png'); } .topNavCatalog:hover, .topNavCatalog.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-catalogue-icon-on.png'); } .topNavProduitCatalog { background-image: url('/Content/Images/plateforme-nav-globale-catalogue-icon-off.png'); } .topNavProduitCatalog:hover, .topNavProduitCatalog.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-catalogue-icon-on.png'); } .topNavPrivateCatalog { background-image: url('/Content/Images/catalog-nav-private-product-off.png'); } .topNavPrivateCatalog:hover, .topNavPrivateCatalog.topNavCurrentTab { background-image: url('/Content/Images/catalog-nav-private-product-on.png'); } .topNavGeneralCatalog { background-image: url('/Content/Images/my-documents-nav-general-catalog-off.png'); } .topNavGeneralCatalog:hover, .topNavGeneralCatalog.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-general-catalog-on.png'); } .topNavOrders { background-image: url('/Content/Images/plateforme-nav-globale-command-icon-off.png'); } .topNavOrders:hover, .topNavOrders.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-command-icon-on.png'); } .topNavDelivery { background-image: url('/Content/Images/plateforme-nav-globale-livraisons-icon-off.png'); } .topNavDelivery:hover, .topNavDelivery.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-livraisons-icon-on.png'); } .topNavCreditNote { background-image: url('/Content/Images/delivery-nav-credit-note-off.png'); } .topNavCreditNote:hover, .topNavCreditNote.topNavCurrentTab { background-image: url('/Content/Images/delivery-nav-credit-note-on.png'); } .topNavPayementVoucher { background-image: url('/Content/Images/plateforme-nav-globale-bonapayer-icon-off.png'); } .topNavPayementVoucher:hover, .topNavPayementVoucher.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-bonapayer-icon-on.png'); } .topNavStock { background-image: url('/Content/Images/plateforme-nav-globale-icon-stock-off.png'); border-right: solid thin #a3a3a3; } .topNavStock:hover, .topNavStock.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-icon-stock-on.png'); } .topNavExternalOrder { background-image: url('/Content/Images/plateforme-nav-globale-icon-externalorder-off.png'); border-right: solid thin #a3a3a3; } .topNavExternalOrder:hover, .topNavExternalOrder.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-icon-externalorder-on.png'); } /* Espace Fournisseur */ .topNavSupplierRelation { background-image: url('/Content/Images/privatespace-nav-kiosk-off.png'); } .topNavSupplierRelation:hover, .topNavSupplierRelation.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-kiosk-on.png'); } .topNavDceRecovery { background-image: url('/Content/Images/my-documents-nav-dce-recovery-off.png'); } .topNavDceRecovery:hover, .topNavDceRecovery.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-dce-recovery-on.png'); } .topNavSupplierMyDocuments { background-image: url('/Content/Images/my-documents-nav-general-catalog-off.png'); } .topNavSupplierMyDocuments:hover, .topNavSupplierMyDocuments.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-general-catalog-on.png'); } .topNavSupplierGeneralCatalog { background-image: url('/Content/Images/my-documents-nav-dce-recovery-off.png'); } .topNavSupplierGeneralCatalog:hover, .topNavSupplierGeneralCatalog.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-dce-recovery-on.png'); } .topNavWonLostMarket { background-image: url('/Content/Images/my-documents-nav-win-market-off.png'); } .topNavWonLostMarket:hover, .topNavWonLostMarket.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-win-market-on.png'); } .topNavSupplierUpdate { background-image: url('/Content/Images/plateforme-nav-globale-maj-icon-off.png'); } .topNavSupplierUpdate:hover, .topNavSupplierUpdate.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-maj-icon-on.png'); } .topNavSupplierNotification { background-image: url('/Content/Images/chat_off.png'); } .topNavSupplierNotification:hover, .topNavSupplierNotification.topNavCurrentTab { background-image: url('/Content/Images/chat_off.png'); } .topNavUpdateBpu { background-image: url('/Content/Images/my-documents-nav-general-catalog-off.png'); } .topNavUpdateBpu:hover, .topNavUpdateBpu.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-general-catalog-on.png'); } .topNavInformationGenerales { background-image: url('/Content/Images/update-nav-bpu-off.png'); } .topNavInformationGenerales:hover, .topNavInformationGenerales.topNavCurrentTab { background-image: url('/Content/Images/update-nav-bpu-on.png'); } .topNavMessagerie { background-image: url('/Content/Images/update-nav-bpu-off.png'); } .topNavMessagerie:hover, .topNavMessagerie.topNavCurrentTab { background-image: url('/Content/Images/update-nav-bpu-on.png'); } .topNavContacts { background-image: url('/Content/Images/my-documents-nav-general-catalog-off.png'); } .topNavContacts:hover, .topNavContacts.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-general-catalog-on.png'); } .topNavServiceContract { background-image: url('/Content/Images/yousign_service_contract_off.png'); } .topNavServiceContract:hover, .topNavServiceContract.topNavCurrentTab { background-image: url('/Content/Images/yousign_service_contract_on.png'); } .topMesNot { background-image: url('/Content/Images/yousign_service_contract_off.png'); } .topMesNot:hover, .topMesNot.topNavCurrentTab { background-image: url('/Content/Images/yousign_service_contract_on.png'); } .topNavPlateformesetzones { background-image: url('/Content/Images/my-documents-nav-dce-recovery-off.png'); } .topNavPlateformesetzones:hover, .topNavPlateformesetzones.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-dce-recovery-on.png'); } .topNavCodesClients { background-image: url('/Content/Images/my-documents-nav-win-market-off.png'); } .topNavCodesClients:hover, .topNavCodesClients.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-win-market-on.png'); } .topNavUpdateTechnicalFiles { background-image: url('/Content/Images/my-documents-nav-dce-recovery-off.png'); } .topNavUpdateTechnicalFiles:hover, .topNavUpdateTechnicalFiles.topNavCurrentTab { background-image: url('/Content/Images/my-documents-nav-dce-recovery-on.png'); } .topNavSupplierCommercialCourier { background-image: url('/Content/Images/plateforme-nav-globale-messagerie-icon-off.png'); } .topNavSupplierCommercialCourier:hover, .topNavSupplierCommercialCourier.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-messagerie-icon-on.png'); } /*.topNavSupplierTurnoverDeclaration { background-image: url('/Content/Images/plateforme-nav-globale-declaration-ca-icon-off.png'); }*/ /*.topNavSupplierTurnoverDeclaration:hover, .topNavSupplierTurnoverDeclaration.topNavCurrentTab { background-image: url('/Content/Images/plateforme-nav-globale-declaration-ca-icon-on.png'); }*/ .topNavPrivateSpaceDashboard { background-image: url('/Content/Images/privatespace-nav-dashboard-off.png'); } .topNavPrivateSpaceDashboard:hover, .topNavPrivateSpaceDashboard.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-dashboard-on.png'); } .topNavPrivateSpaceDocuments { background-image: url('/Content/Images/privatespace-nav-kiosk-off.png'); /*background-image: url('/Content/Images/privatespace-nav-my-documents-off.png');*/ } .topNavPrivateSpaceDocuments:hover, .topNavPrivateSpaceDocuments.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-kiosk-on.png'); /*background-image: url('/Content/Images/privatespace-nav-my-documents-on.png');*/ } .topNavPrivateSpaceOfferAnalysis { background-image: url('/Content/Images/privatespace-nav-analysis-off.png'); } .topNavPrivateSpaceOfferAnalysis:hover, .topNavPrivateSpaceOfferAnalysis.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-analysis-on.png'); } .topNavPrivateSpaceBack { background-image: url('/Content/Images/privatespace-nav-back-off.png'); } .topNavPrivateSpaceBack:hover, .topNavPrivateSpaceBack.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-back-on.png'); } .topNavPrivateSpaceDocumentsPA { background-image: url('/Content/Images/privatespace-nav-my-documents-off.png'); } .topNavPrivateSpaceDocumentsPA:hover, .topNavPrivateSpaceDocumentsPA.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-my-documents-on.png'); } .topNavPrivateSpaceDocumentsAE { background-image: url('/Content/Images/privatespace-nav-my-documents-off.png'); } .topNavPrivateSpaceDocumentsAE:hover, .topNavPrivateSpaceDocumentsAE.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-my-documents-on.png'); } .topNavPrivateSpaceDocumentsMails { background-image: url('/Content/Images/privatespace-nav-mail-off.png'); } .topNavPrivateSpaceDocumentsMails:hover, .topNavPrivateSpaceDocumentsMails.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-mail-on.png'); } .topNavPrivateSpaceAnalysisTenderCatalog { background-image: url('/Content/Images/privatepace-nav-analysis-catalog-off.png'); } .topNavPrivateSpaceAnalysisTenderCatalog:hover, .topNavPrivateSpaceAnalysisTenderCatalog.topNavCurrentTab { background-image: url('/Content/Images/privatepace-nav-analysis-catalog-on.png'); } .topNavPrivateSpaceAnalysisNotes { background-image: url('/Content/Images/privatespace-nav-analysis-off.png'); } .topNavPrivateSpaceAnalysisNotes:hover, .topNavPrivateSpaceAnalysisNotes.topNavCurrentTab { background-image: url('/Content/Images/privatespace-nav-analysis-on.png'); } .topNavPrivateSpaceAnalysisTracking { background-image: url('/Content/Images/privatepace-nav-analysis-tracking-off.png'); } .topNavPrivateSpaceAnalysisTracking:hover, .topNavPrivateSpaceAnalysisTracking.topNavCurrentTab { background-image: url('/Content/Images/privatepace-nav-analysis-tracking-on.png'); } .topNavPrivateSpaceAnalysisMarketSelection { background-image: url('/Content/Images/privatepace-nav-analysis-selection-off.png'); } .topNavPrivateSpaceAnalysisMarketSelection:hover, .topNavPrivateSpaceAnalysisMarketSelection.topNavCurrentTab { background-image: url('/Content/Images/privatepace-nav-analysis-selection-on.png'); } .topNavCurrentTab { background-color: rgb(121, 121, 121); border-bottom: solid 6px #8ec641; } .topNavCurrentTab span { color: #8ec641; } .numeric { text-align: right !important; padding-right: 10px !important; } .topNavRightPanel { position: absolute; right: 0px; top: 0px; padding-right: 27px; } #basket { cursor: pointer; height: 46px; background-image: url(/Content/Images/plateforme-nav-globale-btn-panier-vide-icon.png); background-repeat: no-repeat; background-position: 4px 11px; background-size: 24px; background-color: #58595b; position: relative; float: left; left: 0px; border-left: solid thin #a3a3a3; color: #ffffff; padding: 0px 20px 0px 27px; } #basket #basketQuantity { position: relative; left: 18px; top: -68px; color: #ffffff; font-weight: 300; display: none; } #basket span:nth-of-type(1) { position: relative; top: 4px; font-size: 10pt; font-weight: 400; color: #7ec447; padding-left: 5px; } #basket span:nth-of-type(2) { position: relative; left: 5px; top: -10px; font-size: 8pt; font-weight: 300; color: #ffffff; } #basket img { position: absolute; right: 2px; top: 19px; width: 12px; height: 8px; } #basket.full { background-color: #7ec447; } #basket.full #basketQuantity { display: block; } #basket.full span:nth-of-type(1) { color: #ffffff; } /* Panel des paramètre utilisateur*/ .userPanelWrapper { position: relative; display: inline-block; } .topNavUserPanelNav { cursor: pointer; height: 46px; position: relative; float: left; left: 0px; border-left: solid thin #a3a3a3; color: #ffffff; background-repeat: no-repeat; background-position: 4px 13px; background-size: 20px; padding: 11px 20px 11px 10px; } .topNavUserPanelNav img { width: 12px; height: 8px; position: absolute; top: 19px; right: 4px; } .topNavUserPanelNav img.UserPortait { height: 42px; width: 42px; position: absolute; background: #faf5d4; top: 8px; right: 150px; display: none; } .topNavUserPanelNav img.SupportAvatar { height: 42px; width: 42px; position: absolute; top: 8px; right: 150px; display: none; } .topNavUserPanelNav span { display: inline-block; font-size: 10pt; font-weight: bold; color: #ffffff; width: 130px; text-align: left; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .classBtnDelete_55_by_55 { border: solid thin #e6e6e6; background-image: url('/Content/Images/plateforme-delete-on.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 55px; height: 55px; position: relative; right: 0px; cursor: pointer; z-index: 0; } .unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .CategoryComboItem { line-height: 25px; width: 100%; background: white; cursor: default; color: #2f2f2f; white-space: nowrap; display: block; padding-left: 5px; padding-right: 30px; height: 25px; } .CategoryComboItem:hover { line-height: 25px; width: 100%; background: #ec1e3c; cursor: default; color: white; white-space: nowrap; display: block; padding-left: 5px; padding-right: 30px; height: 25px; } .cbChecked { width: 12px; height: 12px; display: inline; background-image: url(/Content/Images/tick-white.png); background-size: 95%; background-color: #ec1e3c; background-position: center; background-repeat: no-repeat; border: solid thin #E2E2E2; display: inline-block; } .cbUnchecked { width: 12px; height: 12px; display: inline; background-position: center; background-repeat: no-repeat; border: solid thin #E2E2E2; background-color: white; display: inline-block; } .rating { unicode-bidi: bidi-override; direction: rtl; color: #EA9F16; font-size: 12px; cursor: default; } .rating > span { display: inline-block; position: relative; color: #EA9F16; } .rating > span:hover:before, .rating > span:hover ~ span:before { content: "\2605"; position: absolute; color: #EA9F16; } .blur { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=5px)"; } .tag { margin-right: 5px; background-color: white; color: #2f2f2f; font-size: 12px; font-weight: 400; float: left; padding: 0 3px; height: 20px; line-height: 17px; cursor: default; border: solid thin lightgray; background-image: url(/Content/Images/plateforme-popin-icon-close-pink.png); background-position: 95% 50%; background-repeat: no-repeat; background-size: 16px; } .tag:hover { margin-right: 5px; background-color: #ec1e3c; color: white; font-size: 12px; font-weight: 400; float: left; padding: 0 3px; height: 20px; line-height: 17px; cursor: default; border: solid thin #ec1e3c; background-image: url(/Content/Images/plateforme-popin-icon-close.png); background-position: 95% 50%; background-repeat: no-repeat; background-size: 16px; } .tag a { width: 20px; height: 20px; text-decoration: none; cursor: pointer; margin-left: 5px; padding-right: 0px; } .tag a:hover { width: 20px; height: 20px; text-decoration: none; cursor: pointer; margin-left: 5px; padding-right: 0px; } .accountHome-secondaryNavMenuSetting { width: 75px; height: 33%; vertical-align: middle; background: url('/Content/Images/plateforme-nav-secondaire-icon-setting-off.png') no-repeat #7ec447; background-position: 50% 50%; background-size: 70%; font-family: 'ROBOTO' sans-serif; font-weight: 400; color: white; } .accountHome-secondaryNavMenuSetting:hover { width: 75px; height: 33%; vertical-align: middle; background: url('/Content/Images/plateforme-nav-secondaire-icon-setting-on.png') no-repeat lightgray; background-position: 50% 50%; background-size: 70%; font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #565656; } .accountHome-secondaryNavMenuReport { height: 33%; vertical-align: middle; background: url('/Content/Images/plateforme-nav-secondaire-icon-report-off.png') no-repeat #7ec447; background-position: 50% 50%; background-size: 70%; font-family: 'ROBOTO' sans-serif; font-weight: 400; color: white; } .accountHome-secondaryNavMenuReport:hover { height: 33%; vertical-align: middle; background: url('/Content/Images/plateforme-nav-secondaire-icon-report-on.png') no-repeat lightgray; background-position: 50% 50%; background-size: 70%; font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #565656; } .accountHome-secondaryNavMenuArchives { height: 33%; vertical-align: middle; background: url('/Content/Images/plateforme-nav-secondaire-icon-archives-off.png') no-repeat #7ec447; background-position: 50% 50%; background-size: 70%; font-family: 'ROBOTO' sans-serif; font-weight: 400; color: white; } .accountHome-secondaryNavMenuArchives:hover { height: 33%; vertical-align: middle; background: url('/Content/Images/plateforme-nav-secondaire-icon-archives-on.png') no-repeat lightgray; background-position: 50% 50%; background-size: 70%; font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #565656; } .accountHome-secondaryNavMenuTitle { font-family: 'ROBOTO' sans-serif; font-weight: 400; font-size: 17px; margin: 100% 10px 0 10px; cursor: default; } .accounthome-MenuCatalog { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-catalogue-off.png') no-repeat white; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuCatalog:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-catalogue-on.png') no-repeat lightgray; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuOrder { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-command-off.png') no-repeat white; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuOrder:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-command-on.png') no-repeat lightgray; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuDelivery { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-livraisons-off.png') no-repeat white; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuDelivery:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-livraisons-on.png') no-repeat lightgray; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuStock { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-stack-off.png') no-repeat white; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accounthome-MenuStock:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-accueil-icon-stack-on.png') no-repeat lightgray; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .accountHome-MenuTitle { font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #7ec447; font-size: 24px; margin-top: 30%; font-style: italic; cursor: default; } .accountHome-MenuSubTitle { font-family: 'ROBOTO' sans-serif; font-weight: 300; color: #8f8f8f; font-size: 17px; cursor: default; } .addToBasket { color: white; border: solid thin #ec1e3c; font-weight: 600; margin: 0 5px; display: inline-block; font-size: 12px; padding: 0 10px; line-height: 25px; background: #ec1e3c; text-decoration: none; } .addToBasket:hover { text-decoration: none; color: #ffffff; } .supplierHome-MenuRelation { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/SuplierSpace/Kiosque.png') no-repeat white; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .supplierHome-MenuRelation:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/SuplierSpace/Kiosque.png') no-repeat lightgray; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .supplierHome-MenuTitle { font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #7ec447; font-size: 24px; margin-top: 35%; font-style: italic; cursor: default; } .supplierHome-MenuSubTitle { font-family: 'ROBOTO' sans-serif; font-weight: 300; color: #8f8f8f; font-size: 17px; cursor: default; } .updateHome-MenuUpdate { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/SuplierSpace/misesJour.png') no-repeat white; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .updateHome-MenuUpdate:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/SuplierSpace/misesJour.png') no-repeat lightgray; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .updateHome-MenuTitle { font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #7ec447; font-size: 24px; margin-top: 35%; font-style: italic; cursor: default; } .updateHome-MenuSubTitle { font-family: 'ROBOTO' sans-serif; font-weight: 300; color: #8f8f8f; font-size: 17px; cursor: default; } .emailHome-MenuEmail { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/SuplierSpace/Messagrie.png') no-repeat white; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .emailHome-MenuEmail:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/SuplierSpace/Messagrie.png') no-repeat lightgray; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .emailHome-MenuTitle { font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #7ec447; font-size: 24px; margin-top: 35%; font-style: italic; cursor: default; } .emailHome-MenuSubTitle { font-family: 'ROBOTO' sans-serif; font-weight: 300; color: #8f8f8f; font-size: 17px; cursor: default; } .declarationHome-MenuDeclaration { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-fournisseur-accueil-declarationca-off.png') no-repeat white; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .declarationHome-MenuDeclaration:hover { height: 100%; width: 25%; text-align: center; background: url('/Content/Images/plateforme-fournisseur-accueil-declarationca-on.png') no-repeat lightgray; background-size: 40%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .declarationHome-MenuTitle { font-family: 'ROBOTO' sans-serif; font-weight: 400; color: #7ec447; font-size: 24px; margin-top: 30%; font-style: italic; cursor: default; } .declarationHome-MenuSubTitle { font-family: 'ROBOTO' sans-serif; font-weight: 300; color: #8f8f8f; font-size: 17px; cursor: default; } .deliveryPage-editDeliveryLine { border: solid thin #e6e6e6; background-image: url('/Content/Images/plateforme-edit-off.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 24px; height: 24px; position: absolute; right: 0px; top: 0px; cursor: pointer; z-index: 0; } .deliveryPage-editDeliveryLine:hover { border: solid thin #ec1e3c; background-image: url('/Content/Images/plateforme-edit-on.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; background-color: #ec1e3c; width: 24px; height: 24px; position: absolute; right: 0px; top: 0px; cursor: pointer; z-index: 1; } .deliveryPage-deleteDeliveryLine { border: solid thin #e6e6e6; background-image: url('/Content/Images/plateforme-delete-off.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; width: 24px; height: 24px; position: absolute; right: 0px; top: 23px; cursor: pointer; z-index: 0; } .deliveryPage-deleteDeliveryLine:hover { border: solid thin #ec1e3c; background-image: url('/Content/Images/plateforme-delete-on.png'); background-position: 0 0; background-repeat: no-repeat; background-size: 100%; background-color: #ec1e3c; width: 24px; height: 24px; position: absolute; right: 0px; top: 23px; cursor: pointer; z-index: 1; } .deliveryPage-duplicateDeliveryLine { border: solid thin #ec1e3c; background-color: white; background-image: url('/Content/Images/plateforme-duplicate-delivery-off.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; } .deliveryPage-duplicateDeliveryLine:hover { border: solid thin #ec1e3c; background-color: #ec1e3c; background-image: url('/Content/Images/plateforme-duplicate-delivery-on.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; } /* Buttons */ .connection { color: white; border: none; } /* Section global */ .next-section { width: 89px; height: 46px; display: block; position: absolute; bottom: 25px; margin-left: 50%; } /* Section : Home */ section.home { display: block; /*background-image: url(Images/home-section-accueil-paralax-visuel.png);*/ background-position-y: -250px; background-size: cover; } /**debut gestion mode paralax*/ .cd-fixed-bg { min-height: 100%; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; } .cd-fixed-bg.cd-bg-1 { background-image: url(Images/home-section-accueil-paralax-visuel.png); } .cd-scrolling-bg { min-height: 100%; } /**fin gestion mode paralax*/ section.home > .laptop { position: absolute; top: 242px; left: 15%; } section.home > .logo { width: 480px; margin-left: auto; margin-right: auto; padding-top: 47px; } section.home > .content { width: 640px; height: 280px; position: absolute; top: 276px; right: 15%; } section.home > div.content > .button-wrapper { margin-top: 34px; font-size: 12pt; } .linkButton { display: inline-block; padding: 5px; text-decoration: none; } .linkButton:hover { text-decoration: none; color: white; } .linkButton:active { text-decoration: none; color: white; } .transparent-button { background-color: transparent; color: white; border: 1px solid white; } /* Section Who we are ? */ .whoweare { width: 100%; display: block; margin-top: 32px; } .whoweare > .content { width: 65%; margin-left: auto; margin-right: auto; margin-top: 32px; } .whoweare > .team { width: 100%; margin-top: 32px; } .whoweare > .team > .hr { width: 1166px; height: 18px; margin-left: auto; margin-right: auto; } ul.pink-list { list-style-image: url(Images/home-section-pink-bullet.png); } .whoweare > .team > .presenter { width: 1313px; margin-left: auto; margin-right: auto; } .whoweare > .team > .description { width: 100%; } .whoweare > .team > .description > .wrapper { width: 1254px; margin-left: auto; margin-right: auto; } .whoweare .team-arrow-top { width: 27px; height: 15px; margin-left: auto; margin-right: auto; background-image: url(Images/home-section-optimarche-arrow-top-white.png); -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; top: -10px; } .whoweare .team-arrow-bottom { width: 27px; height: 15px; margin-left: auto; margin-right: auto; background-image: url(Images/home-section-optimarche-arrow-top-white.png); } .whoweare > .team > .description > .wrapper > .item { width: 164px; /*height: 142px;*/ display: inline-block; margin-right: 48px; } .whoweare > .team > .description > .wrapper > .item > .citation { height: 200px; overflow-x: auto; } .whoweare > .team > .description > .wrapper > .item:last-child { margin: 0; } .whoweare > .team > .description > .wrapper > .item > .name { font-size: 16pt; font-weight: 300; display: block; } .whoweare .job { font-size: 10pt; font-weight: 100; display: block; margin-top: 22px; text-align: center; } .whoweare .citation { font-size: 10pt; font-weight: 100; margin-top: 22px; } .whoweare .left-quote { background-image: url(Images/home-section-optimarche-team-quote.png); width: 22px; height: 20px; z-index: 0; display: inline-block; } .whoweare .right-quote { background-image: url(Images/home-section-optimarche-team-quote.png); -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: flipH(); -ms-filter: "FlipH"; width: 22px; height: 20px; z-index: 100; display: inline-block; } .whoweare > .team > .description > .wrapper > .item > .citation > .content { padding-right: 5px; padding-left: 15px; position: relative; top: -25px; } /* Section clients */ section.client { /*height:1500px;*/ /* Gabarit donc à enlever */ display: block; position: relative; } section.client h1 { margin-top: 32px; } section.client #etab-types { list-style: none; /*padding:0 0 25px 0;*/ padding: 0 0 10px 0; text-align: center; margin-top: 32px; border-bottom: 2px solid #8ec641; margin-left: auto; margin-right: auto; } section.client #etab-types > li { display: inline-block; height: 278px; width: 166px; background-repeat: no-repeat; margin: 0; padding: 0; } section.client #etab-types > li:first-child { float: left; } section.client #etab-types > li:last-child { float: right; } section.client #etab-types .text { margin-top: 192px; } section.client #etab-types li:hover { cursor: pointer; } section.client .etab-public { background-image: url(Images/home-section-client-icon-public-btn-off.png); color: #e6e7e8; } section.client .etab-public:hover { background-image: url(Images/home-section-client-icon-public-btn-on.png); color: #8ec641; font-weight: 500; } .jq_etab_public_select { background-image: url(Images/home-section-client-icon-public-btn-on.png) !important; color: #8ec641 !important; font-weight: 500 !important; } section.client .etab-private { background-image: url(Images/home-section-client-icon-prive-btn-off.png); color: #e6e7e8; } section.client .etab-private:hover { background-image: url(Images/home-section-client-icon-prive-btn-on.png); color: #8ec641; font-weight: 500; } .jq_etab_private_select { background-image: url(Images/home-section-client-icon-prive-btn-on.png) !important; color: #8ec641 !important; font-weight: 500 !important; } section.client .etab-group { background-image: url(Images/home-section-client-icon-groupachat-btn-off.png); color: #e6e7e8; } section.client .etab-group:hover { background-image: url(Images/home-section-client-icon-groupachat-btn-on.png); color: #8ec641; font-weight: 500; } .jq_etab_group_select { background-image: url(Images/home-section-client-icon-groupachat-btn-on.png) !important; color: #8ec641 !important; font-weight: 500 !important; } section.client .arrow-green { width: 21px; height: 17px; margin-left: auto; margin-right: auto; z-index: 50; bottom: -16px; position: relative; background-image: url(Images/home-section-client-selector-green.png); } section.client .arrow-green:hover { background-image: url(Images/home-section-client-selector-green.png); } /* Affichage des artics */ section.client .etab-article { display: none; /* none*/ } section.client .etab-article-active { display: block; } div.englobant { overflow: hidden; margin: 2px 0; padding: 0; } section.client div.part .left { display: inline-block; float: left; min-height: 20px; width: 49%; border-right: 2px solid #8ec641; } section.client div.part .right { display: inline-block; float: right; min-height: 20px; width: 49%; } /*******************/ /* Section contact */ /*******************/ section.contact { height: 850px; display: block; } section.contact .arrow { background-image: url(Images/home-section-optimarche-arrow-top-white.png); width: 27px; height: 17px; margin-left: auto; margin-right: auto; -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); -o-transform: scaleY(-1); transform: scaleY(-1); filter: flipV(); -ms-filter: 'flipV'; top: -3px; position: relative; } section.contact .left { width: 49%; display: inline-block; float: left; } section.contact .left ul { margin-top: 130px; list-style: none; position: relative; } section.contact .left ul li { display: block; padding: 0; height: 92px; } section.contact .left ul li:first-child { margin-bottom: 121px; } section.contact .left ul li img { display: inline-block; } section.contact .right { width: 49%; display: inline-block; float: right; } section.contact .right label { display: block; } section.contact .right input[type="text"] { width: 100%; border: none; } section.contact .right input[type="email"] { width: 100%; border: none; } section.contact .right textarea { width: 100%; height: 190px; border: none; } section.contact .info { display: inline-block; margin-left: 122px; z-index: 10; vertical-align: middle; } .contact-submit { width: 142px; height: 42px; border: none; background-color: white; } section.contact .container { width: 95%; } /*********************/ /*footer fixer en bas*/ /*********************/ footer { height: 65px; background-color: #58595b; position: absolute; bottom: 0; z-index: 100; width: 100%; } footer > .wrapper { height: 71px; font-size: 8pt; font-weight: 100; line-height: 35px; line-height: 71px; width: 95%; margin-left: auto; margin-right: auto; } footer > .wrapper .left { height: 71px; float: left; } footer > .wrapper .right { height: 71px; float: right; } footer > .wrapper .right ul { list-style: none; padding: 0; } footer > .wrapper .right ul li { display: inline-block; } footer > .wrapper .right ul li:before { content: '\7c'; margin: 0 1em; } /* Fixer le footer en bas */ .div_footer { height: 71px; background-color: #58595b; position: absolute; bottom: 0; width: 100%; } .div_footer .wrapper { height: 71px; font-size: 8pt; font-weight: 100; line-height: 35px; line-height: 71px; width: 95%; margin-left: auto; margin-right: auto; position: absolute; top: auto; bottom: 0; } .div_footer > .wrapper .left { height: 71px; float: left; } .div_footer > .wrapper .right { height: 71px; float: right; } .div_footer > .wrapper .right ul { list-style: none; padding: 0; } .div_footer > .wrapper .right ul li { display: inline-block; } .div_footer > .wrapper .right ul li:before { content: '\7c'; margin: 0 1em; } .fixNavigation { z-index: 9999; position: fixed; top: 0; width: 100%; } .fixFooter { z-index: 9999; position: fixed; bottom: 0; width: 100%; height: 71px; } #search-pattern-autocomplete { position: absolute; width: 2px !important; z-index: 99; background-color: transparent; text-align: left; border-radius: 4px; } ul.ui-autocomplete { list-style: none; border: 1px solid #cccccc; border-radius: 4px; margin-bottom: 0px; background-color: white; } ul.ui-autocomplete li { font-size: 8pt; font-family: Roboto; color: black; background-color: white; } div#sectionTitle { margin-top: 20px; margin-left: 35px; width: 90%; } /*****************************************/ /* Module Parametrages => Menu de droite */ /*****************************************/ div.parameter-right-nav-egalim { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/Egalim.png') no-repeat; background-position: 55% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.parameter-right-nav-egalim :hover, div.parameter-right-nav-egalim_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/Egalim.png') no-repeat; background-position: 55% 0%; background-size: 25px; color: #58595b; } div.parameter-right-nav-customer { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-etablissement-on.png') no-repeat; background-position: 55% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.parameter-right-nav-customer:hover, div.parameter-right-nav-customer_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-etablissement-on.png') no-repeat; background-position: 55% 0%; background-size: 25px; color: #58595b; } div.parameter-right-nav-supplier { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-fournisseur-on.png') no-repeat; background-position: 50% 30%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.parameter-right-nav-supplier:hover, div.parameter-right-nav-supplier_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-fournisseur-on.png') no-repeat; background-position: 50% 30%; background-size: 25px; color: #58595b; } div.parameter-right-nav-platform { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-etablissement-on.png') no-repeat; background-position: 50% 30%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; padding-top: 10px; } div.parameter-right-nav-platform:hover, div.parameter-right-nav-platform_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-etablissement-on.png') no-repeat; background-position: 50% 30%; background-size: 25px; color: #58595b; padding-top: 10px; } div.parameter-right-nav-contact { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/bonhomme-black.png') no-repeat; background-position: 50% 30%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; padding-top: 15px; } div.parameter-right-nav-contact:hover, div.parameter-right-nav-contact_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/bonhomme-black.png') no-repeat; background-position: 50% 30%; background-size: 25px; color: #58595b; padding-top: 15px; } div.parameter-right-nav-users { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/bonhomme-black.png') no-repeat; background-position: 50% 30%; background-size: 16px; font-weight: 400; color: #58595b; opacity: 0.4; } div.parameter-right-nav-users:hover, div.parameter-right-nav-users_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/bonhomme-black.png') no-repeat; background-position: 50% 30%; background-size: 16px; color: #58595b; } div.parameter-right-nav-suppliercode { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-fournisseur-code.png') no-repeat; background-position: 50% 10%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.parameter-right-nav-suppliercode:hover, div.parameter-right-nav-suppliercode_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/param-nav-right-fournisseur-code.png') no-repeat; background-position: 50% 10%; background-size: 25px; color: #58595b; } /*****************************************************/ /* Module Espace Privé / Documents => Menu de droite */ /*****************************************************/ div.parameter-right-nav-ae { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-accueil-icon-command-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-ae:hover, div.parameter-right-nav-ae_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-accueil-icon-command-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-dce { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-accueil-icon-command-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-dce:hover, div.parameter-right-nav-dce_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-accueil-icon-command-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-annexes { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-accueil-icon-kiosk-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-annexes:hover, div.parameter-right-nav-annexes_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-accueil-icon-kiosk-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-mails { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-fournisseur-accueil-messagerie-on.png') no-repeat; background-position: 50% 5%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-mails:hover, div.parameter-right-nav-mails_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-fournisseur-accueil-messagerie-on.png') no-repeat; background-position: 50% 5%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-marketSelect { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/plateforme-fournisseur-accueil-messagerie-on.png') no-repeat; background-position: 50% 5%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } /*****************************************************/ /* Module Espace Privé / Analyses => Menu de droite */ /*****************************************************/ div.parameter-right-nav-AnalysisNotes { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-analysis-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; width: 100% !important; } div.parameter-right-nav-AnalysisNotes:hover, div.parameter-right-nav-AnalysisNotes_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-analysis-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-MarketSelection { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-selection-on.png') no-repeat; background-position: 50% 5%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-MarketSelection:hover, div.parameter-right-nav-MarketSelection_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-selection-on.png') no-repeat; background-position: 50% 5%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-TenderCatalog { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-catalog-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-TenderCatalog:hover, div.parameter-right-nav-TenderCatalog_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-catalog-on.png') no-repeat; background-position: 50% 10%; background-size: 25px; color: #58595b; text-align: center; } div.parameter-right-nav-Tracking { font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-analysis-tracking-on.png') no-repeat; background-position: 50% 20%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; text-align: center; } div.parameter-right-nav-Tracking:hover, div.parameter-right-nav-Tracking_select { opacity: 1 !important; font-weight: 600; font-size: 10pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/privatepace-right-analysis-tracking-on.png') no-repeat; background-position: 50% 20%; background-size: 25px; color: #58595b; text-align: center; } a.right-nav-link { outline: 0; text-decoration: none; display: table-cell; vertical-align: middle; } /***********************************/ /* Module Budget => Menu de droite */ /***********************************/ div.budget-right-nav-paramconsumptionsheet { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/budget-nav-right-paramconsumptionsheet-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-right-nav-paramconsumptionsheet:hover, div.budget-right-nav-paramconsumptionsheet_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/budget-nav-right-paramconsumptionsheet-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-right-nav-consumptionsheet { font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/budget-nav-right-consumptionsheet-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-right-nav-consumptionsheet:hover, div.budget-right-nav-consumptionsheet_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; cursor: pointer; top: 0px; left: 10px; background: url('/Content/Images/budget-nav-right-consumptionsheet-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } /************************************************/ /* Module Budget Step By Step => Menu de droite */ /************************************************/ div.budget-stepbystep-right-nav-period { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-period-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-stepbystep-right-nav-period_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-period-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-stepbystep-right-nav-mealguest { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-mealguest-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-stepbystep-right-nav-mealguest_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-mealguest-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-stepbystep-right-nav-headcount { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-headcount-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-stepbystep-right-nav-headcount_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-headcount-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-stepbystep-right-nav-budget { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-mealguest-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-stepbystep-right-nav-budget_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-mealguest-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-stepbystep-right-nav-validation { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-validation-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-stepbystep-right-nav-validation_select { opacity: 1 !important; font-weight: 600; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-stepbystep-nav-right-validation-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } /****************************************************/ /* Module Budget Choice Parameter => Menu de droite */ /****************************************************/ div.budget-choice-parameter-right-nav-headcount { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-choice-parameter-nav-right-headcount-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-choice-parameter-right-nav-headcount_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-choice-parameter-nav-right-headcount-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-choice-parameter-right-nav-menu { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-choice-parameter-nav-right-menu-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-choice-parameter-right-nav-menu_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-choice-parameter-nav-right-menu-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.budget-choice-parameter-right-nav-validation { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-choice-parameter-nav-right-validation-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.budget-choice-parameter-right-nav-validation_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/budget-choice-parameter-nav-right-validation-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } /*********************************************/ /* Module Stat Choice View => Menu de droite */ /*********************************************/ div.stat-choice-view-right-nav-dashboard { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-right-nav-dashboard-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.stat-choice-view-right-nav-dashboard:hover, div.stat-choice-view-right-nav-dashboard_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-right-nav-dashboard-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.stat-choice-view-right-nav-establishment { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-nav-right-establishment-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.stat-choice-view-right-nav-establishment:hover, div.stat-choice-view-right-nav-establishment_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-nav-right-establishment-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.stat-choice-view-right-nav-supplier { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-right-nav-supplier-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.stat-choice-view-right-nav-supplier:hover, div.stat-choice-view-right-nav-supplier_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-right-nav-supplier-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div.stat-choice-view-right-nav-product { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-right-nav-product-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; } div.stat-choice-view-right-nav-product:hover, div.stat-choice-view-right-nav-product_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/stat-choice-view-right-nav-product-on.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } /*.stat-choice-view-right-nav-prix { font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/prix-euro.png') no-repeat; background-position: 50% 0%; background-size: 25px; font-weight: 400; color: #58595b; opacity: 0.4; }*/ .stat-choice-view-right-nav-prix:hover, .stat-choice-view-right-nav-prix_select { opacity: 1 !important; font-weight: 600 !important; font-size: 12pt; top: 0px; left: 10px; background: url('/Content/Images/prix-euro.png') no-repeat; background-position: 50% 0%; background-size: 25px; color: #58595b; } div#orders-header::after { content: ''; display: inline-block; width: 100%; height: 0; font-size: 0; line-height: 0; } div#orders-header-actions { display: inline-block; vertical-align: middle; } .product-additionnal-data { float: left; margin-left: auto; width: 33%; text-align: left; font-weight: 500; font-size: 12px; color: #2f2f2f; } .product-additionnal-data span.info-nutrition-label { display: inline-block; width: 55%; text-align: right; } .product-additionnal-data span.info-nutrition-value { display: inline-block; width: 40%; text-align: left; color: #ec1e3c; font-weight: 400; } .ajaxLoader { width: 300px; height: 300px; background-image: url("Images/loading_cart.gif"); z-index: 10000; } /*///////******************************** GESTION DES WEBGRID */ .webgrid-table { border-spacing: 5px; border-collapse: separate; margin-left: 1%; } .webgrid-table th { text-transform: uppercase; font-weight: 100; } .webgrid-table th a, .webgrid-table th a:hover { text-decoration: none; color: #58595b; } .webgrid-table td { border: solid thin #e6e6e6; text-align: center; font-weight: 400; } .webgrid-table .webgrid-row-alt td { background-color: #e6e7e8; } /*///////******************************** GESTION DES MODAL BOOTSTRAP */ .btn.btn-primary { background-color: #ec1e3c; /*border-color: #ec1e3c;*/ color: white; } .modal-td.content { background: white; padding: 10px 20px 10px 20px; } .modal-td.content h3 { position: relative; left: 0px; margin-top: 0px; text-align: left; } .modal-td { height: 8px; background: transparent; } .modal { padding-top: 50px; overflow: hidden; } .modal-dialog { width: 60%; } .modal-dialog.large { width: 90%; } .modal-backdrop.fade.in { opacity: .8; background-color: black; } .modal-content { background-color: transparent; border: none; box-shadow: none; } .modal-header { border: none; background-color: #ec1e3c; color: white; padding: 2px; margin-bottom: 10px; font-weight: 600; font-size: 16px; width: 100%; top: 4px; height: 32px; } .modal-header .close { color: white; text-shadow: none; opacity: 1; margin-right: 5px; } .modal-header h4 { text-align: left; padding-left: 10px; } .modal-body { padding: 0; font-weight: 600; font-size: 16px; width: 100%; } .modal-body > div { background-color: white; border: 1px solid #cfcfcf; } .modal-body > div:last-child { border: none; } .modal-footer { border: none; padding: 0; margin-top: 10px; } .modal-footer .btn { border-radius: 0; } .modal-footer .btn.btn-default { color: white; border: 1px solid white; background-color: transparent; } /***** PAGE CATALOGUE *****/ .productLogoContainer { width: 68px; height: 68px; position: relative; } .productLogo { height: 100%; width: 100%; /*float: left; position: absolute; left: 0px; top: 0px;*/ } .productLogoContainer .favIcon { position: absolute; height: 18px; top: 3px; left: 3px; z-index: 2; /*float: left;*/ cursor: pointer; } .productLogoContainer .fromIcon { position: absolute; height: 18px; top: 0px; right: 0px; z-index: 2; /*float: left;*/ } /* Ligne a petite police (catégorie du produit, par exemple) */ tr.catalog-productDetails-small { line-height: 18%; font-size: 0.8em; font-weight: 300; } td.catalog-productDetails-small { height: 18%; /*padding-left: 5px;*/ overflow: hidden; padding-left: 5%; line-height: 1em; } /* Ligne a moyenne police (Famille du produit) */ tr.catalog-productDetails-medium { line-height: 22%; font-size: 0.85em; font-weight: 500; overflow: hidden; } td.catalog-productDetails-medium { height: 22%; padding-left: 5%; line-height: 1em; } /* Ligne de nom du produit */ tr.catalog-productDetails-big { line-height: 24%; font-size: 0.9em; font-weight: 600; height: 24%; } td.catalog-productDetails-big { height: 24%; padding-left: 5px; white-space: nowrap; padding-left: 3%; } /* Nom d'un produit fournisseur */ .catalog-offerName { height: 24%; font-size: 0.8em; font-weight: 600; } /* Infos diverses d'un produit fournisseur */ tr.catalog-offerDetail { line-height: 20%; height: 20%; font-size: 0.8em; font-weight: 600; } td.catalog-offerDetail { line-height: normal; font-size: 0.8em; font-weight: 300; padding-left: 5px; } .tab4Tab { width: 100%; text-align: left; height: 100px; font-size: 1em; } .catalog-search-horsbpu-off { height: 28px; display: inline; text-decoration: none; color: #565656; font-weight: 400; } .catalog-search-horsbpu-on { font-weight: bold !important; color: red !important; } .catalog-search-horsbpu-off-privareProduct { text-decoration: none; color: #565656; font-weight: 400; } .catalog-search-horsbpu-on-privareProduct { font-weight: bold !important; color: red !important; } /***** FIN PAGE CATALOGUE *****/ .order-sending-table { border-spacing: 5px; border-collapse: separate; width: 100%; padding-top: 10px; padding-left: 10px; } .order-sending-table td, .order-sending-table th { color: #2f2f2f; font-size: 10pt; font-weight: 400; padding: 0px 0px 0px 0px; } .order-sending-table th { text-transform: uppercase; } .order-sending-table td { border: solid thin #e6e6e6; text-align: center; height: 20px; } .btn-default2 { color: #333333; background-color: #ffffff; border-color: #cccccc; } .btn-default2:hover, .btn-default2:focus, .btn-default2:active, .btn-default2.active, .open .dropdown-toggle.btn-default2 { color: white; background-color: #8ec641; border-color: #adadad; } .btn-default2:active, .btn-default2.active, .open .dropdown-toggle.btn-default2 { background-image: none; } /*COMPLEMENT BOOTSTRAP*/ .form-control-inline { min-width: 0; width: auto; display: inline; } .table-vertical-center thead > tr > th, .table-vertical-center tbody > tr > td { vertical-align: middle; } .navbar.transparent { background-color: transparent; background: transparent; border-color: transparent; } .borderless td, .borderless th { border: none !important; border-top: none; } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px; } .panel-toggle { cursor: pointer; } .panel-heading { border-bottom: 0 none; } .panel-group { border: 1px solid #e5e5e5; border-radius: 4px; margin-bottom: 2px; } .panel-inner { border-top: 1px solid #e5e5e5; padding: 0px 15px; } .panel-inner div.formulaireLigne { color: black; } /*#region Partial _AnnexesList */ #annexes-list .webgrid-table th { font-size: 13pt; font-weight: 400; text-transform: uppercase; padding-bottom: 10px; padding-top: 10px; } #annexes-list .webgrid-table th, .webgrid-table td { font-size: 12pt; font-weight: 300; } #annexes-list .webgrid-table td:first-child { width: 40%; background-color: transparent; } #annexes-list .webgrid-table td:last-child { width: 20%; background-color: transparent; } /*#endregion */ .autoHide { display: none; } @media (min-width : 320px) { /* Custom, iPhone Retina */ .autoHide { display: none; } .reduce { font-size: smaller; } .flexWide { line-height: 1.2rem; } .flexNorm { line-height: 1.2rem; } .flexNorm hr { display: none; } .spacer { padding-bottom: 0; } .flexTechnical { max-height: 110px; } } @media (min-width : 480px) { /* Extra Small Devices, Phones */ .autoHide { display: none; } .reduce { font-size: smaller; } .flexWide { line-height: 1.2rem; } .flexNorm { line-height: 1.2rem; } .flexNorm hr { display: none; } .spacer { padding-bottom: 0; } .flexTechnical { max-height: 110px; } #generalcatalog-product-detail-modal-content-part2 { padding-top: 0px !important; } .container-fluid { overflow-y: hidden !important; } } @media (min-width : 768px) { /* Small Devices, Tablets */ .autoHide { display: none; } } @media (min-width : 992px) { /* Medium Devices, Desktops */ .autoHide { display: none; } } @media (min-width : 1200px) { /* Large Devices, Wide Screens */ .autoHide { display: inherit; } } .catalog-offerDetail { word-break: inherit; } /*#region flex Display*/ .flexLayout { display: flex; flex-grow: 1; flex-direction: row; flex-wrap: wrap; vertical-align: top; align-items: stretch; height: 100%; overflow: auto; } .flexSection { flex-shrink: 1; vertical-align: top; margin-bottom: 1rem; align-items: stretch; } .flexRow { display: flex; flex-grow: 1; flex-direction: row; align-items: stretch; vertical-align: top; flex-wrap: wrap; } .flexBlock { margin-right: 0.5rem; margin-bottom: 0.5rem; vertical-align: top; flex-shrink: 1; flex-grow: 1; overflow: auto; padding-right: 3rem; } .flexFull { width: 100%; max-width: 70rem; } .flexNorm { min-width: 30rem; max-width: 80rem; } .flexWide { min-width: 30rem; max-width: 80rem; padding-right: 3rem; } .flexWide2 { min-width: 30rem; max-width: 40rem; padding-top: 1rem; } .flexLine { margin-bottom: 2px; width: 100%; } .flexLine div:nth-child(1) { float: left; width: 16rem; padding-right: 3rem; } .flexLine div:nth-child(2) { float: right; vertical-align: top; font-weight: lighter; } .clear { content: ''; display: block; clear: both; } .spacer { padding-bottom: 1em; } .radioHolder { float: left; } img.ficheImage { max-width: 346px; } img.productImage { height: 120px; } .flexProduct { max-width: 600px; } .flexTechnical { border-left-color: black; border-left-width: 5px; border-left-style: solid; max-width: 260px; min-width: 260px; text-align: center; } .strike-through { text-decoration: line-through; } .demat-servey { height: 100%; width: 25%; text-align: center; background: url('Images/SuplierSpace/demat-survey-logo.png') no-repeat white; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } .demat-servey:hover { height: 100%; width: 25%; text-align: center; background: url('Images/SuplierSpace/demat-survey-logo.png') no-repeat lightgray; background-size: 35%; background-position: 50% 40%; border-right: solid thin #8a8a8a; } /*#endregion*/ /* STAT Navigation */ .navTopStatReports { } .navTopStatReports .navTopStatReports-item { position: absolute; background-color: #58595b; display: none; z-index: 500; top: 46px; width: 205px; text-align: left; padding-left: 0; } .navTopStatReports:hover > .navTopStatReports-item { display: block; } .navTopStatReports .navTopStatReports-item li a { color: #fff; font-weight: 400; padding-left: 10px; font-size: 12px; } .navTopStatReports .navTopStatReports-item li { padding: 5px; border-top: 1px solid #fff; } .navTopStatReports .navTopStatReports-item li a:hover { color: #8ec641 !important; text-decoration: none !important; } .navTopStatReports .downloadReport { background: url(../Content/Images/Client-Stats/excel.png) 10px center no-repeat; background-size: 19px; } .navTopStatReports .hasChild-supplier:hover > .navTopStatReports-supplier-items { display: block; } .navTopStatReports .hasChild-customer:hover > .navTopStatReports-customer-items { display: block; } .navTopStatReports .downloadReport a { padding-left: 35px !important; } .navTopStatReports .navTopStatReports-item .arrowSpan { font-size: 10px; float: right; padding: 6px 10px; /*color: #fff;*/ } .navTopStatReports .navTopStatReports-supplier-items { background-color: #58595b; position: absolute; width: 100%; top: 75px; left: 100%; padding: 0; margin-left: 1px; display: none; } .navTopStatReports .navTopStatReports-customer-items { background-color: #58595b; position: absolute; width: 100%; top: 36px; left: 100%; padding: 0; margin-left: 1px; display: none; } .topRapports { background-image: url('/Content/Images/Rapports.png') !important; background-color: white; } .topRapports :hover { background-color: #58595b; } .topFcj { background-image: url('/Content/Images/FCJ.png') !important; background-color: white; } .topFcj :hover { background-color: #58595b; } .topArchives { background-image: url('/Content/Images/Archives.png') !important; background-color: white; } .topArchives :hover { background-color: #58595b; } .topNavMonSpace { background-image: none !important; background-color: red !important; font-weight: bold; padding: 10px 10px 0px 10px !important; } .bootbox > .modal-dialog > .modal-content > .modal-header > .modal-title { font-weight: bold; } .bootbox > .modal-dialog { width: 40%; } .bootbox > .modal-dialog > .modal-content > .modal-body { text-align: center } .bootbox-body { padding : 10px; } .topNav-coordinator { height: 50px; } .actionPart .topNavHome_coordinator, .actionPart .topNavSupplierUpdate_coordinator, .actionPart .topNavTableau_coordinator, .actionPart .topNavDocuments_coordinator, .actionPart .topNavSupplierCommercialCourier_coordinator { position: relative; float: left; height: 33px; width: 125px; margin-top: 8px; color: #ffffff; font-size: 12px; background-repeat: no-repeat; background-position: 6px 13px; background-size: 21px; cursor: pointer; margin-left: 10px; } .topNavUserPanelNav_coordinator { cursor: pointer; height: 33px; position: relative; float: left; left: 0px; border-left: solid thin #a3a3a3; color: #ffffff; background-repeat: no-repeat; background-position: 4px 13px; background-size: 20px; padding: 5px 20px 11px 10px; margin-top: 8px; border-radius: 15px; border: 1px solid white; background-color: #7EC447; } .topNavUserPanelNav_coordinator arrowImg { width: 12px; height: 8px; position: absolute; top: 15px; right: 8px; } .topNavUserPanelNav_coordinator userIcon { /*width: 8px; height: 5px;*/ float: left; top: 15px; left: 10px; } .topNavUserPanelNav_coordinator span { margin-top: 0px; display: inline-block; font-size: 10pt; font-weight: bold; color: #ffffff; width: 80px; text-align: left; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; float: left; margin-left: 10px; } /*Tooltip styling*/ .tooltip { pointer-events: none; opacity: 0; display: inline-block; position: absolute; padding: 10px 10px; color: white; border-radius: 20px; margin-top: 20px; text-align: center; width: 170px; } .tooltip.right .tooltip-arrow { border-right-color: #808080; } .tooltip.left .tooltip-arrow { border-left-color: #808080; } .tooltip-inner { background-color: white; border: 2px solid #808080; color: black; } .tooltip.right { margin-left: -2px; } .tooltip.fade.right.in { top: -60px !important; } #btnSendClient .tooltip { top: -45.8437px !important; } #btnSendSupplier .tooltip { top: -45.8437px !important; left: -170.014px !important; } /* OptiBook */ .actionPart .topNavOptiBook_coordinator { position: relative; float: left; height: 33px; border-left: solid thin #a3a3a3; padding: 0px 8px 0px 27px; color: #ffffff; font-size: 12px; background-repeat: no-repeat; background-position: 6px 13px; background-color: white; background-size: 21px; cursor: pointer; margin-top: 8px; border-radius: 15px; border: 1px solid white; margin-right: 15px; background-color: white; } .actionPart .topNavOptiBook_coordinator { background-image: url('/Content/Images/OptiLogo-pink.png'); background-position: 10px 7px; background-size: 20px; padding-left: 40px; cursor: pointer; margin-left: 10px; border-radius: 15px; border: 1px solid white; background-color: #7EC447; } .topNavOptiBook_coordinator span { position: relative; top: 4pt; font-size: 10pt; font-weight: 400; color: #ec1e3c; } .topNavOptiBook_coordinator > #opti-badge-notif { float: right; display: block; color: #ec1e3c; margin: 5px 0px 0px 5px; } .activeDot { position: absolute; background-color: white; border-radius: 50%; display: inline-block; } ul, #myUL { list-style-type: none; } #myUL { margin: 0; padding: 0; } .caret { cursor: pointer; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; } .caret::before { content: "\25B6"; color: black; display: inline-block; margin-right: 6px; } .caret-down::before { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Safari */ transform: rotate(90deg); } .nested { display: none; cursor: pointer; } .active { display: block; } /*************************************************************************************************/ .selectedTab { border-radius: 20px; background-color: #ec1e3c !important; color: #ffffff !important; text-align: center; vertical-align: middle; text-align: center; align-items: center; display: flex; justify-content: center; } .unselectedTab:hover { border-radius: 20px; background-color: #EC1F3D; color: white !important; text-align: center; vertical-align: middle; text-align: center; align-items: center; display: flex; justify-content: center; transition: ease-out 0.3s; opacity: unset } .active { } .subheaderPillsOnClick { border-radius: 50px; background-color: white; color: #797979 !important; text-align: center; vertical-align: middle; align-items: center; display: flex; justify-content: center; transition: ease-out 0.3s; } .unselectedTabSubMenu { } .unselectedTabSubMenu:hover { border-radius: 50px; background-color: #EC1F3D; color: black !important; text-align: center; vertical-align: middle; text-align: center; align-items: center; display: flex; justify-content: center; transition: ease-in 0.3s; } .unselectedTab { /*border: 1px solid white; border-radius: 20px; text-align: center; vertical-align: middle; text-align: center; align-items: center; display: flex; justify-content: center;*/ /*border: 1px solid black; border-radius: 20px;*/ background-color: white; color: #797979 !important; text-align: center; vertical-align: middle; text-align: center; align-items: center; display: flex; justify-content: center; transition: ease-in 0.3s; } .headerText { font-size: 16px; font-weight: 400; } .subHeaderText { color: white; padding: 0 10px; border: none } .subHeaderText:hover { border-radius: 50px; background-color: white; color: #797979 !important; text-align: center; vertical-align: middle; text-align: center; align-items: center; display: flex; justify-content: center; transition: ease-out 0.3s; } .sidebar { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; padding-top: 60px; box-shadow: 0px 10px 10px grey; } .sidebar a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 19px; color: #818181; display: block; transition: 0.3s; } .sidebar a:hover { color: #000; } .sidebar .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .openbtn { font-size: 20px; cursor: pointer; background-color: transparent; color: white; border: none; } /* .openbtn:hover { background-color: #444; }*/ :focus { outline: none; } #main { transition: margin-left .5s; padding-top: 12px; } /* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */ @media screen and (max-height: 450px) { .sidebar { padding-top: 15px; } .sidebar a { font-size: 18px; } } .tableauClientSideBar { background: url("/Content/Images/CoordinatorSpace/Dashboard.png") 0px 24px no-repeat; background-size: 25px 25px; margin-left: 30px; } .achatsClientSideBar { background: url("/Content/Images/CoordinatorSpace/Achats.png") 0px 24px no-repeat; background-size: 25px 25px; margin-left: 30px; } .egalimClientSideBar { background: url("/Content/Images/CoordinatorSpace/Egalim.png") 0px 24px no-repeat; background-size: 25px 25px; margin-left: 30px; } .localClientSideBar { background: url("/Content/Images/CoordinatorSpace/Local.png") 0px 24px no-repeat; background-size: 25px 25px; margin-left: 30px; } .produitsClientSideBar { background: url("/Content/Images/CoordinatorSpace/Produits.png") 0px 24px no-repeat; background-size: 25px 25px; margin-left: 30px; } .tableauClientHeader { background: url("/Content/Images/CoordinatorSpace/Dashboard.png") 0px 0px no-repeat; background-size: 15px 15px; } .tableauClientSideBar a { font-size: medium; padding: 25px 15px 2px 38px !important; } .achatsClientSideBar a { font-size: medium; padding: 25px 15px 2px 38px !important; } .egalimClientSideBar a { font-size: medium; padding: 25px 15px 2px 38px !important; } .localClientSideBar a { font-size: medium; padding: 25px 15px 2px 38px !important; } .produitsClientSideBar a { font-size: medium; padding: 25px 15px 2px 38px !important; } .sideMenuLinkFirst { background: url("/Content/Images/CoordinatorSpace/coo-logo-evolution.png") 0px 24px no-repeat; background-size: 85px 90px; } .sideMenuLinkSecond { background: url("/Content/Images/CoordinatorSpace/clientgroup-logo.png") 0px 24px no-repeat; background-size: 80px 90px; } .sideMenuLinkThird { background: url("/Content/Images/CoordinatorSpace/Kiosque.png") 0px 24px no-repeat; background-size: 80px 90px; } .sideMenuLinkFirst a { padding: 48px 15px 48px 93px; } .sideMenuLinkSecond a { padding: 48px 15px 48px 93px; } .sideMenuLinkThird a { padding: 48px 15px 48px 93px; } .sidebar ul { padding-left: 7px; } .cl { clear: both; height: 0px; } .customHeader { margin-left: 20px; float: left; width: 680px !important; } .customheaderblocks { margin-left: 20px; float: left; width: 123px !important; } .customheaderblocksinfo1 { font-size: large !important; color: white !important; margin-top: 73% !important; } .customheaderblocksinfo2 { font-size: large !important; color: white !important; margin-top: 60% !important; } .customheaderblocksinfo3 { font-size: large !important; color: white !important; margin-top: 60% !important; } .customheaderblocksinfo4 { font-size: large !important; color: white !important; margin-top: 60% !important; } .extractExcel { float: left; padding: 13px 0px 0px 6px; width: 2px; margin-right: 13%; margin-top: -0.5%; } .extractExcelButton { border-radius: 40px; width: 138px; height: 34px; font-size: 13px; background-color: #F7F6F6; color: black; border: none; } .extractExcelButton:hover { background-color: #fff; color: #7FB55A; border: 1px solid #7FB55A; } .ExcelButton-width-dashboard { width: 162px !important; } .headBlock { display: block; width: 100%; margin-top: 25px; } .customRefreshButton { font-size: 13px !important; margin-left: 15px; width: 68px; max-height: 31px; padding: 6px; } .input-group-addon { background-color: transparent !important; } /*************************************************************************************************/ #accountIndexTab1 { width: 100%; height: 100px; border-collapse: collapse; font-size: 13px; color: #565656; font-weight: 400; margin-left: 20px; margin-top: 30px; } .TopBanner { width: 600px; height: 72px; box-shadow: #ccc 1px 1px 20px 2px; } .TopBanner img { float: left; top: -45px; margin-left: 20px; height: 110px; position: relative; } .TopBanner div span { margin-top: 10px; float: left; margin-left: 15px; display: inline-block; color: black; font-size: 15px; } .TopBannerDashboard { width: 360px; height: 72px; margin-top: 0px; /*box-shadow: #ccc 1px 1px 20px 2px;*/ } .TopBannerDashboard img { float: left; /*top: -45px;*/ margin-left: 20px; height: 70px; position: relative; } .TopBannerDashboard div span { margin-top: 10px; float: left; margin-left: 15px; display: inline-block; color: black; font-size: 15px; } .export-button { padding: 0.4em 2em 0.2em 2em; background-color: #ffffff; border-radius: 15px; border: 1px solid #7FB55A; color: #939393; font-size: 13px; display: inline-block; color: #7FB55A; } .header-buttonOptiBook { padding: 0.4em 2em 0.2em 2em; background-color: #ffffff; border-radius: 15px; border: 1px solid #7FB55A; color: #939393; font-size: 13px; display: flex; color: #7FB55A; margin-top: 10%; } .header-buttonMonEspace { padding: 0.4em 2em 0.2em 2em; background-color: #ffffff; border-radius: 15px; border: 1px solid #7FB55A; color: #939393; font-size: 13px; display: inline-block; color: #7FB55A; margin-top: 6%; } .roundButton { padding: 0.4em 2em 0.2em 2em; border-radius: 15px; border: none; font-size: 13px; display: inline-block; } .show-all { padding: 0.1em 1em 0.1em 1em; background-color: white; border-radius: 15px; border: none; color: #939393; font-size: 13px; position: relative; top: -15px; box-shadow: #ccc 0px 1px 11px 1px; } .container-shadow { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 18px 0 rgba(0, 0, 0, 0.19); } .clients-count { /*background-image: url('Images/CoordinatorSpace/office-block.png');*/ background-repeat: no-repeat; padding-left: 30px; /* width of the image plus a little extra padding */ display: block; /* may not need this, but I've found I do */ } .supplier-count { /*background-image: url('Images/CoordinatorSpace/coo-supplier.png');*/ background-repeat: no-repeat; padding-left: 30px; /* width of the image plus a little extra padding */ display: block; /* may not need this, but I've found I do */ } #SearchStringClient { width: 340px; /*border-radius: 15px;*/ /*height: 25px;*/ font-size: 14px; } #SearchStringSupplier { width: 320px; /*border-radius: 15px;*/ height: 34px; font-size: 14px; } #SearchStringSupplierAchatFilter { width: 187px; /*border-radius: 15px;*/ height: 25px; font-size: 14px; } #SearchStringClientDispense { width: 320px; /*border-radius: 15px;*/ height: 34px; font-size: 14px; } /*#SearchStringLocalDepartment { width: 235px; height: 32px !important; border-radius: 15px; height: 25px; font-size: 16px; }*/ .arrow-updown { font-size: 20px; display: inline-block; cursor: pointer; } .pointer { cursor: pointer; } .table thead > tr > th { border-bottom: unset; } .sortarrow { position: relative; width: 3px; height: 6px; /*margin: 20px;*/ background-color: #58595b; display: inline-block; margin-left: 5px; } .sortarrow::before, .sortarrow::after { content: '\027A4'; position: absolute; font-size: 1rem; color: #58595b; } .sortarrow::before { top: -.9em; left: -.32em; transform: rotate(-90deg); } .sortarrow::after { bottom: -.9em; left: -.4em; transform: rotate(90deg); } .deliverdays { width: 12px; height: 12px; border-radius: 3px; border: 2px solid #f3924d; } .linktext { color: #a3a3a3; font-size: 14px !important; font-family: roboto; margin-left: 5px; } .custome_nav img { height: 22px; } .filterGraphs { float: left; text-align: left; margin-top: 25px; margin-bottom: 18px; position: relative; width: 95%; } .graphFilter { color: #ccc; padding: 5px 15px; display: inline-block; border: 1px solid #a3a3a3; border-radius: 15px; box-sizing: border-box; cursor: pointer; margin-left: 10px; } /* enable absolute positioning */ .inner-addon { position: relative; } /* style icon */ .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; } /* align icon */ .left-addon .glyphicon { left: 0px; top: -3px; } /* add padding */ .left-addon input { padding-left: 30px; } .startDate { border-radius: 15px; //height: 30px; width: 157px; } .endDate { border-radius: 15px; // height: 30px; width: 150px; } .text-black th a { color: black !important; } .round { padding-left: 5px; padding-right: 10px; border-radius: 10px; } .trPadding td { padding: 5px !important; } /*Scroll*/ .ClientsDiv::-webkit-scrollbar { margin-left: 10px; width: 8px; } .ClientsDiv::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 15px; } .ClientsDiv::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 15px; outline: 1px solid slategrey; } .SupplierDiv { top: 0px; position: relative; max-height: 420px; width: 98%; padding-left: 14px; overflow-y: scroll; } .SupplierDiv::-webkit-scrollbar { margin-left: 10px; width: 8px; height: 200px; } .ClientsDiv { height: 400px; } .SupplierDiv::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 15px; } .SupplierDiv::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 15px; outline: 1px solid slategrey; } .ClientsDivWithDispense { top: 0px; position: relative; max-height: 100%; width: 98%; padding-left: 14px; overflow-y: auto; } .achatTable { } .ClientsDivWithDispense::-webkit-scrollbar { margin-left: 10px; width: 8px; } .ClientsDivWithDispense::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 15px; } .ClientsDivWithDispense::-webkit-scrollbar-thumb { background-color: #ccc; border-radius: 15px; outline: 1px solid slategrey; } .ClientsDivWithDispense thead { background: white; position: sticky; top: 0; /* Don't forget this, required for the stickiness */ box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); } .table thead th { text-align: left !important; vertical-align: central !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; } .table tbody td { text-align: left !important; vertical-align: central !important; } /*********************/ /*footer fixer en bas*/ /*********************/ footerCoordinator { height: 40px; background-color: white; position: absolute; bottom: 0; z-index: 100; width: 100%; /*box-shadow: 0 -5px 5px -5px #ccc;*/ color: #58595b; } .shado-top { width: 100%; box-shadow: 0 -5px 4px -5px #333; } .user-info { margin: 0 auto; color: #565656; font-size: 13px; font-weight: 400; width: 95%; padding-top: 10px; } .copy-right { display: inline-block; width: 280px; } body.intro .overlay { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; z-index: 999; position: fixed; } /*********************Print***********************************/ @media screen { #printSection { display: none; } } .print-title-access { display: none; } .printOnly { display: none; } @media print { .printOnly { display: block !important; } .printOnly-fulldiv { height: 363px !important; } .no-print, .no-print * { display: none !important; } .print-title-access { display: inline-block; } .right_block { width: 100% !important; float: none !important; } .ega_pri { display: flex; } .ega_pri .col-md-3 { width: 20% !important; } .ega_pri .col-md-2 { width: 20% !important; } #totalAlimentary { width: 130px !important; } .infoText { width: 173px !important; } .orange span { background-color: #E2A000 !important; background-image: linear-gradient(to bottom, #E2A000, #E2A000) !important; -webkit-print-color-adjust: exact; } .green span { background-color: #58A712 !important; background-image: linear-gradient(to bottom, #58A712, #58A712) !important; -webkit-print-color-adjust: exact; } .redMeter span { background-color: #E23101 !important; background-image: linear-gradient(to bottom, #E23101, #E23101) !important; -webkit-print-color-adjust: exact; } .progress-circle { margin-top: -78px !important; position: absolute !important; right: 0 !important; top: 0 !important; background-color: #F2E9E1 !important; -webkit-print-color-adjust: exact; } .infoPills { width: 60% !important; } .tableInfo { margin-top: 1%; overflow-y: scroll; max-height: 100% !important; } .pri_int { display: flex; } .headerBioChart .col-md-2 { width: 25%; } .left_block { background-color: #f7f7f7 !important; -webkit-print-color-adjust: exact; } .meter { background-color: #ccc !important; -webkit-print-color-adjust: exact; } .collapse { display: none; } #titlePage { display: inline-block; } #accordion { height: 100%; max-height: unset !important; } } /*********************Statistiques***********************************/ .dropbtn { cursor: pointer; } .dropbtn:hover, .dropbtn:focus { } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #ffffff; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; width: 100%; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; position: relative; min-height: 50px; border: 1px solid transparent; } .dropdown a:hover { background-color: #ddd; } .show { display: block; } /*#region Begin Date Slider */ #coordinator-rangeslider-container { padding: 0px 0px 0px 0px; } #coordinator-rangeslider { width: 70%; margin: 0 0 0 auto; padding-top: 41px !important; } #coordinator-rangeslider.prixSlider { width: 100%; } #coordinator-rangeslider .ui-rangeSlider-bar { background: #7ec447; } .coordinator-mainpart { width: 100%; max-height: 500px; overflow-x: hidden; overflow-y: auto; } #coordinator-rangeslider.prixSlider { padding-top: 0px !important; } /*#region End Date Slider */ /*Volume D'Achat Grid*/ /*.ctd-one { width: 20% !important; } .ctd-two { width: 8% !important; } .ctd-three { width: 7% !important; } .ctd-four { width: 13% !important; } .ctd-five { width: 16% !important; } .ctd-six, .ctd-seven { width: 14% !important; }*/ .tableSummary .ctd-one { width: 19% !important; } .tableSummary .ctd-two { width: 10% !important; } .tableSummary .ctd-three { width: 5% !important; } .tableSummary .ctd-four { width: 12% !important; } .tableSummary .ctd-five { width: 14% !important; } .tableSummary .ctd-six { width: 14% !important; } .tableSummary .ctd-seven { width: 15% !important; } .achatTable thead { position: fixed; display: table; width: 108%; background-color: white; } .achatTable tbody { display: table; margin-top: 60px; width: 100%; } .ClientTableWithDispense thead th:nth-child(1) { width: 20% !important; } .ClientTableWithDispense thead th:nth-child(2) { width: 10% !important; } .ClientTableWithDispense thead th:nth-child(3) { width: 7% !important; } .ClientTableWithDispense thead th:nth-child(4) { width: 13% !important; } .ClientTableWithDispense thead th:nth-child(5) { width: 16% !important; } .ClientTableWithDispense thead th:nth-child(6) { width: 15% !important; } .ClientTableWithDispense thead th:nth-child(7) { width: 15% !important; } .ClientTableWithDispense thead th { vertical-align: middle !important; } iframe { min-height: 700px; overflow: hidden; min-width: 1200px !important; } /*Dashboard Client table*/ .clientTable thead { position: fixed; display: table; width: 95.5%; background-color: white; margin-top: -0.5%; } .clientTable thead th:nth-child(1) { width: 6% !important; padding-left: 5px !important; } .clientTable thead th:nth-child(2) { width: 25% !important; } .clientTable thead th:nth-child(3) { width: 12% !important; } .clientTable thead th:nth-child(4) { width: 22% !important; } .clientTable thead th:nth-child(5) { width: 15% !important; } .clientTable thead th:nth-child(6) { width: 20% !important; } .clientTable tbody { width: 100%; margin-top: 78px; display: table; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default { color: unset; background-color: unset; border-color: unset; } .clientTable thead th { text-align: left !important; vertical-align: central !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: 0px !important; margin-right: 0px !important; } .clientTable tbody td { text-align: left !important; vertical-align: central !important; } .clientTable tbody td button { float: right !important; } .clientTable tbody td:nth-child(1) { width: 5% !important; } .clientTable tbody td:nth-child(2) { width: 25% !important; } .clientTable tbody td:nth-child(3) { width: 12% !important; } .clientTable tbody td:nth-child(4) { width: 20% !important; } .clientTable tbody td:nth-child(5) { width: 15% !important; } .clientAcatsOnlyTable thead { position: fixed; display: table; background-color: white; width: 93.5%; margin-top: -0.5%; } .clientAcatsOnlyTable thead th { vertical-align: middle !important; } /*Dashboard Fournisseur table*/ .supplierTable thead { position: fixed; display: table; width: 95.5%; background-color: white; margin-top: -0.5%; margin-left: -0.5%; } .supplierTable thead th:nth-child(1) { width: 4% !important; padding-left: 13px !important; } .supplierTable thead th:nth-child(2) { width: 17% !important; } .supplierTable thead th:nth-child(3) { width: 19.5% !important; } .supplierTable thead th:nth-child(4) { width: 13.5% !important; } .supplierTable thead th:nth-child(5) { width: 9.40% !important; } .supplierTable thead th:nth-child(6) { width: 8% !important; } .supplierTable thead th:nth-child(7) { width: 5% !important; } .supplierTable thead th:nth-child(8) { width: 12% !important; } .supplierTable tbody { width: 100%; margin-top: 45px; display: table; } /*.supplierTable tbody td,th { padding-left: unset !important; padding-right: unset !important; }*/ .supplierTable tbody td:nth-child(1) { width: 3% !important; } .supplierTable tbody td:nth-child(2) { width: 17% !important; } .supplierTable tbody td:nth-child(3) { width: 20% !important; } .supplierTable tbody td:nth-child(4) { width: 14% !important; } .supplierTable tbody td:nth-child(5) { width: 9% !important; padding-left: 0px !important; } .supplierTable tbody td:nth-child(6) { width: 8.5% !important; } .supplierTable tbody td:nth-child(7) { width: 5% !important; padding-left: 0px !important; } .supplierTable tbody td:nth-child(8) { width: 12% !important; padding-left: 0px !important; } .supplierTable thead th { vertical-align: middle !important; } .columnTd { width: 200px !important; height: 150px !important; } .carousel-control.left { left: -110px !important; background-image: unset; } .carousel-control.right { right: -90px !important; background-image: unset !important; } .glyphicon-chevron-left:before { color: #000 !important } .glyphicon-chevron-right:before { color: #000 !important } .cl { clear: both; height: 0; } .envoyer { font-size: 15px !important; border-radius: 45px !important; line-height: 0.33 !important; } .subMenu ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: transparent; height: 50px; } .subMenu li { float: left; } .subMenu li a { display: block; /*color: #666;*/ text-align: center; padding: 14px 16px; text-decoration: none; } .subMenu li a:hover:not(.active) { /*background-color: #ddd;*/ cursor: pointer; } .subMenu li a.active { } .subNavColor { background-color: #EC1F3D; /*border: 1px solid black;*/ border-radius: 28px; } .subMenu { margin-top: 9px; font-weight: 500; margin-left: 5px; width: 97%; } .coordinator-circleEgalim { border-radius: 50%; width: 50px !important; height: 50px !important; background-color: #748D39; } .coordinator-circledontBio { border-radius: 50%; width: 50px !important; height: 50px !important; background-color: #1B592F; } .coordinator-circleLocal { border-radius: 50%; width: 50px !important; height: 50px !important; background-color: #E1202C; } .coordinator-circlePdtMarche { border-radius: 50%; width: 50px !important; height: 50px !important; background-color: #415BA8; } .clientRowsAlt { background-color: #EFF4EF !important; } .supplierRowsAlt { background-color: #EFF4EF !important; } .clientRows { background-color: white !important; } .cl { clear: both; height: 0; } /*****************Client Dashboard*******************************/ .pillTable { width: 100%; } .infoPills { width: 31%; height: 6em; margin: 4px auto; border-radius: 18px; border: 1px solid; border-left: 50px solid; } .infoPills h5 { font-size: 12px; } .pillTitle { text-align: left; } .bottomText { color: #F0596D; text-decoration: underline; font-weight: 500; cursor: pointer; } .tableInfo { margin-top: 1%; max-height: 530px; overflow-y: auto; } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } .customPill1 { border-left-color: #E1202C; } .customPill2 { border-left-color: #1B592F; } .customPill3 { border-left-color: #748D39; } .customPill4 { border-left-color: #FEC919; } .customPill5 { border-left-color: #415BA8; } .header1 { color: #E1202C; } .header2 { color: #1B592F; } .header3 { color: #748D39; } .header4 { color: #FEC919; } .header5 { color: #415BA8; } .header1 h5 { font-weight: 600; } .header2 h5 { font-weight: 600; } .header3 h5 { font-weight: 600; } .header4 h5 { font-weight: 600; } .header5 h5 { font-weight: 600; } .leftLabel { position: absolute; float: left; margin-top: 35px; margin-left: 2%; margin-left: 0.6%; } .rightButton { float: right; padding: 13px 0px 0px 180px; width: 23px; margin-right: 18%; margin-top: -513px; position: relative; } .dashboardInfo { display: none; width: 100%; margin-top: 1%; } .dashboardText { float: left; font-size: small; margin-left: 1%; margin-top: 2%; } .dashboardFilter { float: right; margin-right: 15px; position: relative; margin-top: 0px; padding-bottom: 20px; width: 50%; } .dashboardBody { margin-top: 0%; width: 100%; } .bioInfo { display: none; width: 100%; margin-top: 1%; } .bioButtons { float: right; font-size: small; margin-right: 3%; margin-top: 2%; } .bioFilter { float: left; margin-right: 3%; position: relative; } .rightButtonBioOne { float: left } .rightButtonBioTwo { float: right; margin-left: 20px; } .card-title { color: black; font-weight: 700; font-size: 20px; float: left; clear: both; margin-top: 0; } .card-header { border-top: 1px solid; border-bottom: 1px solid; height: 50px; padding-top:10px; } .accordion .card-header:after { font-family: 'FontAwesome'; content: "\f078"; float: right; margin-top: 0px; } .accordionCustom { margin-left: 22%; max-height: 500px; overflow-y: auto; width: 75%; } .accordion { width: 97%; } .headerAccordion { font-weight: 700; font-size: large; color: black; width: 100%; } .headerTitle { float: left; } .headerButtons { float: right; width: 54%; } .headerSpans { font-size: 14px; float: left; color: grey; cursor: pointer; margin-right: 2%; } .rightButtonProduits { float: right; padding: 13px 0px 0px 180px; width: 34%; } .extractExcelButtonProduits { border-radius: 40px; width: 236px; height: 35px; font-size: 13px; background-color: transparent; color: #7FB55A; border: 1px solid #7FB55A; } /* The container */ .labelContainer { display: inline-block; position: relative; padding-left: 30px; padding-right: 10px; margin-bottom: 12px; cursor: pointer; font-size: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default radio button */ .labelContainer input { position: absolute; opacity: 0; cursor: pointer; } /* Create a custom radio button */ .checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: transparent; border: 2px solid #EC1F3D; border-radius: 50%; } /* On mouse-over, add a grey background color */ .labelContainer:hover input ~ .checkmark { background-color: #ccc; } /* When the radio button is checked, add a blue background */ .labelContainer input:checked ~ .checkmark { background-color: transparent; border: 2px solid #EC1F3D; } /* Create the indicator (the dot/circle - hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the indicator (dot/circle) when checked */ .labelContainer input:checked ~ .checkmark:after { display: block; } /* Style the indicator (dot/circle) */ .labelContainer .checkmark:after { top: 3px; left: 3.4px; width: 15px; height: 15px; border-radius: 50%; background: #EC1F3D; } .card-body { clear: both; } .arrowIcon { content: "\f078"; float: right; } .button1 { background-color: #E1202C; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 5px; float: left; height: 33px; margin-top: -1.5%; margin-right: 10px; width: 85px; } .button2 { background-color: #1B592F; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 5px; float: left; height: 33px; margin-top: -1.5%; margin-right: 10px; width: 85px; } .button3 { background-color: #748D39; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 5px; float: left; height: 33px; margin-top: -1.5%; margin-right: 10px; width: 85px; } .button4 { background-color: #FEC919; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 5px; float: left; height: 33px; margin-top: -1.5%; margin-right: 10px; width: 85px; } .button5 { background-color: #415BA8; border: none; color: white; padding: 10px 20px; text-align: center; text-decoration: none; display: inline-block; cursor: pointer; border-radius: 5px; float: left; height: 33px; margin-top: -1.5%; margin-right: 10px; width: 85px; } .buttonText { margin-top: -13%; display: flex; font-size: 16px; } .titleText { float: left; } .value-bar.customVal1 { border: 0.45em solid #E1202C; /*The border is 0.35 but making it larger removes visual artifacts */ } .value-bar.customVal2 { border: 0.45em solid #1B592F; /*The border is 0.35 but making it larger removes visual artifacts */ } .value-bar.customVal3 { border: 0.45em solid #748D39; /*The border is 0.35 but making it larger removes visual artifacts */ } .value-bar.customVal4 { border: 0.45em solid #D2A81B; /*The border is 0.35 but making it larger removes visual artifacts */ } .value-bar.customVal5 { border: 0.45em solid #3B508E; /*The border is 0.35 but making it larger removes visual artifacts */ } .progress-circle { font-size: 16px; margin: 5% 0px 0px 37%; position: relative; padding: 0; width: 4em; height: 4em; background-color: #F2E9E1; border-radius: 50%; line-height: 4em; } .progress-circle:after { border: none; position: absolute; top: 0.35em; left: 0.35em; text-align: center; display: block; border-radius: 50%; width: 3.3em; height: 3.3em; background-color: white; content: " "; } /* Text inside the control */ .progress-circle span { position: absolute; line-height: 4em; width: 4em; text-align: center; display: block; color: #53777A; z-index: 2; } .left-half-clipper { /* a round circle */ border-radius: 50%; width: 4em; height: 4em; position: absolute; /* needed for clipping */ clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/ } /* when p>50, don't clip left half*/ .progress-circle.over50 .left-half-clipper { clip: rect(auto,auto,auto,auto); } .value-bar { /*This is an overlayed square, that is made round with the border radius, then it is cut to display only the left half, then rotated clockwise to escape the outer clipping path.*/ position: absolute; /*needed for clipping*/ clip: rect(0, 2.5em, 5em, 0); width: 4em; height: 4em; border-radius: 50%; border: 0.45em solid #53777A; /*The border is 0.35 but making it larger removes visual artifacts */ /*background-color: #4D642D;*/ /* for debug */ box-sizing: border-box; } /* Progress bar filling the whole right half for values above 50% */ .progress-circle.over50 .first50-bar { /*Progress bar for the first 50%, filling the whole right half*/ position: absolute; /*needed for clipping*/ clip: rect(0, 5em, 5em, 2.5em); background-color: #53777A; border-radius: 50%; width: 4em; height: 4em; } .progress-circle:not(.over50) .first50-bar { display: none; } /* Progress bar rotation position */ .progress-circle.p0 .value-bar { display: none; } .progress-circle.p1 .value-bar { transform: rotate(4deg); } .progress-circle.p2 .value-bar { transform: rotate(7deg); } .progress-circle.p3 .value-bar { transform: rotate(11deg); } .progress-circle.p4 .value-bar { transform: rotate(14deg); } .progress-circle.p5 .value-bar { transform: rotate(18deg); } .progress-circle.p6 .value-bar { transform: rotate(22deg); } .progress-circle.p7 .value-bar { transform: rotate(25deg); } .progress-circle.p8 .value-bar { transform: rotate(29deg); } .progress-circle.p9 .value-bar { transform: rotate(32deg); } .progress-circle.p10 .value-bar { transform: rotate(36deg); } .progress-circle.p11 .value-bar { transform: rotate(40deg); } .progress-circle.p12 .value-bar { transform: rotate(43deg); } .progress-circle.p13 .value-bar { transform: rotate(47deg); } .progress-circle.p14 .value-bar { transform: rotate(50deg); } .progress-circle.p15 .value-bar { transform: rotate(54deg); } .progress-circle.p16 .value-bar { transform: rotate(58deg); } .progress-circle.p17 .value-bar { transform: rotate(61deg); } .progress-circle.p18 .value-bar { transform: rotate(65deg); } .progress-circle.p19 .value-bar { transform: rotate(68deg); } .progress-circle.p20 .value-bar { transform: rotate(72deg); } .progress-circle.p21 .value-bar { transform: rotate(76deg); } .progress-circle.p22 .value-bar { transform: rotate(79deg); } .progress-circle.p23 .value-bar { transform: rotate(83deg); } .progress-circle.p24 .value-bar { transform: rotate(86deg); } .progress-circle.p25 .value-bar { transform: rotate(90deg); } .progress-circle.p26 .value-bar { transform: rotate(94deg); } .progress-circle.p27 .value-bar { transform: rotate(97deg); } .progress-circle.p28 .value-bar { transform: rotate(101deg); } .progress-circle.p29 .value-bar { transform: rotate(104deg); } .progress-circle.p30 .value-bar { transform: rotate(108deg); } .progress-circle.p31 .value-bar { transform: rotate(112deg); } .progress-circle.p32 .value-bar { transform: rotate(115deg); } .progress-circle.p33 .value-bar { transform: rotate(119deg); } .progress-circle.p34 .value-bar { transform: rotate(122deg); } .progress-circle.p35 .value-bar { transform: rotate(126deg); } .progress-circle.p36 .value-bar { transform: rotate(130deg); } .progress-circle.p37 .value-bar { transform: rotate(133deg); } .progress-circle.p38 .value-bar { transform: rotate(137deg); } .progress-circle.p39 .value-bar { transform: rotate(140deg); } .progress-circle.p40 .value-bar { transform: rotate(144deg); } .progress-circle.p41 .value-bar { transform: rotate(148deg); } .progress-circle.p42 .value-bar { transform: rotate(151deg); } .progress-circle.p43 .value-bar { transform: rotate(155deg); } .progress-circle.p44 .value-bar { transform: rotate(158deg); } .progress-circle.p45 .value-bar { transform: rotate(162deg); } .progress-circle.p46 .value-bar { transform: rotate(166deg); } .progress-circle.p47 .value-bar { transform: rotate(169deg); } .progress-circle.p48 .value-bar { transform: rotate(173deg); } .progress-circle.p49 .value-bar { transform: rotate(176deg); } .progress-circle.p50 .value-bar { transform: rotate(180deg); } .progress-circle.p51 .value-bar { transform: rotate(184deg); } .progress-circle.p52 .value-bar { transform: rotate(187deg); } .progress-circle.p53 .value-bar { transform: rotate(191deg); } .progress-circle.p54 .value-bar { transform: rotate(194deg); } .progress-circle.p55 .value-bar { transform: rotate(198deg); } .progress-circle.p56 .value-bar { transform: rotate(202deg); } .progress-circle.p57 .value-bar { transform: rotate(205deg); } .progress-circle.p58 .value-bar { transform: rotate(209deg); } .progress-circle.p59 .value-bar { transform: rotate(212deg); } .progress-circle.p60 .value-bar { transform: rotate(216deg); } .progress-circle.p61 .value-bar { transform: rotate(220deg); } .progress-circle.p62 .value-bar { transform: rotate(223deg); } .progress-circle.p63 .value-bar { transform: rotate(227deg); } .progress-circle.p64 .value-bar { transform: rotate(230deg); } .progress-circle.p65 .value-bar { transform: rotate(234deg); } .progress-circle.p66 .value-bar { transform: rotate(238deg); } .progress-circle.p67 .value-bar { transform: rotate(241deg); } .progress-circle.p68 .value-bar { transform: rotate(245deg); } .progress-circle.p69 .value-bar { transform: rotate(248deg); } .progress-circle.p70 .value-bar { transform: rotate(252deg); } .progress-circle.p71 .value-bar { transform: rotate(256deg); } .progress-circle.p72 .value-bar { transform: rotate(259deg); } .progress-circle.p73 .value-bar { transform: rotate(263deg); } .progress-circle.p74 .value-bar { transform: rotate(266deg); } .progress-circle.p75 .value-bar { transform: rotate(270deg); } .progress-circle.p76 .value-bar { transform: rotate(274deg); } .progress-circle.p77 .value-bar { transform: rotate(277deg); } .progress-circle.p78 .value-bar { transform: rotate(281deg); } .progress-circle.p79 .value-bar { transform: rotate(284deg); } .progress-circle.p80 .value-bar { transform: rotate(288deg); } .progress-circle.p81 .value-bar { transform: rotate(292deg); } .progress-circle.p82 .value-bar { transform: rotate(295deg); } .progress-circle.p83 .value-bar { transform: rotate(299deg); } .progress-circle.p84 .value-bar { transform: rotate(302deg); } .progress-circle.p85 .value-bar { transform: rotate(306deg); } .progress-circle.p86 .value-bar { transform: rotate(310deg); } .progress-circle.p87 .value-bar { transform: rotate(313deg); } .progress-circle.p88 .value-bar { transform: rotate(317deg); } .progress-circle.p89 .value-bar { transform: rotate(320deg); } .progress-circle.p90 .value-bar { transform: rotate(324deg); } .progress-circle.p91 .value-bar { transform: rotate(328deg); } .progress-circle.p92 .value-bar { transform: rotate(331deg); } .progress-circle.p93 .value-bar { transform: rotate(335deg); } .progress-circle.p94 .value-bar { transform: rotate(338deg); } .progress-circle.p95 .value-bar { transform: rotate(342deg); } .progress-circle.p96 .value-bar { transform: rotate(346deg); } .progress-circle.p97 .value-bar { transform: rotate(349deg); } .progress-circle.p98 .value-bar { transform: rotate(353deg); } .progress-circle.p99 .value-bar { transform: rotate(356deg); } .progress-circle.p100 .value-bar { transform: rotate(360deg); } .highcharts-figure, .highcharts-data-table table { width: 100%; margin: 1.5em auto; } .highcharts-data-table table { font-family: Verdana, sans-serif; border-collapse: collapse; border: 1px solid #EBEBEB; margin: 10px auto; margin-left: 73px; text-align: center; width: 100%; max-width: 650px; } .highcharts-data-table caption { padding: 1em 0; font-size: 1.2em; color: #555; } .highcharts-data-table th { font-weight: 600; padding: 0.5em; } .highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption { padding: 0.5em; } .highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) { background: #f8f8f8; } .highcharts-data-table tr:hover { background: #f1f7ff; } .headerBioChart { width: 100%; padding-top: 12px; } .totalAlimentary { width: 200px; height: 200px; } .totalBioStyle { width: 200px; height: 200px; } .bioPercentStyle { width: 200px; height: 200px; } .clientBioFilter { float: right; margin-right: 3%; position: relative; } .tableHeading { text-align: center; font-size: 18px; } .thead-dark th { width: 30%; } .clientEgalim { top: 0px; position: relative; max-height: 270px; width: 98%; padding-left: 14px; overflow-y: scroll; } .clientEgalimInfo { width: 100%; margin-top: 1%; } .switch { position: relative; display: inline-block; width: 140px; height: 34px; } .switch input { display: none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #EC1F3D; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #7EC447; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(55px); -ms-transform: translateX(55px); transform: translateX(102px); } .switch .on { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 38%; font-size: 10px; font-family: Verdana, sans-serif; } .switch .off { left: 60%; } /*---- fournissuer graph switchery ------*/ .fswitch { position: relative; display: inline-block; width: 90px; height: 34px; } .fswitch input { display: none; } .fslider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ca2222; -webkit-transition: .4s; transition: .4s; } .fslider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .fslider { background-color: #2ab934; } input:focus + .fslider { box-shadow: 0 0 1px #2196F3; } input:checked + .fslider:before { -webkit-transform: translateX(55px); -ms-transform: translateX(55px); transform: translateX(55px); } /*------ ADDED CSS ---------*/ .on { display: none; } .on, .off { color: white; position: absolute; transform: translate(-50%,-50%); top: 50%; left: 50%; font-size: 10px; font-family: Verdana, sans-serif; } input:checked + .slider .on { display: block; } input:checked + .slider .off { display: none; } /*--------- END --------*/ /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .main_div { padding-left: 20px; width: 95%; display: block; } .block_1 { background: #fff; position: relative; box-shadow: 0 2px 5px 1px rgb(64 60 67 / 5%); height: 70px; width: 100%; display: inline-grid; align-items: center; margin-top: 41px; } .block_2 { text-align: right; margin-right: 3%; } .left_block { width: 40%; float: left; background: #f7f7f7; position: absolute; border-radius: 15px; padding: 20px; top: 14%; height: 422px; } .right_block { width: 50%; float: right; } ul { list-style-type: none; padding-left: 15px; } .list-3 li:before { content: ""; display: inline-block; background-color: #EC1F3D; height: 8px; width: 8px; border-radius: 3px; margin: 0 .5em 1px 0; } .list-3 li { margin-bottom: 5px; text-align: left; } .right_main { width: 100%; background: #E6F7D6; padding: 18px 10px; display: inline-block; align-items: center; margin-bottom: 20px; } .block_3 { float: left; width: 60%; } .block_4 { float: right; width: 24%; } .block_4 button { border: 1px solid #A6CB8F; border-radius: 11px; padding: 4px 21px; color: #A6CB8F; background: #fff; } .col1, .col2 { width: 48%; height: 100%; padding: 0 10px; } .col1 { background-color: #FFF; float: left; } .col2 { background-color: #212325; color: #FFF; float: right; } .meter { background: #ccc; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3); display: block; height: 6px; margin-top: 6px; margin-bottom: 0px; padding: 0px; position: relative; } .meter span { display: block; height: 100%; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(43,194,83); background-image: linear-gradient(to top, rgb(43,194,83) 37%, rgb(84,240,84) 69%); box-shadow: inset 0 2px 9px rgba(255,255,255,0.3) inset 0 -2px 6px rgba(0,0,0,0.4); position: relative; overflow: hidden; transition width :2s ease-out; } .orange span { background-color: #E2A000; background-image: linear-gradient(to bottom, #E2A000, #E2A000); } .green span { background-color: #58A712; background-image: linear-gradient(to bottom, #58A712, #58A712); } .redMeter span { background-color: #E23101; background-image: linear-gradient(to bottom, #E23101, #E23101); } select { width: 151px; height: 25px; background: transparent; border-radius: 6px; margin-left: 10px; } .cl { clear: both; height: 0; } .pr_bar { margin-bottom: 37px; } /*@media screen and (min-height:900px) and (max-height:1084px) { .ClientsDiv { min-height: 650px; } .SupplierDiv { min-height: 605px; } .ClientsDivWithDispense { min-height: 650px; } }*/ .visibleTooltip { cursor: pointer; } /***************************************************************/ /*@media(min-height:991px) and (max-height:1084px) { .ClientsDivWithDispense{ max-height:100px; } }*/ .mainHeadin_circle .circle_1 { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 20px; background-color: #748D39; color: #fff; } .mainHeadin_circle .circle_2 { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 20px; background-color: #1B592F; color: #fff; } .mainHeadin_circle .circle_3 { width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 20px; background-color: #E1202C; color: #fff; } .mainHeadin_circle .circle_4 { background-color: #415BA8; color: #fff; width: 50px; height: 50px; border-radius: 50%; line-height: 50px; text-align: center; font-size: 20px; } .mainHeadin_circle ul { display: inline-flex; list-style-type: none; } .mainHeadin_circle li { margin-left: 2px; width: 110px; text-align: -webkit-center; } .mainHeadin_circle_text { display: flex; align-items: center; justify-content: center; } .isClicked { border-color: green; background-color: forestgreen; color: white; } @page { size: A4; margin: 8mm 17mm 0mm 17mm; } @media screen { div.divFooter { display: none; } div.divHeader { display: none; } } @media print { .pagebreak { clear: both; padding-bottom:20px !important; page-break-after: always; } .export-button { display: none; } .dropDown { display: none; } div.divHeader { width: 100%; text-align: left; top: 30px; left: 30px; display: table-footer-group; } div.divHeader div { padding-left: 30px; padding-bottom: 20px; } div.divHeader .dashboardParamPrint { padding-left: 0; padding-bottom: 20px; } div.divHeader .satisfactionParamPrint { padding-left: 20px; padding-bottom: 20px; } .printSatisfactionInJS { width: 70%; float: left; } div.divFooter { position: fixed; width: 100%; text-align: center; left: 0; z-index: 99; /*position: absolute;*/ bottom: 20px; display: table-footer-group; } div.divHeader div { padding-left: 10px; padding-bottom: 20px; } div.divHeader .dashboardParamPrint { padding-left: 0; padding-bottom: 20px; } div.divHeader .satisfactionParamPrint { padding-left: 20px; padding-bottom: 20px; } header { display: table-header-group; } section { display: table-row-group; } footer { display: table-footer-group; } } .allow-v-scroll { overflow-x: hidden !important; overflow-y: auto !important; } .titleClientStat { float: left; padding-left: 30px; } .client-footer { height: 40px; background-color: #ffffff; position: fixed; bottom: 0; border-top: 1px solid; z-index: 100; width: 100%; } .client-footer-logo { margin: 0 auto; max-width: 100px; } .dashboardFilter-inner { position: absolute; right: 15px; width: 750px; text-align: right; } #SearchDiv #SearchStringLocalDepartment { background: url("/Content/Images/New-Delivery-Space/search-icon.png") center right no-repeat; background-size: 25px 25px; } label.switch span { font-size: 14px !important; font-family: inherit !important; } .highcharts-button { font-size: 14px !important; font-family: inherit !important; } #SearchDiv #SearchStringClientEgalim { background: url("/Content/Images/New-Delivery-Space/search-icon.png") center right no-repeat; background-size: 25px 25px; } #SearchStringClientDispense { background: url("/Content/Images/New-Delivery-Space/search-icon.png") center right no-repeat; background-size: 20px 20px; } #SearchStringClient, #SearchStringSupplier, #SearchStringSupplierAchatFilter { background: url("/Content/Images/New-Delivery-Space/search-icon.png") center right no-repeat; background-size: 20px 20px; } .left-addon input { padding-left: unset; } #SearchStringSupplierAchatFilter { width:283px; } @media only screen and (min-height:600px) and (max-height:768px){ .modal-body { overflow-y: auto; max-height: 450px; } } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.5.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"} /*! * jQuery UI Tooltip 1.11.2 * http://jqueryui.com * * Copyright 2014 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/tooltip/#theming */ .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; } body .ui-tooltip { border-width: 2px; } /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } .ui-pnotify{top:36px;right:36px;position:absolute;height:auto;z-index:2}body>.ui-pnotify{position:fixed;z-index:100040}.ui-pnotify-modal-overlay{background-color:rgba(0,0,0,.4);top:0;left:0;position:absolute;height:100%;width:100%;z-index:1}body>.ui-pnotify-modal-overlay{position:fixed;z-index:100039}.ui-pnotify.ui-pnotify-in{display:block!important}.ui-pnotify.ui-pnotify-move{transition:left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-slow{transition:opacity .6s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-slow.ui-pnotify.ui-pnotify-move{transition:opacity .6s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-normal{transition:opacity .4s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move{transition:opacity .4s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-fast{transition:opacity .2s linear;opacity:0}.ui-pnotify.ui-pnotify-fade-fast.ui-pnotify.ui-pnotify-move{transition:opacity .2s linear,left .5s ease,top .5s ease,right .5s ease,bottom .5s ease}.ui-pnotify.ui-pnotify-fade-in{opacity:1}.ui-pnotify .ui-pnotify-shadow{-webkit-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);-moz-box-shadow:0 6px 28px 0 rgba(0,0,0,.1);box-shadow:0 6px 28px 0 rgba(0,0,0,.1)}.ui-pnotify-container{background-position:0 0;padding:.8em;height:100%;margin:0}.ui-pnotify-container:after{content:" ";visibility:hidden;display:block;height:0;clear:both}.ui-pnotify-container.ui-pnotify-sharp{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-pnotify-title{display:block;margin-bottom:.4em;margin-top:0}.ui-pnotify-text{display:block}.ui-pnotify-icon,.ui-pnotify-icon span{display:block;float:left;margin-right:.2em}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-topleft{left:25px;right:auto}.ui-pnotify.stack-bottomleft,.ui-pnotify.stack-bottomright{bottom:25px;top:auto}.ui-pnotify.stack-modal{left:50%;right:auto;margin-left:-150px}.ui-pnotify-closer,.ui-pnotify-sticker{float:right;margin-left:.2em}