/* Minification failed. Returning unminified contents.
(5850,9): run-time error CSS1030: Expected identifier, found '9px'
(5850,9): run-time error CSS1031: Expected selector, found '9px'
(5850,9): run-time error CSS1025: Expected comma or open brace, found '9px'
(5851,1): run-time error CSS1019: Unexpected token, found '}'
(6966,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6967,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6974,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6975,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6984,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6990,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6999,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7000,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7007,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7008,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7017,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7018,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7025,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7026,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7035,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7036,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(7047,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7048,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '20%'
(7061,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7073,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7074,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7088,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7104,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7122,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7123,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7132,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7133,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7154,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7166,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7167,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7176,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7177,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7188,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7189,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7198,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7199,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7210,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7211,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7220,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7232,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7242,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7254,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7262,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7272,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7273,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7280,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7290,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7291,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7298,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7299,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7308,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7309,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7316,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7317,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7326,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7327,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7332,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7333,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7340,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7341,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7346,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7347,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7354,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7355,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7360,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7361,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7368,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7369,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7374,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7375,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7382,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7383,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7388,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7389,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7396,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7397,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7402,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7403,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7410,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7411,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7416,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7417,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7424,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7425,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7430,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7431,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7438,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7439,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7444,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7445,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7452,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7453,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7458,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7459,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7466,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7467,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7472,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7473,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7480,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7481,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7486,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7487,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7494,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7495,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7500,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7501,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7508,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7509,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7514,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7515,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7522,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7523,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7528,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7529,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7536,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7542,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7550,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7551,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7556,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7557,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7564,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7565,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7570,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7571,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7578,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7579,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7590,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7591,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7604,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7605,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7614,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7615,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7626,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7627,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7636,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7637,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7648,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7649,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7654,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7655,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7662,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7663,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7668,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7669,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7676,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7677,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7686,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7687,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7698,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7699,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7704,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7705,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7712,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7713,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7718,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7719,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7726,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7732,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7733,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7740,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7741,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7746,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7747,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7754,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7755,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7760,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7768,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7769,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7774,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7782,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7783,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7788,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7789,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7796,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7802,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7810,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7816,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7817,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7824,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7825,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7830,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7831,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7838,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7839,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7844,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7852,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7858,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7866,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7867,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7872,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7873,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7880,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7881,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7886,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7887,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7894,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7895,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7900,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7901,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7908,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7909,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7914,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7915,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7922,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7923,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7928,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7929,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7936,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7937,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7948,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7949,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7963,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7964,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7969,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7970,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7978,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(7979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7984,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(7985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(8208,136): run-time error CSS1019: Unexpected token, found ' '
(8208,136): run-time error CSS1019: Unexpected token, found ' '
(8208,136): run-time error CSS1042: Expected function, found ' '
(8208,136): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(8208,172): run-time error CSS1019: Unexpected token, found ' '
(8208,172): run-time error CSS1019: Unexpected token, found ' '
(8208,172): run-time error CSS1042: Expected function, found ' '
(8208,172): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(9224,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9234,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9418,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9419,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '100%'
(9593,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9594,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9601,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(9602,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(9931,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '.'
(10581,52): run-time error CSS1019: Unexpected token, found ' '
(10581,52): run-time error CSS1019: Unexpected token, found ' '
(10581,52): run-time error CSS1042: Expected function, found ' '
(10581,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10581,88): run-time error CSS1019: Unexpected token, found ' '
(10581,88): run-time error CSS1019: Unexpected token, found ' '
(10581,88): run-time error CSS1042: Expected function, found ' '
(10581,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10640,52): run-time error CSS1019: Unexpected token, found ' '
(10640,52): run-time error CSS1019: Unexpected token, found ' '
(10640,52): run-time error CSS1042: Expected function, found ' '
(10640,52): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
(10640,88): run-time error CSS1019: Unexpected token, found ' '
(10640,88): run-time error CSS1019: Unexpected token, found ' '
(10640,88): run-time error CSS1042: Expected function, found ' '
(10640,88): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*! jQuery UI - v1.12.1 - 2016-09-14
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #dddddd;
	background: #e9e9e9;
	color: #333333;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545;
	text-decoration: none;
}
.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,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc;
	background: #ededed;
	font-weight: normal;
	color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff;
	background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e;
	background: #fffa90;
	color: #777620;
}
.ui-state-checked {
	border: 1px solid #dad55e;
	background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899;
	background: #fddfdf;
	color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f;
}
.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); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("images/ui-icons_444444_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url("images/ui-icons_555555_256x240.png");
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url("images/ui-icons_ffffff_256x240.png");
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url("images/ui-icons_777620_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("images/ui-icons_cc0000_256x240.png");
}
.ui-button .ui-icon {
	background-image: url("images/ui-icons_777777_256x240.png");
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-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: -65px -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: -65px -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: 1px -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-on { background-position: -96px -144px; }
.ui-icon-radio-off { 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-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0px 0px 5px #666666;
	box-shadow: 0px 0px 5px #666666;
}

/*!
 * Bootstrap v3.2.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=df5481f96d8eab000b9a)
 * Config saved to config.json and https://gist.github.com/df5481f96d8eab000b9a
 *//*! normalize.css v3.0.1 | MIT License | git.io/normalize */
 
 html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
 body{margin:0}
 article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
 audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
 audio:not([controls]){display:none;height:0}
 [hidden],template{display:none}
 a{background:transparent}
 a:active,a:hover{outline:0}
 abbr[title]{border-bottom:1px dotted}
 b,strong{font-weight:bold}
 dfn{font-style:italic}
 h1{font-size:2em;margin:0.67em 0}
 mark{background:#ff0;color:#000}
 small{font-size:80%}
 sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
 sup{top:-0.5em}
 sub{bottom:-0.25em}
 img{border:0}
 vg:not(:root){overflow:hidden}
 figure{margin:1em 40px}
 hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
 pre{overflow:auto}
 code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
 button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
 button{overflow:visible}
 button,select{text-transform:none}
 button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
 button[disabled],html input[disabled]{cursor:default}
 button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}
 input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
 input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
 input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
 input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
 fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
 legend{border:0;padding:0}
 textarea{overflow:auto}
 optgroup{font-weight:bold}
 table{border-collapse:collapse;border-spacing:0}
 td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !important;background:transparent !important;box-shadow:none !important}
                              a,a:visited{text-decoration:underline}
                              a[href]:after{content:" (" attr(href) ")"}
                              abbr[title]:after{content:" (" attr(title) ")"}
                              a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
                              pre,blockquote{border:1px solid #999;page-break-inside:avoid}
                              thead{display:table-header-group}tr,img{page-break-inside:avoid}
                              img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}
                              h2,h3{page-break-after:avoid}
                              select{background:#fff !important}
                              .navbar{display:none}
                              .table td,.table th{background-color:#fff !important}
                              .btn>.caret,.dropup>.btn>.caret{border-top-color:#000 !important}
                              .label{border:1px solid #000}
                              .table{border-collapse:collapse !important}
                              .table-bordered th,.table-bordered td{border:1px solid #ddd !important}}
 
 @font-face{font-family:'Glyphicons Halflings';
            src:url('../fonts/glyphicons-halflings-regular.eot');
            src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
            url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
            url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}
            

.glyphicon{position:relative;
 top:1px;
 display:inline-block;
 font-family:'Glyphicons Halflings';
 font-style:normal;font-weight:normal;
 line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

.glyphicon-asterisk:before{content:"\2a"}
.glyphicon-plus:before{content:"\2b"}
.glyphicon-euro:before{content:"\20ac"}
.glyphicon-minus:before{content:"\2212"}
.glyphicon-cloud:before{content:"\2601"}
.glyphicon-envelope:before{content:"\2709"}
.glyphicon-pencil:before{content:"\270f"}
.glyphicon-glass:before{content:"\e001"}
.glyphicon-music:before{content:"\e002"}
.glyphicon-search:before{content:"\e003"}
.glyphicon-heart:before{content:"\e005"}
.glyphicon-star:before{content:"\e006"}
.glyphicon-star-empty:before{content:"\e007"}
.glyphicon-user:before{content:"\e008"}
.glyphicon-film:before{content:"\e009"}
.glyphicon-th-large:before{content:"\e010"}
.glyphicon-th:before{content:"\e011"}
.glyphicon-th-list:before{content:"\e012"}
.glyphicon-ok:before{content:"\e013"}
.glyphicon-remove:before{content:"\e014"}
.glyphicon-zoom-in:before{content:"\e015"}
.glyphicon-zoom-out:before{content:"\e016"}
.glyphicon-off:before{content:"\e017"}
.glyphicon-signal:before{content:"\e018"}
.glyphicon-cog:before{content:"\e019"}
.glyphicon-trash:before{content:"\e020"}
.glyphicon-home:before{content:"\e021"}
.glyphicon-file:before{content:"\e022"}
.glyphicon-time:before{content:"\e023"}
.glyphicon-road:before{content:"\e024"}
.glyphicon-download-alt:before{content:"\e025"}
.glyphicon-download:before{content:"\e026"}
.glyphicon-upload:before{content:"\e027"}
.glyphicon-inbox:before{content:"\e028"}
.glyphicon-play-circle:before{content:"\e029"}
.glyphicon-repeat:before{content:"\e030"}
.glyphicon-refresh:before{content:"\e031"}
.glyphicon-list-alt:before{content:"\e032"}
.glyphicon-lock:before{content:"\e033"}
.glyphicon-flag:before{content:"\e034"}
.glyphicon-headphones:before{content:"\e035"}
.glyphicon-volume-off:before{content:"\e036"}
.glyphicon-volume-down:before{content:"\e037"}
.glyphicon-volume-up:before{content:"\e038"}
.glyphicon-qrcode:before{content:"\e039"}
.glyphicon-barcode:before{content:"\e040"}
.glyphicon-tag:before{content:"\e041"}
.glyphicon-tags:before{content:"\e042"}
.glyphicon-book:before{content:"\e043"}
.glyphicon-bookmark:before{content:"\e044"}
.glyphicon-print:before{content:"\e045"}
.glyphicon-camera:before{content:"\e046"}
.glyphicon-font:before{content:"\e047"}
.glyphicon-bold:before{content:"\e048"}
.glyphicon-italic:before{content:"\e049"}
.glyphicon-text-height:before{content:"\e050"}
.glyphicon-text-width:before{content:"\e051"}
.glyphicon-align-left:before{content:"\e052"}
.glyphicon-align-center:before{content:"\e053"}
.glyphicon-align-right:before{content:"\e054"}
.glyphicon-align-justify:before{content:"\e055"}
.glyphicon-list:before{content:"\e056"}
.glyphicon-indent-left:before{content:"\e057"}
.glyphicon-indent-right:before{content:"\e058"}
.glyphicon-facetime-video:before{content:"\e059"}
.glyphicon-picture:before{content:"\e060"}
.glyphicon-map-marker:before{content:"\e062"}
.glyphicon-adjust:before{content:"\e063"}
.glyphicon-tint:before{content:"\e064"}
.glyphicon-edit:before{content:"\e065"}
.glyphicon-share:before{content:"\e066"}
.glyphicon-check:before{content:"\e067"}
.glyphicon-move:before{content:"\e068"}
.glyphicon-step-backward:before{content:"\e069"}
.glyphicon-fast-backward:before{content:"\e070"}
.glyphicon-backward:before{content:"\e071"}
.glyphicon-play:before{content:"\e072"}
.glyphicon-pause:before{content:"\e073"}
.glyphicon-stop:before{content:"\e074"}
.glyphicon-forward:before{content:"\e075"}
.glyphicon-fast-forward:before{content:"\e076"}
.glyphicon-step-forward:before{content:"\e077"}
.glyphicon-eject:before{content:"\e078"}
.glyphicon-chevron-left:before{content:"\e079"}
.glyphicon-chevron-right:before{content:"\e080"}
.glyphicon-plus-sign:before{content:"\e081"}
.glyphicon-minus-sign:before{content:"\e082"}
.glyphicon-remove-sign:before{content:"\e083"}
.glyphicon-ok-sign:before{content:"\e084"}
.glyphicon-question-sign:before{content:"\e085"}
.glyphicon-info-sign:before{content:"\e086"}
.glyphicon-screenshot:before{content:"\e087"}
.glyphicon-remove-circle:before{content:"\e088"}
.glyphicon-ok-circle:before{content:"\e089"}
.glyphicon-ban-circle:before{content:"\e090"}
.glyphicon-arrow-left:before{content:"\e091"}
.glyphicon-arrow-right:before{content:"\e092"}
.glyphicon-arrow-up:before{content:"\e093"}
.glyphicon-arrow-down:before{content:"\e094"}
.glyphicon-share-alt:before{content:"\e095"}
.glyphicon-resize-full:before{content:"\e096"}
.glyphicon-resize-small:before{content:"\e097"}
.glyphicon-exclamation-sign:before{content:"\e101"}
.glyphicon-gift:before{content:"\e102"}
.glyphicon-leaf:before{content:"\e103"}
.glyphicon-fire:before{content:"\e104"}
.glyphicon-eye-open:before{content:"\e105"}
.glyphicon-eye-close:before{content:"\e106"}
.glyphicon-warning-sign:before{content:"\e107"}
.glyphicon-plane:before{content:"\e108"}
.glyphicon-calendar:before{content:"\e109"}
.glyphicon-random:before{content:"\e110"}
.glyphicon-comment:before{content:"\e111"}
.glyphicon-magnet:before{content:"\e112"}
.glyphicon-chevron-up:before{content:"\e113"}
.glyphicon-chevron-down:before{content:"\e114"}
.glyphicon-retweet:before{content:"\e115"}
.glyphicon-shopping-cart:before{content:"\e116"}
.glyphicon-folder-close:before{content:"\e117"}
.glyphicon-folder-open:before{content:"\e118"}
.glyphicon-resize-vertical:before{content:"\e119"}
.glyphicon-resize-horizontal:before{content:"\e120"}
.glyphicon-hdd:before{content:"\e121"}
.glyphicon-bullhorn:before{content:"\e122"}
.glyphicon-bell:before{content:"\e123"}
.glyphicon-certificate:before{content:"\e124"}
.glyphicon-thumbs-up:before{content:"\e125"}
.glyphicon-thumbs-down:before{content:"\e126"}
.glyphicon-hand-right:before{content:"\e127"}
.glyphicon-hand-left:before{content:"\e128"}
.glyphicon-hand-up:before{content:"\e129"}
.glyphicon-hand-down:before{content:"\e130"}
.glyphicon-circle-arrow-right:before{content:"\e131"}
.glyphicon-circle-arrow-left:before{content:"\e132"}
.glyphicon-circle-arrow-up:before{content:"\e133"}
.glyphicon-circle-arrow-down:before{content:"\e134"}
.glyphicon-globe:before{content:"\e135"}
.glyphicon-wrench:before{content:"\e136"}
.glyphicon-tasks:before{content:"\e137"}
.glyphicon-filter:before{content:"\e138"}
.glyphicon-briefcase:before{content:"\e139"}
.glyphicon-fullscreen:before{content:"\e140"}
.glyphicon-dashboard:before{content:"\e141"}
.glyphicon-paperclip:before{content:"\e142"}
.glyphicon-heart-empty:before{content:"\e143"}
.glyphicon-link:before{content:"\e144"}
.glyphicon-phone:before{content:"\e145"}
.glyphicon-pushpin:before{content:"\e146"}
.glyphicon-usd:before{content:"\e148"}
.glyphicon-gbp:before{content:"\e149"}
.glyphicon-sort:before{content:"\e150"}
.glyphicon-sort-by-alphabet:before{content:"\e151"}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}
.glyphicon-sort-by-order:before{content:"\e153"}
.glyphicon-sort-by-order-alt:before{content:"\e154"}
.glyphicon-sort-by-attributes:before{content:"\e155"}
.glyphicon-sort-by-attributes-alt:before{content:"\e156"}
.glyphicon-unchecked:before{content:"\e157"}
.glyphicon-expand:before{content:"\e158"}
.glyphicon-collapse-down:before{content:"\e159"}
.glyphicon-collapse-up:before{content:"\e160"}
.glyphicon-log-in:before{content:"\e161"}
.glyphicon-flash:before{content:"\e162"}
.glyphicon-log-out:before{content:"\e163"}
.glyphicon-new-window:before{content:"\e164"}
.glyphicon-record:before{content:"\e165"}
.glyphicon-save:before{content:"\e166"}
.glyphicon-open:before{content:"\e167"}
.glyphicon-saved:before{content:"\e168"}
.glyphicon-import:before{content:"\e169"}
.glyphicon-export:before{content:"\e170"}
.glyphicon-send:before{content:"\e171"}
.glyphicon-floppy-disk:before{content:"\e172"}
.glyphicon-floppy-saved:before{content:"\e173"}
.glyphicon-floppy-remove:before{content:"\e174"}
.glyphicon-floppy-save:before{content:"\e175"}
.glyphicon-floppy-open:before{content:"\e176"}
.glyphicon-credit-card:before{content:"\e177"}
.glyphicon-transfer:before{content:"\e178"}
.glyphicon-cutlery:before{content:"\e179"}
.glyphicon-header:before{content:"\e180"}
.glyphicon-compressed:before{content:"\e181"}
.glyphicon-earphone:before{content:"\e182"}
.glyphicon-phone-alt:before{content:"\e183"}
.glyphicon-tower:before{content:"\e184"}
.glyphicon-stats:before{content:"\e185"}
.glyphicon-sd-video:before{content:"\e186"}
.glyphicon-hd-video:before{content:"\e187"}
.glyphicon-subtitles:before{content:"\e188"}
.glyphicon-sound-stereo:before{content:"\e189"}
.glyphicon-sound-dolby:before{content:"\e190"}
.glyphicon-sound-5-1:before{content:"\e191"}
.glyphicon-sound-6-1:before{content:"\e192"}
.glyphicon-sound-7-1:before{content:"\e193"}
.glyphicon-copyright-mark:before{content:"\e194"}
.glyphicon-registration-mark:before{content:"\e195"}
.glyphicon-cloud-download:before{content:"\e197"}
.glyphicon-cloud-upload:before{content:"\e198"}
.glyphicon-tree-conifer:before{content:"\e199"}
.glyphicon-tree-deciduous:before{content:"\e200"}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:'Arial', sans-serif;font-size:13px;line-height:1.42857143;color:#333;}
 input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}
a{color:#516fca;text-decoration:none}
a:hover,a:focus{color:#516fca;text-decoration:underline}
a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
figure{margin:0}
img{vertical-align:middle}
.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;width:100% \9;max-width:100%;height:auto}
.img-rounded{border-radius:6px}
.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;width:100% \9;max-width:100%;height:auto}
.img-circle{border-radius:50%}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#777}
h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}
h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
p{margin:0 0 10px}
.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}
@media (min-width:768px){.lead{font-size:21px}
}
small,.small{font-size:85%}
cite{font-style:normal}
mark,.mark{background-color:#fcf8e3;padding:.2em}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
.text-nowrap{white-space:nowrap}
.text-lowercase{text-transform:lowercase}
.text-uppercase{text-transform:uppercase}
.text-capitalize{text-transform:capitalize}
.text-muted{color:#777}
.text-primary{color:#428bca}
a.text-primary:hover{color:#3071a9}
.text-success{color:#3c763d}
a.text-success:hover{color:#2b542c}
.text-info{color:#31708f}
a.text-info:hover{color:#245269}
.text-warning{color:#8a6d3b}
a.text-warning:hover{color:#66512c}
.text-danger{color:#a94442}
a.text-danger:hover{color:#843534}
.bg-primary{color:#fff;background-color:#428bca}
a.bg-primary:hover{background-color:#3071a9}
.bg-success{background-color:#dff0d8}
a.bg-success:hover{background-color:#c1e2b3}
.bg-info{background-color:#d9edf7}
a.bg-info:hover{background-color:#afd9ee}
.bg-warning{background-color:#fcf8e3}
a.bg-warning:hover{background-color:#f7ecb5}
.bg-danger{background-color:#f2dede}
a.bg-danger:hover{background-color:#e4b9b9}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}
ul,ol{margin-top:0;margin-bottom:10px}
ul ul,ol ul,ul ol,ol ol{margin-bottom:0}
.list-unstyled{padding-left:0;list-style:none}
.list-inline{padding-left:0;list-style:none;margin-left:-5px}
.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}
dl{margin-top:0;margin-bottom:20px}
dt,dd{line-height:1.42857143}
dt{font-weight:bold}
dd{margin-left:0}
@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl-horizontal dd{margin-left:180px}
}
abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #777}
.initialism{font-size:90%;text-transform:uppercase}
blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #eee}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}
blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#777}
blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}
.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0;text-align:right}
.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}
.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}
blockquote:before,blockquote:after{content:""}
address{margin-bottom:20px;font-style:normal;line-height:1.42857143}
code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}
code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}
kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}
kbd kbd{padding:0;font-size:100%;box-shadow:none}
pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}
.pre-scrollable{max-height:340px;overflow-y:scroll}
.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
@media (min-width:768px){.container{width:750px}
}
@media (min-width:992px){.container{width:970px}
}
@media (min-width:1300px){.container{width:1170px}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.row{margin-left:-15px;margin-right:-15px}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666667%}
.col-xs-10{width:83.33333333%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666667%}
.col-xs-7{width:58.33333333%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666667%}
.col-xs-4{width:33.33333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.66666667%}
.col-xs-1{width:8.33333333%}
.col-xs-pull-12{right:100%}
.col-xs-pull-11{right:91.66666667%}
.col-xs-pull-10{right:83.33333333%}
.col-xs-pull-9{right:75%}
.col-xs-pull-8{right:66.66666667%}
.col-xs-pull-7{right:58.33333333%}
.col-xs-pull-6{right:50%}
.col-xs-pull-5{right:41.66666667%}
.col-xs-pull-4{right:33.33333333%}
.col-xs-pull-3{right:25%}
.col-xs-pull-2{right:16.66666667%}
.col-xs-pull-1{right:8.33333333%}
.col-xs-pull-0{right:auto}
.col-xs-push-12{left:100%}
.col-xs-push-11{left:91.66666667%}
.col-xs-push-10{left:83.33333333%}
.col-xs-push-9{left:75%}
.col-xs-push-8{left:66.66666667%}
.col-xs-push-7{left:58.33333333%}
.col-xs-push-6{left:50%}
.col-xs-push-5{left:41.66666667%}
.col-xs-push-4{left:33.33333333%}
.col-xs-push-3{left:25%}
.col-xs-push-2{left:16.66666667%}
.col-xs-push-1{left:8.33333333%}
.col-xs-push-0{left:auto}
.col-xs-offset-12{margin-left:100%}
.col-xs-offset-11{margin-left:91.66666667%}
.col-xs-offset-10{margin-left:83.33333333%}
.col-xs-offset-9{margin-left:75%}
.col-xs-offset-8{margin-left:66.66666667%}
.col-xs-offset-7{margin-left:58.33333333%}
.col-xs-offset-6{margin-left:50%}
.col-xs-offset-5{margin-left:41.66666667%}
.col-xs-offset-4{margin-left:33.33333333%}
.col-xs-offset-3{margin-left:25%}
.col-xs-offset-2{margin-left:16.66666667%}
.col-xs-offset-1{margin-left:8.33333333%}
.col-xs-offset-0{margin-left:0}
@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}
.col-sm-12{width:100%}
.col-sm-11{width:91.66666667%}
.col-sm-10{width:83.33333333%}
.col-sm-9{width:75%}
.col-sm-8{width:66.66666667%}
.col-sm-7{width:58.33333333%}
.col-sm-6{width:50%}
.col-sm-5{width:41.66666667%}
.col-sm-4{width:33.33333333%}
.col-sm-3{width:25%}
.col-sm-2{width:16.66666667%}
.col-sm-1{width:8.33333333%}
.col-sm-pull-12{right:100%}
.col-sm-pull-11{right:91.66666667%}
.col-sm-pull-10{right:83.33333333%}
.col-sm-pull-9{right:75%}
.col-sm-pull-8{right:66.66666667%}
.col-sm-pull-7{right:58.33333333%}
.col-sm-pull-6{right:50%}
.col-sm-pull-5{right:41.66666667%}
.col-sm-pull-4{right:33.33333333%}
.col-sm-pull-3{right:25%}
.col-sm-pull-2{right:16.66666667%}
.col-sm-pull-1{right:8.33333333%}
.col-sm-pull-0{right:auto}
.col-sm-push-12{left:100%}
.col-sm-push-11{left:91.66666667%}
.col-sm-push-10{left:83.33333333%}
.col-sm-push-9{left:75%}
.col-sm-push-8{left:66.66666667%}
.col-sm-push-7{left:58.33333333%}
.col-sm-push-6{left:50%}
.col-sm-push-5{left:41.66666667%}
.col-sm-push-4{left:33.33333333%}
.col-sm-push-3{left:25%}
.col-sm-push-2{left:16.66666667%}
.col-sm-push-1{left:8.33333333%}
.col-sm-push-0{left:auto}
.col-sm-offset-12{margin-left:100%}
.col-sm-offset-11{margin-left:91.66666667%}
.col-sm-offset-10{margin-left:83.33333333%}
.col-sm-offset-9{margin-left:75%}
.col-sm-offset-8{margin-left:66.66666667%}
.col-sm-offset-7{margin-left:58.33333333%}
.col-sm-offset-6{margin-left:50%}
.col-sm-offset-5{margin-left:41.66666667%}
.col-sm-offset-4{margin-left:33.33333333%}
.col-sm-offset-3{margin-left:25%}
.col-sm-offset-2{margin-left:16.66666667%}
.col-sm-offset-1{margin-left:8.33333333%}
.col-sm-offset-0{margin-left:0}
}

@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}
.col-md-12{width:100%}
.col-md-11{width:91.66666667%}
.col-md-10{width:83.33333333%}
.col-md-9{width:75%}
.col-md-8{width:66.66666667%}
.col-md-7{width:58.33333333%}
.col-md-6{width:50%}
.col-md-5{width:41.66666667%}
.col-md-4{width:33.33333333%}
.col-md-3{width:25%}
.col-md-2{width:16.66666667%}
.col-md-1{width:8.33333333%}
.col-md-pull-12{right:100%}
.col-md-pull-11{right:91.66666667%}
.col-md-pull-10{right:83.33333333%}
.col-md-pull-9{right:75%}
.col-md-pull-8{right:66.66666667%}
.col-md-pull-7{right:58.33333333%}
.col-md-pull-6{right:50%}
.col-md-pull-5{right:41.66666667%}
.col-md-pull-4{right:33.33333333%}
.col-md-pull-3{right:25%}
.col-md-pull-2{right:16.66666667%}
.col-md-pull-1{right:8.33333333%}
.col-md-pull-0{right:auto}
.col-md-push-12{left:100%}
.col-md-push-11{left:91.66666667%}
.col-md-push-10{left:83.33333333%}
.col-md-push-9{left:75%}
.col-md-push-8{left:66.66666667%}
.col-md-push-7{left:58.33333333%}
.col-md-push-6{left:50%}
.col-md-push-5{left:41.66666667%}
.col-md-push-4{left:33.33333333%}
.col-md-push-3{left:25%}
.col-md-push-2{left:16.66666667%}
.col-md-push-1{left:8.33333333%}
.col-md-push-0{left:auto}
.col-md-offset-12{margin-left:100%}
.col-md-offset-11{margin-left:91.66666667%}
.col-md-offset-10{margin-left:83.33333333%}
.col-md-offset-9{margin-left:75%}
.col-md-offset-8{margin-left:66.66666667%}
.col-md-offset-7{margin-left:58.33333333%}
.col-md-offset-6{margin-left:50%}
.col-md-offset-5{margin-left:41.66666667%}
.col-md-offset-4{margin-left:33.33333333%}
.col-md-offset-3{margin-left:25%}
.col-md-offset-2{margin-left:16.66666667%}
.col-md-offset-1{margin-left:8.33333333%}
.col-md-offset-0{margin-left:0}
}

@media (min-width:1300px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}
.col-lg-12{width:100%}
.col-lg-11{width:91.66666667%}
.col-lg-10{width:83.33333333%}
.col-lg-9{width:75%}
.col-lg-8{width:66.66666667%}
.col-lg-7{width:58.33333333%}
.col-lg-6{width:50%}
.col-lg-5{width:41.66666667%}
.col-lg-4{width:33.33333333%}
.col-lg-3{width:25%}
.col-lg-2{width:16.66666667%}
.col-lg-1{width:8.33333333%}
.col-lg-pull-12{right:100%}
.col-lg-pull-11{right:91.66666667%}
.col-lg-pull-10{right:83.33333333%}
.col-lg-pull-9{right:75%}
.col-lg-pull-8{right:66.66666667%}
.col-lg-pull-7{right:58.33333333%}
.col-lg-pull-6{right:50%}
.col-lg-pull-5{right:41.66666667%}
.col-lg-pull-4{right:33.33333333%}
.col-lg-pull-3{right:25%}
.col-lg-pull-2{right:16.66666667%}
.col-lg-pull-1{right:8.33333333%}
.col-lg-pull-0{right:auto}
.col-lg-push-12{left:100%}
.col-lg-push-11{left:91.66666667%}
.col-lg-push-10{left:83.33333333%}
.col-lg-push-9{left:75%}
.col-lg-push-8{left:66.66666667%}
.col-lg-push-7{left:58.33333333%}
.col-lg-push-6{left:50%}
.col-lg-push-5{left:41.66666667%}
.col-lg-push-4{left:33.33333333%}
.col-lg-push-3{left:25%}
.col-lg-push-2{left:16.66666667%}
.col-lg-push-1{left:8.33333333%}
.col-lg-push-0{left:auto}
.col-lg-offset-12{margin-left:100%}
.col-lg-offset-11{margin-left:91.66666667%}
.col-lg-offset-10{margin-left:83.33333333%}
.col-lg-offset-9{margin-left:75%}
.col-lg-offset-8{margin-left:66.66666667%}
.col-lg-offset-7{margin-left:58.33333333%}
.col-lg-offset-6{margin-left:50%}
.col-lg-offset-5{margin-left:41.66666667%}
.col-lg-offset-4{margin-left:33.33333333%}
.col-lg-offset-3{margin-left:25%}
.col-lg-offset-2{margin-left:16.66666667%}
.col-lg-offset-1{margin-left:8.33333333%}
.col-lg-offset-0{margin-left:0}
}

table{background-color:transparent}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}
.table>tbody+tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}
.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}
.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}
.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}
table col[class*="col-"]{position:static;float:none;display:table-column}
table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}
.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}
.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}
.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}
.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}
.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}
.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}
.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}
.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}
.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}
.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}

@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;overflow-x:auto;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd;-webkit-overflow-scrolling:touch}
.table-responsive>.table{margin-bottom:0}
.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}
.table-responsive>.table-bordered{border:0}
.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}
}

fieldset{padding:0;margin:0;border:0;min-width:0}
legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}
label{display:inline-block;max-width:100%;margin-bottom:2px;font-weight:normal}
input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}
input[type="file"]{display:block}
input[type="range"]{display:block;width:100%}
select[multiple],select[size]{height:auto}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
output{display:block;padding-top:7px;font-size:13px;line-height:1.42857143;color:#555}


.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:13px;line-height:1.42857143;color:#000;background-color:#fff;background-image:none;border:1px solid #ccc;/*border-radius:4px*/;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)}
.form-control::-moz-placeholder{color:#777;opacity:1}
.form-control:-ms-input-placeholder{color:#777}
.form-control::-webkit-input-placeholder{color:#777}
.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee;opacity:1}
textarea.form-control{height:auto}
input[type="search"]{-webkit-appearance:none}
input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"]{line-height:34px;line-height:1.42857143 \0}
input[type="date"].input-sm,input[type="time"].input-sm,input[type="datetime-local"].input-sm,input[type="month"].input-sm{line-height:30px}
input[type="date"].input-lg,input[type="time"].input-lg,input[type="datetime-local"].input-lg,input[type="month"].input-lg{line-height:46px}
.form-group{margin-bottom:15px}
.radio,.checkbox{position:relative;display:block;min-height:20px;margin-top:10px;margin-bottom:10px}
.radio label,.checkbox label{padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px \9}
.radio+.radio,.checkbox+.checkbox{margin-top:-5px}
.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}
.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}
input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled,fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"]{cursor:not-allowed}
.radio-inline.disabled,.checkbox-inline.disabled,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox-inline{cursor:not-allowed}
.radio.disabled label,.checkbox.disabled label,fieldset[disabled] .radio label,fieldset[disabled] .checkbox label{cursor:not-allowed}
.form-control-static{padding-top:7px;padding-bottom:7px;margin-bottom:0}
.form-control-static.input-lg,.form-control-static.input-sm{padding-left:0;padding-right:0}
.input-sm,.form-horizontal .form-group-sm .form-control{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-sm{height:30px;line-height:30px}
textarea.input-sm,select[multiple].input-sm{height:auto}
.input-lg,.form-horizontal .form-group-lg .form-control{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
select.input-lg{height:46px;line-height:46px}
textarea.input-lg,select[multiple].input-lg{height:auto}
.has-feedback{position:relative}
.has-feedback .form-control{padding-right:42.5px}
.form-control-feedback{position:absolute;top:25px;right:0;z-index:2;display:block;width:34px;height:34px;line-height:34px;text-align:center}
.input-lg+.form-control-feedback{width:46px;height:46px;line-height:46px}
.input-sm+.form-control-feedback{width:30px;height:30px;line-height:30px}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}
.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}
.has-success .input-group-addon{color:#3c763d;border-color:#3c763d;background-color:#dff0d8}
.has-success .form-control-feedback{color:#3c763d}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}
.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}
.has-warning .input-group-addon{color:#8a6d3b;border-color:#8a6d3b;background-color:#fcf8e3}
.has-warning .form-control-feedback{color:#8a6d3b}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}
.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}
.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}
.has-error .input-group-addon{color:#a94442;border-color:#a94442;background-color:#f2dede}
.has-error .form-control-feedback{color:#a94442}
.has-feedback label.sr-only~.form-control-feedback{top:0}
.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}
@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}
.form-inline .input-group{display:inline-table;vertical-align:middle}
.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn,.form-inline .input-group .form-control{width:auto}
.form-inline .input-group>.form-control{width:100%}
.form-inline .control-label{margin-bottom:0;vertical-align:middle}
.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.form-inline .radio label,.form-inline .checkbox label{padding-left:0}
.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{position:relative;margin-left:0}
.form-inline .has-feedback .form-control-feedback{top:0}
}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}
.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}
.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}
@media (min-width:768px){.form-horizontal .control-label{text-align:right;margin-bottom:0;padding-top:7px}
}
.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}
@media (min-width:768px){.form-horizontal .form-group-lg .control-label{padding-top:14.3px}
}
@media (min-width:768px){.form-horizontal .form-group-sm .control-label{padding-top:6px}
}

.form-control.smallinp{width:99%;}

.btn{display:inline-block;margin-bottom:0;font-weight:600;text-align:left;vertical-align:middle;cursor:pointer;background-image:none;
     border:1px solid transparent;white-space:nowrap;padding:6px 12px 5px 12px;font-size:13px;line-height:1.42857143;border-radius:4px;
     -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{color:#333;text-decoration:none}
.btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}
.btn-default{color:#333;background-color:#fff;border-color:#ccc}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default:active,.btn-default.active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}
.btn-default .badge{color:#fff;background-color:#333}
.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#03a9f4}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}
.btn-primary .badge{color:#428bca;background-color:#fff}
.btn-success{color:#fff;background-color:#5cb85c;border-color:#5cb85c}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{color:#fff;background-color:#449d44;border-color:#e4dfdf}
.btn-success:active,.btn-success.active,.open>.dropdown-toggle.btn-success{background-image:none}
.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}
.btn-success .badge{color:#5cb85c;background-color:#fff}
.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{color:#fff;background-color:#31b0d5;border-color:#269abc}
.btn-info:active,.btn-info.active,.open>.dropdown-toggle.btn-info{background-image:none}
.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}
.btn-info .badge{color:#5bc0de;background-color:#fff}
.btn-warning{color:#fff;background-color:#febf00;border-color:#febf00}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning:active,.btn-warning.active,.open>.dropdown-toggle.btn-warning{background-image:none}
.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}
.btn-warning .badge{color:#f0ad4e;background-color:#fff}
.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-danger:active,.btn-danger.active,.open>.dropdown-toggle.btn-danger{background-image:none}
.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}
.btn-danger .badge{color:#d9534f;background-color:#fff}
.btn-link{color:#428bca;font-weight:normal;cursor:pointer;border-radius:0}
.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}
.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}
.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#777;text-decoration:none}
.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}
.btn-block{display:block;width:100%}
.btn-block+.btn-block{margin-top:5px}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
.fade.in{opacity:1}
.collapse{display:none}
.collapse.in{display:block}
tr.collapse.in{display:table-row}
tbody.collapse.in{display:table-row-group}
.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;-o-transition:height .35s ease;transition:height .35s ease}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}
.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:13px;text-align:left;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}
.dropdown-menu.pull-right{right:0;left:auto}
.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#f5f5f5}
.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;outline:0;background-color:#428bca}
.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#777}
.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor:not-allowed}
.open>.dropdown-menu{display:block}
.open>a{outline:0}
.dropdown-menu-right{left:auto;right:0}
.dropdown-menu-left{left:0;right:auto}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}
.pull-right>.dropdown-menu{right:0;left:auto}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;content:""}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}
@media (min-width:768px){.navbar-right .dropdown-menu{left:auto;right:0}
.navbar-right .dropdown-menu-left{left:0;right:auto}
}
.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}
.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}
.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}
.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}
.btn-toolbar{margin-left:-5px}
.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}
.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-group{margin-left:5px}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}
.btn-group>.btn:first-child{margin-left:0}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group>.btn-group{float:left}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-top-right-radius:0}
.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}
.btn-group>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}
.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right:12px}
.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}
.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}
.btn .caret{margin-left:0}
.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}
.dropup .btn-lg .caret{border-width:0 5px 5px}
.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}
.btn-group-vertical>.btn-group>.btn{float:none}
.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}
.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}
.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:4px;border-top-right-radius:0;border-top-left-radius:0}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}
.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}
.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}
.btn-group-justified>.btn-group .btn{width:100%}
.btn-group-justified>.btn-group .dropdown-menu{left:auto}
[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{position:absolute;z-index:-1;opacity:0;filter:alpha(opacity=0)}
.input-group{position:relative;display:table;border-collapse:separate}
.input-group[class*="col-"]{float:none;padding-left:0;padding-right:0}
.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}
.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}
select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}
textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn>.btn{height:auto}
.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}
textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].input-group-sm>.input-group-btn>.btn{height:auto}
.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}
.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}
.input-group-addon{padding:6px 12px;font-size:13px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}
.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}
.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}
.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-right-radius:0}
.input-group-addon:first-child{border-right:0}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}
.input-group-addon:last-child{border-left:0}
.input-group-btn{position:relative;font-size:0;white-space:nowrap}
.input-group-btn>.btn{position:relative}
.input-group-btn>.btn+.btn{margin-left:-1px}
.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}
.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}
.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}
.nav{margin-bottom:0;padding-left:0;list-style:none}
.nav>li{position:relative;display:block}
.nav>li>a{position:relative;display:block;padding:10px 15px}
.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}
.nav>li.disabled>a{color:#777}
.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#777;text-decoration:none;background-color:transparent;cursor:not-allowed}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}
.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}
.nav>li>a>img{max-width:none}
.nav-tabs{border-bottom:1px solid #ddd}
.nav-tabs>li{float:left;margin-bottom:-1px}
.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent;cursor:default}
.nav-tabs.nav-justified{width:100%;border-bottom:0}
.nav-tabs.nav-justified>li{float:none}
.nav-tabs.nav-justified>li>a{text-align:center;margin-bottom:5px}
.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}
.nav-tabs.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}
}
.nav-pills>li{float:left}
.nav-pills>li>a{border-radius:4px}
.nav-pills>li+li{margin-left:2px}
.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}
.nav-stacked>li{float:none}
.nav-stacked>li+li{margin-top:2px;margin-left:0}
.nav-justified{width:100%}
.nav-justified>li{float:none}
.nav-justified>li>a{text-align:center;margin-bottom:5px}
.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}
@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}
.nav-justified>li>a{margin-bottom:0}
}
.nav-tabs-justified{border-bottom:0}
.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}
@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}
.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}
}
.tab-content>.tab-pane{display:none}
.tab-content>.active{display:block}
.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}
.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}
@media (min-width:768px){.navbar{border-radius:4px}
}
@media (min-width:768px){.navbar-header{float:left}
}
.navbar-collapse{overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}
.navbar-collapse.in{overflow-y:auto}
@media (min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}
.navbar-collapse.collapse{display:block !important;height:auto !important;padding-bottom:0;overflow:visible !important}
.navbar-collapse.in{overflow-y:visible}
.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}
}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:340px}
@media (max-width:480px) and (orientation:landscape){.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{max-height:200px}
}
.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}
@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}
}
.navbar-static-top{z-index:1000;border-width:0 0 1px}
@media (min-width:768px){.navbar-static-top{border-radius:0}
}
.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}
}
.navbar-fixed-top{top:0;border-width:0 0 1px}
.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}
.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px;height:50px}
.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}
@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}
}
.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:8px;margin-bottom:8px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px}
.navbar-toggle:focus{outline:0}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}
.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
@media (min-width:768px){.navbar-toggle{display:none}
}
.navbar-nav{margin:7.5px -15px}
.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}
@media (max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}
.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}
.navbar-nav .open .dropdown-menu>li>a{line-height:20px}
.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}
}
@media (min-width:768px){.navbar-nav{float:left;margin:0}
.navbar-nav>li{float:left}
.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}
.navbar-nav.navbar-right:last-child{margin-right:-15px}
}
@media (min-width:768px){.navbar-left{float:left !important}
.navbar-right{float:right !important}
}
.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);margin-top:8px;margin-bottom:8px}
@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}
.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}
.navbar-form .input-group{display:inline-table;vertical-align:middle}
.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn,.navbar-form .input-group .form-control{width:auto}
.navbar-form .input-group>.form-control{width:100%}
.navbar-form .control-label{margin-bottom:0;vertical-align:middle}
.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}
.navbar-form .radio label,.navbar-form .checkbox label{padding-left:0}
.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{position:relative;margin-left:0}
.navbar-form .has-feedback .form-control-feedback{top:0}
}
@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}
}
@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}
.navbar-form.navbar-right:last-child{margin-right:-15px}
}
.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}
.navbar-btn{margin-top:8px;margin-bottom:8px}
.navbar-btn.btn-sm{margin-top:10px;margin-bottom:10px}
.navbar-btn.btn-xs{margin-top:14px;margin-bottom:14px}
.navbar-text{margin-top:15px;margin-bottom:15px}
@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}
.navbar-text.navbar-right:last-child{margin-right:0}
}
.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}
.navbar-default .navbar-brand{color:#777}
.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}
.navbar-default .navbar-text{color:#777}
.navbar-default .navbar-nav>li>a{color:#777}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}
.navbar-default .navbar-toggle{border-color:#ddd}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}
.navbar-default .navbar-toggle .icon-bar{background-color:#888}
.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}
.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#e7e7e7;color:#555}

@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}
}

.navbar-default .navbar-link{color:#777}
.navbar-default .navbar-link:hover{color:#333}
.navbar-default .btn-link{color:#777}
.navbar-default .btn-link:hover,.navbar-default .btn-link:focus{color:#333}
.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:hover,.navbar-default .btn-link[disabled]:focus,fieldset[disabled] .navbar-default .btn-link:focus{color:#ccc}
.navbar-inverse{background-color:#222;border-color:#080808}
.navbar-inverse .navbar-brand{color:#777}
.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}
.navbar-inverse .navbar-text{color:#777}
.navbar-inverse .navbar-nav>li>a{color:#777}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}
.navbar-inverse .navbar-toggle{border-color:#333}
.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}
.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#080808;color:#fff}

@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#777}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}
}

.navbar-inverse .navbar-link{color:#777}
.navbar-inverse .navbar-link:hover{color:#fff}
.navbar-inverse .btn-link{color:#777}
.navbar-inverse .btn-link:hover,.navbar-inverse .btn-link:focus{color:#fff}
.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:hover,.navbar-inverse .btn-link[disabled]:focus,fieldset[disabled] .navbar-inverse .btn-link:focus{color:#444}
.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}
.breadcrumb>li{display:inline-block}
.breadcrumb>li+li:before{content:"/\00a0";padding:0 5px;color:#ccc}
.breadcrumb>.active{color:#777}
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}

.pagination > li{display:inline;
  margin-left:2px;  
  float:left;
  text-align:center;
  border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(214,214,214,1) 100%); 
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(214,214,214,1))); 
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(214,214,214,1) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d6d6d6',GradientType=0 );
}
.pagination > li > a, .pagination > li > span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#555!important;font-weight:600;background-color:#fff;border:1px solid #ddd;}
.pagination > li > a.active{border-radius:3px; box-shadow: 0 0 7px #686868 inset; margin-right:3px;}
.pagination > li > a:hover{border-radius:3px; box-shadow: 0 0 5px #c8c8c8 inset;}
.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px;}
.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#000!important;background-color:#eee!important;border-color:#ddd!important;}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed}




.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
.pager{padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li{display:inline}
.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right}
.pager .previous>a,.pager .previous>span{float:left}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;background-color:#fff;cursor:not-allowed}
.btn-success .fa{font-size:18px;}
.label{display:inline;padding:.2em .6em .3em!important;font-size:75%!important;font-weight:bold;line-height:1;color:#fff!important;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
a.label:hover,a.label:focus{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.label-default{background-color:#777}
.label-default[href]:hover,.label-default[href]:focus{background-color:#5e5e5e}
.label-primary{background-color:#428bca}
.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}
.label-success{background-color:#5cb85c}
.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}
.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#fff;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#777;border-radius:10px}
.badge:empty{display:none}
.btn .badge{position:relative;top:-1px}
.btn-xs .badge{top:0;padding:1px 5px}
a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}
a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}
.nav-pills>li>a>.badge{margin-left:3px}
.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#eee}
.jumbotron h1,.jumbotron .h1{color:inherit}
.jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200}
.jumbotron>hr{border-top-color:#d5d5d5}
.container .jumbotron{border-radius:6px}
.jumbotron .container{max-width:100%}
@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}
.container .jumbotron{padding-left:60px;padding-right:60px}
.jumbotron h1,.jumbotron .h1{font-size:63px}
}
.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}
.thumbnail .caption{padding:9px;color:#333}
.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert h4{margin-top:0;color:inherit}
.alert .alert-link{font-weight:bold}
.alert>p,.alert>ul{margin-bottom:0}
.alert>p+p{margin-top:5px}
.alert-dismissable,.alert-dismissible{padding-right:35px}
.alert-dismissable .close,.alert-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}
.alert-success{background-color:#dff0d8;border-color:#d6e9c6;color:#3c763d}
.alert-success hr{border-top-color:#c9e2b3}
.alert-success .alert-link{color:#2b542c}
.alert-info{background-color:#d9edf7;border-color:#bce8f1;color:#31708f}
.alert-info hr{border-top-color:#a6e1ec}
.alert-info .alert-link{color:#245269}
.alert-warning{background-color:#fcf8e3;border-color:#faebcc;color:#8a6d3b}
.alert-warning hr{border-top-color:#f7e1b5}
.alert-warning .alert-link{color:#66512c}
.alert-danger{background-color:#f2dede;border-color:#ebccd1;color:#a94442}
.alert-danger hr{border-top-color:#e4b9c0}
.alert-danger .alert-link{color:#843534}

@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}
to{background-position:0 0}
}

@keyframes progress-bar-stripes{from{background-position:40px 0}
to{background-position:0 0}
}
.progress{overflow:hidden;height:20px;margin-bottom:20px;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}
.progress-bar{float:left;width:0%;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}
.progress-striped .progress-bar,.progress-bar-striped{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:40px 40px}
.progress.active .progress-bar,.progress-bar.active{-webkit-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.progress-bar[aria-valuenow="1"],.progress-bar[aria-valuenow="2"]{min-width:30px}
.progress-bar[aria-valuenow="0"]{color:#777;min-width:30px;background-color:transparent;background-image:none;box-shadow:none}
.progress-bar-success{background-color:#5cb85c}
.progress-striped .progress-bar-success{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}
.progress-bar-info{background-color:#5bc0de}
.progress-striped .progress-bar-info{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}
.progress-bar-warning{background-color:#f0ad4e}
.progress-striped .progress-bar-warning{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}
.progress-bar-danger{background-color:#d9534f}
.progress-striped .progress-bar-danger{background-image:-webkit-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent)}
.media,.media-body{overflow:hidden;zoom:1}
.media,.media .media{margin-top:15px}
.media:first-child{margin-top:0}
.media-object{display:block}
.media-heading{margin:0 0 5px}
.media>.pull-left{margin-right:10px}
.media>.pull-right{margin-left:10px}
.media-list{padding-left:0;list-style:none}
.list-group{margin-bottom:20px;padding-left:0}
.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}
.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.list-group-item>.badge{float:right}
.list-group-item>.badge+.badge{margin-right:5px}
a.list-group-item{color:#555}
a.list-group-item .list-group-item-heading{color:#333}
a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;color:#555;background-color:#f5f5f5}
.list-group-item.disabled,.list-group-item.disabled:hover,.list-group-item.disabled:focus{background-color:#eee;color:#777}
.list-group-item.disabled .list-group-item-heading,.list-group-item.disabled:hover .list-group-item-heading,.list-group-item.disabled:focus .list-group-item-heading{color:inherit}
.list-group-item.disabled .list-group-item-text,.list-group-item.disabled:hover .list-group-item-text,.list-group-item.disabled:focus .list-group-item-text{color:#777}
.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}
.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading,.list-group-item.active .list-group-item-heading>small,.list-group-item.active:hover .list-group-item-heading>small,.list-group-item.active:focus .list-group-item-heading>small,.list-group-item.active .list-group-item-heading>.small,.list-group-item.active:hover .list-group-item-heading>.small,.list-group-item.active:focus .list-group-item-heading>.small{color:inherit}
.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}
.list-group-item-success{color:#3c763d;background-color:#dff0d8}
a.list-group-item-success{color:#3c763d}
a.list-group-item-success .list-group-item-heading{color:inherit}
a.list-group-item-success:hover,a.list-group-item-success:focus{color:#3c763d;background-color:#d0e9c6}
a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#3c763d;border-color:#3c763d}
.list-group-item-info{color:#31708f;background-color:#d9edf7}
a.list-group-item-info{color:#31708f}
a.list-group-item-info .list-group-item-heading{color:inherit}
a.list-group-item-info:hover,a.list-group-item-info:focus{color:#31708f;background-color:#c4e3f3}
a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#31708f;border-color:#31708f}
.list-group-item-warning{color:#8a6d3b;background-color:#fcf8e3}
a.list-group-item-warning{color:#8a6d3b}
a.list-group-item-warning .list-group-item-heading{color:inherit}
a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#8a6d3b;background-color:#faf2cc}
a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#8a6d3b;border-color:#8a6d3b}
.list-group-item-danger{color:#a94442;background-color:#f2dede}
a.list-group-item-danger{color:#a94442}
a.list-group-item-danger .list-group-item-heading{color:inherit}
a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#a94442;background-color:#ebcccc}
a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#a94442;border-color:#a94442}
.list-group-item-heading{margin-top:0;margin-bottom:5px}
.list-group-item-text{margin-bottom:0;line-height:1.3}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}
.panel-body{padding:15px}
.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}
.panel-heading>.dropdown .dropdown-toggle{color:inherit}
.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.panel-title>a{color:inherit}
.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.list-group{margin-bottom:0}
.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}
.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:3px;border-top-left-radius:3px}
.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}
.list-group+.panel-footer{border-top-width:0}
.panel>.table,.panel>.table-responsive>.table,.panel>.panel-collapse>.table{margin-bottom:0}
.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:3px;border-top-left-radius:3px}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:3px}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:3px}
.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:3px}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:3px}
.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}
.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}
.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}
.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}
.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}
.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}
.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}
.panel>.table-responsive{border:0;margin-bottom:0}
.panel-group{margin-bottom:20px}
.panel-group .panel{margin-bottom:0;border-radius:4px}
.panel-group .panel+.panel{margin-top:5px}
.panel-group .panel-heading{border-bottom:0}
.panel-group .panel-heading+.panel-collapse>.panel-body{border-top:1px solid #ddd}
.panel-group .panel-footer{border-top:0}
.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}
.panel-default{border-color:#ddd}
.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.panel-default>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ddd}
.panel-default>.panel-heading .badge{color:#f5f5f5;background-color:#333}
.panel-default>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ddd}
.panel-primary{border-color:#428bca}
.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#428bca}
.panel-primary>.panel-heading .badge{color:#428bca;background-color:#fff}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#428bca}
.panel-success{border-color:#d6e9c6}
.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.panel-success>.panel-heading+.panel-collapse>.panel-body{border-top-color:#d6e9c6}
.panel-success>.panel-heading .badge{color:#dff0d8;background-color:#3c763d}
.panel-success>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#d6e9c6}
.panel-info{border-color:#bce8f1}
.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.panel-info>.panel-heading+.panel-collapse>.panel-body{border-top-color:#bce8f1}
.panel-info>.panel-heading .badge{color:#d9edf7;background-color:#31708f}
.panel-info>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#bce8f1}
.panel-warning{border-color:#faebcc}
.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.panel-warning>.panel-heading+.panel-collapse>.panel-body{border-top-color:#faebcc}
.panel-warning>.panel-heading .badge{color:#fcf8e3;background-color:#8a6d3b}
.panel-warning>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#faebcc}
.panel-danger{border-color:#ebccd1}
.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}
.panel-danger>.panel-heading+.panel-collapse>.panel-body{border-top-color:#ebccd1}
.panel-danger>.panel-heading .badge{color:#f2dede;background-color:#a94442}
.panel-danger>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#ebccd1}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}
.embed-responsive.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive.embed-responsive-4by3{padding-bottom:75%}
.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}
.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}
.well-lg{padding:24px;border-radius:6px}
.well-sm{padding:9px;border-radius:3px}
.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
.modal-open{overflow:hidden}
.modal{display:none;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}
.modal.fade .modal-dialog{-webkit-transform:translate3d(0, -25%, 0);transform:translate3d(0, -25%, 0);-webkit-transition:-webkit-transform 0.3s ease-out;-moz-transition:-moz-transform 0.3s ease-out;-o-transition:-o-transform 0.3s ease-out;transition:transform 0.3s ease-out}
.modal.in .modal-dialog{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.modal-open .modal{overflow-x:hidden;overflow-y:auto}
.modal-dialog{position:relative;width:auto;margin:10px}
.modal-content{position:relative;background-color:#fff;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box;outline:0}
.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}
.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}
.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}
.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}
.modal-header .close{margin-top:-2px}
.modal-title{margin:0;line-height:1.42857143}
.modal-body{position:relative;padding:15px}
.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}
.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}
.modal-footer .btn-group .btn+.btn{margin-left:-1px}
.modal-footer .btn-block+.btn-block{margin-left:0}
.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}

@media (min-width:768px){
.modal-dialog{width:600px;margin:30px auto;}
.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5);}
.modal-sm{width:300px;}
}

@media (min-width:992px){.modal-lg{width:900px}}

.tooltip{position:absolute;z-index:1070;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}
.tooltip.in{opacity:.9;filter:alpha(opacity=90)}
.tooltip.top{margin-top:-3px;padding:5px 0}
.tooltip.right{margin-left:3px;padding:0 5px}
.tooltip.bottom{margin-top:3px;padding:5px 0}
.tooltip.left{margin-left:-3px;padding:0 5px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#000}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}
.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}
.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#000}
.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#000}
.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;text-align:left;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}
.popover.top{margin-top:-10px}
.popover.right{margin-left:10px}
.popover.bottom{margin-top:10px}
.popover.left{margin-left:-10px}
.popover-title{margin:0;padding:8px 14px;font-size:13px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}
.popover-content{padding:9px 14px}
.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.popover>.arrow{border-width:11px}
.popover>.arrow:after{border-width:10px;content:""}
.popover.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);bottom:-11px}
.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#fff}
.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,0.25)}
.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#fff}
.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);top:-11px}
.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#fff}
.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,0.25)}
.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#fff;bottom:-10px}
.carousel{position:relative}
.carousel-inner{position:relative;overflow:hidden;width:100%}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}
.carousel-inner>.item>img,.carousel-inner>.item>a>img{line-height:1}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
.carousel-inner>.active{left:0}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
.carousel-inner>.next{left:100%}
.carousel-inner>.prev{left:-100%}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
.carousel-inner>.active.left{left:-100%}
.carousel-inner>.active.right{left:100%}
.carousel-control{position:absolute;top:0;left:0;bottom:0;width:15%;opacity:.5;filter:alpha(opacity=50);font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-control.left{background-repeat: repeat-x;
 background-image: linear-gradient(to right, rgba(0,0,0,0.5) 0, rgba(0,0,0,0.0001) 100%);}
.carousel-control.right{left:auto;right:0;background-repeat: repeat-x;
 background-image: linear-gradient(to right, rgba(0,0,0,0.0001) 0, rgba(0,0,0,0.5) 100%);}
.carousel-control:hover,.carousel-control:focus{outline:0;color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%;margin-left:-10px}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%;margin-right:-10px}
.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;font-family:serif}
.carousel-control .icon-prev:before{content:'\2039'}
.carousel-control .icon-next:before{content:'\203a'}
.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}
.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #fff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}
.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#fff}
.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}
.carousel-caption .btn{text-shadow:none}
@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;font-size:30px}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}
.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}
.carousel-caption{left:20%;right:20%;padding-bottom:30px}
.carousel-indicators{bottom:20px}
}
.clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}
.clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}
.center-block{display:block;margin-left:auto;margin-right:auto}
.pull-right{float:right !important}
.pull-left{float:left !important}
.hide{display:none !important}
.show{display:block !important}
.invisible{visibility:hidden}
.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.hidden{display:none !important;visibility:hidden !important}
.affix{position:fixed;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
@-ms-viewport{width:device-width}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}
@media (max-width:767px){.visible-xs{display:block !important}
table.visible-xs{display:table}
tr.visible-xs{display:table-row !important}
th.visible-xs,td.visible-xs{display:table-cell !important}
}
@media (max-width:767px){.visible-xs-block{display:block !important}
}
@media (max-width:767px){.visible-xs-inline{display:inline !important}
}
@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}
table.visible-sm{display:table}
tr.visible-sm{display:table-row !important}
th.visible-sm,td.visible-sm{display:table-cell !important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}
}
@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}
}
@media (min-width:992px) and (max-width:1299px){.visible-md{display:block !important}
table.visible-md{display:table}
tr.visible-md{display:table-row !important}
th.visible-md,td.visible-md{display:table-cell !important}
}
@media (min-width:992px) and (max-width:1299px){.visible-md-block{display:block !important}
}
@media (min-width:992px) and (max-width:1299px){.visible-md-inline{display:inline !important}
}
@media (min-width:992px) and (max-width:1299px){.visible-md-inline-block{display:inline-block !important}
}
@media (min-width:1300px){.visible-lg{display:block !important}
table.visible-lg{display:table}
tr.visible-lg{display:table-row !important}
th.visible-lg,td.visible-lg{display:table-cell !important}
}
@media (min-width:1300px){.visible-lg-block{display:block !important}
}
@media (min-width:1300px){.visible-lg-inline{display:inline !important}
}
@media (min-width:1300px){.visible-lg-inline-block{display:inline-block !important}
}
@media (max-width:767px){.hidden-xs{display:none !important}
}
@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}
}
@media (min-width:992px) and (max-width:1299px){.hidden-md{display:none !important}
}
@media (min-width:1300px){.hidden-lg{display:none !important}
}
.visible-print{display:none !important}
@media print{.visible-print{display:block !important}
table.visible-print{display:table}
tr.visible-print{display:table-row !important}
th.visible-print,td.visible-print{display:table-cell !important}
}
.visible-print-block{display:none !important}
@media print{.visible-print-block{display:block !important}
}
.visible-print-inline{display:none !important}
@media print{.visible-print-inline{display:inline !important}
}
.visible-print-inline-block{display:none !important}
@media print{.visible-print-inline-block{display:inline-block !important}
}
@media print{.hidden-print{display:none !important}
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), /*url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),*/ url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*@font-face {
font-family: 'Segoe UI Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/Segoe UI Regular'), url('../fonts/Segoe UI.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Segoe UI Italic'), url('../fonts/Segoe UI Italic.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/Segoe UI Bold'), url('../fonts/Segoe UI Bold.woff') format('woff');
}


@font-face {
font-family: 'Segoe UI Bold Italic';
font-style: normal;
font-weight: normal;
src: local('../fonts/Segoe UI Bold Italic'), url('../fonts/Segoe UI Bold Italic.woff') format('woff');
}
@font-face {
    font-family: 'AvalonReg';
    src: url('../fonts/Avalon-Regular.eot');
    src: url('../fonts/Avalon-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avalon-Regular.woff2') format('woff2'),
        url('../fonts/Avalon-Regular.woff') format('woff'),
        url('../fonts/Avalon-Regular.ttf') format('truetype'),
        url('../fonts/Avalon-Regular.svg#Avalon-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvalonBold';
    src: url('../fonts/Avalon-Bold.eot');
    src: url('../fonts/Avalon-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Avalon-Bold.woff2') format('woff2'),
        url('../fonts/Avalon-Bold.woff') format('woff'),
        url('../fonts/Avalon-Bold.ttf') format('truetype'),
        url('../fonts/Avalon-Bold.svg#Avalon-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}*/

body { margin: auto; padding: 0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-size-adjust: 100%; font-size: 14px; line-height: 1.475; color: #24292e!important; font-family: 'Arial', sans-serif; font-weight: normal !important; min-height: 100vh; width: 100%; background-color: #fff; }

body::before { /* background: rgba(204,204,204,1);
    background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0 );*/ content: ""; display: block; width: 100%; height: 130px; top: 0; position: absolute; opacity: 0.7; pointer-events: none; }

a { cursor: pointer; }

.content_wrapper { position: relative; min-height: 100%; }

.content_wrapper.p15 { margin-top: -15px; margin-bottom: -15px; }

.container { max-width: 1170px !important; width: 1170px !important; }

.panel-body { padding: 10px!important; }

.row_hover:hover { background-color: #f6f8fa; }

img { max-width: 100%; max-height: 100%; }

th { font-family: 'Arial', sans-serif; font-weight: bold; }

th, td { font-size: 14px; }

.fontBold { font-family: 'Arial', sans-serif; font-weight: bold; }


/*--------------------max height-------------------*/

.max-ht10 { max-height: 10px!important; }

.max-ht20 { max-height: 20px!important; }

.max-ht30 { max-height: 30px!important; }

.max-ht40 { max-height: 40px!important; }

.max-ht50 { max-height: 50px!important; }

.max-ht60 { max-height: 60px!important; }

.max-ht70 { max-height: 70px!important; }

.max-ht80 { max-height: 80px!important; }

.max-ht90 { max-height: 90px!important; }

.max-ht100 { max-height: 100px!important; }

.max-ht110 { max-height: 110px!important; }

.max-ht120 { max-height: 120px!important; }

.max-wt10 { max-width: 10px!important; }

.max-wt20 { max-width: 20px!important; }

.max-wt30 { max-width: 30px!important; }

.max-wt40 { max-width: 40px!important; }

.max-wt50 { max-width: 50px!important; }

.max-wt60 { max-width: 60px!important; }

.max-wt70 { max-width: 70px!important; }

.max-wt80 { max-width: 80px!important; }

.max-wt90 { max-width: 90px!important; }

.max-wt100 { max-width: 100px!important; }

.max-wt110 { max-width: 110px!important; }

.max-wt120 { max-width: 120px!important; }
/*===============================================C. Typography================================================= */
ul, ol { padding: 0; margin: 0; }

select::-ms-expand { display: none; }

li { list-style: none; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; color: #516fca; }

a:focus { outline: none; text-decoration: none; }

d { color: #e6995b; }

d:hover { color: #2185d0; }

d:focus { outline: none; }

p { line-height: 22px; }

p.small, p small { font-size: 13px; }

b, strong { font-family: 'Arial', sans-serif; font-weight: bold; }

h1, h2, h3, h4, h5, h6 { margin: 0; color: #231f20; text-rendering: optimizelegibility; margin-bottom: 10px; }

h1 { font-size: 30px; line-height: 45px; }

h1.small { font-size: 26px; }

h2 { font-size: 24px; line-height: 36px; }

h2.small { font-size: 20px; }

h3 { font-size: 18px; line-height: 30px; }

h3.small { font-size: 16px; }

h4, h5, h6 { line-height: 18px; }

h4 { font-size: 15px; }

h5 { font-size: 13px; }

h5.small, h5 small { font-size: 12px; }

h6 { font-size: 11px; color: #999; }

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #999; }

.fw400 { font-weight: 400; }

.fw600 { font-weight: 600; }

.fw700 { font-weight: 600; }

.text-uppercase { text-transform: uppercase; }

.page-header { text-shadow: 0 1px #FFF; border-bottom: 1px solid #c9c9c9; margin-bottom: 30px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); }
/* Dividers */

hr { margin: 35px 0; border-top: 1px solid #ddd; }

hr.alt { border-top: 1px dashed #ccc; }

hr.short { margin: 20px 0; }

hr.tall { margin: 55px 0; }

.divider { height: 1px; margin: 25px 0; background: #e2e2e2; }
/* Carets */
.caret-xs { border-width: 2px; }

.caret-sm { border-width: 3px; }

.caret-lg { border-width: 5px; }
/*===============================================D. Animations================================================= */
/* used in conjuction with "data-animate" * attr to create a delayed page animation* read docs for more info on proper use*/
.animated-delay { opacity: 0; }

.sparkline-delay { height: 0; display: block; line-height: 40px; }
/* ================================================II. PRIMARY COMPONENTSA. NavbarB. SidebarC. Topbar===================================================A. Navbar=================================================== */
.navbar { z-index: 1030; margin-bottom: 0; border-radius: 0; min-height: 60px; max-height: 60px; }
/* Navbar Logo Container */
.navbar-branding { float: left; width: 230px; }
/* Navbar Logo */
.navbar-brand { height: 60px; line-height: 48px; padding: 0; color: #5d5d5d; font-size: 14px; letter-spacing: 0.5px; }
/* Left Navbar Container */
.navbar-left { float: left; position: relative; width: 150px; max-height: 60px; }
/* Navbar Left Divider */
.navbar-divider { position: absolute; left: 0; top: 15px; height: 30px; width: 1px; border-left: 1px solid #ebebeb; }

select { color: #555; font-size: 14px; height: 34px; line-height: 1.42857; padding: 0; text-align: left; text-indent: 3px; width: 100%; border: 1px solid #ccc; }
/* Right Navbar Container */
.navbar-right { margin: 15px 20px 0px 0px; position: fixed; top: 0px; right: 0px; z-index: 9999; }
/* Header Search Area */
.navbar-search { position: relative; float: left; overflow: hidden; width: 230px; height: 60px; padding: 15px; padding-right: 25px; }

.navbar-search:after { content: ""; position: absolute; right: 0; top: 15px; height: 32px; border-right: 1px solid #ebebeb; }

.navbar-search input { outline: none; color: #AAA; font-size: 14px; background: #FFF; border: 1px solid #DDD; border-radius: 15px; padding: 1px 13px; width: 100%; }
/* Navbar Menus */
.navbar-menus { float: right; margin-right: 10px; }

.navbar-menus > .btn-group { float: left; margin-right: 0; }

.navbar-menus > .btn-group.open .glyphicons { color: #e6995b; }
/* Reduces the size of the Right SideMenu Toggle button */
.navbar-menus > .btn-group:last-child { max-width: 55px; }

.navbar-menus > .btn-group > button { position: relative; color: #666; padding: 21px 20px 18px; background: transparent; border: none; border-radius: 0; outline: none; }

.navbar-menus > .btn-group.open .dropdown-toggle { box-shadow: none; }
/* Header Menu Number Text */
.navbar-menus > .btn-group > button > b { position: absolute; top: 14px; left: 30px; display: block; width: 20px; height: 20px; line-height: 16px; color: #FFF; font-size: 14px; border: 1px solid #FFF; border-radius: 100%; background: #e6995b; }
/* Header Button Dropdowns */
.navbar-menus ul.dropdown-menu, .navbar-menus div.dropdown-menu { min-width: 316px; padding: 0; right: -5px; left: auto; margin: 6px 0; font-size: 14px; border-color: #CCC; }
/* Header Menu Dropdown - Header */
.navbar-menus .dropdown-header { padding: 9px 20px; margin: 0; font-size: 14px; color: #666; background: #f9f9f9; position: relative; border-bottom: 1px solid #DDD; border-radius: 2px 2px 0 0; }
/* Header Bar Dropdowns Arrows */
.navbar-menus .dropdown-menu:before, .navbar-menus .dropdown-menu:after { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 23px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f2f2f2; }

.navbar-menus .dropdown-menu:after { z-index: 14; border-bottom-color: #999; }
/* Header Menu Dropdown - Sub Header */
.dropdown-submenu { padding: 11px 0 8px; border-bottom: 1px solid #eee; }

.dropdownSearch { position: relative; top: 1px; left: 12px; border: none; }

.dropdownSearch:focus { outline: none; }

.dropdownSearch::-webkit-input-placeholder { font-size: 14px; color: #BBB; }

.dropdownSearch::-moz-placeholder { font-size: 14px; color: #BBB; }
/* firefox 19+ */
.dropdownSearch:-ms-input-placeholder { font-size: 14px; color: #BBB; }
/* ie */
.dropdownSearch:-moz-placeholder { font-size: 14px; color: #BBB; }
/* Header Menu Dropdown - Footer */
.navbar-menus .dropdown-footer { padding: 11px 20px; margin: 0; z-index: 999; font-size: 14px; color: #999; background: #FFF; text-align: center; position: relative; border-top: 1px solid #DDD; border-radius: 0 0 3px 3px; }

.navbar-menus .dropdown-footer a { color: #428bca; }

.navbar-menus .dropdown-footer a:hover { background: transparent; }

.navbar-menus .dropdown-footer i.fa { padding-left: 3px; }
/* Dropdown Checklist Toggle - The Task menu is a clickable checklist */
.task-checked > div:not(.item-checkbox) { opacity: 0.4; }
/* add a text line through effect on any clickable checklist by adding ".text-slash" */
.task-checked .text-slash { text-decoration: line-through; }
/* Removes borders from Nav-Tabs that are placed in header dropdowns */
.navbar-menus .nav-tabs { margin-top: -1px; margin-left: -1px; }

.navbar-menus .nav-tabs > li > a { padding: 10px 27px; border-color: #DDD; }
/* Navbar Tickets Dropdown */
.ticket-body { width: 87%; }

.ticket-handle { position: relative; width: 13%; border-right: 1px solid #ffe3e3; }

.ticket-handle:after { content: ""; position: absolute; top: 0; right: 2px; height: 100%; border-right: 1px solid #ffe3e3; }
/* Navbar Todo-List Dropdown */
.todo-body { width: 82%; }

.todo-handle { position: relative; width: 8%; }

.v-handle { width: 10px; height: 14px; background-image: url(../images/plugins/handle.png); }

/*===============================================B. Sidebar User Area================================================= */
.user-info { overflow: hidden; position: relative; display: inline-block; height: auto; width: auto; padding: 0px 5px; }
/* User Area - Avatar */
.user-info .media-object { border-color: #c7b7e5; }

.user-info .media-object img { max-width: 45px; }
/* User Area Mobile Link - Replaces ".media-body" with single Icon for Mobile Devices */
.user-info .mobile-link { display: none; padding: 2px; }

.user-info .mobile-link > span { padding-top: 8px; padding-left: 5px; color: #999; font-size: 18px; cursor: pointer; }

.user-info .mobile-link span:hover, .user-info.usermenu-open .mobile-link span { color: #e6995b; }

.user-info.usermenu-open .media-object { border-color: #e6995b; }
/* User Area Menu - A slide down user menu */
.user-menu { display: none; position: relative; left: 0; top: 0; height: 165px; width: 100%; padding: 22px 22px 20px 16px; background: #f8f8f8; border-right: 1px solid #d6d6d6; }
/* User Area Menu - bottom border(hidden on mobile) */
.user-menu:after { content: ""; position: absolute; bottom: 0; left: 0; height: 5px; width: 100%; background: #e5e5e5; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }

.user-menu a { color: #888; opacity: 0.8; }

.user-menu a:hover { color: #666; opacity: 1; text-decoration: none; }

.user-divider { height: 4px; width: 100%; background: #e5e5e5; border-bottom: 1px solid #CCC; }

/*====================================================E. Custom Menu - Email Menu====================================================== */
.email-menu { padding: 12px 22px 18px 18px; }

.email-menu li { color: #999; padding-left: 27px; margin-bottom: 7px !important; }

.email-menu li.menu-header { padding-left: 0; margin-bottom: 10px; }

.email-menu li.menu-header .glyphicons { top: 2px; font-size: 14px; margin-right: 10px; }

.email-menu .btn { text-indent: -8px; }

.email-menu hr { margin: 18px 0 18px; }

.email-menu ul li.active, .email-menu ul li:hover { color: #555; cursor: pointer; }

/*===============================================C. Topbar================================================= */
#topbar { z-index: 80; /* 1023; */ position: relative; width: 100%; height: 63px; max-height: 140px; padding: 0 19px; }

.topbar-right { float: right; }

.breadcrumb { float: left; height: 63px; position: relative; padding: 24px 0 5px 0; margin-bottom: 0; border-radius: 0; font-size: 14px; background-color: transparent; border-bottom: 1px dashed #CCC; padding-right: 50px; }

.breadcrumb > li { color: #888; font-size: 12px; }

.breadcrumb > li.crumb-active > a { color: #555; font-size: 18px; }
/* ================================================III. PANELSA. HeadingB. Panel Addon - MenuC. Panel Addon - SidemenuD. Panel Addon - TrayE. Panel TabsF. Panel Accordion G. Alternate Styles * Bootstrap Panels are a vital element in this* theme. Please read the documentation provided* with Fusion Admin to learn more===================================================A. Heading=================================================== */
.panel { position: relative; margin-bottom: 15px; border-color: #d5d5d5; border-radius: 5px; overflow: hidden; }
/* panel helper class */
.panel-overflow { overflow: hidden; }

.panel-heading { position: relative; padding: 0; min-height: 40px; line-height: 40px; color: #231f20; font-size: 13px; border-bottom: 1px solid #e5e5e5; border-radius: 2px 2px 0 0; margin-bottom: 10px; }

.panel-heading + .panel-body { border-top-color: #e5e5e5; }

.panel-title { font-size: 14px; padding-left: 15px; color: #24292e; font-weight: bold; }

.panel-title > .fa, .panel-title > .glyphicon, .panel-title > .glyphicons, .panel-title > .imoon { min-width: 25px; margin-right: 8px; border-right: 1px solid #ddd; color: #2185d0; font-size: 18px; top: 2px; }

.panel-body { position: relative; }
/* Colored headers - via bg-* classes */
.panel-heading[class*='bg-'] { margin: -1px; }

.panel-heading[class*='bg-'], .panel-heading[class*='bg-'] .glyphicon { color: #FFF; border: none; }

.panel-heading[class*='bg-'] + .panel-body { border-top: none; }

.panel-footer { background-color: #fafafa; }
/*===============================================B. Panel Addon - Menu-----------------------------------------------Typically placed under the panel header and used to hold buttons or menus ================================================= */
.panel-menu { padding: 10px 13px; background-color: #fafafa; border-bottom: 1px solid #DDD; }

.panel .panel-menu .btn.active { background-color: #FFF; box-shadow: none; }
/*===============================================C. Panel Addon - Sidemenu-----------------------------------------------A side column great for housing anextra nav list. When used its siblingpanel body (content) is modified ================================================= */
/* Sidemenu and content are both floated. * to create equal heights we use the * "Table Layout" css helpers. These helpers* can be found in _helpers.scss */
.panel-sidemenu { padding: 15px; background-color: #f6f6f6; }

.panel-sidemenu ul.nav li { margin-bottom: 4px; list-style: none; }

.panel-sidemenu ul.nav li.nav-title { padding: 10px 0; color: #777; text-decoration: none; text-shadow: 0 1px #FFF; }

.panel-sidemenu ul.nav li.nav-title:hover { color: #777777; }

.panel-sidemenu ul.nav li a { padding: 5px 0; color: #586069; }

.panel-sidemenu ul.nav .divider { width: 80%; height: 1px; margin: 9px 0; overflow: hidden; background: #e2e2e2; }
/*===============================================D. Panel Addon - Tray-----------------------------------------------A special slide out tray used to store additional information. Such as online users.================================================= */
.panel-tray { z-index: 11; position: absolute; top: 0; right: -210px; height: 100%; width: 210px; padding: 15px; border-left: 1px solid #DDD; background: #fafafa; -webkit-transition: right .1s ease-in-out; transition: right .1s ease-in-out; }

.panel-tray.tray-open { right: 0px; }

.panel-tray-toggle { z-index: 999; cursor: pointer; position: absolute; overflow: hidden; left: -28px; top: -1px; width: 28px; height: 29px; border: 1px solid #DDD; border-right: none; border-radius: 0 0 0 3px; background: #fafafa; }

.panel-tray-toggle .fa, .panel-tray-toggle .glyphicon, .panel-tray-toggle .glyphicons, .panel-tray-toggle .imoon { font-size: 16px; color: #c7b7e5; text-align: center; padding: 6px; }
/*===============================================E. PANEL TABS-----------------------------------------------Panel Tab Navigation must be placed inside".panel-heading" see Fusion Docs for example ================================================= */
.panel-tabs { position: absolute; bottom: 0; right: 0; }

.panel-tabs > li { position: relative; float: left; margin-bottom: -1px; }

.panel-tabs > li > a { line-height: 1.428571429; border-radius: 0; padding: 11px 18px 9px; border: 1px solid transparent; border-left: 1px solid #DDD; font-size: 12px; color: #777; }

.panel-tabs > li > a:hover { background-color: transparent; }
/* hover and active states */
.panel-tabs > li.active > a, .panel-tabs > li.active > a:hover, .panel-tabs > li.active > a:focus { color: #555555; cursor: default; background: #ffffff; padding: 11px 18px 10px; }

.panel-tabs > li.active:after { content: ""; position: absolute; top: -1px; left: 0; height: 2px; background: #e6995b; width: 100%; }
/* PANEL TAB CORRECTION */
/* If you want a panel-like footer inside a tababble* area you need to wrap the content in a ".tab-body"* class. See timeline.html for an example(event panel) */
.tab-body { padding: 15px; }

.tab-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
/*===============================================F. Accordion -----------------------------------------------Created with Bootstrap Panels================================================= */
.accordion.panel-group .panel { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.accordion.panel-group .panel + .panel { margin-top: 10px; }
/* Accordion Header */
.accordion .panel-heading a { text-decoration: none; display: block; }

.accordion .panel-heading a:hover { color: #2185d0; }
/* Accordion Widget Toggle Arrows */
.accordion .accordion-toggle-icon { padding: 12px 12px 7px; font-size: 18px; }
/* Accordion Toggle Arrow States */
.accordion .accordion-toggle-icon i:first-child { display: block; }

.accordion .accordion-toggle-icon i:last-child { display: none; }

.accordion .collapsed .accordion-toggle-icon i:first-child { display: none; }

.accordion .collapsed .accordion-toggle-icon i:last-child { display: block; }
/*===============================================G. Alternate Panel Styles================================================= */
/* Minimal - Style */
.panel.panel-alt { border-color: #DDD; box-shadow: none; background: #FFF; }

.panel.panel-alt > .panel-heading { height: 40px; padding-right: 15px; background-color: #FFF; font-size: 14px; line-height: 40px; box-shadow: none; }

.panel.panel-alt .panel-body { padding: 20px 30px; background-color: #fcfcfc; line-height: 22px; }
/* ==============================================IV. THEME ELEMENTSA. IconsB. LabelsC. BadgesD. AlertsE. ThumbnailsF. Media ObjectsG. ButtonsH. Progress BarsI. Field ElementsJ. CheckboxesK. SwitchesL. TablesM. Pricing TablesN. TabsO. PaginationsP. Bootstrap ModalsQ. Custom ModalsR. Boostrap Popover=================================================A. Icons - See Documentation For More Info================================================= */
/* Some font libraries have large file sizes. * We optionally can attach .wf-loading to the * body tag and have the fonts only visible after * they are fully loaded or cached. Prevents rough* icon flash and is currently used only on index.html */
.wf-loading .glyphicons, .wf-loading .glyphicon, .wf-loading .imoon, .wf-loading .fa, .wf-loading .iconsweets { opacity: 0 !important; }
/* Icon Transitions */
.glyphicon, .glyphicons, .imoon, .fa, .iconsweets { opacity: 1; transition: opacity 0.3s ease-in; -moz-transition: opacity 0.3s ease-in; -webkit-transition: opacity 0.3s ease-in; }
/* Glyphicon Pro and Halfling */
.glyphicons-2x, .glyphicon-2x { font-size: 2em; }

.glyphicons-3x, .glyphicon-3x { font-size: 3em; }

.glyphicons-4x, .glyphicon-4x { font-size: 4em; }

.glyphicons-5x, .glyphicon-5x { font-size: 5em; }
/* Icomoon Font Icons */
.imoon-2x { font-size: 2em; }

.imoon-3x { font-size: 3em; }

.imoon-4x { font-size: 4em; }

.imoon-5x { font-size: 5em; }
/* IconSweets2 Font Icons */
.iconsweets-2x { font-size: 2em; }

.iconsweets-3x { font-size: 3em; }

.iconsweets-4x { font-size: 4em; }

.iconsweets-5x { font-size: 5em; }
/* Buttons with Icons * Cross browser problems were creating problems when* an icon was given a larger font size than its sibling* text. To fix Line height, vertical align, and top* positioning have been redefined */
.btn .glyphicon, .btn .glyphicons { top: -1px; vertical-align: middle; line-height: 0; font-size: 1.1em; }
/* A Helper Class to Align Icons Right in Control-forms */
span.field-icon-right, i.field-icon-right { position: absolute; right: 10px; top: 8px; }
/* Icon Background and Borders * properly align icons that have been placed inside of titles* Useful for matching icon size to adjacent text * Icon Background Shapes */
.icon-circle { top: 0; padding: 9px; position: relative; overflow: visible; border-radius: 64px; }

.icon-square { top: 0; padding: 9px; border-radius: 4px; }
/* Icon Background Sizes */
.icon-circle.glyphicon-2x, .icon-circle.glyphicons-2x { padding: 12px; }

.icon-circle.glyphicon-3x, .icon-circle.glyphicons-3x { padding: 20px; }

.icon-circle.glyphicon-4x, .icon-circle.glyphicons-4x { padding: 35px; }

.icon-square.glyphicon-2x, .icon-square.glyphicons-2x { padding: 12px; }

.icon-square.glyphicon-3x, .icon-square.glyphicons-3x { padding: 20px; }

.icon-square.glyphicon-4x, .icon-square.glyphicons-4x { padding: 35px; }
/* WIDGET SPECIFIC ICON STYLING* ALL elements which use icons have been* moved from their respective positions* and placed here for easy icon styling */
/* Header Button Icons */
.navbar-menus > div > button > span, .navbar-menus > div > button > i { font-size: 15px; vertical-align: middle; }
/* Special on-hover styles for user dropdown menu */
.user-menu ul.dropdown-items > li:hover .glyphicon { color: #d9534f; }

.user-menu ul.dropdown-items > li:last-child:hover .glyphicon { color: #888; }

.user-menu ul.dropdown-items > li:last-child > div:hover .glyphicon { color: #d9534f; }
/* Panel Heading Icon */
.panel-heading .panel-title .glyphicon, .panel-heading .panel-title .glyphicons { padding-right: 8px; font-size: 16px; top: 2px; }
/* Breadcrumb "Home" Icon */
.breadcrumb .glyphicon, .breadcrumb .glyphicons { color: #777; font-size: 11px; margin-left: 1px; top: 0; }
/* Panel Sidemenu Icons */
.panel-sidemenu ul.nav li.active .fa { color: #2185d0; }

.panel-sidemenu ul.nav li a:hover { background: none; }

.panel-sidemenu ul.nav li .fa { width: 28px; color: #b1b1b1; font-size: 18px; }
/* Panel Tabs Icons */
.panel-tabs li .glyphicon, .panel-tabs li .glyphicons, .panel-tabs li .fa { font-size: 14px; }

.panel-tabs .imoon, .panel-tabs .iconsweets { font-size: 14px; vertical-align: middle; }
/* Mildly styles a font awesome based icon group* used in occasionaly in panel heading. Look at * message widget on index.html for example */
.mini-action-icons .fa { position: relative; top: 2px; padding-right: 10px; color: #777; font-size: 16px; cursor: pointer; }
/* Pricing Table Icons */
.pricing-tables .pricing-icons li .fa-times { color: #e74a4a; }

.pricing-tables .pricing-icons li .fa-ellipsis-h { color: #555555; }
/* Tab Navigation Icons */
.nav-tabs li .fa { font-size: 14px; }

.nav-tabs li .fa.fa-caret-down { font-size: 12px; }
/* Timeline Widget Icons */
.timeline-widget span.glyphicons { z-index: 11; position: relative; top: 2px; width: auto; padding: 6px; font-size: 18px; border-radius: 50%; -webkit-box-shadow: 1px 1px 2px #AAA; box-shadow: 1px 1px 2px #AAA; text-shadow: 0 1px #ffffff; background-color: #f0f0f0; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); }
/* Flag Icons */
.flag-xs, .flag-sm, .flag, .flag-lg { display: inline-block; vertical-align: middle; }

.flag-xs { width: 16px; height: 16px; background: url(../img/flag_icons/flag-xs.png) no-repeat top left; }

.flag-sm { width: 32px; height: 32px; background: url(../img/flag_icons/flag-sm.png) no-repeat top left; }

.flag-sm.flag-fr { background-position: 0 0; }

.flag-sm.flag-de { background-position: 0 -33px; }

.flag-sm.flag-in { background-position: 0 -66px; }

.flag-sm.flag-es { background-position: 0 -99px; }

.flag-sm.flag-tr { background-position: 0 -132px; }

.flag-sm.flag-us { background-position: 0 -165px; }

.flag-xs.flag-fr { background-position: 0 0; }

.flag-xs.flag-de { background-position: 0 -17px; }

.flag-xs.flag-es { background-position: 0 -34px; }

.flag-xs.flag-tr { background-position: 0 -51px; }

.flag-xs.flag-us { background-position: 0 -68px; }
/*===============================================B. Labels================================================= */
.label { padding: .3em .7em .4em; font-size: 84%!important; line-height: 24px; font-weight: normal!important; }
/* Label Sizes - ".label" required */
.label-sm { padding: .1em .65em .2em; font-size: 75%; }

.label-lg { padding: .4em .9em .5em; font-size: 95%; }
/* Label Shapes - ".label" required */
.label.label-rounded { padding: .2em 0.85em .3em; border-radius: 1em; }

.label-sm.label-rounded { padding: .1em .65em .2em; }

.label-lg.label-rounded { padding: .4em .9em .5em; }
/* Custom Bootstrap Label */
label.error { color: #d9534f; font-size: 12px; }
/*===============================================C. Badges================================================= */
.badge { padding: 3px 7px; font-size: 12px; }
/* Badge Sizes - ".badge" required */
.badge-sm { padding: 2px 6px; font-size: 11px; }

.badge-lg { padding: 4px 8px; }
/*===============================================D. Alerts================================================= */
/* Alert Sizes */
.alert { font-size: 14px; }

.alert-sm { padding: 8px 35px 8px 15px; }

.alert-lg { padding: 25px 35px 25px 15px; font-size: 16px; }

.alert-dismissable .close { color: #666; }
/*===============================================E. Media Objects ================================================= */
.media { border-bottom: 1px solid #ededed; }

.media, .media .media { margin-top: 15px; }

.media:last-child { border-bottom: none; }

.media > .pull-left { margin-right: 12px; }

.media-heading small { font-size: 11px; }

.navbar-right .user-info .media .badge { height: 53px; width: 53px; border-radius: 50%; line-height: 39px; border: 3px solid #0082e5; color: #000; background-color: #fff; }
/*===============================================F. Thumbnails ================================================= */
.thumbnail { margin-bottom: 0; }

.thumbnail-xs { max-width: 35px; padding: 1px; border: 2px solid #aaa; box-shadow: 0 0 1px #000 inset; }

.thumbnail-sm { max-width: 40px; padding: 1px; border: 2px solid #aaa; box-shadow: 0 0 1px #000 inset; }

.thumbnail-border-lg { border-width: 3px; }

.thumbnail.rounded { border-radius: 64px; }
/* Button Settings */
.btn { color: #fff; outline: none; border: none; border-radius: 3px; letter-spacing: 0.025em; font-weight: normal; }

.btn:focus, .btn:active:focus, .btn.active:focus { color: #fff; outline: none; }

.btn.btn-default:focus, .btn.btn-default:active:focus, .btn.btn-default.active:focus { color: #777; outline: none; }

.btn-link { color: #444; }

.btn-link:hover { color: #444; }
.btn.wide { width: 100%; }
.btn.text-center { text-align: center!important; }
/* Button Sizes */
.btn-xs { padding: 2px 6px; }

.btn-sm { line-height: 1.5; }

.btn-lg { line-height: 1.33; }
/* Button Shapes */
.btn-square { border-radius: 0; }

.btn-default, .bg-default { text-shadow: none; }

.btn-success.btn-gradient, .bg-success.bg-gradient { border-color: #3f9d00; background-color: #44ab00; }

.btn-info.btn-gradient, .bg-info.bg-gradient { border-color: #269abc; background-color: #14abd8; }

.btn-primary.btn-gradient, .bg-primary.bg-gradient { background-color: #0088cc; }

.btn-warning.btn-gradient, .bg-warning.bg-gradient { background-color: #f28900; }

.btn-danger.btn-gradient, .bg-danger.bg-gradient { background-color: #d3332e; }

.btn-default.btn-gradient, .bg-default.bg-gradient { background-color: #f0f0f0; }

.btn-alert { background-color: #7857ca; color: #fff; }

.btn-alert.btn-gradient { background-color: #5d3ab5; }

.btn-alert .caret { border-top-color: #fff; }
/* Button Hover effect */
.btn:hover { color: #fff; /*background:#72bb72; */ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.13) 1%, rgba(255, 255, 255, 0.13) 100%); }

button.btn:hover { background: #f4f4f4; }

.btn-gradient:hover, .bg-gradient:hover { background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.45) 1%, rgba(255, 255, 255, 0.15) 100%); }
/* Button Gradients * Gradients are created using a transparent gradient * overlay. This way you can transform any element * with a background color into a gradient without * having to use additional colors */
.btn-gradient, .bg-gradient { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2); background-color: ""; background-repeat: repeat-x; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%); }
/* Custom Themed Button group using all default bootstrap classes */
.btn-group.btn-group-themed .btn-default:hover, .btn-group.btn-group-themed .btn-default:focus, .btn-group.btn-group-themed .btn-default:active, .btn-group.btn-group-themed .btn-default.active, .btn-group.btn-group-themed .open .dropdown-toggle.btn-default { color: #6b3fa2; border-color: #cbc0f8; background-color: #e3def8; box-shadow: none; }


/*===============================================I. Field Elements================================================= */
/* Default Select List */
select { cursor: pointer; }
/* Bootstrap Help Block */
.help-block { margin-top: 7px; color: #888; }

.radio-inline, .checkbox-inline { line-height: 20px; }
/* Input Label */

/* Input Design */
.form-control { box-shadow: none; border-radius: 3px; padding: 5px 12px; height: 30px; }
/* Input Sizes */
.input-xs { padding: 4px 10px; height: 26px; font-size: 12px; line-height: 1.6; }
/* Input Addon */
.input-group-addon { min-width: 40px; color: #03a9f4; background-color: #fafafa; border-radius: 0; border-color: #DDD; }
/* Input Focus */
.form-control:focus, input { border-color: #ccc; box-shadow: none; outline: none; }
/* Disabled Input */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fafafa; }

li[disabled] { cursor: not-allowed; }
/* Alternate Text Field Style - Gradient */
.text-field-alt { text-shadow: 0 1px #ffffff; background-color: #f0f0f0; min-height: 40px; border-radius: 1px; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); }
/*===============================================L. Tables================================================= */
/* Table first item changes */
.table tbody > tr:first-child > td { border-top: 0; }
/* Table-striped item changes */
.table-striped > tbody > tr:nth-child(even) > td { background-color: #f8f8f8; padding: 8px; }

.table-striped > tbody > tr:nth-child(odd) > td { background-color: #FFF; padding: 8px; }
/* Rounded */
.table-curved > tbody > tr > td:first-child { border-radius: 4px 0 0 4px; }

.table-curved > tbody > tr > td:last-child { border-radius: 0 4px 4px 0; }

table tr th, table tr td { vertical-align: middle !important; }


/* PAGINATIONS */
.pagination { margin: 5px 0; cursor: pointer; }
/* ROUNDED PAGINATION */
.pagination-rounded > li:first-child > a { border-radius: 50% 0 0 50%; }

.pagination-rounded > li:last-child > a { border-radius: 0 50% 50% 0; }
/* ALT STYLE */
.pagination-alt > li > a { margin: 0 4px; border-radius: 2px; color: #666; text-shadow: 0 1px #FFF; padding: 4px 11px; border-color: #ccc; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); background-repeat: repeat-x; background-image: linear-gradient(to bottom, #ffffff 1%, #f1f1f1 100%); }

.pagination-alt > li.active > a { background-color: #555; background-image: none; border-color: #444; }
/* SIZES FOR ALT STYLE */
.pagination-alt.pagination-sm > li > a { margin: 0 3px; padding: 4px 9px; }

.pagination-alt.pagination-lg > li > a { margin: 0 5px; padding: 4px 13px; }
/* pagination-alt fixes */
.pagination-alt.pagination-sm > li:first-child > a, .pagination-alt.pagination-lg > li:first-child > a { margin-left: 0; }
/*===============================================P. Bootstrap Modals================================================= */
.modal-backdrop.in { opacity: 0.7; }
/* Modal sizes - element always requires* default ".modal-dialog" class */
.modal-dialog-sm { width: auto; }

@media screen and (min-width:768px) {
    .modal-dialog { padding-top: 50px; }
    .modal-dialog-sm { width: 425px; }
    .dv-dt-time .modal-dialog { width: 425px; }
}
.dv-dt-time .modal-body { padding: 20px 30px 30px 30px!important; }
.dv-dt-time input.form-control { max-width: 250px!important; display: inline!important; }

/* Modal Header */
.modal-header { position: relative; height: 45px; line-height: 35px; padding: 5px 15px; font-size: 13px; border-radius: 0; border-bottom: 1px solid #c9c9c9; background: #f2f2f2; }

.modal-header button, .modal-title { line-height: inherit; }

.modal-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-radius: 0; }

padding:9px 13px;
}
/*===============================================R. Content Heading Bar================================================= */
.content-header { border-radius: 4px; background: #f6f6f6; padding: 12px 15px; border: 1px solid #CCC; }
/*===============================================R. Boostrap Popover================================================= */
.popover { z-index: 1100; }
/*===============================================S. Boostrap List================================================= */
.list-unstyled, .list-unstyled li { margin: 0; }
/*=================================================v. HELPERSA. GeneralB. Font Size C. Table LayoutD. PaddingE. MarginF. Line HeightG. BordersH. Max Width===================================================A. General/Misc Helpers=================================================== */
/* overflow Helpers */
.overflow-v { overflow: visible !important; }

.overflow-h { overflow: hidden !important; }
/*===============================================C. Font Size Helpers================================================= */
.fs3 { font-size: 4px !important; }

.fs4 { font-size: 4px !important; }

.fs5 { font-size: 5px !important; }

.fs6 { font-size: 6px !important; }

.fs7 { font-size: 7px !important; }

.fs8 { font-size: 8px !important; }

.fs9 { font-size: 9px !important; }

.fs10 { font-size: 10px !important; }

.fs11 { font-size: 11px !important; }

.fs12 { font-size: 12px !important; }

.fs13 { font-size: 13px !important; }

.fs14 { font-size: 14px !important; }

.fs15 { font-size: 15px !important; }

.fs16 { font-size: 16px !important; }

.fs18 { font-size: 18px !important; }

.fs20 { font-size: 20px !important; }

.fs22 { font-size: 22px !important; }

.fs24 { font-size: 24px !important; }

.fs26 { font-size: 26px !important; }

.fs28 { font-size: 28px !important; }

.fs30 { font-size: 30px !important; }

.fs35 { font-size: 35px !important; }

.fs40 { font-size: 40px !important; }

.fs45 { font-size: 45px !important; }

.fs50 { font-size: 50px !important; }
/*===============================================D. Padding Helpers================================================= */
.pn { padding: 0 !important; }

.p1 { padding: 1px !important; }

.p2 { padding: 2px !important; }

.p3 { padding: 3px !important; }

.p4 { padding: 4px !important; }

.p5 { padding: 5px !important; }

.p6 { padding: 6px !important; }

.p7 { padding: 7px !important; }

.p8 { padding: 8px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p50 { padding: 50px !important; }

.ptn { padding-top: 0 !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt50 { padding-top: 50px !important; }

.prn { padding-right: 0 !important; }

.pr5 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr50 { padding-right: 50px !important; }

.pbn { padding-bottom: 0 !important; }

.pb5 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb50 { padding-bottom: 50px !important; }

.pln { padding-left: 0 !important; }

.pl5 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl50 { padding-left: 50px !important; }
/*===============================================E. Margin Helpers================================================= */
.mn { margin: 0 !important; }

.m1 { margin: 1px !important; }

.m2 { margin: 2px !important; }

.m3 { margin: 3px !important; }

.m4 { margin: 4px !important; }

.m5 { margin: 5px !important; }

.m8 { margin: 8px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m50 { margin: 50px !important; }

.mtn { margin-top: 0 !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

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

.mt20 { margin-top: 20px !important; }

.mt22 { margin-top: 22px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt36 { margin-top: 36px !important; }

.mt40 { margin-top: 40px !important; }

.mt50 { margin-top: 50px !important; }

.mt_5 { margin-top: -5px !important; }

.mt_10 { margin-top: -10px !important; }

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

.mt_20 { margin-top: -20px !important; }

.mt_25 { margin-top: -25px !important; }

.mt_30 { margin-top: -30px !important; }

.mt_35 { margin-top: -35px !important; }

.mt_40 { margin-top: -40px !important; }

.mt_50 { margin-top: -50px !important; }

.mrn { margin-right: 0 !important; }

.mr5 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr50 { margin-right: 50px !important; }

.mr_5 { margin-right: -5px !important; }

.mr_10 { margin-right: -10px !important; }

.mr_15 { margin-right: -15px !important; }

.mr_20 { margin-right: -20px !important; }

.mr_25 { margin-right: -25px !important; }

.mr_30 { margin-right: -30px !important; }

.mr_35 { margin-right: -35px !important; }

.mr_40 { margin-right: -40px !important; }

.mr_50 { margin-right: -50px !important; }

.mbn { margin-bottom: 0 !important; }

.mb5 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb_5 { margin-bottom: -5px !important; }

.mb_10 { margin-bottom: -10px !important; }

.mb_15 { margin-bottom: -15px !important; }

.mb_20 { margin-bottom: -20px !important; }

.mb_25 { margin-bottom: -25px !important; }

.mb_30 { margin-bottom: -30px !important; }

.mb_35 { margin-bottom: -35px !important; }

.mb_40 { margin-bottom: -40px !important; }

.mb_50 { margin-bottom: -50px !important; }

.mln { margin-left: 0 !important; }

.ml5 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml50 { margin-left: 50px !important; }

.ml_5 { margin-left: -5px !important; }

.ml_10 { margin-left: -10px !important; }

.ml_15 { margin-left: -15px !important; }

.ml_20 { margin-left: -20px !important; }

.ml_25 { margin-left: -25px !important; }

.ml_30 { margin-left: -30px !important; }

.ml_35 { margin-left: -35px !important; }

.ml_40 { margin-left: -40px !important; }

.ml_50 { margin-left: -50px !important; }
/*===============================================F. LineHeight Helpers================================================= */
.lhn { line-height: normal !important; }

.lh0 { line-height: 0 !important; }

.lh5 { line-height: 5px !important; }

.lh7 { line-height: 7px !important; }

.lh10 { line-height: 10px !important; }

.lh15 { line-height: 15px !important; }

.lh18 { line-height: 18px !important; }

.lh20 { line-height: 20px !important; }

.lh25 { line-height: 25px !important; }

.lh30 { line-height: 30px !important; }

.lh35 { line-height: 35px !important; }

.lh40 { line-height: 40px !important; }
/*===============================================G. Border Helpers================================================= */
/* Default Border */
.border { border: 1px solid #DDD; }

.border-left { border-left: 1px solid #DDD; }

.border-right { border-right: 1px solid #DDD; }

.border-top { border-top: 1px solid #DDD; }

.border-bottom { border-bottom: 1px solid #DDD; }
/* Border Radius */
.br0 { border-radius: 0px !important; }

.br1 { border-radius: 1px !important; }

.br2 { border-radius: 2px !important; }

.br3 { border-radius: 3px !important; }

.br4 { border-radius: 4px !important; }

.br6 { border-radius: 6px !important; }

.br8 { border-radius: 8px !important; }

.br12 { border-radius: 12px !important; }

.br24 { border-radius: 24px !important; }

.br64 { border-radius: 64px !important; }
/* circle */
/* Border Width */
.bw1 { border-width: 1px !important; }

.bw2 { border-width: 2px !important; }

.bw3 { border-width: 3px !important; }

.bw4 { border-width: 4px !important; }

.bw5 { border-width: 5px !important; }
/* Border Style */
.bs-dashed { border-style: dotted !important; }
/* Disable Border */
.border-left-none { border-left: none !important; }

.border-right-none { border-right: none !important; }

.border-top-none { border-top: none !important; }

.border-bottom-none { border-bottom: none !important; }

.border-none { border: none !important; }
/*===============================================H. Max Width Helpers================================================= */
.mw10 { max-width: 10px !important; }

.mw20 { max-width: 20px !important; }

.mw30 { max-width: 30px !important; }

.mw35 { max-width: 35px !important; }

.mw40 { max-width: 40px !important; }

.mw45 { max-width: 45px !important; }

.mw50 { max-width: 50px !important; }

.mw60 { max-width: 60px !important; }

.mw80 { max-width: 80px !important; }

.mw100 { max-width: 100px !important; }

.mw140 { max-width: 140px !important; }

.mw160 { max-width: 160px !important; }

.mw180 { max-width: 180px !important; }

.mw200 { max-width: 200px !important; }

.mw240 { max-width: 240px !important; }

.mw280 { max-width: 280px !important; }

.mw320 { max-width: 320px !important; }

/*===============================================
A. Text Colors
================================================= */
.text-teal { color: #a8e9ea!important; }

.text-teal2 { color: #2dc5c7 !important; }

.text-teal3 { color: #1e9093 !important; }

.text-blue { color: #9de0f5 !important; }

.text-blue2 { color: #2185d0 !important; }

.text-blue3 { color: #398bd8!important; }

.text-purple { color: #c7b7e5 !important; }

.text-purple2 { color: #a287d4 !important; }

.text-purple3 { color: #715da3 !important; }

.text-pink { color: #ffd1ed !important; }

.text-pink2 { color: #ffb2e1 !important; }

.text-pink3 { color: #ff7fb4 !important; }

.text-red { color: #e95959 !important; }

.text-red2 { color: #ff007e !important; }

.text-red3 { color: #ff4f3e !important; }

.text-orange { color: #fbb882 !important; }

.text-orange2 { color: #ff007e !important; }

.text-orange3 { color: #e55e20 !important; }

.text-yellow { color: #ffe29c !important; }

.text-yellow2 { color: #ffcf5a !important; }

.text-yellow3 { color: #ff9d3e !important; }

.text-green { color: #5cb85c !important; }

.text-green2 { color: #a0d65a !important; }

.text-green3 { color: #6fa53e !important; }

.text-grey { color: #b0daec !important; }

.text-grey2 { color: #6ebbdd !important; }

.text-grey3 { color: #4b87ae !important; }

/* Neutral Colors */
.text-white { color: white !important; }

.text-light { color: white !important; }

.text-light2 { color: #f0f0f0 !important; }

.text-light3 { color: #e8e8e8 !important; }

.text-light4 { color: #dddddd !important; }

.text-light5 { color: #cccccc !important; }

.text-light6 { color: #bbbbbb !important; }

.text-light7 { color: #aaaaaa !important; }

.text-dark { color: #777777 !important; }

.text-dark2 { color: #666666 !important; }

.text-dark3 { color: #494949 !important; }

.text-dark4 { color: #323232 !important; }

.text-dark5 { color: #1e1c1f !important; }

/*===============================================
Border Colors with hover bg
================================================= */

.btn-outline-primary { color: #007bff !important; border-color: #007bff !important; }

.btn-outline-primary:hover { color: #fff !important; background-color: #007bff; border-color: #007bff !important; }

.btn-outline-secondary { color: #6c757d !important; border-color: #6c757d !important; }

.btn-outline-secondary:hover { color: #fff !important; background-color: #6c757d; border-color: #6c757d !important; }

.btn-outline-success { color: #28a745 !important; border-color: #28a745 !important; }

.btn-outline-success:hover { color: #fff !important; background-color: #28a745; border-color: #28a745 !important; }

.btn-outline-danger { color: #dc3545 !important; border-color: #dc3545 !important; }

.btn-outline-danger:hover { color: #fff !important; background-color: #dc3545; border-color: #dc3545 !important; }

.btn-outline-warning { color: #ffc107 !important; border-color: #ffc107 !important; }

.btn-outline-warning:hover { color: #212529 !important; background-color: #ffc107; border-color: #ffc107 !important; }

.btn-outline-info { color: #17a2b8 !important; border-color: #17a2b8 !important; }

.btn-outline-info:hover { color: #fff !important; background-color: #17a2b8; border-color: #17a2b8 !important; }

.btn-outline-light { color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-light:hover { color: #212529; background-color: #f8f9fa; border-color: #f8f9fa; }

.btn-outline-dark { color: #343a40 !important; border-color: #343a40 !important; }

.btn-outline-dark:hover { color: #fff !important; background-color: #343a40; border-color: #343a40 !important; }



/*===============================================
B. Border Colors
================================================= */
.border-teal { border-color: #a8e9ea !important; }

.border-teal2 { border-color: #2dc5c7 !important; }

.border-teal3 { border-color: #1e9093 !important; }

.border-blue { border-color: #9de0f5 !important; }

.border-blue2 { border-color: #2185d0 !important; }

.border-blue3 { border-color: #398bd8 !important; }

.border-purple { border-color: #c7b7e5 !important; }

.border-purple2 { border-color: #a287d4 !important; }

.border-purple3 { border-color: #715da3 !important; }

.border-pink { border-color: #ffd1ed !important; }

.border-pink2 { border-color: #ffb2e1 !important; }

.border-pink3 { border-color: #ff7fb4 !important; }

.border-red { border-color: #ffac9c !important; }

.border-red2 { border-color: #ff745a !important; }

.border-red3 { border-color: #ff4f3e !important; }

.border-orange { border-color: #fbb882 !important; }

.border-orange2 { border-color: #ff007e !important; }

.border-orange3 { border-color: #e55e20 !important; }

.border-yellow { border-color: #ffe29c !important; }

.border-yellow2 { border-color: #ffcf5a !important; }

.border-yellow3 { border-color: #ff9d3e !important; }

.border-green { border-color: #c6e69c !important; }

.border-green2 { border-color: #a0d65a !important; }

.border-green3 { border-color: #6fa53e !important; }

.border-grey { border-color: #b0daec !important; }

.border-grey2 { border-color: #6ebbdd !important; }

.border-grey3 { border-color: #4b87ae !important; }

/* Neutral Colors */
.border-white { border-color: white !important; }

.border-light { border-color: white !important; }

.border-light2 { border-color: #f0f0f0 !important; }

.border-light3 { border-color: #e8e8e8 !important; }

.border-light4 { border-color: #dddddd !important; }

.border-light5 { border-color: #cccccc !important; }

.border-light6 { border-color: #bbbbbb !important; }

.border-light7 { border-color: #aaaaaa !important; }

.border-dark { border-color: #777777 !important; }

.border-dark2 { border-color: #666666 !important; }

.border-dark3 { border-color: #494949 !important; }

.border-dark4 { border-color: #323232 !important; }

.border-dark5 { border-color: #1e1c1f !important; }

/*===============================================
B. Background Colors
================================================= */
.bg-teal { background-color: #a8e9ea !important; }

.bg-teal2 { background-color: #2dc5c7 !important; }

.bg-teal3 { background-color: #1e9093 !important; }

.bg-blue { background-color: #516fca !important; }

.bg-blue2 { background-color: #2185d0 !important; }

.bg-blue3 { background-color: #398bd8 !important; }

.bg-blue3.dark { background-color: #e6995b !important; }

.bg-purple { background-color: #c7b7e5 !important; }

.bg-purple2 { background-color: #a287d4 !important; }

.bg-purple3 { background-color: #715da3 !important; color: #fff !important; }

.bg-pink { background-color: #ffd1ed !important; }

.bg-pink2 { background-color: #ffb2e1 !important; }

.bg-pink3 { background-color: #ff7fb4 !important; }

.bg-red { background-color: #e95959 !important; }

.bg-red2 { background-color: #ff745a !important; }

.bg-red3 { background-color: #ff4f3e !important; }

.bg-red4 { background-color: #e95959 !important /*#ff182d !important*/; }

.bg-orange { background-color: #fbb882 !important; }

.bg-orange2 { background-color: #5fd8c7 !important; }

.bg-orange3 { background-color: #e55e20 !important; }

.bg-yellow { background-color: #febf00 !important; }

.bg-yellow2 { background-color: #ffcf5a !important; }

.bg-yellow3 { background-color: #ff9d3e !important; }

.bg-green { background-color: #5cb85c !important; }

.bg-green2 { background-color: #a0d65a !important; }

.bg-green3 { background-color: #6fa53e !important; }

.bg-green4 { background-color: #5cb85c !important; }

.bg-grey { background-color: #b0daec !important; }

.bg-grey2 { background-color: #6ebbdd !important; }

.bg-grey3 { background-color: #4b87ae !important; }

/* Neutral Colors */
.bg-white { background-color: transparent !important; }

.bg-white { background-color: white !important; }

.bg-light { background-color: white !important; }

.bg-light2 { background-color: #f0f0f0 !important; }

.bg-light3 { background-color: #e8e8e8 !important; }

.bg-light4 { background-color: #dddddd !important; }

.bg-light5 { background-color: #cccccc !important; }

.bg-light6 { background-color: #bbbbbb !important; }

.bg-light7 { background-color: #aaaaaa !important; }

.bg-dark { background-color: #777777 !important; }

.bg-dark2 { background-color: #666666 !important; }

.bg-dark3 { background-color: #494949 !important; }

.bg-dark4 { background-color: #323232 !important; }

.bg-dark5 { background-color: #1e1c1f !important; }

.bg-priority1 { background-color: #f5d658 !important; color: #FFF; }

.bg-priority2 { background-color: #f4c10f !important; color: #FFF; }

.bg-priority3 { background-color: #fb9a32 !important; color: #FFF; }

.bg-priority4 { background-color: #f36611 !important; color: #FFF; }

.bg-priority5 { background-color: #e70a0a !important; color: #FFF; }


/* Used for gradient creation of Neutral Colors */
.bg-dark.bg-gradient { background-color: #777777 !important; }

.bg-dark2.bg-gradient { background-color: #666666 !important; }

.bg-dark3.bg-gradient { background-color: #494949 !important; }

.bg-dark4.bg-gradient { background-color: #323232 !important; }

.bg-dark5.bg-gradient { background-color: #1e1c1f !important; }

/*===============================================
B. Background Colors - Advanced Set
================================================= */
.bg-blue-alt { background-color: #35b5d7; }

.bg-blue2-alt { background-color: #3093c7; }

.bg-blue3-alt { background-color: #4f96b4; }

.bg-blue4-alt { background-color: #287bab; }

.bg-blue5-alt { background-color: #1c5b86; }

.bg-blue6-alt { background-color: #205066; }

.bg-blue7-alt { background-color: #21334b; }

.bg-green-alt { background-color: #6db54b; }

.bg-green2-alt { background-color: #71aa61; }

.bg-green3-alt { background-color: #417447; }

.bg-green4-alt { background-color: #47741a; }

.bg-green5-alt { background-color: #1c4905; }

.bg-red-alt { background-color: #e4151d; }

.bg-red2-alt { background-color: #d10011; }

.bg-red3-alt { background-color: #bf0d14!important; }

.bg-red4-alt { background-color: #930b1f; }

.bg-purple-alt { background-color: #bb7ea6; }

.bg-purple2-alt { background-color: #7a5067; }

.bg-purple3-alt { background-color: #89264f; }

.bg-purple4-alt { background-color: #462b4c; }

.bg-orange-alt { background-color: #e94216; }

.bg-orange2-alt { background-color: #f56333; }

.bg-orange3-alt { background-color: #fb7e2a; }

.bg-yellow-alt { background-color: #f0c92f; }

.bg-yellow2-alt { background-color: #e1bc4a; }

.bg-creme-alt { background-color: #feda83; }

.bg-creme2-alt { background-color: #fae3b4; }

.bg-creme3-alt { background-color: #d3c27b; }

.bg-brown-alt { background-color: #b29579; }

.bg-brown2-alt { background-color: #7b5d3a; }

.bg-brown3-alt { background-color: #563330; }

/* Secondary color useful for making darker toned gradients */
.bg-blue-alt.bg-gradient { background-color: #008aaf; }

.bg-blue2-alt.bg-gradient { background-color: #0070ab; }

.bg-blue3-alt.bg-gradient { background-color: #066b95; }

.bg-blue4-alt.bg-gradient { background-color: #005789; }

.bg-blue5-alt.bg-gradient { background-color: #00416d; }

.bg-blue6-alt.bg-gradient { background-color: #043a53; }

.bg-blue7-alt.bg-gradient { background-color: #09203f; }

.bg-green-alt.bg-gradient { background-color: #368d0d; }

.bg-green2-alt.bg-gradient { background-color: #33881b; }

.bg-green3-alt.bg-gradient { background-color: #00520a; }

.bg-green4-alt.bg-gradient { background-color: #274d00; }

.bg-green5-alt.bg-gradient { background-color: #0d2f00; }

.bg-red-alt.bg-gradient { background-color: #eb050e; }

.bg-red2-alt.bg-gradient { background-color: #d10011; }

.bg-red3-alt.bg-gradient { background-color: #a6050b; }

.bg-red4-alt.bg-gradient { background-color: #930b1f; }

.bg-purple-alt.bg-gradient { background-color: #9c457e; }

.bg-purple2-alt.bg-gradient { background-color: #6a254b; }

.bg-purple3-alt.bg-gradient { background-color: #71002f; }

.bg-purple4-alt.bg-gradient { background-color: #36143e; }

.bg-orange-alt.bg-gradient { background-color: #f93e0d; }

.bg-orange2-alt.bg-gradient { background-color: #fe561f; }

.bg-orange3-alt.bg-gradient { background-color: #ff7214; }

.bg-yellow-alt.bg-gradient { background-color: #fac908; }

.bg-yellow2-alt.bg-gradient { background-color: #e9bb2d; }

.bg-creme-alt.bg-gradient { background-color: #ffd266; }

.bg-creme2-alt.bg-gradient { background-color: #fedd9a; }

.bg-creme3-alt.bg-gradient { background-color: #bca339; }

.bg-brown-alt.bg-gradient { background-color: #99714b; }

.bg-brown2-alt.bg-gradient { background-color: #6c4517; }

.bg-brown3-alt.bg-gradient { background-color: #4f1a16; }

/* COLOR MODIFICATIONS SPECIFICALLY FOR BUTTONS
* Any variations to buttons were placed below so that
* the above classes contain only color styles. This
* allows the styles to be used on any element rather 
* than just "Text" or "Buttons" as their name suggest
----------------------------------------------------------*/
.bg-creme-alt { border-color: #f5c348; }

.bg-creme2-alt { border-color: #f7ca5c; }

.bg-light6 { border-color: #e5e5e5; }

.bg-light7 { border-color: #eeeeee; }

.bg-light, .bg-light2, .bg-light3, .bg-light4, .bg-light5, .bg-light6, .bg-light7, .btn-default { color: #555555; }

.bg-light:focus, .bg-light2:focus, .bg-light3:focus, .bg-light4:focus, .bg-light5:focus, .bg-light6:focus, .bg-light7:focus, .bg-default:focus, .btn-default:focus { color: #555555; }

.bg-light:active:focus, .bg-light2:active:focus, .bg-light3:active:focus, .bg-light4:active:focus, .bg-light5:active:focus, .bg-light6:active:focus, .bg-light7:active:focus, .bg-default:active:focus, .btn-default:active:focus { color: #555555; }

.bg-light.bg-gradient, .bg-light2.bg-gradient, .bg-light3.bg-gradient, .bg-light4.bg-gradient, .bg-light5.bg-gradient, .bg-light6.bg-gradient, .bg-light7.bg-gradient, .btn-default.btn-gradient, .bg-default.bg-gradient { text-shadow: 0 1px #ffffff; background-color: ""; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%); }

.bg-creme-alt:focus, .bg-creme2-alt:focus, .bg-yellow-alt:focus, .bg-yellow2-alt:focus { color: #ca8f00; }

.bg-creme-alt, .bg-creme2-alt, .bg-yellow-alt, .bg-yellow2-alt { color: #ca8f00; font-weight: 600; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.55); }

.bg-yellow-alt:hover, .bg-yellow2-alt:hover, .bg-creme-alt:hover, .bg-creme2-alt:hover, .bg-creme3-alt:hover, .bg-light:hover, .bg-light2:hover, .bg-light3:hover, .bg-light4:hover, .bg-light5:hover, .bg-light6:hover, .bg-light7:hover, .bg-default:hover, .btn-default:hover { color: #555555; }
/*===============================================I. Boostrap cols padding================================================= */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding-left: 10px; padding-right: 10px; }

.row { margin-left: -10px; margin-right: -10px; }

.btn-gray { background-color: #aaa; color: #fff; }

.btn-gray:hover { background-color: #929292; }

.pagination li a { font-weight: normal; }

.pagination li.active a { background-color: #2185d0!important; color: #fff !important; }

.pagination li.active:hover a { background-color: #2185d0!important; color: #fff !important; box-shadow: none; border-color: #2185d0!important; }

.pagination li { margin-left: -1px!important; }

.shadow-none { box-shadow: none!important; }

.dis_il { display: inline!important; }

.dis_bk { display: block!important; }

.dis_ilb { display: inline-block!important; }

/*switch btn css*/
.switch { position: relative; display: inline-block; width: 60px; height: 34px; }

.switch input { opacity: 0; width: 0; height: 0; }

.switch label { border-radius: 50px; height: 30px; margin: 0; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

.switch label:before { border-radius: 50px; position: absolute; content: ""; height: 22px; width: 24px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

.switch input:focus + label { box-shadow: 0 0 1px #2196F3; }

.switch input:checked + label:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

.switch input:checked + label { background-color: #4175fc; }
.errormsg { color: #ff0000; position: absolute; top: 0px; right: 1px; font-size: 11px; z-index: 9; }

.comment_editor b, .comment_editor strong { }
.comment_editor ol, .comment_editor ul { padding-left: 20px; }

.comment_editor ol li { list-style: decimal; }

.comment_editor ul li { list-style: disc; }

.btn-dark-gradient { background: #969696; background: -moz-linear-gradient(top, #969696 0%, #707070 40%, #666666 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #969696), color-stop(40%, #707070), color-stop(100%, #666666)); background: -webkit-linear-gradient(top, #969696 0%, #707070 40%, #666666 100%); background: -o-linear-gradient(top, #969696 0%, #707070 40%, #666666 100%); background: -ms-linear-gradient(top, #969696 0%, #707070 40%, #666666 100%); background: linear-gradient(to bottom, #969696 0%, #707070 40%, #666666 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#666666', GradientType=0 ); }

.btn-dark-gradient:hover { background: #969696; background: -moz-linear-gradient(top, #969696 0%, #636363 40%, #444446 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #969696), color-stop(40%, #636363), color-stop(100%, #444446)); background: -webkit-linear-gradient(top, #969696 0%, #636363 40%, #444446 100%); background: -o-linear-gradient(top, #969696 0%, #636363 40%, #444446 100%); background: -ms-linear-gradient(top, #969696 0%, #636363 40%, #444446 100%); background: linear-gradient(to bottom, #969696 0%, #636363 40%, #444446 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#444446', GradientType=0 ); }

.btn-info-gradient { background: #86d5eb; background: -moz-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #86d5eb), color-stop(40%, #3ec4e6), color-stop(100%, #0fabd6)); background: -webkit-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: -o-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: -ms-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: linear-gradient(to bottom, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d5eb', endColorstr='#0fabd6', GradientType=0 ); }

.btn-info-gradient:hover { background: #86d5eb; background: -moz-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #86d5eb), color-stop(40%, #3ab7d6), color-stop(100%, #0a99bd)); background: -webkit-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: -o-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: -ms-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: linear-gradient(to bottom, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d5eb', endColorstr='#0a99bd', GradientType=0 ); }

.btn-danger-gradient { background: #f25c70; background: -moz-linear-gradient(top, #f25c70 0%, #ea384d 40%, #c9021d 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #f25c70), color-stop(40%, #ea384d), color-stop(100%, #c9021d)); background: -webkit-linear-gradient(top, #f25c70 0%, #ea384d 40%, #c9021d 100%); background: -o-linear-gradient(top, #f25c70 0%, #ea384d 40%, #c9021d 100%); background: -ms-linear-gradient(top, #f25c70 0%, #ea384d 40%, #c9021d 100%); background: linear-gradient(to bottom, #f25c70 0%, #ea384d 40%, #c9021d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25c70', endColorstr='#c9021d', GradientType=0 ); }

.btn-danger-gradient:hover { background: #f25c70; background: -moz-linear-gradient(top, #f25c70 0%, #d13449 40%, #b50923 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #f25c70), color-stop(40%, #d13449), color-stop(100%, #b50923)); background: -webkit-linear-gradient(top, #f25c70 0%, #d13449 40%, #b50923 100%); background: -o-linear-gradient(top, #f25c70 0%, #d13449 40%, #b50923 100%); background: -ms-linear-gradient(top, #f25c70 0%, #d13449 40%, #b50923 100%); background: linear-gradient(to bottom, #f25c70 0%, #d13449 40%, #b50923 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25c70', endColorstr='#b50923', GradientType=0 ); }

.btn-success-gradient { background: #72cc72; background: -moz-linear-gradient(top, #72cc72 0%, #5ca85c 40%, #319e31 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #72cc72), color-stop(40%, #5ca85c), color-stop(100%, #319e31)); background: -webkit-linear-gradient(top, #72cc72 0%, #5ca85c 40%, #319e31 100%); background: -o-linear-gradient(top, #72cc72 0%, #5ca85c 40%, #319e31 100%); background: -ms-linear-gradient(top, #72cc72 0%, #5ca85c 40%, #319e31 100%); background: linear-gradient(to bottom, #72cc72 0%, #5ca85c 40%, #319e31 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72cc72', endColorstr='#319e31', GradientType=0 ); }

.btn-success-gradient:hover { background: #72cc72; background: -moz-linear-gradient(top, #72cc72 0%, #3d9e3d 40%, #218221 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #72cc72), color-stop(40%, #3d9e3d), color-stop(100%, #218221)); background: -webkit-linear-gradient(top, #72cc72 0%, #3d9e3d 40%, #218221 100%); background: -o-linear-gradient(top, #72cc72 0%, #3d9e3d 40%, #218221 100%); background: -ms-linear-gradient(top, #72cc72 0%, #3d9e3d 40%, #218221 100%); background: linear-gradient(to bottom, #72cc72 0%, #3d9e3d 40%, #218221 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72cc72', endColorstr='#218221', GradientType=0 ); }

.btn-purple-gradient { background: #8471b3; background: -moz-linear-gradient(top, #8471b3 0%, #765bba 40%, #5537a8 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #8471b3), color-stop(40%, #765bba), color-stop(100%, #5537a8)); background: -webkit-linear-gradient(top, #8471b3 0%, #765bba 40%, #5537a8 100%); background: -o-linear-gradient(top, #8471b3 0%, #765bba 40%, #5537a8 100%); background: -ms-linear-gradient(top, #8471b3 0%, #765bba 40%, #5537a8 100%); background: linear-gradient(to bottom, #8471b3 0%, #765bba 40%, #5537a8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8471b3', endColorstr='#5537a8', GradientType=0 ); }

.btn-purple-gradient:hover { background: #8471b3; background: -moz-linear-gradient(top, #8471b3 0%, #5d3bb3 40%, #3f2294 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #8471b3), color-stop(40%, #5d3bb3), color-stop(100%, #3f2294)); background: -webkit-linear-gradient(top, #8471b3 0%, #5d3bb3 40%, #3f2294 100%); background: -o-linear-gradient(top, #8471b3 0%, #5d3bb3 40%, #3f2294 100%); background: -ms-linear-gradient(top, #8471b3 0%, #5d3bb3 40%, #3f2294 100%); background: linear-gradient(to bottom, #8471b3 0%, #5d3bb3 40%, #3f2294 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8471b3', endColorstr='#3f2294', GradientType=0 ); }

.btn-warning-gradient { background: #ffd698; background: -moz-linear-gradient(top, #ffd698 0%, #f5b95e 42%, #f7a643 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd698), color-stop(42%, #f5b95e), color-stop(100%, #f7a643)); background: -webkit-linear-gradient(top, #ffd698 0%, #f5b95e 42%, #f7a643 100%); background: -o-linear-gradient(top, #ffd698 0%, #f5b95e 42%, #f7a643 100%); background: -ms-linear-gradient(top, #ffd698 0%, #f5b95e 42%, #f7a643 100%); background: linear-gradient(to bottom, #ffd698 0%, #f5b95e 42%, #f7a643 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd698', endColorstr='#f7a643', GradientType=0 ); }

.btn-warning-gradient:hover { background: #ffd79c; background: -moz-linear-gradient(top, #ffd79c 0%, #f5ae44 42%, #e69431 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffd79c), color-stop(42%, #f5ae44), color-stop(100%, #e69431)); background: -webkit-linear-gradient(top, #ffd79c 0%, #f5ae44 42%, #e69431 100%); background: -o-linear-gradient(top, #ffd79c 0%, #f5ae44 42%, #e69431 100%); background: -ms-linear-gradient(top, #ffd79c 0%, #f5ae44 42%, #e69431 100%); background: linear-gradient(to bottom, #ffd79c 0%, #f5ae44 42%, #e69431 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd79c', endColorstr='#e69431', GradientType=0 ); }

.btn-primary-gradient { background: #63b0f0; background: -moz-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #63b0f0), color-stop(43%, #4aa5f0), color-stop(100%, #428aca)); background: -webkit-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -o-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -ms-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: linear-gradient(to bottom, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#428aca', GradientType=0 ); }

.btn-primary-gradient:hover { background: #63b0f0; background: -moz-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #63b0f0), color-stop(43%, #4ca2e8), color-stop(100%, #1476cc)); background: -webkit-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -o-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -ms-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: linear-gradient(to bottom, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#1476cc', GradientType=0 ); }

.tm-tag { color: #555555; background-color: #f5f5f5; border: #bbbbbb 1px solid; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; display: inline-block; border-radius: 2px; font-size: 13px; margin: 2px 5px 0px 0; padding: 0px 0px 2px!important; text-decoration: none; transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; vertical-align: middle; line-height: 1em; }

.tm-tag .tm-tag-remove { color: #ddd; padding: 0px!important; border-radius: 0; font-size: 13px!important; margin: 0px 3px !important; background-color: transparent; }

.tm-tag span, .tm-tag a { line-height: 1!important; display: inline-block!important; margin-left: 2px!important; }

.tm-tag .tm-tag-remove:hover { color: #fff; text-decoration: none; }

.tm-tag.tm-tag-success { color: #fff; background-color: #808080; border-color: #808080; }

.table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; border: none; }

/*ticket*/
.ticketPg { background-image: url(../images/page_bg.jpg); background-attachment: fixed; background-size: cover; background-position: center; padding-bottom: 0px!important; }

.ticketBlk .panel { max-width: 650px; margin: 50px auto 20px auto; -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); background-color: #fff; border: none; border-radius: 0px; padding: 0px; z-index: 9; }

.ticketPg:before { z-index: -1; }

.ticketBlk { padding: 5px; }

.ticketBlk .panel-heading { padding: 15px 20px 10px 20px; margin-bottom: 0px; }

.ticketBlk .panel-heading img { max-width: 200px; }

.ticketBlk .panel-heading .compName { padding-left: 0px; margin-bottom: 0px; line-height: normal; font-weight: bold; letter-spacing: -2px; margin-top: -8px; display: inline-block; float: left; }

.ticketBlk .panel-heading img { display: inline-block; float: right; max-height: 50px; }

.ticketBlk .panel-heading .compName, .ticketBlk .panel-heading .compName span { font-size: 30px !important; display: inline-block; line-height: 1em; }

.ticketBlk .panel-heading .compName i { font-style: normal; line-height: 1em; font-size: 26px; }

.ticketBlk .compName span { color: #fabf03; }

.ticketBlk .panel-heading h2 { font-size: 18px; line-height: 1em; color: #000; margin-top: 0px; margin-bottom: 0px; font-weight: bold; display: inline-block; padding: 5px 10px; border-radius: 5px; background-color: #fabf03; }

.ticketBlk .panel-body { padding: 15px!important; }

.ticketBlk .form-group input, .ticketBlk .form-group select { min-height: 40px; border-radius: 5px; }

.ticketBlk textarea { min-height: 150px; border-radius: 5px; width: 100%; border: 1px solid #ccc; }

.ticketBlk .ticketSbmt .btn { display: inline-block !important; width: 100%; float: none!important; text-align: center; text-transform: uppercase; padding: 15px 5px!important; border-radius: 5px; font-size: 15px!important; margin-top: 20px; height: auto; background: rgba(242,169,0,1); background: -moz-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,169,0,1)), color-stop(100%, rgba(224,153,0,1))); background: -webkit-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: -o-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: -ms-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: linear-gradient(to bottom, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a900', endColorstr='#e09900', GradientType=0 ); }

.g-recaptcha { max-width: 100%; }

.ticketProj { display: inline-block; float: right; }

.ticketProj h4 { font-size: 18px; text-align: center; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px; }

.ticketBlk .g-recaptcha > div { margin: auto; }

.ticketBlk .drgdrpWrp { border: 2px dashed #ccc; }

.ticketBlk .drgdrpWrp { height: 80px; }

.ticketBlk .drgdrpWrp .drpInfo .mt40.fs30 { margin-top: 22px!important; margin-right: 10px; vertical-align: top; }

.ticketBlk .drpInfo p { display: inline-block; line-height: 1em; margin-top: 15px; vertical-align: top; }

.pgLogo { position: absolute; bottom: 15px; left: 15px; max-width: 150px; }

.sucMsgBx { background: rgba(255, 255, 255, 0.85); content: ""; width: 100%; height: 100%; position: fixed; top: 0; bottom: 0; right: 0; left: 0; z-index: 999; }

.sucMsg { box-shadow: 0 35px 54px rgba(0, 0, 0, 0.3), 0 5px 20px rgba(0, 0, 0, 0.07), 0 0px 1px rgba(0, 0, 0, 0.12); background-color: #fff; width: 700px; margin: 55px auto; text-align: left; padding: 20px 25px; border-radius: 3px; }

.sucTitle { border-bottom: 2px solid #fabf03; margin-bottom: 10px; padding-bottom: 5px; }

.sucTitle h2 span { color: #fabf03; }

.sucDis p { font-size: 15px; }

.sucDis a { float: right; }

/*--------------animation-------------------*/

.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.animated-shortest { -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; -o-animation-duration: 0.5s; animation-duration: 0.5s; }

.animated-short { -webkit-animation-duration: 0.75s; -moz-animation-duration: 0.75s; -o-animation-duration: 0.75s; animation-duration: 0.75s; }

.animated-long { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }

.animated-longest { -webkit-animation-duration: 3s; -moz-animation-duration: 3s; -o-animation-duration: 3s; animation-duration: 3s; }

.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }

    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

    60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

    60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); }
}

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

@-webkit-keyframes flash {
    0%, 50%, 100% { opacity: 1; }

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

@keyframes flash {
    0%, 50%, 100% { opacity: 1; }

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

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    50% { -webkit-transform: scale(1.1); transform: scale(1.1); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pulse {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

    50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

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

@-webkit-keyframes shake {
    0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); }

    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

    20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); }
}

@keyframes shake {
    0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }

    20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
}

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

@-webkit-keyframes swing {
    20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }

    40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }

    60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }

    80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }

    100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes swing {
    20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }

    40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }

    60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }

    80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); }

    100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}

.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }

    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }

    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }

    100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

@keyframes tada {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); }

    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); }

    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); }

    100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
    0% { -webkit-transform: translateX(0%); transform: translateX(0%); }

    15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }

    30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }

    45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }

    60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }

    75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }

    100% { -webkit-transform: translateX(0%); transform: translateX(0%); }
}

@keyframes wobble {
    0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }

    15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); }

    30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); }

    45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); }

    60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); }

    75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); }

    100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); }
}

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

@-webkit-keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }

    50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); }

    70% { -webkit-transform: scale(0.9); transform: scale(0.9); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes bounceIn {
    0% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }

    50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

    70% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }

    100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

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

@-webkit-keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }

    60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); }

    80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes bounceInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }

    60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); }

    80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); }

    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes bounceInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }

    60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); }

    80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes bounceInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }

    60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); }

    80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); }

    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }

    60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); }

    80% { -webkit-transform: translateX(10px); transform: translateX(10px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes bounceInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }

    60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); }

    80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }

    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }

    60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); }

    80% { -webkit-transform: translateY(10px); transform: translateY(10px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes bounceInUp {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }

    60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }

    80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); }

    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes bounceOut {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    25% { -webkit-transform: scale(0.95); transform: scale(0.95); }

    50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); }

    100% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }
}

@keyframes bounceOut {
    0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

    25% { -webkit-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); }

    50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    100% { opacity: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); }
}

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

@-webkit-keyframes bounceOutDown {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); }

    100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
}

@keyframes bounceOutDown {
    0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

    100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
}

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

@-webkit-keyframes bounceOutLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); }

    100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
}

@keyframes bounceOutLeft {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

    100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
}

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

@-webkit-keyframes bounceOutRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); }

    100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
}

@keyframes bounceOutRight {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }

    100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
}

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

@-webkit-keyframes bounceOutUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }

    100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
}

@keyframes bounceOutUp {
    0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }

    100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
}

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

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }

    100% { opacity: 1; }
}

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

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }

    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }

    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }

    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }

    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }

    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }

    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }

    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }

    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }

    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }

    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }

    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }

    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }

    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }

    100% { opacity: 0; }
}

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

@-webkit-keyframes fadeOutDown {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); }
}

@keyframes fadeOutDown {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); }
}

@keyframes fadeOutDownBig {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); }
}

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

@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); }
}

@keyframes fadeOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
}

@keyframes fadeOutLeftBig {
    0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
}

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

@-webkit-keyframes fadeOutRight {
    0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); }
}

@keyframes fadeOutRight {
    0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
}

@keyframes fadeOutRightBig {
    0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
}

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

@-webkit-keyframes fadeOutUp {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); }
}

@keyframes fadeOutUp {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
}

@keyframes fadeOutUpBig {
    0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
}

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

@-webkit-keyframes flip {
    0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
    0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

    50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

    100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }

    40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }

    70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }

    100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }

    40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); }

    70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); }

    100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

.flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }

    40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }

    70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }

    100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
}

@keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }

    40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); }

    70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); }

    100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }
}

.flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX {
    0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }

    100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

@keyframes flipOutX {
    0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; }

    100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
    0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }

    100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
}

@keyframes flipOutY {
    0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; }

    100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
}

.flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }

    60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }

    80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }

    100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
}

@keyframes lightSpeedIn {
    0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }

    60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; }

    80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; }

    100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }
}

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }

    100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
    0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; }

    100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; }
}

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
    0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }

    100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateIn {
    0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }

    100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInDownLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

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

@-webkit-keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInDownRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInUpLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }

    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

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

@-webkit-keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

@keyframes rotateInUpRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }

    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }
}

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

@-webkit-keyframes rotateOut {
    0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }
}

@keyframes rotateOut {
    0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }
}

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

@-webkit-keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

@keyframes rotateOutDownLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

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

@-webkit-keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

@keyframes rotateOutDownRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

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

@-webkit-keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

@keyframes rotateOutUpLeft {
    0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
}

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

@-webkit-keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

@keyframes rotateOutUpRight {
    0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; }

    100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

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

@-webkit-keyframes slideInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideInDown {
    0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }

    100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

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

@-webkit-keyframes slideInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }

    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

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

@-webkit-keyframes slideInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

    100% { -webkit-transform: translateX(0); transform: translateX(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
}

@keyframes slideInRight {
    0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }

    100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
}

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

@-webkit-keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); }
}

@keyframes slideOutLeft {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); }
}

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

@-webkit-keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); }
}

@keyframes slideOutRight {
    0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }

    100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); }
}

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

@-webkit-keyframes slideOutUp {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); }
}

@keyframes slideOutUp {
    0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

    100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); }
}

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

@-webkit-keyframes hinge {
    0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; }
}

@keyframes hinge {
    0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }

    100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }

    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}

@keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }

    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }
}

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

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
    0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }

    100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
}

@keyframes rollOut {
    0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); }

    100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }
}

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



/*========================================Support Ticket System===================================================*/
.table-head-btn { margin-top: 5px!important; margin-bottom: 5px!important; }

#dvSearch .panel { border-color: #fff; border-radius: 0px 0px; }

.grid-item.maxPadding { }

.nmbrBlck .btmtxt { font-size: 13px; font-weight: Bold; line-height: 1.2em; letter-spacing: -0.5px; text-align: center; width: 100%; }

.infoBlck .btmtxt { font-size: 13px; font-weight: Bold; line-height: 1.2em; letter-spacing: -0.5px; text-align: center; width: 100%; position: absolute; left: 0; right: 0; bottom: 10px; }

.bdr-btn { border-radius: 5px; color: #4175fc; border: 1px solid #4175fc; background-color: transparent; padding: 5px 11px 4px 11px; }
.bdr-btn:hover { background-color: #4175fc !important; color: #fff !important; }

.tktNormal { border-color: #3f97e0 !important; }

.tktHigh { border-color: #ecc848 !important; }

.tktCritical { border-color: #f56262 !important; }

.tktNormal .fa-info-circle { color: #3f97e0 !important; }

.tktHigh .fa-info-circle { color: #ecc848 !important; }

.tktCritical .fa-info-circle { color: #f56262 !important; }


.tktSystm { margin-left: auto !important; }
.tktSystm .panel-heading { background: #fff; }

.tktSystm .form-control { background-color: #f7fafc; border-color: #e4e9f1; }

.tktSystm .nav-tabs > li > a { background: transparent!important; color: #555!important; border-color: transparent!important; }

.tktSystm .tktSystmNav { border-bottom: 2px solid rgba(12, 116, 227, 0.15); }

.tktSystm .nav-tabs > li { position: relative; margin-right: 5px; }

.tktSystm .nav-tabs > li::after { content: ""; width: 100%; height: 2px; background: rgb(12, 116, 227); position: absolute; bottom: -2px; left: 0; opacity: 0; -webkit-transition: 0.35s; transition: 0.35s; }

.tktSystm .nav-tabs > li:hover:after { opacity: 1; }

.tktSystm .nav-tabs > li.active:after { bottom: -1px; opacity: 1; }

.tktSystm .tktSystmLst { border-left: 7px solid #ccc; background-color: #fff; padding: 25px; margin-bottom: 25px; border-radius: 5px; box-shadow: 0 1px 5px 0 rgba(32,33,36,0.2); border-color: rgba(223,225,229,0); position: relative; }

.tktSystm .hideShwFltr a { color: #4175fc; }

.tktSystmTitle { font-size: 18px; width: calc(100% - 90px); font-weight: Bold; }

.tktSystmTitle a { display: inline-block; }

.tktSystmMsg { display: inline-block; position: absolute; top: 25px; right: 25px; background-color: #e2e8f0; padding: 5px; border-radius: 50px; min-width: 80px; text-align: center; }

.tktSystmMsg .fa { margin-right: 10px; vertical-align: middle; }

.tktSystmMsg span { display: inline-block; vertical-align: middle; font-size: 15px; }

.tktSystmLst ul { padding: 0px; font-size: 0; margin: 0px; }

.tktSystmLst ul li { display: inline-block; font-size: 0px; margin: 0px; margin-right: 20px; padding-right: 20px; position: relative; }

.tktSystmLst ul li:after { content: ""; display: inline-block; width: 2px; background-color: #e2e8f0; height: 100%; position: absolute; right: 0; top: 0; }

.tktSystmLst ul li:last-child:after { display: none; }

.tktSystmLst ul li .fa { vertical-align: middle; color: #adb7c4; margin-right: 5px; }

.tktSystmLst ul li span { vertical-align: middle; display: inline-block; font-size: 14px; }

.rdBtnBlc { position: relative; min-height: 110px; }

.rdBtnBlc h3 { width: calc(100% - 50px); font-size: 14px; text-transform: uppercase; color: #000; font-weight: bold; letter-spacing: 1px; }

.rdBtnBlc p { width: calc(100% - 50px); margin: 0px; }

.rdBtnBlc .rdInpt { padding: 20px; margin: 0; cursor: pointer; position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; display: inline-block; z-index: 1; }

.rdBtnBlc .rdInpt input { margin: 0; position: absolute; opacity: 0; cursor: pointer; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; }

.rdBtnBlc .rdMark { position: absolute; top: 20px; right: 20px; height: 20px; width: 20px; background-color: #fff; border-radius: 50%; border: 1px solid #eee; }

.rdBtnBlc .rdFillBdr { border-radius: 5px; border: 1px solid #e4e9f1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0; z-index: -1; }

.rdBtnBlc .rdInpt input:checked ~ .rdMark { background-color: #2196F3; border-color: transparent; }

.rdBtnBlc .rdInpt input:checked ~ .rdFillBdr { background-color: #ebf8ff; border-color: #96d0f5; }

.rdBtnBlc .rdMark:after { content: ""; position: absolute; display: none; }

.rdBtnBlc .rdInpt input:checked ~ .rdMark:after { display: block; }

.rdBtnBlc .rdInpt .rdMark:after { top: 5px; left: 5px; width: 8px; height: 8px; border-radius: 50%; background: white; }

.tktSystm .fileUpload_content { border: 1px dashed #e4e9f1; min-height: 150px; background-color: #f7fafc; }

.tktSystm .fileUpload_area .docs-tooltip { top: 30px; text-align: center; font-size: 18px; color: #4a5568; }

.tktSystm .docs-tooltip .fa { font-size: 50px; color: #4a5568; }

.tktSystm .fileUpload_area .drgTxt { display: block; margin: 0; }

.tktSystm .fileUpload_area .drgTxt span { font-size: 14px; }


.dvRspnseBlck { margin-bottom: 20px; }
.dvRspnseBlck .panel { /*width: calc(100% - 120px);*/ width: 75%; margin-left: 0px; margin-right: auto; background-color: #f4f4f4; margin-bottom: 10px; border-radius: 10px 10px 10px 0px; box-shadow: none; }
.dvRspnseBlck .panel .panel-body { padding: 20px; min-height: 100px; }
.dvRspnseBlck .panel label { color: #333; }
.dvRspnse span { display: block; color: #2b2c33; margin-bottom: 5px; }
.dvRspnse p { line-height: 1.6; color: #333; margin-bottom: 20px; }

.myRspnseBlck .panel { margin-left: auto; margin-right: 0px; background-color: #dbeafb; border-radius: 10px 10px 0px 10px; }
.myRspnseBlck .dvRspnseUsr { text-align: right; }
.myRspnseBlck .dvRspnseUsr label { margin-left: auto; margin-right: 120px; }
.myRspnseBlck .dvRspnseUsr .usrImg { float: right; margin-right: 0px; margin-left: 10px; left: inherit; right: 0; background-color: #fff; }

.dvRspnseAtts { margin-bottom: 20px; }
.dvRspnseAtts ul { margin: auto; padding: 0px; list-style: none; }
.dvRspnseAtts ul li { margin: auto; margin-bottom: 10px; }
.dvRspnseAtts ul li:before { content: ""; display: inline-block; width: 5px; height: 5px; background: #333; border-radius: 50%; vertical-align: middle; opacity: 0.9; }
.dvRspnseAtts ul li:last-child { margin-bottom: auto; }
.dvRspnseAtts ul li a { color: #333; padding-left: 5px; display: inline-block; vertical-align: middle; }

.dvRspnseTm { position: absolute; bottom: 11px; right: 20px; font-size: 12px; margin: auto; }

.dvRspnseBlck .dvRspnseUsr { display: inline-block; width: 100%; vertical-align: middle; text-align: left; margin-top: 0px; position: relative; }
.dvRspnseBlck .dvRspnseUsr label { margin: 0px; margin-left: 120px; vertical-align: middle; display: inline-block; }
.dvRspnseBlck .dvRspnseUsr span { margin: 0px; vertical-align: middle; display: inline-block; font-weight: normal; color: #656565; font-size: 13px; line-height: normal; }
.dvRspnseBlck .dvRspnseUsr .usrImg { float: left; top: -51px; margin-left: 0px; margin-right: 10px; width: 100%; height: auto; border-radius: 5px; text-align: left; background-color: #fffef2; padding: 5px 10px; position: absolute; left: 0; max-width: 110px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); }

.dvResponseUpld .upldFilelst { margin: 0px !important; }

.dvResponseUpld .upldFilelst .uFilelst:first-child { margin-top: 10px; }

.dvReplyBx { position: relative; }
.dvReplyBx .panel { /*width: calc(100% - 120px);*/ width: 75%; margin-left: auto; background-color: #f1f1f4; margin-bottom: 40px; }
.dvReplyBx .panel .panel-body { padding: 20px; }
.dvReplyBx .panel .form-control { background-color: #fff; border-color: #ffffff; }
.dvReplyBx .dvRspnseUsr { position: relative; }
.dvReplyBx .dvRspnseUsr .usrImg { float: left; top: -86px; margin-left: 0px; margin-right: 10px; height: auto; border-radius: 5px; text-align: left; background-color: #f1f1f4; padding: 5px 10px; position: absolute; left: 0; width: calc(25% - 15px); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03); }
.dvReplyBx .dvRspnseUsr .usrImg span { margin: 0px; vertical-align: middle; display: inline-block; font-weight: normal; font-family: 'Nunito-SemiBold'; color: #656565; font-size: 13px; line-height: normal; }

.dvReplyBx .usrImage { width: 25px; height: 25px; max-width: 100%; display: inline-block; overflow: hidden; border-radius: 50%; margin-right: 5px; vertical-align: top; }
.dvReplyBx .usrNameTxt { display: inline-block; margin: 3px auto; }
.dvReplyBx .lmt_crct { text-align: right; width: 100%; display: block; margin-bottom: -10px !important; color: #666666; }
.dvReplyFtr .commnt_send { display: inline-block; min-width: 120px; text-align: right; vertical-align: top; }
.dvReplyFtr .commnt_attch { width: 100%; position: relative; display: inline-block; }
.dvReplyFtr .commnt_attch .dvRdrgdrpWrp { border-radius: 3px; position: relative; height: 78px !important; background-color: #FFF; width: calc(100% - 35px)!important; display: inline-block; vertical-align: top; }
.dvReplyFtr .infoIcn { display: inline-block; margin: 5px; vertical-align: middle; cursor: pointer; }
.dvReplyFtr .infoIcn .fa { font-size: 20px; color: #666666; }
.dvReplyFtr .filetype { opacity: 0; visibility: hidden; position: absolute; top: 0px; right: 35px; max-width: 280px; background: #fff; border: 1px solid #ccc; padding: 10px; border-radius: 5px; -webkit-transition: 0.35s; transition: 0.35s; width: 100%; display: inline-block; }
.dvReplyFtr .infoIcn:hover ~ .filetype { opacity: 1; visibility: visible; }
.drp_files input[type="file"] { width: 100%; height: 100%; opacity: 0; display: inline-block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 99; cursor: pointer; }
.drpInfo { font-size: 14px; box-sizing: border-box; position: initial!important; /*top: 0px; bottom: 0; left: 0px; right: 0;*/ margin: auto; z-index: 0; color: #ababab; cursor: pointer; width: 100%; height: 100%; display: table; vertical-align: top; padding: 20px 10px; text-align: center; padding: 10px 10px 12px 10px; background-color: #fbfbfb; border: 1px dashed #ccc; height: auto; line-height: 1em; border-radius: 4px; }
.drpInfo .fa { font-size: 15px; display: table-cell; vertical-align: top; text-align: right; padding-right: 10px; }
.drpInfo span { display: table-cell; vertical-align: top; text-align: left; line-height: normal; }
.drpInfo span i { font-style: normal; }

.tktSystm .dvResponseUpld .drp_files { width: 170px !important; display: inline-block; }
.tktSystm .dvResponseUpld .drp_files .drgdrpWrp { border: none; height: 31px; }
.tktSystm .dvResponseUpld .drp_files .drgdrpWrp .fileUpload_area { width: 100%; }

.tktSystm .dvResponseUpld .fileUpload_content { border-radius: 5px; min-height: 31px; background-color: #fff; border: 1px solid #4175fc; }

.tktSystm .dvResponseUpld .docs-tooltip { width: 100%; left: 0px; top: 0px; bottom: 0px; color: #4175fc; font-size: 14px; }


.tktSystm .dvResponseUpld .fileUpload_area .drgTxt { margin: 4px 5px; }

.tktSystm .dvResponseUpld .infoIcn { display: inline-block; margin-left: 10px; vertical-align: middle; cursor: pointer; }

.tktSystm .dvResponseUpld .infoIcn .fa { font-size: 20px; }

.tktSystm .dvResponseUpld .filetype { opacity: 0; visibility: hidden; position: absolute; top: calc(-50% - 8px); left: 210px; max-width: 280px; background: #fff; border: 1px solid #ccc; padding: 10px; border-radius: 5px; -webkit-transition: 0.35s; transition: 0.35s; width: 100%; display: inline-block; }

.tktSystm .dvResponseUpld .infoIcn:hover ~ .filetype { opacity: 1; visibility: visible; }

.tktSystm .dvResponseUpld .filetype label { margin: 0px; }


.tktSystmPopup { background-color: rgba(0, 0, 0, 0.3); }

.tktSystmPopup .modal-dialog { margin-top: 10%; }

.tktSystmPopup .modal-dialog .modal-content { border-radius: 20px; }

.tktSystmPopup .modal-dialog .modal-body { background-color: #f7fafc; border: 1px solid #e8e8e8; text-align: center; padding: 50px; border-radius: 20px; }

.tktSystmPopup .modal-dialog .modal-body p { font-size: 18px; }

.tktSystmPopup .modal-dialog .modal-body a { color: #4175fc; font-size: 17px; }

.tktSystmPopup .tickIcon { display: inline-block; width: 60px; height: 60px; background: #1fa67a; color: #fff; border-radius: 50px; text-align: center; margin-bottom: 10px; }

.tktSystmPopup .tickIcon .fa { font-size: 35px; color: #fff; line-height: 1.8; }

#liSupportTicket a div { background: #F44336; border-radius: 50px; width: 20px; height: 20px; text-align: center; color: #fff; line-height: 2; font-size: 11px; display: inline-block; padding: 0; margin: 0px; /*position: absolute;
    right: -15px;*/ position: relative; right: 3px; top: -14px; vertical-align: middle; }


.uFilelst { display: block; position: relative; margin-bottom: 6px; padding: 5px 0px; border-bottom: 1px solid #ccc; }
.uFilelst:after { content: ""; clear: both; display: block; }
.upldFilelst { margin-bottom: 5px !important; margin-top: 10px !important; }
.uFilelst .fileName { margin-right: 10px; width: calc(100% - 90px); line-height: 1.2em; }
.uFilelst .fileSize { width: 75px; text-align: right; }
.uFilelst .fileSize span { font-size: 13px; }
/*==============================================================================================================*/

.inline-block { display: inline-block; }



/*===============================================F. Login.html================================================= */
.login-page { display: flex; flex-direction: column; align-items: center; position: relative; overflow: auto; height: -moz-calc(100vh - 38px); height: -webkit-calc(100vh - 38px); height: calc(100vh - 38px); }
.login-page .panel { width: 650px; margin: auto; -webkit-box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); -moz-box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); box-shadow: 0px 0px 25px 5px rgba(0,0,0, 0.2); background-color: #fff; border: none; border-radius: 0; overflow: unset; }
.login-page .panel-heading, .login-page .panel-footer { background: #FFF; border-color: #eee; line-height: normal; }
.login-page .panel:after { clear: both; display: block; content: ""; }
.login-page .panel .login-left { float: left; width: 50%; }
.login-page .panel .login-left img { max-width: 100%; width: 100%; }
.login-page .panel .login-right { float: left; width: 50%; padding: 20px 25px; background-color: #fff; }
.login-page .panel .compName { padding-left: 0px; margin-bottom: 10px; line-height: normal; font-weight: bold; letter-spacing: -2px; margin-top: -8px; }
.login-page .panel .compName, .login-page .panel .compName span { font-size: 37px !important; }
.login-page .panel .compName i { font-style: normal; line-height: 1em; font-size: 45px; }
.login-page .panel .panel-eading { margin-bottom: 15px; }
.login-page .panel .compName span { color: #fabf03; }
.login-page .panel .compName span:last-child { font-size: 30px; line-height: 0; }
.login-page .panel .panel-body .input-group { width: 100%; }
.login-page .panel .panel-body .input-group input { min-height: 40px; }
.login-page .panel .login-rembr { text-transform: inherit !important; margin: 0px 5px !important; }
.login-page .panel .login-right input::placeholder { background-color: #fff; }
.login-page .panel .login-right input { border-radius: 5px; }
.login-page .panel .login-right .custom_check input { margin: 3px 3px 0px 0px; }
.login-page .panel .login-right .custom_check label { cursor: pointer; }
.login-page .panel .login-right .custom_check input[type="checkbox"]:checked { background-color: #e09900; border: 1px solid #e09900; }
.login-page .panel .login-right .form-group:after { clear: both; display: block; content: ""; }
.login-page .panel .login-right label { text-transform: uppercase; font-size: 11px; margin-bottom: 5px; }
.login-page .panel .login-right .panel-footer { text-align: center; border: none; }
.login-page .panel .login-right .panel-footer a { display: inline-block !important; width: 100%; float: none!important; text-align: center; text-transform: uppercase; padding: 15px 5px!important; border-radius: 5px; font-size: 15px!important; margin-top: 20px; height: auto; background: rgba(242,169,0,1); background: -moz-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,169,0,1)), color-stop(100%, rgba(224,153,0,1))); background: -webkit-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: -o-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: -ms-linear-gradient(top, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); background: linear-gradient(to bottom, rgba(242,169,0,1) 0%, rgba(224,153,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a900', endColorstr='#e09900', GradientType=0 ); }
.login-page .panel .front .l-pannel-bg02 { font-size: 13px; }
.panel-footer input { float: left; margin-top: 6px; }
.login-footer { padding: 10px 0px; background-color: #e1e4e8; position: absolute;; bottom: 0; width: 100%; left: 0; right: 0; z-index: 999; }
.login-footer h6 { margin: 0px; font-size: 14px; color: #656565; text-transform: capitalize; }
.login-footer h6 a { color: #fe823a; text-decoration: none; }

.mobLogo { display: none; margin-top: 15px; }
.mobLogo img { max-height: 25px; }
.frgPass { margin: 10px 0px 0px; font-size: 15px; color: #7b7b7b; display: inline-block; cursor: pointer; }
.frgPass:hover { color: #000; }
.resetTitle { display: block; text-align: left; font-size: 20px; margin-bottom: 20px; }
.disHide { /*display: none;*/ }
.successDiv { text-align: center; margin-top: 60px; display: none; }
.successDiv .borderBox { padding: 25px 10px; }
.successDiv .borderBox > .fa { display: inline-block; color: #fabf03; font-size: 30px; width: 50px; height: 50px; line-height: 50px; }
.successDiv .borderBox span { display: block; font-size: 18px; }
.backTologin { display: inline-block !important; width: 100%; float: none!important; text-align: left; text-transform: uppercase; padding: 15px 0px!important; border-radius: 5px; font-size: 15px!important; margin-top: 20px; height: auto; color: #24292e!important; white-space: normal; }
.backTologin:active { box-shadow: none; }

/* flipper start*/
.flip-container.hover .flipper { transform: rotateY(180deg); -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); }
.flip-container, .front, .back { width: 100%; margin: auto; max-height: 300px; height: 300px; -webkit-transition: 0s; -webkit-transition-delay: 0.2s; -moz-transition: 0s; -moz-transition-delay: 0.2s; -ms-transition: 0s; -ms-transition-delay: 0.2s; -o-transition: 0s; -o-transition-delay: 0.2s; transition: 0s; transition-delay: 0.2s; }
.flipper { height: 100%; transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s; -ms-transition: 0.6s; -o-transition: 0.6s; position: relative; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; }
.flip-container { perspective: 1000; -webkit-perspective: 1000; -moz-perspective: 1000; -o-perspective: 1000; }
.flip-container.hover .flipper { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }
.flip-container .back { opacity: 0; z-index: 9999; visibility: hidden; }
.flip-container.hover .front { opacity: 0; visibility: hidden!important; }
.flip-container.hover .back { opacity: 1; visibility: visible!important; }
.front, .back { background-color: #fff; position: absolute; top: 0; left: 0; }
.front { z-index: 2; }
.back { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); }

/* flipper end */
.content_wrapper .row > .container { min-height: calc(100vh - 110px); }
/*.header { background-color: #24292e; padding: 8px 0px; }*/
.topHeader { padding: 4px 0px; background-color: #FFF; text-align: right; }
.header:after { clear: both; content: ""; display: block; }
.navbrand { width: 180px; margin-left: 10px; display: inline-block; padding: 0px 5px; float: left; margin-top: 8px; }
.navbrand a:hover { color: #e4e4e4; }
.navbrand a:focus { color: #e4e4e4; }
.navbrand h2 { font-size: 16px; color: #414141; margin: 10px 0px 0; line-height: 1em; }
.navbrand h2 a { color: #414141; }
.navbrand h2 .fa { display: none; }
.nav-left { float: left; width: 300px; }
.nav-left select { border: none; background-image: url("../images/black_arrow.png"); background-repeat: no-repeat; background-position: calc(100% - 5px) 50%; -webkit-appearance: none; appearance: none; width: 100%; height: 25px; padding: 0px 5px; border-radius: 3px; }
select.form-control { background-image: url("../images/dd_arrow.png"); background-repeat: no-repeat; background-position: 97% center; -webkit-appearance: none; background-size: 1em; appearance: none; width: 100%; height: 30px; padding: 0px 5px; border-radius: 3px; }
.mobToggle > .fa { display: none; }
.nav-right { float: right; margin-right: 20px; margin-top: 10px; }
.nav-right .mobToggle > ul { line-height: 1em; margin-top: 5px; }
.nav-right .mobToggle > ul > li { display: inline-block; margin: 0px 5px 0px; }
.nav-right .mobToggle > ul > li:last-child { margin-right: 0px; }
.nav-right .mobToggle > ul > li > a { font-size: 14px; cursor: pointer; position: relative; }
.nav-right .mobToggle > ul > li > a:hover { text-decoration: none; }
.nav-right .mobToggle > ul > li > a span:first-child { margin-right: 5px; }
.nav-right .mobToggle > ul > li img { border-radius: 3px; background-color: #fff; }
/*.nav-right .mobToggle > ul > li:last-child a span { display: none; }*/

.bar-title .fa { float: right; margin-left: 7px; }
/*.nav_links { border: 1px solid #d1d5da; background-color: #fff; border-radius: 50px; margin-top: 15px; }*/
.nav_links { display: inline-block; margin-right: 50px; }
.nav_links ul li { display: inline-block; margin: 0px; padding: 15px 5px; border-left: 1px solid transparent; border-right: 1px solid transparent; }
.nav_links ul li.active a, .nav_links ul li.active a .fa, .nav_links ul li:hover a, .nav_links ul li:hover a .fa { color: #516fca; }
.nav_links ul li a { color: #586069; font-size: 14px; line-height: 1; }
.nav_links ul li a span:first-child { margin-right: 5px; color: #414141; font-weight: 500; }
.nav_links ul li.active a span { color: #4073ff; }
.nav_links ul li select { font-size: 18px; font-weight: 500; border: 0px; padding: 0px; margin: 0px; width: 80px; text-indent: 0px; }
.nav_links ul li a span { position: relative; }
.nav_links ul li a span::after { content: ""; background: #4073ff; display: inline-block; width: 100%; height: 2px; bottom: -7px; left: 0; position: absolute; visibility: hidden; }
.nav_links ul li.active a span::after, .nav_links ul li a:hover span::after { visibility: visible; }

.srchBox { margin-top: 10px; padding-right: 5px; display: inline-block; float: none; width: 180px; }
.srchBox input { border-radius: 50px; background-color: #f9f9f9; color: #24292e; border: none; padding-left: 30px; }
.srchBox:after { content: "\f002"; display: block; position: absolute; left: 10px; bottom: 4px; font-family: FontAwesome; color: #a5a4a3; font-size: 14px; }
.srchBox input::-moz-placeholder { color: #a5a4a3; font-size: 14px; }
.srchBox input::-ms-input-placeholder { color: #a5a4a3; font-size: 14px; }
.srchBox input::-moz-placeholder { color: #a5a4a3; font-size: 14px; }
.nav_border::after, .TicketList::after, .navLinks::after, .DocuList::after, .MilesList::after, .TicketAdd::after { clear: both; display: block; content: ""; }

.tab .nav-tabs { border: none!important; display: inline-block; }
.tab .nav-tabs li a:before { content: ""; display: block; height: 1px; background: #fff; position: absolute; bottom: -3px; left: 0; right: 0; transform: scaleX(0); transition: all 0.3s ease-in-out 0s; }
.tab .nav-tabs li.active a:before, .tab .nav-tabs li a:hover:before { transform: scaleX(1); }
.tab .tab-content { position: relative; /*margin-top: 20px;margin-top: -1px;*/ }
.navLinks > .pull-left a:last-child { margin-right: 0px !important; }

.notifiMob { display: none; float: left; cursor: pointer; }
.notifiMob a { position: relative; }
.notifiMob:hover a { }
/*.notifiMob > a > b { position: absolute; top: -10px; left: 5px; display: block; width: 19px; height: 19px; line-height: 17px; color: #fff; font-size: 12px; border-radius: 100%; background: #ff5722; text-align: center; }*/
.notifiMob > a > b { position: absolute; top: -6px; left: 14px; display: block; width: 8px; height: 8px; line-height: 20px; color: #fff; font-size: 10px; border-radius: 100%; background: #ff5722; text-align: center; }
.mobToggleMenu { display: inline-block; }

/*.tab{margin-top: 20px;}*/
/*.nav_border { border-bottom: 1px solid #e1e4e8; }*/
/*.tab .nav-tabs li a{padding: 10px 15px; margin: 0 5px -5px 0; font-size: 13px; color: #293241; background-color: #fff; border: 3px solid transparent; border-right: 1px solid transparent; border-left: 1px solid transparent; border-bottom: 1px solid transparent; border-radius: 5px 5px 0 0; z-index: 1; position: relative; transition: all 0.3s ease 0s; background-color: transparent;  }
.tab .nav-tabs li a:hover {border: 3px solid #2185d0; border-bottom-color: transparent; border-right: 1px solid #e1e4e8 !important; border-left: 1px solid #e1e4e8 !important; background-color: #fff; }
.tab .nav-tabs li.active a{border: 3px solid #2185d0; border-bottom-color: transparent; border-right: 1px solid #e1e4e8 !important; border-left: 1px solid #e1e4e8 !important; background-color: #fff; }*/
/*.tab .nav-tabs li a span:first-child { margin-right: 5px; color: #b1b1b1; }*/
/*.tab .tab-content .panel { border-radius: 0px 5px 5px 5px; }*/
.task_Stts label { margin: 0; margin-top: 5px; line-height: 1em; }
.task_Stts .col-xs-4 { width: 28%; }
.tab .nav-tabs li a { color: #586069; background-color: transparent; border: none; padding: 0px !important; margin-right: 0px; }
.tab .nav-tabs li a:hover { border: none; background-color: transparent; }
.tab .nav-tabs li.newAddBtn.active { border-bottom-color: #2185d0; }
.tab .nav-tabs li.newAddBtn { padding: 0px 1px 4px!important; }
.tab .nav-tabs li.active a { color: #2185d0; }

.rcxBtn_group { padding-left: 10px; line-height: 25px; }
.rssBtn, .csvBtn, .xlsBtn { display: inline-block; margin-left: 5px; line-height: 1em; min-height: auto; padding: 3px 5px; border: none; font-size: 12px; border-radius: 3px; letter-spacing: 0.025em; font-weight: normal; }
.rssBtn .fa, .csvBtn .fa, .xlsBtn .fa { font-size: 11px; margin-right: 3px; }
.rssBtn .fa.fa-rss { font-size: 12px; }
.newAddBtn { color: #586069; margin: 0px 10px; position: relative; border-bottom: 1px solid #ddd; padding: 0px 1px 5px; }
.newAddBtn:hover { border-bottom-color: #2185d0; }
.newAddBtn .fa { color: #b1b1b1; }
.newAddBtn:after { content: ""; display: block; position: absolute; top: 0; right: -11px; width: 2px; height: calc(100% - 5px); background-color: #ddd; }
.newAddBtn:last-child { margin-right: 0; }
.newAddBtn:last-child:after { display: none; }
.inner-heading { border-bottom: 1px solid #2185d0; display: inline-block; min-width: 150px; }
.inner-heading .fa { color: #888; }
.content_list > ul > li { border-bottom: 1px solid #f7f7f7; padding: 10px; }
.content_list > ul > li:hover { background-color: #f6f8fa; }
.sub_list li { display: inline-block; }
.sub_list li ul li { float: left; border-right: 1px solid #e1e4e8; padding-right: 10px; margin-right: 10px; }
.sub_list li ul li:nth-last-child(2) { border-right: none; padding-right: 0; margin-right: 0px; }
.sub_list li ul li:last-child { border-right: none; padding-right: 0; margin-right: 0px; /*border-left: 1px solid #e1e4e8;*/ padding-left: 5px; margin-left: 10px; margin-top: -2px; }
.sub_list li ul::after { clear: both; display: block; content: ""; }
.title_text a { color: #516fca; font-size: 14px; }
.sub_list li.user_name { font-size: 12px; }
.sub_list li.date { font-size: 12px; }
.sub_list li.date span { color: #000; padding: 0px 3px 1px 2px; border-radius: 3px; }
.sub_list li.date span.bg-green4 { color: #fff; }
.sub_list li.date span.bg-red4 { color: #fff; }
.sub_list li.comment { min-width: 40px; }
.sub_list li.comment .fa { font-size: 16px; color: #b1b1b1; }
.sub_list li.comment span { display: inline-block; }
.sub_list li.editClose { min-width: 100px; }
.sqrStatus { display: inline-block; width: 5px; position: absolute; top: 3px; left: -9px; }
.sub_list li.editClose > div { display: inline-block; }

.editBtn, .deleteBtn, .viewBtn { cursor: pointer; font-style: normal; font-size: 11px !important; padding: 1px 5px 2px!important; color: #444!important; border: 1px solid #bbb; border-radius: 3px; display: inline-block; margin-left: 5px; min-width: 40px; text-align: center; line-height: normal; }
.editBtn:hover { border-color: #5cb85c!important; color: #5cb85c!important; }
.deleteBtn:hover { border-color: #e95959!important; color: #e95959!important; }
.viewBtn:hover { border-color: #516fca!important; color: #516fca!important; }
.saveBtn { cursor: pointer; font-size: 12px !important; padding: 5px 10px; color: #fff; border: 1px solid #4175fc; background-color: #4175fc; border-radius: 3px; display: inline-block; margin-left: 5px; min-width: 40px; text-align: center; line-height: normal; }
.saveBtn:hover { color: #fff; }
.saveBtn.btn-success-gradient { padding: 0px 5px 2px 5px; }
.custom_check input[type="checkbox"] { -webkit-appearance: none; appearance: none; -moz-appearance: none; position: relative; height: 16px; width: 16px; border-radius: 4px!important; vertical-align: middle; cursor: pointer; margin: -4px 10px 0px 0px; border: 1px solid #ccc; background-color: #fff; }
.taskBox .custom_check input[type="checkbox"] { margin: -15px 5px 0px 0px; }
.custom_check input[type="checkbox"]:focus { outline: 0px; }
.custom_check input[type="checkbox"]:checked:before { content: ""; display: block; position: absolute; left: 1px; top: 4px; width: 12px; height: 6px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.custom_check input[type="checkbox"]:checked { background-color: #2185d0; border: 1px solid #2185d0; }

.custom_check_star input[type="checkbox"] { -webkit-appearance: none; appearance: none; -moz-appearance: none; position: relative; height: 18px; width: 18px; cursor: pointer; margin: -4px 5px 0px -1px; }
.taskBox .custom_check_star input[type="checkbox"] { margin: -15px 5px 0px 0px; }
.custom_check_star input[type="checkbox"]:focus { outline: 0px; }
.custom_check_star input[type="checkbox"]:before { content: "\f005"; font-family: FontAwesome; font-size: 18px; color: #ccc; display: block; position: absolute; left: 1px; top: 4px; }
.custom_check_star input[type="checkbox"]:checked:before { color: #ffcf5a; }


.likeDiv { float: right; text-align: right; position: relative; margin-bottom: 1px; margin-right: 5px; }
.likeDiv > span { display: inline-block; cursor: pointer; margin-right: 11px; color: #666; font-size: 12px; font-weight: bold; }
.likeDiv li { display: none; position: absolute; right: 15px; margin: auto; background: #fff; border-radius: 10px; padding: 5px; text-align: center; z-index: 9; display: none; bottom: 28px; border: 1px solid #eaeaea; white-space: nowrap; min-width: 90px; }
.likeDiv li span:last-child { margin-right: auto; }
.likeDiv li::before { content: "\f0d7"; font-family: FontAwesome; display: inline-block; position: absolute; bottom: -15px; right: 43px; margin: auto; line-height: 1; width: 15px; font-size: 22px; color: #eaeaea; }
.likeDiv li::after { display: none; }
.likeDiv:hover li { display: inline-block; }
.likeDiv li span { width: 25px; height: 25px; margin-left: -8px; border: none; }

.custom_check_like { display: inline-block; vertical-align: middle; }
.custom_check_like input[type="checkbox"] { -webkit-appearance: none; appearance: none; -moz-appearance: none; position: relative; height: 18px; width: 18px; cursor: pointer; margin: -6px 2px 0px -1px; }
.taskBox .custom_check_like input[type="checkbox"] { margin: -15px 5px 0px 0px; }
.custom_check_like input[type="checkbox"]:focus { outline: 0px; }
.custom_check_like input[type="checkbox"]:before { content: "\f164"; font-family: FontAwesome; font-size: 18px; color: #ccc; display: block; position: absolute; left: 1px; top: 4px; }
.custom_check_like input[type="checkbox"]:checked:before { color: #ffcf5a; }

.sideBtnGrp.likeDiv li { display: none; position: absolute; right: -50%; }
.sideBtnGrp.likeDiv:hover li { display: block; }
.likeNmbr { display: inline-block; vertical-align: middle; }
.asignTitle { border-bottom: 2px solid #2185d0; padding-bottom: 5px; max-width: 80%; }
.taskAssign .form-control { max-width: 220px; display: inline-block; }
.taskAssign label i { font-size: 12px; }
.task_ftr { background-color: #f6f8fa; margin-top: 30px; border: 1px solid #d5d5d5; padding: 8px 10px; border-radius: 0px 0px 5px 5px; }
.task_ftr input { margin-left: 5px !important; }
.addBtn { margin: 0px 5px; padding: 2px 5px 3px !important; border: 1px solid #516fca; border-radius: 3px; color: #516fca; }
.addBtn:hover { background: #516fca; color: #fff; border-color: #516fca; background: -moz-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #839eef), color-stop(43%, #5170ce), color-stop(100%, #3756b3)); background: -webkit-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: -o-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: -ms-linear-gradient(top, #839eef 0%, #5170ce 43%, #3756b3 100%); background: linear-gradient(to bottom, #839eef 0%, #5170ce 43%, #3756b3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#1476cc', GradientType=0 ); }
.deshBox { margin: 30px 0px 20px; }
.deshBox:after, .act_list:after { clear: both; display: block; content: ""; }
.deshBox ul li { display: inline-block; min-width: calc(25% - 10px); float: left; margin-right: 13px; margin-bottom: 10px; position: relative; }
.deshBox ul li > span span { display: block; text-align: left; color: #293241; }
.deshBox ul li > span .fa { position: absolute; right: 15px; top: 5px; font-size: 35px; color: #293241; opacity: 0.5; }
/*.deshBox ul li:hover .fa {opacity: 0.5;}*/
.deshBox ul li > span p { font-size: 35px; color: #24292e; }
.deshBox ul li:nth-of-type(4n) { margin-right: 0; }
.deshBox ul li > span { height: 80px; display: inline-block; margin: auto; width: 100%; padding: 15px 20px; border-radius: 5px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }

.deshHead { border-bottom: 2px solid #2185d0; display: inline-block; }
.status_title { font-size: 12px; }
.progressBox { display: inline-block; width: 100%; padding: 5px 5px 10px; border-radius: 5px; border: 1px solid #d5d5d5; cursor: pointer; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); }
.progressBox:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(224,224,224,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(224,224,224,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0 ); }
.progressBox label { font-size: 12px; cursor: pointer; }
.progressMisc { border-bottom: 1px solid #e6e6e6; padding-bottom: 10px; margin-bottom: 5px; }

.status_side .progress { background-color: #f4f8ff; margin: 0px; border-radius: 5px; height: 10px; }
.act_list li { display: inline-block; margin-right: 5px; vertical-align: top; }
.activity_list .inner-heading { margin-bottom: 5px; }
.activity_list > ul > li { border-bottom: 1px solid #f7f7f7; padding: 8px 8px 5px 8px; }
.activity_list > ul > li:hover { background-color: #f6f8fa; }
.activity_list > ul > li:last-child { margin-bottom: 5px; }
.activity_list .trclass .sub_list > a { width: 100%!important; }
.activity_list .taskDescTtl { width: calc(100% - 275px) !important; }
.activity_list .taskTitle { line-height: 34px; }

.activity_list .taskTitle > span { display: inline-block; padding: 2px 13px!important; border-radius: 15px!important; margin-top: 0px; margin-right: 6px; line-height: 1.5em; overflow: initial!important; height: auto!important; width: 100px!important; text-align: center; }

.act_title { min-width: 100px; }
.act_title a { background-color: #ffc; color: #333; border-radius: 2px; padding: 0px 5px; font-size: 12px; display: inline-block; }
.act_title a:hover { color: #333; }
.act_task { min-width: 70px; margin-right: 0px !important; }
.act_task span { padding: 0px 5px 1px; border-radius: 3px; font-weight: normal; margin-top: -3px; display: inline-block; line-height: normal; font-size: 12px; }
.act_date { width: calc(100% - 430px); margin-right: 0px !important; }

/*.footer { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1030; padding: 5px 0px !important; border-top: 1px solid #ddd; background: rgba(237,237,237,1); background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(41%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 41%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); }*/
.footer { background-color: #fff; padding: 5px 0px !important; border-top: 1px solid #ddd; }
.footer ul li { display: inline-block; margin: 0px 8px; }
.footer ul li:last-child { margin-right: 0; }
.footer ul li a { display: inline-block; position: relative; }
.footer ul li a::after { display: inline-block; width: 2px; content: ""; height: 14px; position: absolute; right: -10px; background-color: #ccc; top: 4px; }
.footer ul li:last-child a::after { display: none; }

.pageTitle { /*margin: 20px 0px;*/ font-size: 20px; }
.divForm .row { display: flex; }
.divForm .row div { border-top: 1px solid #ccc; border-left: 1px solid #ccc; padding: 10px; }
.divForm .row div:last-child { border-right: 1px solid #ccc; }
.divForm .row:first-child > div { background-color: #f6f8fa; }
.divForm .row:last-child > div { border-bottom: 1px solid #ccc; }
.divForm .row:first-child > div:first-child { border-radius: 5px 0px 0px 0px; }
.divForm .row:first-child > div:last-child { border-radius: 0px 5px 0px 0px; }
.divForm .row:last-child > div:first-child { border-radius: 0px 0px 0px 5px; }
.divForm .row:last-child > div:last-child { border-radius: 0px 0px 5px 0px; }
.divFormInput .row { margin-bottom: 10px; }
.form-list-wrap li { display: block; padding: 5px 10px; border-bottom: 1px solid #CCC; height: 30px; }
.form-list-wrap li .chk { margin-top: 1px; margin-top: 5px; display: inline-block; }
.form-list-wrap { width: 100%; height: 190px; border-radius: 3px; border: 1px solid #ccc; overflow: auto; }

/* Status */
.status-full { width: 100% !important; max-width: 100% !important; padding-left: 10px!important; padding-right: 10px!important; /*min-height: auto !important;*/ }
.status-full .nav_links { float: none; max-width: 1160px !important; width: 1160px !important; margin: auto !important; margin-top: 15px !important; }
.statsBlkWrp { /*overflow-x: auto; eight: calc(100vh - 215px); white-space: nowrap; text-align: center;*/ }
/*.statsBlkWrp .statsBlk:first-child { margin-left: 10px; }
.statsBlkWrp .statsBlk:last-child { margin-right: 10px; }*/
.statsBlk .togStatBlk { display: none; }
.statsBlkWrp .statsBlk:first-child .panel-body, .statsBlkWrp .statsBlk:last-child .panel-body { }
.statsBlkWrp .statsBlk > .panel > .panel-body > ul { /*height: calc(100vh - 275px);padding-bottom: 50px;*/ }
.statsBlk { display: inline-block; text-align: left; width: 280px; padding: 0px 3px; vertical-align: top; }
.statsBlk .panel { overflow: unset; margin: 0px; border-radius: 15px; }
.statsBlk .countNmb { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; color: #fff; border-radius: 50%; background-color: #414141; position: absolute; right: 5px; top: 2px; font-size: 14px; }
.statsBlk .panel-body { height: calc(100vh - 272px); background-color: #ffffff; border-radius: 0px 0px 15px 15px; overflow: auto; margin-bottom: 10px; padding: 0px 5px 5px 5px !important; }
.statsBlk .panel-body ul.drag-inner-list { padding: 3px; margin: 0px; min-height: calc(100vh - 300px); /*padding-bottom: 40px;*/ }
.statsBlk .panel-body ul.drag-inner-list > li { display: block; padding: 6px 10px 6px 13px; background-color: #f4f4f4; margin-bottom: 6px; border-radius: 5px; position: relative; cursor: all-scroll; }
.statsBlk .panel-body ul.drag-inner-list > li:last-child { /*margin-bottom: 0px;*/ }
.statsBlk .panel-body ul.drag-inner-list > li.ui-sortable-helper { width: calc(100% - 20px)!important; height: auto !important; }
.statsBlk .panel-body ul.drag-inner-list > li:hover { border-color: #2185d0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.3); }
/* .statsBlk ul li{display:block; padding:10px 30px; border:1px solid #ccc; background-color:#FFF; margin-bottom:5px; border-radius:5px; position:relative;} */
.statsBlk .statusDtl a.block-with-text { font-size: 12px; line-height: 1.3em; margin-bottom: 10px; word-break: initial; text-align: initial; color: #011317; }
.gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; list-style-type: none; }
.gu-hide { display: none !important; }
.gu-unselectable { -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important; }
.gu-transit { opacity: 0.8; }
.drag-item.is-moving { background: #f8f8f8; padding: 10px 20px 10px 13px; border-radius: 15px; position: relative; cursor: all-scroll; border: 1px solid #2185d0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.3); }
.is-moving .dtlIco { display: none; }


.statsBlk .panel-heading { min-height: 30px!important; padding: 7px 10px 2px 10px; margin-bottom: 0px; border-bottom: 0px; text-align: center; font-size: 18px; position: relative; background-color: #FFF; border-radius: 5px 5px 0px 0px; }
.statsBlk .panel-heading:after { clear: both; display: block; content: ""; }
.statsBlk .panel-heading h4 { font-size: 14px; color: #414141; text-align: left; padding-left: 10px; font-weight: bold; }
.statsBlk .infoIco { display: block; position: absolute; left: 5px; top: 13px; }
.statsBlk .dtlIco { display: block; position: absolute; right: 2px; top: 3px; text-align: left; font-size: 20px; width: 25px; }
.statsBlk .hdrInfo { display: inline-block; font-size: 18px; right: 18px; position: absolute; top: 0px; line-height: 32px; }
.statsBlk .ftrLft { display: inline-block; float: left; }
.statsBlk .ftrRgt { display: inline-block; float: right; }
.statsBlk .panel-footer { padding: 5px 15px; font-size: 12px; }
.statsBlk .panel-footer:after { content: ""; clear: both; display: block; }
.statsBlk .infoNav { display: none; padding: 4px 0px; background-color: #FFF; border: 1px solid #ccc; position: absolute; border-radius: 5px; z-index: 9999; font-size: 14px; line-height: 1em; top: 28px; right: 0px; width: 120px; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); }
.statsBlk .infoNav.open { display: block; }
.statsBlk .infoNav:before { content: ""; display: block; width: 10px; height: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(133deg); position: absolute; top: -6px; background-color: #fff; left: 10px; border-radius: 0px 10px 0px 0px; }
.statsBlk .infoNavTtl { display: block; padding: 10px 5px; }
.statsBlk .infoNav ul { padding: 0px; margin: 0px; }
.statsBlk .infoNav ul li { display: block; }
.statsBlk .infoNav ul li a { color: #000; display: block; padding: 5px 10px; font-size: 14px; transition: .2s; }
.statsBlk .infoNav ul li a:hover { color: #fff; background-color: #0366d6; transition: .2s; }
.statsBlk .infoTog { cursor: pointer; }
.statsBlk .panel-body .infoNav:before { right: 10px; left: initial!important; }
.statsBlk .panel-body .infoNav li { border: 0px; padding: 0px; border-bottom: 1px solid #efefef; }
.statsBlk .panel-body .infoNav li:hover { box-shadow: none; }
.statsBlk .panel-body .infoNav li:last-child { border: none; }
.statusDtl { white-space: normal; position: relative; }
.statusDtl:after { content: ""; display: block; clear: both; }
.statusDtl .sqrStatus { top: 1px; left: -9px; }
.statusDtl span { font-size: 12px; display: block; }
.statusDtl a { max-width: 100%; word-break: break-all; position: relative; text-align: justify; padding-right: 15px; display: inline-block; line-height: 1.1em; color: #414141; }
/*.statusDtl a:before { content: '...'; position: absolute; right: 5px; top: 15px; }*/
.statusDtl a:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; }
.statusDtl a span { color: #807a7a; display: inline; float: left; }
.statusDtl h3 { display: inline-block; background-color: #516fca; color: #fff; padding: 2px 5px 4px; margin: 0px; font-size: 12px; line-height: 1em; margin-bottom: 2px; border-radius: 15px; }
.drag-item.is-moving.gu-transit { border-color: #2185d0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.3); }
.statsBlk .panel-footer { position: absolute; width: 100%; bottom: 0; left: 0; right: 0; border-radius: 0px 0px 15px 15px; }
.TaskStatus .panel { border: 0px; background-color: transparent; }
.TaskStatus .statsBlk .panel-heading h4 .fa { margin-right: 5px; color: #929599; }

/*.statsBlk .panel-heading { display: none; }
.fixedHeadDiv .fixedheading { display: inline-block; width: 290px; vertical-align: top; min-height: 30px!important; padding: 10px 15px 5px 15px; margin-bottom: 0px; border-bottom: 0px; text-align: center; font-size: 18px; position: relative; background-color: #FFF; border-radius: 15px 15px 0px 0px; margin: 0px 5px; }
.fixedHeadDiv .fixedheading:first-child { margin-left: 15px; }
.fixedHeadDiv .fixedheading:after { clear: both; display: block; content: ""; }
.fixedHeadDiv .fixedheading h4 { font-size: 18px; color: #414141; text-align: center; }
.fixedHeadDiv .fixedheading h4 .fa { margin-right: 5px; color: #929599; }*/
/*status end*/

.itemSelect { overflow-y: hidden; overflow-x: auto; white-space: nowrap; text-align: center; }
.itemSelect li { display: inline-block; vertical-align: top; position: relative; }

/*-------activity page ---------*/

.head_status ul:after { clear: both; display: block; content: ""; }

.head_status a { display: inline-block; }

.head_status ul li { border: 1px solid #ddd; display: inline-block; margin: 0 2px; border-radius: 3px; padding: 2px 5px 3px; float: left; }

.head_status ul li:last-child { margin-right: 0; }

.head_status ul li strong { margin-right: 4px; color: #24292e; }

.head_status ul li span { font-size: 13px; color: #24292e; letter-spacing: 0.03em; }


.pro_list > ul > li { border-bottom: 1px solid #f7f7f7; padding: 10px; }

.pro_list > ul > li:hover { background-color: #f6f8fa; }

.pro_ul_list li { display: inline-block; }

.pro_ul_list a { padding: 0px 5px; font-size: 14px; color: #516fca; }

.pro_title i { font-size: 12px; white-space: nowrap; font-style: normal; }

.pro_status { min-width: 75px; }

.pro_status span { padding: 0px 5px 2px; border-radius: 3px; font-weight: normal; margin-top: -3px; display: inline-block; line-height: normal; font-size: 13px; }

.pro_time p { min-width: 150px; display: inline-block; margin: 0px; line-height: normal; font-size: 12px; }

.pro_user { padding-left: 30px; display: inline-block; min-width: 150px; font-size: 12px; position: relative; }

.Home .pro_time { margin-top: 0px; }

.pro_user .fa { color: #888; }

.highestBtn { padding: 0px 5px 3px !important; width: 5px; height: 10px; border-radius: 50%; display: inline-block; overflow: hidden; }

.Home .pro_time .pro_user { min-width: 135px; }

.Home .pro_time p { min-width: 115px; }

.Home .pro_status span { color: #fff; }
/*----detail-page------*/

.ststusBar .btn { padding: 4px 12px 5px 12px!important; border-radius: 0 !important; }

.content_Pln { min-height: 350px; }

.ststusBar { border-bottom: 1px solid #d5d5d5; padding-bottom: 20px; min-height: 50px; }

.ststusBar::after { clear: both; display: block; content: ""; }

.postStatus { display: inline-block; vertical-align: middle; margin-left: 5px; }

.newComment { background: rgba(237,237,237,1); background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 ); }

.newComment h4 { font-style: italic; color: #777; }

.newComment h4 strong { font-size: 14px !important; font-style: normal; color: #231f20; }

.newComment::after { clear: both; display: block; content: ""; }

.newComment > h3.pull-right { width: 145px; text-align: right; }

.attch { padding: 5px 15px; }
.attch a, .attch a:hover, .attch a:visited, .attch a:focus { color: #24292e; }
.attch ul.mb10 { margin-bottom: 0px !important; }

.attch ul li { display: block; margin-right: 5px; margin-bottom: 5px; }

.attch ul li .fa { margin-right: 5px; color: #24292e; }

.attch ul li:last-child { border-right: none; }

.leftPanel { padding-right: 0; }

.rightPanel { float: right; border-left: 1px solid #2185d0; }

.rightPanel .btm_border { border-bottom: 1px dashed #e6ebf1; margin-bottom: 5px; }

.rightPanel .assign, .rightPanel .doc_lbl, .rightPanel .tags_lbl, .rightPanel .miles_lbl { padding-bottom: 10px; }

.rightPanel label { font-size: 14px; line-height: 1em; min-width: 75px; }

.rightPanel h3 { margin: 0px; font-size: 12px; line-height: 1em; border-radius: 2px; }

.rightPanel .panel-heading { min-height: auto; height: auto; line-height: normal; display: inline-block; width: 100%; }

.doc_lbl ul:after { clear: both; display: block; content: ""; }

.doc_lbl ul li { display: inline-block; width: 33%; float: left; text-align: left; min-height: 76px; }

.doc_lbl ul li a { font-size: 30px; }

.doc_lbl .doc_title { font-size: 10px; display: block; color: #333; line-height: 1em; padding-right: 10px; word-break: break-all; }

.tags a { display: inline-block; line-height: 1em; background-color: gray; color: #fff; border-radius: 3px; padding: 2px 5px 5px; font-size: 13px; margin: 3px 3px 0px 0px; }

.miles_lbl a { color: #2185d0; position: relative; }

.miles_lbl a:hover { text-decoration: underline; }

.miles_lbl a:after { content: "\f08e"; font-family: FontAwesome; position: absolute; right: -20px; }

.assign h3 { display: inline-block; background-color: #2185d0; color: #fff; padding: 2px 3px 4px; margin-left: 10px !important; }

.task_edit li { display: inline-block; margin-right: 5px; float: left; }

.task_edit li a { border-radius: 3px; padding: 3px 8px; }

.task_edit li:last-child { margin-right: 0; }

.task_edit li a { color: #fff; display: inline-block; }

.task_edit li .fa { margin-right: 5px; float: left; margin-top: 3px; font-size: 14px; }

.closeTask a { color: #fff; border-radius: 3px; padding: 3px 8px; }

.sidebar_menu { border-bottom: 1px solid #2185d0; }

.sidebar_menu ul { padding-bottom: 10px; }

.sidebar_menu ul li { margin-bottom: 5px; border-radius: 3px; }

.sidebar_menu ul li.Active { background-color: #4175fc; }

.sidebar_menu ul li.Active a { color: #fff; }

.sidebar_menu ul li:hover { background-color: #4175fc; }

.sidebar_menu ul li a { padding: 10px; width: 100%; display: inline-block; color: #414141; font-weight: bold; }

.sidebar_menu ul li:hover a { color: #fff; }

.sidebar_menu ul li .fa { color: #929599; }

.sidebar_menu ul li:hover .fa { color: #fff; }

.sidebar_menu ul li.Active .fa { color: #fff; }



/*admin section*/
.adminRightPanel .panel { border: none; box-shadow: none; }
.adminRightPanel .panel-body { background-color: #f8f8f8; }
.adminRightPanel .panel-heading { margin-bottom: 0px; padding: 10px; line-height: 30px; }
.adminRightPanel .pageTitle { font-size: 16px; font-weight: bold; }
.panel-footer:after { content: ""; display: block; clear: both; }
.adminRightPanel .panel-body .form-control { border: none; }
.adminLeftPanel .sidebar_menu { border-bottom: none!important; padding: 10px; background-color: #FFF; border-radius: 10px; }

.Manage_Projects .prjctlogo { display: flex; height: 40px; width: 80px; text-align: center; flex-direction: column; justify-content: center; align-items: center; }
.Manage_Projects .editPrjctlogo { display: flex; height: 40px; width: 100%; text-align: left; flex-direction: column; justify-content: flex-start; align-items: flex-start; margin-bottom: 5px; }
.colorDiv { width: 100px; }
.colorDiv:after { content: ""; clear: both; display: block; }
.colorDiv .colorLbl { float: left; }
.colorDiv .colorBx { float: right; margin-bottom: 2px; }
.cntrlLnk { width: 285px; }

.drop_Btn { position: relative; }
.drop_Btn .drop_Down { overflow: initial!important; display: none; position: absolute; background-color: #fff; z-index: 999999; width: 250px; top: 38px; right: 0px; border-radius: 3px; padding-bottom: 10px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); }
.drop_Down.open { display: block; }
.drop_Btn .drop_Down li a { color: #5a5959; width: 100%; padding: 10px 10px 10px 15px; text-align: left; display: inline-block; }
.drop_Btn .drop_Down li a:hover { background-color: #f5f5f5; }
.drop_Btn .drop_Down > li:first-child a:hover { background-color: #f9f9f9; color: #24292e; }
.drop_Btn .drop_Down > li:first-child a { background: #f9f9f9; font-size: 13px; border-radius: 3px 3px 0px 0px; }
.drop_Btn .drop_Down > li:first-child { border-bottom: 1px solid #ccc; }
.drop_Btn .drop_Down > li ul { /*border-bottom: 1px solid #ccc;*/ }
.drop_Btn .drop_Down hr { margin: 0; width: 100%; border: none; height: 1px; background-color: #ccc; }
.drop_Btn .drop_Down:after { z-index: 999999; content: ""; position: absolute; bottom: 100%; right: 23px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f9f9; }
.drop_Btn .drop_Down:before { z-index: 999999; content: ""; position: absolute; top: -12px; right: 0px; width: 100%; height: 1px; border-top: 15px solid transparent; }

.pref { position: relative; }
.pref .pref_dropDown { overflow: initial!important; display: none; position: absolute; background-color: #fff; z-index: 99999; width: 190px; top: 33px; right: -20px; border-radius: 5px; padding-bottom: 5px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1); }
.pref .pref_dropDown a .fa { margin-right: 10px; font-size: 15px; min-width: 18px; text-align: center; }
.pref .pref_dropDown a { color: #5a5959; width: 100%; padding: 8px 10px 8px 15px; text-align: left; display: inline-block; }
.pref .pref_dropDown a:hover { background-color: #f5f5f5; }
.pref.open .pref_dropDown li:first-child a:hover { border-radius: 3px 3px 0px 0px; }
.pref.open .pref_dropDown { display: block; }
.pref_dropDown:before, .pref_dropDown:after { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 15px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f9f9; }

.notifi { position: relative; margin: 0px 6px 0px !important; }
.notifi a { padding: 0px 6px 0px; display: inline-block; }

.notifi_dropDown { overflow: initial!important; display: none; position: absolute; background-color: #fff; z-index: 99999; min-width: 350px; max-width: 350px; top: 65px; right: 60px; border-radius: 5px; border: 1px solid #e5e5e5; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); }
.notifi_dropDown li .fa { margin-right: 10px; font-size: 15px; }
.notifi_dropDown li { color: #5a5959; width: 100%; padding: 10px 10px 10px 15px; text-align: left; display: inline-block; }
.notifi_dropDown li:hover { background-color: #f5f5f5; }
.notifi_header { padding: 9px 20px; margin: 0; font-size: 13px; background: #f9f9f9; position: relative; border-bottom: 1px solid #DDD; border-radius: 3px 3px 0 0; }
.notifi_dropDown.open { display: block; }
.notifi_dropDown:before { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 34px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #f9f9f9; }
.notifi > a > b { position: absolute; top: -6px; left: 17px; display: block; width: 8px; height: 8px; line-height: 20px; color: #fff; font-size: 10px; border-radius: 100%; background: #ff5722; text-align: center; }

.Default .errormsg { top: unset; bottom: -14px; }

.showhide_pass { position: absolute; bottom: 5px; right: 20px; z-index: 9999; }

.gen-pswrd { right: 10px; position: absolute; bottom: -24px; margin: 0px; }
.gen-pswrd a { padding: 0px 5px 2px !important; }

.notifiScroll { max-height: calc(100vh - 160px); overflow: auto; }
.notifiList a { display: inline-block; padding-right: 10px; }
.notifiList { border-bottom: 1px solid #e1e1e1; padding: 5px !important; position: relative; }
.notifiList.new { background-color: #e9f5ff!important; }
.notifiList ul li { float: left; padding: 0px !important; width: initial !important; }
.notifiList ul li:last-child { width: calc(100% - 50px) !important; min-width: calc(100% - 50px) !important; display: flex; flex-direction: column; justify-content: center; align-items: self-start; height: 44px; }
.notifiList ul li img { max-width: 45px; margin-right: 5px; }
.notifiList ul li p { margin: 0; font-size: 11px; line-height: normal; }
.notifiList ul li p i.fa { font-size: 12px !important; margin-right: 4px !important; }
.notifiList ul li h3 { margin: 0; line-height: 1.1em; font-size: 12px; max-height: 27px; max-width: 100%; overflow: hidden; position: relative; padding-right: 15px; display: inline-block; color: #5a5959; text-align: left; }
/*.notifiList ul li h3:before { content: '...'; position: absolute; right: 5px; top: 15px; }*/
.notifiList ul li h3:after { content: ''; position: absolute; right: 0; width: 1em; height: 28px; margin-top: 0.2em; background-color: #fff; }
.notifiList.new ul li h3:after { background-color: #e9f5ff!important; }
.notifi_dropDown div > li:last-child { border-bottom: none !important; }
.notifi_dropDown div > li:last-child:hover { border-radius: 0px 0px 5px 5px; }
.notifi_dropDown li:hover ul li h3:after { background-color: #f5f5f5; }
.notifi_dropDown li.notifiList.new:hover li { background-color: #e9f5ff!important; }
.earlier { border-bottom: 1px solid #dddfe2; background-color: #f5f5f5!important; font-size: 11px; font-weight: 500; padding: 3px 12px !important; }
.earlier:hover { background-color: #f5f5f5!important; }
.notifiList .readbbl { background-color: transparent; position: absolute; right: 8px; z-index: 9; top: 7px; margin: auto; padding: 3px 10px 10px 10px; cursor: pointer; display: inline-block; }
.notifiList .readbbl span { display: block; width: 8px; height: 8px; border-radius: 50%; border: 1px solid #96989a; }
.notifiList.new .readbbl span { background-color: #96989a; }
.notifiList .usrImage { margin-right: 5px; }
.mce-flow-layout { white-space: normal!important; }

/*-----------tickets-----------*/

.tic_heading li.tick_id, .id_number { min-width: 50px; }

.tic_heading li.tick_id { margin-right: 5px; }

.tic_heading { line-height: normal; }

.tic_heading li { display: inline-block; line-height: normal; }

.tic_heading li.tick_Priority { min-width: 75px; }

.tic_heading li.tick_assi strong { min-width: 150px; display: inline-block; }

.tic_heading li p.actions { min-width: 150px; display: inline-block; }

.TicketList .pro_time p { min-width: 100px; }

.TicketList .tic_heading li p.actions { min-width: 100px; }

/*------------------documents--------------*/
.doc_time { font-style: italic; font-size: 12px; text-align: center; }
/*.doc_time a { color: #586069; font-style: normal; border: 1px solid #b1b1b1; border-radius: 3px; padding: 0px 8px 1px 8px; margin: 0px 2px !important; font-size: 12px; }*/
.doc_time span { display: inline-block; margin: 2px 5px 0 !important; }

.docViewStatus span { padding: 0px 5px 2px; border-radius: 3px; font-weight: normal; display: inline-block; line-height: normal; font-size: 13px; }

.docImgDtl { display: inline-block; width: 50%; float: left; padding-right: 10px; margin-bottom: 10px; }

.docImgDtl h3 { margin: 0px; font-size: 14px; line-height: normal; min-height: 22px; }

.docImgDtl label { margin: 0px; }

.DocuView .attch { padding: 10px 0px; border-top: 1px solid #ddd; margin-top: 20px; }

/*-----------profile page---------*/
.profile, .passChange { display: flex; flex-direction: column; justify-content: center; align-items: center; height: calc(100vh - 78px); margin-bottom: -30px; }

.submitBtn { display: inline-block !important; width: 100%; text-align: center; text-transform: uppercase; padding: 15px 5px!important; border-radius: 5px; font-size: 15px!important; margin-top: 10px; }

.profile .submitBtn { margin-top: 10px; }

.profile label.input-group-btn { width: 35px; display: inline-block; height: 30px; margin: 0; cursor: pointer; font-size: 15px; line-height: 2; z-index: 99; }

.profile .input-group { text-align: center; margin: auto; }

.profile_wrap { max-width: 700px; margin: auto; }

.profile .panel, .passChange .panel { -webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); }

.uploadBtn .fa { font-size: 15px; color: #fff; }

.user_cover .penIconBtn { color: #000; transition: 0.3s linear; opacity: 0; position: absolute; z-index: 9; background-color: #fff; width: 25px; height: 25px; text-align: center; right: 5px; top: 5px; line-height: 1.9; }
.user_cover:hover .penIconBtn { opacity: 1; }
.user_cover { background-color: #000; height: 200px; overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.user_cover img { width: 100%; max-height: unset; }
.user_cover .uploadBtn { position: absolute; top: 0; right: 0; width: 40px; display: inline-block; height: 40px; line-height: 35px; }
.user_cover .uploadBtn:after { content: ""; background: rgba(0, 0, 0, 0.4); top: 0px; left: 0px; position: absolute; width: 40px; height: 40px; border-radius: 0px 0px 0px 3px; z-index: 1; }
.pro_user img { width: 25px; height: auto !important; border-radius: 3px; position: absolute; left: 0; max-height: none; top: -4px; }

.userInfo { height: 185px; position: relative; padding-top: 105px; background-color: #f5f5f5; border-right: 1px solid #e3e3e3; }

.profile_wrap input.form-control { height: 40px; }

.fontBold .fa-at { font-weight: bold; }

.proFilePop .modal-title { font-size: 18px; padding: 5px 15px; }
.proFilePop .lblBig { padding-left: 0px; }
.proFilePop .drp_files { border: 1px solid #ccc; border-radius: 5px; }
.proFilePop .drp_files h2 { font-size: 35px; }
.proFilePop .drp_files h4 { margin-top: 15px; }
.proFilePop .box-body:after { clear: both; display: block; clear: both; }
.proFilePop .box-body a { cursor: initial; position: relative; border: 5px solid #ddd; display: inline-block; margin-right: 5px; margin-bottom: 5px; width: calc(50% - 5px); vertical-align: top; height: 100px; background-position: center; background-repeat: no-repeat; background-size: cover; overflow: hidden; }
.proFilePop .box-body a:hover { outline: none; border-color: #4073ff; }
.proFilePop .box-body a .fa { cursor: pointer; color: #000; background-color: #ffffff; width: 20px; height: 18px; border-radius: 0px 3px 0px 3px; position: absolute; right: 0px; text-align: center; line-height: 1.3; top: 0px; }



/*-------------customizable crop and zoom------------*/
.image-editor { display: flex; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #fff; border: 4px solid #fff; position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); height: 170px; width: 170px; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 999; }

.image-editor .cropit-preview { width: 100% !important; height: 100% !important; border-radius: 6px; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.image-editor .cropit-preview-background { opacity: .2; cursor: auto; }

.image-editor .cropit-preview-image-container img { max-width: unset; max-height: unset; }

.image-editor .cropit-preview:hover .uploadBtn { opacity: 1; }

.image-editor .cropit-preview.cropit-image-loaded ~ .imagCropControl { display: block; }

.image-editor .cropit-preview.cropit-image-loaded .cropit-preview-image-container { background-color: #fff; cursor: move; }

.image-editor .cropit-preview .cropit-preview-image-container { border-radius: 6px; }

.image-editor .cropit-preview .uploadBtn { height: 30px; bottom: 0px; right: 0; z-index: 999; background: rgba(0, 0, 0, 0.5); left: 0; position: absolute; transition: 0.3s linear; width: 100%; opacity: 0; margin: auto auto 0; border-radius: 0px 0px 5px 5px; }

.image-editor .cropit-preview .cropit-preview-background-container { top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; }

.imagCropControl { margin-top: 8px; display: none; }

.imagCropControl i { font-size: 16px; color: #929292; }

.imagCropControl i:hover { color: #656565; }

.imagCropControl .rotate-cw, .imagCropControl .rotate-ccw { margin-right: 12px; float: left; }

.imagCropControl a { display: inline-block; cursor: pointer; }

.imagCropControl::after { clear: both; display: block; content: ""; }

.zoomRange { width: 110px; float: right; margin-top: 7px; }

.zoomRange input.cropit-image-zoom-input { -webkit-appearance: none; width: 100%; height: 5px; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: .2s; transition: opacity .2s; border-radius: 50px; }

.zoomRange input.cropit-image-zoom-input:hover { opacity: 1; }

.zoomRange input.cropit-image-zoom-input::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #6fa53e; cursor: pointer; border-radius: 50%; border: none; }

.zoomRange input.cropit-image-zoom-input::-moz-range-thumb { -webkit-appearance: none; appearance: none; width: 20px; height: 20px; background: #6fa53e; cursor: pointer; border-radius: 50%; border: none; }

.export { position: relative; z-index: 10; text-align: center; }
/*-------------customizable crop and zoom------------*/


/*------------------Discussion--------------*/
.DiscList .discContent, .EmailTemp .mailContent { display: none; border-bottom: 1px solid #f7f7f7; }

.DiscList .pro_ul_list li.comment { min-width: 44px; text-align: left; }

.DiscList .pro_ul_list li.comment .fa { font-size: 16px; color: #b1b1b1; }

.DiscList .pro_ul_list li.comment span { display: inline-block; }

.DiscList .pro_time { border-left: 1px solid #e1e4e8; padding-left: 10px; margin-left: 10px; }

.DiscList .pro_time p { min-width: 195px; min-height: 20px; }

.DiscList .pro_time p span { min-width: 110px; display: inline-block; }

.DiscList .pro_title i { font-size: 12px; display: inline-block; line-height: normal; background-color: #aaa; color: #fff; border-radius: 3px; padding: 1px 5px 2px; }


.DiscList .discContent .panel { box-shadow: none; }

.DiscList .discContent .panel-body { background-color: #f6f8fa; }

.downIcon { float: right; padding: 0px 5px; cursor: pointer; }

.downIcon .fa { font-size: 25px; line-height: 0.9em; color: #b1b1b1; }

.downIcon .fa-caret-up { display: none; }

.downIcon.open .fa-caret-up { display: block; }

.downIcon.open .fa-caret-down { display: none; }

.pro_ul_list::after { clear: both; display: block; content: ""; }

.EmailTemp .mailContent { margin-top: -1px!important; }

.EmailTemp .pro_list > ul > li { background-color: #4175fc!important; cursor: pointer; position: relative; }

.EmailTemp .pro_list > ul > li h4 { color: #fff; font-size: 14px; }

.EmailTemp .downIcon { position: absolute; right: 10px; top: 9px; }

.EmailTemp .downIcon .fa { color: #fff; font-size: 20px; }

.EmailTemp .discLink.open .downIcon .fa-caret-down { display: none; }

.EmailTemp .discLink.open .downIcon .fa-caret-up { display: block; }

/*-----------input-file uploader--------------------*/
.drgdrpWrp { border: 2px dashed #aaa; border-radius: 3px; position: relative; height: 185px; }

#upload-form { width: 100%; height: 100%; display: inline-block; cursor: pointer; }

.drp_files input[type="file"] { width: 100%; height: 100%; opacity: 0; display: inline-block; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 99; cursor: pointer; }

.drp_files input[type="file"].fileUploader:focus { outline: 0px; }

.drpInfo { font-size: 14px; box-sizing: border-box; position: absolute; top: 4px; bottom: 0; left: 8px; right: 0; margin: auto; display: inline-block; z-index: 0; color: #ccc; cursor: pointer; }

.uFilelst { margin-bottom: 5px; }

.uFilelst:after { clear: both; content: ""; display: block; }

.fileName { width: calc(100% - 100px); display: inline-block; word-break: break-all; line-height: 1em; }

.fileSize { width: 100px; text-align: right; line-height: 1em; }

.fileSize a { color: #555; cursor: pointer; }

.fileSize a:hover { color: #ff182d; }

/*-----------input-file uploader for comments--------------------*/
.commnt_attch.ht40 { width: calc(100% - 130px); }

.commnt_attch.ht40 .drgdrpWrp { height: 40px; float: left; width: 45%; margin-right: 10px; margin-bottom: 0px !important; }

.commnt_attch.ht40 .drpInfo { text-align: left; }

.commnt_attch.ht40 .drpInfo .fa { float: left; margin: 8px 12px 5px 20px !important; font-size: 25px !important; }

.commnt_attch.ht40 .drpInfo p { display: inline-block; margin: 8px 0px; }

.commnt_attch.ht40 .drpInfo p br { display: none; }

.commnt_attch.ht40 .fileSize span { display: none; }

.commnt_attch.ht40 .fileSize a { margin: 0px!important; }

.commnt_attch .uFilelst { display: block; position: relative; margin-bottom: 5px; }

.commnt_attch .uFilelst:after { content: ""; width: 100%; height: 100%; background-color: #ccc; }

.commnt_attch .upldFilelst { margin-bottom: 5px !important; }

.commnt_attch .upldFilelst .uFilelst:last-child:after { display: none; }

.commnt_attch .fileName, .commnt_attch .fileSize { width: auto; }

.commnt_attch .fileName { margin-right: 10px; }

.commnt_attch .fileSize a { line-height: 15px; }

.commnt_attch .drp_files::after { clear: both; display: block; content: ""; }

.TicketAdd .commnt_attch .drgdrpWrp, .DiscAdd .commnt_attch .drgdrpWrp { float: left; width: 45%; margin-right: 10px; margin-bottom: 0px !important; height: 160px; }

.TicketAdd .commnt_attch .upldFilelst, .DiscAdd .commnt_attch .upldFilelst { margin-bottom: 0px !important; width: 52%; float: left; }

.TicketAdd .commnt_attch .drpInfo .fa, .DiscAdd .commnt_attch .drpInfo .fa { margin-top: 25px !important; }

.commnt_attch.fullList .uFilelst { display: block; margin-bottom: 10px; }

.commnt_attch.fullList .fileSize { width: 100px; }

.commnt_attch.fullList .fileName { width: calc(100% - 100px); margin-right: 0px; }

.commnt_attch.fullList .uFilelst:after { display: none; }

.commnt_attch.fullList .uFilelst { margin-right: 0px; padding-right: 0px; }

.commnt_attch.fullList .uFilelst:after { display: block !important; content: ""; clear: both; position: static; background-color: transparent; width: 100%; }

.commntFtr { padding: 10px; }
.commntFtr .usrImage { vertical-align: top; margin-right: 5px; }
.commntFtr .commnt_send { display: inline-block; min-width: 120px; text-align: right; vertical-align: top; float: right; }
.commntFtr .commnt_attch { width: calc(100% - 230px); display: inline-block; vertical-align: top; }
.commntFtr .commnt_attch .drgdrpWrp { margin-top: 0px; }

.btnDraft { float: right; text-align: right; background-color: #f9f9f9; width: 100%; padding-bottom: 10px; padding-right: 10px; }
.btnDraft a { font-size: 12px !important; padding: 4px 8px !important; margin-left: 3px; color: #000 !important; border: 1px solid #ccc !important; background-color: #f0f0f0 !important; }
.btnDraft a:hover { color: #555 !important; }

.TaskAdd .drgdrpWrp { height: 120px; }

.TaskAdd .drpInfo .fa { margin-top: 10px !important; }
/*-----------Document Gallery--------------------*/
.gallery_list ul li { display: inline-block; width: calc(19% - 9px); text-align: center; float: left; margin-right: 25px; margin-bottom: 25px; -webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15); min-height: 200px; border-radius: 3px; position: relative; border: 5px solid #fff; }
.gallery_list ul::after { clear: both; display: block; content: ""; }
.gallery_list ul li:nth-of-type(5n) { margin-right: 0px; }
.gallery_list ul li .imgBox { display: inline-block; min-height: 190px; padding-bottom: 28px; width: 100%; }
.gallery_list ul li span a { width: 100%; height: 158px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.gallery_list ul li a p { border-top: 1px solid #ededed; margin: 0px; line-height: 1em; font-size: 12px; min-height: 28px; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; word-break: break-all; padding: 0px 5px; }
.gallery_list ul li a p::before { content: ""; display: inline-block; width: 100%; height: 2px; position: absolute; background-color: #fff; top: -2px; }
.gallery_list ul li:hover a { color: #2185d0; }
.gallery_list ul li:hover a p { border-top-color: #2185d0; }
.gallery_list ul li > a { position: absolute; left: -5px; right: -5px; bottom: 0px; width: calc(100% + 10px); display: inline-block; background-color: #fff; }

/*-----------Milestone-----------*/

.MilesList .pro_status span { font-size: 12px; }
.MilesList .tic_heading { background-color: #f6f8fa; }
.MilesList .tic_heading li.tick_Priority, .MilesList .pro_status { min-width: 120px; }
.MilesList .tic_heading li p.actions, .MilesList .pro_time p { min-width: 100px; }
.MilesList .pro_ul_list p a:first-child { margin-left: 0px; }
.MilesList .pro_user { padding-left: 0px; }
.max-Date input { width: 150px; }
.max-Date .errormsg { left: 0px; right: unset; bottom: -16px; top: unset; }
.backBtn { margin-top: 5px; color: #24292e; }
.dueDate { display: inline-block; margin: 0px 25px; border: 1px solid #24292e; padding: 2px 10px; border-radius: 3px; color: #24292e; vertical-align: middle; }
.countNo { }
.dtl_Title { line-height: 1.2em; width: calc(100% - 100px); }

/*-----------Calendar full page-----------*/
.fc-ltr .fc-header .fc-button { margin-bottom: 0px; height: auto; line-height: normal; vertical-align: middle; }

.fc-ltr .fc-header-left, .fc-ltr .fc-header-title, .fc-ltr .fc-header-right { vertical-align: middle; padding: 10px; }

.fc-ltr .fc-header-left .fc-text-arrow { vertical-align: middle; display: inline-block; width: 100%; height: 100%; text-align: center; margin: 0px; }

.fc-ltr .fc-header-title h2 { margin: 0; }

.fc-ltr .fc-header .fc-header-left .fc-button-prev, .fc-ltr .fc-header .fc-header-left .fc-button-next { width: 30px; height: 30px; text-align: center; line-height: 1.4em; }

.fc-ltr .fc-header .fc-header-left .fc-button-today { width: 60px; height: 30px; text-align: center; line-height: 2em; }

.fc-ltr .fc-header .fc-header-right .fc-button { width: 60px; height: 30px; text-align: center; line-height: 2em; }

.Calendar .fc-header { border: 1px solid #ddd; border-bottom: 0px; }

/*-----------datepicker-----------*/
.datepicker { background-image: url(../images/date_icon.png); background-repeat: no-repeat; background-position: 98% 49.50%; background-size: 25px; cursor: pointer; }

.ui-datepicker { }

.ui-datepicker th { }

.ui-widget.ui-widget-content { border: 1px solid #ffffff; -webkit-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3); box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.3); padding: 5px; }

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { right: 2px; top: 2px; }

.ui-datepicker .ui-datepicker-prev-hover { left: 2px; right: 0px; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #2185d0!important; background-color: #2185d0!important; color: #fff!important; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #24292e; background-color: #24292e; }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { background-color: #fbfbfb; color: #24292e; border-radius: 3px; }

.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, .ui-button:hover, .ui-button:focus { border: 1px solid #24292e; background-color: #24292e; color: #fff!important; }

th.ui-datepicker-week-end { color: #e80500; }

.ui-state-default { text-align: center !important; }

.ui-widget-header { background-color: #eeeeee; }

.ui-state-default.ui-state-active { background-color: #24292e; color: #ffffff; }

.ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover, .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover { border: 1px solid #cccccc; background: #ededed; cursor: pointer; }

.ui-icon-circle-triangle-e { background-position: -32px -17px; }

.ui-icon-circle-triangle-w { background-position: -96px -17px; }

.ui-dialog .ui-dialog-titlebar-close { margin: -13px 0 0 0; }

.ui-dialog .ui-dialog-titlebar-close.ui-state-focus { background-color: transparent; border: transparent; }

.ui-dialog-titlebar-close.ui-corner-all.ui-state-hover { background-color: transparent; border: transparent; }

.dialogBX.ui-widget-content a { border-radius: 3px; padding: 3px 8px; color: #fff; display: inline-block; position: absolute; bottom: 7px; right: 13px; background: #63b0f0; background: -moz-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #63b0f0), color-stop(43%, #4aa5f0), color-stop(100%, #428aca)); background: -webkit-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -o-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: -ms-linear-gradient(top, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); background: linear-gradient(to bottom, #63b0f0 0%, #4aa5f0 43%, #428aca 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#428aca', GradientType=0 ); }

.dialogBX.ui-widget-content a:hover { background: #63b0f0; background: -moz-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #63b0f0), color-stop(43%, #4ca2e8), color-stop(100%, #1476cc)); background: -webkit-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -o-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: -ms-linear-gradient(top, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); background: linear-gradient(to bottom, #63b0f0 0%, #4ca2e8 43%, #1476cc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63b0f0', endColorstr='#1476cc', GradientType=0 ); }

.dialogBX.ui-widget-content p { display: block !important; float: none !important; margin: 0px !important; }

.dialogBX.ui-widget-content p .bg-priority1,
.dialogBX.ui-widget-content p .bg-priority2,
.dialogBX.ui-widget-content p .bg-priority3,
.dialogBX.ui-widget-content p .bg-priority4,
.dialogBX.ui-widget-content p .bg-priority5 { padding: 1px 5px 2px!important; border-radius: 3px; font-weight: normal; margin-top: -3px; display: inline-block; line-height: normal; font-size: 13px; }

.dialogBX.ui-widget-content p .highestBtn { padding: 0px 5px 3px !important; }

.ui-dialog .ui-dialog-titlebar { padding: 5px 10px; }

.ui-dialog.ui-widget-content.ui-draggable { -webkit-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.3); }

.fc-event-time, .fc-event-title { padding: 0px 5px 1px !important; display: inline-block; }

.fc-event-hori { margin-bottom: 3px!important; }

.Calendar, .ui-dialog .ui-dialog-content { }

.noResult { background-color: #ffc; padding: 3px 10px; border: 1px solid #f5f59d; border-radius: 3px; }

.dialogBX.ui-widget-content p > span label { min-width: 80px; font-size: 13px; }

.dialogBX.ui-widget-content p > span > span { font-size: 13px; }

.dialogBX.ui-widget-content p > b { margin-bottom: 5px; display: inline-block; }

.dialogBX.ui-widget-content p > span { margin-bottom: 2px; }

.modal-header { height: 40px; line-height: 30px; padding: 5px 10px; border-radius: 3px 3px 0px 0px; }

.modal-content { border-radius: 3px; }

.modal-header .close { margin-top: 0px; position: absolute; top: 6px; right: 10px; }

.modal-header .close i { font-size: 25px; }

.act_date a { font-size: 14px; color: #2185d0; display: inline-block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.act_Author { float: right; text-align: left; min-width: 240px; margin-right: 0px !important; }

.act_Author i { font-size: 12px; display: inline-block; margin-top: 1px; }

.DiscList .pro_title { float: left; width: calc(100% - 390px); }

.DiscList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 130px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.Home .pro_title { width: calc(100% - 340px); }

.Home .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 180px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.DocuList .pro_title { width: calc(100% - 305px); }

.DocuList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 50%); min-width: calc(100% - 50%); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.DocuList .pro_title .fileTitle { display: inline-block; white-space: nowrap; max-width: calc(100% - 53%); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.sub_list .title_text { width: calc(100% - 430px); position: relative; }

.sub_list .title_text a { display: inline-block; white-space: nowrap; max-width: calc(100% - 123px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }


.TicketList .pro_title { width: calc(100% - 420px); }

.TicketList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 118px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.MilesList .pro_title { width: calc(100% - 435px); }

.MilesList .pro_title a { display: inline-block; white-space: nowrap; max-width: calc(100% - 215px); overflow: hidden; text-overflow: ellipsis; vertical-align: text-top; }

.iframeBody::before { display: none !important; pointer-events: none; }

.iframeBody { padding: 0px !important; height: auto !important; min-height: auto !important; }

.jqte_editor, .EmailTemp .jqte_source { max-height: 400px!important; }

.jqte { box-shadow: none!important; }
.TicketList a.animateBtn:before { width: calc(100% - 5px); left: 2px; }

.animateLnk { color: #586069; margin: 0px 5px; position: relative; border-bottom: 1px solid #ddd; padding: 0px 5px 3px; display: inline-block; }

.animateBtn { color: #586069; margin: 0px 5px; position: relative; border-bottom: 1px solid #ddd; padding: 0px 5px 3px; transition: .5s; display: inline-block; }

a.animateLnk:before { content: ""; position: absolute; width: 100%; height: 1px; bottom: -1px; left: 0; background: #2185d0; border: 1px solid #516fca; visibility: hidden; border-radius: 3px; transform: scaleX(0); transition: .25s linear; }

a.animateLnk:hover:before,
a.animateLnk:focus:before { visibility: visible; transform: scaleX(1); }

a.animateBtn:hover { color: #FFF; transition: .5s; }

a.animateBtn:before { content: ""; background: #2185d0; border: 1px solid #516fca; position: absolute; width: calc(100% - 3px); height: 1px; bottom: 0; left: 1px; border-radius: 3px; transform: scaleX(0); animation: 1.4s forwards no-hover-v linear; animation-fill-mode: forwards; z-index: -1; }

a.animateBtn:hover:before,
a.animateBtn:focus:before { animation: .5s forwards hover-v linear; animation-fill-mode: forwards; }

@keyframes hover-v {
    0% { transform: scaleX(0); height: 5px; }

    45% { transform: scaleX(1.05); height: 5px; }

    55% { height: 5px; }

    100% { transform: scaleX(1.05); height: 27px; }
}

@keyframes no-hover-v {
    0% { transform: scaleX(1.05); height: 27px; }

    45% { height: 1px; }

    55% { transform: scaleX(1.05); height: 1px; opacity: 1; }

    100% { transform: scaleX(0); height: 1px; opacity: .02; }
}

.noItems { padding: 15px; text-align: center; margin: 15px auto; color: #231f20; }

/*gallery*/
.fancybox-active { height: auto; }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }

.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }

.fancybox-container * { box-sizing: border-box; }

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }

.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }

.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); }

.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); }

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fancybox-toolbar { right: 0; top: 0; }

.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }

.fancybox-is-open .fancybox-stage { overflow: hidden; }

.fancybox-slide { -webkit-backface-visibility: hidden; /* Using without prefix would break IE11 */ display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }

.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next { display: block; }

.fancybox-slide--image { overflow: hidden; padding: 44px 0; }

.fancybox-slide--image::before { display: none; }

.fancybox-slide--html { padding: 6px; }

.fancybox-content { background: #fff; display: inline-block; margin: 0; max-width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: relative; text-align: left; vertical-align: middle; }

.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; background: transparent; background-repeat: no-repeat; background-size: 100% 100%; left: 0; max-width: none; overflow: visible; padding: 0; position: absolute; top: 0; -ms-transform-origin: top left; transform-origin: top left; transition-property: transform, opacity; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 99995; }

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out; }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in; }

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content { cursor: -webkit-grab; cursor: grab; }

.fancybox-is-grabbing .fancybox-content { cursor: -webkit-grabbing; cursor: grabbing; }

.fancybox-container [data-selectable='true'] { cursor: text; }

.fancybox-image,
.fancybox-spaceball { background: transparent; border: 0; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; padding: 0; position: absolute; top: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 100%; }

.fancybox-spaceball { z-index: 1; }

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content { height: 100%; overflow: visible; padding: 0; width: 100%; }

.fancybox-slide--video .fancybox-content { background: #000; }

.fancybox-slide--map .fancybox-content { background: #e5e3df; }

.fancybox-slide--iframe .fancybox-content { background: #fff; }

.fancybox-video,
.fancybox-iframe { background: transparent; border: 0; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%; }

/* Fix iOS */
.fancybox-iframe { left: 0; position: absolute; top: 0; }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100%; }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0; }

/* Buttons */

.fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; box-shadow: none; cursor: pointer; display: inline-block; height: 44px; margin: 0; padding: 10px; position: relative; transition: color .2s; vertical-align: top; visibility: inherit; width: 44px; }

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link { color: #ccc; }

.fancybox-button:hover { color: #fff; }

.fancybox-button:focus { outline: none; }

.fancybox-button.fancybox-focus { outline: 1px dotted; }

.fancybox-button[disabled],
.fancybox-button[disabled]:hover { color: #888; cursor: default; outline: none; }

/* Fix IE11 */
.fancybox-button div { height: 100%; }

.fancybox-button svg { display: block; height: 100%; overflow: visible; position: relative; width: 100%; }

.fancybox-button svg path { fill: currentColor; stroke-width: 0; }

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) { display: none; }

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) { display: none; }

.fancybox-progress { background: #fabf03; height: 4px; left: 0; position: absolute; right: 0; bottom: 0; -ms-transform: scaleX(0); transform: scaleX(0); -ms-transform-origin: 0; transform-origin: 0; transition-property: transform; transition-timing-function: linear; z-index: 99998; }

/* Close button on the top right corner of html content */

.fancybox-close-small { background: transparent; border: 0; border-radius: 0; color: #ccc; cursor: pointer; opacity: .8; padding: 8px; position: absolute; right: -12px; top: -44px; z-index: 401; }

.fancybox-close-small:hover { color: #fff; opacity: 1; }

.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 10px; right: 0; top: 0; }

.fancybox-slide--image.fancybox-is-scaling .fancybox-content { overflow: hidden; }

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small { display: none; }

/* Navigation arrows */

.fancybox-navigation .fancybox-button { background-clip: content-box; height: 100px; opacity: 0; position: absolute; top: calc(50% - 50px); width: 70px; }

.fancybox-navigation .fancybox-button div { padding: 7px; }

.fancybox-navigation .fancybox-button--arrow_left { left: 0; left: env(safe-area-inset-left); padding: 31px 26px 31px 6px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 31px 6px 31px 26px; right: 0; right: env(safe-area-inset-right); }

/* Caption */

.fancybox-caption { background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%); bottom: 0; color: #eee; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 75px 44px 25px 44px; pointer-events: none; right: 0; text-align: center; z-index: 99996; }

@supports (padding: max(0px)) { .fancybox-caption;

{ padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left)); }
}

.fancybox-caption--separate { margin-top: -50px; }

.fancybox-caption__body { max-height: 50vh; overflow: auto; pointer-events: all; }

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited { color: #ccc; text-decoration: none; }

.fancybox-caption a:hover { color: #fff; text-decoration: underline; }

/* Loading indicator */

.fancybox-loading { animation: fancybox-rotate 1s linear infinite; background: transparent; border: 4px solid #888; border-bottom-color: #fff; border-radius: 50%; height: 50px; left: 50%; margin: -25px 0 0 -25px; opacity: .7; padding: 0; position: absolute; top: 50%; width: 50px; z-index: 99999; }

@keyframes fancybox-rotate {
    100% { transform: rotate(360deg); }
}

/* Transition effects */

.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1); }

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0); }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translate3d(0, 0, 0); }

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1); }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1; }

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5); }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5); }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1); }

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; -ms-transform: rotate(-360deg); transform: rotate(-360deg); }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; -ms-transform: rotate(360deg); transform: rotate(360deg); }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; -ms-transform: rotate(0deg); transform: rotate(0deg); }

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0); }

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg); }

.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg); }

.fancybox-fx-tube.fancybox-slide--current { transform: translate3d(0, 0, 0) scale(1); }

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide { padding-left: 6px; padding-right: 6px; }

    .fancybox-slide--image { padding: 6px 0; }

    .fancybox-close-small { right: -6px; }

    .fancybox-slide--image .fancybox-close-small { background: #4e4e4e; color: #f2f4f6; height: 36px; opacity: 1; padding: 6px; right: 0; top: 0; width: 36px; }

    .fancybox-caption { padding-left: 12px; padding-right: 12px; }

    @supports (padding: max(0px)) { .fancybox-caption;

{ padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); }
}
}
/* Share */

.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }
.fancybox-share p { margin: 0; padding: 0; }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }
.fancybox-share__button:visited,
.fancybox-share__button:link { color: #fff; }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: #3b5998; }
.fancybox-share__button--fb:hover { background: #344e86; }
.fancybox-share__button--pt { background: #bd081d; }
.fancybox-share__button--pt:hover { background: #aa0719; }
.fancybox-share__button--tw { background: #1da1f2; }
.fancybox-share__button--tw:hover { background: #0d95e8; }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: #fff; }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }
/* Thumbs */

.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs__list a::before { border: 6px solid #ff5268; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: .5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs { width: 110px; }
    .fancybox-show-thumbs .fancybox-inner { right: 110px; }
    .fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}


/*===============================================
  FaQ tabs
================================================= */

.faq-panel { background-color: #f6f6f6; }

.faq-head { padding: 10px 20px!important; color: #555; }

.faqSidemenu { padding: 0px; }

.faqSidemenu .faq-tabsTitle { border-top: 1px solid transparent; border-bottom: 1px solid transparent; margin-bottom: 0px!important; }

.faqSidemenu .faq-tabsTitle.active { background-color: #fff; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; animation-delay: 0.3s; }

.faqSidemenu .faq-tabsTitle.active:after { content: ""; position: absolute; top: 0; right: -1px; height: 100%; width: 1px; background-color: #fff; z-index: 999; }

.faqSidemenu .faq-tabsTitle a { padding: 10px 20px!important; }

.faqSidemenu .faq-tabsTitle a:focus { background-color: #ffffff; }

.faqRight { background-color: #ffffff; min-height: 400px; }

.faq-panel .panel-heading { background-color: #ffffff; }

.faq-panel .panel-sidemenu ul.nav li .fa { float: left; margin-top: 2px; height: 35px; }

.faq-tabsContent { display: none; }

.faq-tabsContent.active { animation: fadeIn 1s; display: block; }

.faq-tabsContent.active .new_accordion { animation: fadeInUp 0.3s forwards; animation-delay: 0.3s; }

.new_accordion { opacity: 0; }

.new_accordion .new_accordion-item { position: relative; border-radius: 4px; border: 1px solid transparent; border-color: #d5d5d5; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); }

.new_accordion .new_accordion-item + .new_accordion-item { margin-top: 10px; }

.new_accordion .new_accordion-toggle { border-radius: 4px; display: block; width: 100%; cursor: pointer; padding: 7px 10px 10px 35px; margin: 0; border: 0; background-color: #fafafa; font-size: 13px; text-align: left; }

.new_accordion .new_accordion-toggle:hover { background-color: #f5f5f5; }

.new_accordion .is-open > .new_accordion-toggle { background-color: #fafafa; border-radius: 4px 4px 0px 0px; border-bottom: 1px solid #efefef; }

.new_accordion .new_accordion-panel { background-color: #ffffff; border-radius: 5px; }

.new_accordion .new_accordion-panel > *:last-child { margin-bottom: 0; }

.new_accordion .arrow { color: #2185d0; position: absolute; left: 9px; cursor: pointer; top: 7px; display: inline-block; width: 20px; height: 20px; text-align: center; line-height: 1.2em; font-size: 18px; }

.new_accordion .arrow .fa-minus-square-o { display: none; }

.new_accordion .new_accordion-item.is-open .arrow .fa-minus-square-o { display: block; margin-top: 3px; color: #ccc; }

.new_accordion .new_accordion-item.is-open .arrow .fa-plus-square-o { display: none; }

.article-body hr { margin: 5px 0 15px; }

.article-body h2 { font-size: 18px; margin-bottom: 0px; line-height: 1.2em; }


@keyframes fadeIn {
    0% { display: none; opacity: 0; }

    1% { display: block; opacity: 0; }

    100% { display: block; opacity: 1; }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(20px); }

    100% { opacity: 1; transform: translateY(0); }
}


iframe { border: none!important; }
/*-------------------------------------------*/

.chatBtn { color: #00aff0; display: inline-block; line-height: 1em; vertical-align: sub; margin: 0px 2px 0 5px; }

.chatBtn:hover, .chatBtn:hover .fa { color: #0098d0; }

.chatBtn .fa { font-size: 20px; color: #00aff0; }

.ststusBar .chatBtn { height: 25px; line-height: 34px !important; }

.ststusBar .chatBtn .fa { font-size: 25px; }


.UserList table > tbody > tr > td:first-child { text-align: center; }

.error_Log .imgarr { min-width: 16px !important; min-height: 16px !important; vertical-align: sub; }

.error_Log .table-bordered > tbody > tr:nth-child(odd) > td { padding: 0px; }

.error_Log .table-bordered > tbody > tr:nth-child(odd) > td > div > table { margin: 8px !important; width: calc(100% - 16px ); }

.error_Log .table-bordered > tbody > tr:nth-child(odd) > td > .accordian-body > table > tbody > tr > td { padding: 8px !important; }

.Calendar table tr th, .Calendar table tr td { vertical-align: top !important; }

.container.status-full { padding-bottom: 0px!important; }

.adminContainer { min-height: calc(100vh - 110px); }

.avatarImg { max-width: 50px; max-height: 50px; }

.mobToggleMenu .mobToggleBtn { display: none; }

.adminToggle { display: none; }

.Home .noItems { margin-bottom: -15px; }

.documents .noItems, .DiscList .noItems, .TaskList .noItems { margin-bottom: 5px; }

.Userprms > .col-xs-6:nth-child(2n-1), .prmsOnUser > .col-xs-6:nth-child(2n-1) { padding-right: 25px !important; }

.Userprms > .col-xs-6:nth-child(2n), .prmsOnUser > .col-xs-6:nth-child(2n) { padding-left: 25px !important; }

.quickTask .btn { padding-top: 4px; }

.bgcol { background-color: #f4f9ff; }

/*-----------------*/
.taskBox { min-height: 90px; display: inline-block; margin: auto; width: 100%; padding: 7px 20px; border-radius: 5px; background: #fff; margin-bottom: 30px; -webkit-box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); -moz-box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); }



.taskBox.projectTask { min-height: 110px; }


.taskBoxMisc .label { color: #828282; }

.taskBox_title { margin: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 30px; line-height: normal; padding-bottom: 3px; font-weight: 400; }

.asBy { float: left; width: auto; margin: 0px; color: #828282; }

.taskBoxDates { float: right; margin: 0px; color: #828282; }

.Default .panel { background-color: transparent; }

.taskBox_check { position: absolute; right: 25px; bottom: 65px; }

.progress-bar-success { background-color: #88df1e!important; }

.progress-bar-warning { background-color: #fc9352!important; }
.progress-bar-info { background-color: #4073ff!important; }
.taskBox_label { color: #828282; font-size: 14px; margin-bottom: 5px; }
.taskBox .taskBoxMisc label.lblCol { float: right; font-size: 10px; margin-top: 2px; }



.wlcmTab { padding-bottom: 10px; }

.wlcmTab h2 { margin: 0; line-height: normal; }

.wlcmTab span { line-height: normal; color: #828282; }

.wlcmTabBtn { padding-bottom: 10px; }

.wlcmTabBtn a { display: inline-block; padding: 9px 20px; color: #fff; border-radius: 3px; font-weight: bold; margin-left: 25px; margin-top: 18px; }

.wlcmTabBtn a.addTaskBtn, .wlcmTabBtn a.addDiscBtn, .wlcmTabBtn a.addUplBtn { background: #4073ff; -webkit-box-shadow: 0px 17px 17px -10px rgba(64, 115, 255, 0.30); -moz-box-shadow: 0px 17px 17px -10px rgba(64, 115, 255, 0.30); box-shadow: 0px 17px 17px -10px rgba(64, 115, 255, 0.30); cursor: pointer; }
.wlcmTabBtn a.addTicketBtn { background: #fc9352; -webkit-box-shadow: 0px 17px 17px -10px rgba(252, 147, 82, 0.30); -moz-box-shadow: 0px 17px 17px -10px rgba(252, 147, 82, 0.30); box-shadow: 0px 17px 17px -10px rgba(252, 147, 82, 0.30); cursor: pointer; }


body { background-color: #f4f9ff; background-position: center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; }

.viewAllBtn { text-align: center; line-height: 1em; }

.viewAllBtn input { background: none; border: none; font-size: 15px; }

.viewAllBtn span { display: inline-block; font-size: 48px; line-height: 0em; width: 100%; }

.projectTask { padding: 0px; }

.projectTask .taskBox_title { font-weight: bold; font-size: 18px; }

.projectTask label { font-weight: 400; color: #6d6d6d; margin-bottom: 6px; }

.projectTask .taskBoxMisc { padding: 7px 20px; }

.btnView { margin-top: 2px; border-top: 1px solid #f2f7ff; padding: 5px 20px; }

.btnView:after { clear: both; display: block; content: ""; }

.btnView input { background: none; border: none; color: #828282; float: left; }

.btnView input:last-child { float: right; }

.discusTickets .panel-heading { margin-bottom: 15px !important; }
.proBxFtr { text-align: center; }
.proBxFtr a { display: inline-block; width: 48%; text-align: right; }
.proBxFtr a:first-child { text-align: left; border-right: 1px solid #f2f7ff; }
/*.discusTickets .panel-body > .panel { width: 50%; float: left; padding-left: 10px; padding-right: 10px; }*/

.discusBox { padding-bottom: 10px!important; }
.discusBox .taskBox { padding-top: 15px; }
.discusBox .taskBox ul { min-height: 195px; }
.discusBox .taskBox ul li { margin-bottom: 10px; border-bottom: 1px solid #f2f7ff; padding-bottom: 10px; }
.discusBox .taskBox ul li a { display: inline-block; width: 100%; }
.discusBox .taskBox ul li a img { max-width: 30px; margin-right: 15px; border-radius: 50%; }
.discusBox .taskBox ul li a .discusTitle { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; width: 70%; font-size: 16px; vertical-align: middle; line-height: 1.1; }
.discusBox .taskBox ul li a .discusTitle label { color: #6d6d6d; }
.discusBox .taskBox ul li a span:last-child { float: right; padding-top: 5px; }
.discusBox .btnView { border: none; }
.discusBox .btnView input { float: none; }
.discusBox .taskBox { padding-top: 15px; }
.pendingList, .panelEmails { min-height: 600px; overflow: auto; border: 0px; margin-bottom: 30px; -webkit-box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); -moz-box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); }

.pendingList .sub_list li { display: inline-block; vertical-align: top; }
.pendingList .listtab { max-height: 675px; overflow: auto; }
.taskTitle { color: #4d4d4d; display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; margin-top: -3px; font-size: 16px; white-space: pre; white-space: nowrap; }
.taskTitle > a { display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; margin-top: -3px; font-size: 16px; white-space: pre; }
.taskDate { font-size: 12px; color: #7e7e7e; }
.taskComments .taskDate { color: #7e7e7e; position: absolute; bottom: 4px; right: 5px; font-size: 10px; }
.taskOption { display: none; width: auto; padding: 3px 6px; background-color: #FFF; border-radius: 3px; position: absolute; right: 5px; top: 5px; z-index: 99; opacity: 0; transition: .3s; }
.taskDateDue { color: #819ce6; display: inline-block; }

.relatedItem a { display: inline-block; padding: 5px 10px; font-size: 12px; color: #7e7e7e; }
.relatedItem .fa { position: absolute; left: 12px; top: 12px; color: #FFf; }
.rltdItm { display: inline-block; padding: 5px 0px; position: relative; }
.relatedItem span { display: inline-block; padding: 5px 15px 5px 30px; border-radius: 40px; }
.taskComments .panel:hover .taskOption { display: block; opacity: 1; transition: .3s; }
.pendingList { padding: 15px; }
.tabHeadings { padding: 0px; margin: 0px; display: block; text-align: center; }
.tabHeadings li { display: inline-block; font-size: 16px; padding: 5px 15px; text-align: center; border-right: 1px solid #e5e5e5; line-height: 1em; color: #8c8c8c; cursor: pointer; width: 45%; }
.tabHeadings li:last-child { border: none; }
.tabHeadings li.tabActive { color: #1a63f2; }
.listFilter { text-align: center; margin-bottom: 10px; }
.listFilter label { display: inline-block; font-size: 14px; margin-right: 10px; }
.filtrDD { display: inline-block; position: relative; }
.listFilter select { -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 14px; color: #a9a9a9; margin: 0px 5px; padding: 0px 20px 0px 5px; display: inline-block; border: none; width: auto; text-indent: 0px; max-width: 110px; }
.listFilter select:focus { outline: none; }
/*.filtrDD:before {content: "\f107";font-family: FontAwesome;top: 8px;width: 10px;height: 10px;display: block;position: absolute;right: 10px;color: #a9a9a9;}*/
.hdrBar { padding: 4px 0px; margin-bottom: 5px; }
.hdrBar::after { clear: both; display: block; content: ""; }
.dashHdr { margin-top: 20px; }

.projectDD { float: left; display: inline-block; padding-top: 10px; padding-bottom: 10px; }
.projectDD label { font-size: 16px; color: #96989a; }
.projectDD select { -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 18px; color: #626262; margin: 0px; padding: 0px 25px 0px 0px; display: block; border: none; width: auto; text-indent: 0px; background-color: transparent; margin-top: -7px; }
.projectDD option { font-size: 16px; padding: 5px; }
.popupWrap .modal-content { box-shadow: none; }
.rowWrap { /*padding-left:30px;*/ width: 100%; position: relative; margin-bottom: 10px; }
.rowWrap:after { content: ""; display: block; clear: both; }
.rowWrap .formHalf { width: 50%; float: left; padding: 0px 15px; position: relative; }
.rowWrap .formFull { width: 100%; padding: 0px 15px; }

.popupWrap .errormsg { top: auto; bottom: -17px; }
.projTitle { height: 30px; margin-top: 20px; position: relative; }
.projTitle input[type="text"] { border: 0px; background-color: transparent; font-size: 16px; text-align: left; color: #000; box-shadow: none; padding: 0px 0px 10px 15px; line-height: 1em; height: auto; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9; transition: .3s; border-bottom: 1px solid #fff !important; }
.projTitle label { font-size: 16px; position: absolute; top: 0px; left: auto; color: #414141; transition: .3s; }
.projTitle input[type="text"]:focus + label { font-size: 12px; top: -20px; color: #7e7e7e; transition: .3s; }
.projTitle input:valid + label { font-size: 12px; top: -20px; color: #7e7e7e; transition: .3s; }

.popupWrap .formHalf .circle_chk { margin-top: 6px; float: left; }
.popupWrap .formHalf .circle_chk input[type="checkbox"] { margin-left: 5px; }


.dueDateCal { height: 30px; margin-top: 20px; position: relative; }
.dueDateCal input[type="text"] { border: 0px; background-color: transparent; font-size: 16px; text-align: left; color: #000; box-shadow: none; padding: 0px 0px 0px 15px; line-height: 1em; height: auto; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9; text-align: center; transition: .3s; }
.dueDateCal label { font-size: 16px; position: absolute; top: 0px; left: 0px; color: #414141; text-align: center; transition: .3s; }
.dueDateCal input[type="text"]:focus + label { font-size: 12px; top: -15px; color: #7e7e7e; transition: .3s; }
.dueDateCal input:valid + label { font-size: 12px; top: -15px; color: #7e7e7e; transition: .3s; }

.lblSmall { font-size: 12px; color: #7e7e7e; display: block; width: 100%; }
.lblBig { font-size: 16px; text-align: left; color: #414141; box-shadow: none; padding: 0px; display: block; width: 100%; padding-left: 15px; }
.popupWrap .datepicker { border: 0px; background-color: transparent; font-size: 18px; text-align: center; color: #000; box-shadow: none; padding: 0px; background-image: none; }
.popupWrap select.form-control { background-image: url(../images/dd_arrow.png); background-size: 1em; border: none; background-color: #FFF; box-shadow: none; }
.popupWrap > .modal-content > .panel-menu { background-color: #fff; border-bottom: 1px solid #fff; position: fixed; top: 0px; z-index: 999; width: 100%; }
.popupWrap .close.closeright { font-size: 24px!important; padding-top: 6px; }
.popupWrap textarea { box-shadow: none; }
.popupWrap input[type="text"], .popupWrap textarea { border: 0px; }
.popupWrap select.form-control:focus, .popupWrap textarea:focus { outline: none; box-shadow: none; }

.panel-menu .addCheckIcon { color: #ccc; position: absolute; top: 6px; right: 37px; border: 1px solid #ccc; border-radius: 50px; width: 30px; height: 30px; text-align: center; line-height: 2.05; padding: 3px; }
.panel-menu .addCheckIcon i { font-size: 17px; }
.panel-menu .addCheckIcon:hover { color: #808080; border-color: #808080; }

.mdlPopup .modal-content { border-radius: 10px; box-shadow: none !important; }
.mdlPopup .modal-content .modal-header { background: transparent; height: auto; text-align: center; }
.mdlPopup .modal-content .modal-footer { background: transparent; height: auto; text-align: center; padding-top: 0; border: none; }
.mdlPopup .modal-content .modal-footer .addBtnPop { border-radius: 5px; }

.addBtnPop { display: inline-block; padding: 9px 20px; color: #fff; border-radius: 3px; font-weight: bold; background: #4073ff; width: 100%; margin: auto; text-align: center; }
.addBtnPop:hover, .addBtnPop:focus { color: #fff; text-decoration: none; }

.ucTimePop .modal-dialog { margin-top: 50%; }
.ucTimePop .col-md-6 { float: left; width: 50%; margin-bottom: 15px; padding: 0; }
.ucTimePop .col-md-6 .projTitle { /*margin-left: 10px;*/ }
.ucTimePop .col-md-6 .projTitle label { left: 0; }

.tmViewBlck .tmViewHead label.lblBig { display: inline-block; width: auto; margin-right: 10px; }
.tmViewBlck .tmViewHead a { color: #d2d2d2; font-size: 16px; }
.tmViewBlck .tmViewComment .panel { border: 1px solid #f7f7f7; box-shadow: none; margin-bottom: 10px; border-radius: 5px; }
.tmViewBlck .tmViewComment:nth-child(2n+1) .panel { background-color: #f6f8fa; }

.tmViewBlck .tmViewTxt { margin-bottom: 5px; }
.tmViewBlck .tmViewDate { color: #d2d2d2; text-align: right; display: inline-block; width: 100%; vertical-align: middle; }
.tmViewBlck .tmViewDate i { margin-right: 5px; font-size: 16px; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); vertical-align: text-top; display: inline-block; }
.tmViewBlck .tmViewDate span { color: #7e7e7e; vertical-align: middle; display: inline-block; font-size: 12px; }
.tmViewBlck .tmViewDate .timeSpent { margin-left: 5px; }
.tmViewBlck .tmViewDate ul.usersList { margin-left: 5px; margin-right: 0; float: none; display: inline-block; vertical-align: middle; }
.tmViewBlck .addTmLink { text-decoration: underline; color: #4073ff!important; }



.checkListPop .modal-dialog { margin-top: 20%; }

.checkListBlock { padding-left: 15px; }
.checkListBlock .checkHead { margin-bottom: 2px; }
.checkListBlock .checkHead i { color: #ababab; font-size: 15px; margin-top: 2px; display: inline-block; float: left; }
.checkListBlock .checkHead label.lblBig { display: inline-block; width: calc(100% - 20px); padding-left: 8px; line-height: 1.2; }
.checkListBlock .checkListAdd { width: 100%; margin-bottom: 5px; }
.checkListBlock .checkListAdd:after { content: ""; display: block; clear: both; }
.checkListBlock .checkListAdd input { width: calc(100% - 55px); display: inline-block; float: left; border-radius: 5px 0px 0px 5px; height: 31px; border: none; box-shadow: none; }
.checkListBlock .checkListAdd input:focus { box-shadow: none; }
.checkListBlock .checkListAdd .btn { float: left; border-radius: 0px 4px 4px 0px; }
.checkListBlock .checkList { margin-bottom: 20px; text-align: left; }
.checkListBlock .checkList li { display: inline-block; width: 100%; }
.checkListBlock .checkList i { color: #ababab; display: inline-block; font-size: 15px; float: left; margin-right: 4px; }
.checkListBlock .checkList label.lblBig { float: left; font-size: 13px; display: inline-block; max-width: calc(100% - 50px); padding-left: 3px; line-height: 1.2; width: auto; }
.checkListBlock .checkList li:after { content: ""; display: block; clear: both; }
.checkListBlock .checkList li a.close { float: left; margin-left: 5px; display: inline-block; visibility: hidden; transition: color 0.2s ease-out; font-size: 18px !important; padding-top: 0px; }
.checkListBlock .checkList li a.close .fa { color: red; }
.checkListBlock .checkList li:hover a.close { visibility: visible; }

.taskListView { margin-top: 20px; border-top: 1px solid #f7f7f7; padding-top: 20px; }
.taskListView .taskprogress { float: right; width: 235px; text-align: right; }
.taskListView .taskprogress .progress { display: inline-block; height: 6px; background: #f9f9f9; box-shadow: none; width: 75px; margin: 0px 5px; vertical-align: middle; }
.taskListView .taskprogress a { text-align: right; min-width: 120px; color: #808080; text-decoration: none; display: inline-block; }
.taskListView .taskprogress label { color: #808080; }
.taskListView .taskprogress .progress-bar[aria-valuenow="0"] { min-width: initial; }


.taskListView > label { font-weight: bold; margin-bottom: 5px; width: calc(100% - 235px); }
.taskListView .taskCheckItem { margin-bottom: 20px; }
.taskListView .taskCheckItem li { margin-bottom: 5px; font-size: 0; display: inline-block; width: 100%; }
.taskListView .taskCheckItem li span { vertical-align: middle; font-size: 13px; float: left; }
.taskListView .taskCheckItem li span:last-child { width: calc(100% - 30px); }
.taskListView .taskCheckItem li input { height: 15px !important; width: 16px !important; margin-bottom: -1px!important; }
.taskListView .taskCheckItem li input[type="checkbox"]:checked:before { left: 2px; top: 3px; width: 10px; height: 5px; }
.taskListView .taskCheckItem li.clsHide span { text-decoration: line-through; font-style: italic; text-decoration-color: #9d9c9c; }

.editCheck input { padding: 3px 10px; height: auto; float: left; width: 90%; }
.editCheck input:focus { box-shadow: none; outline: none; }
.editCheck .savebtn { float: left; margin-left: 10px; padding-top: 6px; }
.editCheck .savebtn i { color: #516fca !important; font-size: 18px !important; }

.formIcon { display: block; width: 30px; height: 30px; font-size: 18px; position: absolute; left: 0px; top: 3px; line-height: 1em; color: #c6c6c6; text-align: center; display: none; }
.attachUpld { position: relative; display: inline-block; }
.attachUpld input { -moz-appearance: none; -webkit-appearance: none; appearance: none; background: transparent; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 100%; opacity: 0; }
.attachUpld span { display: block; font-size: 12px; font-weight: normal; color: #7e7e7e; }
.attchList { margin-bottom: 0px; }
.attchList li { display: block; font-size: 12px; font-weight: normal; color: #7e7e7e; }
.usersList, .is-moving .usersList { margin: 0px; padding: 0px; display: inline-block; float: left; margin-right: 5px; }
.usersList li, .is-moving .usersList li { width: 20px; height: 20px; max-width: 100%; display: inline-block; overflow: hidden; border-radius: 50%; line-height: normal; }
.usersList li strong, .is-moving .usersList li strong { display: inline-block; width: 100%; height: 100%; color: #546677; line-height: 1.8; font-size: 11px; border: 1px solid #a6a6a6; border-radius: 50%; cursor: default; text-align: center; }
.statsBlkWrp .usersList li, .statsBlkWrp .is-moving .usersList li { float: left; margin-right: 5px; line-height: normal; width: 20px; height: 20px; }
.statsBlkWrp .usersList li:last-child, .statsBlkWrp .is-moving .usersList li:last-child { margin-right: 0px; }
.is-moving .usersList li img { width: 20px; height: 20px; }
.usersListPop { margin: 0px; padding: 0px; display: inline-block; float: left; margin-right: 5px; display: none; }
.usersListPop li { width: 30px; height: 30px; max-width: 100%; display: inline-block; overflow: hidden; border-radius: 50%; }
.statsBlkWrp .usersListPop li { width: 20px; height: 20px; }
.usersListWrp { display: inline-block; position: relative; }
.usersListWrp b { cursor: pointer; }
.usersListPop.open { display: inline-block!important; right: -40px; padding: 4px 7px; background-color: #FFF; border: 1px solid #ccc; position: absolute; border-radius: 5px; z-index: 9999; line-height: 1em; width: auto; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); top: -25px; cursor: pointer; }

.usersListPop.open:before { content: ""; display: block; width: 10px; height: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(-44deg); position: absolute; bottom: -6px; background-color: #fff; left: 10px; border-radius: 0px 10px 0px 0px; }

.statsBlkWrp .usersList li.assnr { -webkit-box-shadow: 0px 0px 0px 1px #5b5b5b; -moz-box-shadow: 0px 0px 0px 1px #5b5b5b; box-shadow: 0px 0px 0px 1px #5b5b5b; padding: 2px; width: 23px; height: 23px; margin-top: -2px; cursor: default; }
.statsBlkWrp .usersList li.assnr img { border-radius: 50px; }

.statList { display: none; }
.statList li { display: block; border: 0px; padding: 0px; border-bottom: 1px solid #efefef; }
.statList li a { color: #000; display: block; padding: 5px 10px; font-size: 14px; transition: .2s; }

.userAssWrap { display: inline-block; font-size: 13px; margin-top: 0px; position: relative; }
.userAssigned { display: inline-block; }
.userAssWrap span { width: 16px; height: 16px; display: inline-block; overflow: hidden; border-radius: 50%; margin-left: 0px; font-size: 0; }
.userAssWrap .userTog { padding-left: 2px; }

.userAssWrap .usersListPop.open { right: 0; margin-right: 0; top: -35px; }
.userAssWrap .usersListPop.open:before { left: auto; right: 10px; }

.statsBlkWrp .usersListPop.open { right: auto; left: 40px; white-space: nowrap; }

.statWrap { display: none; position: absolute; right: 25px; top: 5px; text-align: left; font-size: 14px; width: 25px; cursor: pointer; }
.statList.open { display: inline-block!important; right: -20px; padding: 4px 5px; background-color: #FFF; border: 1px solid #ccc; position: absolute; border-radius: 5px; z-index: 9999; line-height: 1em; width: 150px; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); top: 25px; }

.statList.open:before { content: ""; display: block; width: 10px; height: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(133deg); position: absolute; top: -6px; background-color: #fff; right: 30px; border-radius: 0px 10px 0px 0px; }
.statTaskTog { display: inline-block; }


.taskHdr .tskStat { position: relative; }
.statTaskList { display: none; }
.statTaskTog { cursor: pointer; }
.statTaskList.open { display: inline-block !important; right: 0px; padding: 4.statList.openpx 7px; background-color: #FFF; border: 1px solid #ccc; position: absolute; border-radius: 5px; z-index: 9999; line-height: 1em; width: auto; -webkit-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); box-shadow: 0px 0px 5px -2px rgba(0,0,0,0.75); top: 34px; width: 150px; }
.statTaskList li { display: block; border: 0px; padding: 0px 8px; border-bottom: 1px solid #efefef; width: 100%; }
.taskHdr .statTaskList li a { color: #000; display: block; padding: 5px 0px; font-size: 14px; transition: .2s; width: 100%; border-radius: 0px; background-color: transparent; text-align: left; line-height: 1.2em; }
.statTaskList.open:before { content: ""; display: block; width: 10px; height: 10px; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; transform: rotate(133deg); position: absolute; top: -6px; background-color: #fff; right: 30px; border-radius: 0px 10px 0px 0px; }
.plusBtn { display: inline-block; position: relative; }
.plusBtn > a { width: 30px; height: 30px; text-align: center; color: #FFF!important; border-radius: 50%; background-color: #4175fc; color: #FFF!important; display: inline-block; cursor: pointer; overflow: hidden; position: relative; line-height: 28px; }
.plusBtn > a > .fa { line-height: 31px; }
.plusBtn select { display: block; opacity: 0; position: absolute; z-index: 99; top: 0px; left: 0px; }

.addTicket .plusBtn > a { background-color: #fc9352; }
.addTicket .btn-custom { background-color: #fc9352; }
.addTicket .tiktStatPr label { margin-bottom: 10px; }


.usrSlct.popover { top: 0; width: 335px; max-width: 335px; left: 40px; }
.usrSlct select { display: inline-block; width: auto; padding-right: 15px; margin-left: 10px; }
.usrSlct .btn-default { margin-right: 10px; }
.usrSlct.popover.top > .arrow { left: 0%; margin-left: -20px; border-bottom-width: 0; border-top-color: #999; bottom: auto; transform: rotate(90deg); top: 14px; border-width: 10px; }
.usrSlct.popover .btn-group { width: calc(100% - 54px); }
.usrSlct.popover .btn-group .multiselect { width: 100%!important; }
.usrSlct.popover .btn-default .caret { top: 13px; }
.usrSlct.popover .btn-group input.multiselect-search { border: 1px solid #ccc; }
.usrSlct.popover .btn-group input.multiselect-search:focus { box-shadow: none; }






.btn-custom { display: inline-block; background-color: #4175fc; color: #fff!important; border-radius: 5px; transition: .3s; }
.btn-custom:hover { color: #fff!important; transition: .3s; }
.btn-custom-red { display: inline-block; background-color: #F44336; color: #fff; border-radius: 5px; transition: .3s; }
.btn-custom-red:hover { color: #fff!important; transition: .3s; }
.btn-custom-yellow { display: inline-block; background-color: #F44336; color: #fff; border-radius: 5px; transition: .3s; }
.btn-custom-yellow:hover { color: #fff!important; transition: .3s; }

.popupWrap .panel-body { max-height: calc(100% - 43px); overflow: auto; background-color: #f8f8f8; padding-top: 55px!important; }
.popupWrap .drgdrpWrp { border: none; border-radius: 3px; position: relative; height: 30px; background-color: #FFF; }
.popupWrap .tm-tag.tm-tag-success { display: inline-block; margin-top: 7px; width: auto; background-color: transparent; border: 0px; color: #414141; box-shadow: none; padding-left: 20px!important; position: relative; }
/*.popupWrap .tm-tag.tm-tag-success:before { content:"\f08e"; font-family: FontAwesome; display:block; width:15px; height:15px; position:absolute; left:0px;}*/
.popupWrap .tm-tag.tm-tag-success a { display: inline-block; width: 15px; height: 15px; background-color: #F44336; border-radius: 50%; text-align: center; color: #FFF; position: absolute; left: 0px; top: 0px; }
.taskDescTtl { width: calc(100% - 95px) !important; }
.docuList .taskDescTtl { width: calc(100% - 55px) !important; }
.taskHdr li { display: inline-block; }
.taskHdr li a { display: block; width: 28px; height: 28px; background-color: #fff; color: #bdbdbd; border-radius: 50%; text-align: center; line-height: 31px; font-size: 16px; }
.taskHdr a:hover { background-color: #f9f9f9; color: #606368; }
.taskHdr .tskStat span { display: inline-block; padding: 5px 13px!important; border-radius: 30px!important; margin-top: -2px; margin-right: 6px; line-height: 1.5em; overflow: initial!important; height: auto!important; width: auto!important; font-size: 14px; color: #FFF; }
h3.taskTitle { font-size: 16px; color: #414141; line-height: 1em; text-overflow: initial; white-space: initial; }
.taskComments { margin-bottom: 20px; }
.taskComments:after { content: ""; display: block; clear: both; }
.taskComments .panel { padding: 0px 0px 20px 0px; background-color: #f9f9f9; border: none; position: relative; margin-bottom: 0px; }
.taskComments .panel-heading { border: none; height: auto; min-height: unset; line-height: 30px; padding-bottom: 5px; border-bottom: 1px solid #ccc; }
.taskComments .panel-body { border: none; min-height: 60px; }
.taskComments .panel-body.comment_editor .comment_editor { padding: 0px !important; }
.taskOption a { display: inline-block; width: 20px; height: 20px; background-color: #333; color: #FFF; border-radius: 50%; text-align: center; line-height: 21px; font-size: 11px; vertical-align: middle; cursor: pointer; }
.taskOption a:hover { color: #FFF; text-decoration: none; }
/*.tasklistWrap .listtab{ max-height:500px; overflow:auto; }
.taskDetails .taskContent { max-height:430px; overflow:auto; }*/

.tasklistWrap .trclass .sub_list > a { display: inline-block; width: calc(100% - 35px); cursor: pointer; }
.TaskView .panel-heading { border-bottom: 1px solid #e5e5e5; line-height: 30px; padding-bottom: 7px; margin-bottom: 15px; }
.TaskView .panel-heading .taskHdr { margin-bottom: 0px; }
.disclistWrp.tasklistWrap .trclass .sub_list > a { width: 100%; }
.fullwdList.tasklistWrap .trclass .sub_list > a { width: 100%; }
.atchList li a { color: #414141; }
.atchList li .fa { color: #414141!important; margin-right: 5px; }
.col-sm-12 .addComments.pn { padding-left: 0px !important; padding-right: 0px !important; }
.addComments { padding-left: 15px !important; padding-right: 15px !important; }
.addComments .panel { padding: 10px; border: none; }
.addComments .panel-heading { border: none; height: auto; min-height: unset; line-height: 30px; padding-bottom: 15px; border-bottom: 1px solid #ccc; border-bottom: 0px!important; margin-bottom: 0px; }
.addComments .panel-body { border: none; }
.addComments .jqte { margin: 0px; }
.addComments .drgdrpWrp { border: none; border-radius: 3px; position: relative; height: 40px; background-color: #FFF; margin-top: 10px; }
.addComments .errormsg { position: initial; }

.uFilelst:after { content: ""; display: block; clear: both; }
.crtedDate { margin-bottom: 15px; }
.crtedDate span { font-size: 12px; color: #7e7e7e; display: block; width: 100%; margin-top: -8px; }
.status-full .hdrBar { float: none; max-width: 100%; width: 1170px; margin: auto !important; }
.taskDDate, .is-moving .taskDDate { display: inline-block; padding-left: 10px; position: relative; font-size: 12px; line-height: 20px; float: right; }
.taskDDate .assign, .is-moving .taskDDate .assign { display: inline-block; position: absolute; left: 0px; }
.taskDDate .assign h3, .is-moving .taskDDate .assign h3 { margin-left: 0px!important; }
.taskDDate label, .is-moving .taskDDate label { display: inline-block; }
.defaultModal dl dd iframe { top: 10px!important; height: calc(100vh - 20px); max-height: 650px; border-radius: 10px; bottom: 10px; margin-top: auto; margin-bottom: auto; }

.addDocBtn { position: relative; }
.addDocBtn a { display: inline-block; width: 30px; height: 30px; color: #FFF!important; border-radius: 50%; background-color: #4175fc; float: left; text-align: center; line-height: 28px; overflow: hidden; position: absolute; right: 3px; top: 3px; }
.addDocBtn a .fa { line-height: 31px; }
.usrPicWrp { width: 40px; float: left; }
.usrCmtWrp { width: calc(100% - 41px); float: left; position: relative; }

.desBlc div { padding-top: 5px; }
.usrCmtWrp .extlnk div { padding-top: 5px; }

.closeDetail { display: none; width: 25px; height: 25px; font-size: 24px; line-height: 24px; text-align: center; position: absolute; right: 5px; top: 5px; z-index: 99; }
.detailPopup { display: block!important; position: fixed; top: 0px; left: 0px; width: 100%; background-color: #FFF; height: 100vh; overflow: auto; z-index: 999; }
.detailPopup .panel { padding: 30px 0px 15px 0px; }
.detailPopup .closeDetail { display: block; }

.projectNav { float: left; display: inline-block; padding-top: 4px; padding-bottom: 10px; margin-top: 26px; }

.projectNav label { font-size: 13px; color: #96989a; display: block; line-height: 1em; }
.projectNav .proDrpDwn { display: inline-block; padding-right: 30px; font-size: 17px; color: #626262; position: relative; line-height: 1em; cursor: pointer; vertical-align: bottom; }

.projectNav li { font-size: 16px; color: #626262; }

.projectNav.wideDDL .dropdown-el.expanded { min-width: 420px; }
.projectNav.wideDDL .dropdown-el a { width: 50%; float: left; padding: 5px 20px; }


.projSlct { position: absolute; z-index: 99; background-color: #fff; left: 10px; width: 220px; padding: 12px 10px; font-size: 16px; border-radius: 10px; -webkit-box-shadow: -1px 7px 36px -16px rgba(0,0,0,0.75); -moz-box-shadow: -1px 7px 36px -16px rgba(0,0,0,0.75); box-shadow: -1px 7px 36px -16px rgba(0,0,0,0.75); top: 80px; }
.projSlct li { display: block; border-bottom: 1px solid #f1f1f1; }
.projSlct li a { display: block; padding: 6px 10px; background-color: #fff; transition: .3s; color: #626262; }
.projSlct li a:hover { background-color: #f6f8fa; transition: .3s; color: #626262; }
.projSlct li:last-child { border: none; padding: 0; margin: 0; }
#nav-icon { width: 25px; position: absolute; font-size: 23px; right: 5px; text-align: right; bottom: 0px; height: 18px; }
/*#nav-icon {width:25px; position: absolute;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;left:0px;top:2px;}
#nav-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #454545;border-radius: 9px;opacity: 1;
left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {  top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {  top: 10px;}
#nav-icon span:nth-child(4) {  top: 20px;}
#nav-icon.open span:nth-child(1) {  top: 10px;  width: 0%;  left: 50%;}
#nav-icon.open span:nth-child(2) {  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
#nav-icon.open span:nth-child(3) {  -webkit-transform: rotate(-45deg);  -moz-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
#nav-icon.open span:nth-child(4) {  top: 12px;  width: 0%;  left: 50%;}*/


.projSlct .arrow { width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #ffffff transparent; position: absolute; top: -8px; left: 68px; }

.dropdownRel { position: relative; min-width: 240px; margin-right: 20px; min-height: 38px; display: inline-block; float: left; }
.dropdownRel > span { position: absolute; top: -25px; left: 0px; font-weight: bold; }
.dropdown-el { position: absolute; left: 0px; top: 0; z-index: 99; min-width: 240px; display: inline-block; min-height: 38px; max-height: 38px; overflow: hidden; cursor: pointer; outline: none; border-radius: 10px; background-color: #fff; transition: .3s all ease-in-out; -webkit-box-shadow: 0px 17px 17px -10px rgba(164, 164, 164, 0.3); -moz-box-shadow: 0px 17px 17px -10px rgba(164, 164, 164, 0.3); box-shadow: 0px 17px 17px -10px rgba(164, 164, 164, 0.3); }
.dropdown-el label { color: #000; }
.dropdown-el a { color: #444; }
.dropdown-el label,
.dropdown-el a { text-align: left; line-height: 22px; border-top: none!important; display: block; cursor: pointer; position: relative; transition: .1s color ease-in-out; margin-bottom: 0; font-size: 15px!important; padding: 8px 20px; }
.dropdown-el::after { content: "\f078"; position: absolute; right: 16px; top: 7px; transition: .3s all ease-in-out; font-family: FontAwesome; font-size: 15px; color: #4d4d4d; }
.dropdown-el.expanded { box-shadow: 0 1px 6px 0 rgba(32,33,36,.28); border-color: transparent; background: #fff; border-radius: 10px; font-size: 18px; padding: 10px; max-height: inherit; }
.dropdown-el.expanded label { cursor: initial!important; }
.dropdown-el.expanded a:hover { transition: .01s; color: #0c74e7; }
.dropdown-el.expanded::after { transform: rotate(-180deg); top: 20px; right: 26px; }


.defaultModal dl { height: 100%; }
/*tiny mce*/
.mce-path { padding: 0px!important; }
.mce-panel { border: 0px solid #e4e4e4!important; background-color: #f0f0f0!important; background-image: none!important; }
.mce-ico { font-size: 16px!important; line-height: 17px!important; }
.mce-btn { background-image: none!important; border: none!important; box-shadow: none!important; }
.mce-btn button { padding: 4px 6px!important; }
/*.mce-tinymce.mce-container { border: 1px solid #e4e4e4!important; width: calc(100% - 32px)!important; }*/
.mce-tinymce.mce-container { border: 1px solid #e4e4e4!important; /*width: calc(100% - 50px)!important; */ }
.mce-tinymce.mce-container div { max-width: 100%; }
.mce-floatpanel.mce-window.mce-in { max-width: 95%; left: 0; right: 0; margin: auto; }
.mce-floatpanel.mce-window.mce-in div { max-width: 100%; }
.mce-floatpanel.mce-window.mce-in textarea { max-width: calc(100% - 48px); }
.mce-foot .mce-btn.mce-primary.mce-first { left: auto!important; right: 85px; }
.mce-foot .mce-btn.mce-last { left: auto!important; right: 20px; }
.mce-edit-focus { outline: none!important; }
.da-editor { background: #fff; opacity: 1!important; padding: 10px; border-radius: 5px; height: 300px!important; overflow: auto; }
.rowWrap .formFull .da-editor.mce-content-body { overflow: auto; }



.editrWrp .lblBig { margin-bottom: 33px; }
.lblCol { color: #7e7e7e; }

.desBlc ul, .comment_editor ul, .da-editor ul, .desBlc ol, .comment_editor ol, .da-editor ol, .emailContents ol, .emailContents ul { padding-left: 20px; }
.desBlc ul li, .comment_editor ul li, .da-editor ul li, .emailContents ul li { list-style: initial; }
.desBlc ol li, .comment_editor ol li, .da-editor ol li, .emailContents ol li { list-style: inherit; }
.usrImage { width: 30px; height: 30px; max-width: 100%; display: inline-block; overflow: hidden; border-radius: 50%; margin-left: 5px; vertical-align: middle; }
.curpoint { cursor: pointer; }
.tooltip { font-size: 10px!important; line-height: 1em; }
.tooltip.top .tooltip-arrow { display: none!important; position: absolute!important; bottom: -3px!important; border: 2px solid #ff0000; }

.addComments .mce-content-body { background: #F9F9F9; color: #24292e; }
.shareLinks { display: inline-block; }
.shareLinks .shareWrap > div { display: inline-block; }
.shareLinks .infoTog { display: none; }
.slctLogo { display: inline-block; margin-left: 10px; height: 40px; vertical-align: bottom; }
.slctLogo img { max-height: 40px; }
.mention { color: #4073ff; font-weight: bold; font-style: italic; }

.progress-bar[aria-valuenow="0"] { min-width: initial; }
.imgPrv { height: 100vh; }
.imgPrv .panel-body { height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.imgPrv .panel-body .previewBx { max-height: 100%; }
.taskContent .defaultModal .loaderAnim { top: 40% !important; }

.taskDate .tskStat { display: inline-block; }
.taskDate .tskStat span { display: inline-block; padding: 0px 7px !important; border-radius: 30px !important; margin-top: -2px; margin-right: 6px; line-height: 18px; overflow: initial !important; height: auto !important; width: auto !important; font-size: 10px; font-weight: bold; color: #FFF; }

.jobView .panel-body { padding-right: 0px !important; padding-left: 10px !important; }
.jobView .projectNav { padding-bottom: 12px; float: right; text-align: right; }
.jobView .projectNav > h2 { line-height: normal; margin-bottom: 5px; }
.jobView .projectNav > p { margin-bottom: 15px; }
.jobView .projectNav > .dropdownRel { float: right; margin-right: auto; }
.jobView .projectNav > .dropdownRel > span { /*left: auto; right: 0px;*/ }
.jobView .projectNav .filtrDD select { -moz-appearance: none; -webkit-appearance: none; appearance: none; font-size: 14px; color: #a9a9a9; margin: 0px 5px; padding: 5px 25px 5px 10px; display: inline-block; border: none; width: auto; text-indent: 0px; background-color: transparent; height: 38px; }
.jobView .projectNav .filtrInpt input { transition: .3s all ease-in-out; -webkit-box-shadow: 0px 17px 17px -10px rgba(164, 164, 164, 0.3); -moz-box-shadow: 0px 17px 17px -10px rgba(164, 164, 164, 0.3); box-shadow: 0px 17px 17px -10px rgba(164, 164, 164, 0.3); padding-right: 45px; height: 30px; border-radius: 10px; border-color: #fff; background-color: #fff; }
.jobView .projectNav .filtrInpt input:focus { box-shadow: 0 1px 6px 0 rgba(32,33,36,.28); border-color: transparent; background: #fff; }
.jobView .projectNav .filtrInpt a { position: absolute; top: 0px; right: 0px; width: 45px; text-align: center; height: 30px; line-height: 30px; }


.jobTbl { margin-bottom: 60px; }
.jobTbl > ul { display: table; width: 100%; font-size: 0; margin-bottom: 1px; table-layout: fixed; }
.jobTbl > ul > li { display: table-cell; vertical-align: middle; font-size: 12px; padding: 5px; text-align: center; background-color: #f5f6f8; border-bottom: 1px solid #e6e9ef; border-right: 1px solid #fff !important; }

.jobTbl > ul:hover li { background-color: #d1ddec; }
.jobTbl li .fa { font-size: 16px; }

.jobTbl li.firstChild { text-align: left; border-left: 8px solid #579bfc; padding-left: 10px; padding-right: 10px; position: relative; }
.jobTbl li.lastChild { position: relative; padding-right: 8px; }
.jobTbl li.lastChild:after { content: ""; width: 8px; height: 100%; background-color: #e6e9ef; position: absolute; top: 0px; right: 0px; }

.jobTbl .jobTblHead li:last-child:after { display: none; }
.jobTbl .jobTblHead li .fa { color: #4073ff; }

.jobIcon .fa.fa-check { color: #0bd40b; }
.jobIcon .fa.fa-exclamation { color: #e0394e; }

.jobTbl .custom_check_star { float: left; width: 20px; padding-right: 3px; }

.jobTbl li.jbNewJobs { width: 17%; }
.jobTbl li.jbNewJobs span { display: inline-block; vertical-align: middle; width: calc(100% - 50px ); overflow: hidden; text-overflow: ellipsis; padding-right: 20px; white-space: nowrap; }
.jobTbl li.jbNewJobs .fa-check { color: #0bd40b; }
.jobTbl li.jbNewJobs > .fa { position: absolute; top: calc(50% - 7px); right: 45px; width: 18px; text-align: center; }
.jobTbl li.jbNewJobs > .fa.fa-check { color: #0bd40b; }
.jobTbl li.jbNewJobs > .fa.fa-exclamation { color: #e0394e; }
.jobTbl li.jbJob { width: 6%; }

.jobTbl li.jbAdd { border-left-color: #abcdfe !important; width: 100% !important; background-color: #fff; padding-right: 20px; }
.jobTbl li.jbAdd a { margin-left: 15px; margin-top: 2px; display: inline-block; }
.jobTbl li.jbAdd .jbAddFields { background: #f5f6f8; padding: 10px 10px 0px; border-radius: 3px; margin: 10px auto; }

.jobTbl li.jbClient { width: 17%; }

.jobTbl li.jbExec { position: relative; width: 9%; }
.jobTbl li.jbExec > .fa { color: #579bfc; }
.jobTbl li.jbExec p { margin: auto; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.jobTbl li.jbExec.jbExecAdd { padding-left: 18px; }
.jobTbl li.jbExec.jbExecAdd > .fa { position: absolute; left: 3px; top: 25%; font-size: 15px; cursor: pointer; }

.jobTbl li.jbStaff { position: relative; width: 10%; }
.jobTbl li.jbStaff > .fa { color: #579bfc; }
.jobTbl li.jbStaff p { margin: auto; line-height: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.jobTbl li.jbStaff.jbStaffAdd { padding-left: 18px; }
.jobTbl li.jbStaff.jbStaffAdd > .fa { position: absolute; left: 3px; top: 25%; font-size: 15px; cursor: pointer; }

.jobTbl li.jbDept { width: 11%; }
.jobTbl li.jbTime { width: 8%; }

.jobTbl li.jbDeadline { position: relative; width: 15%; }
.jobTbl li.jbDeadline:after { clear: both; display: block; content: ""; }
.jobTbl li.jbDeadline p { line-height: normal; margin: auto; vertical-align: middle; width: 100%; padding: 4px 0px; cursor: pointer; }
.jobTbl li.jbDeadline p .fa { color: #5d6387; display: inline-block; vertical-align: middle; }
.jobTbl li.jbDeadline p .fa.fa-circle.red { color: #e0394e; }
.jobTbl li.jbDeadline p .fa.fa-check-circle { color: #258750; }
.jobTbl li.jbDeadline p > span { display: inline-block; vertical-align: middle; width: 145px; -webkit-user-select: none; /* Safari */ -ms-user-select: none; /* IE 10 and IE 11 */ user-select: none; /* Standard syntax */ }
.jobTbl li.jbDeadline .dueDays { display: inline-block; font-size: 11px; }

.jobTbl li.jbStatus { width: 9%; }
.jobTbl li.jbStatus.pStts { padding: 0px; }
.jobTbl li.jbStatus.pStts p { padding: 10px 5px 10px 10px; position: relative; cursor: pointer; line-height: normal; margin: auto; vertical-align: middle; min-height: 34px; }
.jobTbl li.jbStatus.pStts p:after { content: ""; width: 8px; height: 100%; background-color: #fff; position: absolute; top: 0px; left: 0px; opacity: 0.3; }

.jobTbl .jbStaff { width: 5%; }

.jobTbl .jobTblHead li { background-color: transparent; border-bottom: none !important; padding: 10px 5px; font-size: 11px; font-weight: bold; }
.jobTbl .jobTblHead .jbNewJobs { color: #579bfc; font-size: 15px; padding-top: 0px; padding-bottom: 0px; position: relative; }
.jobTbl .jobTblHead .jbNewJobs:before { content: "\f0da"; font-family: 'FontAwesome'; color: #fff; font-size: 12px; background: #579bfc; display: inline-block; text-align: center; height: 16px; width: 16px; line-height: 17px; border-radius: 50%; position: absolute; top: 11px; left: -18px; padding-left: 2px; }
.jobTbl .jobTblHead li:first-child { border: none; padding-left: 5px; }
.jobTbl .jobTblHead li.jbExec .fa-link { font-size: 13px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.jobTbl .jbExec p > span, .jobTbl .jbStaff p > span { display: inline-block; width: 25px; height: 25px; background-color: #fff; vertical-align: middle; border-radius: 50%; position: relative; }
.jobTbl .jbExec p > span img, .jobTbl .jbStaff p > span img { border-radius: 50%; }
.activityList ul li.actFrmTo span strong,
.activityList ul li.actBy span.usrImg strong,
.jobTbl .jbExec p > span strong, .jobTbl .jbStaff p > span strong { display: inline-block; width: 100%; height: 100%; color: #546677; line-height: 24px; font-size: 12px; border: 1px solid #a6a6a6; border-radius: 50%; cursor: default; text-align: center; }

.jobTbl .disable img { opacity: 0.3; }
.homeIcon { position: relative; }
.homeIcon:after { content: "\f015"; display: inline-block; font-family: 'FontAwesome'; position: absolute; bottom: -3px; left: -3px; background: #000; color: #fff; width: 15px; height: 15px; line-height: 12px; border-radius: 50%; text-align: center; border: 1px solid #fff; font-size: 10px; }
.multiStaff { position: absolute; top: 1px; left: 18px; width: 23px; height: 23px; background: #333333; color: #fff; font-style: normal; text-align: center; line-height: 24px; border-radius: 50%; font-size: 12px; }

.jobTbl li.fillTab { background: #f5f6f8; border-radius: 5px 5px 0px 0px; }
.jobTbl li.fillTab .fa { margin-right: 6px; color: #4073ff; }
.jobTbl .jbCmmnt { display: inline-block; vertical-align: middle; position: relative; font-size: 0; cursor: pointer; }
.jobTbl .jbCmmnt b { display: inline-block; background-color: #579bfc; color: #fff; border-radius: 50px; width: 14px; height: 14px; font-weight: normal; font-size: 11px; text-align: center; line-height: 14px; position: absolute; bottom: 0px; right: -5px; }
.jobTbl .jbCmmnt .fa { font-size: 25px; color: #579bfc; }
.jobTbl .jbCmmnt.disable .fa { color: #c5c7d0; }
.jobTbl .jbCmmnt.disable b { background-color: #c5c7d0; }

.jb-edtBox { display: inline-block; height: 100%; width: 100%; vertical-align: middle; }
.jb-edtBox .span1 { display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.editingTag { position: relative; display: inline-block; vertical-align: middle; width: 100%; }
.editingTag input { width: 100%; text-align: center; background-color: #fff; border: 1px dashed #579bfc; text-overflow: ellipsis; border-right: none; padding: 4px; padding-right: 23px; line-height: normal; }
.editingTag .editingTagSv { border-right: 1px dashed #579bfc; border-left: 1px dashed #579bfc; position: absolute; top: 0px; right: 0; width: 20px; height: 23px; line-height: 24px; text-align: center; padding-right: 1px; }
.editingTag .editingTagSv .fa { font-size: 12px; color: #579bfc; }

.jobTbl .jbTotal { margin-top: -1px; }
.jbTotal li { visibility: hidden; }
.jbTotal li.jbTime { visibility: visible; border-radius: 0px 0px 5px 5px; border-right-color: #f5f6f8 !important; }
.jbTotal li.jbTime b { display: block; line-height: normal; font-weight: normal; font-size: 15px; }
.jbTotal li.jbStatus.pStts p { border: 10px solid #f5f6f8; border-color: #f5f6f8; border-radius: 0px 0px 5px 5px; padding: 6px 5px; cursor: default; }
.jbTotal li.jbStatus.pStts p:after { display: none; }

.workInProgress.jobTbl .jobTblHead .jbNewJobs:before { background-color: #a25ddc; }
.workInProgress.jobTbl .jobTblHead .jbNewJobs { color: #a25ddc; }
.workInProgress.jobTbl .jobTblHead li .fa { color: #a25ddc; }
.workInProgress.jobTbl li.firstChild { border-left-color: #a25ddc; }
.workInProgress.jobTbl li.jbAdd { border-left-color: #d1aeee!important; }

.doneWithExec.jobTbl .jobTblHead .jbNewJobs:before { background-color: #ff642e; }
.doneWithExec.jobTbl .jobTblHead .jbNewJobs { color: #ff642e; }
.doneWithExec.jobTbl .jobTblHead li .fa { color: #ff642e; }
.doneWithExec.jobTbl li.firstChild { border-left-color: #ff642e; }
.doneWithExec.jobTbl li.jbDeadline p span { text-decoration: line-through; }

.clr_NJ { color: #579bfc; }
.clr_WIP { color: #a25ddc; }
.clr_dWE { color: #ff642e; }

.s_workinprogress,
.s_workingonit { background-color: #feca84!important; color: #fff!important; }

.s_newjobs,
.s_notstarted { background-color: #579bfc!important; color: #fff!important; }

.s_donewithexec,
.s_done { background-color: #00c875!important; color: #fff!important; }
.s_blank { background-color: #c4c4c4!important; color: #fff!important; }
.s_delete { background-color: #d23e3e!important; color: #fff!important; }
.s_close { background-color: #3e3e3e!important; color: #fff!important; }
.c-user { display: inline-block; width: 25px; height: 25px; background-color: #fff; vertical-align: middle; border-radius: 50%; position: relative; }


.btn_workingonit,
.btn_workinprogress { font-weight: normal; min-height: 30px; vertical-align: middle; padding: 6px 10px; border-radius: 3px; width: 85px; display: inline-block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #feca84!important; color: #fff!important; }

.btn_notstarted,
.btn_newjobs { font-weight: normal; min-height: 30px; vertical-align: middle; padding: 6px 10px; border-radius: 3px; width: 85px; display: inline-block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #579bfc!important; color: #fff!important; }
.btn_done,
.btn_donewithexec { font-weight: normal; min-height: 30px; vertical-align: middle; padding: 6px 10px; border-radius: 3px; width: 85px; display: inline-block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #00c875!important; color: #fff!important; }
.btn_blank { font-weight: normal; min-height: 30px; vertical-align: middle; padding: 6px 10px; border-radius: 3px; width: 85px; display: inline-block; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color: #c4c4c4!important; color: #fff!important; }

.sttsToolTip { display: none; overflow: visible!important; font-weight: normal; position: absolute; top: 36px; top: 36px; left: 0px; right: 0px; z-index: 99; width: 100%; margin: auto; border-radius: 5px; background-color: rgba(255,255,255,1); transition: .3s; -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); }
.sttsToolTip:before { content: "\f0d8"; font-family: 'FontAwesome'; position: absolute; top: -15px; right: 47%; color: white; font-size: 22px; }
.sttsToolTip button { display: inline-block; width: 100%; margin-bottom: 10px; border: none; color: #fff; background: #579bfc; padding: 10px 5px; position: relative; cursor: pointer; }
.sttsToolTip button:last-child { margin-bottom: 0px; }
.sttsToolTip span.bxTip { display: inline-block; padding: 10px; width: 100%; }
.sttsToolTip span.bxTip .s_delete { margin-top: 10px; }
.sttsToolTip a { color: #579bfc; border-top: 1px solid #c5c7d0; padding: 15px; display: inline-block; width: 100%; }
.sttsToolTip a .fa { font-size: 13px; float: none !important; margin-right: 5px; color: #579bfc !important; }

.execToolTip { display: none; overflow: visible!important; font-weight: normal; position: absolute; top: 38px; right: 2px; width: 280px; z-index: 99; margin: auto; border-radius: 10px; background-color: rgba(255,255,255,1); transition: .3s; -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); padding: 8px 10px; }
.execToolTip > .fa { position: absolute; top: 11px; right: 7px; cursor: pointer; }
.execToolTip ul { text-align: left; margin-bottom: 10px; }
.execToolTip ul li { display: inline-block; background: #dff0ff; margin-right: 5px; margin-bottom: 5px; padding-right: 5px; cursor: default; -webkit-transition: 0.15s; transition: 0.15s; }
.execToolTip ul li span { display: inline-block; width: 25px; height: 25px; background-color: #fff; vertical-align: middle; border-radius: 50%; position: relative; margin-right: 5px; }
.execToolTip ul li span img { border-radius: 50%; }
.execToolTip ul li i.x { font-style: normal; font-size: 11px; cursor: pointer; padding: 5px 3px; }
.execToolTip ul li strong { font-weight: normal; display: inline-block; vertical-align: middle; }

.execToolTip .ulPill { padding-right: 10px; min-height: 20px; }
.execToolTip .ulPill li { border-radius: 50px; }

.execToolTip ul li.peopleLi { text-align: center; padding: 0px; background-color: transparent !important; color: #24292e !important; cursor: default; margin-bottom: 10px; }
.execToolTip ul li.peopleLi::before,
.execToolTip ul li.peopleLi::after { display: inline-block; content: ""; border-top: 1px solid #c5c7d0; width: 50px; margin: 2px 10px; transform: translateY(-1px); }

.execToolTip .wideList { min-height: 50px; max-height: 185px; overflow: auto; }
.execToolTip .wideList li { cursor: pointer; width: 100%; background-color: #fff; padding: 3px 5px; border-radius: 5px; margin: auto; }
.execToolTip .wideList li:hover { background-color: #579bfc; color: #fff; }
.execToolTip .wideList li span { margin-right: 10px; }

.dateToolTip { display: none; overflow: visible!important; font-weight: normal; position: absolute; top: 0px; left: 0px; z-index: 99; width: 100%; margin: auto; border-radius: 0px; background-color: #abcdfe; transition: .3s; /*-webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); text-align: left; border: 1px solid #579bfc;*/ }
.dateToolTip > .fa { position: absolute; top: 9px; right: 7px; cursor: pointer; color: #a5a4a3; }
.dateToolTip .datepicker { border: none; background: #dff0ff; color: #0073ea; width: 100%; background-position: right 20px center; padding: 10px 22px 9px 15px; -webkit-user-select: none; -ms-user-select: none; user-select: none; text-align: center; }

.sidebar { background: rgba(255, 255, 255, 1.0); position: fixed; top: 0; right: 0; width: 700px; max-width: 90%; height: 100%; z-index: 999999; -webkit-transition: -webkit-transform 0.5s, visibility 0s; transition: transform 0.5s, visibility 0s; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0px 0px 10px 5px rgba(164, 164, 164, 0.3); -moz-box-shadow: 0px 0px 10px 5px rgba(164, 164, 164, 0.3); box-shadow: 0px 0px 10px 5px rgba(164, 164, 164, 0.3); }
.sidebar { -webkit-transition: -webkit-transform 0.5s, opacity 0.5s!important; transition: transform 0.5s, opacity 0.5s!important; }
.sidebar .close { font-size: 25px; font-weight: bold; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20); position: absolute; top: 0px; left: 0px; text-align: center; padding: 5px 15px; }
.sidebarShown,
.sidebarShown body { overflow: hidden!important; }
.sidebarShown .sidebar.visible { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); opacity: 1; }

.sidebar .content { padding: 60px 20px; }
.sideHdr h3 { font-size: 20px; line-height: normal; display: inline-block; vertical-align: middle; width: calc(100% - 105px); padding-right: 10px; margin: 5px auto; }
.sideBtnGrp { display: inline-block; vertical-align: middle; }
.sideBtnGrp li { display: inline-block; vertical-align: middle; margin: auto 15px; position: relative; }
.sideBtnGrp li:after { content: ""; width: 1px; height: 100%; position: absolute; top: 0px; left: -18px; background: #efefef; }
.sideBtnGrp li .fa { color: #000; font-size: 17px; line-height: 1; vertical-align: middle; }
.sideBtnGrp li span { display: inline-block; vertical-align: middle; width: 30px; height: 30px; vertical-align: middle; margin-left: -13px; position: relative; z-index: 9; background: #fff; border-radius: 50%; border: 2px solid #f0f0f0; }
.sideBtnGrp li span img { border-radius: 50%; }
.sideBtnGrp li span strong { display: inline-block; width: 100%; height: 100%; color: #546677; line-height: 24px; font-size: 12px; border: 1px solid #a6a6a6; border-radius: 50%; cursor: default; text-align: center; }
.sideBtnGrp li span:first-child { margin-left: auto; z-index: 8; }
.sideBtnGrp li:first-child { margin-left: auto; }
.sideBtnGrp li:first-child:after { display: none; }
.sideBtnGrp li:first-child:before { /*content: "\f055";*/ font-family: 'FontAwesome'; color: #579bfc; font-size: 16px; position: absolute; top: 7px; left: -4px; z-index: 10; line-height: normal; background: #fff; border-radius: 50%; }
.sideBtnGrp li:last-child { margin-right: 0; }


.seenDiv { float: right; text-align: right; position: relative; margin-bottom: 1px; }
.seenDiv > span { display: inline-block; cursor: pointer; margin-right: 11px; color: #666; font-size: 12px; font-weight: bold; }
.seenDiv li { position: absolute; right: 15px; margin: auto; background: #fff; border-radius: 10px; padding: 5px; text-align: center; z-index: 9; display: none; bottom: 28px; border: 1px solid #eaeaea; white-space: nowrap; min-width: 90px; }
.seenDiv li span:last-child { margin-right: auto; }
.seenDiv li::before { content: "\f0d7"; font-family: FontAwesome; display: inline-block; position: absolute; bottom: -15px; right: 43px; margin: auto; line-height: 1; width: 15px; font-size: 22px; color: #eaeaea; }
.seenDiv li::after { display: none; }
.seenDiv:hover li { display: inline-block; }

.seenDiv li span { width: 25px; height: 25px; margin-left: -8px; border: none; }

.hdrLnk { border-bottom: 1px solid #efefef; margin-bottom: 15px; padding-bottom: 5px; }
.hdrLnk:after { content: ""; clear: both; display: block; }
.hdrLnk a { display: inline-block; vertical-align: middle; color: #333; line-height: normal; padding: 5px 10px; position: relative; }
.hdrLnk a:after { content: ""; width: 100%; height: 2px; background: #0073ea; position: absolute; left: 0px; right: 0px; bottom: -11px; border-radius: 50px; opacity: 0; }
.hdrLnk a:hover:after,
.hdrLnk a.active:after { opacity: 1; }
.hdrLnk button { display: inline-block; color: #333; line-height: normal; padding: 6px 8px; float: right; border: 1px solid #ccc; background: #fff; border-radius: 5px; }

.hdrInpt input[type="text"] { border: 1px solid #0073ea; border-radius: 8px; padding: 10px 20px; width: 100%; color: #333; margin-bottom: 5px; }
.hdrInpt span { display: block; text-align: right; color: #333; }
.hdrInpt span .fa { margin-right: 5px; }


.sidebarCommnt { color: #333; border: 1px solid #e6e9ef; border-radius: 8px; margin-top: 50px; }
.sidebarCommnt .cmmntName { width: 50%; vertical-align: middle; display: inline-block; }
.sidebarCommnt .cmmntDays { float: right; width: 50%; text-align: right; margin-top: 7px; }
.sidebarCommnt .cmmntHead:after { clear: both; content: ""; display: block; }
.sidebarCommnt .cmmntName span { width: 35px; margin-right: 10px; height: 35px; display: inline-block; vertical-align: middle; }
.sidebarCommnt .paraSec { height: 250px; overflow: hidden; position: relative; padding-left: 15px; padding-right: 15px; }
.online { display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #00ca72; margin-left: 10px; vertical-align: middle; margin-top: -3px; }
.cmmntHead { margin-bottom: 20px; padding: 15px; padding-bottom: 0px; }
.cmmntDays .fa { margin-left: 10px; }
.readMoreBtn { cursor: pointer; position: absolute; left: 0px; right: 0px; bottom: 0px; text-align: center; padding: 220px 0px 15px; color: #579bfc; background: rgb(255,255,255); background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); }
.hstrySeen { text-align: right; padding: 0px 10px 15px; }

.likeRply { text-align: center; border-top: 1px solid #e6e9ef; padding: 0px 15px; }
.likeRply:after { content: ""; clear: both; display: block; padding-left: 15px; }
.likeRply a { display: inline-block; width: 50%; float: left; border-right: 1px solid #e6e9ef; padding: 10px; color: #333; }
.likeRply a .fa { margin-right: 5px; }
.likeRply a:last-child { float: right; border: none; }
.likeRply a:last-child .fa { -webkit-transform: rotate( 180deg ); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate( 180deg ); }

.activityDiv { background: #f5f6f8; padding: 15px 25px; border-radius: 5px; margin-bottom: 20px; }
.activityDiv:after { content: ""; clear: both; display: block; }
.activityDiv span { display: inline-block; float: left; }
.activityDiv p { line-height: normal; margin: auto; display: inline-block; float: right; }
.activityDiv p a { color: #579bfc; display: inline-block; margin-left: 10px; }
.activityHead { margin-bottom: 20px; }
.activityHead:after { content: ""; clear: both; display: block; }
.activityHead .btn .fa { margin-left: 5px; }
.activityHead .pull-right .fa { padding: 8px 8px; margin-left: 5px; }
.fltrBtn { background: #0073ea; }
.icnPerson { display: inline-block; padding: 4px 10px; vertical-align: middle; }
.icnPerson .fa { margin-right: 5px; }
.activityList ul { display: table; width: 100%; font-size: 0; border-bottom: 1px solid #c5c7d0; min-height: 55px; margin: auto; }
.activityList ul li { display: table-cell; vertical-align: middle; font-size: 13px; padding: 8px 5px; text-align: left; }
.activityList ul li.actFrmTo { min-width: 230px; font-size: 0px; }
.activityList ul li.actFrmTo span { width: calc(50% - 10px); display: inline-block; text-align: center; vertical-align: middle; font-size: 13px; }
.activityList ul li.actFrmTo span .fa-exclamation { color: #000; }
.activityList ul li.actFrmTo span .fa-check { color: #0bd40b; }
.activityList ul li.actFrmTo span .c-user { margin: 3px; }
.activityList ul li.actBy { width: 70px; text-align: center; }
.activityList ul li.actBy span { display: inline-block; vertical-align: middle; }
.activityList ul li.actBy span.usrImg { display: inline-block; width: 25px; height: 25px; background-color: #fff; vertical-align: middle; border-radius: 50%; position: relative; margin-left: 10px; }
.activityList ul li.actBy span.usrImg img { border-radius: 50%; }
.activityList ul li.actFrmTo .fa { margin: auto 5px !important; font-size: 20px !important; vertical-align: middle; color: #bbb; }
.activityList ul li.actTitle .usrImg,
.activityList ul li.actFrmTo .usrImg { display: inline-block; width: 25px; height: 25px; background-color: #fff; vertical-align: middle; border-radius: 50%; position: relative; }
.activityList ul li.actFrmTo p { line-height: normal; margin: auto; width: auto; display: inline-block; min-width: 81px; text-align: center; }
.activityList ul li.actFrmTo img { border-radius: 50%; width: 100%; height: 100%; }
.activityList ul li .fa { margin-right: 5px; font-size: 15px; }
.activityList ul li.actTitle span { margin-right: 5px; }
.activityList ul li.actDay { width: 140px; }
.activityList ul li.actStts { width: 130px; }
.activityList ul li.actStts .fa { color: #444; }
.activityList ul li.actStts .fa-bars { background: rgb(255,62,89); background: -moz-linear-gradient(0deg, rgba(255,62,89,1) 0%, rgba(253,188,101,1) 50%, rgba(0,202,114,1) 100%); background: -webkit-linear-gradient(0deg, rgba(255,62,89,1) 0%, rgba(253,188,101,1) 50%, rgba(0,202,114,1) 100%); background: linear-gradient(0deg, rgba(255,62,89,1) 0%, rgba(253,188,101,1) 50%, rgba(0,202,114,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff3e59",endColorstr="#00ca72",GradientType=1); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


.hdrLnk.tab { padding-bottom: 10px; }
.hdrLnk.tab .tablinks:hover { text-decoration: none; }

.left { text-align: left !important; }
.wide { width: 100% !important; }

.d_block { display: block; }

body .ui-datepicker { width: 220px; margin-top: 12px; margin-left: -20px; padding-top: 0px !important; padding-bottom: 0px !important; }
body .ui-datepicker.ui-widget.ui-widget-content { -webkit-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); -moz-box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); box-shadow: 0 1px 6px 0 rgba(32, 33, 36, 0.28); }
body .ui-datepicker table { font-size: .9em; }
body .ui-datepicker .ui-widget-header { background-color: #fff; border-color: #fff; padding-top: 0px; }
body .ui-datepicker th.ui-datepicker-week-end { color: #666666; }
body .ui-datepicker th { padding: 0; }
body .ui-datepicker th,
body .ui-datepicker td { font-weight: normal; }

body .ui-datepicker .ui-state-default,
body .ui-datepicker.ui-widget-content .ui-state-default,
body .ui-datepicker .ui-widget-header .ui-state-default,
body .ui-datepicker .ui-button,
html body .ui-datepicker .ui-button.ui-state-disabled:hover,
html body .ui-datepicker .ui-button.ui-state-disabled:active { border-color: #fff; background: #fff; border-radius: 50%; color: #666666; }

body .ui-datepicker .ui-state-highlight,
body .ui-datepicker.ui-widget-content .ui-state-highlight,
body .ui-datepicker .ui-widget-header .ui-state-highlight { background: #fff!important; border-color: #579bfc!important; color: #666666!important; }

body .ui-datepicker .ui-state-hover,
body .ui-datepicker.ui-widget-content .ui-state-hover,
body .ui-datepicker .ui-widget-header .ui-state-hover,
body .ui-datepicker .ui-state-focus,
body .ui-datepicker.ui-widget-content .ui-state-focus,
body .ui-datepicker .ui-widget-header .ui-state-focus,
body .ui-datepicker .ui-button:hover,
body .ui-datepicker .ui-button:focus { color: #666666; }

html body .ui-datepicker .ui-state-default.ui-state-active { background-color: #579bfc!important; border-color: #579bfc!important; color: #fff!important; }

body .ui-datepicker .ui-state-hover,
body .ui-datepicker.ui-widget-content .ui-state-hover,
body .ui-datepicker .ui-widget-header .ui-state-hover,
body .ui-datepicker .ui-state-focus,
body .ui-datepicker.ui-widget-content .ui-state-focus,
body .ui-datepicker .ui-widget-header .ui-state-focus,
body .ui-datepicker .ui-button:hover,
body .ui-datepicker .ui-button:focus { color: #666666!important; }

body .ui-datepicker .ui-datepicker-prev span,
body .ui-datepicker .ui-datepicker-next span { margin-left: -9px; margin-top: -10px; }
body .ui-datepicker .ui-icon { width: 20px; height: 20px; }
body .ui-datepicker .ui-widget-header .ui-icon { background-image: url("../images/mCSB_buttons.png"); }
body .ui-datepicker .ui-icon-circle-triangle-w { background-position: -80px -38px; }
body .ui-datepicker .ui-icon-circle-triangle-e { background-position: -80px -54px; }
body .ui-datepicker .ui-datepicker-next.ui-state-hover.ui-datepicker-next-hover,
body .ui-datepicker .ui-datepicker-prev.ui-state-hover.ui-datepicker-prev-hover { border-color: #579bfc!important; background: #f4f5f7!important; }

.timeSliderDiv { border-top: 1px dashed #c5c7d0; margin-top: 5px; }
.timeSliderDiv:after { clear: both; display: block; content: ""; }
.timeSliderDiv .timeField { width: 50%; float: left; padding-left: 5px; padding-right: 5px; }
.timeSliderDiv .timeField.time { width: 100%; float: none; border-bottom: 1px dashed #c5c7d0; padding-top: 2px; padding-bottom: 2px; }
.timeSliderDiv .timeField.time .ui_tpicker_time_label { display: inline-block; margin-right: 5px; }
.timeSliderDiv .timeField.time .ui_tpicker_time { display: inline-block; width: 50%; }
.timeSliderDiv .timeField.time dd { background: transparent; border: 0px; padding: 0px; }
.timeSliderDiv .timeField dt { font-weight: normal; margin-top: 5px; margin-bottom: 5px; }
.timeSliderDiv .timeField dd { background: #ebebeb; border-radius: 50px; padding-right: 15px; }
.timeSliderDiv .timeField .ui-widget.ui-widget-content { box-shadow: none; margin-top: 10px; border-radius: 50px; background: transparent; border-color: transparent; }
.timeSliderDiv .timeField .ui-widget.ui-widget-content .ui-slider-handle { background: #579bfc; border-color: #579bfc; cursor: pointer; margin-left: auto; }

.jb-priority { display: inline-block; margin: 5px 0px; line-height: 1; padding: .2em .6em .3em .6em; }
.jb-priority li { display: inline-block; line-height: 1; margin-right: 10px; cursor: pointer; border: 1px solid #579bfc; border-radius: 5px; padding: 2px; width: 20px; height: 20px; text-align: center; }

body .ui-datepicker .ui-timepicker-div .timeSliderDiv .ui_tpicker_time .ui_tpicker_time_input { border: none; padding: 0px; width: 100%; }

body .ui-datepicker .ui-datepicker-buttonpane { border-top: 1px dashed #c5c7d0; margin-top: 10px; padding: 0px; }
body .ui-datepicker .ui-datepicker-buttonpane:after { clear: both; display: block; content: ""; }

body .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close,
body .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:hover,
body .ui-datepicker .ui-datepicker-buttonpane .ui-datepicker-close:focus { color: #579bfc!important; margin-top: 3px; margin-bottom: 3px; line-height: normal; }

body .ui-autocomplete.ui-widget.ui-widget-content { border-radius: 10px; background-color: rgba(255,255,255,1); -webkit-box-shadow: 0 1px 14px rgba(0,0,0,.06); -moz-box-shadow: 0 1px 14px rgba(0,0,0,.06); box-shadow: 0 1px 14px rgba(0,0,0,.06); padding: 5px; }
body .ui-autocomplete .ui-menu .ui-menu-item:last-child { margin: auto; }
body .ui-autocomplete.ui-widget-content a { display: inline-block; width: 100%; padding: 5px 10px; line-height: normal; font-size: 14px; }
body .ui-autocomplete.ui-widget-content a:hover,
body .ui-autocomplete.ui-widget-content a:focus { background: #0073ea; color: #fff !important; text-decoration: none; border: none; box-shadow: none; outline: none; }

.sidebar.iFrJob { overflow: visible; padding-bottom: 50px; z-index: 9999!important; }
.sidebar.iFrJob iframe { height: 100%!important; width: 100%!important; }

.dvReplyFtr .commnt_attch .upldFilelst .uFilelst:after,
.commntFtr .commnt_attch .upldFilelst .uFilelst:after { display: block !important; }

.content.p15 ~ .taskComments { padding-left: 15px !important; padding-right: 15px !important; }

/*.mce-tinymce.mce-container { width: calc(100% - 60px)!important; }*/

/*06jun2022*/
.sideHdr { position: fixed; top: 0; left: 0; right: 0; width: 100%; padding: 20px; background: #fff; z-index: 100; }
.sideHdr + div { margin-top: 80px; }
.sideHdr ~ .tabcontent .activityList { padding-left: 0 !important; padding-right: 0 !important; }
.taskDetails .taskContent > .pn.taskComments { padding-left: 15px !important; padding-right: 15px !important; }
.TaskView .taskDetails ~ .pn.taskComments { padding-left: 15px !important; padding-right: 15px !important; }
.TaskView .taskDetails .pn.addComments { padding-left: 15px !important; padding-right: 15px !important; }
.TaskView .taskDetails #add_comment .pn.addComments { padding-left: 0!important; padding-right: 0!important; }
.JobActivity .content ~ .pn.taskComments { padding-left: 20px !important; padding-right: 20px !important; }
.JobActivity ~ .pn.taskComments { padding-left: 20px !important; padding-right: 20px !important; }
.JobActivity ~ .pn.addComments { padding-left: 20px !important; padding-right: 20px !important; }

@media (min-width:1550px) {

 .nav_links ul li { padding: 15px 20px; }
 /*.header.topHeader .nav_links { max-width: 1140px; width: 100%; }*/
 .nav-right { width: 180px; text-align: right; }
 .header.topHeader .nav_links .mobToggleShow li:first-child { padding-left: 0px; }
}

@media (min-width:1400px) {
 .nav_links ul li a { font-size: 18px!important; }
 .projectDD label { font-size: 18px!important; }
 .projectDD select { font-size: 20px!important; }
 .tabHeadings li { font-size: 18px!important; }
 .projectTask .taskBox_title { font-size: 23px; }
 .lblBig { font-size: 18px; }
 h3.taskTitle { font-size: 18px; }

 .projTitle input[type="text"] { font-size: 18px; }
 .projTitle label { font-size: 18px; }
 .projTitle input[type="text"]:focus + label { font-size: 12px; }
 .projTitle input:valid + label { font-size: 12px; }


 .dueDateCal input[type="text"] { font-size: 18px; }
 .dueDateCal label { font-size: 18px; }
 .dueDateCal input[type="text"]:focus + label { font-size: 12px; }
 .dueDateCal input:valid + label { font-size: 12px; }
 .defaultModal dl { width: 900px!important; }
 .defaultModal dl dd iframe { width: 900px; }
 .statsBlk .statusDtl a.block-with-text { font-size: 14px; line-height: 1.2em; margin-bottom: 10px; word-break: initial; text-align: initial; }
 .projectNav label { font-size: 16px; }
 .projectNav .proDrpDwn { font-size: 20px; }
 .projSlct { width: 230px; top: 77px; }
 .projSlct .arrow { left: 78px; }
}

@media (min-height:800px) {
 .defaultModal dl dd iframe { top: 40px!important; height: calc(100vh - 80px); max-height: 620px; border-radius: 10px; bottom: 40px; margin-top: auto; margin-bottom: auto; }
}

@media (max-width:1200px) {
 .container { width: 100%!important; max-width: 100%!important; padding-left: 25px; padding-right: 25px; }

 .topHeader .nav-right { position: absolute; right: 0px; top: 15px; }
}

@media (max-width:1199px) {
 .topHeader .nav_links { width: 100%; }
 .notifi_dropDown { top: 40px; right: 35px; }
 .user_cover .penIconBtn { opacity: 1; }
}

@media screen and (min-width:1024px) and (max-width:1199px) {
 .nav_links ul li { padding: 10px 12px; }
 .commnt_attch.ht40 .drpInfo .fa { margin: 8px 12px 5px 12px !important; }
 .commnt_attch.ht40 .drpInfo p { width: calc(100% - 55px); line-height: 1em; margin: 4px 0px !important; }
 .loginbody { height: 100%; min-height: 100%; }
 .loginbody .login-footer { position: fixed; }
 .loginbody .login-page { height: -moz-calc(100vh - 70px); height: -webkit-calc(100vh - 70px); height: calc(100vh - 70px); }
 .asBy { font-size: 12px; }
 .taskBoxDates { font-size: 12px; }
}

@media (max-width:1023px) {
 .adminToggle { display: inline-block; width: 30px; height: 30px; background-color: #4175fc; text-align: center; border-radius: 3px; cursor: pointer; position: absolute; color: #fff; font-size: 20px; left: 0px; top: 0; z-index: 999; }
 .adminPanel.show .adminLeftPanel { left: 0; }
 .adminPanel.show .adminRightPanel { width: calc(100% - 220px); float: right; }
 .adminLeftPanel { position: absolute; top: 0; left: -220px; width: 200px; }
 .adminRightPanel { width: 100%; padding: 0px 0px 30px 0px; }
 .adminRightPanel .pageTitle { padding-left: 38px; }
 .taskListView > label { width: 100%; margin-bottom: 10px; }
 .taskListView .taskprogress { margin-bottom: 10px; }
}

@media (max-width:991px) {
 .proFilePop .box-body a { width: calc(33.33% - 5px); }
 .DocuGallery > .col-xs-12 { width: calc(100% - 30px); margin: auto !important; float: none; }
}

@media screen and (min-width:800px) and (max-width:1023px) {
 .nav_links ul li { padding: 10px 4px; }
 .nav_links ul li a { font-size: 13px; }
}

@media screen and (min-width:768px) and (max-width:1200px) {
 .status-full .nav_links { max-width: calc(100% - 30px) !important; width: calc(100% - 30px) !important; }
 .gallery_list ul li { width: calc(25% - 17px); margin-right: 20px; margin-bottom: 20px; }
 .gallery_list ul li:nth-of-type(5n) { margin-right: 20px; }
 .gallery_list ul li:nth-of-type(4n) { margin-right: 0px; }
}

@media screen and (min-width:768px) and (max-width:1023px) {
 .navbrand { width: 175px; }
 .nav-left { width: 225px; }
 .Default .status_side > div.col-xs-6 { width: 50%!important; margin-bottom: 10px!important; }
 .Default .status_side > div.col-xs-6.clearfix.mb10 { margin: 0px!important; }
 .gallery_list ul li { min-height: 155px; }
 .gallery_list ul li .imgBox { min-height: 145px; }
 .gallery_list ul li span a { height: 115px; }
 .commnt_attch.ht40 .drpInfo .fa { margin: 8px 12px 5px 12px !important; }
 .commnt_attch.ht40 .drpInfo p { width: calc(100% - 55px); line-height: 1em; margin: 4px 0px !important; }
 .asignTitle { max-width: 85%; }
 .ststusBar { padding-bottom: 40px; position: relative; margin: 10px 0px; }
 .DocuView .ststusBar { padding-bottom: 0px; }
 .postStatus { margin-left: 0px; position: absolute; width: 100%; left: 0; top: 35px; line-height: 1.2em; }
 .UserList .divRespM { overflow: auto; width: 100%; }
 .UserList .minRespM { /*min-width: 800px;*/ }
 .addUser .errormsg { bottom: -16px !important; top: unset; }
 .gen-pswrd { font-size: 12px; }
 .gen-pswrd a { padding: 0px 3px 2px !important; }
 .gen-pswrd a .fa { font-size: 11px !important; }
 .Permissions .pr50 { padding-right: 15px !important; }
 .DocuList .pro_title .fileTitle { max-width: calc(100% - 55%); }
 .Default .col-sm-8.pln { width: 100%; padding: 0px; }
 .Default .col-sm-4.prn { width: 100%; padding: 0px; }
 .loginbody { height: 100%; min-height: 100%; }
 .loginbody .login-footer { position: fixed; }
 .loginbody .login-page { height: -moz-calc(100vh - 70px); height: -webkit-calc(100vh - 70px); height: calc(100vh - 70px); }
 .taskBoxDates { font-size: 12px; }
 .asBy { font-size: 12px; }
 .taskBox { min-height: 115px; }
 .taskBox .custom_check input[type="checkbox"] { margin-top: -50px; }
}

@media screen and (min-width:768px) and (max-width:799px) {
 .nav_links ul li { padding: 10px 3px; }
 .nav_links ul li a { font-size: 13px; }
 .nav_links ul li a span:first-child { margin-right: 4px; }
 .srchBox { padding-right: 5px; margin-top: 6px; }
 .mobToggleMenu { padding-left: 5px !important; }
 .DiscList .discContent .panel { margin: 15px !important; }
 .DiscList .discContent .panel .panel-body { padding: 15px !important; }
 .TicketList .pro_title { width: calc(100% - 395px); }
 .TicketList .pro_title a { max-width: calc(100% - 85px); }
 .MilesList .tic_heading li.tick_assi strong, .MilesList .pro_user { min-width: 125px; }
 .MilesList .pro_title { width: calc(100% - 390px); }
 .MilesList .pro_title a { max-width: calc(100% - 208px); }
 .MilesList .tic_heading li.tick_id, .MilesList .id_number { min-width: 35px; }
}

@media (min-width:768px) {
 .modal-dialog { width: 650px; }
}

@media (max-width:767px) {
 body::before { height: 115px; pointer-events: none; }
 .container { padding-left: 10px; padding-right: 10px; padding-bottom: 0px!important; }
 html { height: 100%; min-height: 100%; }
 .loginbody { background-image: url(../images/page_bg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; height: 100%; min-height: 100%; }
 .login-page { height: 100%; padding-top: 25px!important; }
 .login-page .panel { margin: initial; }
 .mobLogo { display: block; }
 .footer .col-sm-12 .col-xs-4, .footer .col-sm-12 .col-xs-8 { font-size: 12px; }
 .login-page .panel { width: 100%; max-width: 330px; }
 .login-page .panel .login-left { display: none; }
 .login-page .panel .login-right { float: none; width: 100%; min-height: 435px; }
 .status-full .nav_links { max-width: calc(100% - 20px) !important; width: calc(100% - 20px) !important; }
 .nav_links .col-xs-10 ul::after { clear: both; display: block; content: ""; }
 .nav_links ul li { padding: 10px 20px; width: 100%; display: block; text-align: right; }
 .nav_links .col-xs-10 { width: 100%; float: none; }
 .nav_links ul li a { font-size: 14px; }
 .Default .col-sm-8.pln { padding-right: 0px; }
 .Default .col-sm-4.prn { padding-left: 0px; }
 .head_status ul li { /*margin-bottom: 5px;*/ margin-left: 0px; }
 .pro_ul_list li { float: none !important; display: block; margin-bottom: 5px; text-align: left; }
 .Home .pro_ul_list li { float: left !important; display: inline-block !important; }
 .DiscList .pro_ul_list li.comment { display: inline-block; min-width: auto; margin-bottom: 0px; }
 .DiscList .downIcon { display: inline-block; position: absolute; top: 10px; right: 6px; }
 .DiscList .pro_list > ul > li.discLink { position: relative; }
 .DiscList .pro_time { display: inline-block; padding-left: 10px; margin-left: 10px; margin-bottom: 0px; }
 .DiscList .pro_title { width: 95%; }
 .DocuList .pro_title { width: 100%; margin-bottom: 2px; }
 .DocuList .pro_title .fileTitle { display: block; max-width: 100%; }
 .sub_list .title_text { width: calc(100% - 50px); }
 .sub_list li.custom_check { vertical-align: top; }
 .DocuList .pro_title a { max-width: calc(100% - 25px); }
 .sub_list .title_text i { white-space: nowrap; }
 /*.sub_list li:last-child.pull-right { float: none !important; display: block; margin-top: 5px; }*/
 .Home .pro_ul_list li.pro_title { width: calc(100% - 300px); }
 .Home .pro_title a { max-width: calc(100% - 170px); min-width: calc(100% - 170px); }
 .Home .pro_ul_list li .pro_user, .Home .pro_time p { min-width: 100px; }
 .doc_time span { margin-left: 0 !important; }
 .divRespM { overflow: auto; width: 100%; }
 .minRespM { min-width: 800px; }
 .dtl_Title { width: 100%; float: none !important; font-size: 22px !important; margin-bottom: 0px; }
 .backBtn { border-radius: 3px; color: #24292e; position: absolute; top: 0px; right: 0; }
 .leftPanel { padding: 0px; margin: 0px 10px; border-right: none !important; }
 .rightPanel .panel { border-top: 1px solid #2185d0!important; border-bottom: 1px solid #2185d0!important; margin: 10px 0px !important; padding: 5px 0px 0px 0px !important; }
 .DiscView .rightPanel .panel { padding-top: 10px !important; }
 .DocuView .leftPanel { border-top: none; border-bottom: 1px solid #2185d0; margin-bottom: 10px; }
 .DocuView .rightPanel { text-align: left; min-height: 150px; }
 .DocuView .rightPanel .panel { border: none !important; }
 .DocuView .leftPanel > .panel { margin-bottom: 0; }
 .leftPanel .panel-body { padding: 0px !important; }
 .rightPanel { float: none; border-left: none; }
 .rightPanel .panel-body { padding: 0px !important; }
 .commnt_attch.ht40 { width: 100%; margin-top: 10px; margin-left: 0px !important; padding: 0px; margin-bottom: 10px !important; }
 .commnt_attch.ht40 .drgdrpWrp { float: none; width: 100%; }
 .commnt_attch .upldFilelst { width: 100%; float: none; margin-top: 10px; }
 .commnt_attch.ht40 .drpInfo p { width: calc(100% - 70px); }
 .taskAssign { margin-top: 20px !important; }
 .taskAssign > div { padding: 0px!important; margin-bottom: 15px!important; }
 .TicketAdd .commnt_attch .drgdrpWrp, .DiscAdd .commnt_attch .drgdrpWrp { float: none; width: 100%; margin-right: 0; margin-bottom: 5px !important; height: 125px; }
 .TicketAdd .commnt_attch .upldFilelst, .DiscAdd .commnt_attch .upldFilelst { width: 100%; float: none; }
 .TicketAdd .commnt_attch .drpInfo .fa, .DiscAdd .commnt_attch .drpInfo .fa { margin-top: 10px !important; }
 .ststusBar { padding-bottom: 45px; position: relative; margin: 5px 0px 10px; }
 .DiscView .ststusBar { padding-bottom: 0px; }
 .DocuView .ststusBar { padding-bottom: 0px; }
 .DiscView .ststusBar .postStatus { position: unset; width: auto; }
 .postStatus { margin-left: 0px; position: absolute; width: 100%; left: 0; top: 35px; line-height: 1.2em; }
 .content_Pln, .MilesView .content { min-height: 100px; background-color: #f6f8fa; padding: 5px; border: 1px solid #e4e4e4 !important; border-radius: 3px !important; }
 .status_lbl .col-xs-3.text-right { text-align: left; padding-left: 10px !important; }
 .doc_lbl ul li { width: 20%; }
 .faqRight { min-height: auto; padding: 20px !important; border: none; }
 .faqSidemenu .faq-tabsTitle.active, .faqSidemenu .faq-tabsTitle.active a:focus { background-color: #2185d0; }
 .faqSidemenu .faq-tabsTitle.active a, .faqSidemenu .faq-tabsTitle.active a:focus, .faqSidemenu .faq-tabsTitle.active a .fa { color: #fff!important; }
 .faq-panel .panel-sidemenu ul.nav li .fa { height: auto; }
 .footer { position: static; padding: 5px 15px !important; }
 body { padding-bottom: 0px; }
 .statsBlkWrp { height: auto; }
 .statsBlkWrp .statsBlk:first-child { padding-left: 0px; }
 .statsBlkWrp .statsBlk:last-child { padding-right: 0px; }
 .profile_wrap { max-width: 100%; }
 .profile, .passChange { height: 100%; justify-content: flex-start; margin: 50px auto; max-width: calc(100% - 60px); }
 .profile .panel, .passChange .panel { box-shadow: none; }
 .activity_list > ul > li, .pro_list > ul > li { border-bottom-color: #e4e4e4; }
 .Permissions .pr50 { padding-right: 15px !important; }
 .adminPanel { min-height: 400px; }
 .mailContent iframe { height: 800px !important; }
 a.animateBtn::before { display: none; }
 .animateBtn { color: #fff; padding: 2px 5px 4px 5px; border: none; border-radius: 3px; background: #86d5eb; background: -moz-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #86d5eb), color-stop(40%, #3ec4e6), color-stop(100%, #0fabd6)); background: -webkit-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: -o-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: -ms-linear-gradient(top, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); background: linear-gradient(to bottom, #86d5eb 0%, #3ec4e6 40%, #0fabd6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d5eb', endColorstr='#0fabd6', GradientType=0 ); }
 .animateBtn:hover { background: #86d5eb; background: -moz-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, #86d5eb), color-stop(40%, #3ab7d6), color-stop(100%, #0a99bd)); background: -webkit-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: -o-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: -ms-linear-gradient(top, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); background: linear-gradient(to bottom, #86d5eb 0%, #3ab7d6 40%, #0a99bd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86d5eb', endColorstr='#0a99bd', GradientType=0 ); }
 .DiscList .pro_title a { min-width: calc(100% - 120px); }
 .MilesList .tic_heading { display: none; }
 .MilesList .pro_ul_list li { float: left !important; display: inline-block; margin: 0px; }
 .MilesList .pro_ul_list li.pro_status { min-width: auto; margin-right: 8px; }
 .MilesList .pro_ul_list .pro_title { width: calc(100% - 155px); }
 .MilesList .pro_ul_list .pro_title a { max-width: calc(100% - 200px); }
 .MilesList .pro_ul_list li.pro_time.pull-right { float: left !important; display: block; width: 100%; margin-top: 5px; }
 .MilesList .pro_ul_list li.pro_time p { float: right; text-align: right; }
 .MilesList .pro_ul_list li.id_number, .MilesList .pro_ul_list li .pro_user { min-width: auto; margin-right: 5px; }
 .mobToggle .pref a span:first-child { display: none; }
 .attch { border-top: 1px solid #f1f1f1; }
 .nav_links .mobToggleMenu .mobToggleBtn { border-radius: 5px; display: inline-block; width: 35px; border-color: transparent; color: #454545; line-height: 1em; position: absolute; right: 15px; top: -25px; font-size: 24px; }
 .nav_links .mobToggleMenu .mobToggleBtn > span span i { font-size: 18px; margin-right: 8px; margin-top: 2px; float: left; }
 .mobToggleMenu .mobToggleBtn { display: block; color: #586069; font-size: 14px; padding: 5px 10px; border-bottom: 1px solid #d1d5da; cursor: pointer; }
 .mobToggleMenu .mobToggleShow { display: none; position: absolute; background-color: #FFF; width: 100%; z-index: 9999; top: 50px; left: 0; text-align: right; -webkit-box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); -moz-box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); box-shadow: -20px 50px 30px -38px rgba(48, 124, 216, 0.2); padding-bottom: 20px; }
 .mobToggleMenu .mobToggleShow select { text-indent: 0px; line-height: 1em; height: auto; }

 .mobToggleShow:after { content: ""; display: block; clear: both; }
 .mobToggleBtn:after { clear: both; display: block; content: ""; }
 .mobToggleMenu .mobToggleBtn .fa-caret-down, .mobToggleMenu .mobToggleBtn .fa-caret-up { float: right; font-size: 18px; line-height: 21px; }
 .mobToggleMenu .mobToggleBtn .fa-caret-down { display: inline-block; }
 .mobToggleMenu .mobToggleBtn .fa-caret-up { display: none; }
 .mobToggleBtn.open .fa-caret-down { display: none!important; }
 .mobToggleBtn.open .fa-caret-up { display: inline-block!important; }
 .rightPanel .mobToggleMenu { border: 1px solid #d1d5da; background-color: #fff; border-radius: 3px; }
 .rightPanel .mobToggleMenu { border-bottom: 1px solid #d1d5da; }
 .rightPanel .mobToggleShow > div { padding-left: 10px; padding-right: 10px; }
 .rightPanel .mobToggleShow > div:first-child { padding-top: 10px; }
 .rightPanel .mobToggleShow > div:last-child { padding-bottom: 10px; margin-bottom: 10px; }
 .rightPanel .mobToggleMenu .mobToggleBtn { border-bottom: none; border-radius: 3px; }
 .rightPanel .mobToggleMenu .mobToggleBtn.open { border-radius: 3px 3px 0px 0px; }
 .rightPanel .mobToggleMenu .mobToggleShow { border-top: 1px solid #d1d5da; }
 .adminPanel.show .adminLeftPanel { /*min-height: calc(100% - 52px);*/ padding-right: 0px !important; background-color: #fff; z-index: 99999; top: 50px; left: 0px; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.1); }
 .adminPanel.show .adminLeftPanel ul { padding-bottom: 0px; }
 .adminPanel.show .adminRightPanel { width: 100%; }
 .Manage_Projects .table tr td:last-child { text-align: left; }
 .UserList .minRespM { /*min-width: 600px; padding-right: 10px;*/ }
 .nav_links { position: relative; display: block; clear: both; margin-top: 10px; border-radius: 20px; padding: 5px !important; min-height: 40px; }
 .nav_links ul li:last-child, .nav_links ul li:nth-last-child(2) { padding-bottom: 10px; }
 .mt20.Home, .mt20.DiscList, .TaskList .nav_border.mt20, .mt20.TicketList, .mt20.DocuList, .mt20.MilesList, .mt20.DocuGallery, .mt20.MilesAdd, .mt20.DiscAdd, .TaskAdd .mt20.nav_border, .mt20.TicketAdd { margin-top: 5px !important; }
 .pb10.MilesAdd, .mt20.DiscAdd, .TaskAdd .mt20.nav_border, .mt20.TicketAdd { padding-bottom: 0px !important; }
 .Calendar.mt15, .TaskStatus.mt15, .mt30.DiscView, .mt30.TaskView, .mt30.TicketView, .mt30.DocuView, .mt30.MilesView { margin-top: 10px !important; }
 .TaskList .pageTitle .rcxBtn_group, .TicketList .pageTitle .rcxBtn_group { position: unset; right: unset; top: unset; margin: unset!important; line-height: normal; padding: unset; border: unset; }
 .TaskList .navLinks, .TicketList .navLinks { padding-right: 0px; }
 .TaskList .sub_list { position: relative; }
 .TaskList .sub_list .title_text a { max-width: calc(100% - 90px); }
 .TaskList .sub_list .title_text i { position: absolute; right: 0; top: 3px; }
 .TaskList .sub_list li ul li:last-child { margin-top: 0px; }
 .animateBtn, .animateLnk { margin: 0px 5px; }
 /*.pro_list > ul > li:nth-child(odd), .content_list > ul > li:nth-child(odd) { background-color: #f6f8fa; }
.pro_list > ul > li:nth-child(even), .content_list > ul > li:nth-child(even) { background-color: #fff; }*/
 .DiscList .pro_list > ul > li { background-color: #fff!important; }
 .DiscList .pro_list > ul > li:nth-child(4n+1), .DiscList .pro_list > ul > li:nth-child(4n+2) { background-color: #f6f8fa!important; }
 .notifi_dropDown:before { right: 23px; }
 .mobToggleMenu { float: left; }
 .srchBox { width: calc(100% - 15px); position: absolute; left: 15px; top: 3px; }
 .pendingList { min-height: initial; padding: 10px; }
 /*.wlcmTabBtn a { padding: 9px 15px; margin-left: 5px; margin-top: 5px; }*/
 .wlcmTabBtn a { padding: 9px 10px; margin-left: 2px; font-size: 12px; margin-top: 5px; }
 .nav-right { right: 50px!important; }
 .notifi_dropDown { top: 40px; right: 50px; }
 .pendingList .listtab { max-height: initial; }
 .projectNav { margin-top: 5px; }
 .navbrand h2 { margin-top: 5px!important; }
 .taskHdr .tskStat span { font-size: 12px; }
 .taskBox { margin-bottom: 10px; }
 .taskBox_check { bottom: 40px; }
 #divDtl { display: none; }

 .discusTickets { margin-bottom: 0px; }
 .discusTickets .panel-heading { margin-bottom: 5px !important; padding-top: 0px !important; }
 .discusTickets .panel-body > div .panel { margin: 0px; }
 .discusTickets .panel { overflow: visible; }
 .discusTickets > .panel-body { padding-bottom: 10px !important; }
 .hdrBar .projectNav + a { margin-top: 30px !important; }
 .projSlct { top: 57px; }
 .taskListView > label { width: calc(100% - 235px); margin-bottom: 5px; }
 .proFilePop .modal-body .mobile50 { width: 50%; float: left; }
 .adminContainer { max-width: calc(100% - 30px) !important; }
 .adminToggle { left: 10px; top: 10px; }
}

@media (max-width:700px) {
 .TicketList .navLinks { float: none !important; }
}


@media screen and (width:600px) and (height:800px) {
 .profile, .passChange { justify-content: center; height: calc(100vh - 80px); }
 .profile .panel, .passChange .panel { -webkit-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.1); }
 .userInfo { height: 182px; }
}

@media screen and (min-width:600px) and (max-width:767px) {

 .nav-left { width: calc(100% - 445px); }
 /*.nav-right {margin-right: 10px;}*/
 .faqSidemenu .faq-tabsTitle { width: 50%; float: left; border: 1px solid #DDD; border-right: none; }
 .faqSidemenu .faq-tabsTitle.active::after { display: none; }
 .faqSidemenu .faq-tabsTitle:nth-child(1), .faqSidemenu .faq-tabsTitle:nth-child(2) { border-bottom: none; }
 .faqSidemenu .faq-tabsTitle:nth-child(1), .faqSidemenu .faq-tabsTitle:nth-child(3) { border-left: none; }
 .footer .col-sm-12 .col-xs-4 { width: 150px; }
 .footer .col-sm-12 .col-xs-8 { width: calc(100% - 160px); float: right; }
 .gen-pswrd { font-size: 13px; }
 .gen-pswrd a { padding: 0px 3px 2px !important; }
 .gen-pswrd a .fa { font-size: 11px !important; }
 .TicketList .pro_ul_list li { float: left !important; display: inline-block; margin: 0px; }
 .TicketList .tic_heading li.tick_id { margin-right: 0px; }
 .TicketList .pro_ul_list li.pro_time.pull-right { float: right !important; }
 .TicketList .pro_title { width: calc(100% - 385px); }
 .TicketList .pro_title a { max-width: calc(100% - 80px); min-width: calc(100% - 80px); }
 .tic_heading li.tick_assi strong { min-width: 140px; }
 .TicketList .pro_ul_list li .pro_user { min-width: 140px; }
 .taskBox.projectTask { min-height: 110px; }
 .taskBoxDates { font-size: 12px; }
 .asBy { font-size: 12px; }

 .gallery_list ul li { min-height: 140px; width: calc(33% - 12px); margin-right: 20px!important; margin-bottom: 20px; }
 .gallery_list ul li:nth-of-type(3n) { margin-right: 0px!important; }
 .gallery_list ul li .imgBox { min-height: 130px; }
 .gallery_list ul li span a { height: 100px; }
}

@media screen and (min-width:480px) and (max-width:599px) {
 .gallery_list ul li { min-height: 200px; width: calc(50% - 12px); margin-right: 20px!important; margin-bottom: 20px; }
 .gallery_list ul li:nth-of-type(2n) { margin-right: 0px!important; }
 .gallery_list ul li .imgBox { min-height: 130px; }
}

@media screen and (min-width:480px) and (max-width:767px) {
 .nav_links .mobToggleMenu .mobToggleBtn { top: -30px; }
}

@media (max-width:599px) {
 .content_wrapper .row > .container { min-height: calc(100vh - 92px); }
 .hide599 { display: none; }
 .nav-right { margin-right: 10px; }
 .nav-left { width: calc(100% - 325px); margin-left: 10px; }
 .footer .col-sm-12 .col-xs-4, .footer .col-sm-12 .col-xs-8 { width: 100%; text-align: center; }
 .pageTitle { display: block; float: none !important; font-size: 18px; margin-bottom: 5px; }
 .deshBox ul li { min-width: calc(50% - 7px); }
 .deshBox ul li:nth-of-type(4n) { margin-right: 13px; }
 .deshBox ul li:nth-of-type(2n) { margin-right: 0px; }
 .footer ul li a::after { height: 11px; }
 .footer .text-right, .footer .text-left { text-align: center; padding: 0px; }
 .pro_ul_list a { padding: 0; }
 .DiscList .pro_title span.fa { margin-right: 5px; }
 .DiscList .pro_time { padding-left: 5px; margin-left: 5px; }
 .DiscList .pro_time p span, .DiscList .pro_time p { min-width: auto; }
 .DiscList .discContent .panel { margin: 10px !important; }
 .DiscList .discContent .panel .panel-body { padding: 10px !important; }
 .fc-ltr .fc-header-title h2 { font-size: 20px; line-height: 1em; }
 .fc-ltr .fc-header .fc-header-left .fc-button-prev, .fc-ltr .fc-header .fc-header-left .fc-button-next { width: 25px; height: 25px; line-height: 1em; }
 .fc .fc-header-space { padding-left: 5px; }
 .fc-button { padding: 0px !important; }
 .fc-text-arrow { font-size: 25px !important; }
 .fc-ltr .fc-header .fc-header-left .fc-button-today { width: 55px; height: 25px; text-align: center; line-height: 1.5em; }
 .fc-ltr .fc-header .fc-header-right .fc-button { width: 50px; height: 25px; text-align: center; line-height: 1.8em; font-size: 12px; }
 .fc-ltr .fc-header-left, .fc-ltr .fc-header-title, .fc-ltr .fc-header-right { padding: 5px 10px 10px; }
 .fc-ltr .fc-header-left, .fc-ltr .fc-header-right { padding-top: 35px; }
 .fc-header-center { position: absolute; width: 100%; left: 0; right: 0; top: 0; }
 .fc-day-header, .fc-widget-header { font-size: 13px; }
 .ui-dialog.ui-widget-content.ui-draggable { max-width: 95%; margin: auto; left: 0 !important; right: 0 !important; }
 .ui-dialog.ui-widget-content.ui-draggable .ui-dialog-content { padding: 5px; }
 .navLinks > .pull-left a { margin: 0px 5px 5px 0px; }
 .navLinks > .pull-left { float: none!important; }
 .pageTitle ~ div.pull-right, .pageTitle ~ div.pull-right .pull-left { float: none !important; display: inline; }
 .rcxBtn_group { float: none !important; padding: 0px; border: none; margin: 3px 0px 11px 5px !important; display: inline; }
 .newAddBtn::after { display: none; }
 .rcxBtn_group a:first-child { margin-left: 0px; }
 .nav_border { padding-bottom: 0px !important; margin-bottom: 10px; }
 .taskAssign > div { width: 100%; }
 .taskAssign > div > div { width: 100%; }
 .taskAssign .form-control { max-width: 100%; }
 .doc_lbl ul li { width: 25%; }
 .asignTitle { max-width: 85%; }
 .ststusBar .dueDate { margin: 0px 5px; }
 .faqSidemenu .faq-tabsTitle { border-bottom: 1px solid #DDD; border-left: none; border-right: none; }
 .faqRight { padding: 20px 10px !important; }
 .new_accordion .new_accordion-panel article { padding: 15px 8px !important; }
 .profile .panel .col-xs-6, .passChange .panel .col-xs-6 { float: none; width: 100%; }
 .profile .panel .col-xs-6::after, .passChange .panel .col-xs-6::after { clear: both; display: block; content: ""; }
 .act_date { width: calc(100% - 180px); }
 .act_date a { max-width: inherit; white-space: inherit; display: inline; }
 .act_Author { display: block !important; float: none; width: 100%; }
 .Home .pro_ul_list li.pro_time { float: none !important; display: block !important; text-align: left; width: 100%; clear: both; padding-top: 5px; }
 .Home .pro_ul_list li.pro_status { min-width: auto; margin-right: 10px; }
 .Home .pro_title a { width: 100%; max-width: 100%; }
 .Home .pro_ul_list li.pro_title { width: calc(100% - 90px); }
 .Home .pro_ul_list { position: relative; }
 .Home .pro_title i { position: absolute; bottom: 0; right: 0px; }
 .Home .pro_ul_list li .pro_user, .Home .pro_time p { min-width: auto; margin-right: 20px; }
 .Home.Search .pro_ul_list li .pro_user { padding-left: 0px; }
 .Home.Search .pro_ul_list li { margin-bottom: 2px; }
 .Home.Search .pro_list > ul > li { padding: 10px 10px 10px; }
 .Home.Search .pro_ul_list li.pro_time { padding-top: 2px; }
 .sub_list .title_text { width: calc(100% - 50px); }
 .sub_list .title_text a { max-width: calc(100% - 100px); }
 .sub_list li:last-child.pull-right ul { margin-top: 5px; }
 .sub_list li ul li { padding-right: 5px; margin-right: 5px; }
 .act_list li { display: inline!important; }
 .act_list li.act_task { margin: 0px 5px !important; }
 .adminRightPanel .pageTitle { display: inline-block; float: left !important; }
 .adminRightPanel .pageTitle ~ div.pull-right, .adminRightPanel .pageTitle ~ div.pull-right .pull-left { float: right !important; }
 .Permissions .col-sm-12 > .col-xs-6 { width: 100%; padding: 0px !important; }
 .Permissions .col-sm-12 > .col-xs-6 > div { width: 50%; margin-top: 0px !important; }
 .prmsOnUser > .col-xs-6.pn { width: 100%; padding: 0px!important; }
 .prmsOnUser > .col-xs-6.pn > div { width: 50%; }
 .preProject { width: 100%; padding: 0px !important; }
 .preProject > div { width: 50%; }
 .Settings .col-sm-12 .col-xs-4 { width: 100%; }
 .Settings .col-sm-12 .col-6 { width: 50%; }
 .addUser .col-sm-12 .col-xs-4 { width: 100%; }
 .Manage_Projects .col-sm-12 .col-sm-6 { width: 100%; }
 .Manage_Projects .col-sm-12 .col-xs-8 { width: 65%; }
 .Manage_Projects .col-sm-12 .col-xs-4.pull-right { width: 35%; }
 .iframeBody .wide { width: 100%; padding: 0px; }
 .emailtextBtn { float: none !important; padding: 0; }
 .sub_list li.editClose { min-width: auto; }
 .tic_heading { display: none; }
 .TicketList .pro_list > ul > li { position: relative; }
 .TicketList .pro_ul_list li.pro_status { min-width: auto; margin-right: 5px; }
 .TicketList .pro_ul_list li.pro_title { width: calc(100% - 125px); }
 .TicketList .pro_ul_list li { display: inline-block; }
 .TicketList .pro_ul_list li.pro_time.pull-right { display: block; }
 .TicketList .pro_ul_list li.id_number { min-width: auto; margin-right: 5px; }
 .TicketList .pro_ul_list li.pro_title { width: calc(100% - 110px); }
 .TicketList .pro_time p.actions { float: right; text-align: right; }
 .TicketList .pro_title a { max-width: calc(100% - 78px); }
 .TicketList .pro_title i { position: absolute; right: 12px; top: 12px; }
 .MilesList .pro_ul_list { position: relative; }
 .MilesList .pro_ul_list .pro_title a { max-width: 100%; }
 .MilesList .pro_ul_list .pro_title i { position: absolute; left: 0; top: 22px; }
 .MilesList .pro_ul_list li.pro_time.pull-right { margin-top: 20px; }
 .userActive ~ .clearfix { display: none; }
 .addUser .userActive { max-width: 100px; }
 .addUser .userRole { max-width: calc(100% - 100px); }
 .profile .image-editor, .passChange .image-editor { width: 110px; height: 110px; top: -15px; }
 .user_cover { height: 115px; }
 .userInfo { min-height: 100px; padding-top: 40px; border-right: none; border-bottom: 1px solid #e3e3e3; height: auto; padding-bottom: 10px; }
 .passChange .userInfo { padding-top: 50px; }
 .profile .userInfo .form-group, .passChange .userInfo .form-group { display: inline-block; margin: 0px!important; }
 .profile .panel, .passChange .panel { margin-bottom: 5px; }
 /*.bgProfile ~ .col-xs-6.p20 { padding: 5px 20px 0px !important; }
 .bgProfile ~ .col-xs-6.p20 .form-group { margin-bottom: 10px; }*/
 .TaskList .sub_list li ul li:last-child { float: right; border-left: none; }
 .nav-right .mobToggle > ul > li { margin: 0px 5px 0px!important; }
 .shareLinks .infoTog { display: block; font-size: 18px; cursor: pointer; }
 .shareLinks .shareWrap { display: none; position: absolute; width: auto; right: 0px; padding: 5px; text-align: center; background-color: #FFF; border: 1px solid #e5e5e5; border-radius: 5px; top: 25px; z-index: 99; }
 .shareLinks .shareWrap:before { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 0 5px 7px 5px; border-color: transparent transparent #e5e5e5 transparent; position: absolute; right: 14px; top: -7px; }
 .tabHeadings li { padding: 5px 0px; }

 .taskDateDue { margin-left: 0px; display: block!important; }
 .mobFull { max-width: 100%!important; width: 100%; }
 /*status*/
 .statWrap { display: block; }
 .itemSelect { white-space: initial; width: 100%; }
 .itemSelect li { width: 100%; }
 .statsBlk { width: 100%; margin-bottom: 10px; }
 .statsBlk .panel-body { height: auto; margin-bottom: 10px; border-radius: 0px; }
 .statsBlkWrp .statsBlk:first-child .panel-body > ul { min-height: unset; padding-bottom: 10px; }
 .statusDtl a { padding-right: 40px; }
 .statsBlk .panel-heading { border-radius: 0px; }
 .statsBlk .panel-body { display: none; }
 .statsBlk .panel.open .panel-body { display: block; max-height: 80vh; overflow: auto!important; }
 .statsBlk .panel.open .togStatBlk .fa { transform: rotate(180deg); }
 .statsBlk .togStatBlk { display: block; position: absolute; right: 10px; top: 6px; height: 15px; line-height: 15px; z-index: 999; color: #414141; cursor: pointer; }
 .statsBlk .panel-body ul.drag-inner-list > li { cursor: initial; }
 .listtab { -webkit-overflow-scrolling: touch; }
 .taskListView > label { width: 100%; margin-bottom: 10px; }
 .taskListView .taskprogress { margin-bottom: 10px; }
 .mdlPopup { width: 95% !important; margin: auto; }
 .proFilePop .box-body a { width: calc(50% - 5px); }
 .proFilePop .modal-body .mobile50 { width: 100%; }
 .activity_list .taskDescTtl { width: 100% !important; }
}

@media (max-height:520px) {
 .login-page { justify-content: start !important; height: unset; }
 .login-footer { position: static; }
 .profile, .passChange { height: 100%; justify-content: flex-start; }
}

@media (max-width:479px) {
 .nav-left { width: calc(100% - 290px); }
 .nav-right .mobToggle > ul > li { margin: 0px 5px 0px!important; }
 .nav-right .mobToggle > ul > li.notifi { margin: 0px 0px 0px !important; }
 .notifi_dropDown::before { right: 120px; }
 .notifi_dropDown { top: 40px; right: -50px; min-width: 300px; max-width: 300px; }

 .DocuGallery .panel-body.p20 { padding: 10px !important; }
 .newComment { padding: 5px 10px !important; margin: 0px; }
 .newComment h4 strong { display: block; width: 90%; margin-bottom: 2px; }
 .newComment h3.pull-right { position: absolute; top: 5px; right: 10px; }
 .commnt_attch.ht40 .drpInfo p { line-height: 1em; margin: 4px 0px !important; }
 .ststusBar { padding-bottom: 50px; }
 .DocuView .ststusBar { padding-bottom: 0px; }
 .postStatus { margin-left: 0px; position: absolute; width: 100%; left: 0; top: 35px; }
 .DocuList .docUpld label { height: 41px; }
 .navbrand { width: 150px; }
 .projectDD select { max-width: 125px; }

 .TaskView .panel-heading .col-xs-4, .TaskView .panel-heading .col-xs-8, .TaskView .panel-heading .col-xs-6 { padding: 0px!important; width: 100%; text-align: left; }
 .TaskView .panel-heading .col-xs-8 .taskHdr, .TaskView .panel-heading .col-xs-6 .taskHdr { width: 100%; }

 .TaskView .panel-heading .col-xs-8 .taskHdr .shareLinks, .TaskView .panel-heading .col-xs-6 .taskHdr .shareLinks { float: right; margin-right: 15px; }
 .gallery_list ul li { width: 100% !important; }
}

@media (max-width:420px) {
}

@media (max-width:400px) {
 .mobToggle { display: inline-block; background-color: #fff; text-align: center; line-height: 2.3; border-radius: 3px; cursor: pointer; position: relative; }
 /*.mobToggle .fa { font-size: 20px; display: inline-block; min-width: 18px; text-align: center;}*/
 .nav-left { width: calc(100% - 122px); }
 /*.nav-right .mobToggle > ul { display: none; }
.nav-right .mobToggle.open > ul { margin: 0px; display: inline-block; position: absolute; top: 43px; right: -2px; z-index: 999999; background-color: #fff; width: 240px; border-radius:3px; -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3); padding-bottom: 5px; }
.nav-right .mobToggle > ul > li { width: 100%; display: block; text-align: left; margin: 0px!important;}
.nav-right .mobToggle .drop_Btn ul.drop_Down { position: initial; display: block !important; width: 100%; box-shadow: none; padding: 0px;}
.nav-right .mobToggle > ul > li > a { color: #24292e;  padding:10px 15px; width: 100%;  display: inline-block; }
.nav-right .mobToggle > ul > li:first-child > a {  border-bottom: 1px solid #ccc; padding: 10px 10px; }
.drop_Btn .drop_Down:before, .drop_Btn .drop_Down:after { right: 8px; }
.drop_Btn .drop_Down > li:first-child, .bar-title .fa { display: none!important; }
.drop_Btn .drop_Down:before, .drop_Btn .drop_Down:after { display:none; }*/
 .pref { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
 .pref > a { display: none !important; }
 .pref .pref_dropDown { position: initial; display: block; width: 100%; box-shadow: none; border-radius: 0px; border: none; padding: 0px; }
 .pref .pref_dropDown a { padding: 10px 10px 10px 15px; }
 .pref_dropDown::before, .pref_dropDown::after { display: none; }
 /*.nav-right .mobToggle > ul > li:last-child a .fa { float: left; margin-right: 13px;min-width: 18px;text-align: center;color: #777 !important;}*/
 .nav-right .mobToggle > ul > li:last-child a span { display: inline-block; color: #5a5959; }
 .mobAnimation:before, .mobAnimation:after { z-index: 15; content: ""; position: absolute; bottom: 100%; right: 10px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 12px solid #fff; }
 .notifiMob { display: inline-block; margin: 8px 4px 0px 4px; padding: 0px 5px; }
 .nav-right .mobToggle > ul > li.notifi { display: none; }
 .notifi_dropDown.mobshow { display: block; }
 .content_wrapper .row > .container { min-height: calc(100vh - 110px); }
 .sub_list li ul li:last-child { margin: 0px 0px 0px; padding: 0; border: none; }
 .sub_list li ul li:last-child div a:first-child { margin-left: 0; }
 .Manage_Projects .table > tbody > tr > td:last-child a { white-space: nowrap; }
 .error_Log .wide { width: 47%; padding: 0px; margin-bottom: 5px; }
 .error_Log .wide:nth-child(2) { float: right; }
 .error_Log .wide a { float: right; }
 .error_Log .wide:last-child { width: 100%; margin-bottom: 10px; }
 .TaskList .pageTitle { display: inline; line-height: 35px; }
 .ststusBar .btn { padding: 4px 5px 5px 5px !important; font-size: 12px; }
 .task_edit li a { padding: 3px 5px; }
 .ststusBar .chatBtn { margin-right: 4px !important; }
 .Home .pro_list > ul > li { padding: 10px 10px 15px; }
 .Home .pro_title i { bottom: -17px; }
}


@media (max-width:360px) {
 .login-page .panel .login-right { padding: 20px 15px; }
 .login-page .panel .compName, .login-page .panel .compName span { font-size: 35px !important; }
 .nav-right { margin-right: 10px; }
 .Default .status_side > div { width: 100%!important; margin-bottom: 10px!important; }
 .Default .status_side > div.clearfix.mb10 { margin: 0px!important; }
 .DiscList .pro_time { border-left: none; padding-left: 0px; margin-left: 0px; }
 .DiscList .pro_ul_list li.comment > div { margin-right: 10px; }
 .TaskList .sub_list li ul li:last-child { float: left; }
 .doc_time span { font-size: 11px; margin: 2px 3px 0px 0px !important; }
 .edit_here .jqte_tool_icon { width: 24px; height: 24px; }
 .noItems { max-width: 90%; }
}

@media (max-width:359px) {
 .MilesView .ststusBar { padding-bottom: 95px; }
 .MilesView .ststusBar .dueDate { position: absolute; left: 0; top: 35px; margin-left: 0px; }
 .MilesView .postStatus { top: 70px; }
 .emailtextBtn .dis_ilb { display: block !important; margin-right: 0px !important; }
 .emailtextBtn .dis_ilb:first-child { margin-bottom: 10px; }
 .ststusBar .btn { padding: 4px 5px 5px 5px !important; }
 .TaskView .postStatus { margin-left: 3px; position: unset; width: calc(100% - 113px); left: unset; top: unset; font-size: 12px; }
 .TaskView .task_edit { margin-top: 10px; }
 .TaskView .ststusBar { padding-bottom: 15px; }
 .TaskList .pageTitle, .TicketList .pageTitle { line-height: 30px; }
 .Home .pro_ul_list li.pro_title { width: calc(100% - 82px); }
}


/* @media screen for iframe responsive*/
@media screen and (max-width:600px) {
 .popupWrap .rowWrap .formHalf { width: 100%; text-align: left; }
 .popupWrap .rowWrap .mobHalf.formHalf { width: 50%; text-align: left; }
 .usrSlct.popover { top: 55px; left: -5px; }
 .usrSlct.popover.top > .arrow { left: 10px; margin-left: 0px; transform: rotate(180deg); top: -21px; }
 .usrSlct.popover { width: 250px; max-width: 250px; }
}

@media screen and (max-width:400px) {
 .plusBtn { position: initial; }
 .usrSlct.popover.top > .arrow { display: none; }
 .usrSlct.popover { top: 65px; left: 13px; }
 .usrSlct.popover { width: 240px; max-width: 240px; }
}

.toast-title { font-weight: bold; }
.toast-message { -ms-word-wrap: break-word; word-wrap: break-word; }
.toast-message a, .toast-message label { color: #ffffff; }
.toast-message a:hover { color: #cccccc; text-decoration: none; }
.toast-close-button { line-height: 0; top: 20px; right: 2px; position: absolute; float: left; font-size: 25px; color: #000; font-weight: bold; cursor: pointer; opacity: 0.4; }
.toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 1; }

/*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: none; }
.toast-top-center { top: 0; right: 0; width: 100%; }
.toast-bottom-center { bottom: 0; right: 0; width: 100%; }
.toast-top-full-width { top: 0; right: 0; width: 100%; }
.toast-bottom-full-width { bottom: 0; right: 0; width: 100%; }
.toast-top-left { top: 12px; left: 12px; }
.toast-top-right { top: 12px; right: 12px; }
.toast-bottom-right { right: -1px; bottom: 32px; }
.toast-bottom-left { bottom: 12px; left: 12px; }
#toast-container { position: fixed; z-index: 999999; pointer-events: none; /*overrides*/ }
#toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#toast-container > div { position: relative; pointer-events: auto; overflow: hidden; width: 350px; -moz-border-radius: 5px 0px 0px 5px; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; border: 1px solid #ddd; color: #ffffff; cursor: pointer; background-color: #000; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.32); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.32); box-shadow: 0 0 12px rgba(0, 0, 0, 0.32); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); }

.toast { min-height: 50px; opacity: 1!important; padding: 5px 18px 10px 60px; }
.toast .toast-message { font-size: 14px; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; height: 33px; line-height: 1em; }
.toast .toast-close-button { color: #888; }
.toast .toast-close-button:focus { border: none; box-shadow: none; outline: none; }

.toast .toast-progress { background-color: #fabf03; opacity: 1; border-radius: 0 50px 50px 0; }
.toast-warning .toast-progress { background-color: #b16b07; }
#toast-container > .toast:after { content: "\f00c"; font-family: FontAwesome; width: 50px; height: calc(100% - 4px); position: absolute; left: 0px; top: 0px; color: #fff; z-index: 0; text-align: center; font-size: 25px; line-height: 45px; transition: 0.3s; }
#toast-container > .toast-success:after { content: "\f00c"; }
#toast-container > .toast-error:after { content: "\f071"; }
#toast-container > .toast-info:after { content: "\f05a"; }
#toast-container > .toast-warning:after { content: "\f06a"; }
#toast-container:hover > .toast:after { content: "\f00d"; color: #000; transition: 0.3s; }
#toast-container:hover > .toast-notification:after { color: #fff; }

#toast-container > .toast-notification { background-color: #000; }
/*black*/
#toast-container > .toast-success { background-color: #64bf7d; }
/*green*/
#toast-container > .toast-error { background-color: #e85952; }
/*red*/
#toast-container > .toast-info { background-color: #67c8e4; }
/*light-blue*/
#toast-container > .toast-warning { background-color: #f1c236; }
/*yellow*/


#toast-container.toast-top-center > div, #toast-container.toast-bottom-center > div { width: 300px; margin-left: auto; margin-right: auto; }
#toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin-left: auto; margin-right: auto; }

.toast-progress { position: absolute; left: 0px; bottom: 0px; height: 4px; background-color: #000000; opacity: 0.4; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: alpha(opacity=40); }

/*Responsive Design*/
@media all and (max-width:240px) {
 #toast-container > div { padding: 8px 8px 8px 50px; width: 11em; }
 #toast-container .toast-close-button { right: -0.2em; top: -0.2em; }
}

@media all and (min-width:241px) and (max-width:480px) {
 #toast-container > div { padding: 8px 8px 8px 50px; width: 18em; }
 #toast-container .toast-close-button { right: -0.2em; top: -0.2em; }
}

@media all and (min-width:481px) and (max-width:768px) {
 #toast-container > div { /*padding: 15px 15px 15px 50px;*/ width: 25em; }
}

/*!
 *
 * jQuery TE 1.4.0 , http://jqueryte.com/
 * Copyright (C) 2013, Fatih Koca (fattih@fattih.com), (http://jqueryte.com/about)

 * jQuery TE is provided under the MIT LICENSE.
 *
*/

/* editor's general field */
.jqte
{
    margin: 20px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 0 3px #999;
    -webkit-box-shadow: 0 0 3px #999;
    -moz-box-shadow: 0 0 3px #999;
    overflow: hidden;
    transition: box-shadow 0.4s, border 0.4s;
    -webkit-transition: -webkit-box-shadow 0.4s, border 0.4s;
    -moz-transition: -moz-box-shadow 0.4s, border 0.4s;
    -o-transition: -o-box-shadow 0.4s, border 0.4s;
}

    .jqte *
    {
        color: #333;
        font-family: Arial, Helvetica, sans-serif;
        /*font-size: 14px;*/
    }

.jqte_focused
{
    border-color: #999;
    box-shadow: 0 0 10px #999;
    -webkit-box-shadow: 0 0 10px #999;
    -moz-box-shadow: 0 0 10px #999;
}
/* toolbar */
.jqte_toolbar
{
    overflow: auto;
    padding: 3px 4px;
    background: #EEE;
    border-bottom: 1px solid #ccc;
}

.jqte_tool
{
    float: left;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.jqte_tool, .jqte_tool_icon, .jqte_tool_label
{
    border: #EEE 1px solid;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.jqte_hiddenField
{
    display: none;
}

.jqte_tool_icon
{
    display: block;
    width: 26px;
    height: 26px;
    background: url(jquery-te.png) no-repeat;
}

.jqte_tool.jqte_tool_1 .jqte_tool_label
{
    position: relative;
    display: block;
    padding: 3px;
    width: 70px;
    height: 16px;
    overflow: hidden;
}

.jqte_tool.jqte_tool_1 .jqte_tool_text
{
    font: bold 13px Arial,sans-serif;
    color: #222;
}

.jqte_tool.jqte_tool_1 .jqte_tool_icon
{
    position: absolute;
    top: 10px;
    right: 2px;
    width: 6px;
    height: 4px;
    background-position: -19px -23px;
    border: none;
    border-radius: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
}

.jqte_tool.jqte_tool_2 .jqte_tool_icon
{
    background-position: 0 0;
}

.jqte_tool.jqte_tool_3 .jqte_tool_icon
{
    background-position: -22px 0;
}

.jqte_tool.jqte_tool_4 .jqte_tool_icon
{
    background-position: -44px 0;
}

.jqte_tool.jqte_tool_5 .jqte_tool_icon
{
    background-position: -66px 0;
}

.jqte_tool.jqte_tool_6 .jqte_tool_icon
{
    background-position: -88px 0;
}

.jqte_tool.jqte_tool_7 .jqte_tool_icon
{
    background-position: -110px 0;
}

.jqte_tool.jqte_tool_8 .jqte_tool_icon
{
    background-position: -132px 0;
}

.jqte_tool.jqte_tool_9 .jqte_tool_icon
{
    background-position: -154px 0;
}

.jqte_tool.jqte_tool_10 .jqte_tool_icon
{
    background-position: -176px 0;
}

.jqte_tool.jqte_tool_11 .jqte_tool_icon
{
    background-position: -198px 0;
}

.jqte_tool.jqte_tool_12 .jqte_tool_icon
{
    background-position: -220px 0;
}

.jqte_tool.jqte_tool_13 .jqte_tool_icon
{
    background-position: -242px 0;
}

.jqte_tool.jqte_tool_14 .jqte_tool_icon
{
    background-position: -264px 0;
}

.jqte_tool.jqte_tool_15 .jqte_tool_icon
{
    background-position: -286px 0;
}

.jqte_tool.jqte_tool_16 .jqte_tool_icon
{
    background-position: -308px 0;
}

.jqte_tool.jqte_tool_17 .jqte_tool_icon
{
    background-position: -330px 0;
}

.jqte_tool.jqte_tool_18 .jqte_tool_icon
{
    background-position: -352px 0;
}

.jqte_tool.jqte_tool_19 .jqte_tool_icon
{
    background-position: -374px 0;
}

.jqte_tool.jqte_tool_20 .jqte_tool_icon
{
    background-position: -396px 0;
}

.jqte_tool.jqte_tool_21 .jqte_tool_icon
{
    background-position: -418px 0;
}

.jqte_tool:hover
{
    background-color: #FFF;
    border-color: #FFF;
}

    .jqte_tool:hover .jqte_tool_icon, .jqte_tool:hover .jqte_tool_label
    {
        border: #AAA 1px solid;
    }

.jqte_tool:active .jqte_tool_icon, .jqte_tool:active .jqte_tool_label
{
    border: #777 1px solid;
}

.jqte_tool.jqte_tool_1:hover .jqte_tool_icon, .jqte_tool.jqte_tool_1:active .jqte_tool_icon
{
    border: none;
}

.jqte_tool_depressed
{
    background-color: #DDD;
    border-color: #CCC;
}

    .jqte_tool_depressed .jqte_tool_icon
    {
        border-color: #AAA;
    }

    .jqte_tool_depressed:hover
    {
        background-color: #EEE;
    }
/* link form area */
.jqte_linkform
{
    padding: 5px 10px;
    background: #DDD;
    border-bottom: #BBB 1px solid;
}

.jqte_linktypeselect
{
    position: relative;
    float: left;
    width: 130px;
    background: #EEE;
    cursor: pointer;
}

    .jqte_linktypeselect:Active
    {
        background: #FFF;
    }

.jqte_linktypeview
{
    padding: 3px 5px;
    border: #333 1px solid;
    color: #777;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    outline: none;
}

.jqte_linktypetext
{
    font-size: 12px;
}

.jqte_linktypearrow
{
    position: absolute;
    bottom: 8px;
    right: 6px;
    width: 7px;
    height: 6px;
    margin: 0 auto;
    background: url(jquery-te.png) -7px -23px no-repeat;
}

.jqte_linktypes
{
    display: none;
    position: absolute;
    top: 22px;
    left: 1px;
    width: 125px;
    background: #FFF;
    border: #333 1px solid;
    box-shadow: 0 1px 4px #AAA;
    -webkit-box-shadow: 0 1px 4px #AAA;
    -moz-box-shadow: 0 1px 4px #AAA;
}

    .jqte_linktypes a
    {
        display: block;
        padding: 4px 5px;
        font-size: 12px;
    }

        .jqte_linktypes a:hover
        {
            background: #DDD;
        }

.jqte_linkinput
{
    float: left;
    margin: 0 5px;
    padding: 3px 5px;
    width: 300px;
    background: #EEE;
    border: #333 1px solid;
    color: #777;
    font-size: 12px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    outline: none;
}

    .jqte_linkinput:focus, .jqte_linkinput:hover
    {
        background: #FFF;
        border-color: #000;
    }

.jqte_linkbutton
{
    float: left;
    padding: 3px 12px;
    background: #AAA;
    border: #333 1px solid;
    color: #FFF;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: inset 0 1px #EEE;
    -webkit-box-shadow: inset 0 1px #EEE;
    -moz-box-shadow: inset 0 1px #EEE;
}

    .jqte_linkbutton:hover
    {
        background: #A1A1A1;
    }

    .jqte_linkbutton:active
    {
        box-shadow: inset 0 1px #CCC;
        -webkit-box-shadow: inset 0 1px #CCC;
        -moz-box-shadow: inset 0 1px #CCC;
        background: #888;
    }

/* text format menu */
.jqte_formats
{
    display: none;
    position: absolute;
    width: 180px;
    oveflow-x: hidden;
    overflow-y: auto;
    background: #FFF;
    border: #AAA 1px solid;
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
    z-index: 100;
}

.jqte_format
{
    display: block;
    padding: 4px 7px;
    font-size: 13px;
}

    .jqte_format:hover
    {
        background: #DDD;
    }

.jqte_format_1, .jqte_format_2, .jqte_format_3, .jqte_format_4, .jqte_format_5, .jqte_format_6
{
    font-weight: bold;
}

.jqte_format_1
{
    font-size: 22px;
}

.jqte_format_2
{
    font-size: 20px;
}

.jqte_format_3
{
    font-size: 18px;
}

.jqte_format_4
{
    font-size: 16px;
}

.jqte_format_5
{
    font-size: 14px;
}

.jqte_format_6
{
    font-size: 12px;
}

.jqte_format_7
{
    font-family: "Courier New", Courier, monospace;
}

/* font size menu */
.jqte_fontsizes
{
    display: none;
    position: absolute;
    width: 180px;
    height: 198px;
    oveflow-x: hidden;
    overflow-y: auto;
    background: #FFF;
    border: #AAA 1px solid;
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
}

.jqte_fontsize
{
    display: block;
    padding: 3px 7px;
}

    .jqte_fontsize:hover
    {
        background: #DDD;
    }

/* color pallette */
.jqte_cpalette
{
    display: none;
    position: absolute;
    padding: 6px;
    width: 144px;
    background: #FFF;
    border: #AAA 1px solid;
    box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 5px #AAA;
    -moz-box-shadow: 0 0 5px #AAA;
}

.jqte_color
{
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    border: #FFF 1px solid;
}

    .jqte_color:hover
    {
        border-color: #000;
    }

.jqte_colorSeperator
{
    float: none;
    clear: both;
    height: 7px;
}

/* editor area */
.jqte_editor, .jqte_source
{
    padding: 10px;
    background: #FFF;
    min-height: 100px;
    max-height: 900px;
    overflow: auto;
    outline: none;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    resize: vertical;
}

    .jqte_editor div, .jqte_editor p
    {
        margin: 0 0 7px;
    }

    .jqte_editor a:link, .jqte_editor a:link *
    {
        color: #0066FF;
        text-decoration: underline;
    }

    .jqte_editor blockquote
    {
        margin-top: 0;
        margin-bottom: 7px;
    }

    .jqte_editor img
    {
        float: left;
        margin: 0 10px 5px 0;
    }

    .jqte_editor a[jqte-setlink], .jqte_editor a[jqte-setlink] *
    {
        background: #3297FD !important;
        color: #FFF !important;
    }

    .jqte_editor h1, .jqte_editor h2, .jqte_editor h3, .jqte_editor h4, .jqte_editor h5, .jqte_editor h6, .jqte_editor pre
    {
        display: block;
        margin: 0 0 3px;
    }

        .jqte_editor h1, .jqte_editor h1 *
        {
            font-size: 26px;
        }

        .jqte_editor h2, .jqte_editor h2 *
        {
            font-size: 24px;
        }

        .jqte_editor h3, .jqte_editor h3 *
        {
            font-size: 22px;
        }

        .jqte_editor h4, .jqte_editor h4 *
        {
            font-size: 20px;
        }

        .jqte_editor h5, .jqte_editor h5 *
        {
            font-size: 18px;
        }

        .jqte_editor h6, .jqte_editor h6 *
        {
            font-size: 15px;
        }

        .jqte_editor pre, .jqte_editor pre *
        {
            font-family: "Courier New", Courier, monospace;
        }

    /* source area */
    .jqte_source, .jqte_source textarea
    {
        background: #FFF1E8;
    }

        .jqte_source textarea
        {
            margin: 0 !important;
            padding: 0 !important;
            display: block !important;
            width: 100% !important;
            min-height: 100px;
            font-family: Courier, Arial, sans-serif !important;
            font-weight: normal;
            font-size: 15px;
            overflow: hidden !important;
            outline: none;
            resize: none;
        }

            .jqte_source textarea, .jqte_source textarea:focus
            {
                css_shadow: none !important;
                background: none !important;
                border: none !important;
            }

/* title box */
.jqte_title
{
    display: none;
    position: absolute;
    z-index: 9999;
}

.jqte_titleArrow
{
    position: relative;
}

.jqte_titleArrowIcon
{
    width: 7px;
    height: 6px;
    margin: 0 auto;
    background: url(jquery-te.png) 0 -23px no-repeat;
}

.jqte_titleText
{
    padding: 5px 7px;
    margin-top: 0;
    min-width: 5px;
    min-height: 1px;
    max-width: 400px;
    background: #000;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    word-wrap: break-word;
    -ms-word-wrap: break-word;
}

    .jqte_titleText, .jqte_titleText *
    {
        color: #FFF;
        font-size: 11px;
    }

/* placeholder */
.jqte_placeholder
{
    position: relative;
    display: none;
}

.jqte_placeholder_text
{
    position: absolute;
    top: 43px;
    left: 10px;
    font-size: 14px;
    color: #CCC;
}

.jqte b, .jqte strong
{
    font-family: 'Segoe UI Bold';
}

.jqte ol, .jqte ul
{
    padding-left: 20px;
}

    .jqte ol li
    {
        list-style: decimal;
    }

    .jqte ul li
    {
        list-style: disc;
    }


        /*!
 * FullCalendar v1.6.4 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left; }

.fc table {
  border-collapse: collapse;
  border-spacing: 0; }

html .fc,
.fc table {
  font-size: 1em; }

.fc td,
.fc th {
  padding: 0;
  vertical-align: top; }

/* Header
------------------------------------------------------------------------*/
.fc-header td {
  white-space: nowrap; }

.fc-header-left {
  width: 25%;
  text-align: left; }

.fc-header-center {
  text-align: center; }

.fc-header-right {
  width: 25%;
  text-align: right; }

.fc-header-title {
  display: inline-block;
  vertical-align: top; }

.fc-header-title h2 {
  margin-top: 0;
  white-space: nowrap; }

.fc .fc-header-space {
  padding-left: 10px; }

.fc-header .fc-button {
  margin-bottom: 1em;
  vertical-align: top; }

/* buttons edges butting together */
.fc-header .fc-button {
  margin-right: -1px; }

.fc-header .fc-corner-right,
.fc-header .ui-corner-right {
  /* theme */
  margin-right: 0;
  /* back to normal */ }

/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
  z-index: 2; }

.fc-header .fc-state-down {
  z-index: 3; }

.fc-header .fc-state-active,
.fc-header .ui-state-active {
  z-index: 4; }

/* Content
------------------------------------------------------------------------*/
.fc-content {
  clear: both;
  zoom: 1;
  /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ }

.fc-view {
  width: 100%;
  overflow: hidden; }

/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header,
.fc-widget-content {
  /* <td>, usually */
  border: 1px solid #ddd; }

.fc-state-highlight {
  /* <td> today cell */
  /* TODO: add .fc-today to <th> */
  background: #fcf8e3; }

.fc-cell-overlay {
  /* semi-transparent rectangle while dragging */
  background: #bce8f1;
  opacity: .3;
  filter: alpha(opacity=30);
  /* for IE */ }

/* Buttons
------------------------------------------------------------------------*/
.fc-button {
  position: relative;
  display: inline-block;
  padding: 0 .6em;
  overflow: hidden;
  height: 1.9em;
  line-height: 1.9em;
  white-space: nowrap;
  cursor: pointer; }

.fc-state-default {
  /* non-theme */
  border: 1px solid; }

.fc-state-default.fc-corner-left {
  /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.fc-state-default.fc-corner-right {
  /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px; }

/*
	Our default prev/next buttons use HTML entities like &lsaquo; &rsaquo; &laquo; &raquo;
	and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
  margin: 0 .1em;
  font-size: 2em;
  vertical-align: baseline;
  /* for IE7 */ }

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
  /* for &lsaquo; &rsaquo; */
  font-weight: bold; }

/* icon (for jquery ui) */
.fc-button .fc-icon-wrap {
  position: relative;
  float: left;
  top: 50%; }

.fc-button .ui-icon {
  position: relative;
  float: left;
  margin-top: -50%;
  *margin-top: 0;
  *top: -50%; }

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, white, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, white, #e6e6e6);
  background-image: -o-linear-gradient(top, white, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6; }

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear; }

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  outline: 0;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none; }

/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event-container > * {
  z-index: 8; }

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
  z-index: 9; }

.fc-event {
  border: 1px solid #3a87ad;
  /* default BORDER color */
  background-color: #3a87ad;
  /* default BACKGROUND color */
  color: #fff;
  /* default TEXT color */
  font-size: .85em;
  cursor: default; }

a.fc-event {
  text-decoration: none; }

a.fc-event,
.fc-event-draggable {
  cursor: pointer; }

.fc-rtl .fc-event {
  text-align: right; }

.fc-event-inner {
  width: 100%;
  height: 100%;
  overflow: hidden; }

.fc-event-time,
.fc-event-title {
  padding: 0 1px; }

.fc .ui-resizable-handle {
  display: block;
  position: absolute;
  z-index: 99999;
  overflow: hidden;
  /* hacky spaces (IE6/7) */
  font-size: 300%;
  /* */
  line-height: 50%;
  /* */ }

/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
  border-width: 1px 0;
  margin-bottom: 1px; }

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
  border-left-width: 1px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px; }

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
  border-right-width: 1px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px; }

/* resizable */
.fc-event-hori .ui-resizable-e {
  top: 0           !important;
  /* importants override pre jquery ui 1.7 styles */
  right: -3px      !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: e-resize; }

.fc-event-hori .ui-resizable-w {
  top: 0           !important;
  left: -3px       !important;
  width: 7px       !important;
  height: 100%     !important;
  cursor: w-resize; }

.fc-event-hori .ui-resizable-handle {
  _padding-bottom: 14px;
  /* IE6 had 0 height */ }

/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
  border-collapse: separate; }

.fc-border-separate th,
.fc-border-separate td {
  border-width: 1px 0 0 1px; }

.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
  border-right-width: 1px; }

.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
  border-bottom-width: 1px; }

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
  border-top-width: 0; }

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
  text-align: center; }

.fc .fc-week-number {
  width: 22px;
  text-align: center; }

.fc .fc-week-number div {
  padding: 0 2px; }

.fc-grid .fc-day-number {
  float: right;
  padding: 0 2px; }

.fc-grid .fc-other-month .fc-day-number {
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */ }

.fc-grid .fc-day-content {
  clear: both;
  padding: 2px 2px 1px;
  /* distance between events and day edges */ }

/* event styles */
.fc-grid .fc-event-time {
  font-weight: bold; }

/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
  float: left; }

.fc-rtl .fc-grid .fc-event-time {
  float: right; }

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
  border-collapse: separate; }

.fc-agenda-days th {
  text-align: center; }

.fc-agenda .fc-agenda-axis {
  width: 50px;
  padding: 0 4px;
  vertical-align: middle;
  text-align: right;
  white-space: nowrap;
  font-weight: normal; }

.fc-agenda .fc-week-number {
  font-weight: bold; }

.fc-agenda .fc-day-content {
  padding: 2px 2px 1px; }

/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
  border-right-width: 1px; }

.fc-agenda-days .fc-col0 {
  border-left-width: 0; }

/* all-day area */
.fc-agenda-allday th {
  border-width: 0 1px; }

.fc-agenda-allday .fc-day-content {
  min-height: 34px;
  /* TODO: doesnt work well in quirksmode */
  _height: 34px; }

/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
  height: 2px;
  overflow: hidden; }

.fc-widget-header .fc-agenda-divider-inner {
  background: #eee; }

/* slot rows */
.fc-agenda-slots th {
  border-width: 1px 1px 0; }

.fc-agenda-slots td {
  border-width: 1px 0 0;
  background: none; }

.fc-agenda-slots td div {
  height: 20px; }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
  border-top-width: 0; }

.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
  border-top-style: dotted; }

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
  *border-top-style: solid;
  /* doesn't work with background in IE6/7 */ }

/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
  border-width: 0 1px; }

.fc-event-vert.fc-event-start {
  border-top-width: 1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.fc-event-vert.fc-event-end {
  border-bottom-width: 1px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px; }

.fc-event-vert .fc-event-time {
  white-space: nowrap;
  font-size: 10px; }

.fc-event-vert .fc-event-inner {
  position: relative;
  z-index: 2; }

.fc-event-vert .fc-event-bg {
  /* makes the event lighter w/ a semi-transparent overlay  */
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .25;
  filter: alpha(opacity=25); }

.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
  display: none\9;
  /* for IE6/7/8. nested opacity filters while dragging don't work */ }

/* resizable */
.fc-event-vert .ui-resizable-s {
  bottom: 0        !important;
  /* importants override pre jquery ui 1.7 styles */
  width: 100%      !important;
  height: 8px      !important;
  overflow: hidden !important;
  line-height: 8px !important;
  font-size: 11px  !important;
  text-align: center;
  cursor: s-resize; }

.fc-agenda .ui-resizable-resizing {
  /* TODO: better selector */
  _overflow: hidden; }

    
/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/
/* stylesheet for demo and examples */



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto; }

.mCustomScrollBox { /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; }

.mCSB_container { /* contains the original content */ overflow: hidden; width: auto; height: auto; }



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_inside > .mCSB_container { margin-right: 20px; }

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; }
/* non-visible scrollbar */

.mCS-dir-rtl > .mCSB_inside > .mCSB_container { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden { margin-left: 0; }
/* RTL direction/left-side scrollbar */

.mCSB_scrollTools { /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: -5px; bottom: 0; }

.mCSB_outside + .mCSB_scrollTools { right: -26px; }
/* scrollbar position: outside */

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools,
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { /* RTL direction/left-side scrollbar */ right: auto; left: 0; }

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools { left: -26px; }
/* RTL direction/left-side scrollbar (scrollbar position: outside) */

.mCSB_scrollTools .mCSB_draggerContainer { /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; }

.mCSB_scrollTools a + .mCSB_draggerContainer { margin: 20px 0; }

.mCSB_scrollTools .mCSB_draggerRail { width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCSB_scrollTools .mCSB_dragger { /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 12px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 8px; /* auto-expanded scrollbar */ }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown { display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools .mCSB_buttonDown { bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-right: 0; margin-bottom: 25px; }

.mCSB_horizontal.mCSB_outside > .mCSB_container { min-height: 100%; }

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }
/* non-visible scrollbar */

.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 14px; top: auto; right: 0; bottom: 5px; left: 0; }

.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px; }
/* scrollbar position: outside */

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { margin: 0 20px; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; /* minimum dragger width */ height: 100%; left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; }

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0; }

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_container_wrapper { position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; }

.mCSB_container_wrapper > .mCSB_container { padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 20px; }

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 20px; }

/* non-visible horizontal scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical { bottom: 0; }

/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { right: 0; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 20px; }

/* non-visible scrollbar/RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 0; }

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper { /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; }

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container { padding-right: 0; }

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container { padding-bottom: 0; }

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden { margin-right: 0; /* non-visible scrollbar */ margin-left: 0; }

/* non-visible horizontal scrollbar */
.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; }

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; }



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/

/* default theme ("light") */

.mCSB_scrollTools { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover > .mCSB_scrollTools,
.mCustomScrollBox:hover ~ .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,1); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; }
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight { background-image: url(../images/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; }

.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0; /* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/ }

.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px; /* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/ }

.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px; /* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/ }

.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px; /* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/ }

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover { opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active { opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }


/* theme: "dark" */

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: rgba(0,0,0,0.85); }

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: rgba(0,0,0,0.9); }

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme: "light-2", "dark-2" */

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 4px; margin: 6px auto; }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px 0; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -20px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -40px; }

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -56px; }


/* theme: "dark-2" */

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px 0; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -20px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -40px; }

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -56px; }

/* ---------------------------------------- */



/* theme: "light-thick", "dark-thick" */

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 4px; margin: 6px 0; }

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; margin: 5px auto; }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px 0; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -20px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -40px; }

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -56px; }


/* theme: "dark-thick" */

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px 0; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -20px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -40px; }

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -56px; }

/* ---------------------------------------- */



/* theme: "light-thin", "dark-thin" */

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.1); }

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 2px; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; }

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 2px; margin: 7px auto; }


/* theme "dark-thin" */

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px 0; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -20px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -40px; }

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -56px; }

/* ---------------------------------------- */



/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.15); }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger { height: 14px; }

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 14px; margin: 0 1px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 14px; }

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 14px; margin: 1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; }

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 4px; /* auto-expanded scrollbar */ }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; }

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 -72px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -92px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -112px; }

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -128px; }


/* theme "rounded-dark", "rounded-dots-dark" */

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.15); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -80px -72px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -80px -92px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -80px -112px; }

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -80px -128px; }


/* theme "rounded-dots", "rounded-dots-dark" */

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail { width: 4px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { background-color: transparent; background-position: center; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 4px; margin: 6px 0; background-repeat: repeat-x; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp { background-position: -16px -72px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown { background-position: -16px -92px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft { background-position: -20px -112px; }

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight { background-position: -20px -128px; }


/* theme "rounded-dots-dark" */

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -96px -72px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -96px -92px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -100px -112px; }

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -100px -128px; }

/* ---------------------------------------- */



/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); }


/* theme "3d", "3d-dark" */

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 70px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 70px; }

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 8px; }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); }

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 8px; margin: 4px auto; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme "3d-dark" */

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "3d-thick", "3d-thick-dark" */

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools { opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; }

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical { right: 1px; }

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical { box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #555; }

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 12px; width: auto; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer { background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); }

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme: "3d-thick-dark" */

.mCS-3d-thick-dark.mCSB_scrollTools { box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal { box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #777; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer { background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme: "minimal", "minimal-dark" */

.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 0; margin: 12px 0; }

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: 0; margin: 0 12px; }

/* RTL direction/left-side scrollbar */
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { left: 0; right: auto; }

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; }

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger { height: 50px; }

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger { width: 50px; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }


/* theme: "minimal-dark" */

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; }

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; }

/* ---------------------------------------- */



/* theme "light-3", "dark-3" */

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); }

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; }

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 6px; margin: 5px 0; }

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { width: 12px; }

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 12px; margin: 2px 0; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -40px -112px; }

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -40px -128px; }


/* theme "dark-3" */

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }

/* ---------------------------------------- */



/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); }

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 4px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; }

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 6px 0; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp { background-position: -32px -72px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown { background-position: -32px -92px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft { background-position: -99px -41px; }

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight { background-position: -99px -58px; }


/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.1); }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp { background-position: -112px -72px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown { background-position: -112px -92px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft { background-position: -120px -112px; }

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight { background-position: -120px -128px; }


/* theme "inset-2", "inset-2-dark" */

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail { border-color: #000; border-color: rgba(0,0,0,0.2); }


/* theme "inset-3", "inset-3-dark" */

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail { background-color: #fff; background-color: rgba(255,255,255,0.6); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,0.6); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.75); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.85); }

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,0.9); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.75); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.85); }

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,0.9); }

/* ---------------------------------------- */