/*///////////////////////////////////////////////////////////////////////////////*/
/*																				 */
/*						Project : Fleet Jack									 */										
/*						Started : 07-07-2016									 */
/*                      Last Modified:08-10-2016								 */
/*						Location : Chennai										 */
/*																				 */
/*///////////////////////////////////////////////////////////////////////////////*/
/* Import fonts */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

@font-face {
  font-family: 'roboto';
  src: url('../fonts/RobotoTTF/Roboto-Regular.ttf');
}
body {
    color: #767676;
    font-family: 'Open Sans',sans-serif;
    font-size: 13px;
    text-rendering: optimizelegibility;
}
li {
    display: list-item;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}
#container {
    width:100%;
    height:100%;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.brand.fleetbrand {
	float: left;
    height: 45px;
    position: relative;
    width: 106px;
    }
    
.brand.wabcobrand {
	float: left;
    height: 45px;
    position: relative;
    width: 106px;
    }
        
.notify-row {
    float: left;
    margin-left: 25px;
    margin-top: 3px;
}
.fleet-nav {
 background:url("../_IMAGES/colorLine2.png") center bottom no-repeat #ffffff !important; 
}
.wabco-nav {
	background:url("../_IMAGES/colorLine.gif") center bottom no-repeat #ffffff !important;
}
.eich-nav {
	background:url("../_IMAGES/colorLine1.png") center bottom no-repeat #ffffff !important;
}
.bb-nav {
	background:url("../_IMAGES/colorLine3.png") center bottom no-repeat #ffffff !important;
}
.fleetlog,.wabcolog,.eicherlog{
	display:none;
}
.top-nav.fleet-nav .log_cnt{
    float: right;
    margin-right:15px;
    margin-top:10px;
    cursor:pointer;
    color:#363D46;
}
.top-nav.eich-nav .eichLog{
	    float: right;
    margin-right:58px;
    margin-top:10px;
}
.top-nav.eich-nav .eichLog img{
width:125px;
border-radius:0;
}
.top-nav.wabco-nav .log_cnt,.top-nav.eich-nav .log_cnt{
    float: right;
    margin-right:15px;
    margin-top:10px;
    cursor:pointer;
    color:#00458E;
}
.top-nav .log_cnt span{
    font-size: 20px;
}
.nav{
		margin-top:0 !important;
	
}
.top-nav ul.top-menu>li>a {
    border-radius:100px;
    -webkit-border-radius:100px;
    padding:0px;
    background:none;
    margin-right:0;
    border:1px solid #F6F6F6;
    background:#F6F6F6;
 	color:#666666;
    margin-right:15px !important;
}
.top-menu.fleet-menu .active{
background:url("../_IMAGES/arup.png") center bottom no-repeat;
	padding:4px 10px;

}

.top-menu.eich-menu .active{
background:url("../_IMAGES/arup.png") center bottom no-repeat;
	padding:4px 10px;

}

.top-menu.wabco-menu .active{
	background:url("../_IMAGES/arup.png") center bottom no-repeat;
	padding:4px 10px;
	

}


.top-nav .nav .caret {
    border-bottom-color:#A4AABA;
    border-top-color:#A4AABA;
}
.top-nav ul.top-menu>li>a:hover .caret {
    border-bottom-color:#000;
    border-top-color: #000;
}
.horizontal-menu {
    float: left;
    margin-top: 18px;
}
.horizontal-menu {
    margin-top:18px;
    float:left;
}
.horizontal-menu .navbar-nav>li {
    margin-right:5px;
}
.horizontal-menu .navbar-nav>li>a {
    padding:10px 20px;
    border-radius:30px;
    -webkit-border-radius:30px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
}
.horizontal-menu>.navbar-nav>li>.dropdown-menu {
    margin-top:23px;
    box-shadow:0 0 5px rgba(0,0,0,0.1) !important;
    border:none;
}
.full-width .navbar-header {
    width:100%;
}
.full-width .nav>li>a:hover,.full-width .nav li.active a,.full-width .nav li.dropdown a:hover,.full-width .nav li.dropdown.open a:focus,.full-width .nav .open>a,.full-width .nav .open>a:hover,.full-width .nav .open>a:focus {

    text-decoration:none;

}
.full-width .dropdown-menu {
    box-shadow:none;
}
.full-width .dropdown-menu>li>a {
    padding:10px 20px;
    font-size: 13px;
}

.horizontal-menu .dropdown-menu>li>a {
    padding:10px 20px;
    font-size: 13px;
    margin: 5px 10px;
}
.hr-toggle {
    background: none repeat scroll 0 0 #FFA500;
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.3);
    height: 30px;
    line-height: 0;
    margin-top: -58px;
    position: fixed;
    right: 10px;
    width: 30px;
    z-index: 10000;
}

.sidebar-toggle-box {
    float:left;
    margin-top:-31px;
    -webkit-border-radius:50%;
    width:32px;
    height:32px;
    position:absolute;
    right:-18px;
}
.wabco-toogle-box,.eich-toogle-box{
	    float:left;
    margin-top:-21px !important;
    -webkit-border-radius:50%;
    width:32px;
    height:32px;
    position:absolute;
    right:-18px;
}
.wabco-toogle-box .fa-bars{
	cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:8px 8px 8px 9px;
    color:#00458E !important;
}
.eich-toogle-box .fa-bars{
	cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:6px 8px 8px 9px !important;
    color:#00458E !important;
}
.wabcolog img{
	padding-top:13px !important;
}
.sidebar-toggle-box .fa-bars {
    cursor:pointer;
    display:inline-block;
    font-size:15px;
    padding:8px 8px 8px 9px;
    color:#363D46;
}

#sidebar.flt-sidebar {
    width:90px;
    margin-top:44px;
    border-top:1px solid rgba(255, 255, 255, 0.05);
    height:100%;
    position:fixed;
    background:#374850;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:999;
}
#sidebar.wab-sidebar,#sidebar.eich-sidebar{
	    width:90px;
    margin-top:42px;
    border-top:1px solid rgba(255, 255, 255, 0.05);
    height:100%;
    position:fixed;
    background:#374546;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    z-index:999;
}

.leftside-navigation,.right-stat-bar{
    height: 100%;
}
.hide-left-bar {
    margin-left: -240px !important;
    transition: all 0.3s ease-in-out 0s;
}
.nav-collapse.collapse {
    display:inline;
}
ul.sidebar-menu,ul.sidebar-menu li ul.sub {
    margin:-2px 0 0;
    padding:0;
    font-family: "Open Sans",sans-serif;
}
ul.sidebar-menu{
	padding-top:80px;
}
#sidebar>ul>li>ul.sub {
    display:none;
}
#sidebar,.top-nav{
	display:none;
}
#sidebar .sub-menu>.sub li a {
    padding-left:46px;
}
#sidebar>ul>li.active>ul.sub,#sidebar>ul>li>ul.sub>li>a {
    display:block;
}
ul.sidebar-menu li ul.sub li {
    background:#28282e;
    margin-bottom:0;
    margin-left:0;
    margin-right:0;
}
ul.sidebar-menu li ul.sub li a {
    font-size:12px;
    padding-top:13px;
    padding-bottom:13px;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    color:#aeb2b7;
}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a {
    color:#FF8A00;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    transition:all 0.3s ease;
    display:block;
    background:#202025;
}
ul.sidebar-menu li {
    border-bottom:1px solid rgba(255,255,255,0.05);
}
ul.sidebar-menu li.sub-menu {
    line-height:15px;
}
ul.sidebar-menu ul.sub li {
    border-bottom:none;
}
ul.sidebar-menu li a span {
    display:inline-block;
}

.flt-sidebar ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    color:#FF8A00;
}
.flt-sidebar ul.sidebar-menu li a.active i {
    color:#FF8A00;
}

.wab-sidebar ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    color:#48A1B0;
}
.wab-sidebar ul.sidebar-menu li a.active i {
    color:#48A1B0;
}

.eich-sidebar ul.sidebar-menu li a:hover i,ul.sidebar-menu li a:focus i {
    color:#D62317;
}
.eich-sidebar ul.sidebar-menu li a.active i {
    color:#D62317;
}
#main-content {
    margin-left:90px;
    padding-top:42px;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.brand .logo img
{
	width:65px;
	padding-top:5px;
}
.brand .logo
{
	width:65px;
	padding:10px;
	margin-left:0px !important;
	float:none !important;
	
}
.header {
    left:0;
    right:0;
    z-index:1002;
    background:#fff;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.merge-header {
    margin-right:240px;
}
.fixed-top {
    position:fixed;
}
.wrapper {
    display:inline-block;
    width:100%;

}
.boxed-page .container .header .container {
    background:#fff;
}
#top_menu .nav>li,ul.top-menu>li {
    float:left;
    font-weight:bold;
    text-align:center;
}
#top_menu .fleet-menu .nav>li,ul.top-menu.fleet-menu>li {
    padding-top:6px !important;
}
.notify-row {
    float:left;
    margin-left:25px;
}
ul.top-menu {
    margin-right:15px;
    margin-top: 0;
}
ul.top-menu.fleet-menu  > li > a {
    color:#59585D;
    font-size:14px;
    padding:8px 8px;
 }
 
 ul.top-menu.wabco-menu  > li > a {
    color:#00509d;
    font-size:14px;
    padding:8px 8px;
    font-weight: 500;

 }
 
  ul.top-menu.eich-menu  > li > a {
    color:#00509d;
    font-size:14px;
    padding:8px 8px;
    font-weight: 500;

 }
 ul.top-menu.wabco-menu  > li  {

    font-size:14px;
    padding:4px 10px;

 }
 
 ul.top-menu.eich-menu  > li  {

    font-size:14px;
    padding:4px 10px;

 }
 ul.fleet-menu:hover,ul.fleet-menu>li a span:focus {
	color:#FF8A00 !important;
    
 }

 ul.fleet-menu .active a{
	background:none !important;
	color:#F48221 !important;

 }
 ul.fleet-menu .active a span{
  	
  }
ul.fleet-menu>li>a:hover,ul.fleet-menu>li>a:focus {
    text-decoration:none;
    background:none !important;
    color:#FF8A00 !important;
  
}


ul.wabco-menu>li a span:hover,ul.wabco-menu>li a span:focus {
	color:#48A1B0 !important;
    
 }

 ul.wabco-menu .active a{
	background:none !important;
	color:#59585D !important;
 }
 ul.wabco-menu .active a span{
  	
  }
ul.wabco-menu>li>a:hover,ul.wabco-menu>li>a:focus {
    text-decoration:none;
    background:none !important;
    color:#48A1B0 !important;
  
}


ul.eich-menu>li a span:hover,ul.eich-menu>li a span:focus {
	color:#D62317 !important;
 }

 ul.eich-menu .active a{
	background:none !important;
	color:#59585D !important;
 }
 ul.eich-menu .active a span{
  	
  }
ul.eich-menu>li>a:hover,ul.eich-menu>li>a:focus {
    text-decoration:none;
    background:none !important;
    color:#D62317 !important;
}

.eicherlog img{
	width:80px !important;
	padding-top:16px !important;
}
.notify-row .badge {
    position:absolute;
    right:-10px;
    top:-10px;
    z-index:100;
}
.dropdown-menu.extended {
    max-width:320px !important;
    min-width:160px !important;
    top:42px;
    width:300px !important;
    padding:0 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.1) !important;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#fff;
    border:none;
    left:-10px;
}
.notify-row .notification span.label {
    display:inline-block;
    height:21px;
    padding:5px;
    width:22px;
    font-size:12px;
    margin-right:10px;
}
.dropdown-menu.extended .alert-icon,.noti-info {
    float:left;
}
.noti-info {
    padding-left:10px;
    padding-top:6px;
    color:#414147;
}
.dropdown-menu.extended .alert {
    margin-bottom:10px;
}
.dropdown-menu.extended .alert-icon {
    border-radius:100%;
    display:inline-block;
    height:35px;
    width:35px;
}
.dropdown-menu.extended .alert-icon i {
    font-size:16px;
    width:35px;
    line-height:35px;
    height:35px;
}
.dropdown-menu.extended.inbox li a,.dropdown-menu.extended.tasks-bar li a {
    background:#f1f2f7;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    width:100%;
}
.dropdown-menu.extended li p {
    margin:0;
    padding:10px 0;
    border-radius:0px;
    -webkit-border-radius:0px;
}
.dropdown-menu.extended li a {
    font-size:12px;
    list-style:none;
}
.dropdown-menu.extended.logout {
    padding:10px;
}
.dropdown-menu.extended.logout li a {
    padding:10px;
}
.dropdown-menu.extended li a:hover {
    color:#32323a;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size:13px;
    font-weight:normal;
    float:left;
    width:80%;
}
.dropdown-menu.tasks-bar .task-info .desc h5 {
    color:#32323a;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    margin-bottom:5px;
    margin-top:0;
}
.dropdown-menu.tasks-bar .task-info .desc p {
    padding-top:0;
    color:#8f8f9b;
    font-weight:300;
}
.dropdown-menu.tasks-bar .task-info .percent {
    width:20%;
    float:right;
    font-size:13px;
    font-weight:600;
    padding-left:10px;
    line-height:normal;
}
.dropdown-menu.tasks-bar .progress {
    background:#fff;
}
.dropdown-menu.extended .progress {
    margin-bottom:0 !important;
    height:10px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius:2px 2px 2px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
    float:left;
    height:40px;
    margin-right:10px;
    width:40px;
}
.dropdown-menu.inbox li a .subject {
    display:block;
}
.dropdown-menu.inbox li a .subject .from {
    font-size:12px;
    font-weight:600;
}
.dropdown-menu.inbox li a .subject .time {
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:20px;
}
.dropdown-menu.inbox li a .message {
    display:block !important;
    font-size:11px;
}
.merge-left {
    margin-left:0px !important;
}
.tree_vW
{
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    width:250px;
    padding-top:80px;
    padding-left:60px;
    background-color:#ffffff;
    position:fixed;
	height:100%;
	color:#767676;
}
.shrink-main-cont
{
	margin-left:280px !important;
	vertical-align:top;
}
.tree_vW #tree_bar
{
	    height:100%;
	      
}
#tree_bar .srchcnt
{
	text-align:center;
	margin-top:10px;
}
#tree_bar  .expcol
{
	text-align:center;
}

/*customized checkox & radio btn*/
.icheck div,.icheck .disabled {
    float:left;
}
.icheck div {

}
.icheck label {
    font-weight:normal;
}
.icheck .checkbox,.icheck .radio {
    margin-bottom:10px;
}
.icheck .single-row {
    display:inline-block;
    width: 100%;
}

#custom-search-input {
        margin: 5px 0;
        padding: 0;
    }
    #custom-search-input .search-query {
        padding-left: 3px;
        border-radius:0 !important;
        padding-left: 4px \9;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
 		margin-left:8px;
    }
 .srhCnt{
 background:#b8c7ce !important;
 }
    #custom-search-input button {
        border: 0;
        background: none;
        /* belows styles are working good */
        padding: 2px 5px;
        margin-top: 2px;
        position: relative;
        left: -20px;
        /* IE7-8 doesn't have border-radius, so don't indent the padding */
        margin-bottom: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        color:#FF8A00;
        background: none repeat scroll 0 0 #aeb2b7;
    	border-color: #aeb2b7;
    	height:26px;
    }
 
    .search-query:focus + button {
        z-index: 3;   
    }
          .navigate-log ul li
      {
      	list-style:none;
      }
       .navigate-log ul
      {
      	padding-left:0px;
      }

	  .navigate-log .rgt_cnt
      {
      	float:right;
      	text-align:right;
      	margin-right:22px;
      	/* margin-top:-39px; */
      	background:url('../_IMAGES/list-collapser-sprite.png') no-repeat;
      	height:30px;
      	width:25px;	
      	 }
      .rgt_cnt.collapsed{

      	background-position:0px -32px !important;
      	
      }
      .fnt-ico
      {
      	width:30px;
      	height:30px;
      	border:1px solid #767676;
      	font-size:18px !important;
      	text-align:center !important;
      	margin-top:5px;
      	padding-top:5px;
      	margin-bottom:5px;
      	cursor:pointer;
      }
      .fnt-ico.active{
      color:#ffffff;
      background:#9999A5;
      }
      #dragme
      {
      font-family: "Open Sans",sans-serif;
    position:  absolute;
    left: 10px;
    top: 45px; /* set these so Chrome doesn't return 'auto' from getComputedStyle */
    opacity: 0.9;
    padding: 3px;
    z-index:998;
    height:auto;
    /*width:auto; */
    max-width:300px;
    background: #374850; 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
      }
      #dragme .fa-compress
      {
      	color:#aeb2b7;
		font-size:22px;
      	height:30px;
      	width:40px;
      	padding-top:3px;
      	cursor:pointer;
      	text-align:center;
      }
	  #dragme .fa-compress:hover
      {
      	color:#ffffff;
      }
      .exp-drag
      {
      width:300px !important;
      height:400px;
      }
      .cst_map
      {
      	padding: 0px  !important;
		overflow:hidden;
      }
      .carousel{width:100% !important;}
.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-inner h5 {color:#484848;}
.carousel-control.left,.carousel-control.right {background:#AEB0B8;}
.item:not(.prev) {visibility: visible;}
.item.right:not(.prev) {visibility: hidden;}
.rightest{ visibility: visible;}
.carousel-inner .item .rklbl{height:156px;background:#fff;}
.info_disp{width:90px; height:35px;text-align:center;background:#63C3CE;color:#ffffff;margin-top:-35px;cursor:pointer;margin-right:auto;margin-left:auto;border-radius:5px 5px 0 0;}
.info_disp label{margin-top:10px;cursor:pointer;font-size:20px;}
.lwrCnt{height:0px;display:none;}
.lwrOrgCnt{height:0px;}
.btm_cont{ z-index:60;margin-top:-150px;padding:0px !important;overflow:hidden;height:150px!important;}
.btm_cont1 .info_disp{margin-top:0px;}
.btm_cont1{z-index:50;margin-top:-185px;z-index:0;}
.vehdet{display:none;}
#myCarousel {
	font-size:12px;
	background:#425561;
}
#myCarousel .rklbl,#tim_ctrl .rklbl{
	padding:0 1px !important;
}
#tim_ctrl .rklbl.col-sm-3 .bordCnt{
	margin-left:16px;
}
.scrollList
{
	height:100px;
	margin-top:26px;
}
#tim_ctrl .rklbl.col-sm-5 .bordCnt{
	/* margin-right:16px; */
}
.carousel-inner{
	padding:0 8px;
}
#myCarousel h6{
	color:#000;
}
#plybckCrl h6{
	color:#000;
}
.cstHdr{text-transform:none !important; font-weight:bold;text-align:center;}
.prebtm_cont{ padding:0px !important;}
.rgt_trkcnt{float:left;display:inline-block;vertical-align:top;color:#ffffff;width:10%;background:#63C3CE;height:156px;}
.vhlLst{height:111px;width:100%;cursor:pointer;margin-top:26px; }
.vhlLst table{}
.bordCnt{border:solid 1px #63C3CE;padding:0px 5px;height:145px;overflow:hidden;margin:5px 0px;}
.hdrCnt{float:left;	white-space: nowrap;}
.bordCnt h6{margin-top:2px !important;}
.fa-caret-up{
	float:right;
}
#playbkbottom-border { margin:5px 20px; padding:0px 10px;}
#orgVehbottom-border{margin:5px 20px; padding:0px 1px;}
.lft_trkcnt{float:left;display:inline-block;vertical-align:top;width:100%;height:156px;}
.rgt_trkcnt ul li {list-style:none;width:100%;padding-left:10px;}
.rgt_trkcnt ul li:hover{background:#86a0ac;color:#000;cursor:pointer;}
.rgt_trkcnt ul {margin-top:5px;padding-left:0px;}
.rgt_trkcnt .frstcnt {border-bottom:solid 1px #b8c7ce;padding-top:8px;font-size:14px;padding-left:10px;}
.nicescroll-rails{height:0px !important;}
.vhldeLst {width:105%;height:156px;}
.ignites img{height:15px;width:20px;cursor:pointer;padding-top:4px;}
.airconds img{cursor:pointer;padding-top:4px;}
/***************************** Report Page ***************************/
.panel-heading span{padding:5px 5px 16px 5px;height:30px;white-space:nowrap;}
.panel-heading span.active{background:#ffffff;border-bottom:solid 2px #2D2D34;border-radius:5px 5px 0px 0px;}
#dynamic-table{margin-top:25px;}
.hdr_rgt{float:right;text-align:right}
.drp_Cont{width:345px;margin-top:30px;display:none;margin-right:14px;}
.drp_Cont .tpcnt{border-left:1px solid #DDDDDD;border-right:1px solid #DDDDDD; padding: 10px 0;background:#fff;}
.drp_Cont .btncont{border:1px solid #DDDDDD;background:#f0f0f0;padding: 10px 0;}
.drp_Cont #prd_dat1,#prd_dat2,select{width:75px;}
.shwCont{display:block;-webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;
    -o-transition:all .3s ease;
    transition: all .3s ease;
        /* visible */
    -webkit-transform: translate(0, 0%);
       -moz-transform: translate(0, 0%);
        -ms-transform: translate(0, 0%);
            transform: translate(0, 0%);}
.hdr_rgt span
{
	width:100px;
	float:right;
}
.hdr_rgt span.ready
{
	background:#ffffff;
}
   
@media screen and (max-width: 640px) {
    .drp_Cont{width:75px;margin-left:24px;}
}
/*****************************track page ****************************************/
#setter,.srchOrgList{
	/*height:312px;*/
	height:90%;
	padding:0px !important;
	z-index:999;
}
#setter .row{
	margin-left:-3px !important;
	margin-right:-3px !important;
}
#dragme .nicescroll-rails{
	
}
.srchOrgList .vehLst .innerCont
{
	margin-left:33px;
}
.srchOrgList ul li .orgNam{
	height:32px;
	background:#F4F7F9;
	font-weight:bold;
}
.orgNam .cstchk{float:left !important;}
.orgNam .cstchk .iradio_minimal-green{
	margin-left:5px;
	margin-top:7px;
	
}
.orgNam .orgnTit{
	margin-left:5px;
 	padding-top:8px; 
	color:#4B4B4B;
	float:left;
	background:#e2f1f8 !important;
}
.srchOrgList ul li .nwlist{
	height:32px;
	display:inline-block;
	}	
.srchOrgList ul li .orgNam input{
	/*margin-left:15px;*/
}
.srchOrgList ul li{
}
.prt_bacg 
{
	background:#ffffff;
}

.fa-list{
	float:left;
	margin-left:9px;
}
.setIco{
	margin-left:32px;
}
.css-label
{
	margin-top:5px;
	font-weight:normal;
	vertical-align:top;
	cursor:pointer;
}

input[type=checkbox].css-checkbox.med + label.css-label.med {
	padding-left:22px;
    height:17px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.med:checked + label.css-label.med {

    background-position: 0 -17px;
}
input[type=checkbox].css-checkbox.sme + label.css-label.sme {
	padding-left:22px;
    height:16px; 
	display:inline-block;
	line-height:16px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.sme:checked + label.css-label.sme{

    background-position: 0 -16px;
}
input[type=checkbox].css-checkbox.lrg + label.css-label.lrg {
	padding-left:22px;
    height:20px; 
	display:inline-block;
	line-height:20px;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
    cursor:pointer;
}

input[type=checkbox].css-checkbox.lrg:checked + label.css-label.lrg{

    background-position: 0 -20px;
}
input[type=checkbox].css-checkbox {
	position: absolute; 
    overflow: hidden; 
    clip: rect(0 0 0 0); 
    height:1px; 
    width:1px; 
    margin:-1px; 
    padding:0;
    border:0;
}

input[type=checkbox].css-checkbox + label.css-label {
	padding-left:20px;
	height:16px; 
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -15px;
}
.lite-blue-check{background-image:url(../_IMAGES/lite-blue-check.png);}

.cst_chk .status {
    border-radius: 3px;
    height: 15px;
    margin: 11px 0;
    position: absolute;
    right: 27px;
    width: 15px;
}
.cst_chk .liveinfo{

    height: 29px;
    margin: 2px 0;
    border-radius:100%;
    text-align:center;
    position: absolute;
    border:solid 1px ;
    right: 55px;
    width: 30px;
}
.cst_chk .liveinfo i{ 
	padding:3px 2px 0px 0px;

	}
.cst_chk
{
	    color: #4b4b4b;
	    font-size: 12px;
}
.cst_chk:hover,.cst_chk.actives{
	color:#fff !important;
	cursor:pointer;
	background:#B5B9BB;
}
.cst_chk .status.active, .status.Moving {
	  background-color: #3D9D09 !important;
}
.cst_chk .status.inactive,.status.Stop {

      background-color: #C40000;
} 

.cst_chk .status.idle,.status.Idle {
	  background-color: #00509D;
}
.cst_chk .status.Offline,.status.Offline {
	  background-color: #636464;
}

.cst_chk .status.Working,.status.Working {
	  background-color: #3D9D09;
}

.cst_chk .status.Traveling,.status.Traveling {
	 background-color: #ff8040 !important;
}
.cst_chk .status.rdymove {
	  background-color: #3D9D09;
}
.cst_chk div {
    display: inline-block;
    vertical-align: middle;
}
.group-color{
	line-height:32px;
	width:5px;
	margin-left:1px;
	float:left;
	display:inline-block;
	vertical-align:top;
	background: #2196F3
}
.group-content{
	float:left;
	display:inline-block;
	vertical-align:top;
	width:291px !important;
	background:#e2f1f8 !important;
	cursor:pointer;
}
.hvr_cnt{
	min-height:50px;
	width:170px; 
	background:#BCBDC0 !important;
	color:#F3F3F3 !important;
	font-size:14px;
	margin:109px 0 0 244px;
	z-index:9999;
	position:absolute;
}
.hvr_cnt ul {
	margin-top:5px;
	margin-bottom:3px !important;
	padding-left:0px;
}
.hvr_cnt ul li{
	list-style:none;
}
.hvr_cnt ul li:hover{
	
	background:#FFFFFF !important;
	color: #333333 !important;
}
.hvr_cnt ul li input{
	margin-left:5px;
}

body {
    font-family: 'Open Sans', sans-serif;
}

.angular-google-map-container {
    width: 100%;
    height: 600px;
}

/* fix for Twitter Bootstrap handling of responsive images */
.angular-google-map img {
    max-width: none;
}

.angular-google-map {
    top: 0px;
	
}

.shrink {
    font-size: 8;
}

.true:hover {
    background-color: lightgreen;
}

.false:hover {
    background-color: lightpink;
}

.marker-labels {
    color: red;
    background-color: white;
    font-family: "Lucida Grande", "Arial", sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
    white-space: nowrap;
}

/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*="gstatic.com/"], img[src*="googleapis.com/"] {
  max-width: none;
}


/* uncomment this if you are using the <google-map> element instead of a div
.angular-google-map {
  display: block;
  }*/

.custom-info-window{
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 20px;
    /*border: 1px solid white;*/
    box-shadow: 3px 3px 10px rgba(0,0,0,0.5);
    border-radius: 5px;
    width: 200px;
    margin-top: 15px;
    margin-left: -130px;
}
.custom-info-window a{
    color: white;
    text-decoration: underline;
}
.custom-info-window:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: rgba(0,0,0,0.5) transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 118px;
}

.infDisp tr td:nth-child(odd){
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	
}
.infDisp tr td{
		white-space: nowrap;
}
/*css for Info Window */
 #map-canvas {
    margin: 0;
    padding: 0;
    height: 400px;
    max-width: none;
}
#map-canvas img {
    max-width: none !important;
}

.gm-style-iw {
    width: 316px !important;
    min-height:50px;
    left: 5px !important;
    background-color: #374850;
}

#iw-container {
    margin-bottom: 10px;
}
#iw-container .iw-title {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px;
    background-color: #48b5e9;
    color: white;
    margin: 0;
    border-radius: 2px 2px 0 0;
}
#iw-container .iw-content {
    font-size: 13px;
    line-height: 18px;
    font-weight: 400;
    margin-right: 1px;
    padding: 15px 5px 20px 15px;
    max-height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}
.iw-content img {
    float: right;
    margin: 0 5px 5px 10px; 
}
.iw-subTitle {
    font-size: 16px;
    font-weight: 700;
    padding: 5px 0;
}
.iw-bottom-gradient {
    position: absolute;
    width: 326px;
    height: 25px;
    bottom: 10px;
    right: 18px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
.infotab{
	margin:1px 25px;
	color:#b8c7ce;
}
.infotab table{
	
	width:224px;
	}
.infotab a{
	color:#b8c7ce;
	}
.infotab a:hover,.infotab a:focus{
	color:#ff8a00;
	
}	
/* .nwradio{
	-webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;     
    -o-appearance: checkbox;      
    margin-bottom:0px !important;
    margin-top:1px;
    
}
 */
.history-options .history_btn {
    display: inline-block;
    height: 30px;
}
.history-options.fleet-options .float-panel-btn {
    background-color: #F58220;
    border-color: #F58220;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    padding: 6px 10px;
}

.history-options.wabco-options .float-panel-btn {
    background-color: #00DCFE;
    border-color: #00DCFE;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    color: #ECF0F5;
    cursor: pointer;
    font-size: 12px;
    padding: 6px 10px;
}

.x-box-inner{
	width: 300px;
	height: 40px;
}
#historyoptions-targetEl{
	width: 300px;
}
#tracksconfigbtn{
	margin: 0px; 
	width: 97px; 
	right: auto; 
	left: 5px; 
	top: 5px;
	font-weight: bold;
	color: #fff;
}
#eventsconfigbtn{
	margin: 0px; 
	width: 97px; 
	right: auto; 
	left: 10px; 
	top: 5px;
}

.fleet-options #tracksconfigbtn:hover{

	background-color:#f19e5b;
}
.fleet-options #eventsconfigbtn:hover{

	background-color:#f19e5b;
}

.wabco-options #tracksconfigbtn:hover{

	background-color:#4de7ff;
}
.wabco-options #eventsconfigbtn:hover{

	background-color:#4de7ff;
}
.history-options .history_btn {
    display: inline-block;
    height: 30px;
}
.ripple {
    overflow: hidden;
    position: relative;
}
.settcont{
	margin-top:12px;
	display:none;
}
.settcont .col-sm-3 span,.settcont .col-sm-3 .squaredTwo{
	float:left;
}
.settcont .col-sm-3 span{
	margin-left:5px;
}
.settcont .col-sm-3{
	padding:0px !important;
}
.timer_cnt{
	height:35px;
}
.timer_cnt .rad_btn{
	vertical-align:bottom;
}
.timer_cnt span{
	font-size:14px;
}
.hdr_info {
    min-height: 35px;
    background: none repeat scroll 0% 0% #FFF;
    border-bottom: 1px solid #425561;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.15);
    z-index: 90;
    width: 102%;
    position: fixed;
    padding-left: 18px;
    transition: all 0.5s linear 0s;
    color: #828292;
}
#playbackrgcls.hdr_info {
 min-height: 35px;
background: none repeat scroll 0% 0% #63C3CF;
border-bottom: 1px solid #3B9BA7;
box-shadow: 1px 0px 3px rgba(143, 245, 255, 0.15);
z-index: 90;
width: 102%;
position: fixed;
padding-left: 100px;
transition: all 0.5s linear 0s;
color: #FFF;
margin-left:-100px;
}
.trck_info{
	max-height:35px;
	background:#fff;
	border-bottom: 1px solid #425561;
	box-shadow:1px 0 3px rgba(0,0,0,.15);
	z-index:2;
	width:102%;
	position:fixed;
	padding-left:100px;
	transition: .5s linear all;
	color:#828292;
}
.timer_cnt select{
	width:100px;
}
.rgtCnt{
	float:right;
	margin-right:21px;
	margin-top:2px;
}
.rgtCnt span{
	margin-top:20px;
	color:#555555;
	}
.input-group-btn button{
	height:28px;
	
}
.spinner-buttons .btn {
	padding: 3px 12px !important;

	}
.input-group-btn button:hover{
	background:#EEEEEE;
	}
.hdr_info .datpckr{
	padding-left:10px;
	padding-right:5px;
	margin-top:5px;
	float:right;
	width:200px;
	}
.settcont span:hover{
	color:#000000;
	cursor:pointer;
}
.datpckr .input-group
{
	width:165px;
}
#NextBtn{
	border-radius: 0 !important;
}
.datpckr .input-group input
{
	height:28px;
	border-radius: 0 !important;
}
.ctrlextd{
	height:20px;
	float:right;
	width:20px;
	margin-right:89px;
	margin-top:5px;
	background-image:url(../_IMAGES/cross.png);
	background-size: 18px 18px;
	background-repeat:no-repeat;
	border:solid 1px #000;
	color:#54585D;
	text-align:center;
	cursor:pointer;
	opacity:0.5;
}
.ctrlextd:hover{

opacity:1;

}
.ctrlextd i{
	margin-top:-5px;
	font-size:15px;
}
#geoAddressText{
	width:150px;
}

.sk-cube-grid {
  width: 40px;
  height: 40px;
  margin: 275px auto;
}

.sk-cube-grid .sk-cube {
  width: 33%;
  height: 33%;
  background-color: #333;
  float: left;
  -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
          animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out; 
}
.sk-cube-grid .sk-cube1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1); 
  }
}

@keyframes sk-cubeGridScaleDelay {
  0%, 70%, 100% {
    -webkit-transform: scale3D(1, 1, 1);
            transform: scale3D(1, 1, 1);
  } 35% {
    -webkit-transform: scale3D(0, 0, 1);
            transform: scale3D(0, 0, 1);
  } 
}
.loadCont{
    position: absolute;
    width: 100%;
    z-index: 1000;
    background-color: #E4F1F6;
    cursor: pointer;
    display: none;
    opacity: 0.8;
    transition: all 0.3s ease-in-out 0s;
}
.poi-info-window{
    	margin: 26px 47px !important;
}
.poi-info-window div,.poi-info-window span{
	    color: #b8c7ce !important;
	    background:#374850 !important;
}
.poi-info-window a{
	    color: #F58220 !important;
	    background:#374850 !important;
}

.loader {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#myDiv{
	margin:0 122px;
	padding-top:5px;
}


/* SQUARED TWO */
.squaredTwo {
	width: 16px;
	height: 16px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
		display:inline-block;
	vertical-align:top;
	float:left;
	margin-left:5px;
}

.squaredTwo label {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 3px;
	top: 3px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    background:#ffffff;
	
	}

.squaredTwo label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 2px;
	left: 1px;
	border: 3px solid #000;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredTwo label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}

.squaredTwo input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

input[type=checkbox]{
	visibility: hidden;
	margin:0;
}

input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}

input[type=radio   ]:not(old) + label{
  display      : inline-block;
  margin-left  : -2em;
  line-height  : 1.5em;
}

input[type=radio   ]:not(old) + label > span{
  display          : inline-block;
  width            : 15px;
  height           : 15px;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  background       : rgb(224,224,224);
  vertical-align   : bottom;
}

input[type=radio   ]:not(old):checked + label > span{
  background       : rgb(224,224,224);
}



input[type=radio]:not(old):checked +  label > span > span{
  display          : block;
  width            : 9px;
  height           : 9px;
  margin           : 2px;
  border           : 0.0625em solid rgb(115,153,77);
  background       : #349EF2;
}

.styled-select {
   background: url(../_IMAGES/15xvbd5.png) no-repeat 94% -2px;
   height: 28px;
   overflow: hidden;
   width: 108px;
   float:right;
   margin-left:10px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 128px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border:solid 1px #ADADAD;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

}
.blue select    {color: #555; margin-top:-3px;}
.blue    { background-color: #EEEEEE; }
.angular-google-map,.angular-google-map-container,.loadCont{
	height:100% !important;
}
.hvr_cnt span{
	display:inline-block;
	vertical-align:top;
	margin-left:5px;
	cursor:pointer;
}
#map-container
{
	width:100%;
	height:100%;
}
#map-containerSrcCntr
{
	width:100%;
	height:100%;
}
#str_tim{
	color:red;
}

/* Radio css */

.minimal-green .check{
  display: block;
  position: absolute;
  border: 1px solid #AAAAAA;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  margin-top: -20px;
  left: 10px;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.minimal-green:hover .check {
  border: 1px solid #2E9BF4;
}

.minimal-green .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 14px;
  width: 14px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}
.minimal-green input[type=radio]{
	margin:5px 0 0 0;
	z-index:99;
}
.minimal-green input[type=radio]:checked ~ .check {
  border: 1px solid #2E9BF4;
}

.minimal-green input[type=radio]:checked ~ .check::before{
  background: #2E9BF4;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    background-color: #fff;
}

/* Active Vehicle css */
#theme-options {
    position: absolute;
    top: 125px;
    z-index: 3;
    right:-80px;
    width: 80px;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}
#theme-options.active {
    transform: translateX(-300px);
    -ms-transform: translateX(-300px);
    -o-transform: translateX(-300px);
    -webkit-transform: translateX(-300px)
}
.btn.theme-switcher {
     background: #63c3ce none repeat scroll 0 0;
    border-radius: 3px 0 0 3px;
    border-right: 0 none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    display: block;
    font-size: 24px;
    height: 35px;
    left: -34px;
    line-height: 0px;
    padding-left: 5px;
    position: absolute;
    text-align: center;
    top: 11px;
    width: 35px;
    z-index: 55;
}
.shwVehicle{
	right:0px !important;
}
.btn.theme-switcher.btn-primary{
	background:#63C3CE;
	border:solid 1px #fff;
}
.btn.theme-switcher.btn-primary i{
	padding-left:5px;
}
.theme-switcher .glyph-icon {
    width: 54px;
    height: 50px;
    line-height: 50px;
    display: block
}
#theme-switcher-wrapper {
    background: #fff;
    width: 80px;
    padding: 0;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    position: relative;
    z-index: 60;
    -webkit-transition: transform .5s ease;
    -o-transition: transform .5s ease;
    transition: transform .5s ease
}
#theme-switcher-wrapper table td{
	padding:0px 20px;
}
#theme-options.active #theme-switcher-wrapper {
    box-shadow: 0 4px 5px rgba(0, 0, 0, .3)
}
#theme-switcher-wrapper {
    max-height: 580px
}
#theme-switcher-wrapper .header {
    background: #FEFEFF;
    border-top: #dfe8f1 solid 1px;
    border-bottom: #dfe8f1 solid 1px;
    text-transform: uppercase;
    padding: 13px 15px 10px;
    font-size: 12px
}
#theme-switcher-wrapper .header a {
    font-weight: 700;
    text-transform: capitalize;
    float: right
}
#theme-switcher-wrapper .header:first-child {
    border-top-left-radius: 3px
}
#theme-switcher-wrapper ul+.header {
    border-radius: 0
}
#theme-switcher-wrapper ul li {
    height: 34px;
    line-height: 28px;
    margin: 5px 0;
    padding: 0 15px;
    border-bottom: #dfe8f1 solid 1px
}
#theme-switcher-wrapper ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0
}
#theme-switcher-wrapper ul li label {
    font-size: 13px
}
#theme-switcher-wrapper ul li .switch-toggle {
    float: right;
    margin-top: 3px
}
.headerfontsize {
    font-size: 12px;
	text-align:center;
	margin-bottom:-4px;
}
#theme-options table img{
	cursor:pointer;
}
.groupCnt{
	cursor: pointer;
    display: inline-block;
    float: left;
    vertical-align: top;
    padding:8px;
    width:102%;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    border:solid 2px #fff;
}
.groupCnt .innerGroup{
	margin-left:14px;
}
.groupCnt:hover{
	color:#4b4b4b;
	border:solid 2px #4b4b4b;

	}
#vehicleStatus{
	padding:5px;
}	
#vehicleStatus table{
	width:100%;
}
.fancybox-margin{
	margin-right:0px !important;
}
.item table tr td{
	vertical-align:top;
}
.timeLine{
	width:100%;
	height:100%;
	background:#fff;
}
.timeLine .tim_ctrl,.timeLine .tim_frme{
	width:100%;
}
.btnCtrl{
	height:28px;
	width:27px;
	background:#63C3CE;
	color:#fff;
	padding:8px;
	margin:5px 0px 0px 10px;
	float:left;
    vertical-align:top;
    display:inline-block;
    cursor:pointer;
}
.timelinepick{
 	border-radius: 0 !important;
    height: 28px !important;
    margin: 5px 0 0 10px;
    width:150px !important;
    float:none;
    vertical-align:top;
    display:inline-block !important
}
.hdr_info .timelinepick{
	width:267px !important;
	background: #3b9ba7 url("/resources/images/whitecal-16.png") no-repeat scroll 246px 6px !important;
    color: #FFF;
    font-size: 13px;
    margin: 3px 15px 0 0 !important;
    border: none;
    border-radius: 10px !important;
    vertical-align: middle;
    float:left;
}
	.timer_cnt .plyDat{
		color:#FFF;
		margin: 0px 5px 0 0 !important;
		font-weight: normal;
	}
.playbkSpeedlable,.playbkSpeed,.playbkDatetime,.playbkDatetimelabel {
	display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #FFF;
    font-weight: bold;
    padding-top: 8px;
}
.playbk-controlsec, .playbk-time, .palybk-speed {
	display:none;
} 
.topplayback_wrapper {
}
.labelplay {
	float:left;
	padding-top:8px;
}
.topplayback_wrapper .btnCtrl {
    height: 28px;
    width: 27px;
    background: #3B9BA7;
    color: #fff;
    padding: 8px;
    margin: 4px 0px 0px 10px;
    float: left;
    vertical-align: top;
}
.topplaybackZoomctrl
{
	padding-top: 3px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.topplaybackZoomctrl1 .btnCtrl{
	float:left !important;
}
.topplaybackZoomctrl .btnCtrl{
background: #3b9ba7 none repeat scroll 0 0;
    color: #fff;
    float: right;
    font-weight: bold;
    height: 27px;
    margin: 5px 0 0 8px;
    padding: 6px;
    vertical-align: top;
    width: 31px;
}
.topplaybackZoomctrl .btnCtrl.active{
	color:#000!important;
}
.trailIc{
    background:#B3BBC2;
    color:#fff;
    height: 28px;
    margin: 5px 0 0 10px;
    padding: 5px 6px;
    font-weight:bold;
    vertical-align: top;
    width:28px;
    cursor:pointer;
    float:left;
} 
.playbkdaterng {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #52A5B1;
    text-align:right;
}
.playbkdaterng .plyDat{
    line-height: 14px;
    margin-right: 8px;
    padding-bottom: 0px;
    width: 101px;
    font-weight:normal;
    float:left;
}
.playbk-controlsec {
	display:inline-block;
    height: 35px;
    padding-top:3px;
    padding-right: 15px;
}
.playbk-time {
	 display: inline-block;
    vertical-align: top;
    margin: 0px 10px 0 10px;
    border-right: 1px solid #52A5B1;
    height: 35px;
    padding-right: 15px;
}
.palybk-speed {
	display: inline-block;
    vertical-align: top;
    margin: 0px 10px 0 10px;
    border-right: 1px solid #52A5B1;
    height: 35px;
    padding-right: 15px;
}
.playbkDatetime {
   display:inline-block;	
}
.trailIc:hover,.trailIc.active
{
	color:#000;
}
.lsteFed{
	float:right;
	font-size:11px;
	margin-right:10px;
}


/* dashboard css */
#mainpage1 {
	    	overflow:hidden;
	    }
		.top_position_space {
			margin-top:15px;
		}
		.x_title {
    		border-bottom: 2px solid hsl(214, 16%, 92%);
    		margin-bottom: 10px;
    		padding: 1px 5px 6px;
    		color: hsl(211, 17%, 53%);
		}
		.x_title h4 {
			color: hsl(211, 17%, 53%);
		}
		.dashboard_graph {
    		background: hsl(0, 0%, 100%) none repeat scroll 0 0;
    		padding: 5px 10px;
		}
		#sel1 {
			background: #fff;
    		cursor: pointer;
    		padding: 5px 10px;
    		border: 1px solid #ccc;
    		margin-top: 3px;
    		width: 140px;
		}
		.wrapper_bg {
			background-color:#F7F7F7;
		}
		.styleTree {
    		border: 2px solid hsl(202, 100%, 36%);
   			box-shadow: 0 0 12px 0 hsl(0, 0%, 81%) inset;
    		margin: 5px 7px 0;
    		padding: 6px 0;
		}
		.treecontainer {
   			 border-right: 2px solid hsl(214, 16%, 92%);
   			 padding: 10px 5px;
		}
		h3.box-title {
			padding: 0.5em 0;
		}
	
		.well {
    		background-color: hsl(0, 0%, 94%);
    		border: 1px solid hsl(0, 0%, 89%);
    		border-radius: 0;
    		box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0) inset;
    		margin-bottom: 20px;
    		min-height: 281px !important;
    		padding: 10px 19px;
		}
		/* .nwwell {
    		height: 100px;
    		background: #EFEFEF;
    		padding-left: 15px;
    		padding-right: 15px;
    		margin-bottom: 15px;
		} */
		.left_chartcontainer {
    		float: left;
		}
		.clear {
    		clear: both;
		}
		.well, .nwwell {
    		background: hsl(0, 0%, 100%) none repeat scroll 0 0;
		}
		.well h5, h4 {
   			 font-size: 1.2vw;
   			 font-weight: 400;
		}
		.well h5 a, .nwwell h4 a {
    		color: hsl(208, 56%, 46%) !important;
		}
		.nwcx4 {
    		border-top: 3px solid hsl(192, 100%, 47%);
    		min-height: 270px !important;
		}
		.preloader {
    		background: hsla(0, 0%, 0%, 0) url("/resources/images/loader.gif") no-repeat scroll center center;
    		color: hsl(0, 0%, 0%);
    		font-size: 25px;
    		height:125px;	
		}
		.loaderSide18,.loaderSide1,.loaderSide2,.loaderSide3,.loaderSide4,.loaderSide5,.loaderSide6,.loaderSide7,.loaderSide8,.loaderSide9,.loaderSide10,.loaderSide11,.loaderSide12,.loaderSide13,.loaderSide14,.loaderSide15,.loaderSide16,.loaderSide17,.loaderSide19,.engineoilloader,.vchart19loader,.vchart20loader,.loaderpage8{
    		display: block;
    		height: 100%;
    		left: 0;
    		opacity: 0.5;
    		position: absolute;
    		text-align: center;
    		width: 100%;
    		z-index: 995;
		}
		.cx1 {
    		border-bottom: 2px solid hsl(134, 54%, 37%);
    		box-shadow: 0 7px 5px -3px hsla(0, 0%, 0%, 0.75);
		}
		.cx4 {
   			 border-bottom: 2px solid hsl(317, 50%, 44%);
    		 box-shadow: 0 7px 5px -3px hsla(0, 0%, 0%, 0.75);
		}
		.chart h3,.chart h4,.chart h5{
			text-align:left;
		}
		#VehicleDashboardSection li.active .ajaxtabloadcls {
			position:absolute;
			top:3px;
			right:20px;
		}
		#VehicleDashboardSection li .ajaxtabloadcls {
			position:absolute;
			top:15px;
			right:20px;
		}
		.box-header {
			text-align:left;
		}
		.well h4 a {
    		color: #337ab7 !important;
			}
		.nav-tabs-custom .tab-content {
			padding:10px 0px;
		}
		#VehicleDashboardSection .nav-tabs-custom {
			box-shadow:none;
		}
		#currentFuelLevelStatus {
			text-align:left;
		}
		.page-body {
 		   text-align: left;
		}
		.page-body .chart {
    		text-align: left ;
		}
	
.treeview-menu {
    background-color: #374850;
    display: none;
    padding-left:0px;
    list-style: outside none none;
    position: absolute;
    min-width:200px;
    color:#8aa4af;
    left: 90px;
    z-index:1000;
}
.treeview-menu li,.treeview-menu li a{ 
		white-space: nowrap;
		text-align:left !important;
	}
.treeview-menu li a	
	{
		padding:10px 0px 8px 4px !important;
	}
.treeview-menu li i{
	font-size:15px !important;
}	
.treeview-menu li a span{
		padding:0px 10px ;
	}

.sidebar-menu > li:hover .treeview-menu{display:block;}

.headlbl {
    border-bottom: 1px dotted #dedede;
    color: #3484b1;
    font-size: 12px;
    margin-bottom: 10px;
    width: auto;
    display: block;
    font-size: 12px;
    padding-bottom: 5px;
}

.regfieldselect {
    border: 1px solid rgba(0, 0, 0, 0.27);
    font-size: 12px;
    height: auto;
    padding: 2px;
    width: 186px;
}
.searchBtn {
    background: #0087cc none repeat scroll 0 0;
    border: 1px solid #0087cc;
    border-radius: 3px;
    color: #fff;
    font-family: "Roboto","Arial",sans-serif;
    font-size: 12px;
    padding: 7px 25px;
    text-align: center;
    text-decoration: none;
}
.topbar {
    background: #cbcbcb url("/resources/images/Common-Icons.png") repeat-x scroll 0 -2605px;
    border-color: #cccccc;
    border-radius: 1px 1px 0 0;
    border-style: solid;
    border-width: 1px;
    color: #ffffff;
    font-size: 14px;
    height: 38px;
    line-height: 35px;
    margin-top: 3px;
    padding-left: 10px;
    text-align: left;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.66);
    z-index: 20;
    width:1187px !important;
}
/* .ui-jqgrid .ui-jqgrid-hdiv, .ui-jqgrid .ui-jqgrid-btable,.ui-jqgrid,.ui-jqgrid .ui-jqgrid-pager{
	min-width:1188px !important;
} */
ui-jqgrid .ui-pg-input {
    font-size: 0.8em;
    height: 22px !important;
    margin: 0;
}
.page-body-wrapper{
	margin:0 !important;
}
.mapview,.playbackmapview{
	border-radius:0 !important;
	width:100% !important;
}
.topbargeo{
	width:740px !important;
}
.dashboard_container{
	margin:5px 15px 15px 15px  !important;
	width:97% !important;
}
.wellMap{
	padding:0px !important;
}
#ui-datepicker-div{
	width:227px !important;
}
.lblVehinputdeviceMst{
	font-size:12px !important;
}
.dashboard_container h4{
	font-size:14px !important;
}
#assignUsersTab .well_class label,#assignAlertsTab .well_class label{
	display:inline-block !important;
}
#assignUsersTab .well_class,#assignAlertsTab .well_class{
	min-height:58px !important;
}
#assignUsersTab .well_class select,#assignAlertsTab .well_class select{
		min-width:150px !important;
		margin-left:14px;
	}
.txtdeviceMst{
	width:150px !important;
	height:25px !important;
}
.ui-jqgrid .ui-jqgrid-bdiv {
    min-width: 1185px !important;
}
.playbackcontrols{
	width:150px !important;
	padding:7px !important;
}
.fullcontr{
	width:100% !important;
}
.rightside #btn_cancelFleetDet{
	margin-left:32px;
}
.rightside span #btn_cancelDeviceDet{
	margin-left:27px;
}
.portfolio-item	.well{
	width:98.6%;
}
#tripdateval,#tripdateval1{
	height:30px;
}
.tripcontentarea .btn{
	padding:3px 12px !important;
	margin-top:15px;
}
.fltCont #submit{
	margin-top:4px !important;
}
.dataTable th{
	font-size:12px;
	font-weight:500;
}
.routetab{
	margin-top:20px;
}
#DeviceOrgId{
	font-size:12px;
}
.innerlab select{
	height:30px;
	width:100px;
}
.routeheader h3{
	font-size:20px;
}
.routeinfobox button{
	padding:3px 12px;
}
#drivercontainer select{
	width:200px;
}
.dataTables_wrapper select{
	width:50px !important;
	height:27px !important;
}
.dataTables_wrapper label{
	font-size:12px;
}
.profileleft{
	min-height:175px;
}
.navbar-innerEich{
    background: #E62F31 none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;
}
.navbar-innerEich .brand{
    float: left;
    height: 41px;
    left:5px;
    padding-right: 0;
    padding-top: 4px;
} 
.navbar-innerEich .containLogo{
	background: #E62F31 none repeat scroll 0 0;
}

.navbar-innerHyundai{
	background: #ffffff none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;	
    box-shadow: 0px 3px 0px #ebebec;
}

.navbar-innerNLR1{
	background: #E7482F none repeat scroll 0 0;
    border-radius: 0;
    padding: 0;	
}

.eichcls{
	background-color: #E62F31 !important;
    border: 1px solid #E62F31 !important;
    text-shadow:none !important;

}
.hyundaicls{
	background-color: #031254 !important;
    border: 1px solid #031254 !important;
    text-shadow:none !important;

}

.nlr1cls{
	background-color: #E7482F !important;
    border: 1px solid #E7482F !important;
    text-shadow:none !important;

}

.fpwdlink{
	color:#E62F31 !important;
}

.display-none {
	display:none;
}
.mapview #top_menu {
	display:block;
}
#sidebar {
    background: #374850 none repeat scroll 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    height: 100%;
    margin-top: 44px;
    position: fixed;
    transition: all 0.3s ease-in-out 0s;
    width: 90px;
    z-index: 999;
}
.brand {
    float: left;
    height: 45px;
    position: relative;
    width: 106px;
}
.top-nav.wabco-nav .log_cnt, .top-nav.eich-nav .log_cnt {
    color: #00458e;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}
#playbkSpeed, #playbkDatetimelabel {
	    color: #061015;
}
/********************************* New Theme *******************************************************************************/

body.mahle ul.sidebar-menu li a.active, body.mahle ul.sidebar-menu li a:hover, body.mahle ul.sidebar-menu li a:focus {
    background-color: #1E2B60 !important;
    background-image: url("../_IMAGES/mahlemenbg.png") !important;
    background-repeat: repeat-y;
    color: #fff;
    display: block;
    transition: all 0.3s ease 0s;
}
body.mahle .sidebar-toggle-box {
	margin-top: -25px !important;
}
body.mahle .brand .logo img {
    padding-top: 8px;
}
.mahlelog { display:none; }

body.mahle .nav > li > a:focus, body.mahle .nav > li > a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color:#1E2B60 !important;
}
.nav > li > a:focus, .nav > li > a:hover {
	
}
body.mahle ul.sidebar-menu li a.active i {
    color: #FFF !important;
}
body.mahle ul.sidebar-menu li a.active, body.mahle ul.sidebar-menu li a:hover, body.mahle ul.sidebar-menu li a:focus {
    color: #FFF !important;
}
body.mahle #top_menu .nav > li, body.mahle ul.top-menu > li {
	font-weight:normal;
}
body.mahle .top-nav .log_cnt {
    color: #00458e;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}
body.mahle .bordCnt {
    border: 1px solid #1E2B60 !important;
    height: 145px;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 5px;
    margin-left: 20px;
    margin-right: 20px;
}
body.mahle .top-menu .active {
    background: rgba(0, 0, 0, 0) url("../_IMAGES/arup.png") no-repeat scroll center bottom;
    padding: 4px 10px; 
    font-weight: normal; 
}
body.mahle .top-menu .active a{
	 color: #1E2B60 !important;
}
body.mahle .info_disp {
    background: #1E2B60 none repeat scroll 0 0 !important;
 }
body.mahle .carousel-control:hover, body.mahle .carousel-control:focus {
    background: hsl(186, 52%, 60%) none repeat scroll 0 0 !important;
    color: hsl(0, 0%, 100%);
    opacity: 0.9;
    text-decoration: none;
}
body.mahle .top-nav {
    background: url("../_IMAGES/mahlecolorLine.png") center bottom no-repeat #ffffff !important;
}
body.mahle #sidebar {
    background: #374850 none repeat scroll 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    height: 100%;
    margin-top: 44px;
    position: fixed;
    transition: all 0.3s ease-in-out 0s;
    width: 90px;
    z-index: 999;
}
body.mahle ul.sidebar-menu li a:hover i, body.mahle ul.sidebar-menu li a:focus i {
	color:#FFF !important;
}
body.mahle .btn.theme-switcher.btn-primary {
    background: #1E2B60 none repeat scroll 0 0;
    border: 1px solid #fff;
}
/*******************Roger Style******************/

body.roger ul.sidebar-menu li a.active, body.roger ul.sidebar-menu li a:hover, body.roger ul.sidebar-menu li a:focus {
    background-color: rgb(30, 40, 44) !important;
    background-image: url("../_IMAGES/rogermenbg.png") !important;
    background-repeat: repeat-y;
    color: #FFE200;
    display: block;
    transition: all 0.3s ease 0s;
}
.rogerlog { display:none; }
body.roger .sidebar-toggle-box {
	margin-top: -30px !important;
}
body.roger .brand .logo img {
    padding-top: 4px;
}
body.roger .nav > li > a:focus, body.roger .nav > li > a:hover {
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; 
    color:#FFE200 !important;
}
body.roger .nav > li > a, body.roger .nav > li > a {
    color:rgb(30, 40, 44) !important;
}
body.roger ul.sidebar-menu li a.active i {
    color: #FFE200 !important;
}
body.roger ul.sidebar-menu li a.active, body.roger ul.sidebar-menu li a:hover, body.roger ul.sidebar-menu li a:focus {
    color: #FFE200 !important;
}
body.roger .top-nav .log_cnt {
    color: #FFE200;
    cursor: pointer;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}
body.roger .bordCnt {
    border: 1px solid #FFE200 !important;
    height: 145px;
    margin: 5px 0;
    overflow: hidden;
    padding: 0 5px;
}
body.roger .top-menu .active {
    background: rgba(0, 0, 0, 0) url("../_IMAGES/arup.png") no-repeat scroll center bottom;
    padding: 4px 10px;
    color: #FFE200;  
}
body.roger .top-menu .active a{
	color: #FFE200 !important; 
}
body.roger .info_disp {
    background: #FFE200 none repeat scroll 0 0 !important;
 }
body.roger .carousel-control:hover, body.roger .carousel-control:focus {
    background: #FFE200 none repeat scroll 0 0 !important;
    color: hsl(0, 0%, 100%);
    opacity: 0.9;
    text-decoration: none;
}
body.roger .top-nav {
    background: url("../_IMAGES/rogercolorLine.png") center bottom no-repeat #ffffff !important;
}
body.roger #sidebar {
    background: #374850 none repeat scroll 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    height: 100%;
    margin-top: 44px;
    position: fixed;
    transition: all 0.3s ease-in-out 0s;
    width: 90px;
    z-index: 999;
}
body.roger ul.sidebar-menu li a:hover i, body.roger ul.sidebar-menu li a:focus i {
	color:#FFE200 !important;
}
body.roger .btn.theme-switcher.btn-primary {
    background: #FFE200 none repeat scroll 0 0;
    border: 1px solid #fff;
    color:#E22425;
}
body.roger .info_disp label {
	color:#E22425 !important;
}
.geoDet tr td:nth-child(even) {
	white-space:normal !important;
}
.playLst table tr td:nth-child(odd) {
	white-space:nowrap;
	vertical-align:top;
}
.playLst table tr td:nth-child(even) span{
	padding-right:25px;
}
.infowind  tr td:nth-child(1){
	vertical-align:top;
}
.infowind{
	width:253px;
	margin:10px 0px 0px 20px;
	color: #b8c7ce;
}
.submit-btn
{
	float:left;
}
.cancel-btn
{
	float:right;
}


/* #featuresList.ui-jqgrid-btable,#commandsList.ui-jqgrid-btable,#featuresList.ui-jqgrid-bdiv,#commandsList.ui-jqgrid-bdiv{
	min-width:580px !important;
} */
bordCnt .playLst{
	margin-top:3px !important;
}
.vhlLst.playLst{
	margin-top:0px !important;
}
.vhlLst.playLst.Rnglst{
	margin-top:7px !important;
	height:125px !important;
}
.col-sm-9.rklbl .bordCnt{
	margin-right:17px;
}
.hideall {
	display:none !important;
}
.gmnoprint{
	margin-right:1px !important;
}
.gmnoprint .gm-style-mtc{
	margin-top:30px!important;
}
.gmnoprint.gm-bundled-control{

    margin-top:-5px !important;
    margin-right:14px !important;
} 
.lwrOrgCnt.btm_cont{
	margin-top:-180px !important;
	height:181px !important;	
}
.lwrOrgCnt.btm_cont .lft_trkcnt{
	height:181px !important;
}
.lwrOrgCnt.btm_cont .bordCnt{
	height: 171px !important;
}
.orgVehdet.btm_cont1{
	margin-top:-215px !important;
}
#vehiclesinfoListlog tr th,td{
    font-size:10px !important;
}
.plybkfeed .scrollList{
	margin-top:5px !important;
}
#apndFeed  tr td{
	border-bottom: 1px solid #f7f7f7;
	height:25px;
}

#apndFeed  tr:nth-child(even)
{
	background: #f9f9f9 none repeat scroll 0 0 !important;
}
#apndFeed tr:nth-child(odd)
{
	background: #ffffff none repeat scroll 0 0 !important;
}
#vehiclesinfoListlog .ui-jqgrid .ui-jqgrid-view {
    font-size: 11px !important;
}
/* .csttimpick{
	width:287px !important;
	background: #3b9ba7 url("/resources/images/whitecal-16.png") no-repeat scroll 264px 6px !important;
	font-size:10px !important;

} */
.daterangepicker .daterangepicker_input .fa-clock-o{
	display:none;
}
.gm-style-mtc div:nth-child(2){
	top:62px !important;
}
.spdctrl span{
	display:inline-block;
	margin-top:10px !important;
	float:left;
}
.spdctrl .lbl_cnt{ display: inline-block;
    float: left;
    font-size: 13px;
    vertical-align: top;
    width: 30%;
    text-align: right;
    padding-right: 9px;
    line-height: 14px;
    /* font-weight: bold; */
    padding-top: 4px;}
.spdctrl .ctrl_cnt{width:65%;display:inline-block;vertical-align:top;float:right;padding-top:3px;}
.spdctrl span:nth-child(2){
	width:200px;
}
.form-control.errorcolor, .routeform-control.errorcolor {
    border: 1px solid #FF0026 !important;
}
.spdctrl span:nth-child(3),.spdctrl span:nth-child(1){
	cursor:pointer;
	background: #3b9ba7 none repeat scroll 0 0;
    color: #fff;
    float: left;
    height: 20px;
    padding: 1px 6px;
    vertical-align: top;
    width: 20px;
}
.spdctrl span:nth-child(2){
	width:115px;
	padding:0 2px;
}
.plybkfeed #apndFeed tr:nth-child(1) td{
	color:#3598DB;
}
.plybkfeed #plyhdrtab tr td{
	color: #141414;
	background:#B3BBC2;
}
.plybkfeed #apndFeed tr td:nth-child(1),.plybkfeed #plyhdrtab tr td:nth-child(1){
	padding-left:5px;

	}
.maintenancestyle tr td {
    font-size: 12px !important;
    color: #333;
    padding-bottom: 7px;
}
.bordCnt {
    color:#333 !important;
} 
.displaynone{
	display:none;
}
.odtimctrllft{
	padding:5px 0px !important;
}
.odtimctrllft .sctoggle{
	padding-top:3px !important;
}
.odtimctrllft .btn{
	padding:4px 6px !important;
}
.playbkdaterng.col-sm-4{
	padding:5px 5px 5px 0px !important;
}


/***************** Custom Select Box style *******************/
.custom-select {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	height:24px;
	
}
.custom-select > select {
	display: none !important;
}
.custom-select > a.dropdown-toggle {
	border-radius: 0;
	line-height: 1.42857143;
	background: #ffffff;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 1px 12px;
	border: 1px solid #d2d6de;
	white-space: nowrap;
	cursor: pointer;
	color: #555;
	width: 165px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 24px;	
}
.custom-select.open > a.dropdown-toggle {
	border-bottom: 0;
	line-height: 1.42857143;
}
.custom-select > a.dropdown-toggle > span {
	display: block;
	overflow: hidden;
	margin-right: 17px;
	text-align: left;
	font-size:11px;	 
	padding-top:3px;
	
}
.custom-select > a.dropdown-toggle > b {
	position: absolute;
	top: 0;
	right: 0;
	color:#d2d6de;
	/* background: #efe9e9; */
	display: block;
	width: 18px;		
	border-color:#d2d6de;
	height: 100%;
}
.custom-select > a.dropdown-toggle > b:before {
	content: "\f0d7";
    border-bottom: 1px solid #d2d6de;
    border-right: 3px solid #d2d6de;
    border-color: #d2d6de;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 11px;
    height: 92%;   	
	padding-left: 6px;
	padding-top:2px;	
    position: relative;
    top: 2px;
    color: #333;
    
    width: 150px;
}

.custom-select > .dropdown-menu {
	margin-top: 0;
	border: 1px solid #d2d6de;
	border-top: 0;
	padding-bottom: 0;
   	width:165px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
	position: absolute;

}
.custom-select > .dropdown-menu > .custom-select-search {
	position: relative;
	margin: 0;
	width: 155px;
	padding-right: 1px;	
	padding-left: 4px;
	white-space: nowrap;
}
.custom-select > .dropdown-menu > .custom-select-search > input {
	width: 155px;
	height: 25px;
	font-size: 12px;
	border-radius: 0;
    outline: 0;
    border: 1px solid hsl(0, 0%, 80%);
}
.custom-select > .dropdown-menu > .custom-select-search:after {
	content: "\f002";
	display: inline-block;
	color: #888;
	font-family: FontAwesome;
	font-size: 11px;
	position: absolute;
	top: 6px;
	right: 10px;
}
.custom-select > .dropdown-menu > ul {	
	border-top: 0;
	margin: 2px 0;
	padding:  1px ;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 240px;
	padding-right:0;
	width:160px;
}
.custom-select > .dropdown-menu > ul > li > a {
	font-size:  11px;
	margin-bottom: 1px;
	margin-top: 1px;
	display: block;
	padding:  1px 12px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	cursor: pointer;
	width: 100%;
}
.custom-select > .dropdown-menu > ul > li > a:hover,
.custom-select > .dropdown-menu > ul > li > a:focus {
	background: #d2d6de;
}
.custom-select > .dropdown-menu > ul > li.empty-result > em {
	text-align: center;
	padding: 4px 8px;
	display: block;
	font-size:11px;
}
 /***************** Custom Select  ****************/
.dual-list .list-group {
   margin-top: 8px;
 }

 .list-left li, .list-right li {
      cursor: pointer;
 }
.list-arrows {
    padding-top: 100px;
}
.list-arrows button {
    margin-bottom: 20px;
}

 .gridtablewrapper_cls .ui-jqgrid tr.jqgrow td {
    white-space: normal !important;
    height:auto;
    vertical-align:text-top;
}
.address_toggle {
  line-height: 17px;
}

.datamsg {
    left: 0 !important;
    margin-top: 40px;
    position: relative !important;
    text-align: center;
    vertical-align: middle;
}

.dashboard_graph .datefilter{
	cursor:pointer;
}
.sctoggle {
    padding-top: 13px;
}
.btnsection {
    vertical-align: bottom;
}

.search_fifthpart, .search_firstpart, .search_fourthpart, .search_secondpart, .search_thirdpart {
    vertical-align: top;
}
/************** Data table CSS *********/
#routecontainer table, .databox-contentcontainer table {
   border-top: 1px solid #e5eff8;
   border-right: 1px solid #e5eff8;
   margin: 1em auto;
   border-collapse: collapse;
   }
   .dataTables_length, .dataTables_filter {
   padding: 0 !important;
   }
   #routecontainer .btn-info, #routecontainer .btn-primary, .databox-contentcontainer .btn-info, .databox-contentcontainer .btn-primary {
   color: #fff;
   background-color: #1D8C9F;
   border-color: #1D8C9F;
   }
   #routecontainer th, #routecontainer .table-bordered>thead>tr>th, .databox-contentcontainer th, .databox-contentcontainer .table-bordered>thead>tr>th {
   font-weight: normal;
   color: #678197;
   text-align: left;
   border: 0;
   border-bottom: 2px solid #6a9fa9;
   border-left: 1px solid #bde7ef;
   padding: .6em 1em;
   }
   .modal {
   	z-index: 1050 !important;
   }
   #routecontainer .table-bordered.dataTable>thead>tr>th, .databox-contentcontainer .table-bordered.dataTable>thead>tr>th {
   padding: .6em 1em !important;
   background: #def8fd;
   text-align: left;
   color: #0c3f44;
   }
   #routecontainer .table-bordered.dataTable>tbody>tr.odd ,  .databox-contentcontainer .table-bordered.dataTable>tbody>tr.odd {
   background: #FFF;
   }
   #routecontainer .table-bordered.dataTable>tbody>tr.even, .databox-contentcontainer .table-bordered.dataTable>tbody>tr.even {
   background: #f9f9f9;
   }
   #routecontainer .table-bordered.dataTable>tbody>tr>td, .databox-contentcontainer .table-bordered.dataTable>tbody>tr>td,table.table-bordered.dataTable>tbody>tr>td {
   color: #333 !important;
   border: 0;
   border-bottom: 1px solid #e4e2e2;
   border-left: 1px solid #e4e2e2;
   padding: .3em 1em;
   text-align: left;
   font: 12px arial, helvetica, verdana, sans-serif;
   }
   #FeaList_data .databox-contentcontainer .table-bordered.dataTable > tbody > tr > td, table.table-bordered.dataTable > tbody > tr > td{
   color: #333 !important;
   border: 0;
   border-bottom: 1px solid #e4e2e2;
   border-left: 1px solid #e4e2e2;
   padding: .3em 1em;
   text-align: left;
   font: 12px arial, helvetica, verdana, sans-serif;
   height:27px;
  }
   #RoleList_data .databox-contentcontainer .table-bordered.dataTable > tbody > tr > td, table.table-bordered.dataTable > tbody > tr > td{
   color: #333 !important;
   border: 0;
   border-bottom: 1px solid #e4e2e2;
   border-left: 1px solid #e4e2e2;
   padding: .3em 1em;
   text-align: left;
   font: 12px arial, helvetica, verdana, sans-serif;
   height:27px;
  }
.alertSection .table > thead > tr > th, #orgDetails > thead > tr > th, .databox-panelmast .table > thead > tr > th {
    /* text-align: center; */
    background: #def8fd none repeat scroll 0 0 !important;
    border-bottom: 2px solid #6a9fa9;
    color: #0c3f44 !important;
    font-weight: normal;
}
.pagination > .active > a, #routecontainer .pagination > .active > a:focus, .pagination > .active > a:hover,.pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: hsl(189, 69%, 37%) !important;
    border-color: hsl(189, 69%, 37%) !important;
}
.pagination > li > a, .pagination > li > span {
    padding: 3px 12px !important;
}
.formloader {
	display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 995;
    background: #f1f0f0;
}
#sessionModal .modal-header {
    min-height: 16.42857143px;
    padding: 10px !important;
    border-bottom: 1px solid #e5e5e5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background:#F2DEDE;
    color:#B46A72;
    border-radius: 5px;
}
#sessionModal .modal-footer{
	text-align:center;
}
#sessionModal .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.regpreloader {
    background: hsla(0, 0%, 0%, 0) url("/resources/images/loader.gif") no-repeat scroll center center;
    color: hsl(0, 0%, 0%);
    font-size: 25px;
    height: 80%;
}
body .filtersection .sctoggle, body #playbackrgcls .sctoggle {
	display:none;
}
body.eicher .filtersection .sctoggle, body.eicher #playbackrgcls .sctoggle{
	display:inline-block;
}
.modal-header {
	padding-top:8px;
	padding-bottom:8px;
}
.top-nav .nwMsg{
	width:60%;
	float:right;
	padding-top:12px;
	font-weight:bold;
}

/*PopOver Message (?) styles*/

.popover {
    border-color: black;
    border-radius: 1px;
    border: 1px solid #242729;
    background-color:  #A3D6D6;
    color : black;
    text-align: left;
    padding: 0px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}
.popover.bottom .arrow {
visibility:hidden;
}

div#popUpDiv .popover {
    margin-top: -2px; 
    max-width: 500px;
    width : auto;
    position:absolute;
}
 #databoxtitle h2  {
   float:left;
 }
 
 .popUpPanel  {
 	float:right;
 }
 
  #popUpDiv {
  font-size:24px ; 
  color:#007a99 ;
  }
  .tolcls {
  	padding:10px 20px;
  	font-weight:bold;
  }
   .tolcls div { padding:4px 0;}
   .top-nav .nwMsg {
    width: 60%;
    float: right;
    padding-top: 12px;
    font-weight: bold;
}
.timer_cnt .datepicker {
	cursor: pointer !important;
}
 .tolcls div { padding:4px 0;}

 .timer_cnt .datepicker {
	cursor: pointer !important;
}
.vehicleidlewn {
	border-radius: 3px;
    height: 15px;
    margin: 11px 0;
    position: absolute;
    right: 27px;
    width: 15px;
}
.noborder{
	border: 0 !important;
}

@media ( min-width : 564px) {
	.daterangepicker {
		width: max-content !important;
	}
}