/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clrflt{clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
*{box-sizing:border-box;}
.clear{clear:both;font-size:1px;line-height:1px;margin:0;padding:0;}
/**************************************************************************************/
a											{color:#000; text-decoration:none; outline:0 none;}
a:hover										{color:#000;  text-decoration:none;}
a:focus										{text-decoration:none;}
h1											{font-size:24px;}
h2											{font-size:22px;}
h3											{font-size:18px;}
h4											{font-size:16px;}
h5											{font-size:14px;}
h6											{font-size:12px;}
/*----------------------------------------------------------------------------------*/
html 										{-webkit-text-size-adjust: 100%;}
body										{color:#b1b1b1; font-family:"Arial", Verdana, Tahoma; font-size:12px;}
.flt_lt										{float:left; display:inline;}
.flt_rt										{float:right !important; display:inline !important;}

/* ---------------------------------------------------------------------------------*/
.row{margin:0;padding:0 !important;}
.last{margin:0 !important;}
header,nav,section,article,aside,footer,hgroup {display: block;}
html{height:100%;}
body{background:#eaeaea;font-family: 'Roboto', sans-serif;height: 100%;/* height: calc(100vh - 40px); */}
.wrapper									{width:100%;display:block;padding:50px 0 0 0;position:relative;}
.container{display:block;margin:0;padding: 0 2%;width: 100%;}
header{display:block;margin:0;padding: 0;position:fixed;top:0;left:0;width:100%;z-index:9999999;background: #fff;box-shadow:0 0px 11px #5A5454;height:50px;}
.logo{display:inline-block;float:left;margin: 6px 0;padding:0;}
.logo a{display:inline-block;margin:0;padding:0;}
.logo a img{width:auto;height:37px;}
nav{display:inline-block;float:right;margin:0;padding:0;}
nav ul{display:inline-block;/* float:right; */margin:0;padding:0;}
nav ul li{display:inline-block;float:left;margin:0;padding:0;position:relative;}
nav ul li a{display:inline-block;margin:0;padding: 17px 25px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #4e4e4e;line-height:16px;position: relative;z-index:99;}
nav ul li a:hover, nav ul li.active a{color:#fff;}
.banner{display:block;margin:0;padding:0;}
.banner_img{display:block;margin:0;padding:0;position:relative;}
.banner_img img{width:100%;height:auto;display:block !important;}
.banner_div{position:absolute;top:0;left:0;width:100%;background:rgba(0,0,0,0.5);height:100%;}
.banner_div_block{height:100%;display: table;width:100%;margin:0;padding:0;}
.banner_cont{display:block;margin:0;padding: 0 8%;height:100%;width:100%;display: table-cell;vertical-align: middle;text-align:center;}
.banner_cont h4{display:block;margin: 0 0 15px;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 32px;color:#fff;line-height: 40px;}
.banner_cont p{display:block;margin: 0 0 13px 0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 16px;color:#fff;line-height: 25px;}
.banner_lgt{width: 40%;display:inline-block;float:left;margin: 60px 0 0 0;padding:0;}
.banner_rgt{width:50%;display:inline-block;float:right;margin:0;padding: 70px 0;}
.banner_lgt img{width:auto;height: 200px;}
.strack_products{display:block;margin:0;padding: 20px 0 30px;background:#fff;background:url('../../../../../ntImages/pattern-product.png') repeat;position:relative;}
.strack_products .container{padding:0;}
.strack_products h2{display:block;margin: 0 0 40px 0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size:35px;color: #f5ad03;line-height: 35px;text-align:center;}
.strack_products_div{display:block;margin:0;padding:0;}
.strack_products_lgt{display:inline-block;float:left;width: 48%;margin: 0 0%;padding: 10px 2%;/*background: #fff; height: 320px; */position:relative;}
.strack_products_lgt small{/* position:absolute; */top:0;left:0;width:100%;height:100%;/* background:rgba(247, 180, 50, 0.6); */}
.strack_products_lgt small img{/* display: block !important; */margin: 0 auto;width: 80%;height: auto;object-fit: contain;display: flex;align-items: center;justify-content: center;float: none;}
.strack_products_rgt{display:inline-block;float:right;width: 42%;margin: 25px 2% 0 0;padding:0;}
.strack_products_rgt h3{display:block;margin: 0 0 15px;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 22px;color:#000;line-height: 22px;}
.strack_products_rgt p{display:block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 15px;color:#000;line-height: 23px;}
.strack_products_rgt ul{display:block;margin: 15px 0 0 0;padding:0;}
.strack_products_rgt ul li{display:block;margin: 0 0 12px;padding: 0 0 0 18px;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 15px;color:#000;line-height: 19px;position:relative;}
.strack_products_rgt ul li:before {content: "";position: absolute;height: 0;width: 0;border: 7px solid transparent;top: 1px;left: 0px;border-left-color: #fdbb20;margin-top: 0;}

.strack_services{display:block;margin:0;padding: 20px 0 20px;background: #fff;position:relative;overflow: inherit;}
.strack_services h2{display:block;margin: 0 0 40px 0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 35px;color: #f5ad03;line-height: 35px;text-align:center;}

.strack_services ul{display:block;margin:0;padding:0;}
.strack_services ul li{display:inline-block;float: none;margin: 0 0 35px 0;padding: 0 0%;width: 100%;text-align:center;}
.strack_services ul li span{width:160px;height:160px;/* border: solid 2px #464973; */border-radius:100%;display:block;margin: 0 auto 20px;padding: 12px;align-items: center;justify-content: center;text-align: center;}


.strack_services ul li span em{display:block;margin: 0 auto;padding:0px 9px;width: 100%;/* height: 100%; *//* border: solid 2px #464973; */border-radius: 100%;display: flex;position: static;}
.strack_services ul li span em img{display:block;margin: 0 auto;padding: 0;width:auto;height: auto;max-width: 100%;max-height:100%;object-fit: contain;/* display: flex; *//* align-items: center; *//* justify-content: center; *//* text-align: center; *//* border: solid 2px #464973; */border-radius: 100%;}
.strack_services ul li h3{display:block;margin: 0 0 10px;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 20px;color: #585757;line-height: 20px;}
.strack_services ul li p{display:block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #555;line-height: 22px;}
.strack_services_div{display:block;margin:0;padding: 30px 0 20px;}
.strack_services_div h2{display:block;margin: 0 0 40px 0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 35px;color:#f5ad03;line-height: 35px;text-align:center;}
.content-block								{display:inline-block;margin:0;padding:0;/* background:#ffffff; *//* border-radius:5px; */width:100%;float:left;/* box-shadow:2px 2px 3px #B3AFAF; */text-align: left;/* min-height: auto !important; *//* border-radius: 5px; *//* height: 140px !important; */}
.content-block span							{display: inline-block;margin: 0 auto 0;padding:0;overflow: hidden;padding: 10px 10px;cursor:pointer;position:relative;height: 100%;/* background: rgba(158, 158, 158, 0.43); */border-radius: 5px 0 0 5px;width: 30%;float: left;background: #8f8f8f;}
.content-block span small					{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:none;border-radius: 5px 5px 0 0;}
.content-block span:hover small				{display:block;}
.content-block span img						{display:block;margin: 15px auto;padding:0;border-radius:5px 5px 0 0;width: auto;height: auto;object-fit: cover;max-width: 100%;max-height: 100%;/* min-height: 300px; */display: flex;align-items: center;justify-content: center;text-align: center;float:none;}
.content-block span em						{display:block;position:absolute;top:0;left:0;width:125px;height:40px;background:url(../ntImages/star-bg.png) no-repeat 18px center #83bc41;font-weight:normal;font-family: 'Roboto', sans-serif;font-size:14px;color:#ffffff;line-height:17px;padding: 13px 0 0 40px;border-radius:5px 0 5px 0;opacity: 1;z-index: 99999;}
.content-block span em:hover				{background:url(../ntImages/star-bg.png) no-repeat 18px center #62902C;}
.content-block h4							{display:block;margin:0 0 8px 0;padding:0px 3% 0;font-weight:700;font-family: 'Roboto', sans-serif;font-size:20px;color: #3a3939;line-height:20px;}
.content-block p							{display:block;margin:0;padding:0 3% 10px;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 13px;color: #525050;line-height: 20px;/* border-bottom:solid 1px #c4c4c4; */}
.post{display:inline-block;float:left;width: 45%;margin: 0 0% 24px;padding: 0;background: #ffffff;box-shadow: 2px 2px 3px #B3AFAF;border-radius: 5px;height: 140px !important;}

.contact-main 								{display:block;margin:0;padding:32px 0 20px;    background:#1e1e1e; position:relative;background:url('../../../../../ntImages/pattern.png') repeat;}
.contact-main em{ position:absolute; top:-54px; display:block;}
.contact-main h2							{display:block;margin:0;text-transform:uppercase; padding:0 0 5px 0;font-weight:700;font-family: 'Roboto', sans-serif;font-size:35px;color:#fff;text-align:center; line-height:35px;}
.contact-block 								{display:block;margin:32px 0 0 0;padding:0;}
.contact-cont 								{display:inline-block;float:left;margin:0;padding:0;width: 34%;}
.contact-block h3 							{display:block;margin:0 0 22px;padding:0;text-transform:uppercase;;font-weight:700;font-family: 'Roboto', sans-serif;font-size:16px;color:#fff; line-height:16px;}
.contact-cont ul 							{display:block;margin:0;padding:0;}
.contact-cont ul li 						{display:block;margin:0 0 7px 0;padding:0;}
.contact-cont ul li a						{display:inline-block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;line-height:14px;}
.contact-cont address 						{display:inline-block;float:left;    width:50%; margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;line-height:23px;}
.contact-cont address a						{margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;line-height:14px;}

.contact-cont ul li:hover a, .contact-cont address a:hover{text-decoration:underline;}
.contact-cont ul li a i 					{margin:0 5px 0 0;}

.contact-form{display:inline-block;float:right !important;margin:0;padding:0;}
.contact-form ul{display:block;margin:0;padding:0;}
.contact-form ul li{position:relative; display:inline-block; margin:0 0 19px 0;padding:0;    width: 100%;}
.contact-form ul li input{border:none;background:none;text-shadow:none;    display: block;width: 100%;margin:0;padding:0 3%;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;
border: none;box-shadow:none;outline:none;border:solid 1px #fff;height: 36px;line-height: 36px;border-radius:5px;}
.contact-form ul li textarea{display:block;border:none;background:none;text-shadow:none;    display: block;width:100%;margin:0;padding:8px 3%;border-radius:5px;    height: auto !important;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;line-height:20px;
border:solid 1px #fff;box-shadow:none;outline:none;    min-height: 95px;resize:none;}
.contact-form input.submit{display:block;margin:0;padding:0;background: #fff;border-radius:2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 17px;color: #090d45;line-height:35px;outline:none;border:solid 1px #fff;width: 120px;float: right;height:36px;}
.contact-form input.submit:hover{background:#fff;color:#03A9F4;}
.contact-form ul.otp{display:none;}
.no_br{border:none !important;}
.height{height:auto !important;}
/*::-webkit-input-placeholder {color: silver;}
:-moz-placeholder {color: silver;  }
::-moz-placeholder { color: silver;  }
:-ms-input-placeholder {  color: silver;  }*/

footer										{display:block;margin:0;padding:12px 0;background:#2f2f2f;}
footer p 									{display:inline-block;float:left;margin:9px 0 0 0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;line-height:14px;}
.social-icons 								{display:inline-block;float:right;margin:0;padding:0;}
.social-icons ul							{display:block;margin:0;padding:0;}
.social-icons ul li							{display:inline-block;float:left;margin:0;padding:0 5px;}
.social-icons ul li a						{display:inline-block;margin:0;padding:0;border-radius:100%;width:30px;height:30px;text-align:center;background: #fff;}
.social-icons ul li a i 					{color: #4f4f4e;font-size: 17px;line-height: 17px;height: 100%;display: flex;text-align: center;align-items: center;justify-content: center;}
.social-icons ul li a:hover 				{    -webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg);transition: all 0.5s ease;}
.social-icons ul li a:hover i{color:#e9b005;} 





.content-block span:before {
    position: absolute;
    right: -2px;
    bottom: -10px;
    width: 50.5%;
    height: 20px;
    content: "";
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-7deg);
    z-index: 8;
    background: #ffffff;
    display: none;
}
.content-block span:after{
	position:absolute;
	left: -2px;
	bottom: -10px;
	width: 50.5%;
	height:20px;
	content:"";
	-webkit-transform:rotate(4deg);
	-moz-transform:rotate(4deg);
	-ms-transform:rotate(4deg);
	-o-transform:rotate(4deg);
	transform: rotate(7deg);
	z-index:8;
	background: #ffffff;
	display: none;
}
/*.strack_services:before{
	position:absolute;
	right:1.5px;
	bottom: -30px;
	width:50.5%;
	height:60px;
	content:"";
	-webkit-transform:rotate(-3deg);
	-moz-transform:rotate(-3deg);
	-ms-transform:rotate(-3deg);
	-o-transform:rotate(-3deg);
	transform: rotate(-5deg);
	z-index:8;
	background: #090d45;
}
.strack_services:after{
	position:absolute;
	left:0;
	bottom: -30px;
	width:50.5%;
	height: 60px;
	content:"";
	-webkit-transform:rotate(3deg);
	-moz-transform:rotate(3deg);
	-ms-transform:rotate(3deg);
	-o-transform:rotate(3deg);
	transform: rotate(5deg);
	z-index:8;
	background: #090d45;
}*/
.strack_services ul li span:hover{background:#fff;}
.strack_services ul li h3:after{border-bottom:solid 1px #ccc;width:50px;}

	nav ul li:before{    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    /* background: #202e31; */
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    -o-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg);
    transform: skewX(-25deg);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;}
	
nav ul li:hover:before, nav ul li.active:before{
    background: #fdc236;border-bottom: solid 3px #c3962a;
}

/*--------------nivo-slider-------------------*/
.nivo-directionNav a {display:block;width:30px;height:30px;background:url(../../../../../ntImages/login/arrows.png) no-repeat;text-indent:-9999px;border:0;opacity: 1;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}
.nivo-controlNav a.active {background-position:0 -22px;}
.nivo-caption a {color:#fff;border-bottom:1px dotted #fff;}
.nivo-controlNav{display:none;}
.nivo-caption a:hover {color:#fff;}
.nivo-directionNav a.nivo-nextNav {background-position:-30px 0;right:15px;}
.nivo-directionNav a.nivo-prevNav {left:15px;}
.nivo-caption {
  color: #FFFFFF;
  min-width: 550px;
  overflow: hidden;
  position: absolute;
  top: 0;
  background:rgba(0,0,0,0.4);
}

.nivo-html-caption {
  display:none;
}
.nivoSlider img{height:auto !important;}


.strack_services em, .strack_products em, .banner em{top: -50px;position:absolute;}
.wrapper a.back{display:block;position:fixed;margin: 0;bottom:20px;right:20px;border: solid 1px #c99927;border-radius: 10px;width: 50px;height: 50px;background: rgb(253, 194, 54);z-index: 9999;top: auto;left: auto;transform: inherit;}
.wrapper a.back i{color:#fff;font-size: 36px;display: flex;text-align: center;align-items: center;justify-content: center;height:90%;}
.wrapper a.back:focus{color:transparent;}

/*.strack_services, .strack_services:before, .strack_services:after{    background: #fbbe2e;}
	.strack_services ul li span{border: solid 2px #e8a504;}*/
	
	
	
	
	
	.main-container {
  padding: 10px 15px;
}
.skyblue {
	background-color: #22c8ff;
}
.deepskyblue {
	background-color: #00bfff;
}
.darkerskyblue {
	background-color: #00a6dd;
}
.carousel-indicators {
	bottom: 0;
}
.carousel-control.right,
.carousel-control.left {
	background-image: none;
}
.carousel .item {

/* height: 100% !important; */

width:100%;
}
.carousel-caption h3,
.carousel .icon-container,
.carousel-caption button {
	background-color: #09c;
}
.carousel-caption h3 {
	padding: .5em;
}
.carousel .icon-container {
	display: inline-block;
	font-size: 25px;
	line-height: 25px;
	padding: 1em;
	text-align: center;
	border-radius: 50%;
}
.carousel-caption button {
	border-color: #00bfff;
	margin-top: 1em; 
}

/* Animation delays */
/*.carousel-caption h3:first-child {
	animation-delay: 1s;
}
.carousel-caption h3:nth-child(2) {
	animation-delay: 2s;
}
.carousel-caption button {
	animation-delay: 3s;
}*/

.carousel-inner > .item > img{width: 100%;height: 100%;max-width: 100%;max-height: 100%;object-fit: cover;display: block;}
.carousel-control{display:block;width:30px;height:30px;background:url(../../../../../ntImages/login/arrows.png) no-repeat !important;text-indent:-9999px;border:0;opacity: 1;-webkit-transition: all 200ms ease-in-out;-moz-transition: all 200ms ease-in-out;-o-transition: all 200ms ease-in-out;transition: all 200ms ease-in-out;}

.carousel-control.right{background-position:-30px 0 !important;right:15px;top:50%;}
.carousel-control.left {left:15px;top:50%;}
/*@-webkit-keyframes zoom {
    from {
    	-webkit-transform: scale(1,1);
    }
    to {
    	-webkit-transform: scale(1.5,1.5);
    }
}


@keyframes zoom {
   from {
        transform: scale(1,1);
   }
   to {
        transform: scale(1.5,1.5);
   }
}


#carousel-example-generic .carousel-inner>.item{
    -webkit-animation: zoom 40s;
    animation: zoom 40s;
}*/



/*---------------Track_page----------------------*/

.wrapper{display:block;}
.wrap_main{display:none;margin:0;padding:40px 0 0;height: 100%;background:#f4f4f4;/* background:#00354b; *//* height: calc(100vh - 40px); */}
.track_page{display:block;margin:0;padding: 0;/*height: 100vh;*/height: calc(100vh - 40px);}
.track_header{display:block;margin:0;padding: 0;position:fixed;top:0;left:0;width:100%;z-index:999;background: #fff;box-shadow: 0 0px 5px #e3e3e3;height:40px;border-bottom: solid 1px #e1e1e1;}
.track_logo{display:inline-block;float:left;margin: 5px 0;padding:0;}
.track_logo a{display:inline-block;margin:0;padding:0;}
.track_logo a img{width:auto;height:30px;}
.track_nav{display:inline-block;float:right;margin:0;padding:0;}
.track_nav ul{display:inline-block;/* float:right; */margin:0;padding:0;}
.track_nav ul li{display:inline-block;float:left;margin:0;padding:0;position:relative;border-left: solid 1px #d4d1d1;}
.track_nav ul li a{display:inline-block;margin:0;padding: 11px 22px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #111769;line-height:16px;position: relative;z-index:99;}
.track_nav ul li a i{color: #737373;font-size:16px;width: 20px;margin: 0;}
.active_veh{color: #000 !important;background: #e0dcdc !important;}
.active_veh i{color: #737373 !important;}
.track_vehicle{display:block;margin:0;padding:0;height: 100%;}
.track_vehicle_lgt{width: 20%;display:inline-block;float:left;margin:0;padding: 0;height: 100%;background: #fff;min-height:200px;overflow-y: auto;background: #fff;border-right: solid 1px #ccc;position: relative;left:0;}
.track_search{display:block;margin:0;padding: 10px 4px;position: fixed;width: 268px;top: 40px;left: 0;/* right: 0; */background: #fff;z-index: 999;/* box-shadow: 0 0 5px #ccc; */}
.track_search input.search{display:inline-block;float:left;width: 85%;margin:0;padding: 0 7px;border: none;height: 30px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;outline:none;background: #ececec;}
.track_search input.search_btn{display:inline-block;float:right;width: 15%;background:url('../../../../../ntImages/search-bg.png') no-repeat center #075f84;height: 30px;border: none;background-size: 21px auto;outline:none;}

.track_search input::-webkit-input-placeholder {color: #555;}
.track_search input::-moz-placeholder {color: #555;}
.track_search input:-ms-input-placeholder {color: #555;}
.track_search input:-moz-placeholder {color: #555;}

.track_veh_list{display:block;margin: 52px 0 0 0;padding: 0 2%;    height:87%;}
.track_veh_list ul{margin:0;height:100%;}
.track_vehicle_lgt p{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 10px;color: #000;line-height: 12px;display:block;text-align:center;padding: 0 2px;margin: 4px 0  0;position: absolute;width: 100%;text-align: center;bottom: 6px;left: 0;z-index: 99999999999;}
.track_vehicle_lgt p a{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 11px;color:#2196F3;line-height: 14px;}


.track_veh_list .panel-default > .panel-heading{background:rgba(26, 129, 173, 0.5);color:#fff;padding: 10px 8px;width: 100%;display: block;height: 34px;}

.track_veh_list .panel-title > a:hover, .panel-title > a:focus{color:#fff;}
.track_veh_list .panel-title > a{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #fff;line-height: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display:  inline-block;width: 140px;}
.track_veh_list .panel-title{display:inline-block;float:left;width:46%;margin:0;padding:0;}
.track_veh_list .panel-heading ul{display:inline-block;float:right;width: 52%;margin:0;padding:0;}
.track_veh_list .panel-heading ul li{display:inline-block;float: right;margin: 0 0 0 5px;padding:0;position:relative;}
.track_veh_list .panel-heading ul li a{display:inline-block;margin:0;padding:0;}
.track_veh_list .panel-heading ul li a i{color: #fff;font-size: 15px;}
.track_veh_list .panel-heading ul li a img{width:auto;height:18px;}
.track_veh_list .panel-body{padding:0;}
.veh_list_cont{display:block;margin:0;padding:7px 8px;}
.veh_list_cont ul{display:block;margin:0;padding:0;}
.veh_list_cont ul li{display:block;margin:0 0 10px;padding:0;background: #f3f3f3;box-shadow: 2px 2px 3px #B3AFAF;}
.veh_cont_lgt{width:50%;display:inline-block;float:left;margin:0;padding:0;}
.veh_cont_lgt img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:cover;}
.veh_cont_rgt{width:50%;display:inline-block;float:right;margin:0;padding: 8px 3%;text-align: center;}
.veh_cont_rgt span{display:block;margin: 0 0 5px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #000;line-height: 16px;}
.veh_cont_rgt small{display:block;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 13px;color: #000;line-height: 14px;}


.car_color1 .panel-heading{background: rgba(26, 129, 173, 0.5) !Important;}
.car_color2 .panel-heading{background:rgba(63, 167, 67, 0.57) !Important;}
.car_color3 .panel-heading{background: rgba(239, 168, 0, 0.61) !Important;}
.car_color4 .panel-heading{background: rgba(108, 107, 107, 0.5) !important;}


.track_vehicle_rgt{width: 80%;display:inline-block;float:right;margin:0;padding: 0;background:#fff;position: relative;}
.track_veh_map{display:block;margin:0;padding:0;width: 100%;height: 100%;}
.track_veh_map img{width: 100%;height: 100%;/* max-width: 100%; *//* max-height: 100%; *//* object-fit: cover; */}
.veh_report{display:block;margin: 0 8px 10px;padding: 5px 6px;background: #bcbcbc;border-radius: 2px;}
.veh_report_pick{display:inline-block;float:left;margin:0;padding:0;}
.veh_report_pick a.prev{display:inline-block;float:left;margin: 5px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;background: none !important;border: none;width: auto;}
.veh_report_pick a.next{display:inline-block;float:left;margin: 5px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;background: none !important;border: none;width: auto;}
.veh_report_pick span{display:inline-block;float:left;margin: 0 7px;padding:0;}
.veh_report_pick span input.date_pick{display:block;margin:0;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 22px;width:100px;background: #fff;border: none;height: 22px;text-align: center;}


.veh_report a.report{display:inline-block;float:right;margin: 5px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;}
.track_veh_list .panel-group .panel{padding: 0;border: none;margin: 0;cursor:pointer;}
.track_veh_list .collapse{padding: 0;border: solid 1px #ccc;border-top: none;border-radius: 0 0 5px 5px;margin: 0 0 6px 0;background: #ececec;}
.track_report{display:block;margin: 0 1%;padding: 10px 0;background: rgba(26, 131, 175, 0.8);position: absolute;bottom: 20px;width: 98%;}

.track_report ul{display:inline-block;width:100%;margin:0;padding:0;font-size:0;}

.track_report ul li{display:inline-block;float:left;width:22%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align: center;}
.track_report ul li small{display:block;float:none;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 17px;color: #fff;line-height:16px;margin: 0 0 8px 0;}
.track_report ul li em{display:block;float:none;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #fff;line-height:14px;font-style:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.replay_btn{display:block;margin:0;padding:0;position:absolute;top: 12px;right: 3%;}
.replay_btn a{display:inline-block;float:left;margin: 0 9px;padding:0;color: #fff;}
.replay_btn a i{font-size:14px;color: #fff;}
.replay_btn h4{display:block;margin: 0 0 6px 0;padding:0;font-weight: 900;font-family: 'Roboto', sans-serif;font-size: 17px;color: #fff;line-height: 16px;}

.scroll_div {

 overflow: hidden;
 position: relative;
}
.scroll_div em {
 /*position: absolute;*/
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);	
 -moz-animation: scroll_div 10s linear infinite;
 -webkit-animation: scroll_div 10s linear infinite;
 animation: scroll_div 10s linear infinite;
 white-space: inherit !important;    text-overflow: inherit !important;    overflow: visible !important;
}

@-moz-keyframes scroll_div {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll_div {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll_div {
 0%   { 
 -moz-transform: translateX(100%);
 -webkit-transform: translateX(100%);
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); 
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%); 
 }
}

.scroll_bar {

 overflow: hidden;
 position: relative;overflow-y: auto !important;
}
.scroll_bar em {
 /*position: absolute;*/
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);	
 -moz-animation: scroll_bar 10s linear infinite;
 -webkit-animation: scroll_bar 10s linear infinite;
 animation: scroll_bar 10s linear infinite;
 white-space: inherit !important;    text-overflow: inherit !important;    overflow: visible !important;
}

@-moz-keyframes scroll_bar {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll_bar {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll_bar {
 0%   { 
 -moz-transform: translateX(100%);
 -webkit-transform: translateX(100%);
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); 
 -webkit-transform: translateX(-100%);
 transform: translateX(-100%); 
 }
}

.scroll_bar::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);background-color: #F5F5F5;}
.scroll_bar::-webkit-scrollbar{width: 4px;background-color: #F5F5F5;}
.scroll_bar::-webkit-scrollbar-thumb{background: #555;}

/*--------------date-picker---------------*/
.datepicker th.datepicker-switch, .datepicker th.datepicker-switch:hover{background: #3F51B5 !important;color: #fff;font-size: 15px;font-weight: 700;font-family: 'Roboto', sans-serif;}

.datepicker th{color:#000;font-size: 16px;font-weight: 700;font-family: 'Roboto', sans-serif;}
.table-condensed > thead > tr > th{font-weight:700;}
.datepicker table tr td.day{font-weight:400;font-size:14px;font-family: 'Roboto', sans-serif;color:#000;}
.datepicker table tr td.old, .datepicker table tr td.new {
    color: #999999;
}
.datepicker table tr td.active{color:#fff;}

.table-condensed > thead > tr > th.prev, .table-condensed > thead > tr > th.next{font-size:14px;}

/*--------------Reports_page---------------*/
.track_reports_page{display:block;margin:0;padding:0;height: 100%;}
.track_report_list{display:block;margin:0;padding: 0;height: 100vh;overflow-x: hidden;height: calc(100vh - 40px);}
.track_report_list ul.reports_list_nav{width: 17%;display:inline-block;float:left;margin:0;padding:0;height:100vh;background: #fff;border-right: solid 1px #f4f4f4;min-height: 600px;overflow-y: auto;height: calc(100vh - 40px);}
.track_report_list .tab-content{width: 83%;display:inline-block;float:right;margin:0;padding: 0;background: #f4f4f4;height:100vh;min-height: 560px;height: calc(100vh - 40px);max-height: 370px;overflow-y: auto;}

.track_report_list ul.reports_list_nav li{display:block;float:none;margin:0;padding:0;}

.track_report_list ul.reports_list_nav li.active > a,
.track_report_list ul.reports_list_nav li.active > a:hover,
.track_report_list ul.reports_list_nav li.active > a:focus {color: #fff;cursor: default;background:#807e7e;border: none;border-bottom-color: transparent;border-radius: 0;font-weight: 700;}
.track_report_list ul.reports_list_nav  li.active > a i{color:#fff;}
.track_report_list ul.reports_list_nav > li > a {position: relative;display: block;padding: 10px 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;color:#484747;line-height:16px;margin: 0;font-family: 'Simonetta', cursive;font-family: 'Roboto', sans-serif;}
.track_report_list ul.reports_list_nav > li > a i{font-size: 16px;color: #484747;margin: 0 14px 0 0;width: 17px;text-align: center;}
.track_report_list ul.reports_list_nav li ul{display:block;margin:0;padding:0;width: 100%;height: auto;min-height: auto;position: static;float: none;background: none;border: none;}
.track_report_list ul.reports_list_nav > li ul li{display:block;margin:0;padding:0;}
.track_report_list ul.reports_list_nav > li ul li a{display:block;margin:0;padding:10px 2% 10px 24%;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;position: relative;color:#4a4848;}
.track_report_list ul.reports_list_nav li ul li.active > a,
.track_report_list ul.reports_list_nav li ul li.active > a:hover,
.track_report_list ul.reports_list_nav li ul li.active > a:focus{background:#d8d8d8;color:#4a4848;}


.reports_div{display:block;margin:0;padding:0;height: 100%;position: relative;}
.reports_div_top{display: inline-block;margin:0;padding: 0;/* width: 100%; *//* background: #66a6d9; *//* background: #e9edf2; *//* border-bottom: 1px solid #dee2e8; */position: static;top:155px;left: 0;float: left;}
.reports_div_top ul{display:inline-block;float:left;margin: 0 0 0 1%;padding:0;/* width: 100%; */height: auto;min-height: inherit;width: 100%;background: none;border: none;overflow-y: inherit;}
.reports_div_top ul li{display:inline-block;float:left;margin: 0 14px 0 0;padding:0;}
.reports_div_top a.submit{display:inline-block;float:left;margin:0;padding:0;background: #fff;height: 34px;width: 90px;text-align: center;border-radius: 6px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 34px;text-transform: capitalize;color: #2182d0;text-shadow: none;border: 1px solid #dce1e4;}

.reports_div_top .bootstrap-select>.btn {width: 100%;padding-right: 25px;background: #fff;border-radius: 6px;border: none;font-weight: 400;color: #333;font-size: 14px;font-family: 'Roboto', sans-serif;padding: 5px 8px;border: 1px solid #dce1e4;}
.reports_div_top .bootstrap-select.btn-group .dropdown-menu li{float:none;width:100%;}
.reports_div_top .dropdown-menu > li > a {padding:9px 12px;font-weight: 400;color: #333;font-size: 14px;font-family: 'Roboto', sans-serif;}
.reports_div_top .dropdown-menu > .active > a span{color:#000;}
.reports_div_top .bs-searchbox input.form-control{padding: 4px 8px;height:28px;}
.reports_div_btm{display:block;margin: 0;padding: 0;/* background: #e1e1e1; height:85%;*/}

.reports_div_info{display:block;margin: 0 1%;padding: 0;width: 98%;}
.report_calendar{display:inline-block;float:left;margin: 0px 33px 0 0;padding:0;}
.report_calendar a.prev{display:inline-block;float:left;margin: 8px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;width: auto;background: none;border: none;}
.report_calendar a.next{display:inline-block;float:left;margin: 8px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;width: auto;background: none;border: none;}
.report_calendar span{display:inline-block;float:left;margin: 0 7px;padding:0;}
.report_calendar span input.date_pick{display:block;margin:0;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;width: 140px;background: url(../../../../../ntImages/calendar-bg.png) no-repeat 95% center #fff;border: none;height: 30px;text-align: left;outline: none;border-radius: 5px;border: 1px solid #dce1e4;}
.report_calendar span input.inputField{display:block;margin:0;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;width: 140px;border: none;height: 30px;text-align: left;outline: none;border-radius: 5px;border: 1px solid #dce1e4;}
.report_calendar small{display:inline-block;float:left;margin: 0 7px;padding:0;}
.report_calendar small input.time_pick{display:block;margin:0;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;width: 130px;background: url('../../../../../ntImages/clock-bg.png') no-repeat 95% center #fff;border: none;height: 30px;text-align: left;outline: none;border: none;box-shadow: none;border-radius: 5px;border-radius: 5px;border: 1px solid #dce1e4;}
.report_calendar label{display:inline-block;float:left;margin: 7px 2px 0 3px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height:14px;}
.report_calendar a.submit{display:inline-block;float:left;margin: 0px 0 0 5px;padding:0;background: #fff;height: 30px;width: 85px;text-align: center;border-radius: 5px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 30px;text-transform: uppercase;color: #0b62a4;text-shadow: none;border: 1px solid #dce1e4;}
.report_calendar .custom-combobox{width: 90%;}

.report_dist{display:inline-block;float:left;margin: 8px 0 0 0;padding:0;}
.report_dist label{display:inline-block;float:left;margin: 0 11px 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height:14px;}
.report_dist small{display:inline-block;float:left;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #4f4e4e;line-height:14px;}
.report_download{display:inline-block;float:right;margin: 0;padding:0;}
.report_download label{display:inline-block;float:left;margin:2px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #000;line-height: 15px;}
.report_download ul{display:inline-block;float:left;margin:0;padding:0;width: auto;height: auto;min-height: inherit;background: none;border: none;}
.report_download ul li{display:inline-block;float:left;margin: 0;padding:0;}
.report_download ul li a{display:inline-block;margin:0;padding: 8px 11px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 13px;color: #fff;line-height: 13px;background: #c9302c;}
.report_download ul li a i{display:inline-block;margin: 0 7px 0 0;padding:0;font-size: 13px;}
.report_download ul li a.excel i{color: #fff;}
.report_download ul li a.pdf i{color:#fff;}
.report_download ul li a.excel{background: #c9302c;}
.report_download ul li a.pdf{background:#f9b615;}
.report_download ul li a.view{font-weight:700;font-family: 'Roboto', sans-serif;font-size: 16px;color:#3F51B5;line-height:16px;font-family: 'Roboto', sans-serif;}
.reports_veh_tables{display:block;margin: 13px 1%;padding: 0;width:98%;/* background: #fff; height:76%;overflow-y: auto; box-shadow: 0 2px 2px 0 rgba(0,0,0,.05), 0 3px 1px -2px rgba(0,0,0,.08), 0 1px 5px 0 rgba(0,0,0,.08); */}
#summary_list .reports_veh_tables{margin:13px 1%;}
#history_list .reports_veh_tables{padding: 7px 0 0 0;}
/*---------------data-tabel start------------------------*/
.table_list{display:block;margin:0;padding: 0;}
.table_list th {position: relative;min-height: 41px;}
.table_list table.dataTable{border: solid 1px #ccc !important;padding: 0;}
.table_list th span {display: block;position: absolute;left: 0;right: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-family: 'Roboto', sans-serif;font-size: 17px;line-height: 17px;color: #fff;}
.table_list table.dataTable.nowrap th{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 18px;color: #646464 !IMPORTANT;margin:0;text-align: center;white-space: normal;word-wrap: break-word;overflow: hidden;/* font-family: 'Simonetta', cursive; */padding: 10px 8px;}

.table_list .dataTables_filter label{font-weight:400;font-family: 'Roboto', sans-serif;font-size:15px;line-height:15px;color:#000;margin:0;padding:0;}
.table_list .dataTables_filter input{border:none;box-shadow:none;outline:none;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;line-height:25px;color:#000;height:25px;padding:0 5px;background:#f0f0f0;    margin: 0 0 0 10px;}
.table_list .dataTables_filter{margin:0 0 20px;}
.table_list table.dataTable tbody td{font-weight:400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 18px;color:#000;padding: 5px 8px;text-align: center;white-space: normal;word-wrap: break-word;overflow: hidden;/* padding: 10px 12px; */}
.table_list table.dataTable tbody td em{font-weight:400;font-family: 'Roboto', sans-serif;font-size: 13px;line-height: 14px;color:#fff;padding: 3px 4px;background: #F44336;width: 90% !important;display: block;margin: 0 auto;text-transform: uppercase;}
.table_list table.dataTable tbody td em.work_clr{background:#4CAF50 !important;}
.table_list .dataTables_info{font-weight:700;font-family: 'Roboto', sans-serif;font-size:14px;line-height:14px;color:#000;text-shadow:none;    padding: 15px 0 0 0;}
.table_list .dataTables_length label{font-weight:400;font-family: 'Roboto', sans-serif;font-size:15px;line-height:15px;color:#000;margin:0;padding:0;}
.table_list .dataTables_length select{width: 60px;text-align: center;padding: 2px 1px;font-weight:400;font-family: 'Roboto', sans-serif;font-size:15px;line-height:15px;color:#000;margin:0 3px;}
.table_list .dataTables_paginate .paginate_button{font-weight:700;font-family: 'Roboto', sans-serif;font-size:15px;line-height:15px;color:#000;}
.table_list table.dataTable thead{/* background: #ececec; */}
.table_list  .dataTables_paginate .paginate_button.current, .table_list  .dataTables_paginate .paginate_button.current:hover{    background: #4b4a4a;    color: #fff !important;border: 1px solid #979797;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;line-height:14px;}
.table_list table.dataTable thead th, .table_list table.dataTable thead td{border-bottom: 2px solid #c3c3c3;}

.table_list table.dataTable>tbody>tr.child ul{text-align:left;    width: 100%;}
.table_list table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child, .table_list table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child{padding-left:35px;}
.table_list table.dataTable>tbody>tr.child ul li{padding:10px 1%;}
.table_list table.dataTable>tbody>tr.child td.child{    padding: 10px 2% !important;}
.table_list table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, .table_list table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{line-height:15px;top:11px;}
.table_list .dataTables_wrapper .dataTables_paginate{padding:10px 0 0 0;}


.table_list .label-info{background: #5bc0de;padding: 5px 2px;width: 100px !Important;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;line-height:14px !Important;color:#fff;text-align:center;float: left;}
.table_list table.dataTable thead tdselect{border: solid 1px #000;font-weight:400;font-family: 'Roboto', sans-serif; font-size: 14px;background: #fff;padding: 4px 4px;line-height: 14px;color:#999;}

.table_list table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, .table_list table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before{top:16px;}
.dataTables_wrapper.no-footer .dataTables_scrollBody{border:none;    overflow-y: auto;
    max-height: 53vh}
.bootstrap-select.btn-group .dropdown-menu.inner{overflow-x:hidden;}
/*---------------data-tabel end------------------------*/
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover{background:#fff;}
.dataTables_length, .dataTables_filter, .dataTables_info, .dataTables_paginate{display:none;}
.history_location{display:inline-block;float:left;margin: 27px 0 0 0;padding:0;width: 72%;}
.history_idling{display:inline-block;float: right;margin: 0px 0 0 0;padding:0;width: 26%;}
.table_list h5{display:block;margin:0 0 10px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 18px;color: #0b62a4;line-height:18px;text-align: center;font-family: 'Simonetta', cursive;}
#history_list, #stop_list, #multiple_days_list, #destination_list, #time_base, #analytic_list, #veh_status_list {display:none;}


.bootstrap-timepicker-widget table tr td:nth-last-child(1){display:none;}


.bootstrap-timepicker-widget table td span.glyphicon-chevron-up, .bootstrap-timepicker-widget table td span.glyphicon-chevron-down {
    cursor: pointer;
    padding: 18px;
    width: 28%;
    border: 1px solid #ccc;
    margin: auto;
    background:url(../ntImages/arrow-time.png) no-repeat #e1e1e1;
    border-radius: 5px;
}
.bootstrap-timepicker-widget table td span.glyphicon-chevron-up, .bootstrap-timepicker-widget table td span.glyphicon-chevron-down {
    width: 20px !important;
    height: 22px !important;
    background-size: 14px auto;
    padding: 12px 13px;
}
.bootstrap-timepicker-widget table td span.glyphicon-chevron-up {
    background-position: 50% -50%;
}
.bootstrap-timepicker-widget table td span.glyphicon-chevron-down{
    background-position: 50% 150%;
}
.bootstrap-timepicker-widget table td a{background:none !important;border:none !important;font-size:0;}
.bootstrap-timepicker-widget table td{font-size:15px;color:#000;    height: 20px;}


.time_base_div{padding:0;/* background: #fff; */height: 100%;}

.time_base_div .report_calendar span input.date_pick{background: url(../../../../../ntImages/calendar-bg.png) no-repeat 95% center #fff;}
.time_base_div .report_calendar small input.time_pick{background: url(../../../../../ntImages/clock-bg.png) no-repeat 95% center #fff;/* border-radius: 0; */}
.time_base_div p{font-weight:700;font-family: 'Roboto', sans-serif;font-size: 16px;color:#000;line-height:16px;display:block;margin: 42px 20% 0 0;padding:0;text-align: center;}
.analytic_tabs{    display: inline-block;float: left;margin: 27px 0 0 0;padding: 0;width: 72%;}
.analytic_tabs ul.nav-tabs{width:100% !important;display: block;float: none;margin: 0 0 0px;padding: 0;height: auto !important;background: none;border: none;min-height:inherit;}

.analytic_tabs .tab-content{width: 100%;display:inline-block;/* float:right; */margin: 0;padding: 10px 1%;background: #fff;/* height: 98%; */border: none;height: 85%;    max-height: 50vh;
    overflow-y: auto;    min-height: inherit;}
.analytic_tabs .nav-tabs > li{margin: 0 5px 0 0;padding:0;float: left;display: inline-block;height: 34px;}
.analytic_tabs .nav-tabs > li.active > a,
.analytic_tabs .nav-tabs > li.active > a:hover,
.analytic_tabs .nav-tabs > li.active > a:focus {color: #5b5858;cursor: default;background: #fff;border: none;border-bottom-color: transparent;border-radius: 0;border-radius: 2px;}
.analytic_tabs .nav > li > a {position: relative;display: block;padding: 10px 20px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #5b5858;line-height:16px;margin: 0;background: #e4e4e4;border-radius: 2px 2px 0 0;height: 34px;/* font-family: 'Simonetta', cursive; */}

.veh_status_report{display:block;margin:0;padding: 15px 1%;/* background:#fff; */height: 100%;}
.veh_status_top{display:block;margin:0 0 30px 0;padding: 0;}
.veh_status_top ul{display:block;margin:0;padding:0;width: 100%;height: auto;min-height: inherit;background: none;border: none;overflow-y: inherit;}
.veh_status_top ul li{display:inline-block;float:left;width: 23%;margin: 0 1%;padding:0;text-align: center;height: 90px;border-radius: 4px;position: relative;}

.veh_status_top ul li span{display: inline-block;margin: 0 auto 0;padding:0;width: 50%;height: auto;/* background:blue; */border-radius:100%;text-align: center;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;line-height: 110px;float: right;height: 100%;}
.veh_status_top ul li em{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;color: #fff;line-height: 16px;position: absolute;top: 20px;right: 0;width: 50%;}
.veh_status_top ul li span em{display: block;margin: 0 auto 0;padding:0;text-align: center;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;line-height: 16px;}
.veh_status_top ul li small{display: inline-block;margin:0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #fff;line-height: 90px;float: left;height: 100%;width: 50%;position:relative;}
.veh_status_top ul li small i{color:#fff;font-size: 57px;line-height: 90px;position: relative;z-index: 9999999;}
.total_color{background:#68dff0 !important;}
.run_color{background:#a9d96c !important;}
.halt_color{background: #ffb848 !important;}
.issue_color{background:#ff865c !important;}
.veh_status_btm{display:block;margin:0;padding:0;}

.veh_status_tabs{display: inline-block;margin:0;padding: 0;width: 100%;}
.veh_status_tabs ul.nav-tabs{width: 100%;display: block;float: none;margin: 0 0 0px;padding:0;height: auto;background: none;border: none;min-height:inherit;    overflow-y:inherit !important;}
.veh_status_tabs .tab-content{width: 100%;display:inline-block;/* float:right; */margin: 0;padding: 0;background: #ffffff;/* height: 98%; *//* border: aliceblue; */height: 63%;overflow-y: auto;    min-height: inherit;}
.veh_status_tabs .nav-tabs > li{margin: 0 5px 0 0;padding:0;float: left;display: inline-block;height: 34px;}
.veh_status_tabs .nav-tabs > li.active > a,
.veh_status_tabs .nav-tabs > li.active > a:hover,
.veh_status_tabs .nav-tabs > li.active > a:focus {color: #424141;cursor: default;background: #fff;border: none;border-bottom-color: transparent;border-radius: 0;border-radius: 2px;}
.veh_status_tabs .nav > li > a {position: relative;display: block;padding: 10px 20px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #646464;line-height:16px;margin: 0;background: #e4e4e4;border-radius: 2px;height: 35px;/* font-family: 'Simonetta', cursive; */}
.halt_tab_list thead{display:none;}
.veh_status_tabs .dataTables_wrapper.no-footer .dataTables_scrollBody{height:auto !important;}
.all_reports_div{display:block !important;}
.all_reports_div .reports_veh_tables{margin:0;    width: 100%;}
.veh_status_btm a.pdf_download{display:block;float:right;margin:0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;}
.veh_status_btm a.pdf_download i{color:#da251c;font-size:14px;    margin: 0 9px 0 0;}



.vehicle_settings_div{display: inline-block;margin:0;padding:0;width: 100%;height:84%;overflow-y: auto;}
.vehicle_settings_div ul{display: inline-block;margin:0 0 15px 0 ;padding:0;width: 100%;background: none;border: none;height: auto;min-height: inherit;}
.vehicle_settings_div ul li{display: inline-block;margin:0;padding:12px 2%;width: 100%;position: relative;    min-height: 72px;}
.vehicle_settings_div ul li label{display:inline-block;float: none;margin: 0 0 10px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;width: 100%;}
.vehicle_settings_div ul li input.check_box{display:inline-block;float: right;margin:0;padding:0;position: static;}
.vehicle_settings_div ul li p{display:block;margin: 5px 0 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height: 18px;width: 78%;}
.vehicle_settings_div ul li input.input_txt{display:inline-block;float: right;margin:0;padding: 5px 10px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #868383;line-height: 16px;width: 150px;background: #c2c2c2;outline:none;border:none;position:absolute;top:10px;right: 40px;/* display: inline-block; */float: right;margin: 0;padding: 4px 5px;position: absolute;top: 12px;right: 2%;background: #fff;border: none;outline: none;border: solid 1px #ccc;border-radius: 4px;width: 130px;}
.checkbox{display:block;margin:0;padding:0;}

.vehicle_settings_div input.set_btn{display:block;float:none;margin: 10px auto 0;padding:0;background: #2182d0;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #fff;text-shadow: none;border: none;}
#veh_details_multiple_all_tab .reports_veh_tables{height:auto;overflow-y:inherit;}
.vehicle_settings_div ul li:nth-child(2n){background: #fff;}
.veh_set_radio{display: inline-block;margin: 16px 0 0;padding: 0 1.5%;width: 100%;}
.veh_set_radio label{display:inline-block !important;float: left !important;margin: 0 60px 0 0 !important;padding: 0 !important;font-weight: 700 !important;font-family: 'Roboto', sans-serif !important;font-size:14px !important;color: #000 !important;line-height:14px !important;width:auto !important;}
.veh_set_radio  .radio-inline input[type="radio"]{    display: inline-block;margin: 0 0 0 -19px;float: left;padding: 0;}
/*------------Login-page-------------*/
.login_dropdown{display:block;float:right;position:relative;}
.login_menu{padding:13px 0 0 0 !important;position:absolute;top: 55px;right: 6px;width:275px;background:#ffffff;z-index:99999999;border: solid 1px #888585;box-shadow: 0 0 10px #2b2b2b;    left: auto;}
.login_dropdown a.login	{padding: 17px 25px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #4e4e4e;
    line-height: 16px;display:block;margin:0;}

.login_menu a.caret-menu{position:absolute;top: -10px;right:25px;}
.login_menu ul{padding:0 4%;display: inline-block;width: 100%;}
.login_menu ul li{display: inline-block;margin: 6px 0;padding: 0 10px;background: #ececec;width: 100%;}
.login_menu ul li small{width: 25px;height:34px;display:inline-block;float:left;margin:0;padding:0;}
.login_menu ul li small i{font-size:17px;line-height:34px;color: #4d54bb;} 					
.login_menu ul li input.login_txt{display: inline-block;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height: 34px;background: none;border: none;float: left;width: 88%;outline: none;}
.login_forgot{display:block;margin:0;padding:0;}
.login_forgot .checkbox{display:inline-block;float:left;width:50%;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #393838;line-height:14px;}
.login_forgot a.forgot_pwd{display:inline-block;float:right;width:50%;margin:0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size:14px;color: #393838;line-height:14px;text-align: right;text-shadow: none;}

.no_clr{background:none !important;padding:0 !important;}
.login_forgot .checkbox input[type="checkbox"]{display: inline-block;margin: 0 0 0 -19px;}
.login_btns{border-top:1px solid #e5e7e7;background: #ececec;display:block;padding: 14px 0 14px 0;margin:5px 0 0 0;text-align:center;}
.login_forgot .checkbox label{font-weight: 700;font-family: 'Roboto', sans-serif;font-size:14px;color: #393838;line-height:14px;}
.login_btns a.login_btn{font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;line-height:16px;font-weight:700;display:block;padding:8px 13px;margin: 0 7px;border: 1px solid #7d80bb;width:100px;display:inline-block;background:#686dc0;}
.login_btns a.demo_btn{font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;line-height:16px;font-weight:700;display:block;padding:8px 13px;margin: 0 7px;border: 1px solid #7d80bb;width:100px;display:inline-block;background:#686dc0;}
.login_btns a.sign_btn{font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;line-height:16px;font-weight:700;display:block;padding:8px 13px;margin: 0 7px;border: 1px solid #7d80bb;width:100px;display:inline-block;background: #686dc0;}
.login_btns p{display:block;margin: 12px 0 0 0;padding:0 3px;text-align:center;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height:14px;font-weight:400;}
.login_btns p a{margin: 0 0 0 4px;padding:0;font-family: 'Roboto', sans-serif;font-size: 14px;color: #131866;line-height:14px;font-weight:700;}
.login_menu ul li input::-webkit-input-placeholder {color: #555;}
.login_menu ul li input:-moz-placeholder {color: #555;  }
.login_menu ul li input::-moz-placeholder { color: #555;  }
.login_menu ul li input:-ms-input-placeholder {  color: #555;  }
.login_menu ul li.forgot_txt  input{    height: 30px;line-height:30px;width:100%;}


.forgot_radio{display:inline-block;width:100%;margin:0;padding:0;text-align:center;}
.forgot_radio .radio{display:inline-block;margin:0 5px;padding:0;width: 39%;}
.forgot_radio .radio label{font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height:14px;font-weight:400;}
.forgot_radio .radio input[type="radio"]{display: inline-block;margin: 0 0 0 -20px;}

#slider12a .slider-track-high, #slider12bSlider .slider-track-high, #slider12cSlider .slider-track-high{background: #F44336;}
#slider12a .slider-selection, #slider12bSlider .slider-selection, #slider12cSlider .slider-selection  {background: #4CAF50;}
#slider12cSlider .slider-selection {background: #c5c5c5;}


#slider12c .slider-track-low {background:#4CAF50;}
#slider12c .slider-selection {background: #F44336;}
#slider12c .slider-track-high {background: #CC0099;} 

/* #slider12c .slider-track-high {background: #4CAF50;}
#slider12c .slider-track-low {background:#F44336;}
#slider12c .slider-selection {background: #c5c5c5;} */

.slider.slider-horizontal{float:right;position: absolute;top: 40px;right: 40px;}

.tooltip.in{opacity:1 !important;}

.tooltip{opacity:1 !important;}



.onoffswitch {
    position: relative;
    width: 65px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select: none;
    float: right;
    position: absolute;
    top: 10px;
    right: 40px;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #999999;
    border-radius: 20px;
    margin: 0 !important;
    width: 100% !important;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block;
    float: left;
    width: 50%;
    height: 26px;
    padding: 0;
    line-height: 26px;
    font-size: 14px;
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "ON";
    padding-left: 10px;
    background-color: #4caf50;
    color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "OFF";
    padding-right: 8px;
    background-color: #de1709;
    color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    display: block;
    width: 27px;
    margin: 1.5px;
    background: #FFFFFF;
    position: absolute;
    top: -1px;
    bottom: 0;
    right: 37px;
    border: 1px solid #999999;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}
.tooltip-min {display:none !important;}
.demo_menu{display:none;}

.gm-style img{width:auto;height:auto;}

/*.veh_list_cont table tbody tr td:nth-child(1){width: 50%;position: absolute;top: 3px;left: 0;text-align: center !important;background: url('../ntImages/track-bg1.png') no-repeat center;width: 38%;height: 50px;background-size: 70px auto;font-size: 0;}*/

.veh_list_cont table tbody tr td{display: inline-block;margin:0;padding: 9px 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 13px;color: #000;line-height: 16px;width: 50%;text-align: center !important;float: left;}
.veh_list_cont table tbody tr{display: inline-block;margin:0 0 10px;padding: 0;background: #fff !important;box-shadow: 2px 2px 3px #B3AFAF;position: relative;width: 100%;}
.veh_list_cont table{width:100%;display: inline-block;width: 100%;}
.veh_list_cont table tbody tr td:nth-child(1){width:100%;display:inline-block;float:none;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: rgba(188, 188, 188, 0.47);padding: 8px 0;margin: 0 0;}
.veh_list_cont table tbody tr td:nth-child(1) small{display:block;margin: 0 5px;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 13px;color: #000;line-height: 16px;text-align: center;-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);-moz-animation: scroll_div 10s linear infinite;-webkit-animation: scroll_div 10s linear infinite;animation: scroll_div 10s linear infinite;white-space: inherit !important;text-overflow: inherit !important;overflow: visible !important;}

/*----------Date-picker-------------*/

.ui-datepicker-title{text-align: center;color: #fff;font-size: 18px;font-weight: 700;padding:5px 0;    font-family: 'Roboto', sans-serif;}
.ui-datepicker{background:#fff;margin: 0 0 0 -3px;}
.ui-datepicker-header{position:relative;padding: 0px 8px !important;display: block;background: rgba(102, 166, 217, 0.65);}
.ui-datepicker-prev{position:absolute;top: 11px;left: 1%;font-size:0;background:url('../../../../../ntImages/prev-bg.png') no-repeat;width: 11px;height: 18px;background-size: 7px auto;}
.ui-datepicker-next{position:absolute;top:11px;left:auto;right: 1%;font-size:0;background:url('../../../../../ntImages/next-bg.png') no-repeat;width: 11px;height: 18px;background-size: 7px auto;}
.ui-datepicker-calendar{/*display:block !important;*/padding: 8px 8px 0;border: solid 1px #9bc5e6;}
.ui-datepicker-calendar thead tr th{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #000;line-height: 16px;padding: 6px 7px;}
.ui-datepicker-calendar thead {margin:0 0 4px;width:100%;}
.ui-datepicker-calendar tbody tr td{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;text-align: center;padding: 6px 7px;}
.ui-datepicker-calendar tbody tr td a{display:block;text-align:center;padding:0;}
.ui-datepicker-calendar tbody tr td a.ui-state-active{background: #ecac10;border-radius: 4px;color: #fff;/* height: 100%; */padding: 4px 7px;    border: none !important;}




.amaran-wrapper {-webkit-box-sizing:border-box;box-sizing:border-box}.amaran-wrapper{position:fixed}.amaran-wrapper.top{top:0;bottom:auto}.amaran-wrapper.bottom{bottom:0;top:auto;z-index:99999;}.amaran-wrapper.left{left:0}.amaran-wrapper.right{right:0;left:auto;z-index: 99999;}.amaran-wrapper.center{left:0;right:auto}.amaran{width: 300px;background:rgb(206, 146, 4);padding: 2px;color:#fff;border-radius:4px;display:none;font-size:13px;cursor:pointer;position:relative;text-align:left;min-height:50px;margin:10px;}.amaran-close{position:absolute;top:2px;right:2px;display:block;width:20px;height:20px}.amaran-close:before{content:"x";color:#fff;font-weight:700;font-family: 'Roboto', sans-serif;font-size:18px}

.amaran.user{width:300px;min-height:100px;background:#f3f3f3;color:#222;margin:15px;font-family: 'Roboto', sans-serif;font-size:13px;font-weight:300;-webkit-box-shadow:1px 1px 1px #000;box-shadow:1px 1px 1px #000;border-radius:0;padding:0}.amaran.user .icon{width:100px;height:100px;position:relative;background:#000;float:left}.amaran.user img{max-width:100%}.amaran.user .info{padding-left:110px;padding-top:10px}.amaran.user b{display:block;font-size:16px}.amaran.user.blue{background:#2773ed;color:#fff}.amaran.user.yellow{background:#f4b300;color:#fff}.amaran.user.green{background:#78ba00;color:#fff}
.colorful-inner{background: #4CAF50;color: #fff;padding: 8px 6px;}
.colorful-inner a.regno_color{    font-size: 15px;font-weight: 700;color: #fff;margin: 0 0 -7px;display: block;line-height: 15px;}

.color_box {width:10px;height:10px;display: inline-block;margin-left: 4%;}


.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
.infobox-wrapper {display:none;}
.infoBox {padding: 8px 0px 0px 40px !important;}
#infobox {border:2px solid black;margin-top: 8px;background:#333;color:#FFF;font-family: 'Roboto', sans-serif;font-size:12px;padding: .5em 1em;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;text-shadow:0 -1px #000000;-webkit-box-shadow: 0 0  8px #000;box-shadow: 0 0 8px #000;line-height: 150%;}
#infobox input{color:black;}
.infobox_ul{ padding:0px; list-style:none;}
.infobox_ul li{padding: 2px 6px 2px 5px;margin-bottom: 2px;border-radius: 4px;}
.infobox_ul li a{color:white !important;}
.infobox_ul li a input{width:50%;}
.infobox_ul select{width:50%;height:22px;}
#infobox{display:block;margin:0;padding:2px 0;}
#infobox li{display:inline-block;width:100%;margin:0 0 5px;padding: 0 8px;float:none;}
#infobox li label{display:inline-block;float:left;margin:2px 0 0 0;padding:0;width:40%;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 13px;color:#fff;line-height:14px;}
#infobox  li small{display:inline-block;float:right;margin:0;padding:0;width:60%;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 13px;color:#fff;line-height:14px;}
#infobox  li span.infoMore{display:inline-block;float:right;margin:0;padding:0;width:60%;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 13px;color:red;line-height:14px;}
.gm-style img{margin-top:0 !important;}
#infobox  li img.water_tank_img{display:block;margin:0 auto;float:none;text-align:center;}
.infobox_val{display:inline-block;float:right;margin:0;padding:0;width:65%;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 14px;color:#fff;line-height:14px;}

.timepicker_wrap{padding:10px 5px;top: 37px !important;left: 0;width: 145px;}	
.timepicker_wrap  .prev, .timepicker_wrap .next{width: 20px !important;height: 22px !important;background-size: 14px auto;padding: 12px 13px;}
.time, .mins, .meridian {width: 55px;float: left;margin: 0 5px;font-size: 20px;color: #2d2e2e;font-family: arial;font-weight: 700;}
.ti_tx, .mi_tx, .mer_tx {width: 64%;text-align: center;margin: 10px 0;font-size: 14px;/* padding: 10px; */display: block;margin: 7px auto;padding: 0;}
input.timepicki-input {width: 70%;padding: 3px 2px;background: none repeat scroll 0 0 #e5e5e5;}


.track_popup{display: block;top: 0;left: 0;right: 0;width: 300px;text-align: center;margin:0 auto;height: 100%;/* vertical-align: middle; */display: flex;align-items: center;justify-content: center;}
.track_popup .modal-content{width:100%;}
.track_popup .modal-dialog{/*display: flex;*/align-items: center;justify-content: center;height:100%;width: 300px;margin: 0 auto;}
.track_popup .modal-header {padding: 10px 5px;border-bottom: 1px solid #e5e5e5;background: #f9b615;color: #fff;display: block;border-radius:5px 5px 0 0;}
.track_popup  .modal-title{font-weight:400;font-family: 'Roboto', sans-serif;font-size:20px;color:#fff;line-height:20px;}
.track_popup .modal-header .close {margin-top: -5px;color: #fff;opacity: 1;}
.modal_info{display:block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:16px;color:#000;line-height:16px;text-shadow: none;}
.track_popup  .modal-footer {padding: 5px 5px 15px;text-align: center;border-top:none;}
.track_popup .modal-body{padding:25px 5px !important;}

.track_popup  .modal-footer .btn-default{width: 80px;border: none;background: #26679a;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 16px;color:#fff;line-height: 16px;border-radius:4px;padding: 7px 0;text-align: center;/* text-transform: uppercase; */}

.ui-tooltip{position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;padding:8px;}
body .ui-tooltip{border-width:2px}
.ui-tooltip {
    background: #F44336;
    color: white;
    border: none;
    padding: 0;
    opacity: 1;
    font-weight:700;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color:#fff;
    line-height: 16px;
}

.ui-tooltip-content {
    position: relative;
    padding: 6px 10px;
}
.ui-tooltip-content::after {
    content: '';
    position: absolute;
    border-style: solid;
    display: block;
    width: 0;
}
.right .ui-tooltip-content::after {
    top: 6px;
    left: -10px;
    border-color: transparent #f44336;
    border-width: 7px 10px 10px 0;
}
.left .ui-tooltip-content::after {
    top: 18px;
    right: -10px;
    border-color: transparent #666;
    border-width: 10px 0 10px 10px;
}
.top .ui-tooltip-content::after {
    bottom: -10px;
    left: 72px;
    border-color: #666 transparent;
    border-width: 10px 10px 0;    
}
.bottom .ui-tooltip-content::after {
    top: -10px;
    left: 72px;
    border-color: #666 transparent;
    border-width: 0 10px 10px;
}
.reports_div_top .bootstrap-select.btn-group .dropdown-menu.inner{max-height:260px !important;}
table.dataTable.display tbody tr td:first-child{
    /* background-color: #efefef; */
}
.veh_list_cont{height: 150px;overflow-y:auto;/* min-height:150px; */}

.controls {
        margin-top: 10px;
        border: 1px solid transparent;
        border-radius: 2px 0 0 2px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        height: 32px;
        outline: none;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      }

      #pac-input, #pac-input1, #pac-input2,#pac-input6, #pac-inputBorder, #pac-inputRoute, #pac-input_em, #pac-input_sc,#pac-input_sm {
        background-color: #fff;
        font-family: Roboto;
        font-size: 15px;
        font-weight: 300;
        margin-left: 12px;
        padding: 0 11px 0 13px;
        text-overflow: ellipsis;
        width: 225px;
		display:block;
      }
      #pac-input:hover, #pac-input1:hover, #pac-input2:hover,#pac-input6:hover, #pac-inputBorder:hover, #pac-inputRoute:hover, #pac-input_em:hover, #pac-input_sc:hover,#pac-input_sm:hover {
        width: 500px;
    }
	.home_control_button_chrome {margin-left: auto;margin-right: auto;background:-webkit-radial-gradient(top, #449def, #2f6699);textAlign:center;border: 1px solid #ccc;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;outline: 0;-webkit-appearance: none;    color: #fff;padding: 2px 5px;}
.home_control_button_mozilla {background:green;textAlign:center;border-radius: 10px;}
.bottom_left {margin-left:10px; margin-right:10px;color:white;height:auto;width:auto;text-align:center;paddingLeft:8px;fontSize:12px;line-height:12px;}
.modal{display:none;}

#single_r_w_i_chart, #single_area_chart, #single_bar_idle_chart, #single_bar_spd_chart, #single_bar_d_chart{text-align:center;}

.track_alert_rgt{width: 80%;display:inline-block;margin:0;padding: 0;background: #f4f4f4;position: relative;height: 100vh;float: right;height: calc(100vh - 40px);}
.track_alert_rgt .report_calendar{padding: 0;/* float:none; */margin: 0px 5px 0 0;/* background: #fff; */}
.track_alert_rgt .report_calendar span input.date_pick{width: 200px;height: 32px;line-height: 32px;/* background: #fff; */background: url(../../../../../ntImages/calendar-bg.png) no-repeat 95% center #fff;}
.alert_search{display:inline-block;float: right;margin:0;padding:0;width: 22%;/* background:#e8e8e8; */border-radius:5px;}
.alert_search input.search_txt{display:inline-block;float:left;margin:0;padding: 0 6px;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#000;line-height: 32px;height: 32px;border:none;outline:none;width:85%;background: none;background: #fff;border-radius: 5px 0 0 5px;border: 1px solid #dce1e4;}
.alert_search input.search_btn{display:inline-block;float:right;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#000;line-height: 32px;height: 32px;border:none;outline:none;background: url('../../../../../ntImages/search-bg.png') no-repeat center #f5b110;width: 15%;border-radius: 0 5px 5px 0;background-size: 20px auto;}

.track_alert_top{display:block;margin: 0;padding: 20px 10px;background: #66a6d9;background: #e9edf2;border-bottom: 1px solid #dee2e8;}

.track_alert_table{display:block;margin:0;padding: 10px 10px;/*background:#fff;box-shadow: 0 2px 2px 0 rgba(0,0,0,.05), 0 3px 1px -2px rgba(0,0,0,.08), 0 1px 5px 0 rgba(0,0,0,.08);*/height: 80vh;}
#alert_table_wrapper{height:99%;}
.alert_search input::-webkit-input-placeholder {color: #555;}
.alert_search input:-moz-placeholder {color: #555;  }
.alert_search input::-moz-placeholder { color: #555;  }
.alert_search input:-ms-input-placeholder {  color: #555;  }

.track_alert_rgt .report_calendar span input::-webkit-input-placeholder {color: #555;}
.track_alert_rgt .report_calendar span input:-moz-placeholder {color: #555;  }
.track_alert_rgt .report_calendar span input::-moz-placeholder { color: #555;  }
.track_alert_rgt .report_calendar span input:-ms-input-placeholder {  color: #555;  }
.redText{color:red !important;font-weight: 700 !important;}
   .greenText{color:green !important;font-weight: 700 !important;}
   .login_forgot p{display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: red;}
   /* #alert_table thead{display:none !important;}*/
.track_alert_table  .table_list table tbody tr td small{background: #e81d0e;text-align:center;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 18px;color: #fff;padding: 3px 51px;text-align: center;}
.table_list table.dataTable thead {background: rgba(224, 223, 223, 0.82) !important;}
.table_list table.dataTable.dataTables_empty{text-align:center !important;}
.track_alert_table .table_list table{border:solid 1px #ccc !important;}


/*.halt_tab_list table.dataTable{border: none !important;}*/

.wrap_main .track_header .container{padding: 0 0% 0 1%;}

	.track_report_list ul.reports_list_nav li ul li a:before{
    border-color: transparent transparent transparent #989797;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    content: '';
    display: block;
    float: right;
    height: 0;
    margin-right: -10px;
    margin-top: 4px;
    position: absolute;
    left: 15%;
    top: 6px;
    width: 0;
    }

.track_report_list .nav-tabs > li ul li a:hover, .track_report_list .nav-tabs > li ul li.active{background: #d8d8d8;}
.ui-datepicker-calendar tbody tr td.ui-state-disabled{color: #a9a3a3;}

#mobile_menu{display:none;}


.graph_reports{display:inline-block;width:100%;margin: 0 0 22px 0;padding: 20px 0;/* position: absolute; */top: 0;left: 0;background: #e9edf2; border-bottom: 1px solid #dee2e8;border-bottom: 1px solid #dee2e8;}
.graph_reports ul{display:inline-block;width:100%;margin:0;padding:0;text-align:center;height: auto;min-height: inherit;background: none;border: none;    overflow-y: inherit;}
.graph_reports ul li{display:inline-block;margin: 0 0 5px 0;padding: 0 1%;height: 90px;}
.graph_div{display:block;margin:0;padding:0;/*background:#2255a4;*/height: 100%;position:relative;border-radius: 4px;}
.graph_lgt{width:50%;display:inline-block;float:left;margin:0;padding: 8px 8px;/*background: #53b2bf;*/height: 100%;}
.graph_lgt img{
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
.graph_rgt{width:50%;display:inline-block;float:right;margin:0;padding: 25px 5px;/* height: 100%; */text-align: center;    white-space: normal;overflow: hidden;word-wrap: break-word;}
.graph_rgt h3{display:block;margin: 0 0 7px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 17px;color: #fff;}

.graph_rgt small{display:block;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #fff;}


.chart1{background:#68dff0 !important;}
.chart2{background:#a9d96c !important;}
.chart3{background:#ff865c !important;}
.chart4{background:#ffb848 !important;}


/*.chart1 .graph_lgt{background: rgb(41, 99, 190) !important;}
.chart2 .graph_lgt{background: rgb(57, 196, 136) !important;}
.chart3 .graph_lgt{background: rgb(225, 80, 80) !important;}
.chart4 .graph_lgt{background: rgb(236, 170, 64) !important;}*/

/*	.chart1 .graph_lgt:hover{    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;    transition: all 0.2s ease-in-out;
    width: 100%;}*/

.graph_div:before {
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    /*     width: 113px; */
    width:50%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px 0 0 4px;
	transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.graph_div:hover:before{ width:100%;}

.no_pos{    padding: 0 0px 26px !Important;}
.veh_status_top ul li small:before{
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    /*     width: 113px; */
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px 0 0 4px;
    color: #fff;
    }
.multiple_report_div{position:relative;}
.multiple_report_div .reports_div_btm{padding:0;margin:0;}	
.multiple_report_div .graph_reports{padding:20px 0;margin:0;position:static;    background: #e9edf2;
    border-bottom: 1px solid #dee2e8;}
.multiple_report_div .reports_div_info{padding:10px 1%;}
.multiple_report_div .veh_status_report{padding:0;}
.multiple_report_div .veh_status_top {margin: 0;padding: 20px 1%;background: #e9edf2;border-bottom: 1px solid #dee2e8;white-space: normal;overflow: hidden;word-wrap: break-word;}
.multiple_report_div .veh_status_tabs{padding:25px 1% 20px;}
.multiple_report_div .veh_status_btm	{    position: relative;}
.multiple_report_div .veh_status_btm a.pdf_download{top:20px;right:2%;position: absolute;background: #f9b615;padding: 6px 19px;color: #fff;}
.multiple_report_div .veh_status_btm a.pdf_download i{color:#fff;}
/*.time_base_div .graph_reports ul li{    display: block;float: none;margin: 0 auto;}*/
#summary_list .reports_div_info{margin:0;width:100%;}

.graph_lgt img{position:relative;z-index:9999999;}
.report_chart_class {height: 100%;/*background-color: #f9fafb;*/margin: 0;padding: 0;}
.table_list th span{color:#646464;}

.track_setting_page .reports_div_top{display: inline-block;margin: 0;padding: 20px 10px;background: #e9edf2;border-bottom: 1px solid #dee2e8;position: static;width: 100%;}

.veh_status_report .table_list{padding:12px 1%;}
.sub{display:none;}



.slide_menu_btn{display:inline-block;margin:0 10px 0 0; background: url(../../../../../ntImages/menu-icon.png) right 2px no-repeat;display:none;float:left;}
.slide_menu_btn a{display:block;}
.report_menu_btn{display:inline-block;margin:0 10px 0 0; background: url(../../../../../ntImages/menu-icon.png) right 2px no-repeat;display:none;float:left;}
.report_menu_btn a{display:block;}
.user_menu_btn{display:inline-block;margin:0 10px 0 0; background: url(../../../../../ntImages/menu-icon.png) right 2px no-repeat;display:none;float:left;}
.user_menu_btn a{display:block;}
.track_profile_page{display:block;margin:0;padding: 40px 10%;    background: #f4f4f4;}
.profile_list{width: 48%;display:inline-block;float:left;margin:0;padding:0;padding: 0 0 32px 0;/* width: 100%; */background: #fff;box-shadow:1px 4px 5px #ccc;}
.profile_list h3{display:block;margin:0 0 10px;padding: 13px 4%;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 28px;line-height: 70px;color: #FFF;height: 97px;background: #bdbbbb;}
.profile_list h3 em{display:inline-block;margin: 0 23px 0 0;padding:0;width: 70px;height: 70px;background:#fff;border: solid 1px #6f6f6f;border-radius:100%;float: left;}
.profile_list h3 em i{font-size: 45px;color: #6f6f6f;display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;}
.profile_list ul{display: inline-block;margin: 0;padding: 11px 4%;width: 100%;/* background: #fff; *//* box-shadow: 0 0 5px #ccc; */}
.profile_list ul li{display: inline-block;margin: 0 0 11px 0;padding:0;width: 100%;}
.profile_list ul li label{display:inline-block;float:left;width:40%;margin: 8px 5px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
.profile_list ul li input{display:inline-block;float:left;width: 48%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #e9e9e9;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.profile_list ul li a{display:inline-block;float:left;width: 48%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #e9e9e9;height:30px;line-height:30px;    white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.profile_list a.edit_btn{display:block;margin:0 auto;padding:0;width:90px;background: #a5a2a2;border-radius: 4px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 17px;color: #fff;line-height: 34px;outline:none;border: solid 1px #a5a2a2;height: 34px;text-align: center;}
.profile_list ul li textarea{display:inline-block;float:left;width: 48%;margin:0;padding: 5px 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #e9e9e9;height:30px;line-height: 19px;min-height:90px;resize:none;}


.profile_pwd{width: 48%;display:inline-block;float:right;margin:0;padding:0;padding: 0 0 32px 0;background: #fff;box-shadow:1px 4px 5px #ccc;}
.profile_pwd h3{display:block;margin:0 0 10px;padding: 13px 4%;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 28px;line-height: 70px;color: #FFF;height: 97px;background: #bdbbbb;}
.profile_pwd h3 em{display:inline-block;margin: 0 23px 0 0;padding:0;width: 70px;height: 70px;background:#fff;border: solid 1px #6f6f6f;border-radius:100%;float: left;}
.profile_pwd h3 em i{font-size: 45px;color: #6f6f6f;display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;}
.profile_pwd ul{display: inline-block;margin: 0;padding: 11px 4%;width: 100%;}
.profile_pwd ul li{display: inline-block;margin: 0 0 11px 0;padding:0;width: 100%;}
.profile_pwd ul li label{display:inline-block;float:left;width:40%;margin: 8px 5px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
.profile_pwd ul li input{display:inline-block;float:left;width: 48%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #e9e9e9;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.profile_pwd  ul li a{display:inline-block;float:left;width:40%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background:#fff;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.profile_pwd  a.save_btn{display:block;margin:0 auto;padding:0;width:90px;background: #a5a2a2;border-radius: 4px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 17px;color: #fff;line-height: 34px;outline:none;border: solid 1px #bdbbbb;height: 34px;text-align: center;}
.track_nav ul li.profile a{padding: 5px 22px;text-align: right;font-size: 14px;}
.track_nav ul li.profile a em{display:block;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 12px;color: #000;line-height: 12px;text-align: center;text-transform: capitalize;}
.track_nav ul li.profile a i{color: #737373;font-size: 12px;display:block;margin: 0 auto 5px;width: auto;text-align: center;}
.track_nav ul li.profile ul{/* display:none; */position: absolute;top: 39px;right: 0;background: #fff;text-align: right;padding: 0;width: 120px;border-radius: 0 0 5px 5px;}
.track_nav ul li ul li{display:block;margin:0;padding:0;border: none;float: none;border: solid 1px #d4d1d1;border-top: none;}
.track_nav ul li ul li a{display:block;margin:0;padding: 7px 9px !important;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 16px;color: #3a3a3a;line-height:16px;position: relative;z-index:99;text-align:center;}

.track_nav ul li.profile ul{display:none;border: none !important;}
.track_nav ul li.profile:hover ul.user_sub{display:block;}
.track_nav ul li.profile ul li.config a:before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    top: 44%;
    left: 0px;
    border-right-color: #5d5c5c;
    margin-top: -3px;
}
.track_nav ul li.profile ul li.config:hover ul.user_geo{display:block;right: 100%;top: 0;border: solid 1px #ccc;}
.track_nav ul li.profile ul li.config ul li.geofence:hover ul{display:block;right: 100%;top: 0;border: solid 1px #ccc;}
.track_nav ul li.profile ul li.config ul li.dest:hover ul{display:block;right: 100%;top: 0;border: solid 1px #ccc;}

.track_nav ul li.profile ul li.config ul li.geofence ul li a:before, .track_nav ul li.profile ul li.config ul li.dest ul li a:before{border:none;}

.track_alert_lgt{width: 20%;display:inline-block;float:left;margin:0;padding: 0;/* height: 90vh; */background: #fff;/* min-height: 100vh; */overflow-y: auto;background: #fff;border-right: solid 1px #ccc;position: relative;left:0;height: calc(100vh - 40px);}

.track_alert_search{display:block;margin:0;padding: 10px 4px;position: fixed;width: 19.8%;top: 40px;left: 0;/* right: 0; */background: #fff;z-index: 9999;/* box-shadow: 0 0 5px #ccc; */}
.track_alert_search input.search{display:inline-block;float:left;width: 85%;margin:0;padding: 0 7px;border: none;height: 30px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;outline:none;background: #ececec;}
.track_alert_search input.search_btn{display:inline-block;float:right;width: 15%;background:url('../../../../../ntImages/search-bg.png') no-repeat center #075f84;height: 30px;border: none;background-size: 21px auto;outline:none;}
.alert_veh_list ul li.active a{    background: #afafaf;}


.alert_veh_list{display:block;margin: 52px 0 0 0;padding: 0 2%;height: 100vh;background: #fff;}
.alert_veh_list ul{display:block;margin: 0 0 0 0;padding:0;height: 100vh;}
.alert_veh_list ul li{display:block;margin: 0 0 6px 0;padding:0;}
.alert_veh_list ul li a{display:block;margin:0;padding: 9px 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;background:#dcdcdc;border-radius: 4px;}

.track_alert_lgt p{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 10px;color: #000;line-height: 12px;display:block;text-align:center;padding: 0 2px;margin: 4px 0  0;position: absolute;width: 100%;text-align: center;bottom: 6px;left: 0;z-index: 99999999999;}
.track_alert_lgt p a{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 11px;color:#2196F3;line-height: 14px;}

.track_alert_search input::-webkit-input-placeholder {color: #555;}
.track_alert_search input::-moz-placeholder {color: #555;}
.track_alert_search input:-ms-input-placeholder {color: #555;}
.track_alert_search input:-moz-placeholder {color: #555;}

.app_links{display:block;margin:0;padding:0;}
.app_links ul{display: inline-block !Important;margin:0 !Important;padding:0 !Important;}
.app_links ul li{display:inline-block;float:left;margin: 0 8px;padding:0;background: none !important;border: none !important;box-shadow: none !important;}
.app_links ul li a{display:block !Important;margin:0 !Important;padding:0 !Important;    background: none !Important;border: none !Important;box-shadow: none !Important;}
.app_links ul li a img{background: none !important;border: none !important;box-shadow: none !important;width: auto;height: 35px;}

.map_buttons input.chrome_insidebutton{background:none;border: none;border-right: solid 1px #ccc;font-size: 13px !important;    padding: 3px 5px !important;}
.map_buttons input.chrome_insidebutton:nth-last-child(1){border-right:none;}

.track_popup .modal-body ul{display:block;margin:0;padding:0;}
.track_popup .modal-body ul li{display:inline-block;width:100%;margin:0;padding:0;}
.track_popup .modal-body ul li label{display:inline-block;float:left;width: 45%;margin: 8px 5px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
.track_popup .modal-body ul li input{display:inline-block;float:left;width: 52%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #efefef;height: 28px;line-height: 28px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}

.blockMsg{    background: -webkit-radial-gradient(top, #449def, #2f6699);left:0 !important;right:0 !important;text-align:center !important;margin:0 auto !important;}

.blockMsg .growlUI h2{display:block;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 10px;color: #fff;opacity:1;padding:10px 5px;}
.blockMsg .growlUI h1{display:block;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 10px;color: #fff;opacity:1;padding:10px 5px;}



.info_map{display:block;margin:0;padding:10px 5px;}
.info_map ul{display:block;margin:0;padding:0;}
.info_map ul li{display: inline-block !important;width: 100% !important;margin: 0 0 10px !important;padding: 0 6px !important;text-align:center;}
.info_map ul li label{    display: inline-block !important;float: left !important;margin: 4px 0 0 0 !important;padding: 0 !important;width: 30% !important;font-weight: 400 !important;font-family: 'Roboto', sans-serif !important;font-size: 13px !important;color: #fff !important;line-height: 14px !important;text-align: left !important;}
.info_drag{    display: inline-block;float: left;margin: 4px 0 0 0;padding: 0;width:66%;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 12px;color: #fff;line-height: 14px;    white-space: normal;overflow: hidden;text-overflow: ellipsis;    text-align: left !important;}
.info_map ul li input{    display: inline-block;float: left;margin: 0;padding: 3px 5px;width: 66% !important;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000 !important;line-height: 14px;background: #fff;border: none;    white-space: normal;overflow: hidden;text-overflow: ellipsis;text-align: left !important;}

.info_map ul li button{background: #177eab;width: 70px;font-size: 15px;line-height: 26px;padding: 0 !important;height: 26px;margin:12px 7px 0;border:none;display:inline-block !important;}

.track_popup .modal-body p{display:block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:16px;color:#000;line-height:19px;text-shadow: none;}
.track_popup  .modal-footer button.btn-danger{    width: 60px;border: none;
font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #fff;line-height: 15px;border-radius: 4px;padding: 7px 0;text-align: center;text-transform: uppercase;float: left;}
.track_popup  .modal-footer button.btn-primary{    width: 60px;border: none;background: #26679a;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #fff;line-height: 15px;border-radius: 4px;padding: 7px 0;text-align: center;text-transform: uppercase;float: right;}


.blockMsg{background: black;border:none !important;border-radius:10px;box-shadow:0 0 5px #000 !important;/* padding: 21px 5px !important; */width:350px !important;}
.blockMsg h1 img{width:auto;height:190px;display:block;margin:0 auto 10px;text-align:center;object-fit:contain;height:auto;max-width:100%;max-height:100%;}
.blockMsg h1{display:block;font-weight:400;font-family:Comic Sans MS;font-size:35px;color: #2b333c;line-height:15px;background: #fff;padding: 10px 0px 23px 0;}


.load_block{display:block;margin:0;padding:0;text-align:center;}
.load_img{display:block;margin:0;padding:0;}
.load_img img{width:auto;object-fit:contain;height:auto;max-width:100%;max-height:100%;display:block;}
.load_block small{display:block;font-weight:400;font-family:Comic Sans MS;font-size:35px;color:#000;line-height:35px;}
.load_popup .modal-header{    background: none;
    padding: 0;
    border: none;}
.load_popup .modal-header .close {margin-top: 0;color: #f9b615;opacity: 1;box-shadow: none;text-shadow: none;margin: 2px 13px 0 0;}
.load_popup .modal-dialog, .load_popup{width:350px;}
.load_popup .modal-body {padding: 30px 5px 35px !important;}
.load_popup .modal-content{border-radius:10px;}

.report_calendar select.form-control{display:inline-block;float:left;margin:0 5px;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;width: 140px;border: none;height: 30px;text-align: left;outline: none;border-radius: 5px;border: 1px solid #dce1e4;box-shadow:none;}

#sensorTemp_list .analytic_tabs{width:100%;float:none;    margin: 12px 0 0 0;}


#chartdiv { height: 400px; background-color: #FFFFFF;margin:3px;}
#chartdiv a{font-size: 0!important;}
#w_chartdiv { height: 400px; background-color: #FFFFFF;margin:3px;}
#w_chartdiv a{font-size: 0!important;}
#temp_sensor_chart { height: 400px; background-color: #FFFFFF;margin:3px;}
#temp_sensor_chart a{font-size: 0!important;}
#temp_sensor_chart span{font-size:12px;}
#piechart_3d a{font-size: 0!important;}
.fuel_circle_block {float: left;margin: 16px 3px 0;width: 110px;height:110px;background-color: white;}
.inline_class{width: 100%;display: inline-table;}

.display_inline{display: inline;}


.circliful {position: relative;   }
#single_fuel_rpt_tab .circliful{margin:0 auto;}
.circle-text, .circle-info, .circle-text-half, .circle-info-half {width: 100%;position: absolute;text-align: center;display: inline-block;}
.circle-info, .circle-info-half {color: #fff;font-size: 11px;}
.circliful .fa {margin: -10px 3px 0 3px;position: relative;bottom: 4px;}
.checkbox_input {float: right;margin-right: 250px;margin: 0;}
.set_para {font-size: 14px;margin: 0 0 3px 0;}
.set_label {font-size: 16px;font-weight: bold;    margin: 0 0 2px 0;}
#advance_set_tab div {padding:5px;}
#marquee_div{display: inline-block !important;margin: 0;padding: 0;width: auto;float: left;margin: 0;    height: 60px;}
/*#marquee_data {color: #e20404;font-size: 17px;color: #03a9f4;display: inline-block;float: none;line-height: 14px;margin: -3px 0 13px 0;text-align: center;}*/
.slider_div {margin-left:40%;width:50%;}
.color_box {width:10px;height:10px;display: inline-block;margin-left: 4%;}
.info_title {width: 100%;padding: 5px 0;color:aliceblue;text-align: center;margin-left: 0;margin-top: 0;font-size: 19px;}
#showing_info {color:#4b4a4a;text-align: center;/* margin-top: 0; */font-size:15px;display: block;padding: 18px 5%;margin: 0;line-height: 18px;}
.menu_button {border-radius: 6px;padding: 12px 14px;}
.snap_short {float: right;margin: 20px 62px 8px 1px;background:#03a9f4;padding: 4px 8px;border-radius: 3px;font-weight: bold;color: white;}
.details_panel{text-align: center;width: 24%;border: 2px solid #0071BC;float:left;margin:2px;}
.details_title{background: #0071BC;padding: 8px;font-weight: bold;color:#fff;}
.details_count{background: white;padding: 11px;font-weight: bold;}
.vehicle_report_list ul li small{    position: relative;top: 1px;}
#single_mileage_circle, #temp_min_value_circle{background: #ff6733;}
#single_consume_circle, #temp_max_value_circle{background: #ffa71d;opacity: 1;}
#single_theft_circle{    background: #FFC107;}
.circle-text{color:#fff;}

#single_temp_sensor_chart{width: 81% !important;}
#single_temp_sensor_chart .amcharts-chart-div{width: 100% !important;}
.border_radius {
    border-radius: 8px;padding:0 !important;
}

#sensorTemp_list .analytic_tabs .tab-content{height:100%;    height: 85%;
    overflow-y: auto}
.temp_value_chart{display:inline-block;float: right;margin: 0 13px 0 0;padding:0;width: 11%;}

#temp_min_value_circle, #temp_max_value_circle{float:none;}
#single_temp_reports_tab .report_download, #single_temp_range_report_tab .report_download, #single_fuel_reports_tab  .report_download{margin:0 0 12px;}
#sensorFuel_list .analytic_tabs{margin:6px 0 0 0;width:100% !important;}
#single_chartdiv{width:100% !important;}
#sensorFuel_list .analytic_tabs .tab-content{height:100%;    height: 85%;
    overflow-y: auto}
#single_fuel_date_error, #single_idle_ac_date_error {    margin: 6px 0 0 12px;display: inline-block;}
#single_fuel_analytics_tab .amcharts-chart-div, #single_fuel_analytics_tab  .amChartsLegend, #single_fuel_analytics_tab  .amChartsLegend svg{width:100% !important;}
#sensorTemp_list .reports_veh_tables{overflow-y:inherit;}


.example tbody {
max-height:48vh;
 overflow-y:auto;
display:block;
}
#dataTables_total_routes tbody{max-height: 60vh;}
.example thead {
display:table;
width:100%;
table-layout:fixed;
}
.example tbody tr {
display:table;
width:100%;
table-layout:fixed;
}
/*.example thead tr{display:table;
width:100%;
table-layout:fixed;}*/

.scrollbar::-webkit-scrollbar{width: 4px;background-color: #fff;}
 
.scrollbar::-webkit-scrollbar-thumb{border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);background-color: #000;}

/*table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1, table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1{display:none;}*/

table.dataTable.dtr-column>tbody>tr>td.control, table.dataTable.dtr-column>tbody>tr>th.control{display:none;}
#veh_details_halted_table thead, #veh_details_running_table thead, #veh_details_issue_table thead{display:none;}
.track_alert_table .example tbody{max-height:50vh;overflow-y: auto; }
/*a[title]:hover:after {
  content: attr(title);
  padding: 3px 6px;
  color: #000;
  position: absolute;
  right: 0;
  top: 92%;
  white-space: nowrap;
  z-index: 20px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 4px #222;
  -webkit-box-shadow: 0px 0px 4px #222;
  box-shadow: 0px 0px 4px #222;
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  z-index: 99999999 !important;
  background: #fb9806;
  font-size: 12px;    font-weight: 400;
  font-family: 'Roboto', sans-serif;box-shadow:none;
   background-image: -webkit-linear-gradient(top, #449def, #2f6699);
       background-image: -webkit-linear-gradient(top, #FFC107, #FF9800);
	       background-image:-webkit-linear-gradient(top, #f1f0f0, #908f8f);border:solid 1px #ccc;
}*/


.track_alert_page{display:block;height: 100vh;height: calc(100vh - 40px);}
.veh_list_cont table tbody{display: inline-block;width:100%;}
#box2000 div{background:none !important;border:none !important;}

.service_lgt{width: 48%;display:inline-block;float:left;margin:0;padding:0;}
.service_rgt{width: 40%;display:inline-block;float:right;margin: 0 3% 0 0;padding:0;}
.service_lgt ul li span{width: 20%;display:inline-block;float:left;margin:0;padding:0;height: auto;}
.service_info{width: 78%;display:inline-block;float:right;margin:0;padding:0;text-align: left;}
.service_rgt img{float:right;width: 100%;height: auto;}
.adv_feature_report{width: 70%;display:inline-block;float:right;padding: 10px 5px;/* height: 100%; */}
.post:nth-child(2n){float:right !important;}
.cbp-so-scroller{overflow:hidden !important;}
.table_address_width {width:22%}
.table_address_width_large{width:35%}
.reports_content{width:83%;display:inline-block;float:right;margin:0;padding:0;background: #f4f4f4;height: 100%;}
#multiple_report, #sensor_report{display:none;}
.reports_div_top .dropdown-menu > li > a:before{display:none;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus{    background: #dadada;}





.user_act_div{display:block;margin:0;padding:20px 1% 15px;}
.bill_generate{display:block;margin:0;padding:0;}
.bill_generate ul.horizontal_list{display: inline-block;margin: 0 0 23px 0;padding:0;width: 100%;}
.bill_generate ul.horizontal_list li{display:inline-block;float:left;margin: 0 8px 0 0;padding:0;}
.bill_generate ul.horizontal_list li label{display:inline-block;margin:5px 10px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;}
.bill_generate ul.horizontal_list li input{display:inline-block;margin:0;padding: 0 5px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 30px;width: 140px;background: #fff;border: none;height: 30px;text-align: left;outline: none;border-radius: 5px;border: 1px solid #dce1e4;}
.bill_generate ul.horizontal_list li input#bill_g_month_year{background: url(../../../../../ntImages/calendar-bg.png) no-repeat 95% center #fff !important;}
.bill_generate ul.horizontal_list li a{display:inline-block;float:left;margin: 0px 0 0 5px;padding: 0 12px;background: #fff;height: 30px;/* width: 85px; */text-align: center;border-radius: 5px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 30px;text-transform: uppercase;color: #0b62a4;text-shadow: none;border: 1px solid #dce1e4;}
.bill_view{display:block;margin:0;padding:0;}
.bill_cont{width:33%;display:inline-block;float:left;margin:0;padding:0;}
.bill_cont h4{display:block;margin: 0 0 10px 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size:16px;color: #000;line-height:16px;}
.bill_cont p{display:block;margin:0;padding: 0 18% 0 0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 22px;}
.bill_cont p span{display:block;margin:0 0 10px;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;}
.table-inbox{/* display: block; */width:100%;/* padding:0; */margin:25px 0 0 0;    background: #fff;    box-shadow: 0 0 5px #ccc;}
.users_box .table > tbody > tr > td{margin:0;padding: 9px 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #3d3d3d;line-height: 14px;}
.table-inbox thead{    background: rgba(224, 223, 223, 0.82) !important;}
.table-inbox thead tr th{font-weight: 700;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 18px;
    color: #646464 !IMPORTANT;
    margin: 0;
    text-align: center;
    white-space: normal;
    word-wrap: break-word;
    overflow: hidden;
    /* font-family: 'Simonetta', cursive; */padding: 10px 8px;    border-bottom: 2px solid #c3c3c3;}


/*.ui-datepicker-title{display:block;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height: 14px;}
.ui-datepicker-header{background:#989898;padding:0 28px !important;}
.ui-datepicker-prev{left:3%;}*/

.add_users_list{display:block;margin:0;padding:0;}
.users_box h3{display:block;margin: 0 0 20px 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 24px;color: #fcb040;line-height: 24px;text-align: center;}
.users_box ul{display:block;margin:0;padding:0;}
.users_box ul li{display: inline-block;margin: 0 0 11px 0;padding:0;width: 50%;float: left;}
.users_box ul li label{display:inline-block;float:left;width: 30%;margin: 8px 5px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
.users_box ul li input{display:inline-block;float:left;width: 48%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #fff;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.users_box a.red_button{display:block;float:none;margin: 10px auto 0;padding:0;background: #2182d0;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #fff;text-shadow: none;border: none;}
.users_box{display:block;margin: 0 0 30px;padding:0;}
#users_table{background:#fff !important;box-shadow: 0 0 4px #ccc;display: inline-block;}
.mrg_btm{margin-bottom:0 !important;}
.shift_block{display:block;margin:0;padding:0;}
.shift_block ul{display:block;margin:0;padding:0;}
.shift_block ul li{display: inline-block;margin:0;padding:0;float:left;}
.shift_block ul li label{display:inline-block;float:left;width: auto;margin: 8px 10px 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
.shift_block ul li input{display:inline-block;float:none;width:100%;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius:0px;border:none;background:none;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}

.shift_block ul li .custom-combobox{display:inline-block;float:left;width: 70%;margin:0;padding: 0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #fff;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.shift_table{margin: 30px 0 0;padding:0;width:100%;}
.shift_table select[multiple] {
    height: auto;
    width: 100%;
    height: 180px;
    max-height: 300px;
    overflow-y: auto;
    border: solid 1px #ccc;
    display: inline-block;
    float: left;
    margin: 0 auto;
}
.shift_arrows_div{display: block;margin: 59px 50px;padding:0;text-align: center;width: 26px;}
.shift_arrows_div input.shift_arrows{width:25px;height:25px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 19px;line-height: 19px;color: #fff;display:block;background: #fcaf3f;border: none;border-radius: 5px;padding: 0;margin: 13px 0;outline: none;text-align: center;}
.shift_table tbody tr td{width: 25%;display:inline-block;float:left;}
.no_width{width:auto !important;}
.shift_table tbody tr td a.red_button{display:block;float:none;margin:68px auto 0;padding:0;background: #2182d0;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #fff;text-shadow: none;border: none;}
.shift_form{display:inline-block;margin:0;padding:0;float:left;width:50%;}
.shift_form ul{display:inline-block;margin:0;padding:0;width:100%;}
.shift_form ul li{display:inline-block;margin: 0 0 13px;padding:0;width:100%;}
.shift_form ul li label{display:inline-block;float:left;width: 25%;margin: 0px 10px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;text-align: left !important;}
.shift_form ul li label em{display:inline-block;float:right;margin:0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
/*.shift_form ul li select{display:inline-block;float:left;width:100%;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius:0px;border:none;background:none;height:30px;line-height:30px;}*/
.shift_form ul li input.shift_txt{display:inline-block;float:left;width: 33%;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius:0px;border:none;background:none;height:30px;line-height:30px;background: #fff;border-radius: 5px;}
.shift_form a.update{display:block;float:none;margin: 10px auto 0;padding:0;background: #2182d0;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #fff;text-shadow: none;border: none;}
.shift_form h2{display:block;margin: 0 0 30px 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 24px;color: #fcb040;line-height: 24px;text-align: center;}
.multipleShiftSortable{margin:10px 0 0 0;font-family: fontawasome;}
.multipleShiftSortable input {
    background-position: 10px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 6px 19px 5px 7px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
    width:100%;
  }
  .multipleShiftSortable p{
    margin: 2px 10px 10px 19px;
  }
#sortable1, #sortable2 {
    min-height: 20px;
    list-style-type: none;
    margin: 0;
    float: left;
    margin-right: 10px;
    text-align: center;
    background: #fff;
    max-height: 300px;
    display: block;
    overflow-y: auto;
    min-height: 100px;
    width: 100%;
  }
  #sortable1 li, #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    border: 1px solid #ccc;
    width: 90%;
  }
  #sortable1 li.ui-state-default,#sortable2 li.ui-state-default{background: #eaf5fb;}


.poly_div{display:block;margin:0;padding:0;}
.poly_div ul{display:inline-block;margin:0;padding:0;width:100%;}
.poly_div ul li{display:inline-block;margin:0;padding: 12px 2%;width:100%;position:relative;}
.poly_div ul li label{display:inline-block;float: none;margin: 0 0 10px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;width: 90%;}
.poly_div ul li input.checkbox_input{display:inline-block;float: right;margin:0;padding:0;position: absolute;top: 12px;right: 2%;width: 16px;height: 16px;}
.poly_div ul li p{display:block;margin: 5px 0 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;}
.poly_div  a.submit{display:block;float:none;margin: 10px auto 0;padding:0;background: #2182d0;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #fff;text-shadow: none;border: none;}
.poly_div ul li:nth-child(2n){background:#fff;}
.total_amt{display:block;margin:0;padding:0;background: none !important;}
.total_amt ul li{display:inline-block;margin: 0 0 7px 0;padding:0;width:100%;}
.total_amt ul li label{display:inline-block;float:left;width: 40%;margin: 7px 11px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #464646;text-align: right;}
.total_amt ul li a{display:inline-block;float:left;width: 40%;margin:0;padding: 0 8px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 2px;/* border: 1px solid #dce1e4; */background: #fff;height: 28px;line-height: 28px;}

.user_setting_div{display:block;margin:0;padding:0;max-height: 600px;overflow-y: auto;}
.user_setting_div ul{display:inline-block;margin:0;padding:0;width:100%;}
.user_setting_div ul li{display:inline-block;margin:0;padding: 12px 2%;width:100%;position:relative;min-height: 67px;}
.user_setting_div ul li label{display:inline-block;float: none;margin: 0 0 10px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;width:78%;}
.user_setting_div ul li input.checkbox_input{display:inline-block;float: right;margin:0;padding:0;position: absolute;top: 12px;right: 2%;width: 16px;height: 16px;}
.user_setting_div ul li p{display:block;margin: 5px 0 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height: 18px;width: 76%;}
.user_setting_div ul li input{/* display:inline-block; */float: right;margin:0;padding: 4px 5px;position: absolute;top: 12px;right: 2%;background: #fff;border: none;outline: none;border: solid 1px #ccc;border-radius: 4px;width: 130px;}
.user_setting_div ul li:nth-child(2n){background:#fff;}
.user_setting_div input.red_button{display:block;float:none;margin:25px auto 0;padding:0;background: #2182d0;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: uppercase;color: #fff;text-shadow: none;border: none;}
.status_div{display:block;margin:0;padding:0;}
.status_div label{display: inline-block !important;float: left !important;width: auto !important;margin: 0 21px 0 9px !important;padding: 0 !important;font-weight: 400  !important;font-family: 'Roboto', sans-serif !important;font-size: 14px !important;line-height: 14px !important;color: #464646 !important;text-align: right;}
.status_div  input[type="radio"]{display:inline-block;/* float: left; */margin: 0 0 0 0;padding:0;position: static;/* top: 12px; *//* right: 2%; */float: left;    width: auto}
.user_setting_div ul li select, .vehicle_settings_div ul li select{    width: 130px;
    border: solid 1px #ccc;
    height: 26px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 14px;
    outline: none;
    border-radius: 5px;
    position: absolute;
    top: 7px;
    right: 2%;}
/************combobox**************/


.custom-combobox {position: relative;display: inline-block;width: 33%;}
.custom-combobox-toggle {position: absolute !important;top: 0;/* bottom: 0; */margin: 0 0 0 1px !important;padding: 0;z-index:999;background: #9c9c9c !important;height: 30px;right: 0;}
.custom-combobox-input {margin: 0;padding: 5px 10px !important;margin: 0% 0% 0% 0% !important;float: none !important;width: 88% !important;border: none;height: 30px;font-weight: 400 !important;font-family: 'Roboto', sans-serif !important;font-size: 14px !important;color: #000 !important;line-height: 14px !important;}



.ui-helper-hidden-accessible{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.ui-helper-reset{border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none;margin:0;padding:0}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#aaa url(../ntImages/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;min-height:0;padding:.5em .5em .5em .7em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}
.ui-accordion .ui-accordion-content{border-top:0;overflow:auto;padding:0.3em 0.3em}
.ui-autocomplete{position:absolute;top:0;left:0;cursor:default;z-index:999999999999999999999;max-height: 200px;overflow-y: auto;overflow-x: hidden;}
.ui-button{display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible;padding:0}
.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}
.ui-button-icon-only{width:2.2em}
button.ui-button-icon-only{width:2.4em}
.ui-button-icons-only{width:3.4em}
button.ui-button-icons-only{width:3.7em}
.ui-button .ui-button-text{display:block;line-height:normal}
.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{text-indent:-9999999px;padding:.4em}
.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}
.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}
.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}
.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}
.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}
.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}
.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}
.ui-buttonset{margin-right:7px}
.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}
input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}

.ui-dialog{position:absolute;top:0;left:0;outline:0;padding:.2em}
.ui-dialog .ui-dialog-titlebar{position:relative;padding:.4em 1em}
.ui-dialog .ui-dialog-title{float:left;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis;margin:.1em 0}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;height:20px;margin:-10px 0 0;padding:1px}
.ui-dialog .ui-dialog-content{position:relative;border:0;background:none;overflow:auto;padding:.5em 1em}
.ui-dialog .ui-dialog-buttonpane{text-align:left;background-image:none;margin-top:.5em;border-width:1px 0 0;padding:.3em 1em .5em .4em}
.ui-dialog .ui-dialog-buttonpane button{cursor:pointer;margin:.5em .4em .5em 0}
.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}
.ui-draggable .ui-dialog-titlebar{cursor:move}
.ui-menu{list-style:none;display:block;outline:none;margin:0;padding:2px}
.ui-menu .ui-menu{margin-top:-3px;position:absolute}
.ui-menu .ui-menu-item{width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);margin:0;padding:0;border-bottom: solid 1px #ccc;}
.ui-menu .ui-menu-divider{height:0;font-size:0;line-height:0;border-width:1px 0 0;margin:5px -2px}
.ui-menu .ui-menu-item a{text-decoration:none;display:block;line-height:1.5;min-height:0;font-weight:400;padding:2px .4em}
.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}
.ui-menu .ui-state-disabled{font-weight:400;line-height:1.5;margin:.4em 0 .2em}
.ui-menu .ui-state-disabled a{cursor:default}
.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}
.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}
.ui-menu .ui-menu-icon{position:static;float:right}
.ui-progressbar{height:2em;text-align:left;overflow:hidden}
.ui-progressbar .ui-progressbar-value{height:100%;margin:-1px}
.ui-progressbar .ui-progressbar-overlay{background:url(../ntImages/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:0.25}
.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}
.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}
.ui-slider{position:relative;text-align:left}
.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}
.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}
.ui-slider-horizontal{height:.8em}
.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}
.ui-slider-horizontal .ui-slider-range{top:0;height:100%}
.ui-slider-horizontal .ui-slider-range-min{left:0}
.ui-slider-horizontal .ui-slider-range-max{right:0}
.ui-slider-vertical{width:.8em;height:100px}
.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}
.ui-slider-vertical .ui-slider-range{left:0;width:100%}
.ui-spinner{position:relative;display:inline-block;overflow:hidden;vertical-align:middle;padding:0}
.ui-spinner-input{border:none;background:none;color:inherit;vertical-align:middle;margin:.2em 22px .2em .4em;padding:0}
.ui-spinner-button{width:16px;height:50%;font-size:.5em;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0;margin:0;padding:0}
.ui-spinner a.ui-spinner-button{border-top:none;border-bottom:none;border-right:none}
.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}
.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}
.ui-tabs{position:relative;padding:.2em}
.ui-tabs .ui-tabs-nav{padding:0 1px;font-family: 'Roboto', sans-serif;border-radius: 0;}
.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;border-bottom-width:0;white-space:nowrap;margin: 1px .2em -1px 0;padding:0;border: solid 1px#ccc;border-top: solid 3px #ccc;background: #ededed;}
.ui-tabs .ui-tabs-nav li a{float:left;text-decoration:none;padding:.5em 12px;outline: none;    margin: 0 0 -2px 0;    font-weight: 700;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}
.ui-tabs .ui-tabs-nav li a,/* first selector in group seems obsolete,but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;background:none;border-width:0;padding:1em 1.4em}
.ui-tooltip{position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;padding:8px}
body .ui-tooltip{border-width:2px}
.ui-widget{/*font-family: 'Roboto', sans-serif;*/font-family:Cambria;font-size:1.1em}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{
    font-family: 'Roboto', sans-serif;
    font-size:1em;
    border: none;
    box-shadow: none;
    padding: 0 5px;
    height: auto !important;
    /* background:none !important;    */
     /* -webkit-appearance: inherit !important; */
    }
	
textarea{border: solid 1px #cacaca;}
.ui-widget-content{/* border:2px solid #0071BC; */color:#222;/* border: solid 1px red; */}

.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{/*border:1px solid #d3d3d3;background:#e6e6e6 url(../ntImages/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/font-weight:400;color:#555}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border-top: 3px solid #04a9f1;background:#ffffff;font-weight:400;color:#212121;border-radius: 0;border: solid 1px #536dfe !important;border-top: 3px solid #536dfe !important;}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url(../../../../../ntImages/ui-bg/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(../../ntImages/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;color:#cd0a0a}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}

.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}
.ui-state-default .ui-icon{background-image:url(../../ntImages/ui-icons_888888_256x240.png)}
.ui-state-highlight .ui-icon{background-image:url(../../ntImages/ui-icons_2e83ff_256x240.png)}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(../../ntImages/ui-icons_cd0a0a_256x240.png)}
.ui-icon-blank{background-position:16px 16px}
.ui-icon-carat-1-n{background-position:0 0}
.ui-icon-carat-1-ne{background-position:-16px 0}
.ui-icon-carat-1-e{background-position:-32px 0}
.ui-icon-carat-1-se{background-position:-48px 0}
.ui-icon-carat-1-s{background-position:-64px 0}
.ui-icon-carat-1-sw{background-position:-80px 0}
.ui-icon-carat-1-w{background-position:-96px 0}
.ui-icon-carat-1-nw{background-position:-112px 0}
.ui-icon-carat-2-n-s{background-position:-128px 0}
.ui-icon-carat-2-e-w{background-position:-144px 0}
.ui-icon-triangle-1-n{background-position:0 -16px}
.ui-icon-triangle-1-ne{background-position:-16px -16px}
.ui-icon-triangle-1-e{background-position:-32px -16px}
.ui-icon-triangle-1-se{background-position:-48px -16px}
.ui-icon-triangle-1-s{background-position:-64px -16px}
.ui-icon-triangle-1-sw{background-position:-80px -16px}
.ui-icon-triangle-1-w{background-position:-96px -16px}
.ui-icon-triangle-1-nw{background-position:-112px -16px}
.ui-icon-triangle-2-n-s{background-position:-128px -16px}
.ui-icon-triangle-2-e-w{background-position:-144px -16px}
.ui-icon-arrow-1-n{background-position:0 -32px}
.ui-icon-arrow-1-ne{background-position:-16px -32px}
.ui-icon-arrow-1-e{background-position:-32px -32px}
.ui-icon-arrow-1-se{background-position:-48px -32px}
.ui-icon-arrow-1-s{background-position:-64px -32px}
.ui-icon-arrow-1-sw{background-position:-80px -32px}
.ui-icon-arrow-1-w{background-position:-96px -32px}
.ui-icon-arrow-1-nw{background-position:-112px -32px}
.ui-icon-arrow-2-n-s{background-position:-128px -32px}
.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}
.ui-icon-arrow-2-e-w{background-position:-160px -32px}
.ui-icon-arrow-2-se-nw{background-position:-176px -32px}
.ui-icon-arrowstop-1-n{background-position:-192px -32px}
.ui-icon-arrowstop-1-e{background-position:-208px -32px}
.ui-icon-arrowstop-1-s{background-position:-224px -32px}
.ui-icon-arrowstop-1-w{background-position:-240px -32px}
.ui-icon-arrowthick-1-n{background-position:0 -48px}
.ui-icon-arrowthick-1-ne{background-position:-16px -48px}
.ui-icon-arrowthick-1-e{background-position:-32px -48px}
.ui-icon-arrowthick-1-se{background-position:-48px -48px}
.ui-icon-arrowthick-1-s{background-position:-64px -48px}
.ui-icon-arrowthick-1-sw{background-position:-80px -48px}
.ui-icon-arrowthick-1-w{background-position:-96px -48px}
.ui-icon-arrowthick-1-nw{background-position:-112px -48px}
.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}
.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}
.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}
.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}
.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}
.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}
.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}
.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}
.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}
.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}
.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}
.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}
.ui-icon-arrowreturn-1-w{background-position:-64px -64px}
.ui-icon-arrowreturn-1-n{background-position:-80px -64px}
.ui-icon-arrowreturn-1-e{background-position:-96px -64px}
.ui-icon-arrowreturn-1-s{background-position:-112px -64px}
.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}
.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}
.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}
.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}
.ui-icon-arrow-4{background-position:0 -80px}
.ui-icon-arrow-4-diag{background-position:-16px -80px}
.ui-icon-extlink{background-position:-32px -80px}
.ui-icon-newwin{background-position:-48px -80px}
.ui-icon-refresh{background-position:-64px -80px}
.ui-icon-shuffle{background-position:-80px -80px}
.ui-icon-transfer-e-w{background-position:-96px -80px}
.ui-icon-transferthick-e-w{background-position:-112px -80px}
.ui-icon-folder-collapsed{background-position:0 -96px}
.ui-icon-folder-open{background-position:-16px -96px}
.ui-icon-document{background-position:-32px -96px}
.ui-icon-document-b{background-position:-48px -96px}
.ui-icon-note{background-position:-64px -96px}
.ui-icon-mail-closed{background-position:-80px -96px}
.ui-icon-mail-open{background-position:-96px -96px}
.ui-icon-suitcase{background-position:-112px -96px}
.ui-icon-comment{background-position:-128px -96px}
.ui-icon-person{background-position:-144px -96px}
.ui-icon-print{background-position:-160px -96px}
.ui-icon-trash{background-position:-176px -96px}
.ui-icon-locked{background-position:-192px -96px}
.ui-icon-unlocked{background-position:-208px -96px}
.ui-icon-bookmark{background-position:-224px -96px}
.ui-icon-tag{background-position:-240px -96px}
.ui-icon-home{background-position:0 -112px}
.ui-icon-flag{background-position:-16px -112px}
.ui-icon-calendar{background-position:-32px -112px}
.ui-icon-cart{background-position:-48px -112px}
.ui-icon-pencil{background-position:-64px -112px}
.ui-icon-clock{background-position:-80px -112px}
.ui-icon-disk{background-position:-96px -112px}
.ui-icon-calculator{background-position:-112px -112px}
.ui-icon-zoomin{background-position:-128px -112px}
.ui-icon-zoomout{background-position:-144px -112px}
.ui-icon-search{background-position:-160px -112px}
.ui-icon-wrench{background-position:-176px -112px}
.ui-icon-gear{background-position:-192px -112px}
.ui-icon-heart{background-position:-208px -112px}
.ui-icon-star{background-position:-224px -112px}
.ui-icon-link{background-position:-240px -112px}
.ui-icon-cancel{background-position:0 -128px}
.ui-icon-plus{background-position:-16px -128px}
.ui-icon-plusthick{background-position:-32px -128px}
.ui-icon-minus{background-position:-48px -128px}
.ui-icon-minusthick{background-position:-64px -128px}
.ui-icon-close{background-position:-80px -128px}
.ui-icon-closethick{background-position:-96px -128px}
.ui-icon-key{background-position:-112px -128px}
.ui-icon-lightbulb{background-position:-128px -128px}
.ui-icon-scissors{background-position:-144px -128px}
.ui-icon-clipboard{background-position:-160px -128px}
.ui-icon-copy{background-position:-176px -128px}
.ui-icon-contact{background-position:-192px -128px}
.ui-icon-image{background-position:-208px -128px}
.ui-icon-video{background-position:-224px -128px}
.ui-icon-script{background-position:-240px -128px}
.ui-icon-alert{background-position:0 -144px}
.ui-icon-info{background-position:-16px -144px}
.ui-icon-notice{background-position:-32px -144px}
.ui-icon-help{background-position:-48px -144px}
.ui-icon-check{background-position:-64px -144px}
.ui-icon-bullet{background-position:-80px -144px}
.ui-icon-radio-on{background-position:-96px -144px}
.ui-icon-radio-off{background-position:-112px -144px}
.ui-icon-pin-w{background-position:-128px -144px}
.ui-icon-pin-s{background-position:-144px -144px}
.ui-icon-play{background-position:0 -160px}
.ui-icon-pause{background-position:-16px -160px}
.ui-icon-seek-next{background-position:-32px -160px}
.ui-icon-seek-prev{background-position:-48px -160px}
.ui-icon-seek-end{background-position:-64px -160px}
.ui-icon-stop{background-position:-96px -160px}
.ui-icon-eject{background-position:-112px -160px}
.ui-icon-volume-off{background-position:-128px -160px}
.ui-icon-volume-on{background-position:-144px -160px}
.ui-icon-power{background-position:0 -176px}
.ui-icon-signal-diag{background-position:-16px -176px}
.ui-icon-signal{background-position:-32px -176px}
.ui-icon-battery-0{background-position:-48px -176px}
.ui-icon-battery-1{background-position:-64px -176px}
.ui-icon-battery-2{background-position:-80px -176px}
.ui-icon-battery-3{background-position:-96px -176px}
.ui-icon-circle-plus{background-position:0 -192px}
.ui-icon-circle-minus{background-position:-16px -192px}
.ui-icon-circle-close{background-position:-32px -192px}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-s{background-position:-64px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-icon-circle-triangle-n{background-position:-96px -192px}
.ui-icon-circle-arrow-e{background-position:-112px -192px}
.ui-icon-circle-arrow-s{background-position:-128px -192px}
.ui-icon-circle-arrow-w{background-position:-144px -192px}
.ui-icon-circle-arrow-n{background-position:-160px -192px}
.ui-icon-circle-zoomin{background-position:-176px -192px}
.ui-icon-circle-zoomout{background-position:-192px -192px}
.ui-icon-circle-check{background-position:-208px -192px}
.ui-icon-circlesmall-plus{background-position:0 -208px}
.ui-icon-circlesmall-minus{background-position:-16px -208px}
.ui-icon-circlesmall-close{background-position:-32px -208px}
.ui-icon-squaresmall-plus{background-position:-48px -208px}
.ui-icon-squaresmall-minus{background-position:-64px -208px}
.ui-icon-squaresmall-close{background-position:-80px -208px}
.ui-icon-grip-dotted-vertical{background-position:0 -224px}
.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}
.ui-icon-grip-solid-vertical{background-position:-32px -224px}
.ui-icon-grip-solid-horizontal{background-position:-48px -224px}
.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}
.ui-icon-grip-diagonal-se{background-position:-80px -224px}
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}
.ui-widget-shadow{background:#aaa url(../ntImages/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px;margin:-8px 0 0 -8px;padding:8px}
.ui-helper-hidden,.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-accordion .ui-accordion-icons,.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-button-text-only .ui-button-text,input.ui-button{padding:.4em 1em}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-multi .ui-datepicker-group,.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group,.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}
.ui-menu-icons,.ui-resizable{position:relative}
.ui-slider-vertical .ui-slider-range-min,.ui-spinner-down{bottom:0}
.ui-slider-vertical .ui-slider-range-max,.ui-spinner-up{top:0}
/*.ui-widget-content a,.ui-widget-header a{color:#222}*/
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color: #536dfe;text-decoration:none;background:#fff;font-weight: 700;}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
/*.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(../ntImages/ui-icons_222222_256x240.png)}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-state-active .ui-icon{background-image:url(../ntImages/ui-icons_454545_256x240.png)}
.ui-icon-seek-start,.ui-icon-seek-first{background-position:-80px -160px}*/

.ui-button-text{font-size: 120% ;font-weight:bold;/*background-color:#B0B0B0*/;color:#000000;}
.ui-dialog-title{font-size: 150% ;text-align: center;}
.ui-dialog-titlebar-close {visibility: hidden;}
.ui-widget-titleBar{background-color:green;color:red}    
    fieldset { padding:0; border:0; }
    h2 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 200px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .validateTips { border: 1px solid transparent; padding: 0.3em;color:red; }
    .ui-slider {background: #33CC33;} 
.ui-slider-range {background: red;}
#YourDiv {float: right;height: 100%;background: #CC0099;border-radius: 0 4px 4px 0;}
.ui-slider-horizontal .ui-state-default {background: white url(ntImages/radio-on.png) no-repeat scroll 50% 50%;background: #fff !important;border: 3px solid #22bacf !important;border-radius: 50% !important;-webkit-border-radius: 50% !important;}
.morris-hover{position:absolute;z-index:1000;}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255, 255, 255, 0.8);border:solid 2px rgba(230, 230, 230, 0.8);font-family:sans-serif;font-size:12px;text-align:center;}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0;}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0;}
.infobox-wrapper {display:none;}
#infobox {border:2px solid black;margin-top: 0;background:#333;color:#FFF;font-family:Arial, Helvetica, sans-serif;font-size:12px;padding: 2px 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;text-shadow:0 -1px #000000;-webkit-box-shadow: 0 0  8px #000;box-shadow: 0 0 8px #000;line-height: 150%;}
#infobox input{color:black;}
.infobox_ul{ padding:0px; list-style:none;}
.infobox_ul li{padding: 2px 6px 2px 5px;margin-bottom: 2px;border-radius: 4px;}
.infobox_ul li a{color:white !important;}
.infobox_ul li a input{width:50%;}
.infobox_ul select{width:50%;height:22px;}
/* .vehicles-list li a:hover{ color: #e20404;}  */
.infobox_ul li a{color:#424242;}
.ui-tabs .ui-tabs-nav{/* background: #0071BC; */}
/* div.growlUI { background: url(../swbntImages/check_48.png) no-repeat 10px 10px } */
div.growlUI h1 {color: white; padding: 5px 5px 5px 25px; text-align: center;font-size: 12px;}
div.growlUI h2 {color: white; padding: 5px 5px 5px 25px; text-align: center;font-size:12px;}
.home_control_button_chrome {margin-left: auto;margin-right: auto;background:-webkit-radial-gradient(top, #449def, #2f6699);textAlign:center;border: 1px solid #ccc;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;outline: 0;-webkit-appearance: none;}
.home_control_button_mozilla {background:green;textAlign:center;border-radius: 10px;}
.home_control_prev_next {background:-webkit-radial-gradient(top, #8dc63f, #39b54a);textAlign:center;cursor:pointer;border: 1px solid #ccc;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;-moz-box-shadow: 2px 2px 3px #666;-webkit-box-shadow: 2px 2px 3px #666;box-shadow: 2px 2px 3px #666;outline: 0;-webkit-appearance: none;}
.home_control_button {margin-left:10px; margin-right:10px;color:white;height:18px;width:50px;text-align:center;paddingLeft:8px;fontSize:12px;line-height:18px;}
.chrome_insidebutton {display:inline;background:-webkit-radial-gradient(top, #449def, #2f6699)!important;text-align: center;cursor: pointer;border: 1px solid #ccc;border-radius: 15px;}
.mozilla_insidebutton{display:inline;background: green;text-align: center;cursor: pointer;border-radius: 10px;border:none;}
.ctrl_bground {background: none;border:none;}
.bottom_right {margin-left:10px; margin-right:10px;color:white;height:42px;width:auto;text-align:left;paddingLeft:8px;fontSize:12px;line-height:18px;}
.top_center {text:bold;margin-left:10px; margin-right:10px;color:white;height:18px;width:auto;text-align:center;paddingLeft:20px;paddingRight:4px;fontSize:16px;line-height:18px;}
.bottom_left {margin-left:10px; margin-right:10px;color:white;height:auto;width:auto;text-align:center;paddingLeft:8px;fontSize:12px;line-height:12px;}
.list_panel_button {width:55px;padding: 7px 4px;background: #E20404;color: white;text-align: center;}
.fence_button {width:78px;background-color: #e20404;}


.ui-menu{background:#fff;border: solid 1px #ccc;border-radius: 0;padding: 0;margin: 0;}
.ui-menu .ui-menu-item a{font-weight: 400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;display:block;margin:0;padding: 5px 4px;}
.ui-menu .ui-menu-item:hover, .ui-menu .ui-menu-item:focus{background:#ccc;}
.ui-button-icon-only .ui-icon{    background: url(../../../../../ntImages/arrow_drop.png) no-repeat center;background-size: 10px auto;}
.onoffswitch-checkbox{display:none;}

.change_user_div .custom-combobox{float: left !important;display:inline-block;width: 50% !important;}
.change_user_div ul{display:inline-block;width:100%;margin:0;padding:0;}
.change_user_div ul li{display:inline-block;width:100%;margin:0 0 10px !important;padding:0;}

.change_user_div .custom-combobox-input {margin: 0 !important;padding: 5px 10px !important;margin: 0% 0% 0% 0% !important;float: left !important;width: 82% !important;border: solid 1px #ccc !important;height: 28px !important;font-weight: 400 !important;font-family: 'Roboto', sans-serif !important;font-size: 14px !important;color: #000 !important;line-height: 14px !important;border-radius: 3px !important;}
.change_user_div .custom-combobox-toggle{height:28px !important;}
#users_table_scroll{max-height: 200px !important;overflow-y:auto !important;display: inline-block;width: 100% !important;}

.track_admin{display:none;}
.vehicle_detail_tabs .example tbody{max-height: 40vh;overflow-y: auto;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{background: #807e7e !important;border-color:#807e7e !important;color:#fff !important}

.track_management_page .reports_div_top{display: inline-block;margin: 0;padding: 20px 10px;background: #e9edf2;border-bottom: 1px solid #dee2e8;position: static;width: 100%;float: none;}

/**********************Management-page***********************/

.veh_mngt_bk{display:inline-block;float:none;width:100%;margin:0;padding: 15px 2%;max-height: 515px;overflow-y: auto;}
.fuel_lgt{width: 49%;display:inline-block;float:left;margin:0;padding: 15px 2%;background: #fff;position: relative;box-shadow: 0 0 5px #ccc;}
.fuel_lgt h2{display:block;margin: 0 0 22px 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 24px;color: #FF9800;line-height: 24px;text-align: center;}
.fuel_lgt ul{display:inline-block;width:100%;margin:0;padding:0;}
.fuel_lgt ul li{display:inline-block;width:100%;margin: 0 0 8px;padding:0;}
.fuel_lgt ul li label{display:inline-block;float:left;width: 30%;margin: 8px 10px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #464646;}
.fuel_lgt ul li label em{display:inline-block;float:right;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 14px;color: #464646;}
.fuel_lgt ul li input{display:inline-block;float:left;width: 48%;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background:#fbfbfb;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.fuel_lgt ul li a{display:inline-block;float:left;width: 48%;margin: 0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 30px;color: #000;outline:none;height: 30px;white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.fuel_lgt ul li textarea{display:inline-block;float:left;width: 48%;margin:0;padding:5px 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 18px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background:#fbfbfb;white-space: normal;overflow: hidden;text-overflow: ellipsis;min-height:50px;resize:none;}

.down_fn{display: inline-block;margin: 0 0 12px;padding:0;width: 100%;}
.down_fn a.pdf{float:right;display:inline-block;margin:0;padding: 0 12px;background: #2182d0;height: 30px;/* width: 90px; */text-align: center;border-radius: 4px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: capitalize;color: #fff;text-shadow: none;border: none;}
.fuel_rgt{width: 49%;display:inline-block;float:right;margin:0;padding: 15px 2%;background: #fff;}
.fuel_lgt ul li a.red_button, .fuel_lgt ul li button.red_button{display:block;float:none;margin: 10px auto 0;padding:0;background:#828181;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: Captilize;color: #fff;text-shadow: none;border: none;}
.veh_mngt_bk, .fuel_mgt_bk{display:block !important;}
#veh_det_id{max-height: 157px;overflow-y:auto;}
#chasis_error, #err_driver_id, #expense_error, #err_date_id{position: absolute;bottom: 30px;right: 4%;font-size: 13px;}

.table_list table.dataTable tbody td input{margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 2px;border: 1px solid #dce1e4;background: #f3f3f3;height: 28px;line-height: 28px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.expense_tab_div{padding:0;display:block;margin:0;/* padding:0; */max-height: 535px;overflow-y: auto;    overflow-x: hidden;}
.fuel_lgt ul li .bootstrap-select{display: inline-block !important;float: left !important;width: 48% !important;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background:#fbfbfb;height:30px;line-height:30px;}
.fuel_lgt ul li .bootstrap-select>.btn{background:none;border:none;padding:0;margin:0;height: 30px;box-shadow: none;outline: none;}
.fuel_lgt ul li .bootstrap-select.btn-group .dropdown-menu li{margin:0;}
.fuel_lgt ul li .bootstrap-select.btn-group .dropdown-menu li a{width:100%;}

.fuel_lgt ul li  .bootstrap-select.btn-group .dropdown-menu.inner{margin:8px 0 0 0;}

.graph_tab_div{display:inline-block;width:49%;margin:0;padding:0;float: left;}
.graph_list_div{display:inline-block;width:100%;margin:12px 0 0 0;padding:0;}
.graph_table_div{display:inline-block;width: 49%;margin:0;padding:0;float: right;}
.graph_items{display:inline-block;width:100%;margin:0;padding:0;}

.report_down strong{display:inline-block;float:left;width:auto;margin: 0px 10px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #464646;}
.report_download ul li a.view_btn{display:inline-block;margin:0;padding: 8px 11px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 13px;color: #fff;line-height: 13px;background: #4CAF50;}
.graph_table_div .vehicle_detail_tabs{margin:10px 0 0 0;}
.graph_table_div  #month_exp tbody{max-height:30vh;}
.vehicle_report_list{display:inline-block;width:100%;margin:0;padding: 20px 2%;text-align: center;background: #dddedf;}
.vehicle_report_list ul{display:inline-block;width: auto;margin:0;padding:0;}
.vehicle_report_list ul li{display:inline-block;float:left;margin: 0 22px;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 15px;color: #464646;}
.vehicle_report_list ul li small{display:inline-block;margin: 0 0 0 6px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;line-height: 15px;color: #464646;}
.tank_det{display:inline-block;width:100%;margin:0;padding: 18px 2%;}
.tank_report{display:inline-block;width:100%;margin:0;padding:0;}
.tank_report ul{display:inline-block;float:left;margin:0;padding:0;width:50%;}
.tank_report ul li{display:inline-block;margin: 0 0 13px 0;padding:0;width:100%;}

.tank_report  ul li .bootstrap-select{display: inline-block !important;float: left !important;width: 48% !important;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background:#fbfbfb;height:30px;line-height:30px;}
.tank_report  ul li .bootstrap-select>.btn{background:none;border:none;padding:0;margin:0;height: 30px;box-shadow: none;outline: none;}
.tank_report  ul li .bootstrap-select.btn-group .dropdown-menu li{margin:0;}
.tank_report  ul li .bootstrap-select.btn-group .dropdown-menu li a{width:100%;}

.tank_report  ul li  .bootstrap-select.btn-group .dropdown-menu.inner{margin:8px 0 0 0;}
.tank_report  ul li label{display:inline-block;float:left;width: 40%;margin: 8px 20px 0 0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #464646;}
.tank_report  ul li a{display:inline-block;float:left;width: 50%;margin: 8px 0 0 0 !important;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #464646;}
.tank_report  ul li label em{display:inline-block;float:right;margin:0;padding:0;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #464646;}
.tank_report ul li a.submit_btn{display:block;float:none;margin: 10px auto 0;padding:0;background:#828181;height: 30px;width: 90px;text-align: center;border-radius: 2px;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 16px;line-height: 30px;text-transform: Captilize;color: #fff;text-shadow: none;border: none;}

.tank_det h2{display:block;margin: 0 0 22px 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 24px;color: #FF9800;line-height: 24px;text-align: center;}
.tank_report  ul li input{display:inline-block;float:left;width: 48%;margin: 0 !important;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #fff;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.tank_report  ul li select{display:inline-block;float: left;width: 48% !important;margin:0;padding: 0 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;color: #000;outline:none;border-radius: 5px;border: 1px solid #dce1e4;background: #fff;height:30px;line-height:30px;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
.tank_det{max-height: 70vh;overflow-y:auto;}
.fuel_tank_type{display:inline-block !important;}
#tank_l_list, #tank_dia_list, #tank_s_h_list{display:inline-block !important;}
.required{background: url(../ntImages/star-bg.png) no-repeat left 0 !important;background-size: 7px auto !important;}
.fuel_reports_list .table_list{margin:0 1%;width:98%;display:block;padding:0;}
.veh_mgnt_div{padding:20px 2%;}

/*********************Master_dashboard*****************************/

/*------------User-dashboard---------------*/
.dashboard_tracking_block{width: 22%;border-right: solid 1px #f7f7f7;padding:12px 0.5%;float:left;background-color: #fff;height: 99.7%;}

.user_updates{display:block;margin:0;padding: 30px 2px 0;height: 100%;position: relative;}
.user_update_list{display:block;margin:0;padding:10px 15px;border: solid 2px #fdc236;background: #f0f0f0;/*height: 280px; position: relative; */}
.user_update_list h4{display:block;margin: -26px 0 0 0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 16px;color:#000;line-height: 16px;/* background: red; */}
.user_update_list h4 span{display:block;margin: 0;padding: 7px 5px;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 17px;color: #fff;line-height: 17px;background: red;text-align:center;background: #fdc236;width: 80%;/* text-transform: uppercase; */}
.user_update_list ul{display:block;margin:0;padding: 16px 0 0;}
.user_update_list ul li{display:block;margin: 0 0 10px;padding: 0 0 0px 19px;position: relative;/* border-bottom: 1px solid #ccc; */}
.user_update_list ul li a{display:block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 14px;color:#1a1a1a;line-height: 24px;}
.user_update_list ul li:before {position: absolute;content: '';border: solid #d30e00;border-width: 0 1px 1px 0;transform: rotate(-45deg);width: 6px;height: 6px;left: 0;top: 8px;display: block;font-weight: bold;}
.user_updates p{display:block;margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 12px;color:#1a1a1a;line-height: 14px;position: absolute;bottom: 0;left: 0;right: 0;}
.user_updates p small{margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 11px;color:#536dfe;line-height: 14px;}
.user_updates p a{margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size: 11px;color:#536dfe;line-height: 14px;}
.scroll-up {
	
 height:375px;
 overflow: hidden;
 /* position: relative; */
 position: relative;
}
.scroll-up ul {
 position: absolute;
 width: 100%;
height: 100%; 
 margin: 0;
 line-height: 50px;
 /* text-align: center; */
 /* Starting position */
 -moz-transform:translateY(100%);
 -webkit-transform:translateY(100%);
 transform:translateY(100%);
 /* Apply animation to this element */
 -moz-animation: scroll-up 15s linear infinite;
 -webkit-animation: scroll-up 15s linear infinite;
 animation: scroll-up 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-up {
 0%   { -moz-transform: translateY(100%); }
 100% { -moz-transform: translateY(-100%); }
}
@-webkit-keyframes scroll-up {
 0%   { -webkit-transform: translateY(100%); }
 100% { -webkit-transform: translateY(-100%); }
}
@keyframes scroll-up {
 0%   { 
 -moz-transform: translateY(100%); /* Browser bug fix */
 -webkit-transform: translateY(100%); /* Browser bug fix */
 transform: translateY(100%); 		
 }
 100% { 
 -moz-transform: translateY(-100%); /* Browser bug fix */
 -webkit-transform: translateY(-100%); /* Browser bug fix */
 transform: translateY(-100%); 
 }
}

.user_logos{display:block;margin: 40px 0 0 0;padding:0;}
.user_logos ul{display:block;margin:0;padding:0;}
.user_logos ul li{display:block;margin: 0 0 30px 0;padding:0;}
.user_logos ul li a{display:block;margin: 0 auto;padding:0;text-align: center;}
.user_logos ul li a img{width:auto;height:40px;margin:0 auto;}
.dashboard_company_main{width:78%;display: inline-block;float: right;padding: 20px 1%;    height: calc(100% - 40px);}
.dashboard_master_main{width:78%;display: inline-block;float: right;padding: 20px 1%;overflow-y:auto;max-height:97%;height: calc(100% - 40px);overflow-y: auto;max-height: 97%;}
.dashboard_master_main .dash_block ul,.dashboard_company_main .dash_block ul{text-align:center;}
.dashboard_master_main .dash_block ul li,.dashboard_company_main .dash_block ul li{float:none;}

.user_menu_list{display:inline-block;width:100%;margin: 10px 0 0 0;padding: 30px 1% 20px;background: #fff;box-shadow: 0 0 5px #ccc;}
.user_menu_list ul{display:inline-block;width:100%;margin:0;padding:0;}
.user_menu_list ul li{display:inline-block;float:left;margin: 0 1% 25px;padding:0;width: 23%;background:#ccc;height: 100px;position:relative;    border-radius: 5px;}
.user_menu_list ul li a{display:block;margin:0;padding: 10px 3%;height: 100%;}
.user_menu_list ul li a span{display:inline-block;float:left;margin:0;padding:0;width: 32%;height: 80px;position: relative;z-index: 9999;}
.user_menu_list ul li a small{display:inline-block;float:right;margin:0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 16px;color: #fff;line-height: 80px;text-align: center;width: 68%;}
.user_menu_list ul li a span i{font-size: 40px !important;color:#fff;margin: 0 auto;text-align: center;line-height: 80px;width: 100%;}
.master1{background:#497ad6 !important;}
.master2{background:#f16621 !important;}
.master3{background:#eeba19 !important;}
.master1{background:#68dff0 !important;}
.master2{background:#ff865c !important;}
.master3{background:#ffb848 !important;}
.master4{background:#16a085 !important;}
.master5{background:#e05d6f !important;}
.master6{background:#3f4e62 !important;}
.master7{background:#cd97eb !important;}
.master8{background:#4fc3f7 !important;}


.user_menu_list ul li:before {
    -webkit-transition: width;
    -o-transition: width;
    transition: width;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    content: "";
    /* width: 113px; */
    width: 32%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 4px 0 0 4px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
}
.user_menu_list ul li:hover:before{width:100%;}
.tracking_block{height:100%;}
.dash_value small i {font-size: 90px !important;color: #ababab !important;opacity: 0.2;}
.dash_clr11 h3 {background:#ff7043 !important;}
.dash_clr11 span, .dash_clr11 em, .dash_clr11 small i {color: #ff7043 !important;}
.dash_clr12 h3 {background:#ff8a65 !important;}
.dash_clr12 span, .dash_clr12 em, .dash_clr12 small i {color: #ff8a65 !important;}
.scroll-up ul:hover{-webkit-animation-play-state: paused;animation-play-state: paused;}
 .dash_block ul li{display: inline-block;width: 23.3%;margin:0 2.26% 20px 0;padding:0;float:left;padding: 20px 10px;border-radius: 3px;background:#fff !important;position:relative;min-height: 156px;}
.dash_block ul li h3{font-weight:700;font-family: 'Roboto', sans-serif;font-size: 12px;color:#fff;min-height: 26px;margin: 0 0 10px -10px;padding: 0 7px;line-height: 26px;background: #4CAF50;border-radius: 0 50px 50px 0;width: 94%;text-transform: uppercase;    text-align: left;}
.dash_block ul li h3 i{font-size:13px;color:#fff;margin: 0 6px 0 0;}

.dash_value{display:block;margin:0;padding: 9px 0px;}
.dash_value small{display:block;position: absolute;/* top: -2px; */right: 14px;bottom: 0;}
.dash_value small i{font-size: 100px;color:#4CAF50;    opacity: 0.2;}
.dash_value em{text-align:center;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 38px;color:#fff;line-height: 50px;display:block;margin: 3px 0 0 0;padding:0;}



.change_user_div{display:block;margin:0;padding:0;}
.change_user_div ul{display:block;margin:0;padding:0;}
.change_user_div ul li{display: inline-block;margin: 0 0 5px 0;padding:0;width: 100%;}
.change_user_div ul li label{display: inline-block !important;float: left !important;margin: 5px 0 0 0 !important;padding: 0 !important;font-weight: 400 !important;font-family: 'Roboto', sans-serif !important;font-size: 14px !important;line-height: 15px !important;color: #090909 !important;width: 36% !important;text-align: right;}

.change_user_div ul li .custom-combobox {
    width: 59%;
    float: right;
}
.change_user_div ul li .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
    margin: 0% 0% 0% 0% !important;
    float: none !important;
    width: 75% !important;
    display: inline-block;
    float: left;
    border: none;
    background: #e4e4e4;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;outline:none;
}
/*.change_user_div .ui-state-default .ui-icon{    background-position: -64px -16px !important;background:url(../images/ui-icons_454545_256x240.png);}*/

.track_master_dashboard{display:inline-block;width:100%;margin:0;padding:0;}

/*Dashboard*/

.dashboard_main{display:inline-block;float:right;width:78%;margin:0;padding: 16px;overflow-y: auto;max-height: 97%;display:none;}
.dash_block{display:block;margin:0;padding:0;}
.dash_block ul{display:inline-block;width:100%;margin:0;padding:0;}
.dash_block ul li{display: inline-block;width: 23.3%;margin:0 2.26% 20px 0;padding:0;float:left;padding: 20px 10px;border-radius: 3px;background:#fff !important;position:relative;min-height: 156px;}
.dash_block ul li h3{font-weight:700;font-family: 'Roboto', sans-serif;font-size: 12px;color:#fff;min-height: 26px;margin: 0 0 10px -10px;padding: 0 7px;line-height: 26px;background: #4CAF50;border-radius: 0 50px 50px 0;width: 94%;text-transform: uppercase;    text-align: left;}
.dash_block ul li p{font-weight:400;font-family: 'Roboto', sans-serif;font-size: 15px;color:#fff;margin:0;padding:0;line-height:15px;}
.dash_block ul li span{position:absolute;    top: 13px;right: 10px;}
.dash_block ul li span i{font-size: 80px;color: rgba(0, 0, 0, 0.15);}
.dash_block ul li:nth-last-child(1){margin-right:0;}
.dash_block ul li h3 i{font-size:13px;color:#fff;margin: 0 6px 0 0;}
.dash_clr4 h3{background:#FFC107 !important;}
.dash_clr1 h3{background:#4CAF50 !important;}
.dash_clr2 h3{background:#8BC34A !important;}
.dash_clr3 h3{background:#CDDC39 !important;}
.dash_clr4 span, .dash_clr4 em, .dash_clr4 small i{color:#FFC107 !important;}
.dash_clr1 span, .dash_clr1 em, .dash_clr1 small i{color:#4CAF50 !important;}
.dash_clr2 span, .dash_clr2 em, .dash_clr2 small i{color:#8BC34A !important;}
.dash_clr3 span, .dash_clr3 em, .dash_clr3 small i{color:#CDDC39 !important;}
.dash_clr1 small {bottom: 2px !important;}
.dash_clr2 small {bottom: 8px !important;}
.dash_clr3 small {bottom: -2px !important;}
.dash_clr4 small {bottom: -7px !important;}


.dash_state{display:block;margin:0 0 30px 0;padding:0;}
.dash_state ul{display:inline-block;float: none;margin:0;padding:0;width: 100%;}
.dash_state ul li{
    display: inline-block;
    width: 23%;
    margin:0 2.66% 20px 0;
    padding:13px 46px;
    float:left;
        text-align: center;
   
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    background: #fff;
	background: #00a65a;    min-height: 82px;
    }
	.wave_clr1{background: #00a65a !important;}
	.wave_clr2{background: #0073b7 !important;}
	.wave_clr3{background: #dd4b39 !important;}
	.wave_clr4{background: #828181 !important;}
.dash_state ul li small{/*width:90px;height:90px;*/display:inline-block;float:left;margin: 4px 0 0 0;padding:0;text-align:center;background: #00a65a;}	
.dash_state ul li small i{font-size: 45px !important;color: #fff;margin: 0;}
.dash_state_bk{display:inline-block;float:right;/*width: 61%;padding: 8px 10px;*/margin:0;}
.dash_state_bk h4{display:block;margin: 0 0 8px 0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 15px;color:#fff;line-height: 17px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}	
.dash_state_bk small{display:block;margin:0;padding:0;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 30px;color:#fff;line-height:30px;}	
.dash_state ul li:nth-last-child(1){margin-right:0;}	
.state_clr1{background:#00a65a !important;}
.state_clr2{background:#0073b7 !important;}
.state_clr3{background:#dd4b39 !important;}
.state_clr4{background:#828181 !important;}
.dash_value{display:block;margin:0;padding: 9px 0px;}
.dash_value small{display:block;position: absolute;/* top: -2px; */right: 14px;bottom: 0;}
.dash_value small i{font-size: 100px;color:#4CAF50;    opacity: 0.2;}
.dash_value em{text-align:center;font-weight:700;font-family: 'Roboto', sans-serif;font-size: 38px;color:#fff;line-height: 50px;display:block;margin: 3px 0 0 0;padding:0;}
.dash_graphs{display:block;margin:0;padding:0;}
.dashboard_main .graph_lgt{width: 33%;display:inline-block;float:left;margin: 0 20px 0 0;padding:0;background:#fff;min-height:300px;padding: 10px 19px;border: 1px solid hsl(0, 0%, 89%);border-radius: 0;box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0) inset;border-top: 3px solid #dd4b39;height:auto;}
.dashboard_main .graph_lgt  h5{font-weight:400;font-family: 'Roboto', sans-serif;font-size: 16px;color:#03A9F4;line-height:16px;margin:0 0 10px;padding:0;display:block;text-align:center;}       
.graph-pie{display:block;margin:0;padding:0;}
.dashboard_main .graph_rgt{width:65%;display:inline-block;float:left;margin:0;padding:0;background:#fff;    min-height: 300px;    padding: 10px 19px;    border: 1px solid hsl(0, 0%, 89%);
    border-radius: 0;box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0) inset;    border-top: 3px solid #4CAF50;}

.dashboard_main .graph_rgt  h5{font-weight:400;font-family: 'Roboto', sans-serif;font-size: 16px;color:#303f9f;line-height:16px;margin:0 0 10px;padding:0;display:block;}       
.graph_bar{display:block;margin:0;padding:0;}

.fuel_tabs_info{
    display: inline-block;
    /* float: right; */
    /* width: 78%; */
    display:none;
    /* padding:20px; */
    background: #fff;
    height: 100%;
    }
.vehicle_status{display: inline-block;float: right;width: 78%;display:none;padding:20px;}
.alert_info{display: inline-block;float: right;width: 78%;display:none;padding:20px;}
.alert_blk{margin:0;}
.profile_list_info{display: inline-block;float: right;width: 78%;display:none;padding:20px;}
.set_profile{margin:0 0 18px !important;}
.profile_list_info h3, .vehicle_blk_info h3, .user_blk_info h3{display:block;font-weight: 700;color: #303f9f;font-size: 20px;line-height: 20px;font-family: 'Roboto', sans-serif;margin: 0 0 19px;text-align: center;}
.vehicle_blk_info, .user_settings_blk_info{display: inline-block;float: right;width: 78%;display:none;padding:20px;}
.vehicle_blk_info .ui-tabs-panel, .user_blk_info .ui-tabs-panel, .single_report  .ui-tabs-panel, .user_settings_blk_info .ui-tabs-panel{border: solid 1px #536dfe;background-color: white;margin: 0 4px;border-top: none;height:73%;    max-height: 474px;
    overflow-y: auto;}
.user_blk_info{display: inline-block;float: right;width: 78%;display:none;padding:20px;}

.work_status{display:block;margin:0;padding:0;/* height: 100px; */}
.work_status ul{display:inline-block;width:100%;margin:0;padding:0;}
.work_status ul li{display:inline-block;position:relative;width: 23.5%;margin: 0 2% 0 0 !important;padding: 4px 5px;float:left;cursor: pointer;text-align: center;border-radius: 5px;min-height: 58px;}
.work_status ul li span{display: inline-block;margin: 0;padding:0;width: 100%;}
.work_status ul li span i{font-size: 16px !important;color:#fff;margin: 0;display: inline-block;float: none;width:100%;margin: 0 0 2px;}
.work_status ul li  span em{display: inline-block;margin:0;padding:0;font-weight:700;color: #fff;font-size: 12px;line-height: 12px;font-family: 'Roboto', sans-serif;float: none;width:100%;}
.work_status ul li small{position:absolute;top:-26px;left: 2px;right:0;display: none;margin: 0;padding:3px 5px;font-weight:400;color: #fff;font-size: 12px;line-height: 12px;font-family: 'Roboto', sans-serif;width: 95%;/* min-height: 26px; */background:#303f9f;border-radius: 3px;}
.work_status ul li small em{position:absolute;bottom: -11px;left: 0;right: 0;}
.work_status ul li small em i{font-size: 17px;color: #303f9f;}
.work_status ul li span h5{display:block;margin: 0 0 5px;padding:0;font-size: 12px;line-height: 12px;color:#fff;}

.status_1{background:#dd4b39 !important;}
.status_2{background:#00a65a !important;}
.status_3{background:#0073b7 !important;}
.status_4{background:#828181 !important;}
.work_status ul li:nth-last-child(1){margin-right:0 !important;}
.dash_state .circle-info, .dash_state .circle-info-half{color:#000;font-weight:700;font-size:15px;}
.dash_state .circle-text{
    color: #000;
    font-size: 28px !important;
    font-weight: 700;
    line-height: 106px !important;
    }
.dash_state .circliful{margin:22px auto 0;}
.dash_state{margin:0 0 30px;}
.dashboard_circles {width: 23%;height: 180px;margin: 0px 2.3% 0px 0;display: inline-block;background: #fff;}
.dashboard_circles:nth-last-child(1){margin-right:0 !important;}
.graph-pie {
    display: block;
    margin: 0;
    padding: 0;
}
#dashboard_pie_chart {
    height: 200px;
    background-color: #FFFFFF;
    margin: 3px;
}
#dashboard_bar_chart {
    height: 230px;
    background-color: #FFFFFF;
    margin: 3px;
}
#mul_des_info_table_div .table_list{width:98%;margin:0 1%;}

.modal-open .modal{overflow-y: hidden;}
.modal-body{overflow-y: auto;max-height: 70%;}
#sub_user_type_li select{
	width: 130px;
    border: solid 1px #ccc;
    height: 26px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #000;
    line-height: 14px;
    outline: none;
    border-radius: 5px;
    position: relative;
}
#allRoutesNames, #routeDistance, #routeAssignType, #nonJourneyRefId, .selectClass{
	width: 130px;
	border: solid 1px #ccc;
	height: 26px;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	color: #000;
	line-height: 14px;
	outline: none;
	border-radius: 5px;
	/* position: absolute; */
}
.weekDaysClass span{
	    float: none!Important;
    margin: 4px 27px 5px 12px;
}
.paddingTop{
	padding-top: 11px;
}
.marginTop6{
	    margin-top: 6px;
}


/*----------OBD------------*/
.obd_main{display:inline-block;float:right;margin:0;padding: 6px 16px 16px;display:none;}
.obd_diagno{display:block;margin:0;padding:0;
/*background: url(http://themes.lpd-themes.com/456repair-1-3/wp-content/uploads/2014/08/parallax-03.jpg) repeat; height:100%;width:100%;background-attachment:scroll;*/}

.obd_diagno_list{display:block;margin:0;padding:0px 0px;}
.obd_diagno_list ul{display:block;margin:0;padding:0;}
.obd_diagno_list ul li{display:inline-block;margin:0;padding:0;float:left;width: 24.1%;margin: 0 1.2% 20px 0;border: 1px solid #dddddd;min-height: 285px;background: #fff;position:relative;}
.obd_diagno_list ul li a{display:block;margin:0;padding:0;}
.obd_diagno_list ul li a small{display:block;margin:0;padding:0;position:absolute;bottom: 10px;left:0;right:0;font-weight: 700;font-family: 'Lato', sans-serif;font-size:15px;color: #0d6ccc;line-height: 15px;text-align: center;/* text-decoration: underline; */}

.diagno_block{display:block;margin: 0;padding:0;border-bottom: solid 2px #2196F3;height: 187px;position:relative;}
.diagno_block span{display:block;margin:0;padding:0;}
.diagno_block span img{width:100%;height:auto;display:block;height: 169px;}
.diagno_circle{display:block;margin:0;padding:0;background: #536dfe;border: solid 5px #f3f2f2;width: 90px;height: 90px;position:absolute;bottom: -48px;left:0;right:0;border-radius:100%;margin: 0 auto;z-index: 99999;}
.diagno_circle small{display:block;margin:0;padding:0;border-radius:100%;font-weight: 700;font-family: 'Lato', sans-serif;font-size: 36px;color: #fff;line-height: 36px;text-align: center;display: flex;align-items: center;justify-content: center;height: 100%;}
.obd_diagno_list ul li a h5{display:block;margin: 10px 0 6px 0;padding:0;font-weight:700;font-family: 'Lato', sans-serif;font-size: 17px;color: #000;line-height: 20px;text-align:center;    min-height: 28px;}
/*.obd_diagno_list ul li a small{display:block;margin:0;padding: 10px 0 12px;font-weight:700;font-family: 'Lato', sans-serif;font-size: 20px;color: #f72d1e;line-height: 20px;text-align:center;}*/

.diagno_circle:hover{background:#ffc107;}
.obd_diagno_list ul li:nth-child(4n){margin-right:0;}

.diagno_block  #rpm_chartdiv {
  width: 100%;
  height: 240px;
  border-radius:100%;
  margin: 0;
  background: none;
  padding:6px 0;
}
.diagno_block .amcharts-chart-div, .diagno_block .amcharts-chart-div svg{padding:0px 0 0 0;width:100% !important;}
tspan{transform:rotate(-180deg);}
#obd_vss_chartdiv, #obd_ect_chartdiv, #obd_load_chartdiv {
	width	: 100%;
	height	: 240px;
}		
.diagno_block .amcharts-export-menu{display:none;}
.diagno_block .amcharts-chart-div a{font-size:0 !important;}

.head_rt .nav>li>a:focus i{color:#fff;}

.obd_main .vehicle_report_list{margin:0 0 9px;}
.diagno_circle small{display:block;margin:0;padding:0;border-radius:100%;font-weight: 700;font-family: 'Lato', sans-serif;font-size: 17px !important;color: #fff !important;line-height: 19px !important;text-align: center;display: flex !important;align-items: center;justify-content: center;height: 100%;}
.temp_chart{display:block;margin:0;padding:0;}
.chart_div{display:block;margin:0;padding:0;}
#chartdiv_div {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}		
.amcharts-export-menu .export-main>a{margin-top:22px;}
.obd_diagno_list ul li{min-height:314px;}
.temp_chartdiv{/* display:block; */position:relative;}
.temp_chartdiv h4{display: block !important;margin:0;padding:0;font-weight: 700  !important;font-family: 'Lato', sans-serif !important;font-size: 20px !important;color: #0d6ccc !important;line-height: 20px !important;text-align: center !important;}
.temp_chartdiv em{display: inline-block;margin:0;padding:0;font-weight: 700;font-family: 'Lato', sans-serif;font-size:16px;color: #ec0303;line-height: 16px;font-style:normal;position: absolute;top: 17px;left: 3%;}
.temp_chartdiv .modal-header{border:none;}
.temp_chartdiv .amcharts-chart-div, .temp_chartdiv .amcharts-chart-div svg{width:100% !important;}
.padingtop5{padding-top: 8px;}
.ui-datepicker-year option, .ui-datepicker-month option{color:black;}
.li_div{color:black;line-height: 24px !important;}


/**info**/
.infoDiv{display: inline-block !important;}
.user_info {width: 100% !important;}
.user_notifi{display: inline-block;float:right;margin: 0;width:28px;position:relative;min-height:18px;}
.usericon_icon{width:30px; height: 100%;display:block; background:url(../../../../../ntImages/info/help-icon1.png) right center no-repeat;    background-size: 19px auto;}
.user-point{overflow:hidden;padding-left:8px;background: url(../../../../../ntImages/info/help-arrow.png) 4% 0px no-repeat;width:227px;float:right;top: 26px;position:absolute;/* left: 0; */display:none;/*right: -20px;*/z-index: 9999;/* transform: rotate(90deg); */padding: 7px 0 0 0;}

/*-------------Table------------*/



.network_main{border: 2px solid #e28903;display:block;margin:0 auto;padding:0;width:100%; max-height: 180px;overflow-y: auto;}
.network_block{display:block;margin:0;padding:0;background:#fff;}
.network_block table{width:100%;display:block;margin:0;padding:0;/*border: solid 1px #ccc;*/}
.network_block table tr{display: inline-block;margin:0;width: 100%;padding: 0;border-bottom:solid 1px #f1f1f1;    background: #fff !important;}
.network_block table tr th{display:inline-block;float:left;margin:0;/*width:19.75%;*/width:9.42%;font-weight:700;font-family: 'Lato', sans-serif;font-size: 13px;color: #fff;line-height:15px;text-align: center;background:#e28903;padding: 5px 3px;border-right:solid 1px #fff;display: flex;align-items: center;text-align: center;justify-content: center;height: 33px;    word-break: break-word;}
.network_block table tr td{display:inline-block;float:left;margin:0;/*width:19.75%;*/width:9.42%;font-weight:700;font-family: 'Lato', sans-serif;font-size: 13px;color:#464444;line-height:15px;text-align: center;padding: 5px 0;border-right: solid 1px #f1f1f1;display: flex;align-items: center;justify-content: center;height: 37px;}

.network_block table tr th:nth-child(1){/*width: 21%;*/width:15%;}
.network_block table tr td:nth-child(1){/*width: 21%;*/width:15%;padding: 5px 5px;text-align: left;    background: #f9f9f9;}
.network_block table tbody{width:100%;display:inline-block;margin:0;padding:0;}
.network_block table tr td:nth-last-child(1), .network_block table tr th:nth-last-child(1){border-right:none;}
.network_block table tr:nth-last-child(1){border-bottom:none;}
.network_block table tr td img{width:auto;height:20px;}
.network_block table.tracks tr th{    width:42.5%;}
.network_block table.tracks tr td{    width:42.5%;}
.network_block table.tracks tr td:nth-child(1), .network_block table.tracks tr th:nth-child(1){width:15%;}
.network_block table.signal tr th {width: 28.33%;word-break: break-all;}
.network_block table.signal tr td{width: 28.33%;}
.network_block table.signal tr td:nth-child(1), .network_block table.signal tr th:nth-child(1){width:15%;}
.network_block table.signal tr td img{width:auto;height:32px;}
.network_block table.tracks tr td img{width:auto;height:auto;}
.network_block table.connect tr th{    width:21.25%;}
.network_block table.connect tr td{    width:21.25%;}
.network_block table.connect tr td img{width:auto;height:auto;}
.network_block table.connect tr th:nth-child(1) {width: 15%;}
.network_block table.connect tr td:nth-child(1) {width: 15%;}
#icon_block .user-point{width:600px !important;}
.contact-us address 						{display:inline-block;/* float:left; *//* width:50%; *//* margin:0; *//* padding:0; */font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;/* line-height:23px; */}
.contact-us address a						{margin:0;padding:0;font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color:#fff;line-height:14px;}
/*Forgot password*/
.tel_email{overflow:hidden;padding-bottom:15px !important;padding-top:15px !important;}
/* .tel_email input, .tel_email label{float:left !important; width:inherit !important;} */
.tel_email label{padding-top:4px !important; padding-right:35px !important;}
    .tel_email ul{display:inline-block !important;}
.tel_email ul li{display:inline-block !important;float:left !important;margin:0 !important;padding:0 !important;}
/* .tel_email ul li input{    margin: 8px 7px 0 0 !important;} */
/* .email_box input{background: #f1f0f0 !important;border: none !important;padding: 0 5px !important;font-size: 15px !important;height: 30px !important;line-height: 30px !important;display: block !important;margin: 0 auto 12px !important;float: none !important;font-family: 'Lato', sans-serif;width: 80%;} */

/* .email_box input.red_button{width:80px;} */
.custom-combobox-toggle{z-index:999!important}


/**
*Driver behaviour page
*/
.driver_behaviour_list{display:block;margin:0;padding: 0;height: 100vh;overflow-x: hidden;height: calc(100vh - 40px);}
.driver_behaviour_list .reports_div_top{float: left;margin-bottom: 10px;}
.driver_behaviour_list ul.reports_list_nav{width: 17%;display:inline-block;float:left;margin:0;padding:0;height:100vh;background: #fff;border-right: solid 1px #f4f4f4;min-height: 600px;overflow-y: auto;height: calc(100vh - 40px);}
.driver_behaviour_list .tab-content{width: 83%;display:inline-block;float:right;margin:0;padding: 0;background: #f4f4f4;height:100vh;min-height: 560px;height: calc(100vh - 40px);}

.driver_behaviour_list ul.reports_list_nav li{display:block;float:none;margin:0;padding:0;}

.driver_behaviour_list ul.reports_list_nav li.active > a,
.driver_behaviour_list ul.reports_list_nav li.active > a:hover,
.driver_behaviour_list ul.reports_list_nav li.active > a:focus {color: #fff;cursor: default;background:#807e7e;border: none;border-bottom-color: transparent;border-radius: 0;font-weight: 700;}
.driver_behaviour_list ul.reports_list_nav  li.active > a i{color:#fff;}
.driver_behaviour_list ul.reports_list_nav > li > a {position: relative;display: block;padding: 10px 8px;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 15px;color:#484747;line-height:16px;margin: 0;font-family: 'Simonetta', cursive;font-family: 'Roboto', sans-serif;}
.driver_behaviour_list ul.reports_list_nav > li > a i{font-size: 16px;color: #484747;margin: 0 14px 0 0;width: 17px;text-align: center;}
.driver_behaviour_list ul.reports_list_nav li ul{display:block;margin:0;padding:0;width: 100%;height: auto;min-height: auto;position: static;float: none;background: none;border: none;}
.driver_behaviour_list ul.reports_list_nav > li ul li{display:block;margin:0;padding:0;}
.driver_behaviour_list ul.reports_list_nav > li ul li a{display:block;margin:0;padding:10px 2% 10px 24%;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 14px;position: relative;color:#4a4848;}
.driver_behaviour_list ul.reports_list_nav li ul li.active > a,
.driver_behaviour_list ul.reports_list_nav li ul li.active > a:hover,
.driver_behaviour_list ul.reports_list_nav li ul li.active > a:focus{background:#d8d8d8;color:#4a4848;}
.driver_behaviour_list ul.reports_list_nav li ul li a:before{border-color: transparent transparent transparent #989797;border-style: solid;border-width: 5px 0 5px 5px;content: '';display: block;float: right; height: 0;margin-right: -10px;margin-top: 4px;position: absolute;left: 15%;top: 6px;width: 0;}
.Driver_behaviour_rightside{width:83%;display:inline-block;float:right;margin:0;padding:0;background: #f4f4f4;height: 100%;}
.driver_sub_bar{display:none;margin-top:10px;}
.driver_sub_bar.active{display:block;}
     .blue {
            background-color:rgb(113, 159, 241);
        }
         .green {
            background-color:rgb(144, 236, 192);
        }
          .red {
            background-color:rgb(255, 102, 133);
        }
        .yellow {
            background-color:rgb(237, 253, 46);
        }
.drverchartDiv{color:black;}
#drivingBehaviourChart,#drivingdonutChart {
    width: 100%;
    height: 200px;
    margin: auto;
  }
  .goback{display:block;margin:0 0 12px 20px;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 14px;background: #777979;padding:0;line-height: 30px;border-radius:4px;height:30px;width: 80px;text-align: center;color: #fff;text-shadow: none;text-transform: uppercase;background: #fdc236;border-radius: 3px;border: solid 1px #fdc236;/* float: right; */}
  

  .multiple_track_popup .modal-header {padding: 10px 5px;border-bottom: 1px solid #f9b615;background: #f9b615;color: #fff;display: block;border-radius:5px 5px 0 0;}  
  .multiple_track_popup  .modal-title{font-weight:400;font-family: 'Roboto', sans-serif;font-size:20px;color:#fff;line-height:20px;}  
  .multiple_track_popup .modal-header .close {margin-top: -5px;color: #fff;opacity: 1;} 
  .multiple_track_popup .modal-footer{ text-align: center;margin: 10px 0;}
.pop_sort{display: inline-block;padding: 10px 3%;width: 100%;}
.sortable {
    list-style:none;
    width: 150px;
    min-height:30px;
    border: 2px solid #ada7a7;
    float:left;
    padding:0;
    margin: 0 10%;
    height: 159px;
    max-height: 159px;
    overflow-y: auto;
}
.sortable li {
    height: 22px;
    border: 1px solid #6aabc9;
    margin:5px;
    background: #c1e4f4;
    border-radius: 2px;
    text-align: center;
    padding: 0 3px;
    line-height: 22px;
    color: #3b3a3a;
}

.sort-head{display:block;margin:0;padding:0;}
.sort-head h3{display:inline-block;float:left;font-weight:400;font-family: 'Lato', sans-serif;font-size:15px;color:#1476f1;line-height:15px;margin: 0 0 8px 0;text-align: center;width: 49%;}
.sort-top{display:block;background:#536dfe;padding:4px 0;text-align: center;}
.sort-btm{display:block;    padding: 10px 0;}
.sort-top ul{display: inline-block;margin:0;padding:0;}
.sort-top ul li{display:inline-block;float:left;margin: 0 6px;padding:0;}
.sort-top ul li a{display:inline-block;float:left;margin: 5px 0 0 0;padding:0;font-weight:400;font-family: 'Lato', sans-serif;font-size:14px;color: #fff;line-height:14px;}
.sort-top ul li span{display:inline-block;float:left;margin:0;padding:0;}
.sort-top ul li span input{display:block;float:none;margin:0;padding:0;border:solid 1px #ccc;background:#fff;height: 24px;font-size: 13px;font-weight: normal;color: black;display: block;padding: 0 5px;width: 100% !important;box-shadow: inset 1px 1px 5px #d3d0d0;border: solid 1px #a6a2a2;border: solid 1px #c7bebe;box-shadow: inset 0 1px 3px rgba(0,0,0,.2);border-radius: 3px;text-align: center;}
.select-box .checkbox{background: #BCEBB0;margin: 0 0 3px 0 !important;padding: 5px 5px !important;}

.select-box .checkbox{background: #BCEBB0;margin: 0 0 3px 0 !important;padding: 8px 5px !important;}
.sort-btm h5{color: #303f9f;font-size: 17px;line-height: 17px;text-align: center;font-weight: 700;text-align:center;margin: 4px 0 15px 0;}



.datepicker_block{margin:0;width:100%; }
.date_block{height:auto;padding:3px 0;margin: 0 0 3px 0;}
.datepicker_block span{width:55%;display:inline-block;}
 /* #datepicker{width:100%;} */
 .date_block{background-color:#908d8d;border-radius: 3px;padding: 5px 0px;height: 33px;}
.datepicker_block a{color:#fff;margin: 3% 5%;}
li.checkbox{margin: 5px 0 10px 0;padding: 5px;border-radius: 4px;}
li.checkbox a{color:#fff;}



/**
*   Drivering behaviour 
*/
/* COMMON PRICING STYLES */
.panel.price,
.panel.price>.panel-heading{
    border-radius:0px;
     -moz-transition: all .3s ease;
    -o-transition:  all .3s ease;
    -webkit-transition:  all .3s ease;
}
.panel.price:hover{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2);
}
.panel.price:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .2) inset;
}

        
.panel.price>.panel-heading{
    box-shadow: 0px 5px 0px rgba(50,50,50, .2) inset;
    text-shadow:0px 3px 0px rgba(50,50,50, .6);
    display: flex;
    justify-content: center; 
    align-items: center; 
}
    
.price .list-group-item{
    border-bottom-:1px solid rgba(250,250,250, .5);
}

.panel.price .list-group-item:last-child {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.panel.price .list-group-item:first-child {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.price .panel-footer {
    color: #fff;
    border-bottom:0px;
    background-color:  rgba(0,0,0, .1);
    box-shadow: 0px 3px 0px rgba(0,0,0, .3);
}


.panel.price .btn{
    box-shadow: 0 -1px 0px rgba(50,50,50, .2) inset;
    border:0px;
}

/* green panel */


.price.panel-green>.panel-heading {
    color: #fff;
    background-color: #57AC57;
    border-color: #71DF71;
    border-bottom: 1px solid #71DF71;
    height: 60px;
}

    
.price.panel-green>.panel-body {
    color: #fff;
    background-color: #65C965;
    padding:0;
}
        

.price.panel-green>.panel-body .lead{
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-green .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* blue panel */


.price.panel-blue>.panel-heading {
    color: #fff;
    background-color: #608BB4;
    border-color: #78AEE1;
    border-bottom: 1px solid #78AEE1;
    height: 60px;
}

    
.price.panel-blue>.panel-body {
    color: #fff;
    background-color: #73A3D4;
    padding:0;
}
        

.price.panel-blue>.panel-body .lead{
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-blue .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* red price */


.price.panel-red>.panel-heading {
    color: #fff;
    background-color: #D04E50;
    border-color: #FF6062;
    border-bottom: 1px solid #FF6062;
    height: 60px;
}

    
.price.panel-red>.panel-body {
    color: #fff;
    background-color: #EF5A5C;
    padding:0;
}




.price.panel-red>.panel-body .lead{
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-red .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* grey price */


.price.panel-grey>.panel-heading {
    color: #fff;
    background-color: #6D6D6D;
    border-color: #B7B7B7;
    border-bottom: 1px solid #B7B7B7;
    height: 60px;
}

    
.price.panel-grey>.panel-body {
    color: #fff;
    background-color: #808080;
    padding:0;
}



.price.panel-grey>.panel-body .lead{
        text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price.panel-grey .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}

/* white price */


.price.panel-white>.panel-heading {
    color: #333;
    background-color: #f9f9f9;
    border-color: #ccc;
    border-bottom: 1px solid #ccc;
    text-shadow: 0px 2px 0px rgba(250,250,250, .7);
    height: 60px;
}


.panel.panel-white.price:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}
    
.price.panel-white>.panel-body {
    color: #fff;
    background-color: #dfdfdf;
    padding:0;
}
        
.price.panel-white>.panel-body .lead{
        text-shadow: 0px 2px 0px rgba(250,250,250, .8);
        color:#666;
}

.price:hover.panel-white>.panel-body .lead{
        text-shadow: 0px 2px 0px rgba(250,250,250, .9);
        color:#333;
}

.price.panel-white .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}
/* Yellow price */


.price.panel-yellow>.panel-heading {
    color: #fff;
    background-color: #15b8d1;
    border-color: #15b8d1;
    border-bottom: 1px solid #B7B7B7;
    height: 60px;
}


.panel.panel-yellow.price:hover>.panel-heading{
    box-shadow: 0px 0px 30px rgba(0,0,0, .05) inset;
}
    
.price.panel-yellow>.panel-body {
    color: #fff;
    background-color: #15b8d1;
    padding:0;
}
        
.price.panel-yellow>.panel-body .lead{
    text-shadow: 0px 3px 0px rgba(50,50,50, .3);
}

.price:hover.panel-yellow>.panel-body .lead{
        text-shadow: 0px 2px 0px rgba(250,250,250, .9);
}

.price.panel-yellow .list-group-item {
    color: #333;
    background-color: rgba(50,50,50, .01);
    font-weight:600;
    text-shadow: 0px 1px 0px rgba(250,250,250, .75);
}
.panelSize{
    margin:0;
    padding:0;
    width:14%;
    float:left;
}
.panelSize h3{
 font-size:14px !important;
}
.scoreBoard{
    margin:10px;
}
.progress{height: 60px;background-color: #c7bbbb;}
.progress-bar.progress-bar-striped.active{font-size: 30px;line-height: 52px;}
.driver_behaviour_list .Driver_behaviour_rightside h2{position: relative;z-index: 1;margin: 0 0 35px;color: #fdc236;font-size: 20px;font-weight: 600;}
.dispatch_top {
    background: #d4d4d4;
    margin: 10px 0;
    width: 100%;
}

.dispatch_details{display:inline-block;width:100%;margin:0;padding:0;background: #fff;box-shadow: 0 0 5px #ccc;}
.dispatch_top{display:inline-block;width: 98%;margin: 10px 1%;padding: 12px 1%;background: #ededed;}
.dispatch_top_lgt{display:inline-block;width:50%;margin:0;padding:0;float:left;}
.dispatch_top_lgt label{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #000;line-height:14px;display:inline-block;float:left;margin: 0 12px 0 0;padding:0;}
.dispatch_top_lgt input.input_txt{font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height:14px;display:inline-block;float:left;margin:0;padding:0;width: 150px;box-shadow: none;outline: none;font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 14px;line-height: 30px;color: #000;height: 30px;padding: 0 5px;background: #fff;margin: 0;border: solid 1px #bbb;border-radius: 3px;}
.dispatch_top_rgt{display:inline-block;width:50%;margin: 5px 0 0 0;padding:0;float:right;text-align: right;}
.dispatch_top_rgt ul li label{font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;color: #000;line-height: 15px;display:inline-block;float: right;margin: 0 12px 0 0;padding:0;/* text-align: right; */}
.dispatch_top_rgt ul li small{font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height: 16px;display:inline-block;float: right;margin:0;padding:0;/* text-align: right; */}
.dispatch_top_lgt small{font-weight:400;font-family: 'Roboto', sans-serif;font-size:14px;color: #000;line-height: 16px;display:inline-block;float: left;margin: 0;padding:0;/* text-align: right; */}
.dispatch_top_lgt ul{display:inline-block;width:100%;margin:0;padding:0;}
.dispatch_top_lgt ul li{display:inline-block;width:100%;margin: 0;padding:0;}
.dispatch_timer{display:block;margin: 0 !important;padding:0;}
.dispatch_top_lgt ul li.dispatch_timer ul li{display:inline-block;float:left;width: auto;margin: 0 20px 0 0;padding:0;}
.dispatch_top_rgt ul{display:inline-block;width:100%;margin:0;padding:0;}
.dispatch_top_rgt ul li{display:inline-block;width:100%;margin: 0;padding:0;}

.dispatch_top_rgt a{display:block;margin: 9px 0 0 0;padding:0;font-weight: 700;font-family: 'Roboto', sans-serif;font-size: 15px;background: #777979;padding: 0 7px;line-height: 28px;border-radius:4px;height: 28px;text-align: center;color: #fff;text-shadow: none;text-transform: uppercase;background: #616060;border-radius: 3px;border: solid 1px #616060;float: right;text-transform: capitalize;}
.driver_sub_bar .panel-default{margin: 10px;}
.panelSizeMain{display: block;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;}
    
/** Driving behaviour end*/
#LightBoardLi,#LcdBoardLi{display:none;}
.map_report_calendar{margin: 1% 0% 5% 10%;display:none;}

.forgot_radio_popup{display:inline-block;width:100%;margin: 10px 0 5px 7px !important ;padding:0;text-align:center;}
.forgot_radio_popup .radio{display:inline-block;margin:0 5px;padding:0;width: 43%;}
.forgot_radio_popup .radio label{font-family: 'Roboto', sans-serif;font-size: 14px;color: #000;line-height:14px;font-weight:400;}
.forgot_radio_popup .radio input[type="radio"]{display: inline-block;margin: 0 0 0 -14px;height: 21px;}
.vehicleDetailsAddButton{font-size: 25px;}
#info_popup{z-index:9999;}
.backgroundNone{background:none !important}
.tableDelete{margin-left: 2%;}
.colorRed{color: red!important;}
.colorUnknown{color:#1419e0!important;}

.mapTripType .onoffswitch-inner:before {
    content: "LAST TRIP";
}
.mapTripType .onoffswitch-inner:after {
    content: "TOTAL VIEW";
}
.mapTripType .onoffswitch{width:119px;margin: 0 4% 0 0;}
.mapTripType .onoffswitch-switch{right: 90px;}

.mapTripDistanceButton .onoffswitch-inner:before {
    content: "Caluclate distance";
}
.mapTripDistanceButton .onoffswitch-inner:after {
    content: "Hide distance";
}
.mapTripDistanceButton .onoffswitch{width:157px;margin: 0 4% 0 0;}
.mapTripDistanceButton .onoffswitch-switch{right: 129px;}

#userDriversListDiv .flat-dues{    padding: 5px 2%!important;}
#userDriversListDiv .flat-head{    padding: 6px 2px 0px!important;    margin: 0 0 0px!important;}
#userDriversListDiv h2{margin-left:37px;}
.rate{
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0 0 15px 0;
}
.rate h4{
    float: left;
    margin: 0 16px 0 0;
}
.rate span.starRating {
	display: block;background: url('../../../../../ntImages/star.png') 0 -16px repeat-x;width: 80px;height: 16px;float: left;
}
.rate span.starRating span {
	height: 16px;background: url('../../../../../ntImages/star.png') repeat-x;background-position: 0 0;display: inline-block;
}
#eventReportMap_Modal .modal-dialog{width: 94% !important;}


/**Driving behaviour dashboard**/
#LastMonthGraphchartdiv{width: 80%;height: 285px;float:left}
#thisMonthChartdiv{width: 100%;height: 235px;}
.dashboardThismonthGraph{width:60%;float:right}
.dashboardLastmonthGraph{width:35%;float:left}
.contentBox {
    display: inline-block;
    width: 210px;
    height: 66px;
    color: #555;
    background-color: #FFF;
    box-shadow: none;
    margin: -1px 0 0 -1px;
    padding: 8px 3px 6px 9px !important;
    border: 1px dotted;
    border-color: #D8D8D8!important;
    vertical-align: middle;
    text-align: left;
    position: relative;
}
.contentBox-green {
    color: #9ABC32;
    border-color: #9ABC32;
}
.contentBox-blue {
    color: #6FB3E0;
    border-color: #6FB3E0;
}
.contentBox-pink {
    color: #CB6FD7;
    border-color: #CB6FD7;
}
.contentBox-yellow {
    color: #fdd400;
    border-color: #fdd400;
}
.contentBox-red {
    color: #D53F40;
    border-color: #D53F40;
}
.contentBox-orange2 {
    color: #F79263;
    border-color: #F79263;
}
.contentBox-blue2 {
    color: #3983C2;
    border-color: #3983C2;
}
.contentBox-grey.contentBox-dark {
    background-color: #999;
    border-color: #999;
}
.contentBox>.stat.stat-success:before {
    background-color: #77C646;
}
.contentBox>.stat:before {
    display: inline-block;
    width: 8px;
    height: 11px;
    background-color: #ABBAC3;
    position: absolute;
    right: 4px;
    top: 7px;
}
.contentBox>.stat.stat-success:after {
    border-bottom-color: #77C646;
}
.contentBox>.stat:after {
    display: inline-block;
    position: absolute;
    right: 1px;
    top: -8px;
    border: 12px solid transparent;
    border-width: 8px 7px;
    border-bottom-color: #ABBAC3;
}
.contentBox .contentBox-content:first-child, .contentBox>.badge, .contentBox>.stat, .percentage {
    font-weight: 700;
}
.contentBox>.stat:after, .contentBox>.stat:before, .social-or-login:before {
    content: "";
}
.contentBox>.stat.stat-success {
    color: #77C646;
}
.contentBox>.stat {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 11px;
    text-shadow: none;
    color: #ABBAC3;
    font-size: 13px;
    padding-right: 18px;
    padding-top: 3px;
}
.contentBox>.badge {
    position: absolute;
    right: 20px;
    top: 11px;
    border-radius: 0;
    text-shadow: none;
    font-size: 11px;
    line-height: 15px;
    height: 16px;
    padding: 0 1px;
}
.contentBox>.contentBox-icon>.ace-icon:before {
    font-size: 24px;
    display: block;
    padding: 6px 0 7px;
    width: 40px;
    text-align: center;
    border-radius: 100%;
    color: #FFF;
    color: rgba(255,255,255,.9);
    background-color: transparent;
    background-color: rgba(255,255,255,.2);
    text-shadow: 1px 1px 1px rgba(0,0,0,.14);
}


.contentBox>.contentBox-icon>.ace-icon {
    display: inline-block;
    height: 42px;
    margin: 0;
    padding: 1px 1px 0 2px;
    background-color: transparent;
    border-width: 0;
    text-align: center;
    position: relative;
    border-radius: 100%;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
}
.contentBox>.contentBox-icon img {
    display: inline-block;
    margin: 0;
    padding: 4px;
    position: relative;
    border-radius: 100%;
}
.ace-icon {
    text-align: center;
}
.contentBox-green>.contentBox-icon img {background-color: #9ABC32;}
.contentBox-blue>.contentBox-icon img{background-color: #6FB3E0;}
.contentBox-pink>.contentBox-icon img{background-color: #CB6FD7;}
.contentBox-yellow>.contentBox-icon img{background-color: #fdd400;}
.contentBox-green>.contentBox-icon img {background-color: #9ABC32;}
.contentBox-blue>.contentBox-icon img{background-color: #6FB3E0;}
.contentBox-pink>.contentBox-icon img{background-color: #CB6FD7;}
.contentBox-yellow>.contentBox-icon img{background-color: #fdd400;}
.contentBox>.contentBox-data {
    display: inline-block;
    border-width: 0;
    font-size: 13px;
    text-align: left;
    line-height: 21px;
    min-width: 77px;
    padding-left: 8px;
    position: relative;
    top: 0;
}
.contentBox>.contentBox-data>.contentBox-data-number {
    display: block;
    font-size: 22px;
    margin: 2px 0 4px;
    position: relative;
    text-shadow: 1px 1px 0 rgba(0,0,0,.15);
}
.contentBox .contentBox-content {
    color: #555;
    max-width: 140px;
}
.contentBox>.contentBox-icon {
    display: inline-block;
    vertical-align: top;
    width: 44px;
}

/*--thisMonth-media--*/
.thisMonth-media {
    padding: 0;
    margin-left: 2%;
    width: 100%;
}
.wid-thisMonth {
    display: inline-block;
    width: 48%;
    padding: 5px;
    float: left;
	text-align: center;
}
.facebook {
  background-color:#3b5998 !important;
  color: #ffffff !important;
}
.icon-xlg {
    font-size: 30px;
}
.icon-img img{width:30px;height:auto;}
.wid-thisMonth .thisMonth-info h3 {
	color: rgba(255, 255, 255, 0.91);
    font-weight: 800;
    font-size: 1.5em;
    margin: 0.3em 0;
}
.wid-thisMonth .thisMonth-info h4 {
    margin: 0;
    font-size: 0.8em;
    color: #fff;
    letter-spacing: 1px;
}
.twitter {
  background-color:#55acee !important;
  color: #ffffff !important;
}
.google-plus {
  background-color: #dc4e41 !important;
  color: #ffffff !important;
}
.dribbble {
  background-color:#ea4c89 !important;
  color: #ffffff !important;
}
.xing {
  background-color: #cfdc00 !important;
  color: #ffffff !important;
}
.vimeo {
  background-color: #162221 !important;
  color: #ffffff !important;
}
.yahoo {
  background-color: #410093 !important;
  color: #ffffff !important;
}
.flickr {
  background-color: #a4c639 !important;
  color: #ffffff !important;
}
.rss {
  background-color: #f26522 !important;
  color: #ffffff !important;
}
.wid-thisMonth.youtube {
    width: 96%;
	background-color: #cd201f !important;
	color: #ffffff !important;
}
.wid-thisMonth.youtube .icon-xlg {
    font-size: 38px;
}
.youtube .thisMonth-icon {
    display: inline-block;
    margin-right: 6em;
    vertical-align: super;
}
.youtube .thisMonth-info {
    display: inline-block;
}
/* .wid-thisMonth:hover .thisMonth-icon {
    transform: rotatey(360deg);
    transition: .5s all;
} */
#d_behaviour_dashboard .panel-heading{font-weight: bold;
    font-size: 16px;}
    .bottom_8{
    margin-bottom: 8px;
}
.xyzgGraphClass .panel{
    width:48%;
    float:left;
}
.xyzgGraphClass .panel span{
    float:right;
    font-weight: bold;
    font-size: 12px;
}
.xyzgGraphClass .panel h3{
    display:inline-block;
}
/*--//thisMonth-media--*/
/**driving behaviour dashboard end**/
.bottom_8{
    margin-bottom: 8px;
}
#eventReportMap_Modal .modal-body{max-height: 90%}

.autologin_loading{vertical-align: middle;}
.autologin_loading a img{margin-left: auto;margin-right: auto;display: block;width: 400px;height:auto;}
.displayNone{display: none!important;}