/* Minification failed. Returning unminified contents.
(2,1): run-time error CSS1019: Unexpected token, found '@import'
(2,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Condensed:400,700)'
(7,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8,8): run-time error CSS1035: Expected colon, found '{'
(10,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(11,8): run-time error CSS1035: Expected colon, found '{'
(39,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(40,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(49,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(50,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(54,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(55,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(236,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(237,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(244,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(245,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(256,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(1527,28): run-time error CSS1062: Expected semicolon or closing curly-brace, found '!important'
(6364,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6365,10): run-time error CSS1035: Expected colon, found '{'
(6378,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6379,10): run-time error CSS1035: Expected colon, found '{'
(7244,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7245,7): run-time error CSS1035: Expected colon, found ','
(7272,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7273,7): run-time error CSS1035: Expected colon, found ','
(7307,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7308,7): run-time error CSS1035: Expected colon, found ','
(7317,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7318,7): run-time error CSS1035: Expected colon, found ','
(7334,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7335,8): run-time error CSS1035: Expected colon, found '{'
(7351,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7352,8): run-time error CSS1035: Expected colon, found '{'
(7373,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7374,8): run-time error CSS1035: Expected colon, found '{'
(7410,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7411,8): run-time error CSS1035: Expected colon, found '{'
(7452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7453,7): run-time error CSS1035: Expected colon, found ','
(7469,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7470,7): run-time error CSS1035: Expected colon, found ','
(7491,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7492,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(7518,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7519,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(7552,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7553,8): run-time error CSS1035: Expected colon, found '{'
(7579,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7580,8): run-time error CSS1035: Expected colon, found '{'
(7613,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7614,8): run-time error CSS1035: Expected colon, found '{'
(7650,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7651,8): run-time error CSS1035: Expected colon, found '{'
(7692,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7693,7): run-time error CSS1035: Expected colon, found ','
(7734,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7735,7): run-time error CSS1035: Expected colon, found ','
(7783,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7784,7): run-time error CSS1035: Expected colon, found ','
(7823,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7824,7): run-time error CSS1035: Expected colon, found ','
(7868,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7869,7): run-time error CSS1035: Expected colon, found ','
(7902,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7903,7): run-time error CSS1035: Expected colon, found ','
(7941,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7942,7): run-time error CSS1035: Expected colon, found ','
(7975,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7976,7): run-time error CSS1035: Expected colon, found ','
(8014,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8015,7): run-time error CSS1035: Expected colon, found ','
(8048,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8049,7): run-time error CSS1035: Expected colon, found ','
(8087,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8088,7): run-time error CSS1035: Expected colon, found ','
(8121,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8122,7): run-time error CSS1035: Expected colon, found ','
(8160,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8161,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8179,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8180,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8203,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8204,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8222,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8223,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8246,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8247,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8260,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8261,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8279,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8280,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8293,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8312,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8313,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8331,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8332,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(8355,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8356,8): run-time error CSS1035: Expected colon, found '{'
(8365,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8366,8): run-time error CSS1035: Expected colon, found '{'
(8380,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8381,8): run-time error CSS1035: Expected colon, found '{'
(8394,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8395,8): run-time error CSS1035: Expected colon, found '{'
(8413,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8414,8): run-time error CSS1035: Expected colon, found '{'
(8427,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8428,8): run-time error CSS1035: Expected colon, found '{'
(8446,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8447,8): run-time error CSS1035: Expected colon, found '{'
(8460,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8461,8): run-time error CSS1035: Expected colon, found '{'
(8479,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8480,8): run-time error CSS1035: Expected colon, found '{'
(8493,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8494,8): run-time error CSS1035: Expected colon, found '{'
(8512,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8513,8): run-time error CSS1035: Expected colon, found '{'
(8526,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8527,8): run-time error CSS1035: Expected colon, found '{'
(8545,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8546,8): run-time error CSS1035: Expected colon, found '{'
(8559,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8560,8): run-time error CSS1035: Expected colon, found '{'
(8578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8579,8): run-time error CSS1035: Expected colon, found '{'
(8592,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8593,8): run-time error CSS1035: Expected colon, found '{'
(8611,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8612,8): run-time error CSS1035: Expected colon, found '{'
(8625,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8626,8): run-time error CSS1035: Expected colon, found '{'
(8644,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8645,8): run-time error CSS1035: Expected colon, found '{'
(8654,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8655,8): run-time error CSS1035: Expected colon, found '{'
(8669,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8670,8): run-time error CSS1035: Expected colon, found '{'
(8681,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8682,8): run-time error CSS1035: Expected colon, found '{'
(8698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8699,8): run-time error CSS1035: Expected colon, found '{'
(8710,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8711,8): run-time error CSS1035: Expected colon, found '{'
(8727,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8728,8): run-time error CSS1035: Expected colon, found '{'
(8739,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8740,8): run-time error CSS1035: Expected colon, found '{'
(8756,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8757,8): run-time error CSS1035: Expected colon, found '{'
(8768,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8769,8): run-time error CSS1035: Expected colon, found '{'
(8785,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8786,8): run-time error CSS1035: Expected colon, found '{'
(8797,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8798,8): run-time error CSS1035: Expected colon, found '{'
(8814,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8815,8): run-time error CSS1035: Expected colon, found '{'
(8826,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8827,8): run-time error CSS1035: Expected colon, found '{'
(8843,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8844,8): run-time error CSS1035: Expected colon, found '{'
(8855,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8856,8): run-time error CSS1035: Expected colon, found '{'
(8872,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8873,8): run-time error CSS1035: Expected colon, found '{'
(8884,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8885,8): run-time error CSS1035: Expected colon, found '{'
(8901,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8902,8): run-time error CSS1035: Expected colon, found '{'
(8938,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(8939,8): run-time error CSS1035: Expected colon, found '{'
(8982,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(8983,8): run-time error CSS1035: Expected colon, found '{'
(9015,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9016,8): run-time error CSS1035: Expected colon, found '{'
(9055,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9056,8): run-time error CSS1035: Expected colon, found '{'
(9088,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9089,8): run-time error CSS1035: Expected colon, found '{'
(9128,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9129,8): run-time error CSS1035: Expected colon, found '{'
(9147,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9148,8): run-time error CSS1035: Expected colon, found '{'
(9173,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9174,8): run-time error CSS1035: Expected colon, found '{'
(9192,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9193,8): run-time error CSS1035: Expected colon, found '{'
(9218,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9219,8): run-time error CSS1035: Expected colon, found '{'
(9244,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9245,8): run-time error CSS1035: Expected colon, found '{'
(9277,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9278,8): run-time error CSS1035: Expected colon, found '{'
(9289,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9290,8): run-time error CSS1035: Expected colon, found '{'
(9308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9309,8): run-time error CSS1035: Expected colon, found '{'
(9326,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9327,8): run-time error CSS1035: Expected colon, found '{'
(9349,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9350,8): run-time error CSS1035: Expected colon, found '{'
(9367,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9368,8): run-time error CSS1035: Expected colon, found '{'
(9390,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9391,8): run-time error CSS1035: Expected colon, found '{'
(9408,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9409,8): run-time error CSS1035: Expected colon, found '{'
(9431,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9432,8): run-time error CSS1035: Expected colon, found '{'
(9449,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9450,8): run-time error CSS1035: Expected colon, found '{'
(9472,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9473,8): run-time error CSS1035: Expected colon, found '{'
(9490,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9491,8): run-time error CSS1035: Expected colon, found '{'
(9513,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9514,8): run-time error CSS1035: Expected colon, found '{'
(9529,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9530,8): run-time error CSS1035: Expected colon, found '{'
(9550,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9551,8): run-time error CSS1035: Expected colon, found '{'
(9566,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9567,8): run-time error CSS1035: Expected colon, found '{'
(9587,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9588,8): run-time error CSS1035: Expected colon, found '{'
(9603,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9604,8): run-time error CSS1035: Expected colon, found '{'
(9624,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9625,8): run-time error CSS1035: Expected colon, found '{'
(9640,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9641,8): run-time error CSS1035: Expected colon, found '{'
(9661,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9662,8): run-time error CSS1035: Expected colon, found '{'
(9677,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9678,8): run-time error CSS1035: Expected colon, found '{'
(9698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9699,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9732,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9733,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9773,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9774,8): run-time error CSS1035: Expected colon, found '{'
(9787,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9788,8): run-time error CSS1035: Expected colon, found '{'
(9808,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9809,8): run-time error CSS1035: Expected colon, found '{'
(9820,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9821,8): run-time error CSS1035: Expected colon, found '{'
(9837,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9838,8): run-time error CSS1035: Expected colon, found '{'
(9849,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9850,8): run-time error CSS1035: Expected colon, found '{'
(9866,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9867,8): run-time error CSS1035: Expected colon, found '{'
(9884,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9885,8): run-time error CSS1035: Expected colon, found '{'
(9907,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9908,8): run-time error CSS1035: Expected colon, found '{'
(9925,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9926,8): run-time error CSS1035: Expected colon, found '{'
(9948,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9949,8): run-time error CSS1035: Expected colon, found '{'
(9966,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9967,8): run-time error CSS1035: Expected colon, found '{'
(9989,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(9990,8): run-time error CSS1035: Expected colon, found '{'
(10007,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10008,8): run-time error CSS1035: Expected colon, found '{'
(10030,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10031,8): run-time error CSS1035: Expected colon, found '{'
(10046,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10047,8): run-time error CSS1035: Expected colon, found '{'
(10067,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10068,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10087,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10088,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10112,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10128,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10129,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10149,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10150,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10165,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10166,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10186,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10187,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10206,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10207,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '40%'
(10231,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10232,8): run-time error CSS1035: Expected colon, found '{'
(10244,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10245,8): run-time error CSS1035: Expected colon, found '{'
(10262,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10263,8): run-time error CSS1035: Expected colon, found '{'
(10275,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10276,8): run-time error CSS1035: Expected colon, found '{'
(10293,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10294,8): run-time error CSS1035: Expected colon, found '{'
(10306,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10307,8): run-time error CSS1035: Expected colon, found '{'
(10324,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10325,8): run-time error CSS1035: Expected colon, found '{'
(10337,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10338,8): run-time error CSS1035: Expected colon, found '{'
(10355,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10356,8): run-time error CSS1035: Expected colon, found '{'
(10368,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10369,8): run-time error CSS1035: Expected colon, found '{'
(10386,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10387,8): run-time error CSS1035: Expected colon, found '{'
(10399,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10400,8): run-time error CSS1035: Expected colon, found '{'
(10417,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10418,8): run-time error CSS1035: Expected colon, found '{'
(10430,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10431,8): run-time error CSS1035: Expected colon, found '{'
(10448,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(10449,8): run-time error CSS1035: Expected colon, found '{'
(10461,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(10462,8): run-time error CSS1035: Expected colon, found '{'
(15579,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(15580,7): run-time error CSS1035: Expected colon, found ','
(15604,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(15605,7): run-time error CSS1035: Expected colon, found ','
 */
/* * * PrimeFaces Aristo Theme* http://wijmo.com/* * Based on the Aristo theme concept created by 280 North and Pinvoke (https://github.com/280north/aristo).* */a{outline:none;}.ui-icon{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}/** jQuery UI CSS Framework @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API** To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=c4c4c4&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=a8a8a8&fcHeader=4f4f4f&iconColorHeader=898989&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=a8a8a8&fcContent=4f4f4f&iconColorContent=616161&bgColorDefault=c4c4c4&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=80&borderColorDefault=a8a8a8&fcDefault=4f4f4f&iconColorDefault=ffffff&bgColorHover=c4c4c4&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=80&borderColorHover=a8a8a8&fcHover=4f4f4f&iconColorHover=ffffff&bgColorActive=c4c4c4&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=4f4f4f&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=4f4f4f&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px*//* Component containers----------------------------------*/.ui-widget{font-family:Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #a8a8a8;background:#ffffff;color:#4f4f4f;}.ui-widget-content a{color:#4f4f4f;}.ui-widget-header{border:1px solid #a8a8a8;background:#c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-soft_100_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/color:#333;font-weight:bold;text-shadow:0px 1px 0px rgba(255,255,255,0.7);}.ui-widget-header a{color:#4f4f4f;}/* Interaction states----------------------------------*/.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #a8a8a8;background:#c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/font-weight:bold;color:#4f4f4f;text-shadow:0px 1px 0px rgba(255,255,255,0.7);}.ui-state-default{-moz-box-shadow:inset 0px 1px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px #fff;box-shadow:inset 0px 1px 0px #fff;}.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#4f4f4f;text-decoration:none;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:1px solid #7096ab;background:#85b2cb url("/javax.faces.resource/images/ui-bg_highlight-hard_80_85b2cb_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;background:#85b2cb linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#00FFFFFF)";*/font-weight:bold;color:#313131;-moz-box-shadow:0 0 5px #85b2cb;-webkit-box-shadow:0px 0px 8px #85b2cb;box-shadow:0px 0px 8px #85b2cb;}.ui-state-hover{-moz-box-shadow:0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;-webkit-box-shadow:0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;box-shadow:0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;}.ui-state-hover a, .ui-state-hover a:hover{color:#2f556a;text-decoration:none;}.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #7096ab;background:#85b2cb url("/javax.faces.resource/images/ui-bg_inset-hard_65_85b2cb_1x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;background:#85b2cb linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#CCFFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#CCFFFFFF)";*/font-weight:bold;color:#1C4257;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);}.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#2f556a;text-decoration:none;}.ui-widget:active{outline:none;}.ui-state-active{-moz-box-shadow:inset 0px -1px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px #fff;box-shadow:inset 0px 1px 0px #fff;}/* Interaction Cues----------------------------------*/.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #666666;background:#aaaaaa;background:#aaaaaa linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));background:#aaaaaa -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));background:#aaaaaa -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#00000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#00000000)";*/color:#ffffff;text-shadow:1px 1px 1px #333333;}.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/javax.faces.resource/images/ui-bg_inset-soft_95_fef1ec_1x100.png.xhtml?ln=primefaces-aristo") 50% bottom repeat-x;background:#fef1ec linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#fef1ec -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#fef1ec -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/color:#cd0a0a;}.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#cd0a0a;}.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}/* Icons----------------------------------*//* states and images */.ui-icon{width:16px;height:16px;background-image:url("/javax.faces.resource/images/ui-icons_616161_256x240.png.xhtml?ln=primefaces-aristo");}.ui-widget-content .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_616161_256x240.png.xhtml?ln=primefaces-aristo");}.ui-widget-header .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_898989_256x240.png.xhtml?ln=primefaces-aristo");}.ui-state-default .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");}.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");}.ui-state-active .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.xhtml?ln=primefaces-aristo");}.ui-state-highlight .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.xhtml?ln=primefaces-aristo");}.ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-aristo");}/* positioning */.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-off{background-position:-96px -144px;}.ui-icon-radio-on{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-seek-start{background-position:-80px -160px;}/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */.ui-icon-seek-first{background-position:-80px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}/* Misc visuals----------------------------------*//* Corner radius */.ui-corner-tl{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}.ui-corner-tr{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}.ui-corner-bl{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}.ui-corner-br{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}.ui-corner-top{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}.ui-corner-bottom{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}.ui-corner-right{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}.ui-corner-left{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}.ui-corner-all{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-round-all{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}/* Overlays */.ui-widget-overlay{background:#2d5972 url("/javax.faces.resource/images/ui-bg_flat_0_2d5972_40x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#4f4f4f url("/javax.faces.resource/images/ui-bg_flat_0_4f4f4f_40x100.png.xhtml?ln=primefaces-aristo") 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/*** Widget Extensions*/.ui-accordion .ui-accordion-header{margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-accordion .ui-accordion-content{margin-bottom:0;}.ui-dialog .ui-dialog-titlebar{border-top:none;border-right:none;border-left:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-slider{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#cbcbcb;-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;}.ui-slider .ui-slider-handle{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}.ui-slider .ui-slider-range{background:#a3cae0;-moz-box-shadow:inset 0 2px 2px #7d9aab;-webkit-box-shadow:inset 0 2px 2px #7d9aab;box-shadow:inset 0 2px 2px #7d9aab;}.ui-slider-vertical{background:#cbcbcb;-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;}.ui-slider-vertical .ui-slider-range{background:#a3cae0;-moz-box-shadow:inset 2px 0 2px #7d9aab;-webkit-box-shadow:inset 2px 0 2px #7d9aab;box-shadow:inset 2px 0 2px #7d9aab;}.ui-slider .ui-slider-handle span{height:16px !important;width:16px !important;float:none !important;margin:0 auto !important;}.ui-slider .ui-slider-handle{background:#85b2cb;background:#85b2cb linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/}.ui-tabs .ui-tabs-nav li{border:1px solid #a8a8a8;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{border:1px solid #a8a8a8;}.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{border-bottom:0;}.ui-tabs .ui-tabs-panel{border-width:0;padding:1em 1.4em;background:none;}.ui-tabs .ui-tabs-nav{background:#e3e3e3;background:#e3e3e3 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#e3e3e3 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-tabs .ui-tabs-nav .ui-tabs-selected{background:#fff;border-bottom:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{cursor:pointer;}.ui-datepicker table{table-layout:fixed;}.ui-datepicker .ui-datepicker-calendar .ui-state-default{background:none;border:none;color:#5F83B9;}.ui-datepicker .ui-datepicker-calendar .ui-state-hover{color:#1C4257;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default{background:#5F83B9;color:#FFFFFF !important;font-weight:bold;text-shadow:0 1px 1px #234386;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.ui-datepicker .ui-datepicker-header{background:#e3e3e3;background:#e3e3e3 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#e3e3e3 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/border-right:none;border-left:none;border-top:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover{background:none;border:solid 1px transparent;-moz-box-shadow:none;}.ui-progressbar{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}.ui-progressbar .ui-widget-header{background:#85b2cb;background:#85b2cb linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}/* PrimeFaces Extensions */.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{background:#ffffff;-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;color:#313131;}.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus{-moz-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;-webkit-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;}.ui-menu, .ui-menu .ui-menu-child{background:#c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.xhtml?ln=primefaces-aristo") top repeat-x;background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));}*html .ui-menu .ui-menu-list{background:none;}*html .ui-menubar .ui-menu-child{background:#ffffff;}*html .ui-menu .ui-menuitem-link{border-color:#c4c4c4;filter:chroma(color=#c4c4c4);}.ui-datatable-odd{background:none repeat scroll 0 0 #F2F5F9;}/** Liferay Support **/.aui .ui-helper-hidden{display:none;}/*Autocomplete*/.aui .ui-helper-reset{margin:0;}/*Menubar*/.aui .ui-widget-content .ui-widget a{color:#4f4f4f;}/*SelectOneMenu*/.aui .ui-selectonemenu .ui-widget{font-size:1.1em;}.aui .ui-selectonemenu-label .ui-inputfield{color:#313131;}.aui .ui-selectonemenu-label{margin-bottom:0px;}/*Spinner*/.aui .ui-spinner .ui-corner-all{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.aui .ui-spinner .ui-inputfield{-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;color:#313131;margin:0;padding:4px;font-weight:normal;}.aui .ui-spinner .ui-spinner-input{vertical-align:middle;padding-right:20px;}.aui .ui-widget input{font-size:1em;}.aui .ui-spinner .ui-inputfield.ui-state-focus{-moz-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;-webkit-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;}/*Tabs*/.aui .ui-tabs .ui-state-default a{color:#4f4f4f;}
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900|Roboto+Condensed:400,700);
body {
	-ms-overflow-style: scrollbar !important;
}
/***  Animations ***/
@keyframes spinner {
    to {transform: rotate(360deg);}
}
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
} 
.spinner {
    min-width: 100px;
    min-height: 100px;
    display: block;
    margin: 0 0 20px 0;
}
.spinner:before {
    content: '';
    position: relative;
    display: block;
    width: 98px;
    height: 104px;
    margin: 0 auto;
}
.spinner:not(blah):before {
    content: '';
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
    border: 25px solid rgba(0, 0, 0, .3);
    border-top-color: rgba(0, 0, 0, .6);
    animation: spinner .5s linear infinite;
    -webkit-animation: spinner .5s linear infinite;
}
@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
.animate-opacity {
   -webkit-animation: flickerAnimation 3s infinite;
   -moz-animation: flickerAnimation 3s infinite;
   -o-animation: flickerAnimation 3s infinite;
    animation: flickerAnimation 3s infinite;
}
div.previewmode {
	width: 100%;
	padding: 5px;
	border: 1px solid #999;
	background: #FFBB11;
	color: black;
	text-align: center;
}
div.clientassistmode{
	width: 100%;
	padding: 5px;
	border: 1px solid #999;
	background: #95def7;
	color: black;
	text-align: center;
}

a.btn-client-assist{
	background: #FFBB11;
	color: black;
}

#printMessageBox {
	position: fixed;
	top:50%;
	left:50%;
	text-align: center;
	margin: -60px 0 0 -155px;
	width: auto;
	height: 260px;
	opacity:0;
	font-family:helvetica, arial;
	font-size: 1.2em;
	color: #000;
	background: #fff;
	padding: 45px 50px 0px 50px;
	z-index: 98;
	box-shadow: 0px 0px 10px #888;
	-webkit-box-shadow: 0px 0px 10px #888;
	-moz-box-shadow: 0px 0px 10px #888;
}
.loading {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.5);
    /* filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80fffff,endColorstr=#80fffff); */ 
    /* zoom: 1; */
    top: 0;
    left: 0;
    z-index: 98;
    position: fixed;
     -webkit-backface-visibility: hidden;
    overflow: hidden;
}
.loading.done {
	display: none;
}
.loading .content-box {
	position: absolute;
	top:50%;
	left:50%;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity:1;
	background: #fff;
    padding: 1em 4em 2em 4em;
	z-index: 98;
	border: 1px solid #ddd;
}
.loading .content-box .h3,
.loading .content-box .text {
    font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	/* text-transform: uppercase; */
	color: #555;
}
.loading-inline {
	display: block;
	position: absolute;
	/* width: 100%; */
	height: 100%;
	min-height: 63px;
	text-align: center;
	top: 0;
	left: 0;
	z-index: 98
}
.loading-inline.bg-white {
	background: #fff;
}
.loading-inline.bg-grey {
	background: #f9f9f9;
}
.loading-inline .content-box {
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	transform: translateX(-50%) translateY(-50%);
	width: auto;
	height: auto;
	opacity: 1;
	padding: 0;
}
.loading-inline .content-box .sk-wave {
	height: 50px;
	margin: 0 auto;
}
.loading-inline .content-box .sk-wave .sk-rect {
	height: 100%;
    width: 6px;
}
.loading-inline .content-box .text {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 500;
	font-size: 1em;
	/* text-transform: uppercase; */
	color: #555;
}
.location-info {
	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}
.sk-wave {
	margin: 30px auto 20px auto;
	width: 100px;
	height: 80px;
	text-align: center;
	font-size: 10px;
}
.sk-wave .sk-rect {
    /* background-color: #335075; */
	background: #4071ad; /* Old browsers */
	background: -moz-linear-gradient(top,  #4071ad 0%, #335075 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #4071ad 0%,#335075 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #4071ad 0%,#335075 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4071ad', endColorstr='#335075',GradientType=0 ); /* IE6-9 */
    height: 100%;
    width: 10px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
            animation: sk-waveStretchDelay 1.2s infinite ease-in-out; }
  .sk-wave .sk-rect1 {
    -webkit-animation-delay: -1.2s;
            animation-delay: -1.2s; }
  .sk-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
            animation-delay: -1.1s; }
  .sk-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
            animation-delay: -1s; }
  .sk-wave .sk-rect4 {
    -webkit-animation-delay: -0.9s;
            animation-delay: -0.9s; }
  .sk-wave .sk-rect5 {
    -webkit-animation-delay: -0.8s;
            animation-delay: -0.8s; }

@-webkit-keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1); } }
.pulsate {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.25;
}
@-webkit-keyframes pulsate {
    0% { 
        opacity: 0.25;
    }
    50% { 
        opacity: 1.0;
    }
    100% { 
        opacity: 0.5;
    }
}
#dashboard-container,
.main-content {
	display: none !important;
}
#dashboard-container.loaded,
.main-content.loaded {
	display: block !important;
}
.strong-text  { font-weight: bold }
/***********************************************
RESETS/OVERRIDES/FIXES
************************************************/
#wb-srch,
#mb-pnl .srch-pnl {
	/*display: none !important;*/
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border:0;
    padding:0;
/*     margin-top:-2px; 
	margin-bottom:-2px;  */
}
ol ol, ol ul, ul ol, ul ul {
    margin-bottom: 11.5px;
}
/* Chrome likes to make things annoying */
div:focus, h1:focus {  
    outline:  none;  
}
/* Webkit only target */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	select, select.form-control {
		-webkit-appearance : none; /* To gain control over the appearance on WebKit */
		padding-right: 25px;
		background: url(../images/select-arrow-down.png) #fff no-repeat right center;
	}
}

/* Firefox likes to add it's own padding and border for no reason */
main button::-moz-focus-inner,
main input::-moz-focus-inner {
    border:0;
    padding:0;
}
/* Firefox Placeholder text increase contrast */
::-webkit-input-placeholder { /* WebKit browsers */
	color: #333 !important;
    opacity: 1;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #333 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #333 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
	color: #333 !important;
    opacity: 1;
}
span.ui-autocomplete {
	padding: 0;
	border: none;
}
.ui-widget {
    font-family: inherit;
    font-size: inherit;
}
/* Let IE help users :) */
/* ::-ms-reveal,
::-ms-clear {
  display: none !important;
} */	
/* #wb-session {
	height: 35px;
} */
/* Pseudo buttons */
span.btn.active,
span.btn:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}
/*#jb-menu-group .btn-group,
.signon {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}*/
@media (max-width: 767px) {
	header .brand a {
		/*height: 31px;*/
	}
}
@media (min-width: 992px) {
	header .brand a {
		/* margin-bottom: 16px; */
		/*height: 50px;*/
	}
	.signon {
		/* margin: 10px 0 0 0; */
	}
}
.signon-state {
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 0;
	font-size: 0.95em;
}
#wb-srch input, .srchbox input {
	border-color: #e0e0e0 !important;
	border-width: 1px 0 1px 1px !important;
}
#close-modal-command {
	display: none;
}
.wb-overlay button.btn.btn-primary.overlay-close,
#external-link button.btn.btn-primary.overlay-close {
	background-color: #2572b4;
}
.mfp-bg {
    opacity: .7;
    filter:alpha(opacity=70)
}
/*** Override Primefaces Classes Starts ***/
main span.ui-spinner input {
	padding-right: 20px !important; 
}
.ui-progressbar {
	/* height:  auto !important; */
}
.ui-button-icon-only {
	width: 4em !important;
	padding: 2px !important;
	margin: 0 0 0 4px !important;
}
.ui-icon-triangle-1-n {
	background-position: 0 -16px !important;
} 
.ui-spinner .ui-icon-triangle-1-s {
	background-position: -65px -16px !important;
}
.ui-icon-triangle-1-s {	
	background-position: -64px -16px !important;
}
.ui-icon-check {
	background-position: -64px -144px !important;
}
.ui-icon-close {
	background-position: -80px -128px !important;
}
.ui-icon, .ui-icon-searchfield:after {
	background-color: transparent;
}
.ui-icon-circle-triangle-e {
	background-position: -48px -192px;
}
.ui-icon-circle-triangle-w {
	background-position: -80px -192px;
}
.ui-icon-seek-first {
	background-position: -80px -160px;
}
.ui-icon-seek-prev {
	background-position: -48px -160px;
}
.ui-icon-seek-next {
	background-position: -32px -160px;
}
.ui-icon-seek-end {
	background-position: -64px -160px;
}
input.ui-inputfield {
 	width:100% !important;
}
input.ui-state-default {
	background: #fff !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;		
}
.ui-dialog .ui-dialog-content {
	background-color: #fff !important;
}
button.ui-button {
	margin:0;
}
.ui-widget-content, .ui-state-default, .ui-widget-header {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
}
/* 	.ui-icon, .ui-icon-searchfield:after {
		background-color: transparent;
	} */
.ui-widget-content, .ui-widget-header {
	border: none;
}
.ui-autocomplete-panel {
	border: 1px solid #bbb !important;
}
.ui-autocomplete {
	position: relative;
}
.ui-state-highlight  {
	text-shadow: none !important;
}
.ui-spinner a.ui-spinner-button {
	border: 1px solid #bbb;
	background-color: #eee;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;			
}
label span.ui-message-info,
label span.ui-message-error,
label span.ui-message-warn,
label span.ui-message-fatal {
	/* padding-left:1em; */
}
.ui-message-info,
.ui-message-error,
.ui-message-warn,
.ui-message-fatal {
	border: 0 !important;
	margin: auto auto auto 0 !important;
	/* padding: 0 !important; */
	/* background-color: transparent !important; */
}
.ui-messages-info,.ui-message-info {
	color: #3c763d;
	background-color: transparent !important;
}
.ui-messages-error,.ui-message-error {
	color: #D8000C;
	background-color: transparent !important;
}
.ui-state-highlight {
	/* color: white; */
	/* background-color: #ce504e!important; */
}
dl.ui-datalist-data {
	margin: 10px;
}
dt.ui-datalist-item {
	font-size: 0.9em;
	padding: 5px 0 5px 5px;
}
.paging_full_numbers a.paginate_active {
	background-color: #e3ddcf;
}
.paging_full_numbers a.paginate_button {
	background-color: #f6f4ef;
}
.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0;
}
input.ui-autocomplete-input {
	-moz-box-sizing: border-box !important;
	width: 100% !important;
	padding: 6px 15px;
}
/*** Override Primefaces Classes Ends ***/	

/*** Override WET classes Starts ***/
/* main p,
main summary {
	font-size: 1.093em;
} */
details summary {
    border: none;
    text-decoration: none;
}
.btn-toolbar>.btn-group.mrgn-lft-0 {
	margin-left: 0 !important;
}
.wb-tabs > ul[role=tablist] {
	padding: 0 0 0 15px !important;
}
.wb-tabs > .tabpanels > details {
	border-left: none;
	border-right: none;
}
.btn-group > .active {
	border-style: inset;
}
/*.alert > ul {
    margin: 10px 0 0 0;
	padding-left: 0px;
}*/
.alert-nudge {
	margin: 0 0 10px 0;
}
.alert-nudge > :first-child {
	margin-left: 0;
}
.alert-nudge > :first-child:before {
	content: "";
}
.alert > ul:first-child:before {
	font-size: 22px;
	margin-left: -0.97em;
	font-weight: bold;
	line-height: 1.1em;
}
.alert ul li {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 0.5em 0;
    line-height: 1.5em;
}
.alert ul:first-child li {
	margin: 0 0 0.5em -1.2em;
}
.alert ul:first-child li:first-child {
	font-weight: bold;
	font-size: 1.375em;
	margin-left: 0.325em;
	line-height: 1.1em;
}
.alert ul li:last-child {
	margin-bottom: 0;
}
.alert-info.alert-nudge.static-nudge .fa,
.alert-info.alert-nudge.static-nudge .fas,
.alert-info.alert-nudge.static-nudge .far,
.alert-info.alert-nudge.static-nudge .fal {
	font-size: 22px;
	margin-right: 0.325em;
	color: #269abc;
}
#loginFormContainer  { margin-top: 0px !important; }
main h1#wb-cont {
	margin-top: 1em !important;
	letter-spacing: -0.02em;
}

/*** Link colour and decoration ***/
a:link,
a.ui-link:link,
a:visited,
a.ui-link:visited {
	/* color: #295376; */
/* 	text-decoration: none; */
}
a:active,
a:focus,
a.ui-link:active,
a.ui-link:focus {
	/* color: #C00000; */
/* 	text-decoration: underline; */
}	
a:hover,
a.ui-link:hover {
	/* text-decoration: underline; */
}
.btn,
label,
input,
input[type="checkbox"],
input[type="radio"],
select {
	/* font-family: Verdana; */
	/* font-size: 15px; */
}
input,
select[size="1"] {
	/* line-height: normal !important; */
	/* height: 35px; */
	height: 37px;
	line-height: 21px;
}
input.input-sm,
select.input-sm[size="1"] {
	height: 33px;
}
input[type="checkbox"],
input[type="radio"] {
	height: 15px;
	line-height: 21px;
}
.btn,
.signon .btn {
	/* line-height: 1.5em; */
	/* padding: 5px 12px; */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 4px;
    min-height: 25px;
}
label {
	font-weight: 400;
	/* width: 100%;
    display: inline; */
}
span.req {
	color: #d3080c;
	font-weight: bold;
	margin-right: 3px;
}
p.req {
	padding: 10px 15px;
	font-size: 0.85em;
	color: #a94442;
	background: #F9EFEF;
}
input,
select {
	/* padding: 7px 15px; */
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ccc !important;
}
select[multiple],
selectp[size] {
	padding: 10px 30px 10px 10px;
}
input[type="range"] {
    border: 0px !important;
}
.form-control {
	width: 100% !important;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
/* fieldset {
	margin: 0 0 40px 0;
} */
.legend,
fieldset legend,
#job-detail-edit .tabpanels fieldset legend,
details.subSection > summary,
.wb-tabs > .tabpanels > details.subSection > summary,
fieldset h3,
label.surveyquestion-text  {
	/* border-top: 1px solid #ccc; */
    border: none;
	/* font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed; */
	font-weight: 500;
	font-size: 1.3em;
	color: #555;
	padding: 5px 0 0 0;
	margin: 20px 0;
    float: none;
    line-height: 1.4375em;
}
fieldset legend,
fieldset h3,
.tgl-panel h2 {
	border-bottom: 5px solid #ddd;
}
.tgl-panel h2 {
	font-size: 1.3em;
	font-weight: 500;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}
.tabpanels p.legend {
	border-top: none;
	padding: 25px 0 0 0;

}
.tabpanels p.legend a,
.tabpanels p.legend a:hover {
	text-decoration: none;
	color: #555;
	cursor: text;
}
fieldset,
.tabpanels fieldset {
	/* margin: 0 20px 20px 20px; */
	/* margin: 0 0 0 -15px; */
	margin: 0 0 20px 0;
	border-top: none;
	padding: 0;
}
.tabpanels fieldset legend {
	padding: 25px 0;
}
fieldset details,
fieldset details[open] {
	margin: 0 0 0 15px;
	border: none;
}
details.subSection {
	margin: 20px 20px 0px 5px !important;
    border: none;
}
details.subSuggestSection, details.moreOptionSection {
	/* text-align: right; */
	/* float: right; */
	background-color: #eee;
	border-radius: 0;
}
details.moreOptionSection {
	border: 0;
}
details.subSuggestSection > summary, details.moreOptionSection > summary {
	font-size: 1em;
	/* font-weight: bold; */
	margin: 0 0 10px 10px;
	padding: 5px 10px !important;
	display: inline-block !important;
	background-color: #eee;
	border: none !important;
	float: right;	
}
details.subSectionOptions summary {
    border: none;
    padding-left: 0;
}
.subSuggestSectionContent, .moreOptionSectionContent {
	margin: 0 0 0 10px !important;
	padding: 10px;
	/* background-color: #eee; */
	width: 100%;
	float: right;	
} 
.subSuggestSectionContent label {
	font-weight: normal;
}
.open > .dropdown-menu {
	margin-top: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.dropdown-menu > li {
	margin: 0;
}
.dropdown-menu .divider {
	padding: 0;
}
.dropdown-menu > li > a {
    text-decoration: none;
}
/*** Override WET classes Ends ***/
/***********************************************
OBJECT MODULES
************************************************/
.lowercase {
	text-transform: lowercase;
}
.signon {
	/* width: 100%; */
}
.signon .btn .fa,
.signon .btn .fas,
.signon .btn .far,
.signon .btn .fal {
	width: 1em !important;
	/* margin-right: 10px; */
}
.signon .btn-group {
	width: 100%;
	border: 1px outset #dcdee1;
	display: none;
}
.signon .btn-group .btn {
    float: none;
    display: block;
    width: 100%;
    text-align: left;
    margin-left: 0;
    border-style: none;
}
.signon .signon-state {
	display: block;
}
#signon-state {
	display: block;
	width: 100%;
	text-align: left;
}
@media (min-width: 992px) {
	/* .signon {
		width: auto;
	}
	.signon .signon-state {
		display: inline-block !important;
	}
	.signon .btn-group {
		width: auto;
		border-style: none;
		display: inline-block !important;
	}
	.signon .btn-group .btn {
		float: left;
		width: auto;
		text-align: center;
		border-style: outset;
	} */
}
form.dept-nav {
    /* background-color: #e1e8f0;*/
    padding: 0;
}

#jb-menu-group {
	display: block;
	margin: 0;
}
.jbservices {
	padding: 5px 15px 4px 15px;
	width: 100%;
}
.jbservices .fa,
.jbservices .fas,
.jbservices .far,
.jbservices .fal {
	/* text-shadow: 1px 1px 1px #222; */
	font-size: 1.9em;
	width: 28px;
}
#jb-menu-group .jbapps {
	padding: 2px 10px 5px 10px;
	/* border: 1px solid #ccc; */
	/* height: 37px; */
}
#jb-menu-group .jbapps:active,
#jb-menu-group .jbapps:focus {
    outline: 1px dotted #111;
}
#jb-menu-group .btn-group .dropdown-menu li a {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.20px;
	/* font-size: 1.4rem; */
	font-weight: 400;
}
#jb-menu-group .btn-group .dropdown-menu li a .fa,
#jb-menu-group .btn-group .dropdown-menu li a .fas,
#jb-menu-group .btn-group .dropdown-menu li a .far,
#jb-menu-group .btn-group .dropdown-menu li a .fal {
	width: 18px;
}
#jb-menu-group .jbapps .title {
	/*display: none;*/
	padding: 0;
	font-family: "Roboto", "Arial Black", Arial, Helvetica, sans-serif !important;
	font-weight: 400;
}
.dropdown-menu > li {
	margin: 0;
}
.dropdown-menu .divider {
	padding: 0;
}
#jb-menu-group .jbservices,
#jb-menu-group .home-command,
.masthead-nav > li > a {
    /* border: 1px solid #ccc; */
    width: auto;
}
#jb-menu-group .jbservices {
	padding: 4px 10px 3px 10px;
}
#jb-menu-group .home-command {
	padding: 4px 10px 3px 5px;
}
#jb-menu-group .jbservices .fa,
#jb-menu-group .jbservices .fas,
#jb-menu-group .jbservices .far,
#jb-menu-group .jbservices .fal,
#jb-menu-group .home-command .fa,
#jb-menu-group .home-command .fas,
#jb-menu-group .home-command .far,
#jb-menu-group .home-command .fal {
	width: 1em;
	display: inline-block;
	height: 28px;
	font-size: 20px;
	line-height: 1.4em;
}
#jb-menu-group .jbapps .fa,
#jb-menu-group .jbapps .fas,
#jb-menu-group .jbapps .far,
#jb-menu-group .jbapps .fal {
	/* min-width: 32px; */
	line-height: 1.3em;
}

#jb-menu-group .home-command .fa.pull-left,
#jb-menu-group .home-command .fas.pull-left,
#jb-menu-group .home-command .far.pull-left,
#jb-menu-group .home-command .fal.pull-left {
	margin: 0;
}
#jb-menu-group .jbservices .fa.pull-left,
#jb-menu-group .jbservices .fas.pull-left,
#jb-menu-group .jbservices .far.pull-left,
#jb-menu-group .jbservices .fal.pull-left {
	margin: 0 3px 0 0;
}
.container .jobbank-menu-content {
    margin: 0;
}
/* Job Bank Menu */
#jb-menu-group {
	display: block;
	/* margin: 0 5px 15px 5px; */
	margin: 10px 0 15px 0;
	position: relative;
}
#jb-menu-group .jbservices span.nowrap,
#jb-menu-group .home-command span.nowrap {
	font-family: "Roboto", "Arial Black", Arial, Helvetica, sans-serif !important;
	font-stretch: normal;
	text-transform: none;
	letter-spacing: -0.01rem;
	display: inline-block;
	font-weight: 700;
	font-size: 1.3em;
}
#jb-menu-group .jbservices span.nowrap .title,
#jb-menu-group .home-command span.nowrap .title {
	display: none;
}
#jb-menu-group .jbservices span.nowrap .menu,
#jb-menu-group .home-command span.nowrap .menu,
#jb-menu-group .jbservices span.nowrap .fmenu,
#jb-menu-group .home-command span.nowrap .fmenu {
	font-weight: normal;
	display: inline;
	
}
#jb-menu-group .jbservices span.nowrap .menu,
#jb-menu-group .home-command span.nowrap .menu {
	text-transform: capitalize;
}
#jb-menu-list {
	display: none;
    position: absolute;
    z-index: 99;
    padding: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
   	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
} 
#jb-menu-list > ul.list-group {
	margin: 0;
	text-align: left;
	width: 100%;
    padding: 0;
}
#jb-menu-list > ul.list-group h3.wb-navcurr {
    margin: 0;
    font-size: 1.15em;
   	padding: 0;
   	line-height: 1.5em;
    font-weight: normal;
    background-color: #335075 !important;
    color: #fff;
    text-align: left;
    /* text-shadow: 1px 1px 1px #222; */
}
#jb-menu-list > ul.list-group h3.wb-navcurr a {
    color: #fff;
    text-decoration: none;
    padding: 10px 30px 10px 15px;
    display: block;
}
#jb-menu-list > ul.list-group h3.wb-navcurr a .fa,
#jb-menu-list > ul.list-group h3.wb-navcurr a .fas,
#jb-menu-list > ul.list-group h3.wb-navcurr a .far,
#jb-menu-list > ul.list-group h3.wb-navcurr a .fal {
   	position: absolute;
	right: 10px;
	display: block;
	z-index: 2;
	top: 15px;
}
#jb-menu-list > ul.list-group h3.wb-navcurr a:hover,
#jb-menu-list > ul.list-group h3.wb-navcurr a:focus {
	background: #243850 !important;
}
#jb-menu-list > ul.list-group > li {
	display: block;
	float: none;
	padding: 0;
}
#jb-menu-list > ul.list-group > li:not(:last-child) > h3.wb-navcurr {
    
}
#jb-menu-list  > ul.list-group > li > ul.jb-cat {
	padding:0;
    margin: 0;
    display: none;
}
#jb-menu-list > ul.list-group > li:not(:last-child) > ul {
	margin: 0 1px 0 0;
}
#jb-menu-list > ul.list-group > li > ul > li {
	font-size: 1em;
    line-height: 1.5em;
}
#jb-menu-list > ul.list-group > li > ul > li a.landing-title-item {
	font-weight: 500 !important;
}
#jb-menu-list > ul.list-group > li > ul > li > a.list-group-item,
#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item {
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0px;
	/* font-size: 1.4rem; */
	font-weight: 400;
	border: none;
    /* background-color: #e6e6e6; */
    background-color: #fff;
    color: #000;
    padding: 10px 20px;
    text-decoration: none;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;   
}
#jb-menu-list > ul.list-group > li > ul > li > .list-group-item .fa,
#jb-menu-list > ul.list-group > li > ul > li > .list-group-item .far,
#jb-menu-list > ul.list-group > li > ul > li > .list-group-item .fal,
#jb-menu-list > ul.list-group > li > ul > li > .list-group-item .fas,
#jb-menu-list > ul.list-group > li > ul > li > .jb-cat-menu-item .fa,
#jb-menu-list > ul.list-group > li > ul > li > .jb-cat-menu-item .far,
#jb-menu-list > ul.list-group > li > ul > li > .jb-cat-menu-item .fal,
#jb-menu-list > ul.list-group > li > ul > li > .jb-cat-menu-item .fas {
    width: 20px;
}
#jb-menu-list ul.list-group > li.jb-cat-menu.jb-cat-menu-footer {
	border-top: 1px solid #ddd;
	display: block;
	width: 100%;
	clear: left;
}
#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item {
	display: block;
}
#jb-menu-list > ul.list-group > li > ul > li > a.list-group-item[href]:hover,
#jb-menu-list > ul.list-group > li > ul > li > a.list-group-item[href]:focus,
#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item[href]:hover,
#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item[href]:focus {
	background-color: #f5f5f5;
}
@media (min-width: 768px) {
	#jb-menu-list {
    	position: absolute;
    }
	#jb-menu-group {
		margin: 15px 0;
	}
	#jb-menu-group .home-command .fa.pull-left,
	#jb-menu-group .home-command .fas.pull-left,
	#jb-menu-group .home-command .far.pull-left,
	#jb-menu-group .home-command .fal.pull-left,
	#jb-menu-group .jbservices .fa.pull-left,
	#jb-menu-group .jbservices .fas.pull-left,
	#jb-menu-group .jbservices .far.pull-left,
	#jb-menu-group .jbservices .fal.pull-left {
		margin: 0 4px 0 0;
		line-height: 1.3em;
	}
	#jb-menu-group .jbservices span.nowrap .title,
	#jb-menu-group .home-command span.nowrap .title {
		display: inline;
	}
}
@media (min-width: 992px) {
	#jb-menu-group {
		display: inline-block;
		width: 100%;
	}
	.masthead-brand {
		width: auto;
	}
	.jbservices {
		width: auto;
	}
	.jbservices .fa,
	.jbservices .fas,
	.jbservices .far,
	.jbservices .fal {
		/* text-shadow: 1px 1px 1px #222; */
		font-size: 1.9em;
		width: 28px;
	}
	#jb-menu-list {
	    /* left: 15px; */
	    width: auto;
		padding: 0;
    	/* background-color: #e6e6e6;   */ 	    
    	background-color: #fff;
	    border-left: 1px solid #ccc;
	    border-right: 1px solid #ccc;
	    border-bottom: 1px solid #ccc;
		background-clip: padding-box;	   
		z-index: 110; 
	}
	#jb-menu-list > ul.list-group {

	}
	#jb-menu-list > ul.list-group h3.wb-navcurr {
	    font-size: 1em;
    	text-align: center;
	}
	#jb-menu-list > ul.list-group h3.wb-navcurr a {
    	padding: 10px;
	}
	#jb-menu-list > ul.list-group h3.wb-navcurr a .fa,
	#jb-menu-list > ul.list-group h3.wb-navcurr a .fas,
	#jb-menu-list > ul.list-group h3.wb-navcurr a .far,
	#jb-menu-list > ul.list-group h3.wb-navcurr a .fal {
    	display: none;
	}
	#jb-menu-list > ul.list-group h3.wb-navcurr a:hover,
	#jb-menu-list > ul.list-group h3.wb-navcurr a:focus {

	}
	#jb-menu-list > ul.list-group > li {
		display: inline-block;
		float: left;
	    margin: 0;
	    padding: 0;
	    width: auto;
	}
	#jb-menu-list > ul.list-group > li:not(:last-child) > h3.wb-navcurr {
		border-right: 1px solid #ccc;
	}
	#jb-menu-list > ul.list-group > li:nth-child(3n) > h3.wb-navcurr {
		border-right: none;
	}
	#jb-menu-list  > ul.list-group > li > ul.jb-cat {
	    font-size: 1em;
    	display: block;
	}
	#jb-menu-list > ul.list-group > li:not(:last-child) > ul {

	}
	#jb-menu-list > ul.list-group > li > ul > li {

	}
	#jb-menu-list > ul.list-group > li > ul > li > a.list-group-item,
	#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item {
		padding: 10px 20px;
		white-space: nowrap;
	}
	
	#jb-menu-list > ul.list-group > li > ul > li > a.list-group-item[href]:hover,
	#jb-menu-list > ul.list-group > li > ul > li > a.list-group-item[href]:focus,
	#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item[href]:hover,
	#jb-menu-list > ul.list-group > li.jb-cat-menu.jb-cat-menu-footer > a.jb-cat-menu-item[href]:focus {

	}
	#jb-menu-list > ul.list-group > li > ul > li:last-child > a.list-group-item {

	}	
}
.jb-star-full,
.jb-star-empty {
	width: 19px;
	height: 19px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: text-top;
}
.jb-star-full {
	background: url('../images/star-full.png') 0 -1px no-repeat;
}
.jb-star-empty {
	background: url('../images/star-empty.png') 0 -1px no-repeat;
}
/* Star Rating System */
.rating,
.star-outlook-three,
.star-outlook-two,
.star-outlook-one,
.star-outlook-zero {
	height: 26px;
	width: 67px;
	display: inline-block;
	position: relative;
	float: right;
	padding: 0 0 0 5px;
	margin: 0;
}
.object-outlook-rating .star-outlook-three,
.object-outlook-rating .star-outlook-two,
.object-outlook-rating .star-outlook-one,
.object-outlook-rating .star-outlook-zero {
	float: none;
}
.rating.three-star,
.star-outlook-three {
	background: url('../images/outlook-3-star-rating.png') top right no-repeat;
}
.rating.two-star,
.star-outlook-two {
	background: url('../images/outlook-2-star-rating.png') top right no-repeat;
}
.rating.one-star,
.star-outlook-one {
	background: url('../images/outlook-1-star-rating.png') top right no-repeat;
}
.rating.zero-star,
.star-outlook-zero {
	background: url('../images/outlook-0-star-rating.png') top right no-repeat;
}
.match-rating,
.star-matches-five,
.star-matches-four-half,
.star-matches-four,
.star-matches-three-half,
.star-matches-three,
.star-matches-two-half,
.star-matches-two,
.star-matches-one-half,
.star-matches-one {
	height: 26px;
	/* width: 136px; */
	width: 83px;
	display: inline-block !important;	
	position: relative !important;
	margin: 0 0 0 5px;
}
.match-rating.five-star,
.star-matches-five {
	background-color: red;
	background: url('../images/match-5-star-rating.png') 0% 0% no-repeat;
}
.match-rating.four-half-star,
.star-matches-four-half {
	background: url('../images/match-4.5-star-rating.png') 0% 0% no-repeat;	
}
.match-rating.four-star,
.star-matches-four {
	background: url('../images/match-4-star-rating.png') 0% 0% no-repeat;	
}
.match-rating.three-half-star,
.star-matches-three-half {
	background: url('../images/match-3.5-star-rating.png') 0% 0% no-repeat;
}
.match-rating.three-star,
.star-matches-three {
	background: url('../images/match-3-star-rating.png') 0% 0% no-repeat;
}
.match-rating.two-half-star,
.star-matches-two-half {
	background: url('../images/match-2.5-star-rating.png') 0% 0% no-repeat;
}
.match-rating.two-star,
.star-matches-two {
	background: url('../images/match-2-star-rating.png') 0% 0% no-repeat;
}
.match-rating.one-half-star,
.star-matches-one-half {
	background: url('../images/match-1.5-star-rating.png') 0% 0% no-repeat;
}
.match-rating.one-star,
.star-matches-one {
	background: url('../images/match-1-star-rating.png') 0% 0% no-repeat;
}
.object-nowrap {
	white-space: nowrap;
}
.textUppercase {
	text-transform: uppercase;
}
.object-bottom-nav {
	margin: 75px 0 100px 0 !important;
	width: 100%;
	position: relative;
	display: inline-block;
	padding-bottom: .4em;
	border-bottom: 1px solid #af3c43;
}
.object-bottom-nav .btn-group {
	margin: 0 !important;
}
label span.error,
legend span.error {
	display: block;
	position: relative;
	padding: 5px;
	color: #9f2c20;
	background-color: #f2dede !important;
	border: none;
	font-size: 1em;
	margin: 5px 0 -5px 0;	
}
legend span.error {
	font-stretch: normal;
	font-size: 0.85em;
	display: inline-block;
	padding: 10px;
}
label span.warning {
	display: block;
	position: relative;
	padding: 5px;
	color: #b06b03;
	background-color: #f9f4d4 !important;
	border: none;
	font-size: 1em;
	margin: 5px 0 -5px 0;	
}
label span.ui-message-info {
	display: block;
	position: relative;
	padding: 5px;
	border: none;
	margin: 5px 0 -5px 0;	
}
label span.success {
	display: block;
	position: relative;
	padding: 5px;
	color: #346534;
	background-color: #d8eeca !important;
	border: none;
	font-size: 1em;
	margin: 5px 0 -5px 0;	
}
.noskillfoundinfo{
	display: block;
	position: relative;
	padding: 5px;
	color: #9f2c20;
	background-color: #f2dede !important;
	border: none;
	font-size: 1em;
	margin: 5px 0 -5px 0;	
}
#welcome-existing-users label span.error {
	margin: 0 0 0 0;
}
/* .wb-date-wrap input.form-control {
	width: 89% !important;
} */
.labelReadOnly {
	display:block;
	margin-bottom: 5px;
}
.largeReadOnly {
	display:block;
	margin-right: 10px;
	font-size: 140%;
}
.outputReadOnly {
	border: 1px solid #bbb !important;
    padding: 9px 15px 8px 15px !important;
	display: block;
	color: #666;
	line-height: normal;
	background-color: #eeeeef;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.outputReadOnlyCompare {
	padding: 9px 15px 8px 15px !important;
	display: block;
	margin-bottom: 10px;
	line-height: normal;
	border: 1px solid #689F38 !important;
	background-color: #F1F8E9;
	color: #1B5E20;
	/* cursor: not-allowed; */
	white-space: nowrap;
	/* word-wrap: break-word; */
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.outputReadOnlyCompare.secondItem {
	border: 1px solid #588035 !important;
	color: #fff;
	background-color: #588035;
}
.outputReadOnly.stateGood {
	border: 1px solid #689F38 !important;
	background-color: #F1F8E9;
	font-weight: bold;
	color: #1B5E20;
}
.outputReadOnly.stateNeutral {
	border: 1px solid #0288D1 !important;
	background-color: #E1F5FE;
	font-weight: bold;
	color: #01579B;
}
.outputReadOnly.stateBad {
	border: 1px solid #D32F2F !important;
	background-color: #FFEBEE;
	font-weight: bold;
	color: #D50000;
}
.outputReadOnly.stateNA {
	font-style: italic;
}
.outputReadOnly.stateBN9 {
	border: 1px solid #593076 !important;
	background-color: #e2d8e9;
	font-weight: bold;
	color: #593076;
}
div.selectManyCheckbox ul {
	list-style: outside none none;
    padding: 0;
}
/***********************************************
OBJECTS
************************************************/
.object-view-header {
	/* border-top: 1px solid #ccc; */
    margin: 20px 0 0 0;
    position: relative;
    display: block;
    z-index: 1;
    height: 29px;
}
.object-view-header h2,
.object-view-header span.h2 {
    
}
.object-id {
	position: relative !important;
	display: inline !important;
	font-size: 0.95em !important;
	font-weight: 500 !important;
	line-height: normal !important;
	text-transform: uppercase !important;
	margin: 0 !important;
	padding: 5px 15px 4px 15px !important;
	white-space: pre-wrap !important;
	width: auto !important;
	background-color: #eee !important;
	color: #4F4D4D !important !important;
	border: 1px solid #ccc !important;
	border-radius: 25px !important;
}
.object-view-details {
    padding: 10px 0 0 0;
}
.preview.object-view-details {
    border-top: 1px solid #ccc;
	margin-top: -17px;
	padding: 26px 0 0 0;
	/* padding: 0; */
}
.object-view-details .object-view-title  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: 700;
	margin: 0;
	line-height: 150%;
	/* text-transform: lowercase; */
}
.textCapitalize:first-letter,
h2#userSearchTitle:first-letter,
h2#eventSearchTitle:first-letter,
td.textCapitalize:first-letter,
.object-view-details h2:first-letter,
.object-view-details h2:first-letter,
.object-view-header h2:first-letter,
.object-view-header span.h2:first-letter,
.object-view-title:first-letter,
a.textCapitalize:first-letter {
    text-transform: capitalize;
}
a.textCapitalize:first-letter:lang(en) {
    text-transform: capitalize;
}
.job-posting-detail-requirements span.textCapitalize,
#seekeractivity span.textCapitalize {
    display: block;
}

.job-posting-content .title .objectStatus,
.object-view-details .object-view-title .objectStatus {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-weight: 700;
	font-size: 0.7em;
	font-style: normal;
	
	padding: 5px 7px !important;
	margin: 0 0 0 5px !important;
	color: #6D6F7D;
	text-transform: uppercase;
	top: -3px;
	position: relative;
	background-color: #f4f4fa;
	letter-spacing: 0.02em;
	line-height: normal;	
} 
.object-view-details .object-view-title.user {
	text-transform: capitalize;
}
.job-posting-content .title .objectStatus.stateGood,
.object-view-details .object-view-title .objectStatus.stateGood {
	background-color: #DCEDC8 !important;
	color: #1B5E20 !important;
}
.job-posting-content .title .objectStatus.stateNeutral,
.object-view-details .object-view-title .objectStatus.stateNeutral {
	background-color: #B3E5FC !important;
	color: #01579B !important;
}
.job-posting-content .title .objectStatus.stateBad,
.object-view-details .object-view-title .objectStatus.stateBad {
	background-color: #FDE3EC !important;
	color: #D50000 !important;
}
.job-posting-content .title .objectStatus.stateNone,
.object-view-details .object-view-title .objectStatus.stateNone {
	background-color: #E4E4E4 !important;
	color: #555555 !important;
}
.object-view-details .object-view-title.modified {
	padding: 10px;
	margin-bottom: 0 !important;
	color: #9f2c20 !important;
	background-color: #f2dede;
}
div.object-jobview-jobtitle-noc.modified {
	padding: 5px;
	margin-bottom: 0 !important;
	color: #9f2c20 !important;
	background-color: #f2dede;
}
.object-view-details.modified {
	/* padding: 5px; */
	padding: 0;
	margin: 10px 0 0 10px !important;
	color: #9f2c20 !important;
	background-color: #f2dede;
}
dd .object-view-details.modified {
	margin: 10px 0 0 0 !important;
}
.object-view-details.old {
	/* padding: 5px; */
	padding: 0;
	margin: 0 0 0 10px !important;
	color: #656565 !important;
	background-color: #E8E8E8
}
.ovd-btn {
	position: relative;
	margin: 0 0 0 10px;
}
.object-view-header .ovd-btn {
	top: -3px !important;
}
.ovd-btn a {
	display: inline;
	line-height: normal;
	padding: 6px 15px 5px;
	border-radius: 25px;
}
main dd .object-view-details.modified,
main .object-view-details.modified p,
main dd .object-view-details.old,
main .object-view-details.old p {
	margin: 0 !important;
	padding: 5px !important;
}
.object-view-title.old {
	padding: 10px;
	margin: 0 0 10px 20px !important;
	color: #656565 !important;
	background-color: #E8E8E8
}
div.object-jobview-jobtitle-noc.old {
	padding: 5px;
	color: #656565 !important;
	background-color: #E8E8E8
}

.object-view-details p.object-employerview-details {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-size: 1.4em;
	line-height: 1.5em;
	padding: 5px 0 !important;
	margin: 0 !important;
}
.object-view-details p.object-employerview-details .type {
	color: #636363;
}
.object-view-details .object-jobview-jobtitle-noc {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-size: 1.4em;
	color: #636363;
	line-height: normal;
	padding: 5px 0;
}
.object-view-details .object-jobview-jobtitle-noc span.category-name:first-letter,
select.object-selectlist option:first-letter  {
    text-transform: capitalize;
}
.object-jobview-jobtitle-noc {

} 
.object-view-details h2.object-jobview-jobtitle-noc span.label {
	font-weight: normal !important;	
}
/* div.object-view-details h4 {
	margin-bottom: 0px !important;
} */
div.object-view-details p {
	margin-top: 5px;
	line-height: 1.5em;
}

div.object-view-details ul {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-size: 1.4em;
	border-bottom: 1px solid #ccc;
	padding: 0 0 25px 0;
	margin: 0 0 -1px 0;
	list-style-type: none;
	width: auto;
}
#job-detail-edit div.object-view-details ul {
	border-bottom: none;
}
div.object-view-details ul li {
	/*float: left;*/
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 15px 0 0;
	/* border-right: 1px solid #eee; */
	line-height: normal;
}
div.object-view-details ul li:last-child {
	border:	none;
}
.object-jobview-location,
.object-jobview-jobno,
.object-jobview-employer,
.object-jobview-category,
.object-jobview-dateposted {
	
}

.object-jobview-location {
	
}
.object-jobview-jobno {
	color: #777;
	font-style: italic;
	font-weight: 100;
}
.object-jobview-employer {
	/* font-weight: bold; */
}
.object-jobview-category {

}
.object-jobview-dateposted {

}
div.object-view-details ul.object-jobview-details-misc {
	list-style-type: none;
	/* margin:10px 0 40px 0 !important; */
	padding: 10px 0 0 10px;
	font-size: 1em;
	position: relative;
	border: none;
}
div.object-view-details ul.object-jobview-details-misc li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px 0 0;
	/* border-right: 1px solid #eee; */
	font-size: 1.1em;
}
div.object-view-details ul.object-jobview-details-misc li:last-child {
	border: none;
}
.object-jobview-source {

}
.object-jobview-source-image {
	margin: 0;
	vertical-align: text-bottom;
}
#jobpost\:input-additional-requirement_input,
#jobpost\:input-additional-requirement_input_input {
	width: 100% !important;
}
.module-panel-detailview {
	/* background-color: #f1f1f1;
	padding: 30px; */
	width: auto;
	margin: 10px 0 20px 0;
}
.object-stats, .object-monitoring-categories {
    margin: 10px;
    padding: 0;
    height: 100%;
    display: block;
    position: relative;
    background-color: #f1f1f1;
}
.object-monitoring-categories {
	margin-top: 0;
	padding: 0;
}
.object-id-location,
.object-id-assigned,
.object-id-notice,
.object-id-label  {
    font-size: 0.85em;
    font-family: Arial, Helvetica;
	font-weight: normal;
    display: inline-block;
    margin: 0px;
	padding: 0 10px;
	line-height: 2.5em;
}
.object-id-label {
	padding-right: 0;
}
.object-id-location {
    color: #444;
}
.object-id-assigned {
    color: #394E63;
}
.object-id-notice {
	display: block;
	color: #B73430;
    border: 1px solid #B73430;
    font-weight: bold;
} 
.object-id-notice p {
	background-color: #B73430;
	padding: 5px 10px;
}
.object-internal-status-function {
    /* margin: 0 -15px;
    display: block; */
    /* margin: 10px 0 10px 10px; */
    margin: 0;
    display: inline-block;
    width: 400px;
    float: right;
}
.object-monitoring-categories ul {
	list-style-type: none;
	padding: 0;
}
.object-monitoring-categories .indicatorType {
    padding: 0 10px;
    margin: 0;
    display: inline-block;
    position: relative;
    float: none;
    font-family: Arial, Helvetica;
	font-size: 0.75em;
	line-height: 2.5em !important;
	border: 1px solid #ddd;
	border-left: 10px solid #DDD;
	background: #fff;
}
.command-button {
    position: absolute;
    right: 15px;
    z-index: 97;
}
button.btn-notes-close {
    background-color: #F3DFB6;
    color: #915000;
    margin: 0 -15px 0 0;
    position: absolute;
	top: 0px;
	right: 15px;
}
button.btn-history-close {
    background-color: #e1e4e7;
    color: #000;
    margin: -10px -15px 0 0;
}
.module-panel-detailview .object-view-details p.notice {
	padding: 0 !important;
}
.module-panel-detailview ul {
	border: none;
	padding: 0;
}
.module-noc-description details summary {
	font-weight: bold;
    border: none;
    padding-left: 0;
}
.module-noc-description details,
.module-noc-description details div {
	margin: 0;
}
.module-noc-description details[open] {
    padding-bottom: 0;
    border: none;
}
.module-noc-description ul {
	margin: 0 !important;
	padding: 0;
}
.module-noc-description li {
	padding: 0;
	margin-right: 0;
	margin-bottom: 10px !important;
	line-height: 1.2em;
	display: block;
}
.module-noc-description li span {
	display: inline-block;
	color: #000 !important;
	font-size: 1em;
	padding: 10px 0 0 0;
	background: none;
}
.module-noc-description div.duties {
	color: #636363;
	height: auto;
	max-height: 400px;
	overflow-y: scroll;
	padding: 10px 10px 0 0;
	font-weight: bold;
	font-size: 1.05em;
}
.module-noc-description div.duties ul {
	list-style-type:square;
	margin: 10px 0 20px 0 !important;
} 
.module-noc-description div.duties li {
	margin: 0 0 10px 20px !important;
	color: #000;
	padding: 0;
	display: list-item;
	font-weight: normal;
	font-size: 0.95em;
}
.outputReadOnlyCompare span.fullText,
.outputReadOnly span.fullText {
	bottom: -1px;
	left: -1px;
	opacity: 0;
	padding: 9px 15px 8px 15px;
	position: absolute;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-ms-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
	z-index:97;
	display: block;
	min-width: 100%;
}
.outputReadOnlyCompare span.fullText {
	border: 1px solid #689F38 !important;
	background-color: #F1F8E9;
}
.outputReadOnlyCompare.secondItem span.fullText {
	border: 1px solid #588035 !important;
	color: #fff;
	background-color: #588035;
}
.outputReadOnly span.fullText {
	opacity: 0;
	border: 1px solid #bbb !important;
	background-color: #eeeeef;
	z-index: 99;
}
.outputReadOnly.stateNeutral span.fullText {
	opacity: 0;
	border: 1px solid #0288D1 !important;
    background-color: #E1F5FE;
}
.outputReadOnly.stateGood span.fullText {
	opacity: 0;
	border: 1px solid #689F38 !important;
    background-color: #F1F8E9;
}
.outputReadOnly.stateBN9 span.fullText {
	opacity: 0;
	border: 1px solid #593076 !important;
	background-color: #e2d8e9;
}
.outputReadOnly.stateNA span.fullText {
	opacity: 0;
	border: 1px solid #bbb !important;
	background-color: #eeeeef;
}
.outputReadOnlyCompare:hover,
.outputReadOnlyCompare:focus,
.outputReadOnlyCompare:active,
.outputReadOnly:hover,
.outputReadOnly:focus,
.outputReadOnly:active {
	overflow: visible !important;
}
.outputReadOnlyCompare:hover span.fullText,
.outputReadOnlyCompare:focus span.fullText,
.outputReadOnlyCompare:active span.fullText,
.outputReadOnly:hover span.fullText,
.outputReadOnly:focus span.fullText,
.outputReadOnly:active span.fullText {
    /* opacity: 1;
    display: block;
    overflow: visible !important; */
    opacity: 1;
	display: block;
	overflow: visible !important;
	z-index: 99;
	border: 1px solid #bbb !important;
	background-color: #eeeeef;
}
.outputReadOnlyCompare span.fullText:focus,
.outputReadOnlyCompare span.fullText:active,
.outputReadOnly span.fullText:focus,
.outputReadOnly span.fullText:active {
    opacity: 1;
    display: block;
    overflow: visible !important;
}
/***********************************************
GENERAL MODULES
************************************************/
.module-login {
	margin-top: 30px;
}
.module-login h2 {
	margin: 0 0 20px 0;
}
.module-header {
	margin: 15px 0 0 0;
	/* border-bottom: 7px solid #9D1010; */
}
main h1#wb-cont:before  {
	content: '';
}
main h1#wb-cont  {
	border-bottom-color: #efefef;
}
@media (min-width: 768px) {
	h1#wb-cont:before  {
		padding-left: 10px;
		border-left: 40px solid #efefef;
	}
}
.module-message {
	padding: 5px 21px;
	margin: 0;
}
.module-createaccount {
	display: block;
 	position: relative;
}
#wb-core .module-createaccount a.newAccountLink{
	float: right;
	margin: -20px 10px 0 0 !important;
}
.module-message h1 {
	font-size: 2em;
	color: #2C3E50 !important;
	margin: 0 !important;
}
.module-message h2 {
	font-size: 1.5em;
	font-weight: normal !important;
}
.module-message p {
	margin: 25px 0 0 0 !important;
}
.module-message input[type=text],
.module-message input[type=number] {
	width: auto;
}
ul.module-action, div.module-action {
	margin: 25px 0 0 0 !important;
}

/* .module-panel {
	padding: 10px;
	position: relative;
	width: auto;
	height: auto;
	display: block;
}
.module-panel > h3 {
	font-size: 1.2em;
	border: none;
	outline: none;
	text-transform: uppercase;
	margin: 0;
	padding: 5px 0 0 0;	
}
.module-panel > p {
	margin: 0;
	padding: 0 0 5px 0;
	font-size: 1.1em;
} */
.module-toolbar {
	display: inline-block;
	/* margin: 0; */
	padding: 10px;
	background-color: #F1F1F1;
	width: 100%;
}
.tabpanels .module-toolbar {
	margin: 10px 0 0 0;
}
.module-toolbar.form-inline {
	margin: 0 0 10px 0;
}
.module-toolbar ul.btn-toolbar,
.module-toolbar .form-group {
	margin-bottom: 0;
}
.module-toolbar .btn-group span.label label {
	padding: 12px 5px 0 0;
	font-size: 0.9em;
	font-weight: bold !important;
	text-transform: uppercase;
	color: #555;
}
.module-dashboard-toolbar .btn {
/* 	font-family: Verdana;
	font-size: 14.5px;
	line-height: 1.6em; */
}
.module-toolbar ul.button-group li .button,
.module-toolbar ul.button-group li input,
.module-toolbar ul.button-group li select {
	margin: 0 !important;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;	
}

.module-toolbar form {
	margin: 0;
}
/* .layout-padded .module-toolbar {
	padding: 10px 10px 0 10px;
} */

#ui-datepicker-div, #ui-datepicker-header {
	background-color: #fff  !important;
	z-index: 97 !important;
	/* width: 200px !important; */
	height: auto;
	position: relative;
	border: 1px solid #bbb !important;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
.module-business-info {
	background-color: #f1f1f1;
	padding: 30px;
	margin: 0 0 30px 0 !important;
}
.module-business-info h3, .module-business-info p {
	margin: 0 0 5px 0 !important;
}
.module-business-info h3 {
	font-family: Verdana, sans-serif !important;
	font-size: 1.2em;
	/* font-weight: normal !important; */
}
.capslockWarning {
	padding: 5px !important;
	margin: 0 !important;
	color: #32516C !important;
	background-image: none !important;
	background-color: #DBE8F0 !important;
	display: inline-block;
}
.intro {
	padding: 0;
	font-size: 1.4em;
	font-weight: 200;
	color: #555;
}
.well .intro {
	padding: 0px;
	margin: 0px;
}
.row .intro {
	margin: 0px;
	padding: 15px 0;
}
fieldset .intro {
    padding: 15px;
}
.object-view-details .intro {
	padding: 0;
	margin: 0;
}
.button-help {
	margin: 25px 0 0 0;
	padding: 0 0 0 10px;
}
.tip {
	color: #32516C;
	padding: 15px;
	/* background-color: #ECF3F7; */
	background-color: #dcecf4;
}
.tip-required {
	color: #555;
	padding: 15px;
	background-color: #f5f5f5;
}
.row .tip-required {
	/* padding: 0px;
	background: none; */
}
.tip-required span {
	color: #d3080c;
}
.tip-required .fa,
.tip-required .fas,
.tip-required .far,
.tip-required .fal {
	/* display: none; */
}
.dialog-help {
	color: #fff !important;
	background: #45606C;
    -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	margin: -2px 13px 0 0;
	text-align: center;
	display: inline-block;
	position: relative;
  	
  	padding: 5px 0px 1px 0px;
	line-height: 1.15em;
	font-size: 0.7em;
	width: 25px;
	height: 25px;
	text-align: center;
}
.dialog-help .fa {
	width: 25px;
	height: 25px;
}
#login-new-users .dialog-help {
	padding: 4px 11px 3px 11px;
	font-size: 0.85em;
	line-height: 1.25em;
}
.intro .dialog-help {
    padding: 2px 9px 1px 9px;
	font-size: 1em;
	margin: 0 3px 0 0;
}
.list-content {
	list-style: none;
	padding-left: 0;
}
.list-content details {
	padding-left: 1.55em;
	padding-right: 1.55em;
}
.list-content details summary {
	font-size: 1.4em;
	font-weight: 500;
}
.list-content details:not([open]) summary {
	border: 1px solid #ddd;
}
.list-content details[open] summary {
	margin-bottom: 20px;
}
.list-content details ol {
	margin: 0 0 15px 0;
}
.list-content details ol li {
	margin: 0 0 10px 0;
}
.list-content details .warning-info {
	display: inline-block;
	position: relative;
	padding: 5px 10px;
	background-color: #fcf8e3;
	border: 1px solid #8a6d3b;
}
.list-content details ol li .warning-info {
	margin: 10px 0;
}
label .dialog-help {
	font-size: 0.85em;
	padding: 1px 7px 0px 6px;
	position: relative;
	top: -2px;
	line-height: 1.5em;
}
.module-toolbar .dialog-help {
	font-size: 15px;
	padding: 5px 0 4px 0;
	margin: 3px 10px;
}
legend .dialog-help {
	/* font-size: 0.8em;
    padding: 1px 9px 0px 9px;
    position: relative;
    top: -2px;
    line-height: 1.5em;
    margin: 0; */
    font-size: 0.8em;
	padding: 4px 0px 0px 0px;
	position: relative;
	top: -2px;
	line-height: 1.1em;
	margin: 0;
}
label.inline-label .dialog-help {
	top: 1px;
}
.form-group .dialog-help {
    font-size: 15px;
}
.dialog-help:hover, .dialog-help:focus {
	color: #fff !important;
	background: #d3080c;
}
.modal-body h3:first-child {
    margin: 10px 0 11.5px 0;
}
span.extra-input-help {
    color: #73716D;
    display: block;
    font-size: 0.85em;
}
.passwordRequirements {
	position: relative;
	display: block;
	margin: 0 0 20px 0;
	padding: 20px 8px 20px 20px;
	/* background-color: #f6f4ef; */
	background-color: #fff;
	border: 1px solid #bbb;		
/* 	border-top: 0;
	border-right: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-bottom: 1px solid #bbb;	 */	
}
.passwordRequirements ul {
	/* margin: 0; */
	padding: 0;
}
.passwordRequirements ul li {
	padding-left: 0;
	line-height: 2em;
	list-style-type: none;
	margin: 0 !important;
	/* font-size: 0.8em; */
	color: #000;
}
.passwordRequirements ul li .fa-circle-o {
	/* background: url(../images/bullet-default.png) 0 4px no-repeat; */
	color: #73716D;
}
.passwordRequirements ul li .fa-check {
	/* background: url(../images/bullet-done.png) 0 4px no-repeat; */
	color: #1ba31e;
}
.passwordRequirements ul li .fa-times {
	/* background: url(../images/bullet-notDone.png) 0 4px no-repeat; */
	color: #AA0000;
}
.passwordRequirements ul li .fa,
.passwordRequirements ul li .fas,
.passwordRequirements ul li .far,
.passwordRequirements ul li .fal {
	font-size: 1.3em;
}
label span.alert-msg {
	color: #01579B;
	font-size: 0.85em;
	padding: 3px 5px;
	background-color: #d9edf7;
}
.module-stepbar {
	padding: 0;
}
/* Step by step */
.module-stepbar .steps {
	display: block;
	margin: 0;
	width: auto;
	padding: 0;
}
@media (min-width: 726px) {
	.module-stepbar {
		padding: 20px 0;
		margin: 10px 0 0 0;
	}
	.module-stepbar .steps {
		padding: 0;
		margin: 0 auto;
	}
	.module-stepbar .steps.five {
		max-width: 50em;
	}
	.module-stepbar .steps.four {
		max-width: 40em;
	}
	.module-stepbar .steps.three {
		max-width: 30em;
	}
	.module-stepbar .steps li:last-child {
		padding-bottom: 0;
	}
}
/* @media (min-width: 766px) and (max-width: 992px) {
	ul.steps {
		padding: 20px 0;
		margin: 0 auto;
		max-width: 60em;
	}
} */
.module-stepbar .steps li {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-size: 1em;
	font-stretch: condensed;
	color: #525252;
	display: inline-block;
	float: left;
	padding: 0;
	line-height: 2.45em;
	text-transform: uppercase;
	width: 100%;
}
@media (min-width: 766px) and (max-width: 992px) {
	.module-stepbar .steps li {
		text-align: center;
		vertical-align: top;
		line-height: normal;
		padding: 0.5em;
		border-right: 1px solid #ccc;
		height: 6em;
		width: 9em;
		word-wrap: break-word;
	}
}
@media (min-width: 992px) {
	.module-stepbar .steps li {
		text-align: center;
		vertical-align: top;
		line-height: normal;
		padding: 0.5em;
		border-right: 1px solid #ccc;
		height: 6em;
		width: 10em;
	}
}
.module-stepbar .steps li:first-child {
	margin-top: 10px;
}
@media all and (min-width: 768px) {
	.module-stepbar .steps li:first-child {
		margin-top: 0;
	}
}
.module-stepbar .steps li:last-child {
	border-right: none;
}
.module-stepbar .steps li.active  {
	color: #cb4431 !important;
	font-weight: bold;
}
.module-stepbar .steps li.done {
	color: #636363;
}
.module-stepbar .steps li span.step-no {
	font-family: "Arial Black", Arial, Helvetica, sans-serif !important;
	font-size: 1.3em;
	font-weight: 600;
	font-stretch: normal;
	text-align: center;
	line-height: 0.95em;
	position: relative;
	display: block;
	float: left;
	background-color: #666;
	padding: 0.5em;
	width: 40px;
	height: 40px;
	margin: 0 8px 8px 0;
	border-radius: 5px;
	color: #fff;
	z-index: 1;
}
@media (min-width: 766px) {
	.module-stepbar .steps li span.step-no {
		margin: 0 auto 8px auto;
		float: none;
	}
}
.module-stepbar .steps li.active span.step-no {
	background-color: #cb4431;
	color: #fff;
	border-radius: 40px;
}
.module-stepbar .steps li.active span.step-no:before {
	position: absolute;
	right: 3px;
	top: 3px;
	left: 3px;
	bottom: 3px;
	content: '';
	background: #fff;
	border-radius: 40px;
	z-index: -1;
}
.module-stepbar .steps li.active span.step-no:after {
	position: absolute;
	right: 6px;
	top: 6px;
	left: 6px;
	bottom: 6px;
	content: '';
	background: #cb4431;
	border-radius: 40px;
	z-index: -1;
}
.module-stepbar .steps li.done span.step-no
/* main ul.steps li.done button span.step-no  */ {
	background-color: #f9f9f9;
	color: #636363;
	border: 1px solid #636363;
	border-radius: 40px;
}

/***********************************************
TABLE MODULE
************************************************/
.wb-tables,
.dataTables_wrapper {
	border-spacing: 0;
	border-collapse: collapse;
	clear: both;
	line-height:1em;
	/* border-left: 1px solid #ccc;
	border-right: 1px solid #ccc; */
	width: 99.9%;	
}
/* Search input */
#internal-joblist_filter {
	/* display: none; */
}
/* Standard Datatables */
.dataTables_length,
.dataTables_filter,
.dataTables_info,
.dataTables_paginate,
.dataTables_wrapper .dataTables_length {
	margin: 10px;
	font-size: 15px;
	font-size: 0.85em;
	line-height: 2.2em;
}
.dataTables_wrapper .dataTables_length {
	width: auto;
}
.dataTables_wrapper .dataTables_info {
	padding: 0;
	width: auto;
}
.dataTables_length {
	width: 190px;
	/* text-align: right; */
}
@media (min-width: 480px) {
	.dataTables_wrapper .dataTables_length {
		float: right;
	}
	.dataTables_wrapper .dataTables_info {
		float: left;
	}
}
.dataTables_length select,
.dataTables_filter input,
.dataTables_info,
.dataTables_paginate {
	/* font-size: 16px; */
	font-weight: normal;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;		
}
.dataTables_length select {
    padding-left: 9px !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    line-height: normal;
}

.dataTables_wrapper .dataTables_info,
.dataTables_length label,
.dataTables_filter label {
	/* font-size: 0.85em; */
	font-weight: normal;
	/* margin-top: 0; */
}
.dataTables_wrapper .dataTables_info:after {
	content: "";
}
.dataTables_length label, .dataTables_filter label {
	margin: 0;
}
.dataTables_wrapper .dataTables_paginate {
	text-align: right;
	padding-top: 0;
	/* font-size: 0.85em; */
}
.dataTables_wrapper .dataTables_paginate > span > span {
    padding: 5px;	
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 6px 12px;
    -webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-ms-border-radius: 0 !important;
	-o-border-radius: 0 !important;
	border-radius: 0 !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
	margin-left: 2px !important;
}
table.dataTable tbody td,
table.datalist tbody td,
table.datalist tbody th {
	border-collapse: collapse;
	font-size: 0.85em;
}
table.datalist thead,
table.datalist tfoot {
	background-color: #dbdbdb;
	/* font-size: 0.75em; */
}
table.datalist thead {
	border-top: 1px solid #ccc;
}
table.datalist tfoot {
	border-bottom: 1px solid #ccc;
}
table.datalist thead th,
table.datalist thead td,
table.datalist tfoot th,
table.datalist tfoot td {
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.75em;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 20px;
    vertical-align: middle;
    width: auto;
	border-right: none !important;
	border-left: none !important;
	border-top: 1px solid #ccc !important;
	border-bottom: 1px solid #ccc !important;
	padding: 8px 10px !important;
	line-height: normal;
	text-align: left;
}
table thead {
    background: #e1e4e7;
}
.wb-tables thead th,
.wb-tables table tfoot td,
table thead th,
table tfoot td {
	font-weight: bold;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    min-width: 20px;
    vertical-align: middle;
    width: auto;
   	padding: 2px 10px;
	text-align: left;
}
.wb-tables th:first-child {
	width: 0px;
	white-space: nowrap;
}
table thead th.align-center,
table tfoot td.align-center {
	text-align: center;
}
.wb-tables thead th,
table thead th {
	border: 1px solid #d4d4d4;
}
.wb-tables table tfoot td,
table tfoot td {
	border: 1px solid #ccc !important;
}
table.datalist thead th input[type=checkbox] {
	margin: 0 auto;
	display: block !important;
}
table.datalist thead th.sorting_disabled,
table.datalist tfoot td.sorting_disabled {
	/* width:10px !important; */
	background: #dbdbdb;
	/* padding: 0 10px !important; */
}
div.FixedHeader_Header table.datalist thead th.sorting_disabled,
div.FixedHeader_Header table.datalist tfoot td.sorting_disabled {
	/* width: 48px !important; */
	background: #dbdbdb;
	padding: 0 10px !important;
}
div.FixedHeader_Cloned.fixedHeader.FixedHeader_Header {
	display: none !important;
}
div.module-dashboard-toolbar.fixed-header > div.FixedHeader_Cloned.fixedHeader.FixedHeader_Header {
	display: block !important;
}
div.module-dashboard-toolbar.fixed-header #command-selectAll2,
div.module-dashboard-toolbar.fixed-header label.select-all-label2,
div.module-dashboard-toolbar.fixed-header #command-selectAll,
div.module-dashboard-toolbar.fixed-header label.select-all-label  {
	/* display: none !important; */
}
table.datalist tbody {
	border-bottom: 1px solid #E5E5E5 !important;
}
table.datalist tbody tr {
	/* border-top: 1px solid #fff !important; */
	/* border-bottom: 1px solid #fff !important; */
	border-top: 1px solid #eee !important;
	border-bottom: 1px solid #eee !important;
}
table.datalist tbody th {
	font-weight: 500;
}
table.datalist tbody td,
table.datalist tbody th {
	vertical-align: middle;
	padding: 8px 10px;
	margin: 0 !important;
	line-height: 1.3em;
	/* position: relative; */
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #E5E5E5;	
	border-top: 0px;
}
table.dataTable > tbody > tr.child ul li:last-child {
    padding: 0;
}
table.datalist td label.datalabel {
	padding: 8px 15px 8px 8px;
	margin: 0 !important;
	min-height: 32px;
	cursor: pointer;
}
table.datalist td.details {

}
table.datalist td.details button.command-jobopen {
	margin: 10px !important;
}
/* Column Classes */
table.datalist td.align-center {
	padding: 10px !important;
	text-align: center;
}
table.datalist td.object-match {
	/* vertical-align: top !important; */
	/* padding: 8px 10px !important; */
}
table.datalist td.object-nowrap {
	white-space: nowrap;
}
table.datalist td.check-align-center {
	padding: 8px !important;
	/* width: 26px !important; */
}
table.datalist th.fixwidth-25,
table.datalist td.fixwidth-25 {
 	padding: 0 10px !important;
	text-align: center;
	width: 10px !important;
}
table.datalist tbody tr.odd,
table.datalist > tbody > tr:nth-child(2n+1) {
	/* background-color: #f6f4ef; */
	background-color: #f5f5f5;
}
table.dataTable tbody tr.even td.sorting_1,
table.dataTable tbody tr.even th.sorting_1,
table.datalist > tbody > tr td.sorting_1, 
table.datalist > tbody > tr th.sorting_1 {
	/* background-color: #f0eded; */
	background-color: #f3f3f3;
}
table.datalist tbody tr.odd td.sorting_1,
table.datalist tbody tr.odd th.sorting_1,
table.datalist > tbody > tr:nth-child(2n+1) td.sorting_1, 
table.datalist > tbody > tr:nth-child(2n+1) th.sorting_1 {
	/* background-color: #e3ddcf; */
	background-color: #e7e7e7;
}
/* table.datalist tbody tr td.sorting_1 {
	background-color: #E9E9E9;
	background-color: #e7e7e7;
} */
table.datalist tbody td.sorting_1 {
	border-right: none;
	border-left: none;
}
table.datalist thead th.sorting_asc,
table.datalist thead th.sorting_desc,
table.datalist tfoot td.sorting_asc,
table.datalist tfoot td.sorting_desc {
	background-color: #cbcbcb;
}
table.wb-tables.dataTable thead .sorting_asc,
table.wb-tables.dataTable thead .sorting_desc,
table.table thead .sorting,
table.table thead .sorting_asc,
table.table thead .sorting_desc {
    /* background: none !important; */
}
/* Display Details */
div.innerDetails {
	display: none;
	width: 100%;
}
table.entry-details { 
	margin: 10px;	
	width: auto;
}
table.entry-details tbody td {
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;	
	border: none;
	padding: 10px 10px 0 0;
	vertical-align: top;
	line-height: 1.5em;	
    width: auto;
	white-space: normal;   
}
table.entry-details td.ed-label {
	font-weight: bold;
	text-align: right;
	width: 10%;
}
table.entry-details td.ed-value {
	width: 70%;
}
table.entry-details td label.datalabel {
	padding: 0;
    width: auto;	
	white-space: normal;

}
table.entry-details td label.datalabel span.attribute_label {
	margin: 0 0 0 10px;
	font-weight: bold;
}
table.entry-details td label.datalabel span.attribute_value {
	margin: 0 10px 0 0;
}

/* Selected Row Highlights */
table.datalist tbody tr.row_selected,
table.datalist tbody tr.row_selected,
table.datalist tbody tr.row_selected td.sorting_1,
table.datalist tbody tr.row_selected td.sorting_2,
table.datalist tbody tr.row_selected td.sorting_3 {
	background-color: #FFFFCC;
	/* border-top: 1px solid #e5e5e5 !important;
	border-bottom: 1px solid #e5e5e5 !important; */
}
/* Row Highlights */
table tbody tr.highlighted,
table.datalist tbody tr:hover,
table.datalist tbody tr td.highlighted {
	background-color: #E6FF99;
	cursor: pointer;
}
table.datalist tr.even:hover td.sorting_1,
table.datalist > tbody > tr:hover td.sorting_1, 
table.datalist > tbody > tr:hover th.sorting_1 {
	background-color: #D6FF5C;
}
table.datalist tr.even:hover td.sorting_2 {
	background-color: #E6FF99;
}
table.datalist tr.even:hover td.sorting_3 {
	background-color: #E6FF99;
}
table.datalist tr.odd:hover td.sorting_1,
table.datalist > tbody > tr:nth-child(2n+1):hover td.sorting_1,
table.datalist > tbody > tr:nth-child(2n+1):hover th.sorting_1 {
	background-color: #D6FF5C;
}
table.datalist tr.odd:hover td.sorting_2 {
	background-color: #E6FF99;
}
table.datalist tr.odd:hover td.sorting_3 {
	background-color: #D6FF5C;
}
table.width-100 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
table.width-100 tfoot tr td {
	color: #666 !important;
	font-weight: bold !important;
	text-align: center !important;
}
.module-user-history table td {
    font-size: 0.85em;
}
.module-user-history .dataTables_wrapper .dataTables_paginate {
    float: left;
    text-align: left;
    font-size: 0.85em;
    margin: 0;
}
@media screen and (max-width: 991px) {
	.module-user-history .dataTables_wrapper .dataTables_paginate {
		margin: 0 10px;
	}
}
.module-user-history .dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 2px 5px;
}
.wb-tabs [role="tablist"] {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.dataTables_processing {
	z-index:99;
	color: #555 !important;
	font-size: 1.5em !important;
	font-weight: bold !important;
	padding:20px 20px 35px 20px !important;
	border: 1px solid #ccc;
	top:50% !important;
	left:50% !important;
	opacity: 0.9 !important;
}
/* Fix Comparison Input */
.wb-tabs>.tabpanels, .wb-tabs [role=tabpanel] {
    overflow: visible;
    height: 100%;
	z-index: 97;
}
.wb-tabs > .tabpanels > details {
	padding: 15px;
}
.wb-tabs > .tabpanels > details > .tgl-panel {
	margin: 0;
	overflow: visible;
}
@media screen and (max-width: 991px) {
	.wb-tabs {
		display: block !important;
		margin-bottom: 15px !important;
	}
	.wb-tabs > .tabpanels > details {
		padding: 6px 12px;
		border: 0 !important;
	}
	.wb-tabs > .tabpanels > details > .tgl-panel {
		margin: 0 10px;
	}
}
.wb-tabs > .tabpanels summary {
    /* padding: 10px 5px !important;
    margin: 0 !important; */
    border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
/* Custom Checkbox and Radio Form Controls */
main div > span > input[type=checkbox],
main div [class*=checkbox] > input[type=checkbox],
main div [class*=radio] > input[type=radio] {
	padding: 0 !important;
	margin: 0;
	float: left;
	position: absolute;
	z-index: 1;
	top: 3px;
	left: 1px;
	border: 0 solid !important;
	outline: none;
}
main dt > [class*=checkbox] > input[type=checkbox] {
	left: -14px;
	top: 1px;	
}
main div > span.form-control-show > input[type=checkbox] {
	top: 10px;
	left: 2px;
}
div > span > input[type=checkbox],
div:not(#foo) [class*=checkbox] > input[type=checkbox],
div:not(#foo) [class*=radio] > input[type=radio] {
	padding: 0;
	margin: 0 0 0 4px;
	border: 0 solid !important;
	/* width: 10px;
	height: 10px; */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	div > span > input[type=checkbox],
	div:not(#foo) [class*=checkbox] > input[type=checkbox],
	div:not(#foo) [class*=radio] > input[type=radio] {
		width: auto !important;
		height: auto !important;
	}
}

main tr > td.align-center > input[type=checkbox],
main tr > th.sorting_disabled > input[type=checkbox] {
	padding: 0 !important;
	margin: 0 0 0 -10px !important;
	height: 15px;
	width: 14px;
	position: relative;
	left: -1px;
	top: 19px;
	z-index: 97;
	box-sizing: content-box !important;
	border: none !important;
}

div > span > input + label,
div > input + label,
div > input + label + label,
span > span > input + label,
span > input + label,
span > input + label + label  {
	line-height: 17px;
	padding: 0 0 0 25px !important;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-webkit-transition: color 1s ease;
	transition: color 1s ease;
/* 	margin-bottom: 25px; */
	vertical-align: baseline !important;
	z-index: 97;	
}
tr > td.align-center > input + label,
tr > th.sorting_disabled > input + label  {
	line-height: 17px;
	padding: 0 0 0 20px;
	-moz-transition: color 1s ease;
	-o-transition: color 1s ease;
	-webkit-transition: color 1s ease;
	transition: color 1s ease;
	width: 0;
	display: block;
	z-index: 97;	
}
div > input:hover + label,
p:not(#foo) > input:focus + label,
div > input + label:hover,
p:not(#foo) > input:focus + label {
	color: #295376;
	cursor: pointer;
}

/*div:not(#foo) > input + label,*/ /*This CSS was creating an unwanted checkbox on the project edit page.*/
div:not(#foo) > input.valid + label + label,
span:not(#foo) > input + label,
span:not(#foo) > input.valid + label + label {
	background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white.png) 0 -2px no-repeat;
	background-size: 20px auto;
	height: 17px;
	min-height: 17px;
	white-space: normal;
	z-index: 97;
	position: relative;
	line-height: 1.25em;
}

div > span > input + label,
/*div:not(#foo) > input + label.checkbox-outline,*/
dt:not(#foo) div > input + label,
tr:not(#foo) > td.align-center > input + label,
tr:not(#foo) > td.check-align-center > input + label,
tr:not(#foo) > th.sorting_disabled > input + label {
	background: url(../images/gr_custom-inputs.png) 0 -1px no-repeat;
	background-size: 20px auto;
	height: 18px;
	white-space:normal;
	z-index: 97;
	position: relative;
	margin: 0 10px 17px 0;
	/* display: block; */
}
tr:not(#foo) > th.sorting_disabled > input + label {
	margin: 0 10px 10px 0;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	div:not(#foo) > input + label,
	div:not(#foo) > input.valid + label + label {
		background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white@2x.png) 0 -2px no-repeat;
		background-size: 20px auto;
		height: 17px;
		min-height: 17px;
	}
	div > span > input + label,
	/* div:not(#foo) > input + label.checkbox-outline, */
	dt:not(#foo) div > input + label,
	tr:not(#foo) > td.align-center > input + label,
	tr:not(#foo) > td.check-align-center > input + label,
	tr:not(#foo) > th.sorting_disabled > input + label {
		background: url(../images/gr_custom-inputs@2x.png) 0 -1px no-repeat;
		background-size: 20px auto;
		height: 18px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx) {
	div:not(#foo) > input + label,
	div:not(#foo) > input.valid + label + label {
		background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white@3x.png) 0 -2px no-repeat;
		background-size: 20px auto;
		height: 17px;
		min-height: 17px;
	}
	div > span > input + label,
	/* div:not(#foo) > input + label.checkbox-outline, */
	dt:not(#foo) div > input + label,
	tr:not(#foo) > td.align-center > input + label,
	tr:not(#foo) > td.check-align-center > input + label,
	tr:not(#foo) > th.sorting_disabled > input + label {
		background: url(../images/gr_custom-inputs@3x.png) 0 -1px no-repeat;
		background-size: 20px auto;
		height: 18px;
	}
}
dt:not(#foo) div > input + label,
tr:not(#foo) > td.check-align-center.check-var > input + label {
	/* position: absolute;
	left: 4px; */
	width: 20px;
	margin: 0 0 0 -15px;
}
tr > th.sorting_disabled > input + label.select-all-label {
	margin: 0;
	height: 17px;
	white-space:normal;
	z-index: 97;
	position: relative;	
}
div:not(#foo) > input[type=hidden] + label,
div:not(#foo) > input[type=tel] + label { background: none;	}
div:not(#foo) [class*=radio] > input[type=radio] + label									{ background-position: 0 -161px; }

/* Checked styles */
div:not(#foo) [class*=radio] > input[type=radio]:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:checked + label { background-position: 0 -241px; }

div > span > input[type=checkbox]:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:checked + label,
span:not(#foo) [class*=checkbox] > input[type=checkbox]:checked + label,
span:not(#foo) > input[type=checkbox]:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox].valid:checked + label + label,
span:not(#foo) [class*=checkbox] > input[type=checkbox].valid:checked + label + label,
span:not(#foo) > input[type=checkbox].valid:checked + label + label,
dt:not(#foo) div > input[type=checkbox]:checked + label {
	background-position: 0 -82px;
}
tr:not(#foo) > td.align-center > input[type=checkbox]:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:checked + label {
	background-position: 0 -81px;
}
span:not(#foo) > input[type=checkbox]:hover:checked + label,
span:not(#foo) > input[type=checkbox]:focus:checked + label,
span:not(#foo) > input[type=checkbox]:checked + label:hover,
span:not(#foo) > input[type=checkbox]:focus:checked + label,

div > span > input[type=checkbox]:hover:checked + label,
div > span > input[type=checkbox]:focus:checked + label,
div > span > input[type=checkbox]:checked + label:hover,
div > span > input[type=checkbox]:focus:checked + label,

div:not(#foo) [class*=checkbox] > input[type=checkbox]:hover:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:focus:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:checked + label:hover,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:focus:checked + label,

dt:not(#foo) div > input[type=checkbox]:hover:checked + label,
dt:not(#foo) div > input[type=checkbox]:focus:checked + label,
dt:not(#foo) div > input[type=checkbox]:checked + label:hover,
dt:not(#foo) div > input[type=checkbox]:focus:checked + label {
	background-position: 0 -102px;
}

tr:not(#foo) > td.align-center > input[type=checkbox]:hover:checked + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:focus:checked + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:checked + label:hover,
tr:not(#foo) > td.align-center > input[type=checkbox]:focus:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:hover:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:focus:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:checked + label:hover,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:focus:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:hover:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:focus:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:checked + label:hover,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:focus:checked + label {
	background-position: 0 -101px;
}

div:not(#foo) [class*=radio] > input[type=radio]:hover:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:focus:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:checked + label:hover,
div:not(#foo) [class*=radio] > input[type=radio]:focus:checked + label {
	background-position: 0 -261px;
}

/* Hover & Focus styles */
span:not(#foo) > input[type=checkbox]:hover + label,
span:not(#foo) > input[type=checkbox]:focus + label,
span:not(#foo) > input[type=checkbox] + label:hover,
span:not(#foo) > input[type=checkbox]:focus + label,
div > span > input[type=checkbox]:hover + label,
div > span > input[type=checkbox]:focus + label,
div > span > input[type=checkbox] + label:hover,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:hover + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:focus + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox] + label:hover,

dt:not(#foo) div > input[type=checkbox]:hover + label,
dt:not(#foo) div > input[type=checkbox]:focus + label,
dt:not(#foo) div > input[type=checkbox] + label:hover {
	background-position: 0 -22px;
}

tr:not(#foo) > td.align-center > input[type=checkbox]:hover + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:focus + label,
tr:not(#foo) > td.align-center > input[type=checkbox] + label:hover,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:hover + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:focus + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox] + label:hover,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:hover + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:focus + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox] + label:hover {
	background-position: 0 -21px;
}

div:not(#foo) [class*=radio] > input[type=radio]:hover + label,
div:not(#foo) [class*=radio] > input[type=radio]:focus + label,
div:not(#foo) [class*=radio] > input[type=radio] + label:hover								{ background-position: 0 -181px; }

/* Active styles */
div > span > input[type=checkbox]:active + label,
div > span > input[type=checkbox]:checked + label:hover:active,

div:not(#foo) [class*=checkbox] > input[type=checkbox]:active + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox] + label:hover:active,

dt:not(#foo) div > input[type=checkbox]:active + label,
dt:not(#foo) div > input[type=checkbox] + label:hover:active  {
	background-position: 0 -42px;
}

tr:not(#foo) > td.align-center > input[type=checkbox]:active + label,
tr:not(#foo) > td.align-center > input[type=checkbox] + label:hover:active,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:active + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox] + label:hover:active,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:active + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox] + label:hover:active {
	background-position: 0 -41px;
}

div:not(#foo) [class*=radio] > input[type=radio]:active + label,
div:not(#foo) [class*=radio] > input[type=radio] + label:hover:active						{ background-position: 0 -201px; }

div > span > input[type=checkbox]:active:checked + label,
div > span > input[type=checkbox]:active + label:hover:active,

div:not(#foo) [class*=checkbox] > input[type=checkbox]:active:checked + label,
div [class*=checkbox] > input[type=checkbox]:checked + label:hover:active,

dt:not(#foo) div > input[type=checkbox]:active:checked + label,
dt:not(#foo) div > input[type=checkbox]:checked + label:hover:active  {
	background-position: 0 -122px;
}

tr:not(#foo) > td.align-center > input[type=checkbox]:active:checked + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:checked + label:hover:active,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:active:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:checked + label:hover:active,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:active:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:checked + label:hover:active {
	background-position: 0 -121px;
}

div:not(#foo) [class*=radio] > input[type=radio]:active:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:checked + label:hover:active				{ background-position: 0 -281px; }

/* Disabled styles */

div:not(#foo) [class*=checkbox] > input[type=checkbox]:disabled + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:hover:disabled + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:focus:disabled + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:disabled + label:hover,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:disabled + label:hover:active,

dt:not(#foo) div > input[type=checkbox]:disabled + label,
dt:not(#foo) div > input[type=checkbox]:hover:disabled + label,
dt:not(#foo) div > input[type=checkbox]:focus:disabled + label,
dt:not(#foo) div > input[type=checkbox]:disabled + label:hover,
dt:not(#foo) div > input[type=checkbox]:disabled + label:hover:active  {
	background-position: 0 -61px; cursor: not-allowed;
}

tr:not(#foo) > td.align-center > input[type=checkbox]:disabled + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:hover:disabled + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:focus:disabled + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:disabled + label:hover,
tr:not(#foo) > td.align-center > input[type=checkbox]:disabled + label:hover:active,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:disabled + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:hover:disabled + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:focus:disabled + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:disabled + label:hover,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:disabled + label:hover:active,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:disabled + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:hover:disabled + label,
tr:not(#foo) > td.check-align-center> input[type=checkbox]:focus:disabled + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:disabled + label:hover,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:disabled + label:hover:active {
	background-position: 0 -60px; cursor: not-allowed;
}

div:not(#foo) [class*=radio] > input[type=radio]:disabled + label,
div:not(#foo) [class*=radio] > input[type=radio]:hover:disabled + label,
div:not(#foo) [class*=radio] > input[type=radio]:focus:disabled + label,
div:not(#foo) [class*=radio] > input[type=radio]:disabled + label:hover,
div:not(#foo) [class*=radio] > input[type=radio]:disabled + label:hover:active {
	background-position: 0 -221px;
}

div:not(#foo) [class*=checkbox] > input[type=checkbox]:disabled:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:hover:disabled:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:focus:disabled:checked + label,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:disabled:checked + label:hover,
div:not(#foo) [class*=checkbox] > input[type=checkbox]:disabled:checked + label:hover:active,

dt:not(#foo) div > input[type=checkbox]:disabled:checked + label,
dt:not(#foo) div > input[type=checkbox]:hover:disabled:checked + label,
dt:not(#foo) div > input[type=checkbox]:focus:disabled:checked + label,
dt:not(#foo) div > input[type=checkbox]:disabled:checked + label:hover,
dt:not(#foo) div > input[type=checkbox]:disabled:checked + label:hover:active  {
	background-position: 0 -141px;
}

tr:not(#foo) > td.align-center > input[type=checkbox]:disabled:checked + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:hover:disabled:checked + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:focus:disabled:checked + label,
tr:not(#foo) > td.align-center > input[type=checkbox]:disabled:checked + label:hover,
tr:not(#foo) > td.align-center > input[type=checkbox]:disabled:checked + label:hover:active,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:disabled:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:hover:disabled:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:focus:disabled:checked + label,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:disabled:checked + label:hover,
tr:not(#foo) > th.sorting_disabled > input[type=checkbox]:disabled:checked + label:hover:active,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:disabled:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:hover:disabled:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:focus:disabled:checked + label,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:disabled:checked + label:hover,
tr:not(#foo) > td.check-align-center > input[type=checkbox]:disabled:checked + label:hover:active {
	background-position: 0 -140px;
}

div:not(#foo) [class*=radio] > input[type=radio]:disabled:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:hover:disabled:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:focus:disabled:checked + label,
div:not(#foo) [class*=radio] > input[type=radio]:disabled:checked + label:hover,
div:not(#foo) [class*=radio] > input[type=radio]:disabled:checked + label:hover:active {
	background-position: 0 -301px;
}

/***********************************************
JOB BANK PRODUCT BRANDING
************************************************/
.has-show {
	position: relative;
}
.has-show .form-control {
	/* padding-right: 75px; */
}
.form-inv-group {
	padding-right: 0;
}
.form-control-show {
	position: absolute;
	top: -7px;
	float: right;
	right: 0;
	z-index: 2;
	display: block;
	width: auto;
	/* height: 37px; */
	line-height: 37px;
	text-align: center;
	margin: 0 0 10px 0;
}

.form-control-show label {
	font-weight: 300;
	padding-left: 5px;
}
.capslockWarning {
	padding: 5px !important;
	margin: 0 !important;
	color: #32516C !important;
	background-image: none !important;
	background-color: #DBE8F0 !important;
	display: inline-block;
}
.object-product-branding {
	
	width: 274px !important;
	height: 224px !important;
	display:block;
}
.seekerLogo {
	background: none;
}
.employerLogo {
	background: none;
}
@media (min-width: 992px) {
	.seekerLogo {
		background: url('../images/logo-default-seeker.png') no-repeat;
	}
	.employerLogo {
		background: url('../images/logo-default-employer.png') no-repeat;
	}
}
/*** Wizard Steps ***/
.object-feature-icon {
	position: absolute;
	right: 0;
	width: 248px;
	height: 204px;
	display:block;
}
div.IndividualAccountStep1,
div.IndividualAccountStep2,
div.IndividualAccountStep3,
div.IndividualAccountStep4,
div.BusinessAccountStep1,
div.BusinessAccountStep2,
div.BusinessAccountStep3 {
	background: none;
}
@media (min-width: 992px) {
	div.IndividualAccountStep1 {
		background: url('../images/feature-icon-adduser.png') no-repeat top right;
	}
	div.IndividualAccountStep2 {
		background: url('../images/feature-icon-emailverify.png') no-repeat top right;
	}
	div.IndividualAccountStep3 {
		background: url('../images/feature-icon-jobseeker.png') no-repeat top right;
	}
	div.IndividualAccountStep4 {
		background: url('../images/feature-icon-jobseeker.png') no-repeat top right;
	}
	div.BusinessAccountStep1 {
		background: url('../images/feature-icon-adduser.png') no-repeat top right;
	}
	div.BusinessAccountStep2 {
		background: url('../images/feature-icon-adduser.png') no-repeat top right;
	}
	div.BusinessAccountStep3 {
		background: url('../images/feature-icon-emailverify.png') no-repeat top right;
	}
	div.BusinessAccountStep4 {
		background: url('../images/feature-icon-jobseeker.png') no-repeat top right;
	}
}
/* End of star rating classes for Job Match */
span.check-mark, span.viewcheck { 
	background: url("../images/16px/checkmark-circle.png") center no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	margin-left: 1em;
}

span.viewcheck-empty { 
	background: url("../images/16px/checkmark-circle-empty.png") center no-repeat;
	height: 16px;
	width: 16px;
	display: block;
	margin-left: 1em;	
}


main input.details-control { 
	background-image: url("../images/details_open.png");
    background-position: center;
    background-repeat: no-repeat;
	/* padding-left: 15px; padding-right: 10px;
	padding-top: 0px;	padding-bottom: 0px; */
	padding: 1em !important;
	height: 5px;
	background-color: transparent !important;	
	border: none !important;	
}

main input.details-control-open { 
	background-image: url("../images/details_close.png");
    background-position: center;
    background-repeat: no-repeat;
	padding-left: 15px; padding-right: 10px;
	padding-top: 10px;	padding-bottom: 10px;
	background-color: transparent !important;	
	border: none !important;	
}
/* Print Job */
main.print {
	padding: 0 !important;
}
main.print {
	font-size: 80% !important;
}
main.print .object-id {
	z-index: 9;
	background: #fff;
}
main.print .object-view-details h2 {
	font-size: 1.5em !important;
    line-height: 2em;
}
main.print .object-view-details h2 .objectStatus {
    background-color: #E4E4E4;
}
main.print h3 {
	font-size: 1.1em !important;
	margin: 15px 0 10px 0;
}
main.print h4 {
	font-size: 1em !important;
	margin: 0 0 10px 0;
}
main.print .col-md-4 {
	width: 40% !important;
	float: left !important;
}

main.print .col-md-8 {
	width: 60% !important;
	float: right !important;
}
main.print div.object-view-details ul {
    padding: 0 0 10px 0;
}
main.print dt {
    color: #656565 !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-weight: normal;
    margin: 0;
}
main.print dd {
	margin-bottom: 10px;
}
main.print .print-bar {
	display: none;
}
main.print .object-view-header {
    border-top: none;
}
/*** Typeahead ***/
.twitter-typeahead {
	width: 100%;
	margin-right:10px;
	/* float: left; */
	display: inline-block !important;
}
.twitter-typeahead .tt-input {
	color: #555;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
    height: 37px;
    line-height: normal;
    width: 100%;
    background: #fff !important;
}
.twitter-typeahead .tt-hint {
  	color: #999;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
    height: 37px;	
    line-height: normal;
    width: 100%;
}
.twitter-typeahead .tt-menu {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #fff;
	border: 1px solid #ccc;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	overflow-y: scroll;
	max-height: 207px;
	min-height: 57px;
	height: auto;
}
.twitter-typeahead .tt-suggestion {
	font-size: 1em;
    padding: 10px 10px 10px 10px;
	margin: 0;
}
.twitter-typeahead:first-letter,
.twitter-typeahead .tt-suggestion:first-letter,
.twitter-typeahead .tt-input:first-letter,
.twitter-typeahead .tt-hint:first-letter {
    /* text-transform: capitalize; */
}
.twitter-typeahead .tt-suggestion.tt-cursor {
	color: #fff;
	background-color: #0097cf;
	cursor: pointer;
}
.twitter-typeahead .tt-suggestion p {
	margin: 0;
}
.twitter-typeahead .tt-suggestion + .tt-suggestion {
	border-top: 1px dotted #ccc;
}
.twitter-typeahead .tt-suggestion .noc {
    margin-left: 8px;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    color: #5D5E6A;
    padding: 2px 3px 1px 3px;
    font-size: 0.85em;
    line-height: normal;
    display: inline-block;
}
.twitter-typeahead .tt-suggestion:hover .noc {
    background-color: #5D5E6A;
    border: 1px solid #5D5E6A;
    color: #fff;
}

.tt-dropdown-menu {
	width: 100%;
	padding: 5px;
	/* margin: 37px 0 0 0; */
	background-color: #fff;
	border: 1px solid #ccc;
}
ul.objectSelectedItem {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}
ul.objectSelectedItem li {
	padding: 0 0 10px 0 !important;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #ddd;
	width: 100%;
}
	ul.objectSelectedItem li span.ajs {
		padding: 0 5px 0 30px !important;
		display: inline-block;
		position: relative;
		background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white.png) 0 -1px no-repeat;
		background-position: 0 -81px;
		height: 17px;
		width: 100%;
	}
ul.objectSelectedItem li span.ajs button {
	position: absolute;
	right: -10px;
	top: 0;
}
.object-selectedItem {
	padding: 0 0 6px 0 !important;
	border-bottom: 1px solid #ddd;
	margin: 0 10px 10px 0;
}

 button:focus { outline: thin dotted; }
 
 /*  for the login page Useful Links container  */
.margin-top1em  { margin-top: 1em !important }
.margin-right1em  { margin-top: 1em !important }
.margin-top2em  { margin-top: 2em !important }
.margin-left8em  { margin-left: 8em !important }
.margin-left-none  { margin-left: 0px !important }
.margin-bottom1em  { margin-bottom: 1em !important }
.margin-bottom2em  { margin-bottom: 2em !important }

.width100  { width: 100% !important }

#login-useful-links  { width: 100%; font-size: 0.8em; margin-top: 1em; display: block; }

/* for the new login page  */
#sign-in-button  { width: 40%; margin-left: 4em; margin-top: 3em; }
	
div#logo-container  { height: 230px; float: left !important; }
div#logo-container-employer  { float: left !important; }
/* div#welcome-existing-users  { width: 100%; background-color: #e9eff4; border: 1px solid; border-color: #ccc; border-radius: 5px; } */
/* div#login-new-users  { width: 100%; border: 1px solid; border-color: #ccc; border-radius: 5px; margin-top: 1em; padding: 0.5em; } */
div#welcome-loginFormContainer  { width: 80%; margin: 0px auto; }

.small-heading  { font-size: 1em; margin-top: 2em; }
div#welcome-fgtpwd  { width: 50%; float: left !important; text-align: left !important; margin-left: 1em; }
div#welcome-fgtpwd a { font-size: 0.8em; }
div#welcome-signin { width: 50%; margin: 0px auto; }
div#existing-users-message  { text-align: right; }
div#welcome-signin-email, div#welcome-signin-pwd  { text-align: left; } 
div#welcome-signin-email  label, div#welcome-signin-pwd label  { font-size: 0.8em; }
#welcome-signin-btn  { font-size: 0.8em; font-weight: bold; margin-top: 2em; }
#loginForm\:input-external-password  { float: right !important; }
.margin-none  { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; }
ul#useful-links a  { font-size: 0.8em; }
ul#useful-links a:hover  { color: #284162 }

label.error-label,
label.control-label {
	display: inline !important;
	line-height: 1.5em;
	margin: 0;
}
.module-toolbar label.input-sm {
	padding: 6px 10px;
}
label.control-label span.error {
	margin: 0 0 10px 0;
}
td label.control-label span.error {
	margin: 0;
}

.featured-services-icon {
	
}
#login-new-users .featured-services-icon {
	/* float: none; */
	display: none;
	padding: 0;
	text-align: center;
	/* margin: 0 0 20px 0; */
	margin-top: -10px;
	height: auto;
}
@media all and (min-width: 768px) {
	#login-new-users .featured-services-icon {
		float: left;
		display: block;
		/* margin: -2px 30px 0 0; */
		margin-right: 20px;
	}
}
@media all and (min-width: 992px) {
	#login-new-users .featured-services-icon {
		margin-right: 40px;
	}
}
@media all and (min-width: 1200px) {
	#login-new-users .featured-services-icon {
		margin-right: 30px;
	}
}
.featured-services-icon .fa,
.featured-services-icon .fas,
.featured-services-icon .far,
.featured-services-icon .fal {
	border-radius: 50%;
	color: #fff;
	width: 2.2em;
	line-height: 2em;
	font-size: 3.5em;
	height: 2.2em;
	text-align: center;
	margin: 0;
	border: 7px solid;
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}
.featured-services-icon {
	padding: 50px 40px 0 40px;
	background: #fff;
	text-align: center;
}
.services-employers.featured-services-icon  {
	color: #AB1F1F;
}
.services-employers.featured-services-icon .fa,
.services-employers.featured-services-icon .fas,
.services-employers.featured-services-icon .far,
.services-employers.featured-services-icon .fal {
	background: #a03a3a;
	border-color: #e7cece;	
}
.services-jobsearch.featured-services-icon  {
	color: #2265aa;
}
.services-jobsearch.featured-services-icon .fa,
.services-jobsearch.featured-services-icon .fas,
.services-jobsearch.featured-services-icon .far,
.services-jobsearch.featured-services-icon .fal {
	background: #2265aa;
	border-color: #c0dee6;	
}
.services-jobmatch.featured-services-icon  {
	color: #2265aa;
}
.services-jobmatch.featured-services-icon .fa,
.services-jobmatch.featured-services-icon .fas,
.services-jobmatch.featured-services-icon .far,
.services-jobmatch.featured-services-icon .fal {
	background: #2265aa;
	border-color: #c0dee6;	
}
#welcome-existing-users {
	/* background-color: #F5F5F5; */
	margin: 0 0 20px 0;
	/* padding: 20px 20px 15px 30px;
	border: 1px solid #ccc;
	border-radius: 10px; */
}
#welcome-existing-users .reset-link a,
#welcome-existing-users .reset-link a:visited {
	/* padding: 0 0 0 13px; */
	/* text-decoration: none; */
	color: #284162;
}
#welcome-existing-users h2 {
	margin: 0 0 10px 0;
	display: inline-block;
}
#welcome-existing-users .input-group-addon {
	border-radius: 0;
}
#loginForm fieldset {
	margin: 0;
}
#loginForm button.object-signin {
	padding-left: 35px;
	padding-right: 35px;
}
#login-new-users {
	/* margin: 20px 0 0 0; */
}
#login-new-users h2,
#login-new-users h3 {
	margin-top: 0;
	margin-bottom: 11.5px !important;
}
#login-new-users .intro {
	padding: 0;
	background-color: #f9f9f9;
}
#login-new-users ul.fa-ul {
	padding: 0;
}
#login-new-users ul.fa-ul li {
	padding: 0 0 10px 0;
	list-style-type: none;
}
#login-new-users ul.fa-ul li .fa,
#login-new-users ul.fa-ul li .fas,
#login-new-users ul.fa-ul li .far,
#login-new-users ul.fa-ul li .fal {
	/* Default */
	color: #2265aa;
}
div#experience-list table.datalist tr:hover {
	cursor: default !important; 
}
@media all and (min-width: 768px) {
	.featured-services-icon {
		text-align: center;
	}
	#login-new-users ul.fa-ul {
		padding: 0 0 0 125px;
	}
}
@media all and (min-width: 992px) {
	.featured-services-icon {
		padding: 50px 0 0 40px;
	}
	#loginForm .col-md-2, 
	#loginForm .col-md-3, 
	#loginForm .col-md-4, 
	#loginForm .col-md-5,
	#loginForm .col-md-8, 
	#loginForm p {
		padding-left: 0 !important;
	}
	#login-new-users ul.fa-ul {
		padding: 0;
		font-size: 1.3em;
		font-weight: 200;
		letter-spacing: -0.01em;
		color: #555;
	}
}
#login-new-users .btn-cta,
#login-new-users .btn-cta:visited {
	text-decoration: none;
	font-weight: 500;
	padding: 10px 10px 8px 10px;
	border-radius: 35px;
	letter-spacing: 0.01em;
	text-transform: uppercase;
	display: inline-block;
	line-height: 1em;
	width: 100%;
	text-align: center;
	font-size: 1.25em;
	
	/* Default */
	background: #2265aa;
	border: 2px solid #2265aa;
	color: #fff;
}
#login-new-users .btn-cta:hover {
	text-decoration: none;
	
	/* Default */
	background: #fff;
	color: #2265aa;
}
.help-image-description img {
	padding: 0 5px;
	position: relative;
	top: -1px;
}
.help-image-description .tip {
	padding: 0 5px 0 0;
	font-weight: bold;
	background: none;
	text-transform: uppercase;
}
.help-image-description .fa,
.help-image-description .fas,
.help-image-description .far,
.help-image-description .fal {
	color: #32516C;
}

table#matchlist-panel td.matchcode-column { padding-top: 0.8em !important; }

table#matchlist-panel td.control input.details-control  { margin-top: 0.5em !important;  }

table#matchlist-panel td.view-column span.match-list-margin, table#matchlist-panel td.invited-column span.match-list-margin  { font-size: 1.1em !important;  }

table#matchlist-panel  th  { text-align: center !important; }

div#matchlist-panel_paginate  { /* float: right; margin-right: 6em; */ display: none; }

td.archived-record {
	background: #FF9999;
}
.prov-brand a img {
	max-width: 555px;
	max-height: 50px;
	margin: 0;
}
@media (max-width: 480px) {	
	.prov-brand a img {
	
	}
}
@media (min-width: 768px) {
	.prov-brand a img {
		float: right;
	}
}
.jb-canada-icon {
	width: 19px;
	height: 19px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: text-top;	
	background: url('../images/canada_icon.png') 0 -1px no-repeat;
}
.mce-content-body {
	padding: 10px;
}

span.user-employer-archived {
	border: 1px solid #D32F2F !important;
	background-color: #FFEBEE;
	font-weight: bold;
	color: #D50000;
}

p.bold-text  { font-wieght: 600 !important; }


.star-rating-unavailable {
	font-size: 0.7em;
	padding-left: 10px;
	text-transform: uppercase;
}




/*
Surveys
*/
p.surveyquestion-pretext {
	margin-top: 2em;
	margin-bottom: .5em;
	font-weight: normal;
}

p.surveyquestion-text, label.surveyquestion-text {
	margin-top: 2em;
	margin-bottom: .5em;
	border-bottom: 5px solid #ddd;
	width: 100%;
}
legend.surveyquestion-text .error {
	display: block;
}

span.surveyerror {
	display: block !important; 
}

p.surveyquestion-posttext {
	margin-top: 0em;
	margin-bottom: 2em;
	font-weight: normal;
}
 
textarea.surveyanswer-textarea {
	margin-top: .5em;
	margin-bottom: 1em;
	width: 70%;
	/* margin-left: 30px;
	 */
}

textarea.surveyanswer-textarea-solelymoreinfo {
	margin-top: .5em;
	margin-bottom: 1em;
	/* margin-left: 0px;
	width: 70%; */
}

div.survey-radio {
	width: 100%;
	float:left; 
	margin-left: 1em; 
	margin-top: .1em;
}

p.survey-info {
	margin-top: 2em;
	margin-bottom: 2em;
}

p.survey-info span {
    color: #d3080c;
}

a.survey-notinterested {
	margin-top: 2em;
	margin-bottom: 2em;
}

fieldset.survey {
	border-bottom: none;
	margin: 0px;
}

legend.survey {
	border-bottom: none;
	margin: 0px;
}


p.nomargin {
	margin: 0px !important;
}

h4.margin-top-medium {
	margin-top: 15px !important;
}

/*Fix CDTS "report a problem button" not getting full horizontal in mobile formats. */
@media (max-width: 767px) {
	.pagedetails > .row > .col-sm-6.col-md-5.col-lg-4 > a.btn.btn-default.btn-center {
		width: 100%
	}
}
.typeahead,
.tt-query,
.tt-hint,
.tt-input {
  width: 396px;
  height: 2.2em;
  padding: 8px 12px;
  color: #333333 !important;
  /*font-size: 24px;*/
  line-height: 2.2em;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
  color: #333333 !important;
}

.typeahead:focus {
  border: 2px solid #0097cf;
  color: #333333 !important;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #333333 !important;
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
  color: #333333 !important;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
  
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;
  
}

.tt-suggestion p {
  margin: 0;
  
}
.tt-highlight {
	font-weight: bold;
	color: #333333 !important;
}

.typeahead-helper-hidden-accessible {
    border: 0;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/***********************************************
PROJECT CSS - jobbankroot
************************************************/
main h1#wb-cont::before {
	border-left: none !important;
	padding-left: 0;
}

main h1#wb-cont:focus {
	outline: 1px dotted #ccc;   
}

div#radiusmap:focus { outline: 1px dotted #ccc;  }
h1  { border-bottom: none; }
.bg-grey  { background: #F5F6F7; }
.margin-top  { margin-top: 1.7em !important }
.margin-top1  { margin-top: 1em; }
.margin-top3  { margin-top: 3em !important }
.margin-bottom  { margin-bottom: 1em !important }
.margin-left  { margin-left: 0.5em; }
.margin-left1  { margin-left: 1em !important; }
.margin-left2  { margin-left: 2em !important; }
.margin-right  { margin-right: 0.5em !important; }
.margin-left-large  { margin-left: 100px; }
.margin-bottom2 { margin-bottom: 2em; } 
.margin-bottom5 { margin-bottom: 4em; } 
.margin-none { margin: 0px !important }
.padding-top  { padding-top: 8px }
.padding-top-large  { padding-top: 30px }
.padding-left  { padding-left: 0.5em !important; }
.padding-left-large  { padding-left: 20px }
.padded  { padding: 10px }
.padded-top  { padding-top: 1em !important;  }
.width80  { width: 80% !important; }
.width75  { width: 75% !important; }
.width60  { width: 60% !important; }
.width50  { width: 50% !important; }
.width30  { width: 30% !important; }
.width25  { width: 25% !important; }
.width20  { width: 20% !important; }
.width15  { width: 15% !important; }
.width10  { width: 10% !important; }
.grey-text  { color: #666666 }
.larger-text { font-size: 1.2em } 
.smaller-text { font-size: 0.9em }
.italicized { text-align:center; font-style:italic; }
.capitalized  { text-transform: capitalize}
.underlined  { text-decoration: underline }
.job-posting-details-menu { padding-top: 0 !important; } 
.details-menu  { border-left: 1px solid #ccc } 
.align-center  { text-align: center; }
.align-left  { text-align: left !important; }
.lmi-details-summary  { font-size: 1em !important; }
div#local-news a:link { text-decoration: none; }
div#local-news a:hover { text-decoration: underline; }
form.search-module input[name=searchstring] {height: 46px;}
a:visited  { color: #335075; }
.no-underline  { text-decoration: none; }
.border { border: 10px solid #ddd; width: 600px; height: 500px;}
.iframe-full  {
	position:fixed; top:0px; left:0px; bottom:0px; right:0px; width:100%; height:100%; border:none; margin:0; padding:0; overflow:hidden; z-index:999999;
}

.prm-flpr.theme-white { margin: 0 0 20px 0; } 
.prm-flpr.theme-C-dark {
	background: #335075 url('../images/bg-hero_C_dark.jpg') no-repeat 50% 0%;
	background-size: cover;
	min-height: 300px;
	padding-bottom: 300px;
}

.prm-flpr.theme-white { margin: 0 0 20px 0; } 
.prm-flpr.theme-F-white {
	background: #335075 url('../images/bg-hero_F_light.jpg') no-repeat 50% 0%;
	background-size: cover;
	min-height: 300px;
	padding-bottom: 300px;
}

.prm-flpr.theme-min {
	/* height: 50%; */
	height: 245px;
	min-height: 300px;
	padding-bottom: 0px;
}
.prm-flpr.theme-min section .cover { margin-top: 50px !important; }
@media screen and (min-width: 768px) and (min-height: 520px) {
	.prm-flpr.theme-min {
		height: 20% !important;
		min-height: 200px;
	}
	.prm-flpr.theme-min section .cover {
	    margin-top: 75px !important;
	}
}
@media screen and (min-width: 768px) {
	.prm-flpr.theme-min {
	
	}
}
@media screen and (min-width: 992px) {
	.prm-flpr.theme-min {
	
	}
	.prm-flpr.theme-D-dark section .cover {
	    margin-top: 120px;
	}
}
.prm-flpr.theme-bg {
	background: #fff url('../images/ceaa.jpg') no-repeat;
	background-size: cover;
}
.prm-flpr.theme-bg1 {
	background: #fff url('../images/bg-hero_E_dark.jpg') no-repeat;
	background-size: cover;	
}
.panel-support-topics h2 .fa,
.panel-support-topics .h4 .fa { 
	margin: 0 4px 0 0;
}
.prm-flpr.theme-dark .cover .topic-heading {
	color: #fff;
	border: none;
	font-size: 1.5em;
	line-height: 1em;
	padding: 2px 3px 1px 3px;
	margin: 0 0 0.5em 0;
	display: inline-block;
}
.prm-flpr.theme-dark .cover .topic-heading:focus { outline: 1px dotted #fff; }
.prm-flpr.theme-dark .cover .topic-heading .directory { display: none; }
.topics-group {
	margin: 40px 0 0 0;
	/* border-bottom: 5px solid #eee; */
	padding: 0 0 30px 0;
}
.topics-group .topics {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* text-align: center; */
}
.topics-group .topics li {
	/* display: inline-block;
	margin: 5px;
	padding: 0;
	width: 22%;
	vertical-align: top;
	text-align: center; */
	display: block;
	margin: 0;
	padding: 0;
	width: 100%;
	vertical-align: top;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.topics-group .topics li {
		float: left;
		width: 50%;
	}
}
.topics-group .topics li:first-child {
	/* margin: 5px 5px 5px 0; */
}
.topics-group .topics li:last-child {
	/* margin: 5px 0 5px 5px; */
}
.topics-group .topics li a {
	text-decoration: none;
	display: block;
	border: 1px solid #F9F9F9;
	max-height: 200px;
	height: auto;
	padding: 0px;
	/* background: #F9F9F9; */
	/* background: #eee; */
	text-align: center;
	width: auto;
}
.topics-group .topics li a:hover,
.topics-group .topics li a:focus,
.topics-group .topics li a:active {
	border: 1px solid #ddd;
	/* background: #EEEEEE; */
	/* background: #E9EBED; */
	background: #F5F6F7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.topics-group .topics li a .fa {
	display: block;
	font-size: 4em;
	margin: 0 0 20px 0;
	/* color: #2572B4; */
	color: #335075;
	/* color: #555; */
}
.topics-group .topics li a:hover .fa,
.topics-group .topics li a:focus .fa,
.topics-group .topics li a:active .fa {
	color: #2572B4;
}
.topics-group .topics li a .label {
	color: #666;
	border: none;
	font-size: 1.5em;
	font-weight: 400;
	white-space: pre-wrap;
	padding: 0 10px;
	vertical-align: middle;
	text-align: center;
	/* letter-spacing: 0.025em; */
	display: block;
	line-height: 1.1em;
	font-family: 'Roboto', sans-serif;
}
.topics-group .topics li a:hover .label,
.topics-group .topics li a:focus .label,
.topics-group .topics li a:active .label {
	/* color: #2572B4; */
}
.panel-support-topics {
	margin: 0 0 10px 0;
	padding: 0;
}
.popular-questions {
    border-radius: 5px;
    background: #eee;
    margin: 0 0 30px 0;
    padding: 15px 25px;
}
.popular-questions ul {
	margin-bottom: 15px;	
}
.panel-support-topics h2 {
	margin: 10px 0 0 0;
	font-size: 1.3em;
	/* font-weight: 500; */
	padding: 0 0 5px 0;
	/* border-bottom: 5px solid #eee; */
	color: #666;
}
.panel-support-topics .h3 {
	font-weight: 500;
	font-size: 1.45em;
	margin: 20px 0 30px 0;
	padding: 0 0 5px 0;
	/* border-bottom: 5px solid #eee; */
	letter-spacing: -0.01em;
}
.panel-support-topics .h4 {
	font-weight: 500;
	font-size: 1.4em;
	color: #666;
	margin: 20px 0 10px 0;
	padding: 0 0 5px 0;
	/* border-bottom: 5px solid #eee; */
	letter-spacing: -0.01em;
}
.panel-support-topics ul li .main-element {
	font-weight: 600;
	text-transform: uppercase;
}
.panel-support-topics ul li .main-element .detail-element {
	font-weight: 600;
	text-transform: none;
}
.panel-support-topics ul li .sub-element {
	display: block;
	font-size: 0.85em;
}
.topic {
	padding: 0 15px 20px 15px;
}
.topic .noc-category-ul > li {
    margin: 0 0 35px 0;
}
.topic .noc-category-ul > li .h5 {
	font-size: 16px;
	margin-bottom: 7px;
	display: block;
}
@media screen and (min-width: 992px) {
	.panel-support-topics {
		margin: 0 0 30px 0;
		padding: 0 15px;
	}
	.popular-questions {
	    padding: 25px 35px;
	    margin: 20px 0;
	}
	.topic {
		padding: 0 40px 20px 15px;
	}
}
.topic-list {
	margin: 0 0 20px 0;
	padding: 0 0 0 28px;
	list-style-type: none;
}
.topic-list li {
	margin: 0 0 5px 0;
}
.fa-ul {
    /* margin-left: 3em; */
    margin-bottom: 0px;
}
.fa-ul > li {
    margin: 0 0 7px 0;
    font-size: 0.95em;
   	page-break-inside: avoid;
	break-inside: avoid-column;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	
}
.fa-li {
	left: -1.6em;
	width: 1.5em;
}
.browse-categories .fa-ul {
	margin-top: 1.5em;
}
.browse-categories .popular-questions .fa-ul {
	margin-top: 1em;
}
.browse-categories .popular-questions .fa-ul li {
	margin: 0 0 10px 0;
}
.browse-categories .fa-ul li {
	margin: 0 0 15px 0;
	font-size: 0.95em;
	line-height: 1.4em;
}
.list-inline > li {
	margin-bottom: 0px;
}
.topic-section .header {
	margin: 25px 0 20px 0;
	padding: 0 0 25px 0;
	border-bottom: 2px solid #eee;
	color: #444;
	font-size: 1.65em;
}
.topic-section .header .fa {
	color: #335075;
	margin: 0 5px 0 0;
}
.topic-section {
	margin: 0 0 20px 0;
	padding: 0 0 0 0px;
	list-style-type: none;
}
.topic-section .sub {
	font-size: 1.2em;
	color: #666;
}
dl.topic-section-list {
	margin: 0 0 20px 0;
	padding: 0 0 0 22px;
}
dl.topic-section-list {
	margin: 0;
	
}
dl.topic-section-list:last-child {
	border-bottom: none;
}
dl.topic-section-list dt {
	padding: 20px 0 0px 0;
	margin: 0;
}
dl.topic-section-list dt a {
	/* text-decoration: none; */
	font-size: 1em;
	font-weight: 500;
}
dl.topic-section-list dd {
	padding: 5px 0 20px 0;
	border-bottom: 1px solid #eee;
	margin: 0;
}
dl.topic-section-list dd .description {
	display: block;
	font-size: 0.9em;
	/* text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; */
	overflow: hidden;
	position: relative; 
	max-height: 2.8em; 
	text-align: justify;
	margin-right: 1em;
	padding-right: 1em;
}
dl.topic-section-list dd .description:before {
	content: '...';
	position: absolute;
	right: 0;
	bottom: -2px;
}
dl.topic-section-list dd .description:after {
	content: '';
	position: absolute;
	right: 0;
	width: 1em;
	height: 1em;
	margin-top: 0.2em;
	background: #F9F9F9;
}
.article-section {
	
}
.article-section .question {
	
}
.article-section .question .header {
	margin: 32px 0 35px 0;
	font-size: 1.4em;
	font-weight: 500;
	border: none;
}

.article-section .question .header,
.article-section .answer h3,
.article-section .answer h4,
.article-section .answer h5,
.article-section .answer h6,
.article-section .answer p {
	position: relative;
	padding: 0 0 0 25px;
}
.article-section .answer {
	position: relative;
}
.article-section .question .header .fa,
.article-section .answer .fa {
	position: absolute;
}
.article-section .question .header .fa {
	font-size: 18px;
	left: -15px;
	top: -2px;
	color: #fff;
	border-radius: 50%;
	height: 27px;
	width: 27px;
	text-align: center;
	line-height: 1.5em;
	background: #335075;
}
.article-section .answer p,
.article-section .answer li {
	font-size: 0.95em;
}
.article-section .answer ul,
.article-section .answer ol {
	margin: 0 0 25px 0;
}
.article-section .answer li {
	margin: 0 0 5px 0;
}
.article-section .answer p {
	margin: 0 0 10px 0;
}
.article-section .answer .fa {
	font-size: 23px;
	left: -11px;
	top: 2px;
	color: #335075;
}
.article-section .related {
	padding: 0;
}

.article-section .interact {
	padding: 20px 0 0 0;
	border-top: 1px solid #ddd;
	margin: 40px -15px 0 -15px;
}

.article-section .helpful,
.article-section .contactus {
	padding: 0;
}

.article-section .helpful a {
	text-decoration: none;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	top: -1px;
}
.article-section .contactus a {
}
.article-section .helpful p {
	color: #606060;
	font-size: 0.9em;
}
.article-section .helpful .thank-you-note {
	font-size: 1.25em;
}

.article-section .contactus p {
	color: #606060;
	font-size: 0.9em;
}

.feedback-section {
	margin: 0;
	padding:0;
	position: relative;
	float: none;
}
.feedback-section .wrap {
	position: relative;
	margin-bottom: 62px;
}
/* Form */
.feedback-section .form-details {
	background: #eee;
	padding: 25px 25px 10px 25px;
	z-index: 9;
}
.feedback-section .form-details,
.feedback-section .contact-details {
	float: none;
}
.feedback-section .form-details .tip-required {
	/* position: absolute;
	left: 0px;
	bottom: -62px; */
	position: relative;
	background: #eee;
	display: block;
	/* padding: 0; */
	padding: 0 0 10px 0;
}
@media screen and (min-width: 992px) {
	.feedback-section {
		display: table;
	}
	.feedback-section .form-details,
	.feedback-section .contact-details {
		display: table-cell;
	}
	.feedback-section .form-details .tip-required {
		/* left: auto;
		right: 0px; */
	}
}

/* Details */
.feedback-section .contact-details {
	/* border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; */
	background: #fff;
	padding: 25px;
}
.feedback-section .contact-details:focus,
.feedback-section .contact-details:active {
	outline: 1px dotted #000;
}
.contact-details-item {
	-webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
}
.feedback-section .contact-details h2 {
	margin: 0 0 10px 0;
	font-size: 1.5em;
	/* font-weight: 500; */
	color: #555;
	padding: 0 0 5px 0;
	border-bottom: 5px solid #eee;
}
.feedback-section .contact-details h3 {
	margin: 30px 0 5px 0;
	font-size: 1.3em;
	font-weight: 500;
	color: #555;
	/* padding: 0 0 5px 0;
	border-bottom: 1px solid #eee; */
}
.feedback-section .contact-details h3 .fa {
	margin: 0 7px 0 0;
}
.feedback-section .contact-details p {
	margin: 0;
	color: #777;
}
.feedback-section .contact-details .highlight {
	margin-top: 30px;
}
@media screen and (min-width: 992px) {
	.article-section .related {
		padding: 7px 0 0 40px;
	}
	.article-section .interact {
		margin: 40px 25px;
	}
	.article-section .contactus p {
		text-align: right;
	}

	/* Form */
	.feedback-section .form-details {
		/* -webkit-border-top-left-radius: 15px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topleft: 15px;
		-moz-border-radius-topright: 0px;	 */
	}
	/* Details */
	.feedback-section .contact-details {
		/* -webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 15px;
		-moz-border-radius-topleft: 0px;
		-moz-border-radius-topright: 15px; */
	}
}
/* #questionTopic .twitter-typeahead .tt-menu {
    max-height: 340px;
	overflow-y: scroll;
}
#questionTopic .twitter-typeahead .tt-dataset h4 {
	padding: 10px 15px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	background: #efefef;
	border-top: 1px solid #ccc;
}
#questionTopic .twitter-typeahead .tt-suggestion {
    font-size: 0.9em;
    padding: 10px 15px;
    margin: 0;
}
#questionTopic .twitter-typeahead .tt-suggestion:hover {
    color: #fff !important;
	background-color: #006E96;
}
#questionTopic .twitter-typeahead .tt-suggestion:hover .tt-highlight {
    font-weight: bold;
    color: #fff !important;
}
#questionTopic .twitter-typeahead .tt-suggestion + .tt-suggestion {
	border-top: 1px dotted #ccc;
}
#questionTopic .twitter-typeahead .tt-dataset-answer .tt-suggestion {
	height: 44px;
	overflow-y: hidden;
	line-height: 1.7em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
} */
.empty-message {
	padding: 10px;
}

table#canada_news_table td, table#canada_news_table th { border: 1px solid; border-color: #666666 }
table#canada_news_table tr.mouseover:hover  { background-color: #fcebfe }
div#calendar3  { width: 45%; background-color: #fff; border: 1px solid; border-color: #666666 }
.cal-month-next  {  }
.checkboxinlistbox { border:1px solid #ccc; height: 200px; overflow-y: scroll; background: #fff; }
.toLowercase  { text-transform: lowercase }
.province-checkboxA  { position: absolute; left: 3em; top: 4.5em;}
.area-checkbox { margin-top: 2.5em;}
#fgeo details  { margin-left: 0px !important; padding-left: 2px !important; text-indent: 0px !important; }
#jmds-container h2 {
	font-size: 1.3em;
	color: #555;
	font-weight: 500;
	margin: 0 0 11.5px 0;
}
#jmds-container .close-command {
	float: right;
	font-size: 0.85em;
	padding: 0;
	background: #fff;
	top: -45px;
	right: 6px;
	position: relative;
}
#jmds-container .close-command a,
#jmds-container .close-command a:visited,
#jmds-container .close-command a:focus,
#jmds-container .close-command a:active {
	text-decoration: none;
	color: #295376;
	
}
#fs-survey-iframe-ee {
	width: 100%;
	height: 300px;
	border: 1px solid #dfdfdf;
}
#fs-survey-iframe-ee:focus {
	outline: 1px dotted red;
}

#map_group.smallMap {
	
}
#map_group.bigMap {
	
}
#map { 
	position: relative;
	width: 100%;
	height: 150px;
	margin: 10px 0 0 0;
	border: 4px solid #ddd;
}

#instructions-title  { font-size: 0.85em !important }
input.lmi-input, select.lmi-input  { height: 2.5em; margin-right: 0.5em !important; }

select#selectevent { width: 20em; }

div#location_dropdown, div#sector_dropdown, div#event_type_dropdown {  margin-right: 0.5em !important; }
p.intro_bold  { font-weight: 600; color: #666; }
div.ptlist_icon  {
  float: left;
  margin-top: .5em;
  margin-right: 5px;
  margin-left: 5px;
  padding-top:.2em;
  padding-bottom: .2em;
  font-size: .9em;
  font-weight: bold;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}

ul.no-bullets  { list-style-type: none; }

.job-posting-details  { border-top: 5px solid #ccc;}

.have-account {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	/* line-height: 2.5em; */
	color: #666;
	padding: 15px 25px;
	background: #efefef;
	text-align: right;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
}
.have-account .icon {
	position: absolute;
	left: -54px;
	top: -17px;
	font-size: 2.5em;
	display: none;		
}
.have-account .title {
	display: block;
}
.have-account a {
	color: #2572B4;
}

#skills_checlists_left  { width: 49%; float: left;  }
#skills_checlists_right  { width: 49%; float: right }
h3.grey-underline  {
	padding: 5px;
	border-bottom: 1px solid #dfdfdf;
}
.grey-panel  {
	background-color: #eee;
	padding: 5px;
}

.expand-search-message {
	margin: 0px;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}

.other-options {
	margin-top: 1em;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}

li.spaced { line-height: 2em; }

ul.list-group li.list-group-item  { padding-left: 0px !important; border: 0;}

ul.indent-small  { padding-left: 10px }
/* div#jb-alert-reg  button#search  { height: 3em  } */
/* form#jobAlertSubscriptionForm  input.jobtitlesuggest, form#jobAlertSubscriptionForm  input.citysuggest, form#jobAlertSubscriptionForm  input.jbemail { height: 3em }
.search-module .advance-btn-group  { margin-left: 0px; margin-top: 5px; margin-bottom: 0px; margin-right: 10px !important }
 */
.dark_blue  { color: #003399 !important }

/* div.signon span { font-size: 95% !important; } */


/* .job-posting-brief .command-viewall {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 7px;
	padding: 2px 7px 2px 1px;
	margin: 0;
	text-decoration: none;
}
.job-posting-brief .command-viewall .fa {
	padding: 2px 1px 2px 7px;
	font-size: 0.9em;
}
.job-posting-brief .command-viewall .title {
	font-size: 0.75em;
	white-space: nowrap;
}
.job-posting-brief .command-viewall:hover .title {
	text-decoration: underline;
	color: #0535d2;
} */

#essentialSkillsAccordion summary {
	font-size: 1.15em;
}
#essentialSkillsAccordion summary .fa {
	/* padding: 5px 7px;
	border: 2px solid #aaa;
	height: 18px;
	width: 18px;
	border-radius: 18px;
	font-size: 0.9em; */
	height: 28px;
	width: 28px;
	padding-right: 7px;
	display: inline-block;
	position: relative;
	color: #777;

}

.skill{
	border: 0px solid;
    border-radius: 25px;
    padding:8px;
}
/* .skillsElements{
	border: 1px solid;
	border-color: #ff7f50;
    border-radius: 5px;
    padding:8px;
}
.knowledgeElements{
	border: 1px solid;
	border-color: #ff7f50;
    border-radius: 5px;
    padding:8px;
} */
.skill h2 {
	color: #2572B4;
	margin: 1em 0 0.5em 0;
}
.skill h3,
.skill legend.h3 {
	font-size: 1.1em;
	margin: 2em 0 0.75em 0;
}
.skill h4 {
	font-size: 1.1em;
	font-weight: 500;
	color: #666;
	margin: 2em 0 0.75em 0;
}
.skill .dialog-help {
    font-size: 1.05em;
    padding: 1px 7px 1px 6px;
    background: #666;
    margin: 0;
    margin-left: 10px;
}
.skill .checkbox {
	display: block;
}
.skill .checkbox input[type="checkbox"] {
	position: absolute;
	top: 1px;
}
#jobAlertSubscriptionForm {
	position: relative;
	display: block;
}

.facet-unknown {
	padding-left: 24px; 
}

/* .input-group-btn {
    vertical-align: top !important;
}
*/

table#wage-occ-report, table#wage-occ-report-nat, table#wage-occ-report-prov, table#wage-occ-report-loc { border: 1px solid; border-color: #ccc }

th#header2_wages, th#header2_wages_nat, th#header2_wages_prov, th#header2_wages_loc  { text-align: center }
table#wage-occ-report tr.national th, tr.prov th, table#wage-occ-report-nat tr.national th, tr.prov th, table#wage-occ-report-prov tr.national th, tr.prov th, table#wage-occ-report-loc tr.national th, tr.prov th {padding-left: 5px; }
table#wage-occ-report tr.national th, tr.national td, table#wage-occ-report-nat tr.national th, tr.national td, table#wage-occ-report-prov tr.national th, tr.national td, table#wage-occ-report-loc tr.national th, tr.national td { background-color: #e1e4e7; height: 3em; }
table#wage-occ-report tr.prov th, tr.prov td, table#wage-occ-report-nat tr.prov th, tr.prov td, table#wage-occ-report-prov tr.prov th, tr.prov td, table#wage-occ-report-loc tr.prov th, tr.prov td { background-color: #f5f5f5; height: 3em;  }

table.datalist thead tr th.med-grey { border-top: 1px solid #efefef !important; background-color: #e1e4e7 !important; }
table#provoutlooktable_region  { width: 100%; border: 1px solid; border-color: #ccc !important;  }
th.prov, td.prov { border-bottom: 1px solid #ccc !important; background-color: #eaeaea !important; }

dt.outlook-province, dd.outlook-province  { border: 1px solid; border-color: #ccc; margin: 0; padding: 10px;}
dt.outlook-province  { background-color: #eaeaea !important;  }
summary.out-prov  { background-color: #eaeaea !important; height: 2.5em !important }
details.provincial-det  { border: none !important }
details.region-details  { border: none !important }
.prov-container { width: 100%; border: 1px solid #ccc !important; margin-bottom: 1em; }

.lt-grey { border-top: 1px solid #f3f3f3 !important; background-color: #eaeaea !important; }
.canada { border-bottom: 1px solid #ccc !important; background-color: #eaeaea !important; }
.provincial { border-bottom: 1px solid #ccc !important; background-color: #f1f1f1 !important; }
.other  { background-color: #fff !important; }
.outlook-canada  { border-top: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #ccc; background-color: #eaebed; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
.outlook-regional { border-bottom: 1px solid; border-left: 1px solid; border-right: 1px solid; border-color: #ccc; background-color: #f6f6f6; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}


dt.outlook-prov, dd.outlook-prov, dt.region, dd.region  { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }    
dt.outlook-prov, dd.outlook-prov  { background-color: #f3f3f3; margin: 0; border-bottom: 1px solid; border-color: #ccc; }
dl.outlook-prov { border: 1px solid #ccc !important; }
dt.region, dd.region { border: 1px solid; border-color: #ccc; margin: 0; }
dt.province, div.province  { border: 1px solid; border-color: #ccc; background-color: #f3f3f3; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;}
dd.province  { border: 1px solid; border-color: #ccc; margin: 0; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
div.ocupation-list  { border: 1px solid; border-color: #ccc; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.other_area_header  { padding-left: 10px; padding-top: 10px;}

.ec-panel .input-group-btn {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

p.lead  { margin-right: 1em; color: #666; font-size: 1.2em}
.uppercase { text-transform: uppercase }
.blue-bold-label {
	color: #2572B4;
	font-weight: bold;
}

div.source_reference  { float: right; }
.potential_header  { text-align: center }
.star_column  { float: left; margin-left: 5em }
.star_column_nomargin { float: left; }
table#wage-loc-report  { border-right: 1px solid; border-color: #ccc; }
.ui-icon { text-indent: 0; }
div.border-top  { border-top: 1px solid; border-color: #ccc; padding: 10px;}
.nocCode  { color: #666666; font-style: italic;}
#ReportHeaderBox  { margin-top: 15px; margin-bottom: 10px; }
.wage-outlook-toggle  { border: 1px solid; border-color: #ccc; padding: 10px; background-color: #eaebed;}
div#widget-occ-input  { margin-top: 2em; }
div#widget-loc-input  { margin-top: 3.5em; margin-bottom: 3em; }
div#es-skills-container details { border: none}
div.section-nav-link  { float: left; padding: 10px; width: 10.5em; background-color: #eaebed; border: 1px solid; border-color: #ccc; margin-left: 0px !important; margin-top: 0px !important; }
div.section-nav-link:lang(fr)  {  width: 10.5em !important; }
/* Job Market Report styles  */

@media screen and (max-device-width: 480px) {
  
  div.summary-section  { width: 99% !important; height: auto !important; border: 1px solid; border-color: #ccc; padding: 05em;}
 
  div.section-nav-link { border-right: none !important; width: 100%; float: left !important; padding: 0px !important; }
  .floatlink  { float: left !important; }
  div.clear-mobile  { clear: both; }
}


div.hide-toggle  { display: none; }
div.show-toggle  { display: block; }
a#searchicon  { visibility: visible !important; }

div#search-button button { margin-top: 1.7em !important }

.floatlink  { float: right; }
#searchicon-container:lang(en)  { width: 5em; height: 1.5em; }
#searchicon-container:lang(fr)  { width: 5em; height: 1.5em; }
#searchicon  { width: 3%; visibility: hidden; height: 1.2em; text-align: center; margin-top: 0.3em}
span#search-text  { font-size: 16px; font-weight: normal; font-family: Helvetica, Arial, sans-serif; 
					padding-bottom: 5px !important; height: 1em; vertical-align: middle;
}
span#fa-search  { 
	font-size: 2em; margin-right: 2em;
	height: 1.2em; width: 1.5em; text-align: center; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	cursor: pointer;
}

#searchicon  { margin-left: 5px; visibility: hidden; height: 1.2em; text-align: center; }

span#search-fa  { 
	font-size: 2em; margin-right: 2em;
	height: 1.2em; width: 5em; text-align: left;
	cursor: pointer;
}

.more-link  { font-size: 0.9em; text-decoration: none; color: #335075; font-weight: bold; }
div.summary-section:lang(en)  { 
	width: 49%; height: 16em; border: 1px solid; border-color: #ccc; padding: 15px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
div.summary-section:lang(fr)  { 
	width: 49%; height: 18em; border: 1px solid; border-color: #ccc; padding: 15px;
}
div.summary-section:hover  {
	background: #eee;
}
div.summary-section h2  { margin-top: 0px; margin-bottom: 2em; font-size: 1.2em; }
div#summary-jobs h2, #occ-details h2  { margin-top: 0px; font-size: 1.2em; }
div#summary-jobs  { 
	border: 1px solid; border-color: #ccc; padding: 15px; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
#skills-section {
	width: 100%;
	height: auto;
	padding-bottom: 50px;
}
.no-bullets{
	list-style-type: none;
}
div#view-report  { text-align: center !important; margin-top: 1em; margin-bottom: 10px; }
.section-value  { font-size: 1.4em; color: #666666 }
div.summary-section-content  { width: 75%; margin:0px auto; text-align: center;}
div.summary-section h2, div#summary-jobs h2 { color: #335075; }
#occ-details h3  { font-size: 1.1em; color: #666666; }
.occ-details-content  { border-top: 1px solid; border-color: #ccc; padding: 10px;}
.intro  { font-size: 1.1em; }
.colored_note  { background-color: #dbdbdb; padding: 10px; }
.search-more  { color: #666666; font-size: 1em; font-weight: 600;  }
h2.wage-job-title  { margin-top: 0px; }
table#wage-occ-report-loc th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	width: 33% !important; text-align: center !important;
}
table#wage-occ-report { width: 98%; margin-bottom: 1em; }
table#wage-occ-report-prov  { width: 98% }
table#wage-occ-report-prov  th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	/*width: 33% !important; text-align: center !important;*/
}

table#wage-occ-report th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages,table#table#wage-occ-report-nat th#header2a_wages, table#header2a_wages th#header2b_wages, table#header2a_wages th#header2c_wages {
	width: 20% !important;
}

table#wage-occ-report-loc th#header3_wages_loc, table#wage-occ-report-nat th#header3_wages_loc  { 
	width: 20% !important; text-align: center !important; }

div.section-nav  { color: #335075; }

div.shaded-box  { border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; }
p.section-value span.star-outlook-zero, p.section-value span.star-outlook-one, p.section-value span.star-outlook-two, p.section-value span.star-outlook-three  { float: none !important; padding-top: 10px !important; }
div.section-nav a:link, div.section-nav a:visited { color: #335075; text-decoration: none;  }

a.clickable-row  { color: #335075; display: block; font-size: 1.2em; }
div.active  { display: block; background-color: #ccc }
.active  { display: block; background-color: #ccc }
.blue-text  { color: #335075; }
table#regulation, table#jobs, table#jobs-local  { border: 1px solid; border-color: #ccc; padding: 10px; }
table#regulation th, table#jobs th, table#jobs-local th { background-color: #dbdbdb; font-size: 1.1em; font-weight: bold; }
table#jobs-local th#date-posted { width: 13%; }
table#jobs-local th#job-title { width: 35%; }
table#jobs-local th#employer-name { width: 30%; }
table#jobs-local th#city { width: 15%; }
table#jobs-local th#source { width: 5%; }
table#associations  { border: 1px solid; border-color: #ccc; padding: 10px; }
table#associations th, table#associations td { border: 1px solid; border-color: #ccc; }
.job-source {
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
    width: 25px;
    display: inline-block;
    left: 0px;
    top: 8px;
    position: relative;
    margin-right: 4px;
    margin-top: -8px;
}

.job-source.source-icon-18 {
	background-image: url("../../images/jobsource-careerbeacon-18-icon.png");
}
.job-source.source-icon-19 {
	background-image: url("../../images/jobsource-eluta-19-icon.png");
}
.job-source.source-icon-3 {
	background-image: url("../../images/jobsource-emploiquebec-3-icon.png");
}
.job-source.source-icon-4 {
	background-image: url("../../images/jobsource-gcjobs-4-icon.png");
}
.job-source.source-icon-16 {
	background-image: url("../../images/jobsource-jobbank-16-icon.png");
}
.job-source.source-icon-17 {
	background-image: url("../../images/jobsource-jobilico-17-icon.png");
}
.job-source.source-icon-12 {
	background-image: url("../../images/jobsource-monster-12-icon.png");
}
.job-source.source-icon-6 {
	background-image: url("../../images/jobsource-saskjobs-6-icon.png");
}
.job-source.source-icon-10 {
	background-image: url("../../images/jobsource-workbc-10-icon.png");
}
.job-source.source-icon-14 {
	background-image: url("../../images/jobsource-workopolis-14-icon.png");
}
.job-source.source-icon-20 {
	background-image: url("../../images/jobsource-jobpostings-20-icon.png");
}

/* End of Job Market Report styles  */
h1.widget-title  { font-size: 1.2em; font-family: Arial, sans-serif; color: #335075; border-bottom: 1px solid; border-color: #ccc; }
.widget-container  { 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
/* Map job posting overlay */
.map-job-navigation-group {
	margin: 0 0 20px 0;
	background: #fafafa;
	padding: 10px;
	top: -5px;
	position: relative;
	text-align: center;
}
.map-job-navigation-group .pagination {
	padding: 0 10px;
	margin: 0;
	top: 2px;
	position: relative;
	font-size: 0.8em;
	font-weight: 600;
}

ul.sk  { list-style-type: none; padding-left:0; font-weight: bold; }

.did-you-know  { 
	border: 1px solid #ccc; background-color: #fff; padding: 15px; margin-bottom: 1.5em; 
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 
}
h2.newcomers-heading  { color: #335075; margin-top: 0.5em !important; }
h3.newcomers-sub-heading  { color: #335075; font-size: 1.2em; }
.newcomers-info  { margin-top: 0.7em; border: 1px solid #ccc; background-color: #f5f5f5; padding: 10px; margin-left: 0.7em; margin-bottom: 1.5em;}

h1.marketreport  { font-size: 1.4em !important; padding-top: 2em !important;}
h1.marketreport span.section-name  { display: block; color: #555; font-family: Arial, Verdana, sans-serif; font-weight: 500; }
h1.marketreport span.heading-info  { display: block; color: #335075; font-size: 1.6em !important;  }
/* h1.marketreport span.heading-info:lang(en)  { text-transform: capitalize; }
h1.marketreport span.heading-info:lang(fr):first-letter { text-transform: capitalize; } */

div#occ-input { width: 45%; float: left; margin-right: 1em; }
div#loc-input { width: 45%; float: left  }
.hero-content-wrapper  { padding: 0px !important }
.hero-content-wrapper-inner  { padding: 0px !important; display: inline !important }

/* For new job search slider */

.item-slider  {
	width: 100% !important;
	margin: 10px 0 0 0;
}
.decrease,
.increase {
	width: 15% !important;
	color: #3E68A1 !important;
	text-align: center;
}

.slider-input {
	width: 70% !important;
}
#decrease-slider,
#increase-slider  {
	color: #3E68A1 !important;
	border: 1px solid #3E68A1;
	border-radius: 50px !important;
	padding: 11px 12px 9px 12px;
	top: -3px;
	position: relative;
	font-size: 1.1em;
}
#decrease-slider:hover,
#increase-slider:hover {
	background: #3E68A1;
	color: #fff !important;
}
#decrease-slider {
	margin-right: 0.3em !important;
}
/* Tooltip container */
.tooltips {
    position: relative;
    display: inline-block;
}
/* Tooltip text */
.tooltips .tooltipstext {
    visibility: hidden;
    width: 100%;
    background-color: #fff;
    color: #636363;
    padding: 5px;
	border: 1px solid #aaa;
	font-family: 'Roboto', Arial, sans-serif;
    font-size: 0.75em;
    position: absolute;
    top: 60px;
    left: -22px; 
    z-index: 1000 !important;
    background: #fff;
	letter-spacing: 0.001em;
	line-height: 1.5em;
	margin: 0 21px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltips:hover .tooltipstext {
    visibility: visible;
}
@media (min-width: 992px) {
	.tooltips .tooltipstext {
	    top: 30px;
	}
	.slider-input {
		width: 70% !important;
		top: -13px;
		padding: 0 5px;
		position: relative;
	}
	#decrease-slider,
	#increase-slider  {
		padding: 8px 9px 7px 9px;
		font-size: 0.85em;
		top: -9px;
	}
}
/* End of new job search slider */
.mobile-app.prm-flpr {
	overflow: hidden;
}
section .cover.mobile-app {
	/* margin: 20px 0 0 0; */
}
.mobile-app .mobile-app-icon {
	background-image: url('../images/mobileapp/mobileapp-icon.png');
	background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
	width: 80px;
	height: 80px;
	float: left;
	margin: -4px 15px 0 0;
	border-radius: 20px;
}
.mobile-app .intro-content-group {
	z-index: 15;
}
.mobile-app .intro {
	font-size: 1em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	padding-right: 20px;
}
.mobile-app .intro-sub {
	font-size: 1.2em;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	color: #555;
	/* background: #E9EDEE;
	padding: 30px 35px; */
	padding: 0;
	border-radius: 20px;
	margin: 10px 0 0 0;
	z-index: 11;
	display: block;
	position: relative;
}
.mobile-app .intro-sub p {
	margin-bottom: 20px;
}
.mobile-app .app-screenshot-en,
.mobile-app .app-screenshot-2a-en,
.mobile-app .app-screenshot-2b-en,
.mobile-app .app-screenshot-fr,
.mobile-app .app-screenshot-2a-fr,
.mobile-app .app-screenshot-2b-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: relative;
	
	height: 500px;
	top: -5px;
	left: -50%;
	width: 150%;

	z-index: 10;
}
.mobile-app .app-screenshot-2b-en,
.mobile-app .app-screenshot-2b-fr {
	top: 0px;
	z-index: 9;
}
.mobile-app .app-screenshot-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2-eng.png');
    /* background-image: url('../images/mobileapp/mobileapp-ios-screenshot-eng.png'); */
}
.mobile-app .app-screenshot-2a-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2A-en.png') !important;
}
.mobile-app .app-screenshot-2b-en {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2B-en.png') !important;
}
.mobile-app .app-screenshot-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2-fra.png');
    /* background-image: url('../images/mobileapp/mobileapp-ios-screenshot-fra.png'); */
}
.mobile-app .app-screenshot-2a-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2A-fr.png') !important;
}
.mobile-app .app-screenshot-2b-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-screenshot-2B-fr.png') !important;
}
.demo-content-details .text-center {
	text-align: left;
}
.appstore-button,
.playstore-button {
	display: inline-block;
	margin: 0 0 20px 0;
}
.playstore-button {
	margin: 0;
}
.appstore-button a,
.playstore-button a {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	height: 48px;
	/* width: 140px; */
	background-size: contain !important;
	background-repeat: no-repeat !important;
	padding: 0;
}
.playstore-button a {
	
}
.appstore-button a img,
.playstore-button a img {
	height: 48px;
}
.appstore-button a.en {
	background: url('../images/mobileapp/apple-appstore-en.png');
}
.playstore-button a.en {
	background: url('../images/mobileapp/google-play-badge-en.png');
}
.appstore-button a.fr {
	background: url('../images/mobileapp/apple-appstore-fr.png');
}
.playstore-button a.fr {
	background: url('../images/mobileapp/google-play-badge-fr.png');
}
.service-content-image {
	padding: 30px;
	background: #fff;
	margin: 0;
	vertical-align: top;
}
.app-illustration {
	fill: currentColor;

	position: relative;
	/*overflow: hidden;*/
	/*background-size: cover;*/
	display: inline-block;
	background-color: #fff;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: contain;
	
	width: 100%;
	height: 200px;
}

.app-illustration.three-friends {
	background-image: url('../images/mobileapp/three-friends.svg');
}
.app-illustration.phone-map-gps {
	background-image: url('../images/mobileapp/phone-map-gps.svg');
}
.app-illustration.phone-notification {
	background-image: url('../images/mobileapp/phone-notification.svg');
	margin-bottom: -6px;
}
.app-illustration.phone-favourite-action {
	background-image: url('../images/mobileapp/phone-favourite-action.svg');
}
.app-illustration.dude-ready-to-go {
	background-image: url('../images/mobileapp/dude-ready-to-go.svg');
}
.app-illustration.loupe-house {
	background-image: url('../images/mobileapp/loupe-house.svg');
	margin-top: -60px;
}
.app-illustration.desktop-folder-document-pen {
	background-image: url('../images/mobileapp/desktop-folder-document-pen.svg');
	margin-top: -60px;
}
.app-screenshot-group {
	margin: 40px 0;
}
.app-screenshot-group .service-content-details > h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #555;
	margin-top: 0;
	padding-bottom: 15px;
	position: relative;
}
.app-screenshot-group .service-content-details > h2:after {
    background-color: #3D6C7C;
    content: "";
    position: absolute;
    top: 96%;
    height: 3px;
    width: 90%;
    left: 5%;
}
.app-screenshot-group .service-content-details > h2 .title {
	color: #808080;
	display: block;
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 10px 0;
}
.app-screenshot-group .service-content-details > h2 em {
	color: #898989;
	font-style: normal;
}
.app-screenshot-group  p.lead,
.app-screenshot-group ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	margin-bottom: 40px;
	font-size: 1.1em;
}
.app-screenshot-group .text-details {
	position: relative;
	display: block;
	margin: 15px 0 15px;
}
.app-screenshot-group .text-details .left-side {
	text-align: left;
}
.app-screenshot-group .text-details .feature-summary-text {
	margin: 0;
}
.app-screenshot-group .text-details h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1.1em;
	font-weight: 500;
	margin: 15px 0 5px 0;
	color: #3D6C7C;
}
.app-screenshot-group .text-details p {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-size: 1em;
	font-weight: 300;
	margin-bottom: 25px;
}
.app-screenshot {
	background-size: contain;
    background-repeat: no-repeat;
	height: 530px;
	position: relative;
	margin: 0 auto;
}
.app-screenshot.ios-searchresults-en,
.app-screenshot.ios-searchresults-fr  {
	background-position: center;
	margin: 0 0 30px 0;
	/* display: block;
	position: relative;
	border: 1px solid #ccc;
	width: auto; */
}
.app-screenshot.ios-searchresults-en {
	background-image: url('../images/mobileapp/mobileapp-ios-searchresults-screenshot-en.png');
}
.app-screenshot.ios-searchresults-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-searchresults-screenshot-fr.png');
}
.app-screenshot.feature-ui-filters-en,
.app-screenshot.feature-ui-filters-fr {
	background-position: center;
	margin: 0;
	display: block;
	position: relative;
}
.showcase-content-image {
	margin: 15px 0;
	display: block;
	position: relative;
}
.showcase-content-image .showcase-content-image-hero {
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	width: 100%;
	position: relative;
	display: block;
	margin: 0 0 30px 0;
}
.showcase-content-image .showcase-content-image-hero.cards-section-image-2 {
	position: absolute;
	width: 93%;
	height: auto;
	top: -8px;
	left: 8px;
}
.showcase-content-image-hero-wrapper {
	position: relative;	
}
.demo-km,
.demo-slider-control-line,
.demo-slider-control,
.demo-slider-control-bar-line,
.demo-slider-control-bar {
	position: absolute;
	z-index: 11;
	visibility: hidden;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image {
	width: 100%;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image-nocontrol {
	display: block;
}
.showcase-content-image .showcase-content-image-hero.filters-section-image-control {
	display: none;
}
.showcase-content-image .showcase-content-image-hero.jobitem-section-image {
	visibility: hidden;
	top: 12px;
}
.service-content-image .service-content-image-hero.alerts-section-image,
.service-content-image .service-content-image-hero.favourites-section-image {
	width: 80%;
	max-width: none;
	z-index: 99;
	top: 13px;
	margin: 0 auto;
	background-color: #efefef;
	border-radius: 17px;
	opacity: 0.9;
	position: absolute;
	left: 10%;
	visibility: hidden;
}
.showcase-content-image  .fav-command-animation {
	background-color: #d93329;
	background-image: url("../images/mobileapp/heart-outline-white.svg");
	background-size: 65%;
	background-position: 50% 60%;
	background-repeat: no-repeat;
	position: absolute;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	height: 100px;
	width: 100px;
	border-radius: 5em;
	z-index: 11;
	visibility: hidden; 
}
.showcase-content-image .showcase-content-image-hero.jobitem-section-image.animated,
.showcase-content-image .showcase-content-image-hero.jobitem-section-image.visible,
.service-content-image .service-content-image-hero.alerts-section-image.animated,
.service-content-image .service-content-image-hero.favourites-section-image.animated,
.service-content-image .service-content-image-hero.alerts-section-image.visible,
.service-content-image .service-content-image-hero.favourites-section-image.visible,
.showcase-content-image  .fav-command-animation.animated {
	visibility: visible !important;
}
.showcase-content-image .showcase-content-image-hero.no-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.app-screenshot.feature-ui-filters-en {
	background-image: url('../images/mobileapp/mobileapp-ios-filters-control-screenshot-en.png');
}
.app-screenshot.feature-ui-filters-fr {
	background-image: url('../images/mobileapp/mobileapp-ios-filters-control-screenshot-fr.png');
}
.filter-section .vac {
	transform: translateY(15em);
}
.jobs-section .vac {
	transform: none;
}
.jobs-section .showcase-content-image .showcase-content-image-hero {
	width: 100%;
}
.cards-section .vac {
	transform: none;
}
.showcase-content {
	padding: 0;
	margin: 80px 0;
	display: block;
}
.showcase-content .showcase-content-details {
	padding: 0 15px;
	margin: 0;
}
.showcase-content-details .showcase-content-details-group {
	position: relative;	
}
.showcase-content h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	color: #555;
	margin-top: 0;
	/* letter-spacing: 0.15rem; */
}
.showcase-content h2 .title {
	color: #808080; /* #636363; */
	display: block;
	/* text-transform: uppercase; */
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 10px 3px;
}
.showcase-content h2 em {
	color: #898989;
	font-style: normal;
}
.showcase-content p.lead,
.bg.demo-content-wrapper .showcase-content p.lead,
.showcase-content ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300; 
	font-size: 1.1em;
	border-left: 10px solid #ccc;
	padding: 0 0 3px 15px;
}
/* .showcase-content p.lead::after {
	background-color: #ccc;
	content: "";
	position: absolute;
	top: 42%;
	left: 25px;
	height: 100px;
	width: 15px;
	left: 25%;
} */
.showcase-content h2 .dialog-help {
	font-size: 0.7em;
    padding: 1px 7px 1px 7px;
    line-height: 1.2em;
    top: -1px;
}
.service-content .service-content-details.illustration {
	padding: 0 30px 1px 30px;	
}
.service-content-details.illustration.service-content-image-bottom {
	padding-bottom: 50px;
}
.service-content .service-content-details img {
	max-width: 250px;
	margin: 0 auto;
	position: relative;
	display: block;
}
.service-content .service-content-details img.full-width {
	min-height: 250px;
	max-width: 300px;
}
.wrap {
	perspective: 100px;
	position: relative;
	display: block;
	width: 100%;
	/* height: 0; this enry was creating a layout issue on contact us form */
}
.mobile-app .wrap {
	height: 0;
}
@media screen and (min-width: 376px) {
	.demo-content-details .text-center {
		text-align: center;
	}
	.appstore-button,
	.playstore-button {
		display: inline-block;
		margin: 0;
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		left: -49%;
	}
}
@media screen and (min-width: 550px) {
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		left: -30%;
	}
}
@media screen and (min-width: 768px) {
	.mobile-app .mobile-app-icon {
		width: 100px;
		height: 100px;
	}
	.mobile-app .intro {
		font-size: 1.2em;
	}
	.app-screenshot-group {
		margin: 60px 0 40px 0;
	}

	.app-screenshot-group  p.lead,
	.app-screenshot-group ul.lead {
		margin-bottom: 50px;
		font-size: 1.3em;
	}
	.app-screenshot-group .text-details h2 {
		font-size: 1.6em;
	}
	.app-screenshot-group .text-details p {
		font-size: 1.3em;
	}
	.app-screenshot {
		height: 650px;
		margin: 0 auto;
	}
	.app-screenshot.ios-searchresults-en,
	.app-screenshot.ios-searchresults-fr  {
		margin: 0;
	}
	.showcase-content {
		margin: 120px 0 70px 0;
	}
	.showcase-content p.lead,
	.bg.demo-content-wrapper .showcase-content p.lead,
	.showcase-content ul.lead {
		font-size: 2.5rem;
		border-left: 15px solid #ccc;
		padding: 0 0 3px 25px;
	}
	.showcase-content .showcase-content-details {
		padding: 50px 30px;
	}
	.filter-section.showcase-content .showcase-content-details {
		padding: 0 30px 50px 30px;
	}
	.showcase-content h2 {
		/* font-size: 4rem; */
		margin: 0 0 20px 0;
	}
	.showcase-content h2 .showcase-content-image {
		width: 120px;
		float: left;
		margin: -2px 20px 20px 0;
	}
	.showcase-content h2 .title {
		font-size: 2.25rem;
	}
	.showcase-content .lead {
		
	}
	.showcase-content-image {
		margin: 0;
	}
	.service-content .service-content-details img {
		max-width: 300px;
	}
	.app-screenshot-group .service-content-details > h2 {
	    font-size: 4rem;
	    margin: 0 0 40px 0;
	}
	.app-screenshot-group .service-content-details > h2:after {
	    top: 120%;
	    width: 35%;
		left: 32%;
	}
	.app-screenshot-group .service-content-details > h2 .title {
	    font-size: 2.25rem;
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr{
	/* 	height: 600px;
		width: 400px;
		top: -500px;
		right: -374px;
		left: auto; */
		height: 600px;
		width: 85%;
		top: -150px;
		right: -172px;
		left: auto;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -760px;
	}
}
@media screen and (min-width: 992px) {
	.showcase-content h2 .dialog-help {
		font-size: 0.6em;
		padding: 1px 10px 2px 9px;
		top: -3px;
	}
	.jobs-section .vac {
		transform: translateY(25%);
	}
	.cards-section .vac {
		transform: translateY(4em) !important;
	}
	.showcase-content-image  .fav-command-animation {
		background-size: 65%;
		background-position: 50% 60%;
		top: 40%;
		left: 35%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		height: 80px;
		width: 80px;
	}
	.showcase-content-image .showcase-content-image-hero.filters-section-image-nocontrol {
		display: none;
	}
	.showcase-content-image .showcase-content-image-hero.filters-section-image-control {
		display: block;
		margin: 0;
	}
	.demo-km,
	.demo-slider-control,
	.demo-slider-control-line,
	.demo-slider-control-bar,
	.demo-slider-control-bar-line {
		visibility: visible;
	}
	.demo-km {
		background: #3E68A1;
		color: #fff;
		padding: 2px 15px;
		border-radius: 15px;
		right: 30px;
		top: 14px;
		font-size: 0.9em;
		line-height: 1.5em;
		width: 90px;
		text-align: center;
	}
	#demo-km-no {
		padding: 0 7px 0 0;
	}
	.demo-slider-control-line {
		background: none;	
		width: 250px;
		height: 40px;
		bottom: 24px;
		left: 110px;
	}
	.demo-slider-control {
		background: #fff;
		-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
		box-shadow: 0 3px 4px 0 rgba(0,0,0,0.30);
		height: 40px;
		width: 40px;
		border-radius: 40px;
		border: 1px solid #eee;
		bottom: 0px;
		left: 15px;
	}
	.demo-slider-control.start {
		animation-name: demoSliderControlAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.demo-slider-control-bar-line {
		background: #ccc;
		height: 2px;
		display: block;
		bottom: 42px;
		left: 110px;
		width: 250px;
	}
	.demo-slider-control-bar {
		background: #3E68A1;
		height: 2px;
		display: block;
		width: 10%;
		/* bottom: 42px;
		left: 110px; */
	}
	.demo-slider-control-bar.start {
		animation-name: demoSliderControlBarAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;	
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en,
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		width: 440px;
		background-size: contain;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en {
		background-image: url('../images/mobileapp/mobileapp-ios-filters-nocontrol-screenshot-en.png');
	}
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		background-image: url('../images/mobileapp/mobileapp-ios-filters-nocontrol-screenshot-en.png');
	}
	.showcase-content-image .showcase-content-image-hero {
		width: 70%;
	}
	.showcase-content-image .showcase-content-image-hero.cards-section-image-2 {
		/* width: 378px; */
		width: 66%;
		top: -8px;
		left: 8px;
	}
	.service-content-image .service-content-image-hero.alerts-section-image,
	.service-content-image .service-content-image-hero.favourites-section-image {
		width: 100%;
		margin-bottom: -120px;
		top: 15px;
	}
	.service-content-image .service-content-image-hero.alerts-section-image {
		margin-left: -20px;
	}
	.service-content-image .service-content-image-hero.favourites-section-image {
		margin-left: -55px;
	}
	.service-content .service-content-details.illustration {
		padding: 0 30px 30px 30px;	
	}
	 .service-content-details.illustration.service-content-image-bottom {
		padding-bottom: 0;
	}
	.wrap {
		perspective: 400px;
	}
	.mobile-app .intro {
		font-size: 1.4em;
	}
	.mobile-app .intro-sub {
		font-size: 1.4em
	}
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		height: 500px;
		width: 99%;
		top: -380px;
		right: -75px;
		background-position: right top;
	}
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-2b-fr {
		top: -890px;
	}
	.service-content .service-content-details.illustration {
		padding: 30px;	
	}
	.app-illustration {
	    width: auto;
	    height: 60%;
	}
	.app-illustration.loupe-house {
		margin-top: auto;
	}
	.app-screenshot.ios-searchresults-en,
	.app-screenshot.ios-searchresults-fr  {
		margin: 0;
	}
	.app-screenshot-group .text-details.left-side {
		text-align: right;
	}
	.app-screenshot-group .text-details .feature-summary-text {
		margin: 120px 0 0 0;
	}
	.app-screenshot-group .text-details h2 {
		margin: 15px 0 5px 0;
	}
	.app-screenshot-group .text-details p {
		margin-bottom: 15px;
	}
}
@media screen and (min-width: 1200px) {
	.mobile-app .app-screenshot-en,
	.mobile-app .app-screenshot-2a-en,
	.mobile-app .app-screenshot-2b-en,
	.mobile-app .app-screenshot-fr,
	.mobile-app .app-screenshot-2a-fr,
	.mobile-app .app-screenshot-2b-fr {
		right: -20px;
	}
	.cards-section .vac {
		transform: translateY(8em) !important;
	}
	.demo-km {
		right: 32px;
		top: 17px;
		font-size: 1em;
		padding: 4px 20px;
		width: 100px;
	}
	#demo-km-no {
		
	}
	.demo-slider-control-line {	
		width: 320px;
		bottom: 33px;
		left: 129px;
	}
	.demo-slider-control {
		height: 45px;
		width: 45px;
		border-radius: 45px;
		bottom: -2px;
		left: 15px;
	}
	.demo-slider-control.start {
		animation-name: demoSliderControlAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
		/* animation: demoSliderControlAnimation 3s 1 both; */
	}
	.demo-slider-control-bar-line {
		bottom: 52px;
		left: 129px;
		width: 320px;
	}
	.demo-slider-control-bar {
		width: 15%;
	}
	.demo-slider-control-bar.start {
		animation-name: demoSliderControlBarAnimation;
		animation-duration: 3s;
		animation-fill-mode: both;
	}
	.mobileapp-ios-filters-nocontrol-screenshot-en,
	.mobileapp-ios-filters-nocontrol-screenshot-fr {
		width: 570px;
		height: 172px;	
	}
}
.service-content.mrgn-tp-xl {
	margin-top: 40px !important;
}
.results-filter-content .inputRangeSalaryGroup.list-group.open {
	overflow: visible;
	border: none;
}
#contact-form .tip {
	padding-bottom: 5px;
}
div.summary-skills  { 
	width: 70%; margin: 0px auto;
}
.sr.feature-hero-object,
.sr.feature-summary-product-A,
.sr.feature-summary-text-A,
.sr.filter-section,
.sr.jobs-section,
.sr.cards-section-content,
.sr.cards-section-image,
.sr.cards-section-image-2,
.sr.feature-section-B,
.sr.feature-section-C,
.sr.feature-section-D {
	visibility: hidden;
}
/* Animations */
@keyframes demoSliderControlAnimation {
    from {
        /* transform : translateX(0%); */
        left: 0%;
    }
    50% {
        /* transform : translateX(515%); */
        left: 90%;
    }
    to {
        /* transform : translateX(0%); */
        left: 10%;
    }
}
@keyframes demoSliderControlBarAnimation {
    from {
        width : 12%;
    }
    50% {
        width : 100%;
    }
    to {
        width : 13%;
    }
}
.prm-flpr.theme-light .cover .cover-heading .directory.sub {
	background: none !important;
	padding: 7px 0;
	margin: 0;
	display: block;
}
.demo-content-head .web-screenshot-en,
.demo-content-head .web-screenshot-fr {
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
	position: absolute;
	
	height: 500px;
	width: 400px;
	top: 4px;
	right: 20px;
	left: auto;
}
.demo-content-head .jb.web-screenshot-en {
	background-image: url('../images/mobileapp/laptop-jbwebsite-eng.png') !important;
}
.demo-content-head .jb.web-screenshot-fr {
	background-image: url('../images/mobileapp/laptop-jbwebsite-fra.png') !important;
}
.demo-content-head .jbfe.web-screenshot-en {
	background-image: url('../images/mobileapp/laptop-jbfewebsite-eng.png') !important;
}
.demo-content-head .jbfe.web-screenshot-fr {
	background-image: url('../images/mobileapp/laptop-jbfewebsite-fra.png') !important;
}
.call-to-action a {
	display: block;
	text-align: center;
	font-size: 1em;
	text-decoration: none;
	padding: 15px 25px;
	background: #E1E4E7;
	border-radius: 50px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	letter-spacing: -0.01em;
	color: #335075;
	
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	
	border: 1px solid #ddd;
	margin: 10px 0;
	z-index: 10;
}
.call-to-action.sub a {
	font-weight: 400;
}
.call-to-action a:hover,
.call-to-action a:focus,
.call-to-action a:active {
	color: #185eb2;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e4e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e4e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e4e7',GradientType=0 ); /* IE6-9 */
	
	border-color: #bbb;
}
.scroll-down-wrapper {
	text-align: center;
	position: absolute;
	bottom: -265px;
	left: 40%;
	display: none;
}
.scroll-down-wrapper .scroll-down {
	font-size: 3.5em;
	padding: 2px 4px 0px 4px;
	border-radius: 3.25em;
	/* background: #7C979E; */
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	color: #4f747d;
	border: 1px solid #bbb;
}
.scroll-down-wrapper .scroll-down:hover {
	background: #4f747d;
	color: #fff;
}
.bg.container {
	
}
.demo-content-wrapper .app-screenshot-group,
.demo-content-wrapper .showcase-content,
.demo-content-wrapper .service-content {
	margin: 30px 0;
}
.grey.bg.demo-content-wrapper {
	background-color: #f5f5f5;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.demo-content-wrapper {
	background: #fff;
}
.demo-content-parent {
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
}
.blue.bg.demo-content-wrapper {
	background: #43698c url('../images/bg-hero_mobileapp_gc.jpg') no-repeat 50% 85%;
	background-size: cover;
	color: #fff;
	vertical-align: middle;
	display: table-cell !important;
	/* height: 700px; */
}
.grey.bg.demo-content-wrapper {
	background: #f9f9f9;
	color: #555;
}
.demo-content-wrapper section h2,
.bg.demo-content-wrapper section h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
}
.grey.bg.demo-content-wrapper section h2 {
	color: #3D6C7C;
}
.blue.bg.demo-content-wrapper section h2 {
	color: #c3e7ed;
}
.bg.demo-content-wrapper section p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.4em;
}
.blue.bg.demo-content-wrapper section p {
	color: #fff;
}
.blue.bg.demo-content-wrapper section p a {
	color: #c3e7ed;
}
/* .bg.demo-content-wrapper .demo-content-hero-image {
	width: 200px;
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0 0 40px 0;
} */
.bg.demo-content-wrapper .demo-content-hero-image,
.demo-content-details-center .demo-content-hero-image {
	width: 150px;
	height: 150px;
	display: block;
	position: relative;
	margin: 0;
	padding: 0 0 10px 0;
}
.demo-content-wrapper .icon-demo-showcase {
	background: #ccc;
	padding: 27px;
	border-radius: 100px;
	font-size: 1.6em;
	float: left;
	margin: 0 30px 50px 0;
	border: 6px solid #aaa;
	top: 8px;
	position: relative;
}
.blue.bg.demo-content-wrapper .icon-demo-showcase {
	background: #658fb5;
	border-color: #b1c9dd;
}
.demo-content {
	padding: 0;
	margin: 30px 0 50px 0;
}
.header-section.demo-content {
	margin: 30px 0 40px 0;
}
.demo-content .demo-content-details {
	/* background: #fff; */
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.demo-content + .demo-content-details-center {
	
}
.video-thumbnail {
	display: block;
	border-radius: 25px;
	padding: 10px 30px 10px 15px;
	text-align: center;
	text-decoration: none;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 400;
	font-size: 1em;
	color: #335075;
	letter-spacing: -0.01em;
	
	background: #f7f7fc;
	background: -moz-linear-gradient(top, #f7f7fc 0%, #e1e4e7 100%);
	background: -webkit-linear-gradient(top, #f7f7fc 0%,#e1e4e7 100%);
	background: linear-gradient(to bottom, #f7f7fc 0%,#e1e4e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7fc', endColorstr='#e1e4e7',GradientType=0 );
	border: 1px solid #ddd;
}
.video-thumbnail:hover,
.video-thumbnail:focus,
.video-thumbnail:active {
	text-decoration: none;
	color: #185eb2;
	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e1e4e7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e1e4e7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e1e4e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e4e7',GradientType=0 ); /* IE6-9 */
	
	border-color: #bbb;
}
.video-thumbnail .text {
	margin: 10px 0 0 0;
	display: inline-block;
	top: -7px;
	position: relative;
}
.video-thumbnail .icon {
	display: inline-block;
	font-size: 2em;
	margin: 0 5px 0 0;
	background: #ddd;
	width: 52px;
	padding: 9px 10px;
	height: 50px;
	border-radius: 25px;
	top: 0px;
	position: relative;
}
.demo-content .demo-content-details-center h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	color: #555;
	margin: 0 0 11.5px 0;
	padding-bottom: 15px;
}
.bg.demo-content-wrapper .video-intro h2.modal-title,
.demo-content-wrapper .video-intro h2.modal-title {
	font-size: 1.15em;
	padding: 10px 0;
	margin: 0;
	color: #fff;
}
.demo-content .demo-content-details-center h2 {
	color: #3D6C7C
}
.demo-content .demo-content-details .title,
.demo-content .demo-content-details-center .title {
	color: #707070;
	display: block;
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.demo-content .demo-content-details h3,
.demo-content .demo-content-details-center h3 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 1.5em;
	color: #6D6D6D;
	margin: 0 0 10px 0;
}
.demo-content .demo-content-details .demo-content-setbox,
.demo-content .demo-content-details-center .demo-content-setbox {
	background: #fff;
	border: 1px solid #eee;
	padding: 30px 40px 10px 40px;
	margin: 0 0 20px 0;
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 2px 4px 0 rgba(0,0,0,0.20);
}
.bg.demo-content-wrapper section p,
.demo-content .demo-content-details p,
.demo-content .demo-content-details-center p,
.demo-content .demo-content-details ul,
.demo-content .demo-content-details-center ul,
.demo-content .demo-content-details ol,
.demo-content .demo-content-details-center ol {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	line-height: 1.4em;
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .fa-ul,
.demo-content .demo-content-details-center .fa-ul {
	margin: 0 0 20px 26px;
}
.demo-content .demo-content-details .fa-ul.jb-no,
.demo-content .demo-content-details-center .fa-ul.jb-no {
	margin: 0 0 20px 0;
}
.demo-content .demo-content-details .fa-ul li,
.demo-content .demo-content-details-center .fa-ul li {
	margin: 0;
	border-bottom: 1px solid #ddd;
	padding: 20px 15px 20px 50px;
	font-size: 1em;
	line-height: 1.4em;
	min-height: 60px;
}
.demo-content .demo-content-details .fa-ul.fa-right li,
.demo-content .demo-content-details-center .fa-ul.fa-right li {
	padding: 17px 50px 15px 0;
}
.demo-content .demo-content-details .fa-ul li:last-child,
.demo-content .demo-content-details-center .fa-ul li:last-child {
	border-bottom: none;
}
.demo-content .demo-content-details .fa-ul li .fa-li,
.demo-content .demo-content-details-center .fa-ul li .fa-li { 
	width: 2em;
	top: 12px;
	left: 0;
}
.demo-content .demo-content-details .fa-ul.fa-right li .fa-li,
.demo-content .demo-content-details-center .fa-ul.fa-right li .fa-li { 
	width: 2em;
	right: -6px;
	left: auto;
	top: 16px;
}
.demo-content .demo-content-details .fa-ul li .fa-li .jb-no,
.demo-content .demo-content-details-center .fa-ul li .fa-li .jb-no { 
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 1em;
	background: #edf6f9;
	padding: 5px 10px 5px 11px;
	border-radius: 35px;
	height: 35px;
	width: 35px;
	line-height: 24px;
	color: #3D6C7C;
	border: 1px solid #6b97a5;
}
.demo-content .demo-content-details .fa-ul li .fas,
.demo-content .demo-content-details-center .fa-ul li .fas { 
	font-size: 1.25em;
	line-height: 1.15em;
	color: #3D6C7C;
}
.demo-content .demo-content-details p + ul,
.demo-content .demo-content-details-center p + ul,
.demo-content .demo-content-details p + ol,
.demo-content .demo-content-details-center .p + ol {
	margin: -15px 0 20px 0;
}
.demo-content .demo-content-details p + .fa-ul,
.demo-content .demo-content-details-center p + .fa-ul {
	/* margin: -5px 0 20px 50px; */
	margin: -5px 0px 20px 0px;
}
.demo-content .demo-content-details .call-to-action-label,
.demo-content .demo-content-details-center .call-to-action-label {
	margin: 20px 0 0 0;
	font-size: 1.5em;
	font-weight: 500;
	color: #555;
}
.demo-content .demo-content-details-center .col-set {
	margin: 0;
}
.demo-content .demo-content-details-center .col-set .col-a p,
.demo-content .demo-content-details-center .col-set .col-b p {
	
}
section.video-intro {
	width: 100%;
	height: auto;
}
.video-intro .modal-footer {
	display: none;
}
.video-wrapper {
	margin: 0;
	/* border: 1px solid #ddd;
	padding: 15px; */
	
}
.video-wrapper .wb-share {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 0.9em;
	padding: 0 0 10px 0;
}
.video-wrapper .display {
	border: 1px solid #ddd;
	
}
.video-wrapper .display iframe {
	/* height: 100% !important; */
}
.video-wrapper .wb-mm-ctrls {
	/* background: #335075; */
	background: #ddd;
	color: #000;
}
.video-wrapper .wb-mm-ctrls .btn {
	color: #000;
}
.video-wrapper .wb-mm-ctrls progress {
	/* border-color: #335075; */
	border-color: #ddd;
	border-radius: 0;
}

.video-wrapper .wb-mm-ctrls .wb-mm-prgrss progress::-moz-progress-bar {
	border-radius: 0 !important;
}
.video-wrapper .wb-mm-ctrls .wb-mm-prgrss progress::-webkit-progress-bar {
	border-radius: 0 !important;
}
.video-wrapper .wb-mm-ctrls .wb-mm-txtonly {
	top: -4px;
	position: relative;
}
.video-wrapper figcaption {
	
}
.demo-content .demo-content-details .video-wrapper figcaption details {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-size: 0.95em;
}
.demo-content .demo-content-details .video-wrapper figcaption details p {
	font-size: 1em;
}
@media screen and (min-width: 576px) {

	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {		
		height: 500px;
		width: 500px;
		top: -90px;
			
	}
	.header-section.demo-content {
		margin: 80px 0;
	}
	.bg.demo-content-wrapper section p,
	.demo-content .demo-content-details p,
	.demo-content .demo-content-details-center p,
	.demo-content .demo-content-details ul,
	.demo-content .demo-content-details-center ul,
	.demo-content .demo-content-details ol,
	.demo-content .demo-content-details-center ol {
		font-size: 1.2em;
		line-height: 1.4em;
	}
	.demo-content .demo-content-details .fa-ul li,
	.demo-content .demo-content-details-center .fa-ul li {
		font-size: 0.8em;
	}
	.video-thumbnail {
		border-radius: 50px;
	}
	.video-thumbnail .text {
		font-size: 1.2em;
	}
	section.video-intro {
		width: 90%;
		height: auto;
	}
	.call-to-action a {
		font-size: 1.2em;
		margin: 20px 10px 10px 0;
	}
}
@media screen and (min-width: 768px) {
	.demo-content {
		margin: 80px 0;
	}
	.demo-content-wrapper .app-screenshot-group,
	.demo-content-wrapper .showcase-content,
	.demo-content-wrapper .service-content {
		margin: 80px 0;
	}
	.scroll-down-wrapper {
		bottom: -200px;
		left: 45%;
		top: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {		
		height: 700px;
		width: 500px;
		top: -200px;
		right: 0;
		left: auto;
	}
	.demo-content .demo-content-details,
	.demo-content .demo-content-details-center {
		/* padding: 50px; */
	}
	.bg.demo-content-wrapper section h2,
	.demo-content .demo-content-details h2,
	.demo-content .demo-content-details-center h2 {
		font-size: 4rem;
	}
	.demo-content .demo-content-details .call-to-action-label,
	.demo-content .demo-content-details-center .call-to-action-label {
		font-size: 2em
	}
	.demo-content .demo-content-details .title,
	.demo-content .demo-content-details-center .title {
		font-size: 2.4rem;
		color: #808080;
	}
	.demo-content .demo-content-details-center .col-set .col-a,
	.demo-content .demo-content-details-center .col-set .col-b {
		padding: 0 20px;
		margin: 0 0 80px 0;
	}

}
@media screen and (min-width: 992px) {
	.demo-content {
		margin: 80px 0 118px 0;
	}
	.demo-content-wrapper .app-screenshot-group,
	.demo-content-wrapper .showcase-content,
	.demo-content-wrapper .service-content {
		margin: 120px 0;
	}
	.scroll-down-wrapper {
		bottom: -100px;
		top: auto;
	}
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {		
		height: 700px;
		width: 600px;
		top: -150px;
		right: 30px;
		left: auto;
	}
	.demo-content .demo-content-details-center .col-set {
		margin: 70px 0 0 0;
	}
	.call-to-action.sub a {
		font-size: 1.2em;
		padding: 8px 0;
		margin: 10px 0;
	}
	section.video-intro {
		width: 68%;
		height: auto;
	}
	.video-thumbnail {
		display: inline-block;
	}
}
@media screen and (min-width: 1200px) {
	.demo-content-head .web-screenshot-en,
	.demo-content-head .web-screenshot-fr {
		height: 700px;
		width: 650px;
		top: -200px;
		right: 140px;
		left: auto;
	}
}
div.progressbar {
	display: none;
	margin: 0 0 0 0;
}

@media only screen and (min-width: 576px) {
	div.progressbar {
		display: block;
	}
}

div.progressbar .shim {
	display: none;
	width: 100%;
}

div.progressbar .holder {
	position: relative;
	font-size: 85%;
	padding: 20px 0 0 0;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.20);
	border-top: 1px solid #ddd;
}

@media only screen and (min-width: 750px) {
	div.progressbar .holder {
		font-size: 90%;
	}
}

@media only screen and (min-width: 900px) {
	div.progressbar .holder {
		font-size: 95%;
	}
}

div.progressbar .holder .bar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #b1bfd1;
}

div.progressbar .holder .bar .indicator {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-color: #ff803e;
}

div.progressbar .holder .labels {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 2em;
	text-align: center;
}

div.progressbar .holder .labels i {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: -0.005em;
	display: block;
	position: relative;
	float: left;
	cursor: pointer;
	height: 55px;
}

div.progressbar .holder .labels i::before {
	position: absolute;
	bottom: 3px;
	left: 50%;
	display: block;
	content: '';
	width: 25px;
	height: 25px;
	border-radius: 25px;
	border: solid 3px #b1bfd1;
	background-color: #fff;
	transform: translateX(-50%) translateY(50%);
	transition: border-color 100ms ease-in, background-color 150ms ease-in;
}

div.progressbar .holder .labels i::after {
	display: block;
	content: attr(data-label);
	position: relative;
	top: 0;
	padding-bottom: 1.8em;
	color: #335075;
	/* transition: color 150ms ease-in; */
}

div.progressbar .holder .labels i:hover::before,
div.progressbar .holder .labels i:focus::before {
	background-color: #FFE0D0;
	border: solid 3px #ff803e;
	top: 27px;
}

div.progressbar .holder .labels i:hover::after,
div.progressbar .holder .labels i:focus::after {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 10px 17px 10px;
	border-radius: 20px;
}

div.progressbar .holder .labels i.read::before {
	border-color: #ff803e;
	background-color: #FFE0D0;
}

div.progressbar .holder .labels i.read:hover::before,
div.progressbar .holder .labels i.read:focus::before {
	background-color: #FFE0D0;
}

div.progressbar .holder .labels i.reading::after {
	font-weight: 400;
	color: #9E5028;
	background-color: #FFE0D0;
	top: -5px;
	padding: 5px 0 5px 0;
	margin: 0 10px 17px 10px;
	border-radius: 20px;
}

div.progressbar .holder .labels i.reading:hover::after,
div.progressbar .holder .labels i.reading:focus::after {
	/* top: 0; */
}

div.progressbar.fixed .holder {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

div.progressbar.fixed .shim {
	display: block;
}
details .subitems {
	margin: 0 0 15px 40px;
}
details summary .checkbox,
details summary .radio {
	display: inline-block;
	width: 90%;
	vertical-align: top;
	margin-top: 0;
}

/* .results-nav .results-sortby-group {
	display: none;
}
.results-content .results-filter-button-overlay button {
	display: inline-block;
}
.results-content .results-filter-button-overlay .command-result-filter-overlay {
	width: 70%;
}
.results-content .results-filter-button-overlay .command-result-sortby-overlay {
	width: 28%;
	float: right;
}
@media (min-width: 992px) {
	.results-nav .results-sortby-group {
		display: block;
	}
} */
/* Custom Android Smart Banner */
.smartbanner.smartbanner--android {
	
}
/* Custom iOS Smart Banner */
.smartbanner.smartbanner--ios {
	border-bottom: 1px solid #ccc;
}
/* Custom Job Bank Smart Banner */
.smartbanner.smartbanner--jobbanksb {
	border-bottom: 1px solid #ccc;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info {
	width: 50%;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info__title {
	font-weight: 600;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__info__author,
.smartbanner.smartbanner--jobbanksb .smartbanner__info__price {
    font-size: 12px;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__button {
	background: #2572b4;
	text-decoration: none;
	padding: 4px 12px;
	color: #fff;
	border-radius: 14px;
	font-size: 1em;
	top: 25px;
	line-height: 1.3em;
	text-transform: uppercase;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__button .smartbanner__button__label {
	
}
.smartbanner.smartbanner--jobbanksb .smartbanner__exit::before,
.smartbanner.smartbanner--jobbanksb .smartbanner__exit::after {
	height: 15px;
	width: 2px;
	background: #666;
}
.smartbanner.smartbanner--jobbanksb .smartbanner__exit {
	left: 8px;
}

div.alert {
    border-radius: 4px;
} 
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 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.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* 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 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;
}
@media screen {
	html, body {
	    height: 100%;
	}
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		height: 100%;
		overflow-x: hidden;
	}
}
.noanim {
	/*CSS transitions*/
	-o-transition-property: none !important;
	-moz-transition-property: none !important;
	-ms-transition-property: none !important;
	-webkit-transition-property: none !important;
	transition-property: none !important;
	/*CSS transforms*/
	-o-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-webkit-transform: none !important;
	transform: none !important;
	/*CSS animations*/
	-webkit-animation: none !important;
	-moz-animation: none !important;
	-o-animation: none !important;
	-ms-animation: none !important;
	animation: none !important;
}
ol.breadcrumb li span.textCapitalize {
	display: inline-block;
}
ol.breadcrumb li span.textCapitalize:first-letter {
    text-transform: capitalize;
}
form[name=cse-search-box] {
	/*display: none;*/
}
.hero-content-wrapper label {
	width: auto;
}
.hero-content-wrapper label .label {
	color: #666;
	border: none;
	font-size: 1em;
	font-weight: 500;
	padding-left: 0;
}
.hero-content-wrapper label.control-label {
   /*  font-family: 'Roboto', sans-serif; */
    color: #555;
    position: relative;
    display: block !important;
    margin: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -backface-visibility: hidden;
}
.hero-content-wrapper input.float-input {
	/* height: 50px; */
	height: auto;
	padding: 1.5em 0.5em 0.25em 0.75em;
}
.hero-content-wrapper input.float-input.error {
	padding: 15px 12px;
}
.hero-content-wrapper input.float-input.valid {
	
}
.hero-content-wrapper input.float-button[type="submit"],
.hero-content-wrapper input.float-button[type="button"],
.hero-content-wrapper input.float-button[type="reset"],
.hero-content-wrapper button.float-button {
	min-height: 51px;
	height: auto;
}
.hero-content-wrapper label.control-label .label {
	position: absolute;
	padding: 5px 0;
	color: #666;
	border: none;
	font-size: 1em;
	font-weight: 500;
	margin: 13px 0 0 13px;
	z-index: 9;
	/* left: 0;
	width: 100%; 
	text-align: left; */

    -webkit-transform: translate3d(0,0,0) scale(1.0);
    -moz-transform: translate3d(0,0,0) scale(1.0);
    -o-transform: translate3d(0,0,0) scale(1.0);
    transform: translate3d(0,0,0) scale(1.0);
    
	-webkit-transition: transform 0.1s ease-in 0s;
	-moz-transition: transform 0.1s ease-in 0s;
	-o-transition: transform 0.1s ease-in 0s;
	transition: transform 0.1s ease-in 0s
}
.hero-content-wrapper label.control-label .label.focus {
	-webkit-transform: translate3d(0px, -8px, 0) scale(0.8);
	-moz-transform: translate3d(0px, -8px, 0) scale(0.8);
	-o-transform: translate3d(0px, -8px, 0) scale(0.8);
	transform: translate3d(0px, -8px, 0) scale(0.8);
	margin: 1em 0.5em 0em 0.75em;
	/* left: 0; */
	/* text-align: left; */
	width: 1em;
	-webkit-backface-visibility: hidden;
	padding: 0;
	color: #2265AA;
}
.hero-content-wrapper label.control-label .label .focus-error {
	display: none;
}
.hero-content-wrapper label.control-label .label.focus .focus-error {
	font-weight: bold;
	color: #d3080c;
	display: inline-block;
}
.hero-content-wrapper label.control-label .label.input-has-error.focus {
	position: relative;
	padding: 0;	
	/* color: #9f2c20; */	
	color: #555;
	border: none;	
	margin: 0;	
	z-index: 11;	
	width: auto;	
	text-align: left;	
	height: auto;
}
.input-group-addon:first-child {
	border-radius: 0;
	/* width: 168px; */
	text-align: right;
}
.prm-flpr {
	border-bottom: 5px solid #eee;
	/* min-height: 60%;
	height: 60%; */
	position: relative;
	height: auto;
	padding-bottom: 100px;
}
.credit {
	display: none;
}
.prm-flpr:hover .credit {
	display: block;
	border: 1px solid #cdcdcd;
	padding: 3px 9px;
	border-radius: 15px;
	font-size: 0.6em;
	float: right;
	margin: 0 25px 0 0;
	color: #555;
	font-family: Verdana, Arial, sans-serif;
	background: #fff;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .75);
}
.prm-flpr.theme-light {
	
}
.prm-flpr.theme-light2 {
	background: #fff url('images/bg-hero2.jpg') no-repeat 35% 50%;
	/* background-size: cover; */
	/* height: 100%; */
}
.prm-flpr.theme-white {
	background: #fff url('images/bg-whitepattern.png') no-repeat 50% 100%;
	/* background-size: cover; */
	/* height: 100%; */
	height: auto;
}

.prm-flpr.theme-A-light {
	background: #fff url('images/bg-hero_A_light.jpg') no-repeat;
}
.prm-flpr.theme-A-dark {
	background: #555 url('images/bg-hero_A_dark.jpg') no-repeat;
}
.prm-flpr.theme-B-light {
	background: #fff url('images/bg-hero_B_light.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-B-dark {
	background: #555 url('images/bg-hero_B_dark.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-C-light {
	background: #fff url('../images/bg-hero_C_light.jpg') no-repeat 50% 0%;
}
.prm-flpr.theme-C-dark {
	background: #555 url('images/bg-hero_C_dark.jpg') no-repeat 50% 0%;
}
.prm-flpr.theme-D-light {
	background: #fff url('images/bg-hero_D_light.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-D-dark {
	background: #555 url('images/bg-hero_D_dark.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-E-light {
	background: #fff url('images/bg-hero_E_light.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-E-dark {
	background: #555 url('images/bg-hero_E_dark.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-F-light {
	background: #fff url('images/bg-hero_F_light.jpg') no-repeat 50% 0%;
}
.prm-flpr.theme-F-dark {
	background: #555 url('images/bg-hero_F_dark.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-G-light {
	background: #fff url('images/bg-hero_G_light.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-G-dark {
	background: #555 url('images/bg-hero_G_dark.jpg') no-repeat 30% 0%;
}
.prm-flpr.theme-H-light {
	background: #fff url('/050/evaluations/scripts/images/bg-hero_I_light_cropped.jpg') no-repeat 20% 0%;
}
.prm-flpr.theme-H-dark {
	background: #555 url('images/bg-hero_H_dark.jpg') no-repeat 0% 0%;
}
.prm-flpr.theme-A-light,
.prm-flpr.theme-A-dark,
.prm-flpr.theme-B-light,
.prm-flpr.theme-B-dark,  
.prm-flpr.theme-C-light,
.prm-flpr.theme-C-dark,
.prm-flpr.theme-D-light,
.prm-flpr.theme-D-dark,
.prm-flpr.theme-E-light,
.prm-flpr.theme-E-dark,
.prm-flpr.theme-F-light,
.prm-flpr.theme-F-dark,
.prm-flpr.theme-G-light,
.prm-flpr.theme-G-dark,
.prm-flpr.theme-H-light,
.prm-flpr.theme-H-dark {
	background-size: cover;
	height: auto;
	min-height: 600px;
}
.input-group-btn {
    vertical-align: top;
}
@media screen and (min-width: 500px) {
	.prm-flpr {
		/* height: 400px; */
		min-height: 400px;
	}
}
@media screen and (min-width: 768px) and (min-height: 720px) {
	.prm-flpr {
		background: #fff;
		/* background-position: right bottom; */
		border-bottom: 5px solid #eee;
		/* min-height: 60%; */
		/* height: 70%; */
		min-height: 400px;
		height: auto;
		/* max-height: 100%; */
	}
	.prm-flpr.theme-white.featured-product {
		height: 450px;
	}
	.prm-flpr.theme-light {
		background-position: 20% 0;
	}
	.prm-flpr.theme-light2 {
		background-position: 38% 50%;
	}
	section .cover {
		margin-top: 40px;
	}
}
.prm-flpr .container {
	height: 100%;
	position: relative;
	/* overflow-x: hidden; */
}
.prm-flpr > .container > .row {
	height: 100%;
}
.hero-content-wrapper {
	display: table;
	width: 100%;
	height: 100%;
	min-height: 100%;
	/* background-color: #fff; */
	position: relative;
	margin-top: 0;
}
.hero-content-wrapper label span.error {
	margin: 5px 0 0 0;
	z-index: 11;
	padding: 10px;
}
.hero-content-wrapper .hero-content-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}
@media screen and (min-width: 768px) {
	.hero-content-wrapper .hero-content-wrapper-inner {
	    vertical-align: middle;
	    display: table-cell !important;
	}
	.hero-content-wrapper {
		margin-top: auto;
	}
}
.inner {
    padding: 30px;
}
.cover-container {
    margin-right: auto;
    margin-left: auto;
}
.cover {
    padding: 0 25px;
}
.cover-container {
    margin-right: auto;
    margin-left: auto;
}
section .cover {
	/* margin-top: 25px; */
	margin-top: 0;
	text-align: left;
}
.eclist {
	display: inline-block;
}
.spotlight-tab {
	display: none;
	padding: 0;
	position: absolute;
	top: 80px;
	right: -300px;
	-webkit-transition: right .5s ease;
	transition: right .5s ease;
	z-index: 2;
}
/* .spotlight-tab:hover {
	-webkit-transition: right .5s ease;
	transition: right .5s ease;
	right: 0;
} */
.spotlight-tab.open {
	right: 0;
}
.spotlight-tab header {
	display: block;
	padding:0;
	width: auto;
	float: left;
  	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.spotlight-tab header a {
	display: block;
	background: #335075;
	color: #fff;
	text-decoration: none;
	padding: 10px 15px;
	border-left: 8px solid #677C98;
}
.spotlight-tab header a:hover {
	background: #446D91;
	border-left: 8px solid #5C96C7;
}
.spotlight-tab header a .arrowIndicator {
	/* position: absolute;
	left: 10px;
	top: 2px; */
	display: inline-block;
	line-height: 0.5rem;
}
.spotlight-tab .container {
	display: block;
	background: #F9F9F9;
	border: 1px solid #ddd;
	width: 300px;
	padding: 15px 20px 5px 20px;
	box-sizing: border-box;
	float: left;
  	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.spotlight-tab .container h1 {
	margin: 0 0 10px 0;
	font-size: 2rem;
	
}
@media screen and (orientation: landscape) {
	section .cover {
		margin-top: 0;
	}
}
@media screen and (min-width: 768px) {
	.spotlight-tab {
		display: block;
	}
	section .cover {
		margin-top: 80px;
	}
	.prm-flpr.theme-C-dark section .cover {
	    margin-top: 100px;
	}
}
@media screen and (min-width: 992px) {
	section .cover {
		/* margin-top: 75px; */
	}
}
@media screen and (max-height: 720px) {
	.prm-flpr {
		/* min-height: 80%;
		height: 80%; */
		min-height: 400px;
	}
	section .cover {
		/* margin-top: 80px; */
	}
}
@media screen and (min-width: 992px) and (min-height: 720px) {
	.prm-flpr {
		height: 80% !important;
	}
}
@media screen and (min-width: 992px) and (min-height: 882px) {
	.prm-flpr {
		height: 70% !important;
	}
}
@media screen and (max-height: 480px) {
	.prm-flpr {
		/* min-height: 100%;
		height: 100%; */
		height: auto;
	}
	section .cover {
		/* margin-top: 0; */
		/* margin-top: 80px; */
	}
}

.masthead {
	margin-bottom: 0px;
}
.masthead .inner {
	padding: 0 15px;
}
.masthead-brand {
    padding: 5px 15px;
    background-color: rgba(255,255,255,.65);
    border: none;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 1.75rem;
    color: #335075;
}
.masthead-brand span {
	font-weight: 400;
}
.jobbank-menu-content .masthead-brand {
	background: transparent;
}
.masthead-brand .fa,
.masthead-brand .fas,
.masthead-brand .far,
.masthead-brand .fal {
	width: 23px;
}
.theme-light section nav.masthead-brand,
.theme-light2 section nav .masthead-brand,
.theme-white section nav .masthead-brand {
	background-color: rgba(255,255,255,.65);
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 5px 15px;
}
nav > .mobile-nav-btn {
	/* display: block;
	position: absolute;
	right: 15px;
	top: 10px;

    padding: 5px 15px;
    border: none;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 1.75rem;
    color: #335075; */
    padding: 5px 15px 4px 15px;
    float: right;
}
nav > .mobile-nav-btn .fa,
nav > .mobile-nav-btn .fas,
nav > .mobile-nav-btn .far,
nav > .mobile-nav-btn .fal {
	font-size: 1.9em;
	width: 28px;
}
nav > .mobile-nav-btn span.nowrap {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-weight: 700;
	font-size: 1.3em;
	line-height: 1.5em;
	text-transform: uppercase;
}
.theme-light section nav > .mobile-nav-btn,
.theme-light2 section nav > .mobile-nav-btn,
.theme-white section nav > .mobile-nav-btn {
	background-color: rgba(255,255,255,.95);
	border: 0;
}
.masthead-nav {
	display: none;
}
.masthead-nav {
	/* background-color: rgba(255,255,255,.95); */
}
.masthead-nav > li {
    display: inline-block;
    /* font-family: 'Roboto', sans-serif; */
   /*  border: 1px solid #C0DEE6; */
}
.masthead-nav > li:last-child {
    /* border-right: 0; */
}
.masthead-nav > li + li {
    /* margin-left: 20px; */
}
.masthead-nav > li > a:focus,
.masthead-nav > li > a:hover {
	/* background-color: rgba(255,255,255,1);
	text-decoration: underline; */
}
.jobbank-menu-content .masthead-nav > li > a {
	/* background: transparent; */
}
.mastfoot {
	/* background-color: #F9F9F9;
	border-top: 5px solid #eee; */
}
@media screen and (min-width: 768px) {
	.masthead,
	.mastfoot,
	.cover-container {
	    width: 100%;
	}
	.masthead {
		position: absolute;
		top: -1px;
	}
	.masthead-brand {
		font-size: 2.25rem;
	}
	.masthead-nav {
		display: block;
	}
	nav > .mobile-nav-btn {
		display: none;
	}
	.masthead .inner {
		padding: 0;
	}
	.masthead-brand {
	    /* float: left; */
	}
	.masthead-nav {
	    float: right;
	}
	.mastfoot {
		position: absolute;
		bottom: 0;
	}
	#jb-menu-group .jbapps .fa {
		/* max-width: 32px !important; */
		/* width: 20px !important; */
	}
	#jb-menu-group .jbapps .title {
		display: inline-block;
		margin: 0 0 0 5px;
	}
}
@media screen and (min-width: 1200px) {
	.masthead,
	.mastfoot {
		width: 1170px;
	}
}

.cover .cover-heading,
.cover .task-title,
.cover .lead,
.search-module label,
.search-module .total-jobs {
	font-family: 'Roboto', sans-serif;
	color: #555;
}
.prm-flpr.theme-A-light .cover .cover-heading,
.prm-flpr.theme-A-light .cover .cover-heading .directory,
.prm-flpr.theme-A-light .cover .task-title,
.prm-flpr.theme-A-light .cover .task-title .directory,
.prm-flpr.theme-A-light .cover .lead,
.prm-flpr.theme-A-light .search-module label,
.prm-flpr.theme-A-light .search-module .total-jobs,
.prm-flpr.theme-A-light .search-filter legend,
.prm-flpr.theme-A-light .search-module .quick-search-wrapper p,

.prm-flpr.theme-B-light .cover .cover-heading,
.prm-flpr.theme-B-light .cover .cover-heading .directory,
.prm-flpr.theme-B-light .cover .task-title,
.prm-flpr.theme-B-light .cover .task-title .directory,
.prm-flpr.theme-B-light .cover .lead,
.prm-flpr.theme-B-light .search-module label,
.prm-flpr.theme-B-light .search-module .total-jobs,
.prm-flpr.theme-B-light .search-filter legend,
.prm-flpr.theme-B-light .search-module .quick-search-wrapper p,

.prm-flpr.theme-C-light .cover .cover-heading,
.prm-flpr.theme-C-light .cover .cover-heading .directory,
.prm-flpr.theme-C-light .cover .task-title,
.prm-flpr.theme-C-light .cover .task-title .directory,
.prm-flpr.theme-C-light .cover .lead,
.prm-flpr.theme-C-light .search-module label,
.prm-flpr.theme-C-light .search-module .total-jobs,
.prm-flpr.theme-C-light .search-filter legend,
.prm-flpr.theme-C-light .search-module .quick-search-wrapper p,

.prm-flpr.theme-F-light .cover .cover-heading,
.prm-flpr.theme-F-light .cover .cover-heading .directory,
.prm-flpr.theme-F-light .cover .task-title,
.prm-flpr.theme-F-light .cover .task-title .directory,
.prm-flpr.theme-F-light .cover .lead,
.prm-flpr.theme-F-light .search-module label,
.prm-flpr.theme-F-light .search-module .total-jobs,
.prm-flpr.theme-F-light .search-filter legend,
.prm-flpr.theme-F-light .search-module .quick-search-wrapper p,

.prm-flpr.theme-H-light .cover .cover-heading,
.prm-flpr.theme-H-light .cover .cover-heading .directory,
.prm-flpr.theme-H-light .cover .task-title,
.prm-flpr.theme-H-light .cover .task-title .directory,
.prm-flpr.theme-H-light .cover .lead,
.prm-flpr.theme-H-light .search-module label,
.prm-flpr.theme-H-light .search-module .total-jobs,
.prm-flpr.theme-H-light .search-filter legend,
.prm-flpr.theme-H-light .search-module .quick-search-wrapper p {
	color: #555;
}
.prm-flpr.theme-A-light .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-B-light .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-C-light .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-F-light .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-H-light .hero-content-wrapper .advance-btn a {
	color: #295376;
	background: #fff;
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, .75);
}
.prm-flpr.theme-A-light .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-A-light .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-A-light .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-B-light .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-B-light .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-B-light .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-C-light .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-C-light .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-C-light .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-F-light .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-F-light .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-F-light .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-H-light .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-H-light .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-H-light .hero-content-wrapper .advance-btn a:focus {
	background: #fff;
	background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 1);
}

.prm-flpr.theme-C-dark .cover .cover-heading,
.prm-flpr.theme-C-dark .cover .cover-heading .directory,
.prm-flpr.theme-C-dark .cover .task-title,
.prm-flpr.theme-C-dark .cover .task-title .directory,
.prm-flpr.theme-C-dark .cover .lead,
.prm-flpr.theme-C-dark .search-module label,
.prm-flpr.theme-C-dark .search-module .total-jobs,
.prm-flpr.theme-C-dark .search-filter legend,
.prm-flpr.theme-C-dark .search-module .quick-search-wrapper p,
.prm-flpr.theme-C-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-C-dark .search-module .quick-search a,

.prm-flpr.theme-D-dark .cover .cover-heading,
.prm-flpr.theme-D-dark .cover .cover-heading .directory,
.prm-flpr.theme-D-dark .cover .task-title,
.prm-flpr.theme-D-dark .cover .task-title .directory,
.prm-flpr.theme-D-dark .cover .lead,
.prm-flpr.theme-D-dark .search-module label,
.prm-flpr.theme-D-dark .search-module .total-jobs,
.prm-flpr.theme-D-dark .search-filter legend,
.prm-flpr.theme-D-dark .search-module .quick-search-wrapper p,
.prm-flpr.theme-D-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-D-dark .search-module .quick-search a,

.prm-flpr.theme-E-dark .cover .cover-heading,
.prm-flpr.theme-E-dark .cover .cover-heading .directory,
.prm-flpr.theme-E-dark .cover .task-title,
.prm-flpr.theme-E-dark .cover .task-title .directory,
.prm-flpr.theme-E-dark .cover .lead,
.prm-flpr.theme-E-dark .search-module label,
.prm-flpr.theme-E-dark .search-module .total-jobs,
.prm-flpr.theme-E-dark .search-filter legend,
.prm-flpr.theme-E-dark .search-module .quick-search-wrapper p,
.prm-flpr.theme-E-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-E-dark .search-module .quick-search a,

.prm-flpr.theme-F-dark .cover .cover-heading,
.prm-flpr.theme-F-dark .cover .cover-heading .directory,
.prm-flpr.theme-F-dark .cover .task-title,
.prm-flpr.theme-F-dark .cover .task-title .directory,
.prm-flpr.theme-F-dark .cover .lead,
.prm-flpr.theme-F-dark .search-module label,
.prm-flpr.theme-F-dark .search-module .total-jobs,
.prm-flpr.theme-F-dark .search-filter legend,
.prm-flpr.theme-F-dark .search-module .quick-search-wrapper p,
.prm-flpr.theme-F-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-F-dark .search-module .quick-search a,

.prm-flpr.theme-G-dark .cover .cover-heading,
.prm-flpr.theme-G-dark .cover .cover-heading .directory,
.prm-flpr.theme-G-dark .cover .task-title,
.prm-flpr.theme-G-dark .cover .task-title .directory,
.prm-flpr.theme-G-dark .cover .lead,
.prm-flpr.theme-G-dark .search-module label,
.prm-flpr.theme-G-dark .search-module .total-jobs,
.prm-flpr.theme-G-dark .search-filter legend,
.prm-flpr.theme-G-dark .search-module .quick-search-wrapper p,
.prm-flpr.theme-G-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-G-dark .search-module .quick-search a {
	color: #fff;
}

.prm-flpr.theme-C-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-D-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-E-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-F-dark .hero-content-wrapper .advance-btn a,
.prm-flpr.theme-G-dark .hero-content-wrapper .advance-btn a {
	background: #000;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .4);
}
.prm-flpr.theme-C-dark .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-C-dark .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-C-dark .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-D-dark .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-D-dark .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-D-dark .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-E-dark .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-E-dark .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-E-dark .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-F-dark .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-F-dark .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-F-dark .hero-content-wrapper .advance-btn a:focus,

.prm-flpr.theme-G-dark .hero-content-wrapper .advance-btn a:hover,
.prm-flpr.theme-G-dark .hero-content-wrapper .advance-btn a:active,
.prm-flpr.theme-G-dark .hero-content-wrapper .advance-btn a:focus  {
	background: #000;
	background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 1);
}
.cover .cover-heading,
.cover .task-title {
	border: none;
	margin-top: 0;
	/* margin: 0 0 15px 0; */
	padding: 0;
	font-size: 2.5rem;
	font-weight: 700;
}
.cover .cover-heading .directory,
.cover .task-title .directory {
	display: table;
	/* text-transform: uppercase; */
	font-size: 1.5rem;
	font-weight: 400;
	color: #636363;
	margin-bottom: 10px;
	line-height: normal;
}
/* Dark BG */
.prm-flpr.theme-dark .cover .cover-heading .directory,
.prm-flpr.theme-dark .cover .task-title .directory {
	background-color: rgba(255,255,255,.15) !important;
	padding: 7px 20px 9px 20px;
	border-radius: 18px;
}
/* Light BG */
.prm-flpr.theme-light .cover .cover-heading .directory,
.prm-flpr.theme-light .cover .task-title .directory {
	background-color: rgba(0,0,0,.05) !important;
	padding: 7px 20px 9px 20px;
	border-radius: 18px;
}
.cover .cover-heading:active,
.cover .cover-heading:focus,
.cover .task-title:active,
.cover .task-title:focus {
	outline: 1px dotted #666;
}
.cover .cover-heading .directory,
.cover .task-title .directory {
	display: table;
	/* text-transform: uppercase; */
	font-size: 1.5rem;
	font-weight: 400;
	color: #636363;
	margin-bottom: 10px;
}
.cover .lead {
	font-size: 1.5rem;
	font-weight: 300;
	margin-bottom: 10px;
}
.login-group {
	border-top: 5px solid #ddd;
	background: #F9F9F9;
	padding: 0 10px 10px 10px;
	/* -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.7); */
	/* border-radius: 15px; */
	z-index: 3;
}
.cover .login-group .cover-heading {
	margin: 30px 0 0 0;
	font-size: 0;
}
.login-group p.lead {
	margin: 10px 0 5px 0;
	font-size: 1em;
}
.login-group .featured-group > .brand-wrap {
	padding: 0;
}
.login-group .hero-content-wrapper .featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
	font-size: 2.25rem;
	width: 2.2em;
	height: 2.2em;
	line-height: 1.85em;
	margin: 0 10px 0 0;
	padding: 0 0 15px 0;
	border: 4px solid #dfdfdf;
}
.login-group .featured-group > .brand-wrap > .fg-wrap > .text > .title {
	padding: 0;
}
@media screen and (min-width: 768px) {
	.login-group {
		padding: 0 40px 10px 40px;
	}
	.login-group p.lead {
		font-size: 1.2em;
	}
	.cover .login-group .cover-heading {
		margin: 40px 0 0 0;
	}	
}
@media screen and (max-width: 768px) and (orientation: portrait) {
	.cover .lead {
		/* display: none; */
	}
}
@media screen and (max-width: 768px) and (orientation: landscape) {
	.cover .lead {
		/* display: none; */
	}
}
.theme-light > .search-module,
.theme-light2 > .search-module,
.theme-white > .search-module {
	padding: 0 1rem;
}
@media screen and (min-width: 768px) {
	
	.cover .cover-heading,
	.cover .task-title {
		font-size: 4.5rem;
		font-weight: 900;
		margin-bottom: 20px;
	}
	.cover .task-title {
		margin-bottom: 10px;
	}
	.cover .lead {
		font-size: 2.25rem;
		font-weight: 300;
		/* margin-bottom: 30px; */
		display: block;
	}
	.theme-light2 .cover .cover-heading,
	.theme-light2 .cover .lead  {
		text-align: center;
	}
	.theme-light > .search-module,
	.theme-light2 > .search-module,
	.theme-white > .search-module {
	    margin: 0;
	    width: 75%;
	    padding: 0 !important;
	}
	.cover .cover-heading .directory,
	.cover .task-title .directory {
		font-size: 2rem;
	}
}
.search-module label,
.search-module .total-jobs {
	margin: 0 0 1rem 0;
	padding: 0;
	font-size: 1.7rem;
	font-weight: 300;
}
.search-module .total-jobs a,
.search-module .total-jobs a:visited {
	color: #555;
	text-decoration: none;
}
@media screen and (orientation: landscape) {
	.search-module label,
	.search-module .total-jobs {
		margin: 0 0 1rem 0;
	}
}
.search-module .advance-btn-group {
	padding: 0;
}
.search-module .advance-btn-group .advance-btn .btn {
	padding: 10px 10px 11px 10px;
	color: #295376;
	font-size: 1.35rem;
	margin: 0;
}
.search-module .advance-btn-group .advance-btn .btn .fa,
.search-module .advance-btn-group .advance-btn .btn .fas,
.search-module .advance-btn-group .advance-btn .btn .fal,
.search-module .advance-btn-group .advance-btn .btn .far {
	font-size: 1.55em;
	top: 3px;
	position: relative;
}
.search-module .input-wrapper {
	/* padding: auto; */
	padding-bottom: 15px;
}
.search-module .input-group {
	width: 100%;
}
.search-module .input-group-btn,
.ec-panel .input-group-btn {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}
.search-module .input-group-btn button {
	/* width: 50%; */
	margin-left: 0 !important;
	/* margin-top: 10px; */
}
.search-module .input-group-btn .btn-default {
	border: 1px solid #aaa;
	padding: 10px 20px;
	font-size: 1.5rem;
	line-height: 2rem;
}
.search-module .input-group-btn .btn-primary {
	border: 1px solid #2572b4;
	background-color: #2572b4;
	width: 100% !important;
}
/* .search-module .input-group-btn:last-child > .btn, */
.search-module .input-group-btn:last-child > .btn-group {
    width: 100%;
    display: block;
    margin-left: 0;
    font-weight: 400;
    line-height: 2.4rem;
}
.search-filter {
	display: block;
	position: absolute;
	top: 100px;
	margin: 10px -15px 0 -15px;
	width: 100%;
}

.secondary-filter {
    top: 125px;
}

.search-filter legend {
	font-family: Arial, sans-serif !important;
	font-size: 0.85em;
	font-weight: 400;
	margin: 6px 10px 0 0;
	padding-bottom: 0;
	font-stretch: normal;
	color: #000;
	float: left;
	width: auto;
	border: none;
}
.search-filter .col-md-2,
.search-filter .col-md-3,
.search-filter .col-md-4,
.search-filter .col-md-5,
.search-filter .col-md-6 {
	padding-left: 0;
}
.search-filter .sort-group {
	display: block;
	clear: both;
}
.search-filter .checkbox,
.search-filter .radio {
	margin-bottom: 0;
	display: block;
}

.search-filter input[type="checkbox"],
.search-filter input[type="radio"] {
    margin: -4px 0 0 4px !important;
}

.search-filter .checkbox+.checkbox,
.search-filter .radio+.radio {
    margin-top: 0;
}
.search-filter input {
	top: 6px;
    left: 1px;
	outline: none;
	width: 10px;
	height: 10px;
}
.search-filter label {
	font-family: Arial, sans-serif !important;
	font-size: 0.85em;
	margin: 0 15px 0 0;
	line-height: 1.3em !important;
}
@media screen and (min-width: 500px ) {
	.search-filter {
		top: 50px;
		margin: 0 -15px 0 -15px;
	}

    .secondary-filter {
        top: 75px !important;
    }

	.search-filter .sort-group {
		display: inline-block;
	}
	.search-filter .checkbox,
	.search-filter .radio {
		margin-bottom: 0;
		display: inline-block;
	}
}
@media screen and (min-width: 992px) {
	.search-module .input-wrapper {
		padding: 0 !important;
	}
	.search-filter legend {
		display: inline-block;
		margin: 7px 10px 0 0;
		width: auto;
		float: left;
	}
	.search-filter .col-md-2,
	.search-filter .col-md-3,
	.search-filter .col-md-4,
	.search-filter .col-md-5,
	.search-filter .col-md-6 {
		padding-left: 15px;
	}

}
@media screen and (min-width: 768px) {
	.hero-content-wrapper .search-module {
	    margin: 0;
		/* padding-top: 45px; */
		/* width: 75%; */
		/* height: 130px; */
		padding: 0;
	}
	.theme-light .hero-content-wrapper .search-module {

	}
	.theme-light2 .hero-content-wrapper .search-module {
	    margin: 0 auto;
	}
	.theme-white .hero-content-wrapper .search-module {
	
	}
	.search-module label,
	.search-module .total-jobs {
		font-size: 0.85em;
	}
	.search-module .input-group-btn button {
		/* width: 50%; */
		margin-left: 0 !important;
		margin-top: 0;
	}
	.search-module .input-group-btn:last-child > .btn,
	.search-module .input-group-btn:last-child > .btn-group {
		width: auto !important;
		margin-left: -1px !important;
		display: inline-block;
	  	min-height: 46px;
	}
	.search-module .advance-btn-group {
		padding: 0;
		/* margin: 0 0 0 10px; */
		position: absolute;
		width: 110px;
		display: block;
		right: 0;
	}
}

.search-module .btn-primary,
.search-module .btn-primary:hover,
.search-module .btn-primary:active,
.search-module .btn-primary:focus {
    width: auto;
    text-transform: uppercase;
    /* z-index: 2; */
    font-weight: 500;
}
.search-module input {
	border: 1px solid #97acc7 !important;
	/* padding-right: 130px; */
}
.search-module .quick-search-wrapper {
	font-size: 0.85em;
	padding-top: 10px;
	display: none;
}
.search-module .quick-search-wrapper p {
	margin: 0;
	display: none;
}
.advance-btn {
	display: block;
	float: none;
	margin: 130px 0 0 -10px;
	position: relative;
}
#search-input-content .advance-btn {
	padding: 0;
	margin: 0 -10px;
}
.advance-btn a {
	width: auto;
	padding: 7px 12px 4px 12px;
	margin: 7px 0 0 0;
	font-size: 1.5rem;
	color: #295376;
}
@media screen and (min-width: 327px) {
	.advance-btn {
		margin: 130px 0 0 -10px;
	}
}
@media screen and (min-width: 452px) {
	.advance-btn {
		margin: 130px 0 0 -10px;
	}
}
@media screen and (min-width: 500px) {
	.advance-btn {
		margin: 30px 0 0 -10px;
	}
	.search-module .input-group-btn,
	.ec-panel .input-group-btn {
	    display: table-cell;
	    width: 1%;
	    margin-top: 0;
	    vertical-align: top;
	}
}
.search-module .quick-search {
	margin: 0;
	padding: 0;
	list-style: none;
}
.search-module .quick-search li {
	display: block;
	/* font-size: 1.5rem; */
}
.search-module .quick-search a {
	color: #295376;
	/* text-decoration: none; */
	padding: 5px 10px;
	background: rgba(255, 255, 255, .75);
}
.search-module .quick-search a:hover {
	/* text-decoration: underline; */
	color: #bc3c3c;
}

@media (min-width: 768px) {
	.search-module .quick-search-wrapper {
		display: inline-block;
		/* margin-top: 30px; */
	}
	.search-module .quick-search-wrapper p {
		margin: auto;
		display: inline-block;
	}
	.search-module .quick-search {
		margin: 8px 0 0 0;
	}
	.hero-content-wrapper .advance-btn a,
	.search-filter .advance-btn a {
		/* padding: 10px 0; */
		margin: 0;
	}
	.advance-btn {
		margin: 0;
		padding: 5px 0 0 0;
		float: right;
	}
}
@media (min-width: 992px) {
	.search-module .quick-search-wrapper {
		margin-top: 0px;
	}
	.hero-content-wrapper .advance-btn a,
	.search-filter .advance-btn a {
		float: right;
	}
	
}
.search-module-tools {
	padding: 0;
	/* margin-top: 15px; */
}
.search-module-tools .tool-link {
	/* font-weight: 500;	 */
	
}
.search-module-tools .tool-link a {
	text-align: left;
	background: #fff;
	/* border-right: 1px solid #cecece;
	border-bottom: 1px solid #cecece; */
	/* padding: 9px 25px 9px 35px; */
	padding: 9px 15px 9px 0;
	/* margin-right: 5px; */
	position: relative;
	border: 0;
}
.search-module-tools .tool-link a span.title {
	/* font-family: "Arial Narrow", Arial;
	font-stretch: condensed; */
	/* font-weight: bold; */
	font-size: 1.6rem;
	display: inline-block;
	line-height: 2.4rem;
	position: relative;
	white-space: nowrap;
}
.search-module-tools .tool-link a:hover span.title {
	 text-decoration: underline;
}
.search-module-tools .tool-link a span.tag {
	/* font-family: Arial;
	font-stretch: normal;
	font-weight: normal;*/
	font-size: 1.5rem; 
	color: #666;
	line-height: 1.7rem;
	display: none;
	white-space: nowrap;
	position: relative;
	margin-left: 10px;
	/* text-transform: uppercase; */
}
.search-module-tools .tool-link-more a {
	/* font-weight: 400;
	margin-left: 20px; */
	color: #295376;
}
.search-module-tools .tool-link-more .fa-angle-right {
	/* margin-right: 3px; */
}
.search-module-tools a {
	/* padding: 10px 10px 10px 0;
	text-decoration: none;
	background: #F0F8FA;
	border: 1px solid #C0DEE6;
	color: #295376;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 0.20px;
	font-size: 1.8rem; */
}
.search-module-tools a:hover {
	text-decoration: underline;
}
.search-module-tools .fa-caret-right {
	/* position: absolute;
	left: 16px;
	top: 13px; */
	/* display: none; */
}
.featured-group,
.main-group {
	display: block;
	padding: 0;
	/* height: auto; */
}
.main-group {
	margin: 20px 0 0 0;
}
.featured-group > .brand-wrap,
.main-group > .brand-wrap {
	display: block;
	font-family: 'Roboto', sans-serif;
	text-decoration: none;
	/* margin: 10px 0 0 0; */
	margin: 0;
	padding: 10px;
	height: 100%;
	/* box-sizing: border-box;
	width: 100%; */
}
.featured-group > .brand-wrap:hover,
.main-group > .brand-wrap:hover {
    background-color: #eee;
}
.results-filter-content .featured-group > .brand-wrap:hover,
.hero-content-wrapper .featured-group > .brand-wrap:hover {
    background: none;
}
.main-group > .brand-wrap {
	margin: 0;
}
.featured-group > .brand-wrap > span.fg-wrap > span.icon {
    padding: 0;
    margin-right: 5px;
	font-size: 5rem;
	float: left;
	display: block;
}
.main-group > .brand-wrap > span.fg-wrap > span.icon {
    padding: 12px 0 0 0;
    margin-right: 5px;
	font-size: 5rem;
	float: left;
}
.featured-group > .brand-wrap > span.fg-wrap {
	display: block;
	margin: 0;
	min-height: 60px;
}
.results-filter-content .featured-group > .brand-wrap > span.fg-wrap {
	display: block;
	margin: 0;
	min-height: 50px;
}
.main-group > .brand-wrap > span.fg-wrap {
	display: block;
	margin: 0;
	min-height: 60px;
}
.featured-group > .brand-wrap > .fg-wrap > .text > .title {
	display: block;
	font-size: 1.7rem;
	font-weight: 400;
	text-decoration: none;
	color: #636363;
	padding: 4px 0 0 0;
	line-height: 1.4375em;
}
.main-group > .brand-wrap > .fg-wrap > .text > .title {
	display: inline-block;
	font-size: 1.5rem;
	text-decoration: none;
	text-transform: uppercase;
	color: #636363;
}
.featured-group > .brand-wrap > .fg-wrap > .text > .task {
	font-size: 2.25rem;
	line-height: 0.9em;
	display: block;
	font-weight: 600;
	text-decoration: none;
	letter-spacing: -0.05rem;
}
@media screen and (min-width: 768px) {
	.featured-group > .brand-wrap > .fg-wrap > .text > .task {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
}
.results-filter-content .featured-group > .brand-wrap > .fg-wrap > .text > .task {
	text-decoration: none;
}
.main-group > .brand-wrap > .fg-wrap > .text > .task {
	display: block;
	font-size: 2.5rem;
	font-weight: 400;
	text-decoration: none;
	line-height: 3.5rem;
	letter-spacing: 0;
	padding-top: 12px;
}
@media screen and (min-width: 768px) {
	.hero-content-wrapper .featured-group > .brand-wrap > .fg-wrap > .text > .title {
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 1.4375em;
	}
	.hero-content-wrapper .featured-group > .brand-wrap > .fg-wrap > .text > .task {
		font-size: 3.5rem;
		text-decoration: none;
	}
}
.featured-group > a:hover > .fg-wrap > .text > .task,
.featured-group > a:focus > .fg-wrap > .text > .task,
.featured-group > a:active > .fg-wrap > .text > .task,
.main-group > a:hover > .fg-wrap > .text > .task, 
.main-group > a:focus > .fg-wrap > .text > .task,
.main-group > a:active > .fg-wrap > .text > .task {
	text-decoration: underline;
}
@media (min-width: 480px) {
	/* .featured-group > .brand-wrap > span.fg-wrap,
	.main-group > .brand-wrap > span.fg-wrap {
		display: block;
		margin: 0;
	} */
	.featured-group > .brand-wrap {
		margin: 0;
		padding: 20px 10px 20px 20px;
	}
}
@media (min-width: 768px) {
	.search-module .quick-search-wrapper p {
		float: left;
		padding-top: 0;
		margin: 0;
	}
	.search-module .quick-search {
	    /* float: left; */
	    margin: 0;
	    display: inline-block;
		position: relative;
		padding: 0 0 0 5px;
	}
	.search-module .quick-search li {
		/* display: inline-block; */
		float: left;
		border-right: 1px solid #ccc;
	}
	.search-module .quick-search li:last-child {
		border-right: 0;
	}
	/*.search-module .quick-search a {
		padding: 5px 10px;
	}
	 .search-module .quick-search li:first-child a {
		padding: 5px 10px 5px 0;
	}
	.search-module .quick-search li:last-child a {
		padding: 5px 0 5px 10px;
	} */
	.featured-group > .brand-wrap {
		/* margin: 50px 0; */
		margin: 0;
		padding: 30px 10px 30px 20px;
	}
	.featured-group > .brand-wrap .new {
		left: 10px;
		top: 43px;
		font-size: 0.75em;
		color: #fff;
		background: #bc3c3c;
		padding: 2px 10px 2px 10px;
		border-radius: 7px;
		z-index: 9;
		font-family: 'Roboto', sans-serif;
		font-weight: 300;
		position: absolute;
	}
	.featured-group > .brand-wrap > .fg-wrap > .text > .title {
		font-size: 1.8rem;
	}
	.featured-group > .brand-wrap > .fg-wrap > .text > .task {
		font-size: 2.55rem;	
	}
}
@media (min-width: 992px) {
	/* .featured-group > .brand-wrap > .fg-wrap > .icon {
	    position: absolute;
	} */
	.featured-group > .brand-wrap > .fg-wrap > .text  {
		display: block;
		/* margin: 0 0 0 50px; */
	}
	.featured-group.featured-product > .brand-wrap > .fg-wrap > .text {
	    display: block;
	    margin: 0 0 0 35px;
	}
	.search-module .quick-search-wrapper p {
		/* margin: 0 0 11.5px 0; */
	}
	.search-module .quick-search {
	   /*  margin: 8px 0 0 0; */
	}
	.search-module .quick-search li:first-child a {
		padding: 5px 10px;
	}
	.search-module .quick-search li:last-child a {
		padding: 5px 10px;
	}
}

.employer-theme.featured-group > .brand-wrap {
	color: #bc3c3c !important;
}
.employer-theme.main-group > .brand-wrap {
	color: #bc3c3c !important;
}
.job-theme.featured-group > .brand-wrap {
	color: #3e68a1 !important;
}
.job-theme.main-group > .brand-wrap {
	color: #3e68a1 !important;
}
.lmi-theme.featured-group > .brand-wrap {
	color: #77549F !important;
}
.lmi-theme.main-group > .brand-wrap {
	color: #77549F !important;
}
.explore-theme.featured-group > .brand-wrap {
	color: #487D4E !important;
}
.explore-theme.main-group > .brand-wrap {
	color: #487D4E !important;
}
/* Job Search */
.job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: rgb(34, 101, 170);
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 5px solid #dfdfdf;
    font-size: 3.5rem;
    width: 2em;
    height: 2em;
    line-height: 1.7em;
    margin: 0 10px 30px 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.job-theme.main-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: rgb(34, 101, 170);
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 4px solid #dfdfdf;
	font-size: 2.5rem;
	width: 2.2em;
	height: 2.2em;
	line-height: 1.9em;
    margin: 0 5px 0 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/* Employer */
.employer-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: #bc3c3c;
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 5px solid #dfdfdf;
    font-size: 3.5rem;
    width: 2em;
    height: 2em;
    line-height: 1.7em;
    margin: 0 10px 30px 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.employer-theme.main-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: #bc3c3c;
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 4px solid #dfdfdf;
	font-size: 2.5rem;
	width: 2.2em;
	height: 2.2em;
	line-height: 1.9em;
    margin: 0 5px 0 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/* Explore Careers */
.explore-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: #487D4E;
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 5px solid #dfdfdf;
    font-size: 3.5rem;
    width: 2em;
    height: 2em;
    line-height: 1.8em;
    margin: 0 10px 30px 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.explore-theme.main-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: #487D4E;
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 4px solid #dfdfdf;
    font-size: 2.5rem;
    width: 2.2em;
    height: 2.2em;
    line-height: 1.9em;
    margin: 0 5px 0 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
/* LMI */
.lmi-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: #77549F;
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 5px solid #dfdfdf;
    font-size: 3.5rem;
    width: 2em;
    height: 2em;
    line-height: 1.7em;
    margin: 0 10px 30px 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.lmi-theme.main-group > .brand-wrap > span.fg-wrap span.icon.landing {
    border-radius: 50%;
    color: #77549F;
    text-align: center;
    background: #fff none repeat scroll 0% 0% padding-box;
    border: 4px solid #dfdfdf;
    font-size: 2.5rem;
    width: 2.2em;
    height: 2.2em;
    line-height: 1.9em;
    margin: 0 5px 0 0;
    padding: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}
.hero-content-wrapper .featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
	font-size: 2.25rem;
	width: 2.2em;
	height: 2.2em;
	line-height: 1.8em;
	border-width: 4px;
	margin: 0 10px 0 0;
}
@media screen and (min-width: 768px) {
	.hero-content-wrapper .featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
		font-size: 4rem;
	}
	.hero-content-wrapper .job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing,
	.hero-content-wrapper .employer-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
		border: 7px solid #dfdfdf;
	}
}
.featured-tool {
	padding: 0;
	/* margin: 20px 0 0 0; */
	/* border-top: 1px solid #ddd; */
}
.featured-tool .brand-wrap {
	display: block;
	width: 100%;
	/* height: auto; */
	position: relative;
	padding: 30px 10px 10px 10px;
	text-decoration: none;
}
.featured-tool .brand-wrap:hover {
	background-color: #eee;
}
.featured-tool .brand-wrap .new {
	position: absolute;
	left: 15px;
	top: 25px;
	font-size: 0.75em;
	color: #fff;
	background: #bc3c3c;
	padding: 2px 10px 2px 10px;
	border-radius: 7px;
	z-index: 9;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.featured-tool-description {
	display: block;
	padding: 0;
}
.featured-tool .title,
.featured-tool .lead {
	font-family: 'Roboto', sans-serif;
	display: block;
}
.featured-tool .title {
	margin: 0;
	padding: 0;
	font-size: 2.25rem;
	font-weight: 500;
	color: #3e68a1;
	text-decoration: underline;
}
.featured-tool > a:hover > .featured-tool-description > .title,
.featured-tool > a:focus > .featured-tool-description > .title,
.featured-tool > a:active > .featured-tool-description > .title {
	text-decoration: underline;
}
.featured-tool .lead {
	font-size: 2rem;
	font-weight: 300;
	display: block;
	color: #636363;
	margin: 0;
}
.featured-tool-icon {
	float: left;
	margin-top: -10px;
	margin-right: 10px;
	margin-bottom: 35px;
}
.featured-tool .fa,
.featured-tool .far,
.featured-tool .fal,
.featured-tool .fas {
	width: 2.5em;
	line-height: 2.1em;
	font-size: 2em;
	height: 2.5em;
	border: 6px solid;
		
	border-radius: 50%;
	color: #3e68a1;
	/* border: 7px solid #e1e1e1; */
	/* width: 2.25em;
	line-height: 1.85em;
	font-size: 3.5em;
	height: 2.25em; */
	text-align: center;
	margin: 0;
	/* border: 8px solid; */
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box;
	background-clip: padding-box;	
}
.featured-tool > a:hover > .featured-tool-description > .featured-tool-icon > .fa,
.featured-tool > a:focus > .featured-tool-description > .featured-tool-icon > .fa,
.featured-tool > a:active > .featured-tool-description > .featured-tool-icon > .fa,
.featured-tool > a:hover > .featured-tool-description > .featured-tool-icon > .fas,
.featured-tool > a:focus > .featured-tool-description > .featured-tool-icon > .fas,
.featured-tool > a:active > .featured-tool-description > .featured-tool-icon > .fas,
.featured-tool > a:hover > .featured-tool-description > .featured-tool-icon > .fal,
.featured-tool > a:focus > .featured-tool-description > .featured-tool-icon > .fal,
.featured-tool > a:active > .featured-tool-description > .featured-tool-icon > .fal,
.featured-tool > a:hover > .featured-tool-description > .featured-tool-icon > .far,
.featured-tool > a:focus > .featured-tool-description > .featured-tool-icon > .far,
.featured-tool > a:active > .featured-tool-description > .featured-tool-icon > .far {
	color: #fff;
	background: #3e68a1;
	border-color: #e1e1e1;
}
@media screen and (min-width: 768px) {
	.featured-tool-description {
		margin: 20px 0;
	}
	.spotlight-tab .featured-tool-description {
		margin: 0;
		display: inline-block;
	}
	.featured-tool .brand-wrap {
		border-top: 1px solid #ccc;
		padding: 15px 30px;
		height: 130px;
	}
	/* .featured-tool .title {
		margin: 0;
	} */

	.spotlight-tab .featured-tool .title {
		margin: 0;
		display: inline-block;
		color: #fff;
		font-size: 1.5rem;
		font-family: Arial, sans-serif;
	}
	.featured-tool-icon {
		/* float: left;
		margin-top: -10px;
		margin-right: 10px; */
		margin-bottom: 0;
	}
	.spotlight-tab .featured-tool-icon {
		float: none;
		display: block;
		margin: 0 0 5px 0;
	}
	.spotlight-tab .featured-tool .fa {
		/* width: 2em;
		line-height: 1.7em;
		font-size: 1.5em;
		height: 2em;
		border: 4px solid; */
	}
	.featured-tool .fa,
	.featured-tool .far,
	.featured-tool .fal,
	.featured-tool .fas {
		width: 2.5em;
		line-height: 2.1em;
		font-size: 2em;
		height: 2.5em;
		border: 6px solid;
	}
}
.results-filter-content .featured-content {
	padding: 10px 0 0 0;
}
.job-alert-profile .featured-content,
.job-alert-profile .featured-group > .brand-wrap {
	padding: 0;
	margin: 0;
}
.job-alert-profile .featured-group > .brand-wrap:hover {
	background: none;
}
.job-alert-profile .featured-content {
	margin: 0;
}
.results-filter-content .job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing,
.job-alert-profile .job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
	margin: 0 10px 0 0;
}
.job-alert-profile .featured-group > .brand-wrap > .fg-wrap > .text > .task {
    text-decoration: none;
}
@media screen and (min-width: 992px) {
	.featured-group.featured-product {
	    height: 200px;
	}
	.featured-group > .brand-wrap {
		/* margin: 50px 10px 50px 0; */
		margin: 0;
		padding:  20px 10px 50px 20px;
	}
	.hero-content-wrapper .featured-group > .brand-wrap {
		margin: 0;
		padding: 0;
	}
	.hero-content-wrapper .job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing,
	.hero-content-wrapper .employer-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
		margin-bottom: 10px;
	}
	.results-filter-content .featured-content {
		padding: 0;
	}
	.results-filter-content .featured-group {
		margin: 20px 0px 0px;
	}
	.results-filter-content .featured-group > .brand-wrap {
		margin: 0 0 10px 0;
		padding: 0;
	}
	.job-alert-profile .featured-group > .brand-wrap {
		margin: 5px 0px 10px;
	}
	.results-filter-content .job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing,
	.job-alert-profile .job-theme.featured-group > .brand-wrap > span.fg-wrap span.icon.landing {
		font-size: 2.25rem;
		width: 2.2em;
		height: 2.2em;
		line-height: 1.85em;
		margin: 0 10px 0 0;
		padding: 0 0 15px 0;
		border: 4px solid #dfdfdf;
	}
	.results-filter-content .featured-group > .brand-wrap > .fg-wrap > .text > .title,
	.job-alert-profile .featured-group > .brand-wrap > .fg-wrap > .text > .title {
		font-size: 1.7rem;
		padding: 0;
	}
	.results-filter-content .featured-group > .brand-wrap > .fg-wrap > .text > .task,
	.job-alert-profile .featured-group > .brand-wrap > .fg-wrap > .text > .task {
	    font-size: 2.25rem;
	    line-height: 0.9em;
	}
}
.mobile-theme.featured-tool .fal,
.mobile-theme.featured-tool .far,
.mobile-theme.featured-tool .fas,
.job-theme.featured-tool .fa,
.employer-theme.featured-tool .fa {
	margin: 0 auto;
	display: block;
	background: #fff;
	border-color: #e1e1e1;
}
.canada-numbers-wrapper {
	padding: 50px 30px;
	background: url('images/bg-canadanumbers.png') no-repeat 50% 10%;
	/* background-size: cover; */
	height: auto;
}
.canada-numbers-wrapper h2, 
.stats-object .title,
.stats-object .lead {
	font-family: 'Roboto', sans-serif;
}
.canada-numbers-wrapper h2 {
	font-weight: 300;
	/* text-transform: uppercase; */
	margin: 0 0 20px 0;
}
.stats-container {
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	display: table;
	background-color: rgba(255,255,255,.85);
	border: 1px solid #ddd;
	text-align: left;
}
.stats-container > .stats-object {
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	width: auto;
}
.stats-container > .stats-object:last-child {
	margin: 0;
}
.stats-object .title {
	font-size: 1.7rem;
	font-weight: 500;
	/* text-transform: uppercase; */
	color: #636363;
	margin: 0 0 5px 0;
	padding: 0;
}
.stats-object .lead {
	font-size: 3rem;
	font-weight: 500;
	letter-spacing: -0.1rem;
	margin-bottom: 0;
	color: #555;
	line-height: 1;
}
.stats-object .lead .number,
.stats-object .lead a  {
	color: #487D4E;
	text-decoration: none;
	padding: 0 10px;
	border-radius: 10px;
}
.stats-object .lead .number:hover,
.stats-object .lead a:hover {
	text-decoration: underline;
}
.stats-object .fa {
	color: #777;
	margin-left: 10px;
}
@media screen and (min-width: 768px) {

	.stats-container {
		padding: 30px;
	}
	.stats-container > .stats-object {
		padding: 0 10px;
	}
	.stats-object .title {
		font-size: 1.8rem;
	}
	.stats-object .lead {
		font-size: 3.5rem;
	}
	.stats-object .fa {
	
	}
}
@media screen and (min-width: 992px) {
	.stats-container {
		text-align: center;
		width: auto;
	}
	.stats-container > .stats-object {
		display: inline-block;
	}
}
@media screen and (min-width: 1200px) {
	.canada-numbers-wrapper {
		background: url('images/bg-canadanumbers.png') no-repeat 50% -50%;
	}
	.stats-container > .stats-object {
		margin: 0;
	}
}
.cover .task-title {
	border: none;
	overflow-y: hidden;
	height: auto;
	position: relative;
}
.cover select {
	font-size: 2.5rem;
	padding: 5px 10px;
	/* height: 50px; */
	height: auto;
}
.cover select option {
	font-size: 2.5rem;
	padding: 5px 10px;
}
.featured-content {
	padding: 30px 0;
	margin: 0 -15px;
}
.hero-content-wrapper .featured-content {
	padding: 0;
	margin-bottom: -20px;
}
.service-content {
	/* padding: 20px 0 40px 0; */
	padding: 0;
	/* border: 1px solid #ccc; */
	margin: 40px 0;
	display: table;
}
.service-content div {

}
.service-content .service-content-details {
	padding: 30px;
	background: #fff;
	margin: 0;
	vertical-align: top;
}
.service-content .service-content-bg {
	background-size: cover;
	/* max-height: 300px !important;
	min-height: 300px !important; */
	display: block;
	min-height: 250px;
	width: 100%;
}
#jbMobileApp.service-content .service-content-bg {
	background: url('images/landing/landing-service-image13.jpg') no-repeat 60% 0%;
	background-size: cover;
}
#jbJobAlert.service-content .service-content-bg,
#jaJobAlert.service-content .service-content-bg {
	background: url('images/landing/landing-service-image2.jpg') no-repeat right bottom;
	background-size: cover;
}
#jbJobMatch.service-content .service-content-bg {
	background: url('images/landing/landing-service-image1.jpg') no-repeat right bottom;
	background-size: cover;
}
#jbCareerTool.service-content .service-content-bg {
	background: url('images/landing/landing-service-image3.jpg') no-repeat 100% 30%;
	background-size: cover;
}
#jbQuizzes.service-content .service-content-bg {
	background: url('images/landing/landing-service-image9.jpg') no-repeat 100% 30%;
	background-size: cover;
}
#jbExternalTool.service-content .service-content-bg {
	background: url('images/landing/landing-service-image4.jpg') no-repeat 20% 100%;
	background-size: cover;
}
#jbEmployersEmployer.service-content .service-content-bg {
	background: url('images/landing/landing-service-image5.jpg') no-repeat 50% 100%;
	background-size: cover;
}
#jbEmployersWalkthrough.service-content .service-content-bg {
	background: url('images/landing/landing-service-image7.jpg') no-repeat 27% 100%;
	background-size: cover;
}
#jbEmployersResources.service-content .service-content-bg {
	background: url('images/landing/landing-service-image6.jpg') no-repeat 40% 100%;
	background-size: cover;
}
#jbLMInews.service-content .service-content-bg {
	background: url('images/landing/landing-service-image10.jpg') no-repeat 50% 100%;
	background-size: cover;
}
#jbLMIExplore.service-content .service-content-bg {
	background: url('images/landing/landing-service-image12.jpg') no-repeat 45% 100%;
	background-size: cover;
}

#jbResumeBuilder.service-content .service-content-bg {
	background: url('images/landing/landing-service-image4.jpg') no-repeat right bottom;
	background-size: cover;
}
/*
.service-content'.service-content img.pull-left,
.service-content img.pull-right {
	width: 425px !important;
	height: 350px !important;
	float: none !important;
	max-width: 300px;
}
.service-content img {
	width: 425px !important;
	height: 350px !important;
	float: none !important;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 20px 0 40px 0;
} */
.service-content h2 {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 500;
	font-size: 2.5rem;
	color: #555;
	margin-top: 0;
	/* letter-spacing: 0.15rem; */
}
.service-content h2 .new {
	left: 48px;
	top: 21px;
	font-size: 0.35em;
	color: #fff;
	background: #bc3c3c;
	padding: 5px 12px 5px 12px;
	border-radius: 7px;
	z-index: 9;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	position: absolute;
}
.service-content h2 .title {
	color: #707070; /* #636363; */
	display: block;
	/* text-transform: uppercase; */
	font-size: 1.7rem;
	font-weight: 500;
	margin: 0 0 5px 0;
}
.service-content h2 em {
	color: #898989;
	font-style: normal;
}
.service-content p.lead,
.service-content ul.lead {
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-weight: 300;
	line-height: 1.4em;
}
.service-content h2 .dialog-help {
	font-size: 0.7em;
	padding: 5	px 3px 0px 3px;
	line-height: 1.2em;
	top: -1px;
	width: 30px;
	height: 30px;
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
	z-index: 8;
}
main.search-visible .overlay {
	visibility: visible;
	opacity: .45;
}
main .search-input-content {
	margin-bottom: 15px;
	margin-left: 0px;
	margin-right: 0px
	/*	display: none;*/
}
main.search-visible .search-input-content {
	display: block;
	position: absolute;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #fff;
	z-index: 9;

	left: 0;
	right: 0;
	padding: 0;
	margin: 0;
	box-shadow: 0 10px 6px -6px rgba(0,0,0,.25);
}
main.search-visible .search-input-content form {
	padding: 15px 15px 0 15px;
}
main.search-visible .search-input-content form h2 {
	margin: 0 0 10px 0;
}
main .command-search-overlay-close {
	display: none;
}
main.search-visible .command-search-overlay-close {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
}
main.search-visible .results-content {
	/* display: none; */
}
.container .jobbank-menu-content {
	margin: 0;	
}
.search-input-content-nav {
	margin: 0 0 15px 0;
}
@media (min-width: 768px) {
	.service-content h2 .dialog-help {
	    font-size: 0.7em;
	    padding: 1px 3px 1px 3px;
	    line-height: 1.35em;
	    width: 40px;
	    height: 40px;
	}
	main.search-visible .search-input-content form {
		padding: 15px 15px 0 15px;
	}
	.featured-content {
		padding: 20px 0;
		margin: 0;
	}
	.service-content {
		/* padding: 20px 0 40px 0; */
	}
	.service-content .service-content-details {
		padding: 50px;

	}
	#jbJobAlert.service-content .service-content-bg {
		background-position: 100% 50%;
	}
	#jaJobAlert.service-content .service-content-bg {
		background-position: 30% 0%;
	}
	#jbJobMatch.service-content .service-content-bg {
		background-position: 100% 50%;
	}
	#jbCareerTool.service-content .service-content-bg {
		background-position: 100% 15%;
	}
	#jbExternalTool.service-content .service-content-bg {
		background-position: 20% 20%;
	}
	#jbEmployersEmployer.service-content .service-content-bg {
		background-position: 45% 100%;
	}
	#jbEmployersWalkthrough.service-content .service-content-bg {
		background-position: 25% 100%;
	}
	#jbEmployersResources.service-content .service-content-bg {
		background-position: 20% 100%;
	}
	
	#jbResumeBuilder.service-content .service-content-bg {
		/* background-position: 100% 50%; */
		background-position: 22% 0%;
	}
	/* .service-content img {
		width: auto !important;
	}
	.service-content img.pull-left,
	.service-content img.pull-right {
		width: auto !important;
		height: auto !important;
		max-width: 425px;
	}
	.service-content img.pull-left {
		padding-right: 30px !important;
		float: left !important;
	}
	.service-content img.pull-right {
		padding-left: 30px !important;
		float: right !important;
	} */
	.service-content h2 {
		font-size: 4rem;
		margin: 0 0 30px 0;
	}
	.service-content h2 .title {
		font-size: 2.4rem;
		color: #808080;
	}
	.service-content .lead {
		
	}
}
@media (min-width: 992px) {

	.service-content div {
		float: none;
	    display: inline-block;
	    vertical-align: top;
	}
	.featured-content {
		padding: 0;
	}
	.service-content div {
		float: none;
		display: table-cell;
	}
	.service-content .service-content-bg {
		display: table-cell;
		width: auto;
	}
	#jbCareerTool.service-content .service-content-bg {
		background-position: 100% 15%;
	}
	#jbExternalTool.service-content .service-content-bg {
		background-position: 20% 20%;
	}
	main .search-input-content form h2 {
		display: none;
	}
	.search-input-content-nav,
	main.search-visible .command-search-overlay-close {
		display: none;
	}
	main .search-input-content {
		display: block;
		position: relative;
		background: transparent;
		z-index: auto;
		padding: 0;
		margin-bottom: 15px;
		margin-left: -15px;
	}
	
	main.search-visible .search-input-content {
		display: block;
		position: relative;
		background: transparent;
		z-index: auto;
		padding: 0 15px;
		margin-bottom: 15px;
		margin-left: -15px;
	}
	main.search-visible .results-content {
		display: block;
	}
	.container .jobbank-menu-content {
		margin: 0 -15px;	
	}
	.search-module {
		padding: 0 0 0 15px;
	}
}

/* main.search-visible .jobbank-menu-content,
main.search-visible .search-input-content-nav */
main.search-visible .results-filter-content {
	display: none;
}
.results-content {
	margin-bottom: 15px;
	position: relative;
}
#results-filter-overlay {
	
}
.results-content .results-filter-wrapper {
	left:0;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
	position: relative;
	/* -webkit-transition: left 0.2s ease-out;
	-moz-transition: left 0.2s ease-out;
	-o-transition: left 0.2s ease-out;
	transition: left 0.2s ease-out; */
}
/* Filter visible */
.results-content.filter-visible .results-filter-wrapper {
	margin: 20px 0 0 0;
	display: block;
	height: auto;
	opacity: 1;
	overflow: hidden;

	/* left: 0; */
	top: 0;
	visibility: visible;
	
	opacity: 1;
    transform: translatey(0px);
    
    z-index: 2;
}
/* Filter invisible */
.results-content.filter-hide .results-filter-wrapper {
	position: absolute;
	/* visibility: hidden; */
	/* opacity: 0;
    width: 0;
    height: 0; */
    /* left: 0; */
    transform: translatex(-293px);
}
.skip-to-filters .wb-slc {
	left: 1px;
	position: absolute;
	top: 3px;
	width: 100%;
	z-index: 9;
	text-align: left;
}
.results-content.filter-visible .results-list-content {
	display: block;
	opacity: 1;
	/* height: 100%; */
	-webkit-transition: width 0.2s ease-out;
       -moz-transition: width 0.2s ease-out;
         -o-transition: width 0.2s ease-out;
            transition: width 0.2s ease-out;
}
.results-content .filter-button-overlay {
	display: none;
}
.results-content.filter-visible .filter-button-overlay,
.results-content .results-filter-button-overlay {	
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 15px;
	overflow: hidden;
	position: fixed;
	z-index: 7;
	
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	-ms-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	
	background: #fff;
	border-top: 1px solid #ddd;
}
.results-content .results-filter-button-overlay {
	display: none;
}
.results-content.filter-visible .filter-button-overlay {
	display: none;
}
.results-content .results-list-wrapper {
	padding: 0;
	right: 0;	
	-webkit-transition: width 0.2s ease-out;
	-moz-transition: width 0.2s ease-out;
	-o-transition: width 0.2s ease-out;
	transition: width 0.2s ease-out;
	/* position: absolute; */
	display: block;
	height: 100%;
	top: 0;
	
}
.results-filter-content,
.results-list-content,
.job-posting-details {
	background-color: #fff;
	border: 1px solid #ddd;
    padding: 20px;
}
.results-filter-content {
    padding: 0 20px 20px 20px;
}
.results-list-content {
	position: relative;
	display: block;
}
.results-nav {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.results-nav button .fas,
.results-nav button .far,
.results-nav button .fal {
	font-size: 1.15em;
}
.results-nav.sr-active {
	/* border-bottom: 0; */
	margin-bottom: 20px;
}
.results-nav.sr-active.ja-active {
	border-bottom: 0;
	margin: 0;
}
.results-nav .btn.active,
.results-nav .btn:active {
	border-style: inset;
}
.jobalert-group {
	padding: 0;
}
.jobalert-nav {
	/* background: #F5F5F5; */
	padding: 0 20px 20px 20px;
	margin: 0 -20px 1px -20px;
}
.jobalert-nav.active {
	/* background: #EBF6FC; */
	padding: 20px;
	background: #F5F5F5;
}
.jobalert-nav .btn-primary,
.jobalert-nav .btn-default {
	width: 100%;
}
.jobalert-nav .btn-primary {
	background-color: #3E68A1;
	color: #fff;
	border: 1px solid #3E68A1;
}
.jobalert-nav .btn-primary .fa {
	color: #D0DAE9;
}
.jobalert-nav .btn-default {
	background-color: #fff;
	color: #3E68A1;
	border: 1px solid #CAD6E6;
	margin: 0 !important;
}
.jobalert-nav .btn-default .fa {
	color: #3E68A1;
}
@media (min-width: 500px) {
	.results-nav {
		padding-bottom: 10px;
		margin: 0;
	}
	.results-nav.bg-info {
		padding: 0;
	}
}
@media (min-width: 768px) {
	.results-nav {
		/* padding-bottom: 20px; */
	}
	.jobalert-nav .btn-primary,
	.jobalert-nav .btn-default {
		width: auto;
	}
}
.results-nav .btn-wrap {
	position: relative;
	display: table;
	border-collapse: separate;
}
.results-nav .current-job-alert {
    margin: 0 0 10px 0;
}
.results-nav .current-job-alert .title {
    font-weight: 600;
    display: block;
    font-size: 1.25em;
    color: #2265AA;
    /* background: #F0F8FA;
    border: 1px solid #91B3D5;
    padding: 5px 10px;*/
    margin: 5px 0 0 0; 
}
.results-nav .btn-group.ja-buttons {
	padding: 20px;
	width: 100%;
}
.results-nav .btn-group.ja-buttons .btn-label {
	padding-top: 0;
	text-align: left;
}
.results-nav .btn-group.ja-buttons .btn-mobile {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
}
.results-nav .command-result-filter {
	width: 100%;
	margin: 0 0 10px 0;
}
@media (min-width: 768px) {
	.results-nav .btn-group.ja-buttons .btn-label {
		padding-top: 5px;
		text-align: center;
	}
	.results-nav .btn-group.ja-buttons .btn-mobile {
		width: auto;
	}
}
@media (min-width: 992px) {
	.results-content.filter-visible .results-filter-wrapper {
		margin: 0;
	}
	.results-content.filter-visible .filter-button-overlay,
	.results-content .filter-button-overlay {
		display: none;
	}
	.results-content .results-filter-button-overlay {
		display: none;
		position: relative;
		border: none;
		overflow: auto;
		width: auto;
		left: auto;
		bottom: auto;
		vertical-align: middle;
		padding: 0;
		margin: 0;
	}
	.results-content .results-filter-wrapper {
		padding-left: 0;
		padding-right: 15px;
		padding-bottom: 15px;
		position: absolute;
	}

	.results-nav .command-result-filter {
		display: inline-block;
		width: auto;
		margin: auto;
	}
	.results-content.filter-visible .results-filter-wrapper {
		transform: translatex(0px);
	}
	.results-content.filter-hide .results-filter-wrapper {
		transform: translatex(0px);
	}
	.results-content.filter-hide .results-list-wrapper {
		float: right;
		z-index: 99;
	}

	.results-content.filter-visible .results-list-wrapper {
		float: right;
		z-index: 99;
		/* position: absolute;
		right: 0; */
	}
}
.btn-group > .btn + .dropdown-toggle .fa {
	line-height: 2.1rem;
}
.results-summary {
	text-align: center;
	margin: 20px 0 10px 0;
}
.results-summary h2 {
	margin: 0px;
	font-size: 1.75rem;
	line-height: 2.5rem;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif;
	color: #666;
}
.results-summary .found,
.results-summary .keyword {
	/* margin-right: 5px; */
}
.results-summary .found {
	color: #3E68A1;
	font-weight: 700;
	font-size: 1em;
	margin: -5px 5px 0 0;
	position: relative;
	display: inline-block;
}
.results-summary .keyword {
	color: #0d6bb9;
	margin-right: 0px;
}
@media (min-width: 500px) {
	.results-summary {
		float: right;
		margin: 5px 0 0 0;
		display: inline-block;
	}
	.results-summary .found {
		font-size: 1.5em;
	}
}
.results-filter-content fieldset legend,
.results-filter-content h3,
.results-filter-content h4 {
	border: 0;
	/* font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed; */
	font-family: 'Roboto', Arial, sans-serif !important;
	font-weight: 400;
	font-size: 0.85em;
	color: #555;
	line-height: 1.1em;
	margin: 0 0 1px 0;
	padding: 10px 10px 10px 1px;
	float: none;
	/* text-transform: uppercase; */
	letter-spacing: 0.02em;
	position: relative;
	/* word-break: break-all; */
}
.results-filter-content h3 {
	cursor: pointer;
}
.results-filter-content h3 .dialog-help,
.results-filter-content legend .dialog-help,
#map-help .dialog-help {
	padding: 5px 0 0px 0;
	font-size: 14px;
	line-height: 13px;
	top: -4px;
	width: 24px;
	height: 24px;
}
#map-help .dialog-help {
	margin: 0;
	top: -1px;
}
.results-filter-content h3 .dialog-help:hover,
.results-filter-content legend .dialog-help:hover {
	background: #bc3c3c;
}
.results-filter-content h3:hover {
	color: #bc3c3c;
} 
.results-filter-content h3:active,
.results-filter-content h3:focus {
	outline: 1px dotted #000;
}
.results-jobs article {
	padding: 0;
}
.results-jobs article .noresult {
	margin: 10px 0px 0px !important;
	font-size: 1.2em !important;
	font-weight: 500 !important;
}
.results-jobs article .keyword {
	font-size: 1.2em;
	font-weight: 600;
	display: block;
	margin: 10px 0;
}
.results-jobs article .resultJobItem {
	font-family: 'Roboto', Arial, sans-serif;
	text-decoration: none;
	display: block;
	padding: 27px 15px;
	margin: 0 -20px;
	border-bottom: 1px dotted #ddd;
	position: relative;
}
.results-jobs article .resultJobItem:hover,
.results-jobs article .resultJobItem:focus,
.results-jobs article .resultJobItem:active {
	background-color: #F9F9F9;
	/* transition: all 0.2s linear; */
	/* padding: 25px 30px;
	margin: 0 -20px; */
	/* border-top: 1px dotted #ddd; */
	border-top: 0;
}
/* .results-jobs article .resultJobItem .job-attributes {
	position: absolute;
	top: 0;
	left: 0;
} */
.results-jobs article .resultJobItem .label-new {
	/* background: #e8f2f4; */
	background: #d93329;
	font-size: 1.2rem;
	font-weight: 500;
	/* color: #3E68A1; */
	color: #fff;
	/* border: 1px solid #82C8EC; */
	border: 0;
	padding: 3px 6px 3px 10px;
	line-height: 13px;
	display: inline-block;
	position: absolute;
	/* left: 0px; */
	/* top: 0px; */
	top: 0px;
	right: 0px;
	font-family: 'Lato', sans-serif;
	letter-spacing: -0.005em;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	height: 20px;
}
.results-jobs article .resultJobItem .label-new .fa {
	font-size: 1.3rem;
}
.results-jobs article .resultJobItem:hover .label-new,
.results-jobs article .resultJobItem:focus .label-new,
.results-jobs article .resultJobItem:active .label-new {
	/* left: 13px; */
	/* display: block;
	width: 100%;
	text-align: left; */
}
.results-jobs article .resultJobItem .distance {
	position: absolute;
    top: 0px;
    left: 0px;
    background: #eaebed;
    font-size: 1.1rem;
    font-weight: 400;
    color: #666;
    /* border: 1px solid #82C8EC; */
    border: 0;
    padding: .4em 0.75em .4em 0.75em;
    line-height: 1.5rem;
    display: block;
    border-bottom-right-radius: 7px;
}
.results-jobs article .resultJobItem .distance::first-letter {
    text-transform: uppercase;
}
.results-jobs article .resultJobItem .title {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	color: #3E68A1;
	display: block;
	line-height: normal;
	margin: 0;
	border: 0;
}
.results-jobs article .resultJobItem .title .noctitle {
	display: inline-block;
	width: 65%;
	padding: 1px 0 0 2px;
	line-height: 1em;
}
.results-jobs article .resultJobItem .title .noctitle:first-letter {
	text-transform: capitalize;
}
.results-jobs article .resultJobItem:hover .title,
.results-jobs article .resultJobItem:focus .title,
.results-jobs article .resultJobItem:active .title {
	text-decoration: underline;
	color: #0535d2;
}
.results-jobs article .resultJobItem li {
    font-size: 0.825em;
    margin-left: 20px;
}
.results-jobs article .resultJobItem .date,
.results-jobs article .resultJobItem .business {
	/* font-size: 1.5rem; */
	/* font-size: 0.85em; */
}
.results-jobs article .resultJobItem .date {
	/* margin: 0 0 0 7px; */
	display: inline-block;
	float: right;
	margin: 0;
	top: -23px;
	position: relative;
	right: 0;
}
.results-jobs article .resultJobItem .date,
.results-jobs article .resultJobItem .business,
.results-jobs article .resultJobItem .location,
.results-jobs article .resultJobItem .salary,
.results-jobs article .resultJobItem .source  {
	color: #666;
}
.results-jobs article .resultJobItem .date {
	
}
.results-jobs article .resultJobItem .business {
	/* margin-left: 5px; */
	margin-top: 5px;
	color: #000;
}
.results-jobs article .resultJobItem .location {
	/* margin-top: 15px; */
}
.results-jobs article .resultJobItem .business,
.results-jobs article .resultJobItem .location,
.results-jobs article .resultJobItem .salary {
	display: block;
	margin-bottom: 2px;
	/* font-size: 1em;
	font-weight: 500; */
}
.results-jobs article .resultJobItem .salary {
	margin-bottom: 0;
	color: #2f643c;
}
.results-jobs article .resultJobItem .location .fa,
.results-jobs article .resultJobItem .salary .fa {
	margin-right: 5px;
	width: 21px;
	text-align: center;
	display: none;
}
.results-jobs article .resultJobItem .location .list-city {
	/* display: none; */
}
.results-jobs article .resultJobItem .source {
	display: none;
}
.results-jobs article .resultJobItem .source .fa {
	font-size: 0.9em;
}
.results-jobs article .resultJobItem .source img {
	margin-right: 5px;
	margin-top: -5px;
}
.results-filter-content .output {
	/* font-weight: 600; */
	padding: 3px 7px 1px 7px;
	margin: 10px 0;
	border: 1px solid #ddd;
	display: block;
	border-radius: 5px;
	color: #335086;
	width: 100%;
	text-align: center;
	top: 4px;
	position: relative;
}
.results-jobs article .resultJobItem ul {
	margin-bottom: 0;
}
.results-filter-content .output.amount-dist::after,
.results-filter-content .dist.value .from::after,
.results-filter-content .dist.value .to::after {
	content: ' km';
}
.results-filter-content .output.amount-salary::before,
.results-filter-content .salary.value .from::before,
.results-filter-content .salary.value .to::before {
	content: '$';
}
.results-filter-content .output.amount-salary::after,
.results-filter-content .salary.value .from::after,
.results-filter-content .salary.value .to::after {
	content: 'K';
}

/*

.results-filter-content .output.amount-weeklysalary::after,
.results-filter-content .weeklysalary.value .from::after,
.results-filter-content .weeklysalary.value .to::after) {
	content: ' $/wk';
}
.results-filter-content .output.amount-weeklysalary::after,
.results-filter-content .weeklysalary.value .from::after,
.results-filter-content .weeklysalary.value .to::after {
	content: ' $/sem.';
}
*/
.results-filter-content .output.amount-hourlysalary::after,
.results-filter-content .hourlysalary.value .from::after,
.results-filter-content .hourlysalary.value .to::after {
	content: ' $/hr';
}
.results-filter-content .output.amount-hourlysalary::after,
.results-filter-content .hourlysalary.value .from::after,
.results-filter-content .hourlysalary.value .to::after {
	content: ' $/h';
}
@media (min-width: 768px) {
	.results-jobs article .resultJobItem .title .noctitle {
		width: 76%;
	}
}
@media (min-width: 992px) {
	.results-filter-content .output {
		margin: 0 0 10px 0;
	}
	/* .results-jobs article .resultJobItem {
		padding: 25px 10px;
	} */
	/* .results-jobs article .resultJobItem:hover,
	.results-jobs article .resultJobItem:focus,
	.results-jobs article .resultJobItem:active {
		padding-top: 25px;
		padding-bottom: 25px;
	} */
	.results-jobs article .resultJobItem .title {
		font-size: 1.8rem;
		margin: 0;
		font-weight: 500;
	}
	.results-jobs article .resultJobItem {
		/* padding: 25px; */
		padding: 30px 45px;
		margin: 0px -20px;
	}
	.results-jobs article .resultJobItem:hover,
	.results-jobs article .resultJobItem:focus,
	.results-jobs article .resultJobItem:active {
		/* margin: -1px -20px 0 -20px;
		padding-top: 25px;
		padding-bottom: 25px;
		padding-left: 45px;
		padding-right: 45px; */
		/* padding: 30px 45px;
		margin: 0px -20px; */
		border-top: 0;
	}
	.results-jobs article .resultJobItem .distance {
    	font-size: 1.15rem;
	}
	.results-jobs article .resultJobItem li {
	    font-size: 0.85em;
	    margin-left: 26px;
	}
	.results-jobs article .resultJobItem .business,
	.results-jobs article .resultJobItem .location,
	.results-jobs article .resultJobItem .salary {
		margin-bottom: 5px;
	}
	.results-jobs article .resultJobItem .business {
		margin-top: 5px;
	}
	.results-jobs article .resultJobItem .salary {
		margin-bottom: 0;
	}
}
.results-filter-content fieldset {
	margin: 0;
}
.results-filter-content .range {
	position: relative;
	padding: 0;
}
.results-filter-content label {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}
.results-filter-content .range label 	{
	margin: 0 0 20px 0;
}
.results-filter-content .range .value {
	display: block;
	position: relative;
	width: 100%;
	color: #666;
	margin-top: -15px;
}
.results-filter-content .value .from,
.results-filter-content .value .to {
	display: block;
	font-size: 1.5rem;
}
.results-filter-content .value .from {
	float: left;
}
.results-filter-content .value .to {
	float: right;	
}
input[type=range]{
	/*removes default Webkit styles*/
    -webkit-appearance: none;
    /* fix for FF unable to apply focus style bug  */
    border: 1px solid white; 
    /*required for proper track sizing in FF*/
    width: 100%;
	box-sizing: content-box;
	padding: 1px 0;
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    background: #dfdfdf;
    border: none;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
    border: 3px solid #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #149917;
    margin-top: -10px;
    cursor: ew-resize;
}
input[type=range]:focus {
   outline: 1px dotted #000;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
input[type=range]::-moz-range-track {
    width: 100%;
    height: 10px;
    background: #dfdfdf;
    border: none;
   /*  border-radius: 10px; */
}
input[type=range]::-moz-range-thumb {
    border: 3px solid #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #149917;
    cursor: ew-resize;
}
/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
	outline: 1px solid white;
	outline-offset: -1px;
}
/* input[type=range]:focus::-moz-range-track {
    background: #ccc;
} */
input[type=range]::-ms-track {
    width: 100%;
    height: 10px;
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #dfdfdf;
    border-radius: 1px;
}
input[type=range]::-ms-fill-upper {
    background: #dfdfdf;
    border-radius: 1px;
}
input[type=range]::-ms-thumb {
    border: 3px solid #fff;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background: #149917;
    outline: 1px solid #fff;
    cursor: ew-resize;
}
input[type=range]:focus::-ms-fill-lower {
    background: #149917;
}
input[type=range]:focus::-ms-fill-upper {
    background: #149917;
}
@media (min-width: 992px) {
	input[type=range]::-webkit-slider-runnable-track {
	    height: 7px;
	}
	input[type=range]::-moz-range-track {
	    height: 7px;
	}
	input[type=range]::-ms-track {
	    height: 7px;
	}
	input[type=range]::-webkit-slider-thumb {
	    border: 3px solid #fff;
	    height: 25px;
	    width: 25px;
	}
	input[type=range]::-moz-range-thumb {
	    border: 3px solid #fff;
	    height: 20px;
	    width: 20px;
	}
	input[type=range]::-ms-thumb {
	    border: 3px solid #fff;
	    height: 20px;
	    width: 20px;
	}
}
.results-filter-content > section {
	padding: 6px 0 4px 0;
	border-bottom: 1px dotted #ddd;
}
.results-filter-content .list-group {
	font-size: 1em;
	overflow-y: auto;
	overflow-x: hidden;
	min-height: 100px;
	max-height: 300px;
	height: auto;
	/* border: 1px solid #ddd; */
	border-radius: 0;
	-webkit-transition: opacity 0.2s ease-out, height 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out, height 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out, height 0.2s ease-out;
	transition: opacity 0.2s ease-out, height 0.2s ease-out;
}
.results-content.filter-visible .results-filter-content .list-group.open {
	opacity: 1;
	visibility: visible
}
.results-content.filter-visible .results-filter-content .list-group.open::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 7px;
}
.results-content.filter-visible .results-filter-content .list-group.open::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
.results-content.filter-hide .results-filter-wrapper .results-filter-content .list-group.open {
    opacity: 1;
    visibility: hidden;
}
.results-filter-content .list-group.close {
	opacity: 0;
	visibility: hidden;
	height: 0;
	min-height: 0;
	max-height: 0;
}
.results-filter-content .list-group-item {
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	/* border-top: 1px dotted #ddd; */
	border-top: 0;
	border-radius: 0;
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	padding: 7px 2px 7px 15px;
}
.results-filter-content .list-group-item.cityMarker {
	background-color: #d9edf7;
	border: 1px solid #9FB4D1;
	margin-bottom: 1px;
}
.results-filter-content .list-group-item:first-child {
    border: 0;
}
.results-filter-content .list-group-item:first-child,
.results-filter-content .list-group-item:last-child {
    border-radius: 0;
}
.results-filter-content .list-group-item a {
	text-decoration: none;
	color: #3E68A1;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	top: 2px;
	position: relative;
	display: block;
	padding-left: 25px;
	line-height: 1.3em;
}
.results-filter-content .list-group-item a:hover,
.results-filter-content .list-group-item a:focus,
.results-filter-content .list-group-item a:active {
	text-decoration: underline;
	color: #0535d2;
}
.results-filter-content .list-group-item.active a {
	color: #fff;
}
.btn-sort {
	cursor: default;
	padding-left: 0;
}
.results-nav .btn-keyword {
	margin-top: 10px;
	font-size: 0.8em;
	color: #3E68A1;
	border: 1px dotted #bbb;
}
.results-nav .btn-keyword:hover {
	border: 1px dotted #BC3C3C;
}
.results-nav .btn-keyword,
.results-nav .btn-keyword:visited {

	margin-right: 5px;
}
.results-nav .btn-keyword .fa {
	margin-left: 5px;
	font-size: 1.15em;
}
.btn-keyword:hover {
	border: 1px dotted #BC3C3C;
}
.btn-keyword:hover,
.btn-keyword:hover .fa,
.btn-keyword:active,
.btn-keyword:active .fa,
.btn-keyword:focus,
.btn-keyword:focus .fa {
	color: #BC3C3C;
}
.toggleFilterList {
	display: block;
	position: absolute;
	right: 0;
	top: 10px;
	background-color: #fff;
	width: 15px;
	text-align: center;
	font-size: 1.15em;
}
.toggleFilterList .fa {
	color: #3E68A1;
	font-size: 0.65em;
}
.results-filter-content .list-group-item .badge,
.results-list-content .list-group-item .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px 2px 7px;
    font-size: 0.85em;
	font-weight: 400;
    color: #555;
    line-height: 1.3em;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 10px;
    float: right;
    margin-left: 2px;
    /* position: absolute;
    right: 0; */
    position: relative;
    top: -2px;
}
.results-list-content .list-group-item .badge {
	float: none;
	font-size: 1.75rem;
    font-weight: 500;
    padding: 5px 9px 3px 9px;
    margin-right: 5px;
}
.search-options .list-group-item  {
	border: 0;
	padding-left: 0;
}
.results-list-content .list-group-item a,
.results-list-content .list-group-item a:hover,
.results-list-content .list-group-item a:focus,
.results-list-content .list-group-item a:active	 {
	border: 0;
	padding: 0;
	margin: 4px 0 0 0;
	display: inline-block;
	background: transparent;
	/* text-decoration: none; */
}
.results-list-content .list-group-item a .jbs-suggestion-label {
	text-decoration: underline;
}
.results-list-content .list-group-item a .suggestion-btn {
    min-width: 10px;
    padding: 3px 7px 2px 7px;
    font-size: 1em;
	font-weight: 400;
    color: #555;
    line-height: 1.3em;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background: #efefef;
    border: solid 1px #ccc;
    border-radius: 10px;
}
#jbs_suggestion_grid details {
	border-radius: 0;
	/* margin-bottom: 2px; */
	border: 1px solid #fff;
}
#jbs_suggestion_grid details[open] {
	background: #f9f9f9;
}
#jbs_suggestion_grid details details.sub-details {
	margin: 0 0 0 20px;
	padding: 0;
	border: 1px solid #f9f9f9;
}
#jbs_suggestion_grid details[open] details.sub-details[open] {
	margin: 0 0 20px 20px;
}
#jbs_suggestion_grid details summary {
	padding: 10px;
	border-radius: 0;
    border: 1px solid #fff;
    font-weight: 500;
}
#jbs_suggestion_grid details[open] summary {
	background: #eee;
	border: 1px solid #eee;
}
#jbs_suggestion_grid details details.sub-details summary,
#jbs_suggestion_grid details[open] details.sub-details summary, 
#jbs_suggestion_grid details[open] details.sub-details[open] summary {
	font-weight: 500;
	border: 1px solid #f9f9f9;
	background: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
}

#jbs_suggestion_grid details .jbs-sub-list .jbs-noc,
#jbs_suggestion_grid details details.sub-details .jbs-noc {
	font-size: 1.25rem;
	color: #666;
	display: block;
}
#jbs_suggestion_grid details summary .jbs-filter-counter,
#jbs_suggestion_grid details .jbs-sub-list .jbs-filter-counter,
#jbs_suggestion_grid details details.sub-details summary .jbs-filter-counter,
#jbs_suggestion_grid details details.sub-details .jbs-sub-list .jbs-filter-counter {
	float: none;
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px 2px 7px;
	margin-left: 5px;
	font-size: 14px;
	font-weight: 500;
	color: #555;
	line-height: 1;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 10px;
}
#jbs_suggestion_grid details .jbs-sub-list,
#jbs_suggestion_grid details details.sub-details .jbs-sub-list {
    margin: 0 0 0 2px;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
    font-size: 0.9em;
}
#jbs_suggestion_grid details .jbs-sub-list .jbs-filter-counter,
#jbs_suggestion_grid details details.sub-details .jbs-sub-list .jbs-filter-counter {
	float: right;
	margin: -22px 0 0 0;
	display: block;
}
.jbs-list-items {
	list-style: none;
	margin: 0;
	padding: 0;
}
.jbs-list-items li {
	font-weight: 500;
}
.job-posting-details {
	padding: 0 20px;
}
.job-posting-details-body {
	padding: 0;
	margin-left: 0px !important;
}
.job-posting-detail-nav-top {
	margin: 20px 0;
	padding: 0;
	font-size: 1.5rem;
}
.job-posting-detail-nav-top .fa {
	text-decoration: none;
}
.job-posting-detail-nav-top .item-link {
	margin-right: 25px;
}
.job-posting-detail-nav-top .item-link.btn-back .fa {
	margin-right: 5px;
}
/* .job-posting-detail-nav-top .pull-right .item-link:last-child {
	margin-right: 0;
} */
/* .job-posting-detail-nav-top .item-link .fa {
	margin-right: 5px;
} */
/* .job-posting-detail-nav-top .item-link:last-child .fa {
	margin-left: 10px;
	margin-right: 0;
} */
.job-posting-content {
	margin-bottom: 15px;
}
.job-posting-content .title,
.job-posting-content h3.title {
	/* font-size: 2.2rem; */
	color: #3E68A1;
	/* color: #555; */	
	margin: 20px 0 5px 0;
	font-weight: 600;
	font-family: 'Roboto',Helvetica,Arial,sans-serif;
	font-stretch: normal;
}
.results-jobs article .resultJobItem .title:first-letter,
.results-jobs article .resultJobItem span.noctitle:first-letter,
.job-posting-content .title:first-letter {
    text-transform: capitalize;
}
.results-jobs article .resultJobItem .salary-item {
	display: inline-block;
}
.results-jobs article .resultJobItem .salary-item span {
	display: block;
}
.results-jobs article .resultJobItem .salary-item span:first-letter {
	text-transform: capitalize;
}
.job-posting-content .source-title {
	margin: 0 0 5px 0;
	font-style: italic;
	color: #3E68A1;
	font-size: 0.85em;
	/* padding: 5px 10px;
	background: #F9F9F9;
	border: 1px dotted #ccc;
	font-size: 1.5rem; */
}
.job-posting-content .source-title span {
	font-style: italic;
	color: #3E68A1;
}
.job-posting-content .source-title .orig-title-label {
	font-style: normal;
	color: #000;
}
.job-posting-content .date-business {
	margin: 0 0 20px 0;
	font-size: 0.85em;
}
form .job-posting-content .date-business {
    margin: 0 0 10px 0;
}
.job-posting-content .date-business .date {
	
}
.job-posting-content .date-business .business {
	font-weight: 600;
}
.job-posting-content .date-business .business .fa {
	font-size: 1.5rem;
	color: #3E68A1;
}
.job-posting-brief {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 15px;
	background-color: #F9F9F9;
	border-radius: 10px;
	font-size: 0.85em;
}
@media (min-width: 1200px) {
	.job-posting-brief {
		margin: 0 0 25px 0;
	}
}
.job-posting-brief li {
	margin: 0 0 5px 20px;
	color: #555;
	-webkit-column-break-inside:avoid;
	-moz-column-break-inside:avoid;
	-o-column-break-inside:avoid;
	-ms-column-break-inside:avoid;
	
}
.job-posting-brief li .fa,
.job-posting-brief li .fas,
.job-posting-brief li .far,
.job-posting-brief li .fal,
.job-posting-brief li .source-image {
	/* margin-right: 5px;
	width: 21px;
	text-align: center; */
	margin-right: -1px;
	width: 21px;
	text-align: center;
	margin-left: -25px;
}
.job-posting-brief li .fa-times.text-danger {
	margin: 0;
}
.job-posting-brief li a .fa,
.job-posting-brief li a .fas,
.job-posting-brief li a .far,
.job-posting-brief li a .fal {
	margin: 0;
	width: auto;
	padding: 2px 7px;
}
.job-posting-brief li .dialog-help {
	padding: 2px 0px 0px 0px;
	font-size: 9px;
	line-height: 16px;
	width: 20px;
	height: 20px;
}
.job-posting-brief li .dialog-help .fa {
	
}
.job-posting-brief li .source-image img {
	margin-right: 0;
}
.job-posting-brief-data {
	
}
.job-posting-brief li img {
	width: 21px;
	margin-right: 5px;
	vertical-align: baseline;
}
.job-posting-brief li .title {
	display: inline-block;
	font-size: 1.4rem;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: 500;
	color: #555;
	margin: 0;
}
.job-posting-brief li .value {
/* 	display: block;
	margin-left: 30px;
	padding: 0 0 0 13px; */
}
.job-posting-detail-apply {
	margin: 10px 0 0 0;
}
.job-posting-detail-apply .btn-apply {
	/* text-align: left; */
	font-weight: 600;
}
.job-posting-detail-requirements {
	padding: 0;
	/* border-top: 1px dotted #ccc; */
	margin: 0 0 26px 0;
	padding: 0;
}
.job-posting-detail-apply {
	border-top: 1px dotted #ccc;
	margin: 0 0 26px 0;
	padding: 26px 0 0 0;
}
.job-posting-detail-common {
	border-top: 1px dotted #ccc;
	margin-top: 20px;
	padding: 26px 0;
}
.job-posting-detail-common div {
    padding: 0;
}
.job-posting-details-body h3 {
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif;
	font-stretch: condensed;
	font-size: 1.4em;
	color: #777;
	font-weight: 600;
	margin: 0 0 10px 0;
}
.job-posting-detail-apply h3 .dialog-help {
	font-size: 14px;
	top: -4px;
	padding: 4px 0 0 0;
}
.job-posting-detail-requirements h3,
.job-posting-detail-apply h3 {
	margin: 0 0 26px 0;
}
.job-posting-detail-requirements h3,
.job-posting-detail-requirements h4,
.job-posting-detail-requirements p strong,
.job-posting-detail-apply h3,
.job-posting-detail-apply h4,
.job-posting-detail-requirements dl dt {
	color: #666;
}
/* .job-posting-detail-requirements h3, */
.job-posting-detail-requirements h4
/* .job-posting-detail-apply h3  */{
	margin: 0 0 26px 0;
}
/* .job-posting-detail-apply h3 {
	margin: 0;
	font-size: 1.8rem;
	font-weight: 600;
	margin: 0 0 5px 0;
	margin: 0 0 26px 0;
} */
.job-posting-detail-requirements h4,
.job-posting-detail-apply h4,
.job-posting-detail-requirements dl dt {
	margin: 0 0 5px 0;
	font-weight: 600;
	font-size: 1.5rem;
}
.job-posting-detail-requirements p,
.job-posting-detail-apply p,
.job-posting-detail-requirements dl dd {
	margin: 0 0 26px 0;
	font-size: 0.85em;
}

.job-posting-detail-requirements li {
	font-size: 0.85em;
}

.job-posting-detail-apply .external-job details {
	padding: 0px 0px 20px;
}
.job-posting-detail-apply .external-job details summary {
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 2.2rem;
}
.job-posting-detail-apply .external-job details[open] summary, 
.job-posting-detail-apply .external-job details[open] {
	border: 0;
}
.job-posting-detail-apply .external-job details summary.hide {
	display: none !important;
	opacity: 0;
}
/* .job-posting-detail-apply .external-job details .content {
	opacity: 0;
	background: #C0DEE6;
	display: inline-block;
	transition: all 0.2s linear;
    -webkit-transition: all  0.2s linear;
    -moz-transition: all  0.2s linear;
} */
.job-posting-detail-apply .external-job .content {
	padding: 10px 10px 10px 0;
	margin: 0;
}
.job-posting-detail-apply .external-job .content a {
}
.job-posting-detail-apply .external-job .content .mono-lang {
	display: block;
}
#externalJobLink .mono-lang {
    /* display: block; */
    padding: 0 0 0 5px;
    font-style: italic;
}
/* Menu */
.job-posting-details-menu {
	padding: 15px;
}
.job-posting-details-menu p {
    margin: 5px 0 11.5px;
}
.job-posting-details-nav {
	list-style: none;
	padding: 0;
	margin: 15px -15px;
}
.job-posting-details-nav li {
	border-top: 1px dotted #ccc;
}
.job-posting-details-nav li .glyphicon {
	margin-right: 5px;
}
.job-posting-details-nav li:first-child
/* .job-posting-details-nav li:nth-child(2) */ {
	border-top: 0;
}
.job-posting-details-nav li a,
.job-posting-details-nav li a:visited {
	text-decoration: none;
	padding: 10px 15px;
	display: block;
}
@media (min-width: 992px) {
	.job-posting-details-nav li a,
	.job-posting-details-nav li a:visited {
		padding: 10px 25px;
	}
}
/* .job-posting-details-nav li:not(:first-child) a:hover */
.job-posting-details-nav li a:hover {
	text-decoration: underline;
	background: #f5f5f5;
}
.job-posting-details-nav li a .fa,
.job-posting-details-nav li a .fas,
.job-posting-details-nav li a .far,
.job-posting-details-nav li a .fal {
	margin-right: 5px;
	width: 21px;
}
.job-posting-details-nav li .btn-apply {
	font-weight: 600;
	/* background: #f16d0f; Old browsers
	background: -moz-linear-gradient(top, #f16d0f 0%, #cd4e0e 100%); FF3.6-15
	background: -webkit-linear-gradient(top, #f16d0f 0%,#cd4e0e 100%); Chrome10-25,Safari5.1-6
	background: linear-gradient(to bottom, #f16d0f 0%,#cd4e0e 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16d0f', endColorstr='#cd4e0e',GradientType=0 ); IE6-9
	color: #fff; */
	text-align: left;
}
.job-posting-details-nav li .btn-apply:hover,
.job-posting-details-nav li .btn-apply:focus,
.job-posting-details-nav li .btn-apply:active  {
	/* background: #cd4e0e; */
}
.job-posting-details-jmi-wrapper {
	margin: 0 -15px;
}
.job-posting-details-jmi-content,
.job-posting-details-similar-jobs-content {
	/* background: #F5F5F5; */
	border-top: 1px solid #ddd;
	margin-top: -1px;
	/* padding: 0 15px 10px 15px; */
	padding: 15px 0;
}
.job-posting-details-jmi-content a,
.job-posting-details-jmi-content a:visited {
	text-decoration: none;
}
.job-posting-details-jmi-content a .noc-title,
.job-posting-details-jmi-content a .noc-no,
.job-posting-details-jmi-content a .noc-location {
	display: block;
	font-size: 1.5rem;
}
.job-posting-details-jmi-content a:hover .noc-title,
.job-posting-details-jmi-content a:hover .noc-location,
.job-posting-details-jmi-content dd a:hover {
	text-decoration: underline;	
}
.job-posting-details-jmi-content a .noc-title {
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 5px 0 7px 0;
	color: #3E68A1;
	/* font-weight: 600; */
}
.job-posting-details-jmi-content a .noc-no {
	display: inline-block;
	min-width: 10px;
	padding: 4px 10px 3px 10px;
	margin: 0 0 15px 0;
	font-size: 1.25rem;
	font-weight: 500;
	color: #555;
	line-height: normal;
	vertical-align: baseline;
	white-space: nowrap;
	text-align: center;
	background-color: #fff;
	border: solid 1px #ccc;
	border-radius: 10px;
}
.job-posting-details-jmi-content a:hover .noc-no,
.job-posting-details-jmi-content a:focus .noc-no,
.job-posting-details-jmi-content a:active .noc-no {
	background: #eee;
}
.job-posting-details-jmi-content a .noc-location {
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}
/* .job-posting-details-jmi-content a .noc-title {
	
} */
.job-posting-details-jmi-content dl {
	margin: 15px 0;
}
.job-posting-details-jmi-content dt,
.job-posting-details-jmi-content dd {
	font-size: 1.5rem;
	font-weight: 500;
}
.job-posting-details-jmi-content dt {
	margin: 0;
	font-weight: 600;
	color: #666;
}
.job-posting-details-jmi-content dd img {
	margin-top: -5px;
}
.job-posting-details-jmi-content dd .outlook-description {
	
}
.job-posting-details-similar-jobs-wrapper {
	margin: 0 -15px;
}
@media (min-width: 768px) {
	.job-posting-content .title {
		font-size: 2.8rem;
		margin: 30px 0 5px 0;
	}
}
@media (min-width: 992px) {
	.results-filter-button-overlay {
		margin: 0 20px 0 0 !important;
	}
	.job-posting-detail-requirements h3,
	.job-posting-detail-apply h3 {
		font-size: 2.5rem;
		font-weight: 600;
	}
	.job-posting-detail-requirements h4,
	.job-posting-detail-apply h4 {
		/* font-size: 2rem; */
	}
	.job-posting-detail-nav-top {
		margin: 0 -15px 30px 0;
	}
	.job-posting-details-body {
		padding: 0 35px 20px 15px;
	}
	.job-posting-details-menu {
		padding: 20px 0 20px 15px;
		border-left: 1px solid #ddd;
	}
	.job-posting-details-jmi-wrapper,
	.job-posting-details-similar-jobs-wrapper {
		margin: 0 -20px 0 -15px;
	}
	.job-posting-details-nav {
		padding: 20px 0;
		margin: 0;
	}
	.job-posting-details-jmi-content,
	.job-posting-details-similar-jobs-content {
		padding: 20px 15px 20px 15px;
		border-bottom: 1px solid #ddd;
		border-top: 1px solid #ddd;
	}
	.job-posting-details-jmi-content {
		border-top: none;
		padding: 0 15px 10px 15px;
	}
}
.job-posting-details-jmi-content h3,
.job-posting-details-similar-jobs-content h3,
.job-posting-details-jmi-content h4 {
	padding: 0 15px;
	margin: 0 -15px 0 -15px;
	font-size: 2rem;
	/* background: #f9f9f9; */
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-weight: 700;
	color: #555;
	/* border-left: 5px solid #3D669D; */
}
.job-posting-details-jmi-content h4 {
	margin: 20px -15px 15px -15px;
}
.job-posting-details-similar-jobs-content .location {
	margin: 0;
	font-size: 1.5rem;
}
.job-posting-details-similar-jobs-content ul {
	overflow-y: auto;
	list-style: none;
	min-height: 10px;
	max-height: 300px;
	height: auto;
	padding: 10px 5px 0 0;
	margin: 0 0 10px 0;
}
.job-posting-details-similar-jobs-content ul li {
	margin: 0;
	font-size: 1.5rem;
}
.job-posting-details-similar-jobs-content ul li a {
	text-decoration: none;
	display: block;
	border-bottom: 1px dotted #ddd;
	padding: 10px 0;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
.job-posting-details-similar-jobs-content ul li a .title {
	font-weight: 500;
	font-size: 1.5rem;
	font-family: Helvetica,Arial,sans-serif;
	font-weight: 500;
	color: inherit;
	text-transform: none;
}
.job-posting-details-similar-jobs-content ul li a > .business {
	display: block;
	font-size: 1.15rem;
	color: #555;
}
.job-posting-details-similar-jobs-content ul li a:hover .title {
	text-decoration: underline;	
}
.job-posting-details-similar-jobs-content ul li a:hover .business {
	text-decoration: none;
}
.job-posting-details-similar-jobs-content ul li:last-child a {
	border-bottom: 0;
}
.geoarea_list {
	margin: 10px 0 30px 25px;
}
.search-module select,
#advance-search-group select {
	padding: 10px 30px 10px 10px;
	width: 100%;
}
#advance-search-group {
	display: none;
}
#search-input-content.show-advance-search #advance-search-group {
	display: block;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 0 0 20px 0;
	margin-top: 0;
}
#advance-search-group  h3 {
	margin-top: 0;
}
#advance-search-group label {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 16px;
	font-weight: 300;
}
#advance-search-group fieldset legend {
	margin: 0;
}
#advance-search-group .form-horizontal label,
#advance-search-group .form-horizontal input {
	display: inline-block;
}
#advance-search-group .form-horizontal input {
	width: auto !important;
}
.selectpicker-wrapper {
	padding: 0;
}
.selectpicker-group {
	margin: 0;
	padding: 0;
}
.product-showcase {
	padding: 25px 0;
	background-color: #fff;
	border: 1px solid #ddd;
    display: inline-block;
    border-top: 15px solid #ddd;
	width: 100%;
}
.side-bar {
	margin: 20px 0 0 0;
}
@media screen and (min-width: 992px) {
	.product-showcase {
		padding: 25px 0 25px 25px;
	}
	.side-bar {
		border-left: 1px solid #ccc;
		margin: -25px 0 -25px 0;
	}
}
.side-bar .list-group .list-group-item {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
	font-weight: 400;
	text-decoration: none;
	padding: 15px;
	border: 1px solid #ccc;
	border-right: 0;
	border-left: 0;
}
.side-bar .list-group .list-group-item:hover {
	/* background-color: #ccc; */
	/* margin: -1px -15px -1px -15px;
	padding-left: 30px;
	padding-right: 30px; */
}
.side-bar .list-group .list-group-item.active {
	margin: -1px -15px -1px -16px;
	border: 0;
	border-left: 10px solid #1C5687;
	padding-left: 19px;
	color: #fff;
}
.side-bar .list-group .list-group-item.active .fa,
.side-bar .list-group .list-group-item.active .fas,
.side-bar .list-group .list-group-item.active .far,
.side-bar .list-group .list-group-item.active .fal
 {
	color: #fff;
}
.side-bar .list-group a.list-group-item {
	color: #2572B4;
}
.side-bar .list-group .list-group-item .fa,
.side-bar .list-group .list-group-item .fas,
.side-bar .list-group .list-group-item .fal,
.side-bar .list-group .list-group-item .fal
 {
	color: #333;
}
.side-bar .list-group .list-group-item.header {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	padding: 20px 0px 20px 10px;
	color: #555;
}
.side-bar .list-group .list-group-item:first-child,
.side-bar .list-group .list-group-item:last-child {
	border-radius: 0;
}
.side-bar .list-group .list-group-item:first-child {
	border-top: 0;
}
.side-bar .list-group .list-group-item:last-child {
	border-bottom: 0;
}
.side-bar .list-group.list-links {
	
}
.side-bar .list-group.list-links ul {
	padding: 0 15px;
	margin: 0 0 35px 0;
}
.side-bar .list-group.list-links ul li {

}
.side-bar .list-group.list-links ul li a {

}
.cover .ec-control > .bootstrap-select,
.cover .ec-control > .bootstrap-select > .dropdown-toggle {
	height: 4rem;
}
.cover .ec-control > .bootstrap-select > .dropdown-toggle {
	font-size: 2rem;
	line-height: 2.75rem;
	/* outline: 0 !important; */
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	width: auto !important;
}
.ec-panel {
	/* height: 180px; */
}
.selectpicker-group .form-group {
	
}
.selectpicker-group .form-group .bootstrap-select.btn-group {
	z-index: 10;
}
.ec-panel .form-group .bootstrap-select.btn-group {
	z-index: 9;
	margin-bottom: 15px;
}
.ec-panel .form-group .input-group {
	width: 100%;
}
.ec-panel .input-group-btn.selectpicker-wrapper {
	margin-top: 0;
}
@media screen and (min-width: 500px) {
	.ec-panel .form-group .bootstrap-select.btn-group {
		margin-bottom: 0;
	}
}
.ec-panel .input-group-btn button.dropdown-toggle {
	white-space: nowrap;
}
.cover .ec-panel .lead {
	text-align: left;
	font-size: 1.5rem;
	font-weight: 300;
	margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
	#search-input-content.show-advance-search #advance-search-group {
		padding: 20px;
		margin-top: 15px;
	}
}
@media screen and (min-width: 768px) {
	
	.ec-panel {
		margin-top: 15px;
		height: 200px;
	}
	.cover .ec-panel .lead {
		font-size: 2rem;
	}
	.selectpicker-group .form-group {
		
	}
}
/* Job Alert */
.job-alert-content {
	
}
.account-info {
	display: block;
	position: relative;
	padding: 7px 12px;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 0.85em;
	margin: 0 -15px;
}
.account-info .fa,
.account-info .fas, 
.account-info .far,
.account-info .fal {
	margin: 0 3px 0 0;
}
.account-info-email {
	font-weight: 400;
}
@media screen and (min-width: 992px) {
	.account-info {
		position: absolute;
		right: 0;
		top: 0;
		padding: 7px 12px;
		font-family: 'Roboto', Arial, sans-serif;
		font-size: 0.85em;
		margin: auto;
	}
}
.job-alert-main {
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 0 15px 20px 15px;
	/* padding: 0;
	margin-bottom: 25px; */
}
 
.job-alert-search-criteria .intro {
	padding-top: 0;
}
.job-alert-search-criteria {
	/* padding: 20px 20px 20px 20px; */
}

.job-alert-profile {
	padding: 20px 0 0 0;	
}
@media screen and (min-width: 992px) {
	.job-alert-profile {
		border-right: 1px solid #ddd;
	}
}

.job-alert-profile h2,
.job-alert-search-criteria h2 {
	margin-top: 0;
	font-weight: 600;
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.75em;
}
.job-alert-profile h2 {
	margin-bottom: 0;
}
.job-alert-search-criteria h2 {
	
}
.job-alert-search-criteria .panel-subtitle,
.job-alert-profile .panel-subtitle  {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 500;
	font-size: 1em;
	color: #555;
	margin: 10px 0;
}
.job-alert-search-criteria .panel-subtitle {
	font-size: 1.1em;
}
.job-alert-profile .panel-subtitle {
	/* font-size: 1em; */
	margin: 10px 0;
}
.panel .panel-subtitle .btn {
	font-family: Arial, sans-serif;
}
.section-panel p.intro {
	padding: 0;
	font-size: 1.1em;
	font-weight: 500;
	color: #555;
}
.section-jobtitle fieldset,
.section-location fieldset {
	border: 1px solid #eee;
} 
.section-panel {
	padding: 0;
}
.section-panel fieldset label {
	font-size: 87%;
}
.section-panel legend {
	margin: 0;
	font-size: 1em;
	font-weight: 400;
	font-family: 'Roboto', Arial, sans-serif !important;
	font-stretch: normal;
}
.section-panel legend span.error {
	display: block;	
	font-size: 0.65em;
}
fieldset.error {
	border: 1px solid #E8E8E8;	
}
fieldset.error legend span.error.note {
	display: block;	
	font-size: 0.65em;
	text-transform: lowercase;
	border: 1px solid #eee;
}
fieldset.error legend span.error.note:first-letter {
	text-transform: capitalize;
}
.section-panel .addnew-panel {
	padding: 15px 20px 22px 20px;
	background: #efefef;
	border: 1px solid #E8E8E8;	
}
.section-panel .addnew-panel.panel-show {
	display: block;
	position: relative;
}
#modify-search-criteria-panel.panel-show {
	display: block;
	position: relative;
	overflow: hidden;
	padding: 0;
	margin: -37px 0 0 0;
	z-index: 99;
}
#modify-search-criteria-panel.panel-show.visible {
	overflow: visible !important;
}
.section-panel .addnew-panel.panel-hide,
#modify-search-criteria-panel.panel-hide {
	display: none;
}
.modify-search-criteria-panel-wrap {
	display: block;
	position: relative;
	margin: 0 0 20px 0;
	
	background: #F9F9F9;
	padding: 20px;
	border: 1px solid #eee;
    
	/* -webkit-animation-duration: 0.5s !important;
	-moz-animation-duration: 0.5s !important;
	-o-animation-duration: 0.5s !important;
	animation-duration: 0.5s !important;
	-webkit-animation-iteration-count: 1 !important;
	-moz-animation-iteration-count: 1 !important;
	-o-animation-iteration-count: 1 !important;
	animation-iteration-count: 1 !important; */
}
.hero-content-wrapper .twitter-typeahead .tt-menu,
#jobAlertForm .twitter-typeahead .tt-menu {
	min-height: 41px;
	max-height: 207px;
	overflow-y: scroll;
}
.section-panel .edit-filters-panel {
	padding: 0 0 15px 0;
}
.section-panel .addnew-panel .twitter-typeahead .input-sm.tt-input,
.section-panel .addnew-panel .twitter-typeahead .input-sm.tt-hint {
	height: 33px;
}
.section-panel h4 {
	margin: 15px 0 10px 0;
}
.job-alert-profile .outputReadOnly {
	margin: 20px 0 0 0;
}
.section-jobtitle {
	border-right: none;
}
.section-location {
	
}
.section-keyword {
	border-right: none;
}
.section-jobcategory {
	
}
.section-filters .wrapper {
	margin: 0;
}
.section-filters .job-filter-lang {
	
}
#modify-search-criteria-panel {
	
}
/* remove extra space before the comma */
.job-filter-lang:not(:first-child) {
  margin-left: -.3em;  
}

/* no need to display empty elements */
.job-filter-lang:empty {
  display: none;
}

.job-filter-lang:not(:first-child):before {
  content: ", ";
}
/* .panel .panel-body {
	padding: 0 15px 15px 15px;
} */
.entry .details .alert-stat {
	display: block;
	padding: 0;
}
.entry .details .action {
	padding: 10px 0;
	display: block;
}
/* @media screen and (min-width: 992px) {
	.entry .action {
		text-align: right;
	}
} */
/* .panel h3 {
	font-size: 1.3em;
	font-family: "Arial Narrow", Helvetica, Arial, sans-serif !important;
	font-stretch: condensed;
	font-weight: 600;
	color: #555;
	border-bottom: 1px solid #ccc;
	padding: 0 0 0 15px;
	margin-bottom: 0;
} */
.panel fieldset {
	padding: 0 40px 0 20px;
}
.panel p {
	margin: 5px 15px;	
}
.criteria-list,
.generated-list {
	padding-left: 0;
	margin: 10px 0 20px 0;
}

.criteria-list li {
	font-size: 0.85em;
	list-style-type: none;
	padding: 10px 0 10px 10px;
	margin: 0;
	/* line-height: 2em; */
	border-bottom: 1px solid #ccc;
}
.generated-list {
    margin: 10px 0 30px 0;
    padding: 0 20px;
}
.generated-list.numbers {
    margin: 10px 0 30px 0;
    padding: 0;
}
.generated-list.numbers li:before,
.generated-list.numbers li.inactive:before {
	float: left;
	content: counter(item);
	border-radius: 50%;
	width: 2em;
	text-align: center;
	display: inline-block;
	padding: 3px 5px 3px 4px;
	margin: 19px 10px 0 7px;
	font-weight: 500;
	line-height: 1.4em;
}
.generated-list.numbers li:before {
	color: #2265AA;
	background: #F0F8FA;
	border: 1px solid #91B3D5;
}
.generated-list.numbers li.inactive:before {
	color: #666666;
	background: #eeeeee;
	border: 1px solid #b3b3b3;
}
.generated-list.numbers li {
	counter-increment: item;
	font-size: 0.85em;
	list-style-type: none;
	padding: 0;
	/* line-height: 2em; */
	border-bottom: 1px solid #ccc;
}
.generated-list.no-bullets {
	padding: 0;
}
.generated-list.no-bullets li {
	font-size: 0.85em;
	list-style-type: none;
	padding: 0;
	border-bottom: 1px solid #ccc;
}
/* .criteria-list li:last-child, */
.generated-list li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}
.generated-list li .description {
	font-size: 0.85em;
	display: block;
	position: relative;
}
.generated-list li a,
.generated-list li a:hover,
.generated-list li a:focus,
.generated-list li a:visited,
.generated-list li .wrap {
	display: block;
	padding: 10px;
	text-decoration: none;
}
.generated-list li .entry {
	display: block;
	padding: 17px 10px 20px 0px;
	float: left;
	width: 85%;
	position: relative;
}
.generated-list li a:hover,
.generated-list li a:focus {
	background: #E8F4F7;
}
.generated-list .details .small {
	display: block;
	padding: 1px 5px;
	font-size: 1em;
	border: 1px dotted #bbb;
	color: #3E68A1;
	margin: 5px 0;
	display: inline-block;
} 
.btn-new,
.btn-edit {
	padding: 0px 7px;
	min-width: 25px;
	display: block;
	margin: 10px 0 0 0;
	font-family: Arial, sans-serif !important;
	font-stretch: normal;
}
.btn-modify-wrap {
	z-index: 100;
}
.btn-remove,
.btn-view {
	padding: 0px 5px;
	min-width: 25px;
	/* font-size: 0.9em; */
	line-height: 1.7em;
	margin: -3px 0 0 0;
}
.btn-view {
	/* float: none;
	margin: 1em 0 0 0; */
}
.btn-view,
.btn-view:hover,
.btn-view:active,
.btn-view:visited {
	/* text-decoration: none; */
}
.btn-remove .text,
.btn-view .text {
	/* display: none; */
}
.btn-remove .text {
	display: none;
}
.btn-view .text {
	/* text-decoration: underline; */
}
.btn-remove .fa,
.btn-view .fa {
	/* font-size: 1.3em; */
	/* padding: 3px 0 0 0; */
}
.btn-view .fa {
	/* margin: 0 5px 0 0; */
}
.plus {
	color: #777;
	background: #EAEBED;
	border-radius: 50%;
	padding: 3px 7px;
	margin: 0 5px 0 0;
}
.generated-list li a:hover .plus,
.generated-list li a:focus .plus {
	background: #fff;
}
.keywords {
	font-weight: 500;
	/* padding: 4px 7px; */
	/* border: 1px solid #ccc;
	background: #EAEBED; */
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.5em;
	/* letter-spacing: 0.02em; */
}

.criteria-list li .noc-keyword,
.criteria-list li .city-keyword,
.criteria-list li .keyword-keyword,
.criteria-list li .keyword-keyword,
.criteria-list li .jobcat-keyword {
	padding: 0 50px 0 0;
}
.criteria-list li .keywords,
.generated-list li .keywords {
	color: #335075;
}
.generated-list li .keywords {
	color: #335075;
	display: block;
	padding: 0;
}
.generated-list li.inactive .keywords {
	color: #666666;
	display: block;
	padding: 0;
	font-weight: 400;
}
.generated-list li.inactive .details .inactive > .small {
	padding: 1px 8px;
	font-size: 0.67em;
	border: 1px solid #ddd;
	color: #666;
	margin: 0 0 5px 0;
	display: inline-block;
	font-weight: 500;
	font-family: Helvetica,Arial,sans-serif;
	background: #f9f9f9;
} 
.ecoregion {
	font-size: 1em;
	color: #666;
	background: #fff;
	border: 1px dotted #ccc;
	padding: 2px 5px;
	display: none;
}

.btn-rss {
	text-align: left;
	padding: 2px 5px 1px 10px;
	margin: 20px 0px 0px 0px;
}
.cover-intro {
	/* background: #365275;
	background: -moz-linear-gradient(top,  #365275 0%, #3779a7 100%);
	background: -webkit-linear-gradient(top,  #365275 0%,#3779a7 100%);
	background: linear-gradient(to bottom,  #365275 0%,#3779a7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#365275', endColorstr='#3779a7',GradientType=0 ); */
	/* background: #e9e9e9;
	background: -moz-linear-gradient(top,  #e9e9e9 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #e9e9e9 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e9e9e9 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 ); */
		
	/* margin: -20px -20px 0 -20px; */
	/* padding: 10px 20px; */
	/* padding: 30px 20px 20px 20px; */
	margin: 0;
}
.cover-intro .bg {
	padding: 20px 20px 10px 20px;
	background-color: rgba(0, 0, 0, 0.35);
}
.cover-intro .bg h2 {
	color: #fff;
}
.modify-intro {
    border-top: 1px solid #ddd;
}
.modify-intro p {
	font-size: 1.09em;
	letter-spacing: -0.025em;
	margin: 20px 0px 30px;
}
.modify-intro-text {
	padding: 5px 15px 0px 25px;
	background: #F9F9F9;
	margin: 10px -15px;
	border: 1px solid #eee;
	line-height: normal;
}
.modify-intro-list {
	/* padding: 25px 30px 20px 50px;
	background: #F9F9F9;
	margin: 10px -15px;
	border: 1px solid #eee; */
	padding: 25px 50px;
	margin: 0 -20px;
}
.modify-intro-list li {
	/* font-size: 1.05em; */
	/* letter-spacing: 0.02em; */
	line-height: normal;
	margin: 0 0 5px 0;
}
.modify-intro-list li .fa,
.modify-intro-list li .fas,
.modify-intro-list li .far,
.modify-intro-list li .fal {
	color: #2265AA;
}
.jobalert-summary,
.jobalert-count,
.jobalert-title {
	font-family: 'Roboto', Arial, sans-serif;
}
.jobalert-summary {
	/* display: inline-block;
	font-weight: 900;
	line-height: 1em;
	font-size: 1.5em;
	margin: 0 0 20px 0; */
	font-weight: 900;
	line-height: 1em;
	display: inline-block;
	font-size: 2em;
	margin: 9px 0 5px 5px;
	position: absolute;
	z-index: 2;
}
.jobalert-stat-wrap {
	display: block;
	position: relative;
	margin: 0;
	/* padding: 25px 0 20px 0; */
	padding: 22px 0 0 0;
	/* border-top: 1px solid #eee; */
	/* border-bottom: 1px solid #eee; */
}
.jobalert-stat {
	text-align: center;
	display: inline-block;
	position: relative;
	width: 85px;
	height: 60px;
}
.jobalert-count {
	/* display: inline-block;
	color: rgb(34, 101, 170);
	font-size: 3em;
	font-weight: 900;
	letter-spacing: -0.01em;
	line-height: 0.85em;
	margin: 0 5px 20px 0;
	padding: 0;	 */
	color: rgb(34, 101, 170);
	font-weight: 900;
	letter-spacing: -0.01em;
	line-height: 1.15em;
	padding: 0;
	display: block;
	font-size: 3em;
	text-align: right;
	margin: 0 0 0 0;
	z-index: 9;
	position: absolute;
	width: 80px;
	left: -10px;
}
.jobalert-stat .icon {
	/* display: block;
	position: absolute;
	color: #C0DEE6;
	z-index: 9; */
	display: block;
	position: absolute;
	color: #F0F8FA;
	z-index: 8;
	margin: 0;
	padding: 0;
	/* right: 20px; */
	top: -16px;
	font-size: 5em;
	line-height: 1em;
	z-index: 1;
}
@media screen and (min-width: 992px) {
	.generated-list li .entry {
		
	}
	.jobalert-summary {
		/* display: block;
		font-size: 2em;
		margin: 0 0 5px 0; */
	}
	.jobalert-count {
		/* display: block;
		font-size: 4em;
		text-align: right;
		float: left;
		margin: 0 20px 0 20px; */
	}
}
.jobalert-title {
	display: none;
	color: #666;
	font-size: 1em;
	font-weight: 600;
}
/* Feedback object */
.feedback-group {
	display: block;
	right: 15px;
	position: fixed;
	height: 0px;
	text-align: right;
	z-index: 9999;
	bottom: 60px;
}
.feedback-group .btn {
	background: #335175;
	border: 0;
	color: #fff;
	padding: 6px 18px 10px 18px;
	font-size: 1em;
	border-radius: 15px;
}
.feedback-group .btn:hover,
.feedback-group .btn:active,
.feedback-group .btn:focus {
	background: #2572b4;
}
.feedback-group .btn .fa,
.feedback-group .btn .fas,
.feedback-group .btn .far,
.feedback-group .btn .fal {
	margin: 5px -5px -5px 10px;
	font-size: 1.3em;
}
#float-feedback {
	max-height: 420px;
}
@media screen and (min-width: 768px) {
	#float-feedback {
		width: 80%;
		height: 75%;
		max-height: 420px;
	}
}
@media screen and (min-width: 992px) {
	#float-feedback {
		width: 40%;
		height: 50%;
		max-height: 500px;
		min-height: 420px;
	}
}
/* Job Bank Jobs */
.jbj-marker {
	/* background: #eaebed;
	font-size: 20px;
	font-weight: 400;
	color: #636363;
	padding: 1px 11px 1px 3px;
	line-height: 1.05em;
	display: inline-block;
	position: relative;
	top: 3px;
	border-radius: 10px;
	height: 22px; */
	
	font-size: 20px;
	font-weight: 400;
	color: #636363;
	padding: 0;
	display: inline-block;
	position: relative;
	top: 3px;
	border-radius: 10px;
}
.jbj-marker .shape-circle {
	/* background: #3E68A1;
	border-radius: 18px;
	height: 18px;
	width: 18px;
	line-height: 0;
	padding: 1px 1px 1px 3px;
	font-size: 11px;
	top: -4px;
	position: relative;
	margin-right: 3px; */
	/* border: 1px solid #008000; */
	background: #3E68A1;
	border-radius: 18px;
	height: 18px;
	width: 18px;
	line-height: 16px;
	padding: 1px 4px 2px 4px;
	font-size: 11px;
	top: -5px;
	position: relative;
	margin-right: 0;
	display: inline-block;
}
.results-jobs article .resultJobItem:hover .jbj-marker .shape-circle {
	
}
.jbj-marker .fa-check {
	border-radius: 15px;
	transition: all 0.1s ease-in;
	display: inline-block;
	font-size: 10px;
	color: #E8F5FF;
	position: relative;
	top: 0px;
}
.results-jobs article .resultJobItem:hover .jbj-marker {
	/* background: #3E68A1; */
	/* border: 1px solid #3E68A1; */
}
.results-jobs article .resultJobItem:hover .jbj-marker .fa-check {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: bounceInLeftSmall;
	animation-name: bounceInLeftSmall;
	
	/* display: inline-block; */
	line-height: normal;
	/* top: 0px; */
	position: relative;
	/* vertical-align: text-top; */
	color: #A4E2FF;
}
.jbj-marker .text {
	font-size: 0.55em;
	font-weight: 400;
	letter-spacing: 0.001em;
	position: relative;
	top: -4px;
	line-height: 1em;
	width: auto;
	white-space: pre;
	display: none;
}
.job-posting-details-body .title .jbj-marker {
	background: #eaebed;
	color: #636363;
	padding: 4px 11px 1px 3px;
	top: 0px;
	line-height: 17px;
	display: inline-block;
	height: 23px;
}
.job-posting-details-body .title .jbj-marker .shape-circle {
	padding: 1px 2px 2px 4px;
}
.job-posting-details-body .title .jbj-marker .text {
	display: inline-block;
	margin: 0;
}
.results-jobs article .resultJobItem:hover .jbj-marker .text {
	color: #fff;
}
.jbj-marker .description {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #aaa;
	padding: 2px 5px 4px 5px;
	font-size: 0.6em;
	font-weight: 400;
	letter-spacing: 0.001em;
	line-height: 1.5em;
	left: 0;
	top: 25px;
	width: 250px;
}
.results-jobs article .resultJobItem .jbj-marker:hover .description {
	display: block;
}
.results-jobs article .resultJobItem .jbj-marker:hover .description .fa,
.results-jobs article .resultJobItem .jbj-marker:hover .description .fas,
.results-jobs article .resultJobItem .jbj-marker:hover .description .far,
.results-jobs article .resultJobItem .jbj-marker:hover .description .fal {
	font-size: 14px;
	position: relative;
	top: 1px !important;
	margin: 0 3px 0 0;
}
@media (min-width: 992px) {
	.jbj-marker {
		line-height: 0.9em;
	}
	.jbj-marker .text {

	}
}
@-webkit-keyframes bounceInLeftSmall {
  from, 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(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
    top: 0px;
	position: relative;
  }
}

@keyframes bounceInLeftSmall {
  from, 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(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
    top: 0px;
	position: relative;
  }
}

/* Job source images */
.results-jobs article .resultJobItem .source .job-source,
.job-posting-brief li .source-image .job-source,
#externalJobLink .job-source {
    background-repeat: no-repeat;
    background-size: cover;
    height: 25px;
    width: 25px;
    display: inline-block;
    left: 0px;
    top: 8px;
    position: relative;
    margin-right: 4px;
    margin-top: -8px;
}
.job-posting-brief li .source-image .job-source {
	/* left: -5px; */
	top: 8px;
	margin-right: 0;
	margin-top: -10px;
}
#externalJobLink .job-source {
	margin-right: 0;
	top: 7px;
	/* background-color: #fff;
	border-radius: 5px; */
}
.results-jobs article a.resultJobItem .title .job-source {
	display: inline-block;
	height: 25px;
	width: 25px;
	position: relative;
	margin: 0 0 0 -7px;
	float: left;
	top: -2px;
}
@media screen and (min-width: 768px) {
	/* .results-jobs article a.resultJobItem .title .job-source {
		height: 26px;
		width: 26px;
	} */
}
@media screen and (min-width: 992px) {
	.results-jobs article a.resultJobItem .title .job-source {
		/* top: 5px; */
		margin: 0 0 0 -6px;
		top: -4px;
		height: 30px;
		width: 30px;
	}
}
.job-source.job-source-icon-18 {
	background-image: url("images/icons/jobsource/list/jobsource-careerbeacon-18-icon.png");
}
.job-source.job-source-icon-19 {
	background-image: url("images/icons/jobsource/list/jobsource-eluta-19-icon.png");
}
.job-source.job-source-icon-3 {
	background-image: url("images/icons/jobsource/list/jobsource-emploiquebec-3-icon.png");
}
.job-source.job-source-icon-4 {
	background-image: url("images/icons/jobsource/list/jobsource-gcjobs-4-icon.png");
}
.job-source.job-source-icon-16 {
	background-image: url("images/icons/jobsource/list/jobsource-jobbank-16-icon.png");
}
.job-source.job-source-icon-17 {
	background-image: url("images/icons/jobsource/list/jobsource-jobilico-17-icon.png");
}
.job-source.job-source-icon-12 {
	background-image: url("images/icons/jobsource/list/jobsource-monster-12-icon.png");
}
.job-source.job-source-icon-6 {
	background-image: url("images/icons/jobsource/list/jobsource-saskjobs-6-icon.png");
}
.job-source.job-source-icon-10 {
	background-image: url("images/icons/jobsource/list/jobsource-workbc-10-icon.png");
}
.job-source.job-source-icon-14 {
	background-image: url("images/icons/jobsource/list/jobsource-workopolis-14-icon.png");
}
.job-source.job-source-icon-20 {
	background-image: url("images/icons/jobsource/list/jobsource-jobpostings-20-icon.png");
}

/* Job search filters - radio buttons and checkboxes */
a .checkbox,
a .radio {
	background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white.png) 0 -2px no-repeat;
	background-size: 20px auto;
	height: 17px;
	min-height: 17px;
	white-space: normal;
	z-index: 97;
	position: relative;
	line-height: 1.25em;
	display: inline-block;
	width: 20px;
	margin: -1px 5px 5px 0;
	/* float: left; */
	left: 0;
	position: absolute;
}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	a .checkbox,
	a .radio {
		background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white@2x.png) 0 -2px no-repeat;
		background-size: 20px auto;
		height: 17px;
		min-height: 17px;
		display: inline-block;
		width: 20px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3),
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx) { 
	a .checkbox,
	a .radio {
		background: url(/050/evaluations/Scripts/jobBank/images/gr_custom-inputs-white@3x.png) 0 -2px no-repeat;
		background-size: 20px auto;
		height: 17px;
		min-height: 17px;
		display: inline-block;
		width: 20px;
		margin: 2px 5px 0 0;
		float: left;
	}
}
a .checkbox.checkbox-unchecked {
	
}
a:hover .checkbox.checkbox-unchecked  {
	background-position: 0 -21px;
}
a .checkbox.checkbox-checked {
	background-position: 0 -82px;
}
a:hover .checkbox.checkbox-checked {
	background-position: 0 -102px;
}
a .radio.radio-off {
	background-position: 0 -161px;
}
a:hover .radio.radio-off {
	background-position: 0 -181px;
}
a .radio.radio-on {
	background-position: 0 -241px;
}
a:hover .radio.radio-on {
	background-position: 0 -261px;
}