* {outline:none!important;
/*-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;*/}

@font-face {
    font-family: 'MyriadPro';
    src: url('webfonts/MyriadPro-Regular.eot');
	src: local('☺'), url('webfonts/MyriadPro-Regular.woff') format('woff'), url('webfonts/MyriadPro-Regular.ttf') format('truetype'), url('webfonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'MyriadProBold';
    src: url('webfonts/MyriadPro-Regular.eot');
	src: local('☺'), url('webfonts/MyriadPro-Bold.woff') format('woff'), url('webfonts/MyriadPro-Bold.ttf') format('truetype'), url('webfonts/MyriadPro-Bold.svg') format('svg');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'MyriadProBoldCond';
    src: url('webfonts/MyriadPro-BoldCond.otf') format('opentype');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'MyriadProSemibold';
    src: url('webfonts/MyriadPro-Semibold.eot');
	src: local('☺'), url('webfonts/MyriadPro-Semibold.woff') format('woff'), url('webfonts/MyriadPro-Semibold.ttf') format('truetype'), url('webfonts/MyriadPro-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.dhx_matrix_scell {font-size:11px;}
.login-top-menu {position:relative;}
.login-top-menu,
.login-top-menu::before,
.login-top-menu::after {height:39px;display:inline-block;background:url(../images/icons/new/login-menu.png);}
.login-top-menu::before,
.login-top-menu::after {content:'';position:absolute;top:0;}
.login-top-menu::before{left:-29px;width:29px;background-position:0 0;}
.login-top-menu::after {right:-12px;width:12px;background-position:right -78px;}
.login-top-menu{float:right;background:url(../images/icons/new/login-menu.png) repeat-x 0 -39px;min-width:120px;text-align:left;padding-top:5px;}
.login-top-menu .avatar-class {width:50px;height:50px;position:absolute;left:-65px;top:-15px;border-radius:100%;border:3px solid #afafaf;padding:0;font-size:11px;margin-right:20px;}
.login-top-menu>a {display:block;color:#fefefe;text-shadow: 1px 2px 0px rgba(145, 125, 164, 0.73);font-size:11px}
.login-top-menu>a:hover,
.login-top-menu>a:focus {text-decoration:none;}
.login-top-menu>a>span {display:block;}
.login-top-menu>.dropdown-menu{right:-10px;left:-112px}

.onCloseSaveData {margin-right:20px;}
.ntile {display:block;height:134px;background:#4cb1e0;border:1px solid #478bc0;padding:18px 14px;text-decoration:none;position:relative;margin-top:6px;}
.ntile:hover, .ntile:focus {text-decoration:none;}
.ntile:hover{}
.ntile span.tile_name{display:block;margin-top:5px;color:#fefefe;font-size:16px;}
.ntile_report {background:#527da9;border-color:#4e6e9e;}
.ntile_schedules {background:#168865;border-color:#205c60;}
.ntile_planing {background:#125687;border-color:#242f6e;}

.ntile_calendar {background:#317ec5;border-color:#334a93;padding:20px 14px;}
.ntile_calendar .dtB {display:block;color:#fff;font-size:16px;}
.ntile_calendar .dtB>span{display:block;font-size:60px;margin-bottom:5px;line-height:40px;font-weight:bold;font-style:italic;}
.ntile_calendar img {font-size:40px;position:absolute;top:15px;right:15px;}
.ntile_calendar .dtM {font-size:14px;position:absolute;bottom:10px;right:15px;color:#fefefe;}

.ntile_availability {background:#1fdfc2;border-color:#297e91;}
.ntile_support {background:#1fabdf;border-color:#2962a1;}
.ntile_sub_contractors {margin-top:6px;margin-bottom:6px;background:#1fb9df;border-color:#2c538f;overflow:hidden;padding-right:0;height:auto!important;min-height:98px;}
.ntile_sub_contractors>img {float:left;margin-right:20px;}
.ntile_administration  {background:#3dc490;border-color:#3dc490;padding-top:40px;}
.ntile_administration>img {position:absolute;top:20px;right:15px;}

#carousel-example-generic {background:#1fabdf;border-color:#238fc7;}
#carousel-example-generic .item {height:136px;}
#carousel-example-generic .item img {display:none;}
#carousel-example-generic .carousel-indicators {margin-bottom:0;bottom:5px;}
#carousel-example-generic .item {height:136px;}
#carousel-example-generic h3 {font-size:26px;font-style:italic;font-weight:300;}
#carousel-example-generic p {font-size:12px;line-height:18px;}
#carousel-example-generic .carousel-caption {left:5%;right:5%;padding:0;}
#carousel-example-generic .carousel-indicators li {width:5px;height:5px;background:#fff;border-width:0;}
#carousel-example-generic .carousel-indicators li.active {background:#1c57ff;margin:0;}

.main-text{position: absolute;top: 50px;width: 96.66666666666666%;color: #FFF;}
.btn-min-block{min-width: 170px;line-height: 26px;}
.btn-clear{color: #FFF;background-color: transparent;border-color: #FFF;margin-right: 15px;}
.btn-clear:hover{color: #000;background-color: #FFF;}

.header_table_2 .client_stats{text-align:center;color:#929292;}
.client_stats{padding:2px 0 2px 0;font-weight:normal;font-size:11px;line-height:1.2em;white-space:nowrap;}
.client_stats span:hover{text-decoration:none !important;}
.client_stats i {margin:0 5px 0 3px;font-size:11px;opacity:0.8}


.real-time-reporting-staff-light,.real-time-reporting-shifts-light,.real-time-reporting-days-light,.real-time-reporting-hours-light,.real-time-reporting-staff-dark,.real-time-reporting-shifts-dark,.real-time-reporting-days-dark,.real-time-reporting-hours-dark{margin:0 3px 0 2px;display:inline-block;*display:inline;zoom:1;background-image:url(https://cdn6.findmyshift.com/images/icons/real-time-reporting-icons.png);width:8px;height:8px;}
@-moz-document url-prefix(){
	.real-time-reporting-staff-light,.real-time-reporting-shifts-light,.real-time-reporting-days-light,.real-time-reporting-hours-light,.real-time-reporting-staff-dark,.real-time-reporting-shifts-dark,.real-time-reporting-days-dark,.real-time-reporting-hours-dark { margin:0 6px 0 2px;}
}
.real-time-reporting-staff-light{background-position:-15px -8px;width:6px;}
.real-time-reporting-shifts-light{background-position:-30px -8px;width:7px;}
.real-time-reporting-days-light{background-position:-21px -8px;width:9px;}
.real-time-reporting-hours-light{background-position:-7px -8px;}
.real-time-reporting-staff-dark{background-position:-15px 0;width:6px;}
.real-time-reporting-shifts-dark{background-position:-30px 0;width:7px;}
.real-time-reporting-days-dark{background-position:-21px 0;width:9px;}
.real-time-reporting-hours-dark{background-position:-7px 0;}
.real-time-reporting-separator-light,.real-time-reporting-separator-dark{margin:0 3px 0 0;visibility:hidden;display:inline-block;*display:inline;zoom:1;}

/* Carousel */
#quote-carousel {padding: 0 10px 30px 10px;margin-top: 30px;height:198px;}
#quote-carousel .carousel-control {background: none;color: #CACACA;font-size: 2.3em;text-shadow: none;margin-top: 100px;}
#quote-carousel .carousel-control {opacity:1;font-size:14px;}
#quote-carousel .carousel-control.left {left: -10px;}
#quote-carousel .carousel-control.right {right: -10px;}
#quote-carousel .carousel-indicators {left:50%;top: 0;bottom: auto;margin:0;margin-left: -35%;width:100%;height:90px;vertical-align:middle!important;}
#quote-carousel .carousel-indicators li {width: 45px;height: 45px;margin: 24px 2px;cursor: pointer;border: 4px solid #CCC;border-radius: 50px;opacity: 0.4;overflow: hidden;transition: all 0.4s;display:inline-block;float:left}
#quote-carousel .carousel-indicators .active {background: #333333;margin: 2px;width: 79px;height: 82px;opacity: 1;overflow: hidden;}
#quote-carousel .carousel-inner {min-height: 300px;}
#quote-carousel .item {padding-top:95px;color:#fefefe;}
#quote-carousel h3 {font-size:26px;font-style:italic;font-weight:300;}
#quote-carousel p {font-size:12px;line-height:15px;font-weight:600;}

.dash_padd_left .ntile{min-height:60px;height:84px;padding:10px 6px;}
.dash_padd_left .ntile .tile_name {font-size:12px;}
.ntile_home {background:#f37a52;border-color:#bb5a54;}
.ntile_tasks {background:#15c2d2;border-color:#2d3976;}
.ntile_settings {background:#3873ad;border-color:#375594;}
.ntile_logout {background:#ca232b;border-color:#6a1649;}
.dash_padd_left .ntile.ntile_logo {height:190px;padding-top:22px;}
.dash_padd_left .ntile.ntile_list {height:30px;font-size:11px;background:#f1bf6a;border-color:#a57763;height:37px;min-height: 23px;}
.dash_padd_left .ntile.ntile_list a {color:#fefefe;}
.ntw .ntwr {padding-right:3px;}
.ntw .ntwl {padding-left:3px;}

@media (max-width: 767px) {
	.mbs {margin-top:6px;overflow:hidden;}
}
@media (min-width: 992px) {
  .container {
    width: 1003px;
  }
  .dash_padd_left {padding-left:100px;}
}
@media (min-width: 1200px) {
  .container {
    width: 1130px;
  }
  /*.container-fluid {max-width:1350px;}*/
  .dash_padd_left {padding-left:100px;}
}


.bar-event.hasComments::before{
    content: "";
	background:url(../images/icons/new/hasComments.png) no-repeat 0 0;
    display: block;
    position: absolute;
    width:0px;
    height: 0px;
    top: 0;
    left: 0;
    
    width: 11px;
    height: 11px;
    
    
}
.bar-event * {cursor:default!important;}
.bar-event .event_delete{cursor:pointer!important;}
.bar-event .dropdown-menu::before {border-bottom: 7px solid rgba(0, 0, 0, 0.2);border-left: 7px solid transparent;border-right: 7px solid transparent;content: "";display: inline-block;left: 9px;position: absolute;top: -7px;}
.bar-event .dropdown-menu::after {border-bottom: 6px solid #ffffff;border-left: 6px solid transparent;border-right: 6px solid transparent;content: "";display: inline-block;left: 10px;position: absolute;top: -6px;}
.bar-event .dropdown-menu {top:25px;}

#wpwrap {height: auto;min-height: 100%;position: relative;width: 100%;padding-bottom:78px;}
#wpcontent {height: 100%;}
#wpfooter {bottom: 0;left: 0;padding: 10px 10px;position: absolute;right: 0;width:100%;}
.dds {display:inline-block;}
.dds>.btn {padding:2px 4px;font-size:11px;}

#custom_table_description td, .tblsset {background:#f7f7f7!important;}
#hsbar {margin-left:8px;}
.hide_siderbar .leftbar {width:100%;padding-right: 15px;}
.hide_siderbar .rightbar {display:none;}

.availability_0, td.tas {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.availability_1, td.nan {color: #a94442!important;background-color: #f2dede!important;border-color: #ebccd1!important;}

.day_no_availale {background:#efefef!important}
.header_table {background:#f7f7f7!important;color:#212121;font-weight:bold;text-transform:uppercase;border-width:2px 0!important;}
.header_table_1 {background:#2784ec!important;color:#FFFFFF;font-weight:bold;text-transform:uppercase;border-width:0!important;}
.header_table_2 {background:#f6fefd!important;color:#212121;font-weight:bold;text-transform:uppercase;border-width:2px 0!important;}
table.floatThead-table {
	background-color: rgba(255,255,255,0.86);
}
label.form_error {color:#F70000;font-weight:normal;font-size:12px;}
label.form_success {color:#3c763d;font-weight:normal;font-size:12px;}
.label.bar-event {font-size:9px;line-height:16px;font-weight:normal;display:block;text-align:left;margin-bottom:5px;cursor:pointer;border-style:none!important;position:relative;}

.dhx_cell_matrix {padding:0!important;}
.dhx_cell_matrix.keyNavigationEnabled{border-style:dashed!important;border-width:2px;}
.dhx_cell_matrix .posG{padding:2px;}
.dhx_cell_matrix .progressScreen {background:rgba(0,0,0,0.5);height:100%;width:100%;display: block;top:0;left:0;position:absolute;z-index:1;line-height:100%;min-height:43px;display:none;}
.ddsPa:hover > .dropdown-menu {
    display: block;
	top:5px;
	left:-10px;
}
.inputcontrol {padding:0 10px;}
.inputScheduleField {border:1px dashed #336699; color:#336699;width:100%;font-size:11px;text-align:center;}
.inputScheduleField[disabled] {border-color:transparent;}
.inputScheduleField.oops {border-color:red;color:red;}

.calendar_navline {padding:15px;width:100%;height: 59px;overflow:hidden;}
.calendar_navline .cal_date {font-size: 22px;line-height:26px;font-weight: lighter;}
.calendar_navline .cal_nav_button {width:32px;height:32px;font-size:18px;padding:8px;display:block;margin-left:4px;}
.calendar_navline .cal_button {padding:5px;display:inline-block;height:32px;line-height:20px;text-decoration:none;color:#337ab7;margin-right:4px;min-width:70px;font-weight:bold;}
.calendar_navline .cal_button.active {background:#337ab7;color:#fff;font-weight:normal;}
.top_buttons,
.top_buttons:hover {color:#fff;text-decoration:none;display:block;float:left;}
.top_buttons{margin-right:18px;color:#ebebeb;}
.top_buttons:hover {color:#fff;}
.top_buttons>.fa,.top_buttons>.text {display:block;}
.top_buttons>.fa{font-size:25px;margin-bottom:6px;}
.top_buttons>.text{font-size:12px;}

.multiple-code-dd {width:250px;color:#212121;}

.required {color:red;}
.form_error {color:red;}
.error_msg {font-size:11px;color:#c12e2a;margin:5px 0 0;display:block;padding-left:25px;position:relative;}
.error_msg::before {color:#F7F7F7;content:'X';font-size:10px;position:absolute;top:0;left:0;padding:4px 6px;line-height:10px;border-radius:100%;display:inline-block;
background: #c12e2a;}
.pos-rel {position:relative;}
.pos-abs {position:absolute;}
.stdTitle{ font-size: 18px;color:#16416b;margin-bottom:30px;padding-left:30px;background:url(../images/icons/new/arrow-stdTitle.png) no-repeat 0 center; }
.stdTitle.stdTitleSmall {font-size:15px;line-height:25px;}
.control-label {padding-right:0;font-size:11px;}
.progressBarStat {display:none;color:#fff;background:rgba(0,0,0,.90);height:100%;width:100%;left:0;top:0;z-index:900;text-align:center;vertical-align:middle;font-size:30px;padding-top:60px;}
.progressBarStat.open {display:block!important;}
.npl {padding-left:0;}
body {overflow-x:hidden;}

.labelTitle {color:#c2720d;font-size:15px;}
.list-checkbox,
.list-checkbox-2,.list-checkbox-50 {padding-left:20px;list-style:none;}
.list-checkbox-2 li,.list-checkbox-50 li {width:32%;display:inline-block;}
.list-checkbox-50 li {width:49%;}
.list-checkbox label.checkbox,
.checkbox {font-weight:normal;}
.list-checkbox-2 label,.list-checkbox-50 label {margin:4px 0;}


html, body{height:100%;overflow-x:hidden;}
body {font-family: 'Open Sans', sans-serif;font-size:14px;background-color:#330c58;}
body.base_index {background:url(../images/backgrounds/login.jpg) repeat 0 0;}
#site-header {padding:20px 0;}
#site-header .icons-nav {margin:0;padding:0;}
#site-header .icons-nav>li {float:left;padding:0;}
#site-header .icons-nav>li+li {margin-left:2px;}
#site-header .icons-nav>li:not(.account)>a {width:64px;height:64px;color:#fff;text-align:center;display:inline-block;text-decoration:none;position:relative;}
#site-header .icons-nav>li:not(.account)>a>.fa {font-size:32px;}
#site-header .icons-nav>li.account>a>i {display:block;font-style:normal;background:#08bae7;position:absolute;bottom:0;right:0;padding:0 5px;}
#site-header .icons-nav>li.account>a>img {width:64px;height:64px;border:2px solid #fff;border-radius:2px;background:#fff;padding:8px 6px;}
#site-header .icons-nav.icons-nav-button>li:not(.account)>a{border-bottom:3px solid #929130;background:#cdcc34;padding:6px 5px 0;}
#site-header .icons-nav.icons-nav-button>li:not(.account)>a>span{display:block;font-size:12px;margin-top:1px;}
#site-header .icons-nav.icons-nav-button>li.home>a{background:#08bae7;border-bottom-color:#0890b3;}
#site-header .icons-nav.icons-nav-button>li.settings>a{background:#f9d012;border-bottom-color:#ae920c;}
#site-header .icons-nav.icons-nav-button>li.print>a{background:#eb640b;border-bottom-color:#c35710;}
#site-header .icons-nav.icons-nav-button>li.logout>a{background:#cd3333;border-bottom-color:#9d2222;}
#site-header .icons-nav.icons-nav-button>li.other>a{background:#fff;border-bottom-color:#;color:#212121;}

/* Flip around the padding for proper display in narrow viewports */
#site-header .navbar-content{background:#fff;width:280px;padding: 15px;}
#site-header .navbar-content .avatar-class {padding-right:0;}
#site-header .navbar-content a{color:#072638!important;}
#site-header .navbar-content:before, 
#site-header .navbar-content:after{display: table;content: "";line-height: 0;}
#site-header .navbar-nav.navbar-right:last-child {margin-right: 15px !important;}
#site-header .navbar-footer {background-color:#072638;}
#site-header .navbar-footer-content a { padding:5px 0!important; }
#site-header .dropdown-menu {padding: 0px;overflow: hidden;}

.change_color {background:#fff;padding:5px 8px;border:1px solid #cecece;border-width:1px 0;overflow:hidden;}
.clr-block {width:16px;height:16px;display:inline-block;margin-right:5px;float:right;border-radius:100%;}
.clr-default {background:#072638;}
.clr-brown {background:#68491d;}
.clr-green {background:#5a7d21;}
.clr-blue {background:#01b0b3;}
.clr-red {background:#d80d2b;}


.horizontal-menus {}
.horizontal-menus>ul{overflow:hidden;height:40px;margin:0;}
.horizontal-menus>ul>li{float:left;padding:5px 0;font-size:16px;}
.horizontal-menus>ul>li+li{float:left;margin-left:25px;}
.horizontal-menus>ul>li>a{color:#FFF;line-height:30px;}


.topHeadBar {color:#fff;font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;
  font-weight: 300;
  letter-spacing: 0.00em;
  font-size: 34px;
  line-height: 34px;padding: 0;margin: 10px 0;}
.topHeadBar .on-right {
    margin-left: 12px;
}
.topHeadBar .on-rightHTML {
    margin-left: 14px;
}
.topHeadBar .ddS {cursor:pointer;}
.topHeadBar span {
    font-size: 19px;color:#fff;
}
.topHeadBar a {color:#fff;}
.topHeadBar i.iconFont-arrow-left-3{font-size:30px;}
.topHeadBar a:hover {text-decoration:none;}

.putMTop {padding-top:20px;}
.ofh {overflow:hidden;}
.assignment_calendarWrap {border-radius:0;background:none;}
.assignment_calendar {margin:10px auto;width:70%;}
.assignment_calendar .wdays {padding:0;}
.assignment_calendar .right_nav  {padding-right:0;}
.assignment_calendar .left_nav   {padding-left:0;}
.assignment_calendar .left_nav a,
.assignment_calendar .right_nav a{font-size:50px;line-height:50px;color:#fff;}
.assignment_calendar .left_nav a{float:right;}
.assignment_calendar .right_nav a{float:left;}
.calendar-box {text-align:center;}
.calendar-box .calender-header{display:block;font-size:60px;margin-bottom:5px;line-height:40px;font-weight:bold;font-style:italic;color:#fff;}
.calendar-box .calender-body{display:block;color:#fff;font-size:16px;}
.assignment_calendar_month {width:70%;margin:12px auto;border:1px solid #fff;padding:3px 0;text-align:center;font-size:15px;line-height:22px;color:#fff;}

.cph2 {padding:10px 15px;font-size:16px;}
.cph2 a, .cph2 a:hover, .cph2 a:focus {color:#fff;text-decoration:none;}
.cph2 .newItemBox {}
.cph2 .newItemBox .spanStatus {display:inline-block;height:20px;}
.cph2 .newItemBox select {font-size:12px;padding:3px 2px;margin-left:4px;background:#1d64d0;border:0;}
.cph2 .newItemBox select.jobs {width:160px;}
.cph2 .newItemBox button,.btn-newAdd,
.cph2 .newItemBox button:hover,.btn-newAdd:hover {color:#FFF;}
.cph2 .newItemBox button.itemBtn,
.btn-newAdd {display:inline-block;margin-left:5px;margin-top:2px;border:0;padding:0 4px;background:#cccd33;}
.cph2 .newItemBox button .fa {font-size:18px;}

.content_wrap_block {margin:0 8px;}
.content_wrap_block .h{font-weight:normal;margin-top:0;}

.pane-wrap {position:relative;
	padding:20px 20px 0;border-radius:10px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.33, #2B5D93),
		color-stop(0.33, #225282),
		color-stop(1, #225282)
	);
	background-image: -o-linear-gradient(bottom, #2B5D93 33%, #225282 33%, #225282 100%);
	background-image: -moz-linear-gradient(bottom, #2B5D93 33%, #225282 33%, #225282 100%);
	background-image: -webkit-linear-gradient(bottom, #2B5D93 33%, #225282 33%, #225282 100%);
	background-image: -ms-linear-gradient(bottom, #2B5D93 33%, #225282 33%, #225282 100%);
	background-image: linear-gradient(to bottom, #2B5D93 33%, #225282 33%, #225282 100%);
}
.pane-wrap::before {width:6px;height:125px;background:#12aaeb;position:absolute;content:'';display:inline-block;left:0;bottom:10%;}
.class-thead {height:100px;}
.class-thead.class-thead-auto {height:auto;margin-bottom:15px;}
.class-thead .tHeadBar {color:#fff;font-family: 'Open Sans', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;letter-spacing: 0.00em;font-size: 26px;line-height: 26px;padding: 0;margin: 0;}
.class-thead .tHeadBar .on-right {margin-left: 12px;}
.class-thead .tHeadBar .on-rightHTML {margin-left: 14px;}
.class-thead .tHeadBar span.clr {color:#cfbc1c;}
.class-thead .fa{color:#12a8e9;margin-left:10px;font-size:21px;}

.tStatus {height:62px;background:#235384;border-radius:10px;display:inline-block;text-align:center;padding:6px 0}
.tStatus ul {margin:0;}
.tStatus li {min-width:96px;padding:0 10px;}
.tStatus li.last {border-left:1px dotted #1c4471;}
.tStatus span {display:block;color:#fcb150;text-transform:uppercase;font-size:11px;}
.tStatus .num {font-size:21px; color:#fff;}

.div_block {}
.div_block .div_seperator{position:relative;}
.div_block .div_seperator::before {width:11px;background:url(../images/icons/new/div-sep.png) repeat-y 0 0;content:'';position:absolute;top:-15px;bottom:-15px;left:-50px;}

.pane-wrap .alert {border-radius:0px!important;font-size:12px;padding:8px;border-left-width:3px;margin-top:20px;}

.panel-staff {margin-bottom:-30px;border-width:0;background:none!important;}
.panel-staff>.panel-heading {margin-right:10%;background:#16416b;border-radius:9px 9px 0 0;padding:0;height:40px;font-size:12px;color:#fff;text-transform:uppercase;}
.panel-staff>.panel-body {background:#12aaeb;border-radius:0 0 9px 9px}
.panel-staff .btnAdd {background-color:#e64c65;border-radius:0 9px 0 0;height:40px;padding:10px 18px;color:#fefefe;}
.panel-staff .btnAdd:active,
.panel-staff .btnAdd:focus, .panel-staff .btnAdd:hover {text-decoration:none;background-color:#cb3d54;}
.panel-staff .form-group {margin-bottom:8px;}
.panel-staff .form-control {background:#98dffd;border-width:0;border-radius:3px;color:#326aa1;height:30px;}
.panel-staff .control-label:not(.ig) {color:#fff;font-weight:normal;}
.panel-staff .viewMode {background-color:#12aaeb;border-radius:9px 0 0 0;height:40px;padding:10px 18px;color:#fefefe;}
.panel-staff .viewMode i {font-size:13px;display:none;}
.panel-staff .viewMode:active,
.panel-staff .viewMode:focus, .panel-staff .viewMode:hover {text-decoration:none;}
.panel-staff .tab-pane {min-height:485px;}
.panel-staff .panel-body {min-height:305px;}
.panel-staff .sort_list {padding:12px 10px;}
.panel-staff .sort_list+.sort_list {margin-left:20px;}
.panel-staff .sort_list label {font-weight:normal;float:left;padding-right:15px;margin-bottom:0;font-size:12px;padding-top:0;}
.panel-staff .sort_list ul {float:left;}
.panel-staff .sort_list ul li {float:left;position:relative;}
.panel-staff .sort_list ul li + li {padding-left:10px;}
.panel-staff .sort_list ul li + li:before {content:'/';position:absolute;left:0;}
.panel-staff .sort_list a {color:#fcb150;}
.panel-staff .panel-heading .dropdown .dropdown-toggle, .dropdown-toggle2 {color:#11a8ab;padding:12px 10px 11px;display:block;border-left:3px solid #225282;}
.dropdown-toggle2:hover, .dropdown-toggle2:focus {text-decoration:none;color:#fff;}
.panel-staff .panel-heading .dropdown>a:hover,.panel-staff .dropdown>a:focus {text-decoration:none;}
.panel-staff .panel-heading .dropdown.open .dropdown-toggle {color:#fff;}
.panel-staff .panel-heading .dropdown.open .dropdown-menu {left:70%;top:55px;background:url(../images/icons/new/ddmenu-bg.png) repeat;border-width:0!important;
box-shadow:0 6px 12px rgba(0, 0, 0, 0.8)}
.panel-staff .panel-heading .dropdown.open .dropdown-menu::before {content:'';display:inline-block;width:54px;height:36px;background:url(../images/icons/new/ddmenu-top.png) no-repeat 0 0;top:-36px;left:4px;position:absolute;}
.panel-staff .panel-heading .dropdown.open .dropdown-menu.ddFilter {left:40%;top:55px;width:300px;padding:10px 15px;}
.panel-staff .panel-heading .dropdown.open .dropdown-menu.ddFilter a {color:#fff;}
.panel-staff .panel-heading .dropdown.open ul.dropdown-menu.ddFilter a:hover {color:#fff;background:rgba(255,255,255,0.1);}

form.ajaxform_submit_only {}
form.ajaxform_submit_only .eval-error-span {top:2px;right:4px;color:red;}
form.ajaxform_submit_only .eval-error {padding-right:30px!important;}

.panel-window {background:none; border-radius: 0;}
.panel-window .panel-heading{background:#2784ec;color:#fff;border-top-left-radius: 0;
border-top-right-radius: 0;}
.content_wrap_block {padding:20px;background:#fff;}
.pbs {padding:10px 0 30px;margin:0 -7px;}
.npr {padding-right:0;}
.blkIsotope.longtile {width:310px;}
.blkIsotope {margin-bottom:10px;margin:8px 6px;width:156px;min-height:156px;float:left;padding:15px 9px 22px;position:relative;background:#e4e6f2;}
.blkIsotope .blkTitle {padding:0;cursor:pointer;font-family:'Arimo', sans-sarif;font-size:12px;color:#1b1b1b;}
.blkIsotope .blkClose {display:block;width:12px;height:12px;line-height:8px;background:#da542e;color:#fff;position:absolute;top:0;right:0;text-align:center;}
.blkIsotope .blkClose i {font-size:11px;}
.blkIsotope ul.emp,
.blkIsotope div.emp {margin:0 0 6px;}
.blkIsotope ul.emp li,
.blkIsotope div.emp a {width:32px;height:32px;margin-bottom:10px;line-height:44px;display:inline-block;cursor:pointer;}
.blkIsotope ul.emp li.list_m {background:url(../images/icons/u-male.png) no-repeat 0 0;}
.blkIsotope ul.emp li.list_f {background:url(../images/icons/u-female.png) no-repeat 0 0;}
.blkIsotope ul.emp li.list_a {background:url(../images/icons/u-any.png) no-repeat 0 0;}
.blkIsotope ul.emp.emp_big {width:96px;margin:0 auto 6px;}
.blkIsotope div.emp.emp_big {text-align:center;}
.blkIsotope ul.emp.emp_big li,
.blkIsotope div.emp.emp_big a {width:96px;height:96px;display:inline-block;}
.blkIsotope div.emp.emp_big a:hover{text-decoration:none;}
.blkIsotope div.emp.emp_big a>img{width:96px;height:96px;display:inline-block;border-radius:100%;background:#fff;}
.blkIsotope div.emp.emp_big a>span.label {margin-top:70px;display:inline-block;}
.blkIsotope ul.emp.emp_big li.list_m,
.blkIsotope div.emp.emp_big a.list_m {background:url(../images/icons/u-male-x96.png) no-repeat 0 0;}
.blkIsotope ul.emp.emp_big li.list_f,
.blkIsotope div.emp.emp_big a.list_f {background:url(../images/icons/u-female-x96.png) no-repeat 0 0;}
.blkIsotope ul.emp.emp_big li.list_a,
.blkIsotope div.emp.emp_big a.list_a {background:url(../images/icons/u-any-x96.png) no-repeat 0 0;}

.blkIsotope .blkFooter {position:absolute;left:0;width:100%;height:20px;bottom:0;}
.blkIsotope .blkLabel {height:34px;width:6px;background:#2784ed;border-radius:0 5px 5px 0;position:absolute;left:0;bottom:14px;}
.blkIsotope.longtile ul.emp li{}
.blkIsotope .option_drop{}
.blkIsotope .optOther {float:right;padding-right:5px;}
.blkIsotope .optOther>a{float:left;display:inline-block;color:#3a3a3a;}
.blkIsotope .optOther>a+a{float:left;margin-left:8px;}
.blkIsotope .lblSelect {margin-left:1px;}

.btns {color:#fff;background:rgba(255,255,255,0.10);text-align:left!important;border-radius:0;font-size:16px;padding:10px 12px;}
.btns:hover,
.btns:focus { background:rgba(255,255,255,0.20);color:#fff; }
.btn-lock .fa {top:10px;right:10px;font-size:24px;}

.btns.apply_filter {width:180px;margin:12px auto 0;text-transform:uppercase; border:1px solid #fff;padding:5px 10px;text-align:center!important;display:block;font-size:12px;}

.panel-bg {color:#fff;text-align:left!important;border-radius:0;font-size:12px;background:none!important;}
.panel-bg+.panel-bg {margin-top:15px;padding-top:16px;border-top:1px solid rgba(255,255,255,0.5)}
.panel-bg.totalRecords {color:#fefefe;font-size:24px;text-align:center!important;}
.panel-bg.panel-filter {margin-bottom:5px;}
.panel-bg.panel-filter ul{margin-bottom:0;}
.panel-bg.panel-filter a{color:#919191;text-decoration:none;}
.panel-bg.panel-filter a:hover,
.panel-bg.panel-filter a:focus,
.panel-bg.panel-filter a.active{color:#fff;text-decoration:none;}
.panel-bg.panel-filter a.active{font-weight:bold;text-decoration:underline;}
.panel-schedule {background:#da542e;border-radius:0;}
.panel-schedule .panel-heading {border-bottom:1px solid #ca441e;font-size:16px;color:#fff;}

.list_empty {text-align:center;font-size:25px;padding:125px 0;}
.list_empty .fa {font-size:35px;}
.list_empty span{display:block;margin-top:20px;text-align:center;font-size:25px;}

.ddmTopMenu {width:220px;background:#583778;top:-23px!important;right:-20px!important;left:auto;padding:20px;}
.ddmTopMenu .user_avatar {margin-bottom:40px;}
.ddmTopMenu .user_avatar img {width:43px;height:43px;float:left;margin-right:10px;border-radius:43px;}
.ddmTopMenu .user_avatar a,
.ddmTopMenu .user_avatar a:hover, .ddmTopMenu .user_avatar a:focus {color:#fff;text-decoration:none;overflow:hidden;}
.ddmTopMenu .user_avatar a strong{text-transform:uppercase;color:#fff;display:block;}
.ddmTopMenu .user_avatar a span.small{font-size:11px;}
.ddmTopMenu .navMenu {}
.ddmTopMenu .navMenu li a {border-radius:4px;color:#984fde;font-size:11px;text-transform:uppercase;display:block;padding:6px 10px;}
.ddmTopMenu .navMenu li a:focus,
.ddmTopMenu .navMenu li a:hover {color:#fff;text-decoration:none;}
.ddmTopMenu .navMenu li.active a {background:#330c58;font-weight:bold;color:#fff;font-weight:bold;position:relative;}
.ddmTopMenu .navMenu li.active a::after {width:8px;height:8px;border-radius:100%;border:2px solid #12aaeb;position:absolute;top:50%;margin-top:-4px;right:10px;content:''}
.ddmTopMenu .dash_padd_left {padding-left:0;}
.ddmTopMenu .ntile_logo {background:transparent;border-color:transparent;}



@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

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

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

/*.blkIsotopeEmployee:hover .emp_info {display:block;z-index:1;
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}*/
.open .ddmTopMenu {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


.listbsoc {}
.listbsoc li {}
.listbsoc li+li {margin-top:1px;}
.listbsoc a {color:#fff;font-size:13px;padding:5px;background:#cdcc34;display:block;text-align:center;}
.listbsoc a:hover,.listbsoc a:focus {background:#c0bf32;text-decoration:none;}

.listGrid {font-size:11px;line-height:11px;}
.listGrid a {margin-right:10px; display:inline-block; border:1px solid #cecece; padding:4px;}
.listGrid .fa {font-size:14px;margin-top:1px;}

.panel-transparent {border:0;background:transparent;}
.nav-tabs.nav-tabs-vertical {border-bottom-width:0;}
.nav-tabs.nav-tabs-vertical > li {display:block;float:none;}
.nav-tabs.nav-tabs-vertical > li > a {border-radius:0;color:#fff;padding-left:0;padding-right:0;}
.nav-tabs.nav-tabs-vertical > li > a:hover,
.nav-tabs.nav-tabs-vertical > li > a:focus {color:#fff;background:none;border-color:transparent!important;}
.nav-tabs.nav-tabs-vertical > li.active > a {background:none;border:none!important;font-weight:bold;color:#000;}

.recursive_box input[type="checkbox"] {display:none;}
.recursive_box input[type="checkbox"] + label {color:#f2f2f2;font-family:Arial, sans-serif;font-size:14px;}
.recursive_box input[type="checkbox"] + label span {display:inline-block;
width:19px;height:19px;margin:-1px 4px 0 0;vertical-align:middle;background:url(../images/check_radio_sheet.png) left top no-repeat;cursor:pointer;}
.recursive_box input[type="checkbox"]:checked + label span {background:url(../images/check_radio_sheet.png) -19px top no-repeat;}

.panel-date-range {background:#cd3333;}
.panel-date-range .panel-heading{border-bottom:1px solid #9d2222;color: #fff;font-size: 16px;}
.panel-date-range div.input {padding:4px 4px 4px 36px;background:#9d2222;position:relative;}
.panel-date-range div.input+div.input{margin-top:10px;}
.panel-date-range div.input::before {font-size:20px;content:'';position:absolute;top:5px;left:6px;z-index:10;color:#fff;font-family:'FontAwesome';}
.panel-date-range input{display:block;width:100%;background:#9d2222;font-size:18px;border:1px solid #9d2222;color:#fff;}

.panel-form {
  border: 8px #6badf6 solid;
  position: relative;
  background-color: #ffffff;
  border-top: 0;border-radius:0;
}
.panel-form .panel-heading{border-radius:0;color:#fff;height: 40px;width: 100%;background-color: #6badf6;cursor: default;z-index: 2;border-top: 0 #6badf6 solid;padding:10px 0}
.panel-form .panel-heading a{ color:#fff; }

.modal-dialog {
  border: 8px #6badf6 solid;
  position: relative;
  background-color: #ffffff;
  min-height: 200px;
  min-width: 200px;
  border-top: 0;
}
.modal-content{box-shadow:none!important;border:0!important;}
.modal-header {height: 40px;width: 100%;background-color: #6badf6;cursor: default;z-index: 2;border-top: 0 #6badf6 solid;padding:10px 0}
.modal-header h4{font-weight:normal;float: left;
    font-size: 14px;
    margin-left: 4px;
	margin-top:4px;
    margin-top: -2px;
    position: relative;}
.modal-header .close{
	opacity:1;
background-color: #c75050;
color: #ffffff;
font-family: "Cambria_","PT Serif Caption",Verdana,Arial,Helvetica,sans-serif;
font-size: 16pt;
font-weight: normal;
height: 24px;
min-height: 24px;
outline: medium none;
padding: 0 0 10px;
position: absolute;
right: 0;
text-align: center;
top: 2px;
vertical-align: middle;
width: 48px;
z-index: 3;	
}
.modal-header .close:hover{opacity:1;background:#c04343}
.dnone {display:none!important;}

.text-oflow-hidden {text-overflow: ellipsis;overflow:hidden;}

.form-control.showMask {position:relative;}
.form-control.showMask .label {cursor:pointer;position:absolute;right:8px;top:8px;}
#ShowHiddenFields {cursor:pointer;}

.pbsss2 {padding:10px 0 30px;margin:0 -7px;}
.blkIsotopeNormal {margin:8px 6px;width:156px;min-height:156px;float:left;padding:9px;position:relative;background:#e4e6f2;}
.blkIsotopeNormal.blkIsotopeEmployee .row {margin:0 -9px;}
.blkIsotopeNormal.blkIsotopeEmployee .row .col-md-4,
.blkIsotopeNormal.blkIsotopeEmployee .row .col-md-8,
.blkIsotopeNormal.blkIsotopeEmployee .row .col-xs-12{padding:0 9px;}
.blkIsotopeNormal.blkIsotopeEmployee {width:300px;height:220px;min-height:111px;background:#e4e6f2;display:block;color:#212121;}
.blkIsotopeNormal.blkIsotopeEmployee:hover {background:#fff;}
@media (min-width: 768px) and (max-width: 991px) {
	.blkIsotopeNormal.blkIsotopeEmployee {width:273px;}
}
@media (min-width: 992px) and (max-width: 1024px) {
	.blkIsotopeNormal.blkIsotopeEmployee {width:242px;}
}

.blkIsotopeEmployee .avatar {border:2px solid #fff;border-radius:6px;}
.blkIsotopeEmployee .employee_name {font-size:20px;margin-top:10px;}
.blkIsotopeEmployee .employee_name strong,.blkIsotopeEmployee .employee_name span{display:block;line-height:20px;}
.blkIsotopeEmployee .employee_name strong {}
.blkIsotopeEmployee .employee_name span{font-size:13px;}
.blkIsotopeEmployee .emp_statuses {margin:4px 0 0;}
.blkIsotopeEmployee .emp_statuses li {min-width:60px;font-size:12px;font-weight:normal;padding:4px 0;margin-right:6px;}
.blkIsotopeEmployee .info-list {color:#fff;margin:0;overflow:hidden;}
.blkIsotopeEmployee .info-list li {padding-left:26px;white-space: nowrap;position:relative;font-size:11px;margin-top:10px;}
.blkIsotopeEmployee .info-list li .fa {position:absolute;top:0;left:0;font-size:16px;color:#fff;width:14px;text-align:center;}
.blkIsotopeEmployee .emp_name{height:102px;}
.blkIsotopeEmployee .emp_info{height:111px;background:#603cba;}
.blkIsotopeEmployee .ph, .blkIsotopeEmployee .ct {width:50%;float:left;}
.blkIsotopeEmployee.skin2 .emp_info{background:#2776ed;}
.blkIsotopeEmployee.skin3 .emp_info{background:#da542e;}
.blkIsotopeEmployee.skin4 .emp_info{background:#ad193d;}
.blkIsotopeEmployee.skin5 .emp_info{background:#9fa817;}
.blkIsotopeEmployee.skin6 .emp_info{background:#a700af;}
.blkIsotopeEmployee.skin7 .emp_info{background:#3030ea;}
.blkIsotopeEmployee.skin8 .emp_info{background:#eb630b;}
.blkIsotopeEmployee.skin0 .emp_info{background:#018b00;}

.blkIsotopeNormal.blkIsotopeTasks {width:189px;min-height:189px;padding-top:0;}
.blkIsotopeTasks .row{margin-left:-9px;margin-right:-9px;text-align:center;}
.blkIsotopeTasks h6{background:#cecece;padding-top:8px;padding-bottom:8px;margin-top:0;}
.blkIsotopeTasks h4{padding:8px;margin-top:0;font-size:18px;font-weight:700;height:70px;width:100%;vertical-align:middle!important;}
.blkIsotopeTasks ul {overfow:hidden;}
.blkIsotopeTasks ul li {width:50%;float:left;padding:6px;}

.status_block {display:block;padding:4px 0;text-align:center;text-decoration:none;color:#FFF;}
.status_block:hover {text-decoration:none;color:#FFF;}
.bxHead {background:#fff!important;}
.bxHead form {position:relative;}
.bxHead .form-control {margin:0;}
.bxHead .btn {position:absolute;top:5px;right:5px;padding:1px 5px;font-size:11px;text-transform:uppercase;display:none;}
.bxHead label.error {font-weight:normal;font-size:10px;}

#trEditScreen .bxHead{font-size:12px;padding-top:3px;padding-bottom:3px;}
.bxHead.bxHeadEdit .desc {display:block;}
.bxHead.bxHeadEdit form  {display:none;margin:0;}
.bxHead.bxHeadEdit.visibleHeader .desc {display:none;}
.bxHead.bxHeadEdit.visibleHeader  form {display:block;}

.statuscode_not-started       {background:#F00;}
.statuscode_not-started:hover {}
.statuscode_in-progress       {background:#FF0;color:#010101;}
.statuscode_in-progress:hover {color:#010101;}
.statuscode_waiting 		  {background:#FF0;}
.statuscode_waiting:hover 	  {}
.statuscode_completed,
.statuscode_confirmed         {background:#060;}
.statuscode_confirmed:hover,
.statuscode_completed:hover   {}
.statuscode_request         {background:#699;}
.statuscode_request:hover   {}
.statuscode_na         		{background:#F00;}
.statuscode_na:hover   		{}

.statuscode_ass_na,
.statuscode_ass_rejected         	  {background:#F00;}
.statuscode_ass_waiting,
.statuscode_ass_waiting:hover {background:#FF0;color:#010101;}
.statuscode_ass_confirmed,
.statuscode_ass_confirmed         {background:#060;}

.font-smoothing {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.pagination-ms {list-style:none;padding:0;float:right;margin:0;}
.pagination-ms li {float:left;margin:0 0 0 4px;}
.pagination-ms li a {font-size:11px;padding:3px 4px;width:24px;display:inline-block;text-align:center;background:#1d64d0;color:#fff;}
.pagination-ms li a:hover {color:#fff;text-decoration:none;}
.pagination-ms li select {background:#1d64d0;font-size:11px;padding:4px 6px;background:#1d64d0;border:0;}

.ddMMBar {float:left;}
.ddMMBar span.btn-block {margin-left:10px;}
.ddMMBar .ddMM .navbar-content{background:#fff;width:290px;padding: 10px;border-bottom:1px solid rgba(0, 0, 0, 0.05)}
.ddMMBar .dropdown-menu {padding:0;color:#212121;}
.ddMMBar .ddMM .navbar-content .contactPhone{display:block;color:#060;text-align:center;font-size:18px;}

.assign_sc {display:inline-block;width:16px;height:16px;margin-left:10px;margin-top:5px;float:left;border:1px solid #F7F7F7;}
.assign_sc_label {height:16px;margin-left:6px;font-size:12px;display:inline-block;line-height:27px;float:left;}
.assign_sc_na					  {background:#cecece;}
.assign_sc_rejected         	  {background:#da542e;color:#fff;}
.assign_sc_waiting,
.assign_sc_waiting:hover {background:#FF0;color:#212121;}
.assign_sc_confirmed,
.assign_sc_confirmed:hover         {background:#018b00;color:#fff;}


.tline-head {vertical-align:middle!important;}
.tline-head strong{font-weight:700;font-size:18px;}
.tline-head span{display:block;text-align:center;font-size:11px;line-height:13px;font-weight:300;}
.tline-headb div {padding-left:15px;}
.tline-head.tline-headb span{text-align:left;}

.table-timesheets {border-color:#1c2978;background:transparent!important;}
.table-timesheets thead th{border-color:#212121!important;background:#1d64cf!important}
.table-timesheets tbody td{border-color:#212121!important;background:rgba(255,255,255,.2)!important;}
.table-timesheets tbody td.emps{background:rgba(255,255,255,.1)!important;padding:0!important;}
.table-timesheets .emptext {width:40px;border:0;text-align:center;background:transparent;font-size:20px;color:#fff;font-weight:bold;padding-top:5px;}
.emptext_1, .emptext_2 {position:absolute;background:#2784ed!important;width:30px!important;height:30px!important;border-radius:60px;box-sizing:border-box!important;font-size:14px!important;}
.emptext_1 {top:4px;left:4px;}
.emptext_2 {bottom:4px;right:4px;}
.emptext_conflict {background:#cd3333!important}


.tsheet_emp {height:54px;position:relative;text-align:left;padding:8px 0;padding-left:56px;color:#fff;border-left:3px solid #cecece;}
.tsheet_emp img {width:38px;height:38px;border:1px solid #fff;border-radius:5px;position:absolute;top:8px;left:10px;padding:1px;}
.tsheet_emp strong {font-weight:700;font-size:16px;}
.tsheet_emp span   {font-size:11px;}
.tsheet_emp strong,.tsheet_emp span {display:block;}

.table-emp {border:1px solid #d3d3d3;}
.table-emp tbody td.emps{background:rgba(255,255,255,.1)!important;padding:0!important;}
.table-emp thead tr .header{cursor:pointer;}
.table-emp thead tr .headerSortUp {
	background-image: url(../images/asc.gif);
	background-position:right center; background-repeat:no-repeat;
}
.table-emp thead tr .headerSortDown {
	background-image: url(../images/desc.gif);
	background-position:right center; background-repeat:no-repeat;
}
.table-emp thead tr .headerSortDown, .table-emp thead tr .headerSortUp {
background-color: #8dbdd8;
}



.empSelected {background:#dff0d8;}
.empSelected .tsheet_emp {border-left-color:#060;}
.table-emp .tsheet_emp {color:#212121;}
.panel-copy h6 {color:#fff;background:#ee5c32;margin:0;text-align:left!important;border-radius:0;font-size:16px;padding:14px 12px;margin-top:6px;}

.panel-copy ul {}
.panel-copy ul li {text-align:center;}
.panel-copy ul li a {color:#fff;background:rgba(255,255,255,0.10);margin:0;text-align:left!important;border-radius:0;font-size:16px;padding:14px 12px;margin-top:6px;display:block;}
.panel-copy ul li.active a{background:rgba(255,255,255,0.40);}
.panel-copy ul li a:hover,
.panel-copy ul li a:focus {text-decoration:none;}
.angle-down a, .angle-down a:hover {font-size:25px;line-height:20px;color:#fff;text-decoration:none;}


.login-panel {width:384px;margin:20px auto 0;}
.login-panel .insider {margin-bottom:20px;
	border-radius:6px;
	background: #533570; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #533570 59%, #401f60 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(59%,#533570), color-stop(100%,#401f60)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #533570 59%,#401f60 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #533570 59%,#401f60 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #533570 59%,#401f60 100%); /* IE10+ */
	background: radial-gradient(ellipse at center, #533570 59%,#401f60 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#533570', endColorstr='#401f60',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.login-panel .insider {position:relative;}
.login-panel .leftNav {position:absolute;width:42px;left:-42px;top:50px;}
.login-panel .leftNav a {display:block;width:42px;height:42px;font-size:20px;background:#459620;color:#e4e4e4;margin-bottom:10px;text-align:center;padding-top:7px;}
.login-panel .leftNav a.active {background:#401F60;}
.login-panel .insider .insider_2 {padding:60px 40px 60px;position:relative;}
.login-panel .modal .modal-dialog{width:400px;}
.login-panel .form-control {background-color:#e2e2e2;height:32px;}
.login-panel h2 {
	color:#e4e4e4;margin:0 0 20px;font:bold 26px/26px Arial;letter-spacing:-1px;
	color: #fff;text-shadow: 1px 2px 0px rgba(5, 5, 5, 0.73);
}
.login-panel p { color:#e4e4e4;margin:0 0 10px;text-shadow: 1px 2px 0px rgba(5, 5, 5, 0.73); }
.login-panel .bt {
	border-radius:6px 6px 0 0;
	height:26px;position:absolute;top:0;left:0;right:0;
	background: #4dae21; /* Old browsers */
	background: -moz-linear-gradient(top,  #4dae21 0%, #459620 56%, #459620 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dae21), color-stop(56%,#459620), color-stop(100%,#459620)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4dae21 0%,#459620 56%,#459620 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4dae21 0%,#459620 56%,#459620 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4dae21 0%,#459620 56%,#459620 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4dae21 0%,#459620 56%,#459620 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dae21', endColorstr='#459620',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);	
}
.login-panel .bb {
	height:42px;line-height:42px;text-align:center;position:absolute;bottom:0;left:0;right:0;
	background: #4dae21; /* Old browsers */
	background: -moz-linear-gradient(top,  #4dae21 0%, #459620 56%, #459620 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4dae21), color-stop(56%,#459620), color-stop(100%,#459620)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4dae21 0%,#459620 56%,#459620 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4dae21 0%,#459620 56%,#459620 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4dae21 0%,#459620 56%,#459620 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4dae21 0%,#459620 56%,#459620 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dae21', endColorstr='#459620',GradientType=0 ); /* IE6-9 */	
	border-radius:0 0 6px 6px;
	-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 6px 0px rgba(0,0,0,0.75);
	font-size:12px;color:#ffffff;
	text-shadow: 1px 0px 0px rgba(5, 5, 5, 0.73);
}
.login-panel .bb a {color:#ffffff;}
.login-panel .form-group_s {position:relative;background:rgba(255,255,255,0.35);border-radius:10px;padding:6px;}
.login-panel .form-control {padding-left:100px;}
.login-panel .sr-overlay {height:32px;line-height:32px;display:block;position:absolute;top:6px;left:6px;padding:0 10px; z-index:9999;
	width:100px;background: url(../images/sr-overlay.png) no-repeat right 0;
	border-radius:4px 0 0 4px;
	font-size:12px;color:#e4e4e4;font-weight:normal;
	text-shadow: -1px -1px 0px rgba(5, 5, 5, 0.25);
}


.document-required-ribbon {font-size:11px;background-color:#333;position:absolute;height:24px;line-height:24px;width:110px;text-align:center;right:-8px;top:35px;
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);color:#fff;}
.document-required-ribbon:before {display:block;position:absolute;content:"";height:0;width:0;top:0;left:-23px;border-top:24px solid transparent;
border-right:24px solid #333;}
.document-required-ribbon:after {display:block;position:absolute;content:"";height:0;width:0;top:0;left:109px;border-top:24px solid transparent;border-left:24px solid #333;}



.horizontal-menu {margin: 0;padding: 0;list-style: none;padding: 0px;}
.horizontal-menu li {display: inline-block;margin: 0 15px;padding: 0;vertical-align: baseline;position: relative;font-family: 'Segoe UI_', 'Open Sans', Verdana, Arial, Helvetica, sans-serif;}
.horizontal-menu li a {display: inline-block;text-decoration: none;font-family: 'Segoe UI Light_', 'Open Sans Light', Verdana, Arial, Helvetica, sans-serif;font-weight: 300;letter-spacing: 0.00em;
font-size: 2.5rem;line-height: 2.5rem;letter-spacing: 0.01em;color: #000000;line-height: 2.2rem;font-size: 2.2rem;color: inherit;padding: 5px;}
.horizontal-menu li a:hover {background: inherit;}
.horizontal-menu.compact li {margin-left: 5px;}
.horizontal-menu.compact a {font-weight: normal;font-size: 10.5pt;color: inherit;}
.horizontal-menu.compact .dropdown-toggle:after {bottom: 2px;}
.horizontal-menu li:first-child {margin-left: 0px;}
.horizontal-menu li:hover > .dropdown-menu[data-show="hover"] {display: block;}


.dynamicTile{padding-top:2px;}
.dynamicTile>.row {margin-left:-20px!important;margin-right:-20px!important;}
.dynamicTile .mtiles {margin:0!important;height:175px;}
.dynamicTile a,
.dynamicTile a:hover {color:#fff;text-decoration:none;}
.dynamicTile .col-sm-2.col-xs-4{padding:5px;overflow:hidden;}
.dynamicTile .col-sm-3.col-xs-4{padding:5px;overflow:hidden;}
.dynamicTile .col-sm-4.col-xs-4{padding:5px;overflow:hidden;}
.dynamicTile .col-sm-12 {padding:5px;overflow:hidden;}

.xtiles {display:block;height:162px;padding:20px;}
.xtiles .text{position:absolute;bottom:12px;left:15px;font-weight:bold;font-size:14px;}

#xtile-user {background:#78ba00;}
#xtile-user .avatar {display:block;margin:0 auto;width:120px;height:120px;background:#fff;}

#xtile-social {}
#xtile-social .text {}
#xtile-social .col-md-8 {font-size:18px;}

#xtile-ceo {background:#001e4e;}
#xtile-ceo .text {background:#006ac1;padding:5px 8px;bottom:5px;left:5px;width:98%;color:#fff;}
#xtile-ceo .quotes {font-size:18px;}
#xtile-ceo .quotes blockquote {border:0;color:#fff;}
#xtile-ceo .quotes blockquote:before {content:'"';font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#fff;}
#xtile-ceo .quotes blockquote:after {content:'"';font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;color:#fff;}

#xtiles-schedule {color:#fff;overflow:hidden;}
#xtiles-schedule .row {padding-top:0;}
#xtiles-schedule ul li {padding:4px 3px;}
#xtiles-schedule ul li a {display:inline-block;width:50px;text-align:center;background:#93847a;color:#212121;color:#fff;padding:5px 0;font-size:13px;}
#xtiles-schedule ul li a.accepted {background:#004a00;}
#xtiles-schedule ul li a.waiting  {background:#e1b700;}
#xtiles-schedule .text {padding:5px 8px;bottom:0;left:0;width:100%;}
.xrow {margin-left:-5px!important;margin-right:-5px!important;}


#adminGrid {}
#adminGrid .col-xs-6.ag,
#adminGrid .col-xs-4.ag{padding:4px;}

.admin_tiles {background:#cecece;padding:2px;}
.admin_tiles .text {font-size:12px;color:#fff;}

@media (min-width:992px){
	#adminGrid .col-sm-3.col-xs-12 {padding:0 30px;}
	#adminGrid .admin_tiles {height: 142px;}
	#adminGrid .admin_tiles.small_tile {background-size:40% 40%;height:94px;background-position:center 20px;}
	#adminGrid .admin_tiles.small_tile .text {left:10px;bottom:8px;}
}

#tile1{background:#603cba;}
#tile1 .item.dateInfo {height:162px;padding:20px;position:relative;color:#fff;}
#tile1 .item.dateInfo .dtB {display:block;color:#fff;font-size:16px;}
#tile1 .item.dateInfo .dtB>span{display:block;font-size:60px;margin-bottom:5px;line-height:40px;font-weight:bold;font-style:italic;}
#tile1 .item.dateInfo .fa {font-size:40px;position:absolute;top:20px;right:20px;}
#tile1 .item.dateInfo .dtM {font-size:19px;position:absolute;bottom:20px;right:20px;}

#tile2{background:#2776ed url(../images/icons/reports.png) no-repeat center 40px;}
#tile3{background:#018b00 url(../images/icons/users.png) no-repeat center 40px;}


#tile4{background:#a700af;}
#tile4 .dbS {position:relative;padding:20px;color:#fff;padding-top:40px;}
#tile4 .dbS .col-md-7 {padding-top:20px;font-size:17px;}
#tile4 .text{position:absolute;bottom:12px;left:15px;font-weight:bold;font-size:14px;}

#tile5{background:#3030e9 url(../images/icons/timesheets.png) no-repeat center 40px;}

#tile6{background:#ad193d url(../images/icons/icon-projects.png) no-repeat center 40px;}

#tile7{background: #da542e;}
.tls7 .col-md-12{padding-top:60px;color:#fff;font-size:15px;}

#tile8{background:#87058d url(../images/icons/support.png) no-repeat center 40px;}
#tile9{background:#cdcc34 url(../images/icons/administration.png) no-repeat center 40px;}

#tile10{background:rgb(26,40,122) url(../images/logo-small.png) no-repeat center center;}

#tile_employee_list{background:#2776ed url(../images/icons/users.png) no-repeat center 40px;}
#tile_client_invoice{background:#018b00 url(../images/icons/reports.png) no-repeat center 40px;}
#tile_clients{background:#cdcc34 url(../images/icons/clients.png) no-repeat center 40px;}
#tile_sub_contractors{background:#ad193d url(../images/icons/contractors.png) no-repeat center 40px;}
#tile_employee_history{background:#da542e url(../images/icons/employee-history.png) no-repeat center 40px;}

.headerSearchBox {position:relative;top:-5px;right:15px;border-right:1px solid #f7f7f7;padding-right:18px;width:300px;}
.headerSearchBox .dropdown-menu a {color:#212121;}

.tilecaption{
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%); 
margin:0!important;
text-align: center;
color:white;
font-family: Segoe UI;
font-weight: lighter;
}

.sectionAHeading {font-size:18px;color:#fff;}
.admin_tiles.cprofile {background:#018b00 url(../images/icons/cprofile.png) no-repeat center 28px;}
.admin_tiles.usrmgr {background:#AE920C url(../images/icons/usrmgr.png) no-repeat center 30px;}
.admin_tiles.branch {background:#2776ED url(../images/icons/branch.png) no-repeat center 30px;}
.admin_tiles.permissions {background:#CDCC34 url(../images/icons/permissions.png) no-repeat center 30px;}
.admin_tiles.emailsms {background:#9D2222 url(../images/icons/emailsms.png) no-repeat center 30px;}
.admin_tiles.who_is_who {background:#AE920C url(../images/icons/who_is_who.png) no-repeat center 30px;}

.admin_tiles.jobs {background:#9D2222 url(../images/icons/jobtitles.png) no-repeat center 30px;}
.admin_tiles.drivers {background:#2776ED url(../images/icons/drivers.png) no-repeat center 30px;}
.admin_tiles.documents {background:#603CBA url(../images/icons/documents.png) no-repeat center 30px;}
.admin_tiles.industry {background:#018b00 url(../images/icons/industry.png) no-repeat center 30px;}
.admin_tiles.quotex  {background:#DA542E url(../images/icons/quotex.png) no-repeat center 30px;}

.admin_tiles.projects {background:#DA542E url(../images/icons/projects.png) no-repeat center 30px;}
.admin_tiles.clients  {background:#DA542E url(../images/icons/client.png) no-repeat center 30px;}
.admin_tiles.invoices {background:#9d2222 url(../images/icons/invoices.png) no-repeat center 30px;}
.admin_tiles.contacts {background:#AE920C url(../images/icons/contacts.png) no-repeat center 30px;}
.admin_tiles.report_usage {background:#cecece url(../images/icons/report_usage.png) no-repeat center 30px;}
.admin_tiles.financial_report {background:#9D2222 url(../images/icons/financial_report.png) no-repeat center 30px;}
.admin_tiles.account_summary {background:#2776ED url(../images/icons/account_summary.png) no-repeat center 30px;}

.avatar_upload {background:#1e84af;border-radius:3px;position:relative;border-width:0;text-align:center;color:#fff;}
.avatar_upload .pick_btn {border: 1px solid #e64c65;border-radius: 100%;color: #e64c65;font-size: 11px;height: 15px;line-height: 11px;position: absolute;right: 10px;text-align: center;top: 10px;width: 15px;}
.avatar_upload a:active, .avatar_upload a:focus,
.avatar_upload a:hover {text-decoration:none;color:#fff;border-color:#fff;}
.avatar_upload #photo {width:132px; height:132px;margin:35px auto;border-radius:100%;border:6px solid #0f6b92;}
.avatar_upload p {font-size:11px;color:#9099b7;}

.table.table-2 {background:#fff;}
.table.table-2 > thead > tr > th, 
.table.table-2 > thead > tr > td {background-color:#ddd;color:#212121;}

.table.table-3 {background:none;border-color:#225282;}
.table.table-3 > thead > tr > th, 
.table.table-3 > thead > tr > td {background-color:#16416b;color:#F7F7F7;border-color:#225282;}

.table.table-3.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {}
.table.table-3 > tbody > tr > th, 
.table.table-3 > tbody > tr > td, .table-bordered > tfoot > tr > td
{border-color:rgba(255,255,255,0.17);background:url("../images/icons/new/ddmenu-bg.png") repeat scroll 0 0;
color:rgba(255,255,255,0.8);}

.btn-solid-red {background:#e64c65;color:#fff;}
.btn-solid-red:hover,
.btn-solid-red:focus {background:#F70000;color:#fff;}
/* ===== Tipsy ===== */

.tipsy { padding: 4px; font-size: 11px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 2px 8px 2px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s { margin-top: -5px; }
.tipsy-w { margin-left: 5px; }
.tipsy-e { margin-right: -5px; }
.tipsy-n { margin-top: 5px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }	

.dynamicWho .row {margin-left:5px;margin-right:5px;}
.dynamicWho .col-sm-12, .dynamicWho .col-sm-6,.dynamicWho .col-sm-3,
.dynamicWho .col-sm-4,  .dynamicWho .col-sm-2 {padding-left:5px;padding-right:5px;}

.mtiles {display:block;height:192px;padding:20px;background-color:#cecece;margin-bottom:10px;position:relative;text-align:center;}
.mtiles .text{position:absolute;bottom:8px;left:8px;font-weight:bold;font-size:14px;color:#fff;text-align:left;}
.mtiles .img-responsive {display:inline-block;margin-top:20px;}
.mtiles.tcolor1 {background-color:#252525;}
.mtiles.tcolor2 {background-color:#f4b300;}
.mtiles.tcolor3 {background-color:#78ba00;}
.mtiles.tcolor4 {background-color:#2673ec;}
.mtiles.tcolor5 {background-color:#ae113d;}
.mtiles.tcolor6 {background-color:#632f00;}
.mtiles.tcolor7 {background-color:#2e1700;}
.mtiles.tcolor8 {background-color:#b01e00;}
.mtiles.tcolor9 {background-color:#4e0000;}
.mtiles.tcolor10 {background-color:#c1004f;}
.mtiles.tcolor11 {background-color:#4e0038;}
.mtiles.tcolor12 {background-color:#7200ac;}
.mtiles.tcolor13 {background-color:#2d004e;}
.mtiles.tcolor14 {background-color:#4617b4;}
.mtiles.tcolor15 {background-color:#1f0068;}
.mtiles.tcolor16 {background-color:#008287;}
.mtiles.tcolor17 {background-color:#004d60;}
.mtiles.tcolor18 {background-color:#199900;}
.mtiles.tcolor19 {background-color:#004a00;}
.mtiles.tcolor20 {background-color:#00c13f;}
.mtiles.tcolor21 {background-color:#15992a;}
.mtiles.tcolor22 {background-color:#ff981d;}
.mtiles.tcolor23 {background-color:#e56c19;}
.mtiles.tcolor24 {background-color:#ff2e12;}
.mtiles.tcolor25 {background-color:#b81b1b;}
.mtiles.tcolor26 {background-color:#ff1d77;}
.mtiles.tcolor27 {background-color:#b81b6c;}
.mtiles.tcolor28 {background-color:#aa40ff;}
.mtiles.tcolor29 {background-color:#691bb8;}
.mtiles.tcolor30 {background-color:#1faeff;}
.mtiles.tcolor31 {background-color:#1b58b8;}
.mtiles.tcolor32 {background-color:#56c5ff;}
.mtiles.tcolor33 {background-color:#569ce3;}
.mtiles.tcolor34 {background-color:#00d8cc;}
.mtiles.tcolor35 {background-color:#00aaaa;}
.mtiles.tcolor36 {background-color:#91d100;}
.mtiles.tcolor37 {background-color:#83ba1f;}
.mtiles.tcolor38 {background-color:#e1b700;}
.mtiles.tcolor39 {background-color:#d39d09;}
.mtiles.tcolor40 {background-color:#ff76bc;}
.mtiles.tcolor41 {background-color:#e064b7;}
.mtiles.tcolor42 {background-color:#00a4a4;}
.mtiles.tcolor43 {background-color:#696969;}
.mtiles.tcolor44 {background-color:#ff7d23;}


.muser .designation {position:absolute;top:6px;right:0;padding:2px 8px;text-align:center;display:inline-block;background:#fff;color:#21221;border-radius:5px 0 0 5px;}
.mtile-user {}
.mtile-user .avatar {display:block;margin:0 auto;width:120px;height:120px;background:#fff;}

.mtile-user {}
.mtile-user .select_avatar,
.mtile-user .select_avatar img {position:relative;display:block;text-align:center;margin:0 auto;width:120px;height:120px;background:#fff;border-radius:100%;margin-top:20px;}
.mtile-user .select_avatar .label{cursor:pointer;position:absolute;bottom:20px;width:50px;margin-left:-25px;left:50%;}



.panel.with-nav-tabs .panel-heading{
    padding: 0;
}
.panel.with-nav-tabs .nav-tabs,
.panel.with-nav-tabs .nav-tabs.nav-justified > li > a{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{

}
.panel.with-nav-tabs .nav-tabs.nav-justified > li > a {border-bottom:none;padding-top:11px;padding-bottom:11px;}
/********************************************************************/
/*** PANEL DEFAULT ***/
.with-nav-tabs.panel-default .nav-tabs > li > a,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
}
.with-nav-tabs.panel-default .nav-tabs > .open > a,
.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-default .nav-tabs > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li > a:focus {
    color: #777;
	background-color: #ddd;
	border-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {
	color: #555;
	background-color: #fff;
	border-color: #ddd;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f5f5f5;
    border-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #777;   
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ddd;
}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #555;
}
/********************************************************************/
/*** PANEL PRIMARY ***/
.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}
/********************************************************************/
/*** PANEL SUCCESS ***/
.with-nav-tabs.panel-success .nav-tabs > li > a,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
}
.with-nav-tabs.panel-success .nav-tabs > .open > a,
.with-nav-tabs.panel-success .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-success .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-success .nav-tabs > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li > a:focus {
	color: #3c763d;
	background-color: #d6e9c6;
	border-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.active > a,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.active > a:focus {
	color: #3c763d;
	background-color: #fff;
	border-color: #d6e9c6;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #3c763d;   
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #d6e9c6;
}
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-success .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #3c763d;
}
/********************************************************************/
/*** PANEL INFO ***/
.with-nav-tabs.panel-info .nav-tabs > li > a,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
}
.with-nav-tabs.panel-info .nav-tabs > .open > a,
.with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-info .nav-tabs > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li > a:focus {
	color: #31708f;
	background-color: #bce8f1;
	border-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.active > a,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
	color: #31708f;
	background-color: #fff;
	border-color: #bce8f1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #31708f;   
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #bce8f1;
}
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #31708f;
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-warning .nav-tabs > li > a,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
}
.with-nav-tabs.panel-warning .nav-tabs > .open > a,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-warning .nav-tabs > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li > a:focus {
	color: #8a6d3b;
	background-color: #faebcc;
	border-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.active > a:focus {
	color: #8a6d3b;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-warning .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}
/********************************************************************/
/*** PANEL DANGER ***/
.with-nav-tabs.panel-danger .nav-tabs > li > a,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
}
.with-nav-tabs.panel-danger .nav-tabs > .open > a,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-danger .nav-tabs > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li > a:focus {
	color: #a94442;
	background-color: #ebccd1;
	border-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.active > a:focus {
	color: #a94442;
	background-color: #fff;
	border-color: #ebccd1;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #f2dede; /* bg color */
    border-color: #ebccd1; /* border color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #a94442; /* normal text color */  
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #ebccd1; /* hover bg color */
}
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-danger .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff; /* active text color */
    background-color: #a94442; /* active bg color */
}
/********************************************************************/
/*** PANEL WARNING ***/
.with-nav-tabs.panel-form .nav-tabs > li > a,
.with-nav-tabs.panel-form .nav-tabs > li > a:hover,
.with-nav-tabs.panel-form .nav-tabs > li > a:focus {
	color: #FFF;padding:7px 15px;
}
.with-nav-tabs.panel-form .nav-tabs > .open > a,
.with-nav-tabs.panel-form .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-form .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-form .nav-tabs > li > a:hover,
.with-nav-tabs.panel-form .nav-tabs > li > a:focus {
	color: #212121;
	background-color: #c2e2ff;
	border-color: transparent;
}
.with-nav-tabs.panel-form .nav-tabs > li.active > a,
.with-nav-tabs.panel-form .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-form .nav-tabs > li.active > a:focus {
	color: #212121;
	background-color: #fff;
	border-color: #faebcc;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-form .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}

/********************************************************************/
/*** PANEL STAFF ***/
.with-nav-tabs.panel-staff .nav-tabs > li > a,
.with-nav-tabs.panel-staff .nav-tabs > li > a:hover,
.with-nav-tabs.panel-staff .nav-tabs > li > a:focus {
	color: #FFF;
}
.with-nav-tabs.panel-staff .nav-tabs > .open > a,
.with-nav-tabs.panel-staff .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-staff .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-staff .nav-tabs > li > a:hover,
.with-nav-tabs.panel-staff .nav-tabs > li > a:focus {
	color: #fcb150;
	background-color: transparent;
	border-color: transparent;
}
.with-nav-tabs.panel-staff .nav-tabs > li.active > a,
.with-nav-tabs.panel-staff .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-staff .nav-tabs > li.active > a:focus {
	background-color: #12aaeb;
	border-color: #12aaeb;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #8a6d3b; 
}
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #faebcc;
}
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-staff .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #8a6d3b;
}





/**************STARTUP MSGBOX********************/
.jquery-msgbox
{
  background:url(../images/background.png) repeat-x left bottom;
  padding-bottom:55px;
  font-style:normal;
}

.jquery-msgbox-wrapper
{
  padding:20px 20px 20px 100px;
}

.jquery-msgbox-buttons
{
  padding:15px;
  text-align:right;
  position:absolute;
  bottom:0;
  right:0;
}

.jquery-msgbox-buttons button,
.jquery-msgbox-buttons input
{
  margin-left:10px;
  min-width:85px;
  padding:0 14px 2px;
  height:24px;
  cursor:pointer;
}

.jquery-msgbox-inputs
{
  margin-top:4px;
}

.jquery-msgbox-inputs input
{
  display:block;
  padding:3px 2px;
  border:1px solid #dddddd;
  margin:3px 0 6px 0;
  width:95%;
}

.jquery-msgbox-label
{
  font-weight:bold;
  font-size:11px;
}

.jquery-msgbox-alert
{
  background: url(../images/alert.png) no-repeat 20px 20px;
}

.jquery-msgbox-info
{
  background: url(../images/info.png) no-repeat 20px 20px;
}

.jquery-msgbox-error
{
  background: url(../images/error.png) no-repeat 20px 20px;
}

.jquery-msgbox-prompt
{
  background: url(../images/question.png) no-repeat 20px 20px;
}

.jquery-msgbox-confirm
{
  background: url(../images/confirm.png) no-repeat 20px 20px;
}
/**************STARTUP MSGBOX END********************/

.label.bar-event .view_2_group {display:none;}
.label.bar-event.expanded_view .view_1_group {display:none;}
.label.bar-event.expanded_view .view_2_group {display:block;}



/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
.bootstrap-timepicker {
  position: relative;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
  left: auto;
  right: 0;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
  left: auto;
  right: 12px;
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
  left: auto;
  right: 13px;
}
.bootstrap-timepicker .input-group-addon {
  cursor: pointer;
}
.bootstrap-timepicker .input-group-addon i {
  display: inline-block;
  width: 16px;
  height: 16px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  padding: 4px;
  z-index: 2147483647;
}
.bootstrap-timepicker-widget.dropdown-menu.open {
  display: inline-block;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.dropdown-menu:after {
  border-bottom: 6px solid #FFFFFF;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:after {
  left: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:before {
  right: 6px;
}
.bootstrap-timepicker-widget.timepicker-orient-right:after {
  right: 7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -7px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:after {
  top: -6px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid #999;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #ffffff;
}
.bootstrap-timepicker-widget a.btn,
.bootstrap-timepicker-widget input {
  border-radius: 4px;
}
.bootstrap-timepicker-widget table {
  width: 100%;
  margin: 0;
  max-width: 210px;
}
.bootstrap-timepicker-widget table td {
  text-align: center;
  height: 30px;
  margin: 0;
  padding: 2px;
}
.bootstrap-timepicker-widget table td:not(.separator) {
  min-width: 30px;
  max-width: 50px;
}
.bootstrap-timepicker-widget table td span {
  width: 100%;
  display: block;
  text-align: center;
}
.bootstrap-timepicker-widget table td a {
  border: 1px transparent solid;
  width: 100%;
  display: inline-block;
  margin: 0;
  padding: 8px 0;
  outline: 0;
  color: #333;
}
.bootstrap-timepicker-widget table td a:hover {
  text-decoration: none;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-color: #ddd;
}
.bootstrap-timepicker-widget table td a i {
  margin-top: 2px;
  font-size: 18px;
}
.bootstrap-timepicker-widget table td input {
  min-width: 25px;
  margin: 0;
  text-align: center;
  max-width: 50px;
}
.bootstrap-timepicker-widget .modal-content {
  padding: 4px;
  max-width: 250px;
  text-align: center;
}

@media (min-width: 767px) {
  
}

@media (max-width: 767px) {
  .bootstrap-timepicker {
    width: 100%;
  }

  .bootstrap-timepicker .dropdown-menu {
    width: 100%;
  }
}







#time-range p {
    font-family:"Arial", sans-serif;
    font-size:14px;
    color:#333;
}
.ui-slider-horizontal {
    height: 8px;
    background: #D7D7D7;
    border: 1px solid #BABABA;
    box-shadow: 0 1px 0 #FFF, 0 1px 0 #CFCFCF inset;
    clear: both;
    margin: 8px 0;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal .ui-slider-range {
    top: -1px;
    height: 100%;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    height: 8px;
    font-size: .7em;
    display: block;
    border: 1px solid #5BA8E1;
    box-shadow: 0 1px 0 #AAD6F6 inset;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    background: #81B8F3;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #A0D4F5), color-stop(100%, #81B8F3));
    background-image: -webkit-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -moz-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: -o-linear-gradient(top, #A0D4F5, #81B8F3);
    background-image: linear-gradient(top, #A0D4F5, #81B8F3);
}
.ui-slider .ui-slider-handle {
    border-radius: 50%;
    background: #F9FBFA;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgi…pZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0%, #C7CED6), color-stop(100%, #F9FBFA));
    background-image: -webkit-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -moz-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: -o-linear-gradient(top, #C7CED6, #F9FBFA);
    background-image: linear-gradient(top, #C7CED6, #F9FBFA);
    width: 22px;
    height: 22px;
    -webkit-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -moz-box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.6), 0 -1px 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 0 1px rgba(255, 255, 255, 0.9) inset;
    -webkit-transition: box-shadow .3s;
    -moz-transition: box-shadow .3s;
    -o-transition: box-shadow .3s;
    transition: box-shadow .3s;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 22px;
    height: 22px;
    cursor: default;
    border: none;
    cursor: pointer;
}
.ui-slider .ui-slider-handle:after {
    content:"";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 50%;
    margin-top: -4px;
    left: 50%;
    margin-left: -4px;
    background: #30A2D2;
    -webkit-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
    -moz-box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 white;
    box-shadow: 0 1px 1px 1px rgba(22, 73, 163, 0.7) inset, 0 1px 0 0 #FFF;
}
.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
    margin-left: -.6em;
}
.ui-slider a:focus {
    outline:none;
}
.nav-header {
	display: block;
	padding: 3px 15px;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	color: #999;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

/**
 * 	Context Styles
 */

.dropdown-context .nav-header {
	cursor: default;
}
.dropdown-context:before, .dropdown-context-up:before {
	position: absolute;
	top: -7px;
	left: 9px;
	display: inline-block;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #ccc;
	border-left: 7px solid transparent;
	border-bottom-color: rgba(0, 0, 0, 0.2);
	content: '';
}
.dropdown-context:after, .dropdown-context-up:after {
	position: absolute;
	top: -6px;
	left: 10px;
	display: inline-block;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #ffffff;
	border-left: 6px solid transparent;
	content: '';
}
.dropdown-context-up:before, .dropdown-context-up:after {
	top: auto;
	bottom: -7px;
	z-index: 9999;
}
.dropdown-context-up:before {
	border-right: 7px solid transparent;
	border-top: 7px solid #ccc;
	border-bottom: none;
	border-left: 7px solid transparent;
}
.dropdown-context-up:after {
	border-right: 6px solid transparent;
	border-top: 6px solid #ffffff;
	border-left: 6px solid transparent;
	border-bottom: none;
}
.dropdown-context-sub:before, .dropdown-context-sub:after {
	display: none;
}
.dropdown-context .dropdown-submenu:hover .dropdown-menu {
	display: none;
}
.dropdown-context .dropdown-submenu:hover > .dropdown-menu {
	display: block;
}

.compressed-context a{
	padding-left: 14px;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 13px;
	}
.compressed-context .divider{
	margin: 5px 1px;
	}
.compressed-context .nav-header{
	padding:1px 13px;
	}
.reports-page {overflow:hidden;text-align:center;}
.metric-template{display:none;}
.metric{white-space:nowrap;float:left;margin-left:20px;padding:40px;display:block;opacity:1;margin-bottom:20px;}
.metric span{line-height:1.7em;}
.metric .google-visualization-table.content{width:auto !important;}
.metric .google-visualization-table-table,.metric .google-visualization-table-table td,.metric .google-visualization-table-table th{color:#00496f;background:white !important;border:none;}
.metric .google-visualization-table-table td,.metric .google-visualization-table-table th{padding:0 20px 0 0 !important;}
.metric .google-visualization-table-tr-head{display:none;}
.metric .google-visualization-table-div-page{display:none;}
.reports-page .metric-container.first{border-top:none;margin-top:0;padding-top:0;}
.reports-page .metric-container .metric{border:none;padding:0;margin:0;box-shadow:none;margin-bottom:40px;}
.reports-page .metric.line{margin-bottom:40px;margin-left:30px;width:100%;display:block;}
.reports-page .metric.line .title{font-size:25px;font-weight:300;font-family:'Open Sans',arial,sans-serif;margin-bottom:25px;}
.reports-page .metric.line .grouping{position:absolute;right:56px;}
.reports-page .metric.line .grouping a{display:inline-block;min-width:30px;text-align:center;text-decoration:none;font-size:11px;border:solid 1px #dddddd;margin:0 0 0 4px;line-height:1em;padding:7px 10px !important;font-family:Arial;}
.reports-page .metric.line .grouping a.selected{background:#00496f;color:white;}
.reports-page .line-chart{width:1060px;height:235px;margin:15px -160px -42px -10px;}
.reports-page .metric.pie{min-width:450px;margin-top:40px;margin-left:30px;margin-right:0px;min-height:210px;}
.reports-page .metric.pie .title{font-size:25px;margin-top:-5px;margin-bottom:15px;font-weight:300;font-family:'Open Sans',arial,sans-serif;}
.reports-page .metric.pie .more{font-size:11px;margin-top:-16px;display:inline-block;position:relative;}
.reports-page .metric.pie .side-bar{text-align:left;float:left;display:block;margin-top:10px;z-index:100;position:relative;}
.reports-page .metric.pie .legend td{font-size:11px;line-height:1.94em;}
.reports-page .pie-chart{z-index:0;position:relative;float:left;width:300px;height:300px;margin:-5px -70px -100px 0;}
.reports-page .metric.single{padding:0px 14px;margin-bottom:20px;margin-right:20px;position:relative;border:solid 1px #eeeeee;font-weight:300;font-family:'Open Sans',arial,sans-serif;}
.reports-page .metric.single .count{font-size:35px;}
.reports-page .metric.single .donut-chart{float:left;margin-top:13px;margin-bottom:-13px;margin-right:-10px;height:55px;width:55px;}
.reports-page .metric.single .donut-text{position:absolute;font-size:9px;left:15px;width:30px;padding:0 0 0 1.5px;text-align:center;top:20px;z-index:1;}
.reports-page .metric.single .title{margin-left:-3px;margin-right:5px;font-size:18px;}