@font-face {
  font-family: HelveticaNeue;
   src: url("../fonts/Helvetica-Light.otf");
}
body{
	font-family: "Helvetica Light", "HelveticaNeue", Arial, "Lucida Grande", sans-serif ;
	overflow: hidden;
}

/* Common styles and overrriding Styles*/
.username {
    background:  url(../img/icon_username.png) no-repeat 5px center !important;
    padding:8px 6px 6px 26px !important;
	margin-top:10px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.password {
    background:  url(../img/icon_password.png) no-repeat 5px center !important;
    padding:8px 6px 6px 26px !important;
    margin-top:10px; 
	-moz-border-radius: 6px;
	border-radius: 6px; 
	width:84%;  
	color:#d0d0d0;

}
.accountname {
    background:  url(../img/icon_account.png) no-repeat 5px center !important;
    padding:8px 6px 6px 26px !important;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#d0d0d0;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.username {
		background:  url(../img/icon_username.png) no-repeat 5px center !important;
		background-size:16px !important;
	}
	.password {
		background:  url(../img/icon_password.png) no-repeat 5px center !important;
		background-size:16px !important;
	}
	.accountname {
		background:  url(../img/icon_account.png) no-repeat 5px center !important;
		background-size:16px !important;
	}
}

.headerText2{
	color:red;
	padding-left:3px;
}
.headerText1{
	font-weight:100;
}
h2{
	text-align:center
}
.center-wrapper{
	text-align: center;
}
.login-submit-button .ui-submit{
	background-color: #EC5800;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px !important;
    font-weight:normal;
    height: 34px;
	margin:15px 0px 15px 0px;
    line-height: 20px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
    width: 243px;
}
.center-wrapper * {
	margin: 0 auto;
}
.right-wrapper{
	margin:0 auto !important;
	width:160px;
	padding-top:2px;
	padding-bottom:2px;
}
#submit{
	margin-top:10px;
}
.ui-content .ui-even-row{
	background: linear-gradient(#ECE6CF, #ECE6CF) repeat scroll 0 0 #ECE6CF !important;
}

#sortPopup{
	margin-top:50px;
}
.login-background {
	background: url(../img/bg.jpg) no-repeat center top !important;   
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.login-background {
		background: url(../img/bg_2x.png) #282425 no-repeat center top !important;   
	}	
}

ul{
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-size:15px;
	color:black;
	font-weight:100;

}
/* Google Map Info window Styling */
.info-window {
  border-left: 1px solid #C5C5C5;
  color: #111111;
  float: left;
  line-height: 7px;
  overflow: hidden;
  padding-left: 7px;
  text-shadow: none;
  width: 170px;
  min-height: 70px;
  padding-top:5px;
}
.infoBox{
	border-radius: 4px 4px 4px 4px;
	box-shadow: 1px 2px 3px #666666
}
.infoBox h1{
	background: none repeat scroll 0 0 #F26321;
	border-radius: 4px 4px 0 0;
	font-size: 14px;
	margin: 0 !important;
	padding: 6px;
}
.info-window h3 {
  font-size: 12px;
  line-height: 10px;
  margin-bottom: 7px;
  text-transform: uppercase;

}
.info-window p {
  font-size: 10px;
  font-weight: normal;
  line-height: 13px;
  margin: 5px 0 0;
}
.infoBox img.info-close-button{
	cursor: pointer;
	height: 12px;
	margin: -2px -1px 2px 2px !important;
	padding: 8px;
	position: absolute !important;
	right: 3px;
	top: 3px;
}
.info-box-down-arrow {
  background: url("../img/icon-down-map.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  bottom: -11px;
  height: 15px;
  left: 105px;
  position: absolute;
  width: 21px;
}
.street-view{
	float: left;	
	width: 50px;
	height: 70px; 		
	margin-right:0px;
}
 #nearby-vehicle-map-view  .street-view,#map-view .street-view, #vehicle-history-breadcrumbs .street-view{
	height: 76px; 
}
.gm-style-iw{
	left:10px !important;
}
.street-view-avail {
  background: url("../img/pegman.png") no-repeat scroll 0 center rgba(0, 0, 0, 0) !important;
}

.street-view-not-avail{
	background:  url(../img/no_streetview_pegman.png) no-repeat 0px center !important;	
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/* info page*/
td{
	padding : 5px 0px 5px 20px;
}
.js-infoUserDetails{
	color: #000;
	font-size: 14px;	
}
.clearRight{
	clear:Right;
}
.clearLeft{
	clear:left;
}
/* moving vehicle image */
.circle_div{
	font-size:10px;
	float:left;
	width:20%;
	height:50px;
	padding-top:10px;
	text-align:center;
	margin-left:-12px;
}
.stopped_circle, .running_circle {
  background-color: red;
  border-radius: 13px 13px 13px 13px;
  color: white;
  font-size: 10px;
  height: 23px;
  margin: 0 auto;
  padding-top: 1px;
  text-align: center;
  width: 23px;
}
.running_circle{
	background-color:green;
}

.index-icon {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../img/index.png");
	background-origin: padding-box;
	background-position: center 15px;
	background-repeat: no-repeat;
	background-size: 23px auto;
	color: #F8F5F5;
	float: left;
	font-size: 9px;
	font-weight: normal;
	height: 45px;
	margin-right: 5px;
	margin-top: 0;
	padding-top: 23px;
	text-align: center;
	text-shadow: none;
	width: 30px; 	
}
.index-div {
  border-right: 1px solid #D1D1D1;
  cursor: pointer;
  float: left;
  height: 86px;
  width: 56px;
}
.vehicle-red-index, .vehicle-green-index {
  background: none repeat scroll 0 0 red;
  border-radius: 20px 20px 20px 20px;
  color: #FFFFFF;
  float: left;
  height: 30px;
  margin: 17px 18px 27px 15px;
  text-shadow: none;
  width: 30px;
}
.vehicle-green-index{
	background: green;
}
.map-index-link-active{
	background:#C94E1A;
}
.vehicle-moving, .vehicle-stopped {
  color: #FF0000;
  font-size: 12px;
  font-weight: normal;
  left: -1px;
  position: absolute;
  text-align: center;
  top: 55px;
  width: 59px;
}
.vehicle-moving{
	color: green;
}
.vehicle-time {
	color:#b81010;
}

.index-icon-active{
	background: url("../img/index_active.png") no-repeat scroll center 15px rgba(0, 0, 0, 0) !important;
	background-size: 23px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.index-icon {
		background: url("../img/index@2x.png") no-repeat scroll center center transparent;
		background-size: 23px !important;
	}
	.index-icon-active{
		background: url("../img/index_active.png") no-repeat scroll center center transparent !important;
		background-size: 23px !important;
	}
	#map-view-particular .index-icon{
		background: url("../img/index@2x.png") no-repeat scroll center 14px transparent;
	}
}
.moving{
	color:green;
}
.stopped{
	color:red;
}
.moving, .stopped {
  font-weight: bold;
  width: 75px;
}
.list-details{
	float:left;
	width: 66%;	
	margin-left:5px;
	height: 88px;
}
.index-count{
	padding-top:8px;
}
.list-details > h2 {
  float: none !important;
  font-size: 13px;
  margin: 5px;
  text-align: left;  
}
.ui-btn-ok{
	margin-top:16px !important;
	margin-left:5px;
}

.js-refresh-time {
  color: #FFFFFF;
  font-size: 11px;
  font-weight: normal;
  margin-bottom: 0;
  margin-top: 4px;
  text-shadow: none;
}
.search-place{
	margin: 70px 0 0;
    position: absolute;
}

.vehicleDetails > div{
	float:left;
	font-size:13px;
}
.vehicleDetails-circle {
	margin-top : 25px;
	padding-top: 5px;
}
.locationName{	
	line-height: 14px;
	padding-left: 5px;	
	width: 200px;
}

.required{
	border:1px solid red !important;
}
.popupHeader{
	margin-left: 10% !important;
	margin-right: 10% !important;
	white-space:normal !important;
}
.cityName{
	font-size: 14px !important;
	margin-top:5% !important;
}
.ui-slider{
	margin-left:18px !important;
}
.ui-content{
	padding-top:1px !important;
	padding-left:1px;
	padding-right:1px;
}
.iscroll-scroller{
	width:97%;
	position: relative !important;		
}

.iscroll-content {
  width:100%;
}
.js-spemail, .js-spphone{
	padding:12px;
}

.ui-icon-map{	
	background-image: url("../img/icon_map.png") !important;
	width : 40px;
	height : 25px;
	background-color: transparent;
    box-shadow: none;
}
.list-navigation {
   /* background: #5D5A54; */
    border-top: 1px solid #C9C9C9;	
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
}	
.breadcrumbs-icon, .history-icon, .alert-icon, .map-icon {
  border-bottom-right-radius: 6px;
  color: #241C1C !important;
  float: left;
  font-size: 12px !important;
  height: 20px !important;
    padding-bottom: 10px;
    padding-top: 17px !important;
  text-decoration: none;
  width: 100%;
   text-align: center;
}
.history-icon{	
	width:100%;
	border-bottom-right-radius: 0px;	
	background: #F7DEBB;
}
.breadcrumbs-icon{
	border:none;
	background: #F2D6CB;
	padding-right: 1px;
	border-left:1px solid #C9C9C9;
}
.alert-icon{ 
	height:27px;
	border-right:#f0cc67 solid 1px;
	border:none;
	width:100%;
	color:#bdaa77 !important;
}
.map-icon{
	background: url("../img/icon_map.png") no-repeat center 0 !important;   
}
.list-navigation-item{
	float:left;
	font-size: 11px;
	font-weight : normal;
	width:50%;
}
.list-navigation-item-active{
	background: none repeat scroll 0 0 #F26321;
}
.list-navigation-item-active a{
	color:#fff important;
	text-shadow:none;
}
.list-navigation-item-last{
	float:left;
	font-size: 11px;
	font-weight : normal;
	width:33% !important;
}
.list-navigation-item >div{
	margin-top:25px;
}
.correctRadiusValue {
  float: left;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 6px;
}
.range-input{
	display:none;
}
.menu-panel{
	border-left: 1px solid black;
	width: 271px;
	background-color:#1f1d1d;
	background-image:none;
	margin-top:46px;
	position:fixed;
	overflow-y: auto;
	overflow-x: hidden;
	height: 200px;
}
.menu-panel .ui-btn-active{
	border:none !important;	
}

.ui-content .ui-listview li.ui-li {
    margin-bottom: 2px; 
}
#alerts-list .alert-desc a.alert-index {
  background-position: center center;
  background-size: 20px auto !important;
  height: 100%;
  left: 0;
  margin-right: 0;
  padding: 0 !important;
  position: absolute;
  width: 40px;
}
.ui-block-b{
	margin-left: 8px !important;
}
#popupDatePicker .ui-block-c{
	margin-left: 5px !important;
}
.history{
	margin-top:5px;
}
.ui-block-c{
	width:5% !important;
}
.popup-li{
	border: 0px;
}
#fromDate, #toDate{
	border: 1px solid red;
	font-size: 59%;
	height: 26px;
}
#map-view-particular .vehicleDetails{
	display:none;
	padding:2px;
	position:relative;
}
#map-view-particular .index-icon {  
  font-size: 10px;
  height: 20px;
  margin-top: -5px !important;
  padding: 20px 0 !important;
  width: 30px;
}
#map-view-particular .vehicleDetails  h3{
	font-size: 14px;
	margin: 2px 0 !important;
	padding: 3px 0 !important;
}
#map-view-particular .vehicleDetails  .locationName p{
  font-size: 10px;
  margin-top: 0;
  padding:0px;
}

#map-view-particular .vehicleDetails .running_circle {
  margin-top: 19px;
  padding-top: 7px;
  width: 30px;
}

.alert-list{
	font-size: 14px;
}
.ui-header .ui-btn-right {
  background: url("../img/menu_icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  box-shadow: none !important;
  height: 33px !important;
  padding: 7px !important;
  right: 0 !important;
  top: -1px !important;
  width: 36px !important;
}
.ui-header .ui-btn-active, .menu_bg{ 
	background-color: #1F1D1D !important;
}
/* .menu_bg:hover{
	background-color: #1F1D1D !important;
} */
.terms-content{
	width: 100%;
	display:none;
}
.alert-desc{
	/* background:#FFE477; */
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 1px solid #C6B87F;
    padding: 10px 10px 6px 20px;

}
.alert-desc > p{
	font-size: 14px;
	white-space: normal;
}
.alert-desc  td{
	padding:2px !important;
	word-wrap: break-word;
	white-space: normal;
}
.alert-desc td.title {
  font-weight: bold;
  vertical-align: top;
  width: 40px;
}
.secondary-header {
  background-color: #DEDEDE;
  color: #000000;
  height: 49px;
  margin-bottom: -2px;
  padding-bottom: 1px;
  text-align: center;
  text-shadow: none;
}
.secondary-header > h4 {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px 0 3px;
  text-shadow: none;
}
.ui-listview a.ui-link-inherit:hover{ color:#000;}
.ui-listview a:hover.ui-link-inherit:hover{ color:#000;}

.ui-listview-filter{display:none !important}
.menu-home{ 
	background-color:#1f1d1d;
	text-shadow: none;
	background:url(../img/home-icon.png) no-repeat 17px center;
	padding-left:42px;
	padding-bottom:10px;
}
.menu-home:hover{ background:#030303 url(../img/home-icon-hover.png) no-repeat 17px center; }

.menu-home a:hover{ color:#ffe477 !important;}
.menu-tracking{ border:none; font-size:13px;  text-shadow:none; background:url(../img/track_icon.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-tracking a:hover{ color:#ffe477 !important;}
.menu-tracking:hover{ background:#030303 url(../img/track_icon_hover.png) no-repeat 17px center !important;}
.menu-alert{ border:none; font-size:13px;  text-shadow:none; background:url(../img/alert_menu_icon.png) no-repeat 17px 11px !important; padding-left:42px; padding-bottom:10px;}
.menu-alert a:hover{ color:#ffe477 !important;}
.menu-alert:hover{ background:#030303 url(../img/alert_menu_icon_hover.png) no-repeat 17px 11px !important; padding-left:42px;}
.menu-info{ border:none; font-size:13px; text-shadow:none; background:url(../img/info_menu_icon.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-info:hover{ background:#030303 url(../img/info_menu_icon_hover.png) no-repeat 17px center !important; padding-left:42px;}
.menu-info a:hover{ color:#ffe477 !important;}

.menu-home-active{ background:#030303 url(../img/home-icon-hover.png) no-repeat 17px center !important; padding-left:42px;}
.menu-alert-active{ background:#030303 url(../img/alert_menu_icon_hover.png) no-repeat 17px 11px !important; padding-left:42px;}
.menu-tracker-active{ display:block; width:100%; background:#030303 url(../img/track_icon_hover.png) no-repeat 17px center !important; padding-left:42px;}
.menu-info-active{background:#030303 url(../img/info_menu_icon_hover.png) no-repeat 17px 13px !important; padding-left:42px;}
.menu-active a{color:#ffe477 !important;}

.menu-logout{ border:none; font-size:13px;  text-shadow:none; background:url(../img/logout_icon.png) no-repeat 17px 8px !important; padding-left:42px; padding-bottom:10px;}
.menu-logout a:hover{ color:#ffe477 !important;}

.menu-logout:hover{ border:none; font-size:13px;  background:#030303 url(../img/logout_icon_hover.png) no-repeat 17px 8px !important; padding-left:42px;}
.menu-vehicleid{ border:none; font-size:13px;  text-shadow:none; background:url(../img/vehicleid_icon.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-vehicleid-active a:hover,.menu-vehicleid-active a{ color:#ffe477 !important;}

.menu-vehicleid:hover,.menu-vehicleid-active{ border:none; font-size:13px;  background:#030303 url(../img/vehicleid_icon_hover.png) no-repeat 17px center !important; padding-left:42px;}
.menu-time,.menu-time-active{ border:none; font-size:13px;  text-shadow:none; background:url(../img/time_icon.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-time a:hover,.menu-time-active a{ color:#ffe477 !important;}
.menu-small p{ font-size:11px;}
.menu-nearest{ border:none; font-size:13px;  text-shadow:none; background:url(../img/nearest.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px; }
.menu-time:hover,.menu-time-active{ border:none; font-size:13px;  background:#030303 url(../img/time_icon_hover.png) no-repeat 17px center !important; padding-left:42px;}
.menu-nearest a:hover,.menu-nearest-active a{ color:#ffe477 !important;}

.menu-nearest:hover,.menu-nearest-active{ border:none; font-size:13px;  background:#030303 url(../img/nearest_hover.png) no-repeat 17px center !important; padding-left:42px; }
ui-panel-inner{ backgroundr:#1f1d1d;}
.ui-panel-inner .menu-head {
  background: none repeat scroll 0 0 #262525;
  border: medium none;
  color: #FF6600;
  font-size: 13px !important;
  padding-bottom: 6px !important;
  padding-left: 19px;
  padding-top: 4px !important;
  text-shadow: none;
}
.ui-panel-inner .menu-small{  background:#1f1d1d; color:#aeaeae; border:none; font-size:10px;  text-shadow:none;  padding-left:19px;}
.ui-panel-inner .menu-small{ font-size:10px;  padding-left: 19px !important;}

.inner_content{ background:#fff;-moz-border-radius: 6px;
border-radius: 6px; margin-top:10px; }
.login_content{ background:#fff;-moz-border-radius: 6px; color:#393939;  font-size:11px;
border-radius: 6px; margin-top:10px; padding:15px; text-shadow: 0px 1px #fff; color:#000; }
.location_content{ background:#fff;color:#393939; margin-bottom:10px; box-shadow:none;  font-size:11px;
border-radius: 6px; margin-top:10px; padding:15px; text-shadow: 0px 1px #fff; color:#000; }

.log_content, .ui-popup .ui-content{ background:#fff;border-bottom-left-radius:4px; overflow:hidden !important;  border-bottom-right-radius:4px;  border-top-left-radius:0px; border-top-right-radius:0px; border:none; padding-top:25px; padding:15px;  color:#000; min-width:220px;}
.address_head, .ui-popup .ui-header{ background:#b0b0b0 !important; border:#b0b0b0 !important; border-top-left-radius:4px; border-top-right-radius:4px; font-size:14px; color:#000; padding:10px 10px 10px 20px; text-shadow: none; font-weight:bold;text-align: center;}
.query_head{ background:#b0b0b0;  font-size:14px; color:#000; padding:10px 10px 10px 20px; text-shadow: none; font-weight:bold;}
.nearby_head{ height:26px !important; padding-top: 18px !important;background:#b0b0b0 !important; border-top-left-radius:4px; border-top-right-radius:4px;  border-bottom-left-radius:0px; border-bottom-right-radius:0px; background-image:none !important; border:none !important; font-size:14px !important; color:#000 !important; border-bottom:#979797 solid 2px; padding:17px 5px 20px 20px; font-weight:bold;}
.location_head{ background:#b0b0b0 !important; border-top-left-radius:6px; border-top-right-radius:6px;  border-bottom-left-radius:0px; border-bottom-right-radius:0px; background-image:none !important; border:none !important;  font-size:14px !important; color:#000 !important; border-bottom:#979797 solid 2px; padding:7px 5px 10px 20px; font-weight:bold;}

.menu-asc{border:none !important;font-weight:normal !important; color:#aeaeae !important; font-size:13px;  text-shadow:none; background:url(../img/up.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-asc a:hover,.menu-asc-active a{ color:#ffe477 !important; font-weight:normal !important;}
.menu-asc a { text-shadow:none !important;}
.menu-asc:hover,.menu-asc-active{ border:none !important; font-size:13px;  background:#030303 url(../img/up_hover.png) no-repeat 17px center !important; padding-left:42px;}

#history-list .index-icon{  
  font-size: 10px;
  font-weight: normal;  
  height: 30px;
  margin-top: -9px;
  background-position: center 17px;
}
#history-list .ui-li-desc{
	font-size: 10px;
}

.stopped-icon, .moving-icon {
  background: url("../img/icon-stopped.png") no-repeat scroll left 0 transparent !important;
  color: #FF0404;
  height: 17px;
  padding: 0 14px;
  width: 46px;
}
#history-list .stopped-icon, #history-list .moving-icon {
	  background-size: 12px !important;
	  font-size: 9px;
	  height: 14px;
	  padding: 0 13px;
	  width: 40px;
}

.menu-des{ border:none !important; color:#aeaeae !important; font-size:13px;  font-weight:normal !important; text-shadow:none; background:url(../img/down.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-des a{text-shadow:none !important;  font-weight:normal !important;}
.menu-des a:hover{ color:#ffe477 !important;}
.menu-des-active{ background:#030303 url(../img/down_hover.png) no-repeat 17px 11px !important; padding-left:42px;color:#ffe477 !important;}

.menu-search{ border:none !important; color:#aeaeae !important; font-size:13px;  font-weight:normal !important; text-shadow:none; background:url(../img/search.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-search a{color:#aeaeae !important; text-shadow:none !important;  font-weight:normal !important;}
.menu-search a:hover{ color:#ffe477 !important;}

.menu-date{ border:none !important; color:#aeaeae !important; font-size:13px;  font-weight:normal !important; text-shadow:none; background:url(../img/calender-icon.png) no-repeat 17px center !important; padding-left:42px; padding-bottom:10px;}
.menu-date a{color:#aeaeae !important; text-shadow:none !important;  font-weight:normal !important;}
.menu-date a:hover{ color:#ffe477 !important;}

.menu-small a:hover{ color:#ffe477 !important;}
.menu-small .ui-btn-hover-c:hover{ color:#AEAEAE !important;}
.ui-btn-hover-c:hover{ color:#AEAEAE !important; }
#alert-list .ui-btn-hover-c{
	color:#00000 !important;
	text-shadow:none !important;
}
#alert-list li:hover .ui-btn-hover-c{
	color:#00000 !important;
	text-shadow:none !important;
}

small{ font-size:11px;}
.menu-des:hover{ border:none; font-size:13px;  background:#030303 url(../img/down_hover.png) no-repeat 17px center !important; padding-left:42px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.menu-home{ background:url(../img/home-icon@2x.png) no-repeat 17px center; background-size:16px auto !important;}
	.menu-home:hover{ background:#030303 url(../img/home-icon-hover@2x.png) no-repeat 17px center; background-size:16px auto !important;}
	.menu-home-active{ background:#030303 url(../img/home-icon-hover@2x.png) no-repeat 17px center; background-size:16px auto !important;}
	
	.menu-tracking{background:url(../img/track_icon@2x.png) no-repeat 17px center !important; background-size:14px 17px !important;}
	.menu-tracking:hover, .menu-tracker-active{background:#030303 url(../img/track_icon_hover@2x.png) no-repeat 17px center !important; background-size:14px 17px !important;}
	
	.menu-alert{background:url(../img/alert_menu_icon@2x.png) no-repeat 17px center !important;  background-size:16px 16px !important;}
	.menu-alert:hover,.menu-alert-active{ background:#030303 url(../img/alert_menu_icon_hover@2x.png) no-repeat 17px center !important; background-size:16px 16px !important; }
	
	.menu-info{ background:url(../img/info_menu_icon@2x.png) no-repeat 17px center !important; background-size:14px 14px !important;}
	.menu-info:hover,.menu-info-active{ background:#030303 url(../img/info_menu_icon_hover@2x.png) no-repeat 17px center !important; background-size:14px 14px !important;}
	
	.menu-logout{  background:url(../img/logout_icon@2x.png) no-repeat 17px 8px !important; background-size:18px 18px !important;}
	.menu-logout:hover{ background:#030303 url(../img/logout_icon_hover@2x.png) no-repeat 17px 8px !important; background-size:17px 17px !important;}
	
	.menu-vehicleid{ background:url(../img/vehicleid_icon@2x.png) no-repeat 17px center !important; background-size:14px 14px !important;}
	.menu-vehicleid:hover,.menu-vehicleid-active{ background:#030303 url(../img/vehicleid_icon_hover@2x.png) no-repeat 17px center !important; background-size:14px 14px !important;}
	
	.menu-time{ background:url(../img/time_icon@2x.png) no-repeat 17px center !important; background-size: 14px 14px !important;}
	.menu-time:hover,.menu-time-active{ background:#030303 url(../img/time_icon_hover@2x.png) no-repeat 17px center !important; background-size:14px 14px !important;}
	
	.menu-nearest{ background:url(../img/nearest@2x.png) no-repeat 17px center !important; background-size:12px 17px !important;}
	.menu-nearest:hover,.menu-nearest-active{background:#030303 url(../img/nearest_hover@2x.png) no-repeat 17px center !important; background-size:12px 17px !important;}
	.menu-asc{ background:url(../img/up@2x.png) no-repeat 17px center !important; background-size:17px 17px !important;}
	.menu-asc:hover,.menu-asc-active{ background:#030303 url(../img/up_hover@2x.png) no-repeat 17px center !important; background-size:17px 17px !important;}
	
	.menu-des{  background:url(../img/down@2x.png) no-repeat 17px center !important; background-size:17px 17px !important;}
	.menu-search{  background:url(../img/search@2x.png) no-repeat 17px center !important;  background-size:14px 14px !important;}
	
	.menu-date{ background:url(../img/calender-icon@2x.png) no-repeat 17px center !important;  background-size:15px 14px !important;}
	.menu-des:hover,.menu-des-active{ background:#030303 url(../img/down_hover@2x.png) no-repeat 17px center !important; background-size:17px 17px !important;}
}
.ui-btn-up-c:visited {}
#popupDialog a.submit {
    background-color: #EC5800;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px !important;
    font-weight: normal;
    height: 50px;
	margin:15px;
    line-height: 50px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
  display:block;
  
}
.inner_content a.submit {
    background-color: #EC5800;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    
    font-size: 13px !important;
    font-weight: normal;
    height: 36px;
	margin:15px 15px 10px 0px;
    line-height: 34px;
box-shadow: 1px 1px 1px #888888;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
  display:block;
  width:90px;
  float:right;
}

#popupDialog a.close {
    background-color: #1f1f1f;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
        font-size: 13px !important;
    font-weight: normal;
    height: 50px;
	margin:15px;
    line-height: 50px;
display:block;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
}



.inner_content a.close {
    background-color: #1f1f1f;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    
    font-size: 13px !important;
    font-weight: bold;
    height: 36px;
	margin:0px 15px 0px 0;
    line-height: 34px;
	display:block;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
   width:90px;
	box-shadow: 1px 1px 1px #888888;
	float:left;
}

.close_log {
    background-color: #1f1f1f;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    
    font-size: 13px !important;
    font-weight: normal !important;
    height: 36px;
	margin:13px 15px 0px 0px;
    line-height: 34px;
	display:block;
    padding: 0 8px;
	text-align: center;
    text-decoration: none !important;
    width:90px;
	float:left;
}
.submit_log, .ui-popup .retry {
    background-color: #EC5800;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    
    font-size: 13px !important;
    font-weight: normal !important;
    height: 36px;
	margin:13px 0px 0px 0px;
    line-height: 34px;
    padding: 0 8px;
    text-align: center;
    text-decoration: none !important;
  display:block;
  width:90px;
  float:right;
}

.submit_filter{
	
	    background-color: #EC5800;
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: inline-block;
    
    font-size: 13px !important;
    font-weight: bold;
    height: 36px;

	margin:10px 0px 0px 10px;
    line-height: 34px;
float:left;

    text-align: center;
    text-decoration: none !important;
  display:block;
  width:90px;
}
.inner_padding{ padding:10px;  overflow:hidden;}
.popclose{ background:url(../img/close.png) no-repeat top; width:24px; margin-left:10px; height:24px;  box-shadow: none; float:right; margin-top:-2px;}
.miles{ font-size:11px; font-weight:normal;}
.info-text{ color:#000 !important; text-shadow:none; margin-left:20px; padding: 7px 25px; margin-top:10px; font-size:14px; text-decoration:none; background:url(../img/mail.png) no-repeat left 10px;}
.call-text{ color:#000 !important; text-shadow:none; margin-left:20px; padding: 10px 25px; margin-top:10px; font-size:14px; text-decoration:none; background:url(../img/call.png) no-repeat left 10px;}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.info-text{  background:url(../img/mail@2x.png) no-repeat left 10px; background-size: 17px 13px !important; }
	.call-text{ background:url(../img/call@2x.png) no-repeat left 10px; background-size: 17px 17px !important;}
	.popclose{ background:url(../img/close@2x.png) no-repeat top;  background-size: 21px 21px !important;}
}
.ui-loader-default { background:none !important; border:none !important; opacity:1;}

.date-grid{
	width: 100% !important;
}
#popupDatePicker h4.center-wrapper{
	background: none repeat scroll 0 0 #D6D3D3;
	font-size: 13px;
	height: 13px;
	margin-top: -1px;
	padding: 10px 2px;
	border-bottom: #c0c0c0 solid 1px;
	border-top: #c0c0c0 solid 1px;
	text-shadow: none;
	text-transform: uppercase;
	width: 100%;
	color:#F26321;
}
#popupDatePicker .log_content .date-picker-conatiner{
	padding:10px;
	margin-bottom: -3px;
}
#popupDatePicker .log_content{
	padding:0px !important;
	background:#dedede;
}
#popupDatePicker .ui-select .ui-btn {
  border: 2px solid #F26321;
  border-radius: 4px 4px 4px 4px;
  height: 35px;
  margin: 0 auto;
  width: 56px;
}
#popupDatePicker .ui-select .ui-btn .ui-btn-inner {
  display: block;
  height: 24px;
  padding: 11px 10px 0 11px !important;
  text-align: center;
  text-transform: uppercase;
  width: 35px !important;
}
#popupDatePicker .ui-block-b {
  margin-left: 0px !important;
}
#popupDatePicker .log_content input {
  font-size: 20px !important;
  padding: 2px 0 !important;
  text-align: center;
  text-transform: uppercase;  
  width: 48px;
}
#popupDatePicker .log_content .btn-date {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	box-shadow: none;
	color: #666666;
	font-size: 17px;
	height: 25px;
	line-height: 5px;
	margin-bottom: 0 !important;
	margin-top: 0 !important;
	padding: 0;
	text-align: center;
	width: 61px;
}
#popupDatePicker .log_content  .date-grid .ui-grid-b{
	text-align:center;
}
#popupDatePicker-popup  div.ui-input-text {
  border: 2px solid #F26321;
  margin: 0 auto;  
  width: 50px;
}

.ui-icon-arrow-d, .ui-icon-arrow-u {
  background: url("../img/icon-down.png") no-repeat scroll 12px -10px !important;
  background-size:20px !important;
  box-shadow: none !important;
  height: 47px !important;
  top: 20px !important;
  width: 35px !important;
  z-index: 999;  
}
#alerts-list .ui-icon-arrow-d, #alerts-list .ui-icon-arrow-u {
  top: 16px !important;
}
#alerts-list .right-date-block{
	font-size: 9px;
	position: absolute;
	right: 9px;
	top: 20px;
}
#alerts-list  li.no-alert-type .ui-icon-arrow-d,#alerts-list  li.no-alert-type .ui-icon-arrow-u{
	top:26px !important;  
}
#alerts-list .no-alert-type .right-date-block {
  top: 2px !important; 
}
.ui-icon-arrow-u {
  background: url("../img/icon-up.png") no-repeat scroll 12px -10px transparent !important;
  background-size: 20px !important;
}
.ui-icon-arrow-d-active{
  background: url("../img/icon-down-active.png") no-repeat scroll 12px 8px transparent !important;
  background-size: 20px !important;
}
.ui-icon-arrow-u-active {
  background: url("../img/icon-up-active.png") no-repeat scroll 12px 8px transparent !important;
  background-size: 20px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.ui-icon-arrow-d {
		background: url("../img/icon-down@2x.png") no-repeat scroll 12px 2px transparent !important;
		background-size: 20px !important;
	}
	.ui-icon-arrow-u {
		background: url("../img/icon-up@2x.png") no-repeat scroll 12px 2px transparent !important;
		background-size: 20px !important;
	}
	.ui-icon-arrow-d-active{
		background: url("../img/icon-down-active@2x.png") no-repeat scroll 12px 4px transparent !important;
		background-size: 20px !important;
	}
	.ui-icon-arrow-u-active {
		background: url("../img/icon-up-active@2x.png") no-repeat scroll 12px 4px transparent !important;
		background-size: 20px !important;
	}
}
.iscroll-content{
	padding:0 !important;
	padding-left:1px;
}
.txt_center{ text-align:center;}
.filter_button_bg{
	background: none repeat scroll 0 0 #D6D3D3;
	font-size: 13px;
	margin-top: -1px;
	padding: 0px 10px 10px 10px !important;
	border-bottom: #c0c0c0 solid 1px;
	border-top: #c0c0c0 solid 1px;	
	width: 93%;
	color:#F26321;
}

* {
-webkit-touch-callout: none;
-webkit-user-select: none;
}

input {
-webkit-user-select: auto;
-webkit-user-modify: read-write-plaintext-only;
}
textarea{
-webkit-user-select: auto;
}
.alert-scroll{
	margin-top:-3px;
}

#textarea-info{
	color: black;	
    text-shadow: none;
	box-shadow: none !important;
	-webkit-box-shadow:none !important;
}

.locationNamePop .locaton_textbox{
	padding: 7px 6px !important;
	width: 100% !important;
}
#loginForm .ui-btn-active{
	color:#000 !important;
	background:#FFE477;
}
#loginForm .ui-btn-down-a{
	color:#000 !important;
	background:#FFE477;
}

.ui-overlay-a {
  background:#222222 !important;
  opacity: 0.7 !important;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 
	.ui-li-heading{
		width:90%;
	}
	.list-details {
	  float: left;
	  width: 42%;
	}
	.iscroll-scroller {
	  width: 97%;
	}
	
 }
@media (min-device-width : 569px) and (max-device-width : 1024px){
	.iscroll-scroller {
	  width: 97%;
	}
}
 @media (min-device-width : 320px) and (max-device-width : 568px){
	.iscroll-scroller {
	  width: 97%;
	}
}

@media (max-width: 400px) {
	.iscroll-scroller {
	  width: 97%;
	}
}
#dashboard-content  .ui-listview .ui-li a {
  padding-left: 0px !important;
   font-weight: normal;
}
.ui-link-selected {
	background:#ddd !important;
}
.ui-btn-left {
  background: url("../img/back.png") no-repeat scroll 7px 7px transparent !important;
  height: 33px !important;
  margin-top: -7px !important;
  padding: 5px !important;
  width: 33px;
}
.ui-header .ui-btn-active:first-child  {
  background: url("../img/back_active.png") no-repeat scroll 7px 7px transparent !important;
  height: 33px !important;
  margin-top: -7px !important;
  padding: 5px !important;
  width: 33px !important;
  border:0;
}

@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.ui-btn-left {
		background: url("../img/back@2x.png") no-repeat scroll 7px 7px transparent !important;
		background-size:32px 31px !important;
	}
	.ui-header .ui-btn-active:first-child,.ui-header .ui-btn-down-a:first-child  {
		background: url("../img/back_active@2x.png") no-repeat scroll 7px 7px transparent !important;
		background-size: 32px 32px !important;
	}
	.list-details {
		width: 67%;
	}

}
.terms-content{
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 4px 4px 4px 4px;
color: #000000;
margin-top: 10px;
padding: 2%;
text-shadow: none;
width: 96%;

}
.terms-content .panel_header{
	display:none;
}
.inactive-list span.ui-li-count  {
	border:1px solid #C4BEBE;
	background:#C4BEBE;
}

#menu-panel .menu-refresh {
  height: 30px;
  margin: 0 auto;
  padding: 0 !important;
  width: 125px;
  border-radius:4px !important;
}
.alert-desc .ui-li-desc .link_lt {
  background: none repeat scroll 0 0 #F26321;
  border-radius: 4px 4px 4px 4px !important;
  color: #FFFFFF;
  display: inline-block;
  padding: 2px 10px !important;
  text-decoration: none;
  text-shadow: none;
}
#ui-pop-alert-message-white {
  background: url("../img/icon_notification_warning.png") no-repeat scroll 6px center #FFFFFF !important;
  background-size: 40px auto !important;
  border: 2px solid #EC5800;
  box-shadow: none;
  color: #111111 !important;
  display: table-cell;
  font-size: 14px;
  line-height: 22px;
  min-height: 28px;
  padding: 14px 12px 12px 54px !important;
  text-shadow: none;
  vertical-align: middle;
  z-index: 9999;
}
.history-icon-active{
  color: #9F3300 !important;
  width: 100%;
  background:#ffe477 !important;
  border-right: 2px solid #FFE477;
}
.breadcrumbs-icon-active {
  background: none repeat scroll 0 0 #FFE477 !important;
  border: none !important;
  color: #9F3300 !important;
  border-left:1px solid #C9C9C9 !important;
}
.vehicle-status{
	position: absolute;
	right: 6%;
	top: 14px;
}
#history-list .vehicle-status {
  top: 26px;
  right: 2%;
}
#history-list, #all-vehicles-list, #vehicles-by-date-list, #vehicles-by-distance-list{
	margin-top: 1px !important;
}

.stopped-icon,.moving-icon  {
	background: url("../img/icon-stopped.png") no-repeat scroll left 0 transparent !important;
	color: #FF0404;
	height: 17px;
	padding: 0 18px;
	width: 46px;
}
.moving-icon {
  background: url("../img/icon-moving.png") no-repeat scroll left 0 transparent !important;
  color: #1B9D0E;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.stopped-icon  {
		background: url("../img/icon-stopped@2x.png") no-repeat scroll left 0 transparent !important;
		background-size: 17px 17px !important;
	}
	.moving-icon {
		background: url("../img/icon-moving@2x.png") no-repeat scroll left 0 transparent !important;
		background-size: 17px 17px !important;
	}
}
#loginForm .ui-input-text input{
	width: 90%;
	font-size: 15px !important;
}
#loginForm >.ui-input-text{
	background:#000 !important;
}

.ui-page { -webkit-backface-visibility: hidden; }

ul#tracking-list  .ui-btn-text a
{
	font-size: 16px;
	font-weight: normal;
}
ul#tracking-list  a
{
	padding:32px 0px 32px 50px !important;
}
.list-icon-active-icon {
	background: url("../img/menu_icon_active.png") no-repeat scroll 12px 8px rgba(0, 0, 0, 0) !important;
	background-size: 30px !important;
}
.list-icon-active-icon:not(.menu_bg) {
	background: url("../img/menu_icon_active.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	background-size: 30px !important;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.ui-header .ui-btn-right {
		background: url("../img/menu_icon@2x.png") no-repeat scroll center center rgb(31,29,29);
		background-size: 30px !important;
	}
	.ui-header .ui-btn-right:not(.menu_bg){
		background: url("../img/menu_icon@2x.png") no-repeat scroll center center transparent;
		background-size: 30px !important;
	}
	.ui-header .ui-btn-active {
	  background: url("../img/menu_icon@2x.png") no-repeat scroll 10px 8px #1F1D1D !important;
	  background-size: 30px !important;
	}
	.list-icon-active-icon {
		background: url("../img/menu_icon_active@2x.png") no-repeat scroll 12px 8px rgba(0, 0, 0, 0) !important;
		background-size: 30px !important;
	}
	.list-icon-active-icon:not(.menu_bg) {
		background: url("../img/menu_icon_active@2x.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
		background-size: 30px !important;
	}

}
.iscroll-content li
{
	-webkit-transform: translateZ(0);
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
}
#terms.ui-page
{
	background: url("../img/bg_2x.png") !important;
}
#all-vehicles-list .ui-li-desc, #vehicles-by-date-list .ui-li-desc, #vehicles-by-distance-list .ui-li-desc
{
	font-size:9px;
	width:100%;
}
#all-vehicles-list  .ui-link-inherit, #vehicles-by-date-list  .ui-link-inherit, #vehicles-by-distance-list .ui-link-inherit
{
	font-size:10px;
	padding:0 !important;
}
#all-vehicles-list  .ui-listview .ui-li a, #vehicles-by-date-list .ui-listview .ui-li a, #vehicles-by-distance-list .ui-listview .ui-li a
{
	padding-left:0;
} 
#all-vehicles-list .vehicle-status .ui-li-desc, #vehicles-by-date-list .vehicle-status .ui-li-desc, #vehicles-by-distance-list .vehicle-status .ui-li-desc
{
	margin-bottom:2.3em;
}
#all-vehicles-page .ui-panel-content-wrap .ui-content, #all-vehicles-page > .ui-content , #vehicles-by-date .ui-panel-content-wrap .ui-content , #vehicles-by-date > .ui-content,
#vehicles-by-distance  .ui-panel-content-wrap .ui-content, #vehicles-by-distance  > .ui-content, #vehicle-history .ui-panel-content-wrap .ui-content, #vehicle-history > .ui-content 
{
	padding-left: 1px;
	padding-right: 1px;
	position: relative;	
}
#all-vehicles-page .ui-btn-icon-right .ui-icon , #vehicles-by-date .ui-btn-icon-right .ui-icon, #vehicles-by-distance  .ui-btn-icon-right .ui-icon  {
	right: 5px;
	padding-top: 10px;
}
#all-vehicles-page .moving-icon, #all-vehicles-page .stopped-icon, #vehicles-by-date  .moving-icon , #vehicles-by-date .stopped-icon, #vehicles-by-distance   .moving-icon , #vehicles-by-distance .stopped-icon {
	background-size:12px !important;
}
#all-vehicles-page .list-navigation a, #vehicles-by-date .list-navigation a, #vehicles-by-distance .list-navigation a
{
	font-size:10px;
	font-weight: normal;
}
#alerts-list h3{
	font-size: 14px;
	margin: 4px 0;
	white-space: nowrap;
	width: 63%;
}
#alerts-list p.ui-li-desc {
  display: block;
  font-size: 12px;
  font-weight: 400;
  margin: 4px 3px 3px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#alerts-list .alert-desc {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #D1D1D1;
  font-size: 11px;
  font-weight: normal;
  padding: 7px;
  position: relative;
  text-shadow: none;
}
#alerts-list .alert-desc > p {
	font-size: 11px;
	margin-bottom: 3px;
	margin-top: 0;
	padding-top: 1px;
	white-space: normal;
}
#alerts-list .alert-desc .link_lt {
  background: none repeat scroll 0 0 #F26321;
  color: #FFFFFF;
  font-size: 11px;
  margin-top: 0;
  padding: 2px 4px !important;
  text-decoration: none;
  text-shadow: none;
  white-space: normal;
}
#alerts-list .ui-link-inherit {
  margin: 0 !important;
  padding: 1px 0 1px 5px !important;
}
.alert-index{
	float: left;	
	padding-left : 0px !important;
}

.group-view{
	background:  url(../img/vechicle-group-icon.png) no-repeat 12px 27px !important;
	background-size:28px 28px !important;
	padding-left:52px !important
}
.vehicles-view{
	background:  url(../img/Vechicles-list-icon.png) no-repeat 12px 27px !important;
	background-size:28px 28px !important;
	padding-left:52px !important
}
.nearby-view{
	background:  url(../img/nearest-list-icon.png) no-repeat 12px 27px !important;
	background-size:28px 28px !important;
	padding-left:52px !important
}
.year-picker .ui-select{
	width: 75px;
}
.search-content{
	padding: 0px 10px 5px 10px;
}

.ui-header{
	height: 42px;
}
.tracking-header, .info_header, .terms_header, .company_header{
	margin-top: 12px !important;
}

#info textarea#textarea-info {
	background: none repeat scroll 0 0 #EBEBEB;
}
/*Google Map Customiation for Mobile */
.gmnoprint div[title="Show satellite imagery"],.gmnoprint div[title="Show street map"] {
	font-size:16px !important;
	padding: 5px 10px !important;
	text-shadow:none ;
	margin-top:-10px;
}
.gmnoprint a[href="http://www.google.com/intl/en-US_US/help/terms_maps.html"]{
	display:none;
}
.gm-style-cc a[title="Report errors in the road map or imagery to Google"]{
	display:none;
}
.gm-style a[title="Click to see this area on Google Maps"]{
	display:none !important;
}
.gm-style a.google-logo[title="Click to see this area on Google Maps"]{
	display:inline !important;
}
.gmnoprint div[title="Show satellite imagery"] +div,.gmnoprint div[title="Show street map"] +div{
	display:none !important;
}
/*Google Map Customization for Mobile- End */


.info-window .stopped-icon, .info-window .moving-icon {
  background-size: 12px 12px !important;
  font-size: 11px !important;
  margin-top: 5px;
  padding-left: 21px;
  padding-top: 3px;
  width: 84px;
}
.info-window .stopped-icon{
  color: #FD0B0B;
}
#map_canvas .popclose , #map_vehcile_history .popclose{
	background: url("../img/close.png") no-repeat scroll 6px 7px #DDDDDD;
	border: 1px solid #FFFFFF;
	border-radius: 4px 4px 4px 4px;
	padding: 4px;
	position: absolute;
	right: 0.3em;
	top: 0.5em;
	z-index: 99999;
}
#searchPopup .nearby_head{
	padding: 15px 0px 8px 0px !important;
}
.history-dsc, .history-asc{
	color:#aeaeae !important;
}
.dp-from{
	margin:10px 0px 0px 85px;
	font-size: 12px;
	color: #666;
}
.pad_lt{
	padding-left: 10px;
}
 .list-details .address {
  background: url("../img/map_icon.png") no-repeat scroll -1px 2px transparent;
  color: #737373;
  font-size: 12px;
  font-weight: normal;
  margin-top: 1px;
  padding: 2px 0 3px 21px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background-size:19px;
  text-shadow: none;
  min-height: 15px;
}
.list-details .address  p.ui-li-desc{
	 margin: 0;
	 font-size: 12px !important;	
 }
 
 .vehicleDetails .list-details .address  p{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 11px;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 2px;
 }
 
#alerts-list .vehicle-time,.list-details .vehicle-time{
  background: url("../img/icon_calender.png") no-repeat scroll 0 center transparent;
  color: #BF2A2A;
  font-size: 12px !important;
  margin-bottom: 3px !important;
  margin-top: 5px;
  padding: 2px 0 3px 22px;
  background-size:16px;
}
.infoBox .address {
  background: url("../img/map_icon.png") no-repeat scroll -4px top transparent;
  color: #737373;
  font-size: 11px;
  font-weight: normal;
  margin-top: 1px;
  padding: 2px 0 3px 22px;
  text-shadow: none;
  min-height: 15px;
  background-size:20px;
}
#alerts-list .vehicle-info {
	background: url("../img/icon-vehicle.png") no-repeat scroll 0 center transparent;
	color: #737373;
	font-size: 12px;
	font-weight: normal;
	margin-top: 1px;
	overflow: hidden;
	padding: 2px 0 2px 22px;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-size:16px;
}

.infoBox  .vehicle-time {
  background: url("../img/icon_calender.png") no-repeat scroll 0 top transparent;
  color: #BF2A2A;
  font-size: 11px !important;
  margin-bottom: 3px !important;
  margin-top: 5px;
  padding: 2px 0 2px 22px;
  background-size:16px;
}
#alerts-list .alert-type {
  background: url("../img/icon-alert-type.png") no-repeat scroll 0 center transparent;
  color: #737373;
  font-size: 12px;
  font-weight: normal;
  margin-top: 1px;
  overflow: hidden;
  padding: 2px 0 2px 22px;
  margin: 1px 3px 0 0 !important;
  text-overflow: ellipsis;
  white-space: nowrap;
   width: 140px;
   background-size:14px;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	#all-vehicles-list .list-details .address,.infoBox .address, .vehicleDetails .list-details .address {
	  background: url("../img/map_icon@2x.png") no-repeat scroll -2px 2px transparent;
	  background-size:19px;
	}
	#alerts-list .vehicle-time, #all-vehicles-list .list-details .vehicle-time ,.infoBox  .vehicle-time {
	  background: url("../img/icon_calender@2x.png") no-repeat scroll 0 center transparent;
	  background-size:16px;
	}
	#alerts-list .vehicle-info {
	background: url("../img/icon-vehicle@2x.png") no-repeat scroll 0 center transparent;
	background-size:16px;
	}
	
	#alerts-list .alert-type {
	  background: url("../img/icon-alert-type@2x.png") no-repeat scroll 0 center transparent ;
	  background-size:16px;
	}
}

#all-vehicles-list .list-details > h2 {
  float: none !important;
  font-size: 15px;
  margin: 4px 0;
  text-align: left;  
}
#all-vehicles-list .index-div .index-count {
  font-size: 10px;
  font-weight: bold;
  padding-top: 12px;
  width: 100%;
}
.disabled-via-opcaity{
	opacity:0.4;
}
#all-vehicles-list li{
	min-height: 74px;
}
#vehicle-history .index-div {
  height: 60px;
  padding-right: 2px;
}
#vehicle-history  .list-details{
	height: 60px;
	width: 74%;
}

#map-view-particular .vehicle-green-index, #map-view-particular .vehicle-red-index {
  margin: 22px auto;
}
#vehicle-history .vehicle-red-index ,#vehicle-history .vehicle-green-index {
  margin: 11px auto;
}
#vehicle-history .vehicle-moving, #vehicle-history .vehicle-stopped {
  top: 42px;
  width: 62px;
}
#vehicle-history  div.ui-btn-inner a.ui-link-inherit{
	padding-top: 0;
}
.vehicleDetails  .index-div .index-count{
	font-size: 10px;
	margin: 0;
	padding-top: 8px;
}
.vehicleDetails .index-div {
  height: 84px;
  text-align: center;
  padding-right: 1px;
}
.vehicleDetails .list-details {
	height: 84px;
}
.vehicleDetails .vehicle-moving, .vehicleDetails .vehicle-stopped {
    top: 38px;
	width: 62px;
}
#map-view-particular .vehicle-moving, #map-view-particular .vehicle-stopped {
	top: 54px !important;	
}

#menu-panel .ui-listview .ui-li > .ui-btn-text {
  border-radius: inherit;
  margin-bottom: -10px;
}
#menu-panel  .panel-menu-list li{
	padding-bottom: 10px;
	padding-top: 0px;
}
#menu-panel  .panel-menu-list li a.ui-link-inherit{
	padding-top: 11px;
}
#alerts-list li{
	padding-left:0px;
}
#popupDatePicker-popup .ui-icon-arrow-d{
	display:none;
}
.js-street-view-close-button{
  background: url("../img/close.png") no-repeat scroll center center #DDDDDD !important;
  color: #000000;
  height: 29px;
  position: absolute;
  right: 5px;
  text-indent: -99999px;
  top: 5px;
  width: 30px;
  z-index: 99999;
}
.street-view-loading {
  background: url("../img/ajax-loader-3.gif") no-repeat scroll center center rgba(0, 0, 0, 0);
  box-shadow: none;
  color: #666666;
  font-size: 10px;
  text-decoration: none;
  text-shadow: none;
  background-size:auto 11px;
  text-indent: -99999px;
}
#all-vehicles-list .index-div .index-count {
  font-size: 10px;
  font-weight: bold;
  padding-top: 7px;
  width: 100%;
}
.vehicle-red-index, .vehicle-green-index {
  background: none repeat scroll 0 0 #D32E2E;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  display: block;
  float: none;
  height: 27px;
  margin: 24px auto;
  text-shadow: none;
  width: 44px;
}
.vehicle-green-index {
  background: none repeat scroll 0 0 #176B17;
}
.link-active{
	color: #eb4e06 !important;
}

#dashboard-content > ul > li {
    border-radius: 6px 6px 6px 6px;    
    padding: 0 !important;
    width: 146px;
	float:left;
	margin-top: 10px;
}

.ui-content .ui-listview-inset, .ui-panel-inner .ui-listview-inset {
  margin: 0.6em 0;
}


/* https://daneden.me/animate/build/*/
.animated{
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	-ms-animation-duration:0.6s;
	-o-animation-duration:0.6s;
	animation-duration:0.6s;
	}
.animated.hinge{
	-webkit-animation-duration:0.6s;
	-moz-animation-duration:0.6s;
	-ms-animation-duration:0.6s;
	-o-animation-duration:0.6s;
	animation-duration:0.6s;
}
@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}	40% {-webkit-transform: translateY(-30px);}
	60% {-webkit-transform: translateY(-15px);}
}

@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}
	40% {-moz-transform: translateY(-30px);}
	60% {-moz-transform: translateY(-15px);}
}

@-o-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}
	40% {-o-transform: translateY(-30px);}
	60% {-o-transform: translateY(-15px);}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

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

@-moz-keyframes flip {
	0% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	40% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-moz-animation-timing-function: ease-out;
	}
	50% {
		-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
	80% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-moz-animation-timing-function: ease-in;
	}
	100% {
		-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-moz-animation-timing-function: ease-in;
	}
}
@-o-keyframes flip {
	0% {
		-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		-o-animation-timing-function: ease-out;
	}
	40% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		-o-animation-timing-function: ease-out;
	}
	50% {
		-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
	80% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		-o-animation-timing-function: ease-in;
	}
	100% {
		-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		-o-animation-timing-function: ease-in;
	}
}
@keyframes flip {
	0% {
		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
		animation-timing-function: ease-in;
	}
}

.animated.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
}
@-moz-keyframes rotateIn {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
}
@-o-keyframes rotateIn {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
}
@keyframes rotateIn {
	0% {
		transform-origin: center center;
		transform: rotate(-200deg);
		opacity: 0;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
}

.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateOut {
	0% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-webkit-transform-origin: center center;
		-webkit-transform: rotate(200deg);
		opacity: 0;
	}
}

@-moz-keyframes rotateOut {
	0% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-moz-transform-origin: center center;
		-moz-transform: rotate(200deg);
		opacity: 0;
	}
}

@-o-keyframes rotateOut {
	0% {
		-o-transform-origin: center center;
		-o-transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		-o-transform-origin: center center;
		-o-transform: rotate(200deg);
		opacity: 0;
	}
}

@keyframes rotateOut {
	0% {
		transform-origin: center center;
		transform: rotate(0);
		opacity: 1;
	}
	
	100% {
		transform-origin: center center;
		transform: rotate(200deg);
		opacity: 0;
	}
}

.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}

.time-slot{	
	width: 47%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}

.time-slot > span{
	padding-left: 3px;
	padding-right: 3px;
}
.time-div{
	margin-top: -17px;
}
.js-footer-actions .inactive{
	color: #AEAEAE !important;
}
.js-footer-actions a {
  color: #111;
  font-size: 9px !important;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;  
  height: 30px;
  padding-top: 5px !important;
  width:100%;
  float:left;
}
.js-footer-actions  .first-item{
	 float:left;
	 width:33%;
	 border-radius:4px 0 0 4px;
}
.js-footer-actions  .middle-item{
	float:left;
	width:34%;
}
.js-footer-actions  .last-item{
	float:left;
	width:33%;
	border-radius:0px 4px 4px 0px  ;
}
.js-footer-actions .middle-item a, .js-footer-actions .last-item a {
  border-left: 1px solid #ddd !important;
  display: block;
}
.js-footer-actions  span.ui-btn-inner .ui-btn-text{
  font-size: 10px;
}
.js-footer-actions a.prev span.ui-btn-text{
  background: url("../img/icon-prev.png") no-repeat scroll 3px center transparent !important;
  padding: 6px 0 5px 18px;
  width: 78px;
}
.js-footer-actions a.datefilter span.ui-btn-text{
  background: url("../img/icon-date-filter.png") no-repeat scroll 5px center transparent !important;
  padding: 5px 0 4px 26px;
  width: 93px;
}
.js-footer-actions a.next span.ui-btn-text {
  background: url("../img/icon-next.png") no-repeat scroll right center transparent !important;
  width: 78px;
  padding: 6px 16px 7px 0;
}
.js-footer-actions a.next span.inactive {
  background: url("../img/icon-next-inactive.png") no-repeat scroll right center transparent !important;
}
.js-footer-actions a.prev span.inactive {
  background: url("../img/icon-prev-inactive.png") no-repeat scroll left center transparent !important;
}
.js-footer-actions a.prev span.ui-btn-inner{
	text-align: left;
}
.js-footer-actions a.datefilter span.ui-btn-inner{
	padding-left:0px;
	padding-right:0px;
}
.js-footer-actions a.next span.ui-btn-inner{
	text-align: right;
}

.js-footer-actions a.ui-btn-down-c,.js-footer-actions a.ui-btn-active {
  background-color:  #ffe477 !important;
  color: #F26321 !important;
  text-shadow:none; 
}
.js-footer-actions {
  margin: 0px auto !important;
  width: 100%;
  display: none;
}
.ui-controlgroup-controls{
	width: 100%;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.js-footer-actions a.prev span.ui-btn-text{
		background-size: 16px !important;
		padding: 4px 0 4px 18px;
		background-image: url("../img/icon-prev@2x.png") !important;
	}
	.js-footer-actions a.datefilter span.ui-btn-text {
		background-size: 16px !important;
		background-image: url("../img/icon-date-filter@2x.png") !important;
	}
	.js-footer-actions a.next  span.ui-btn-text{
	  background-size: 16px !important;
	   padding: 4px 16px 4px 0;
	  background-image: url("../img/icon-next@2x.png") !important;
	}
	.js-footer-actions a.next span.inactive {
		background-image: url("../img/icon-next-inactive@2x.png")!important;
	}
	.js-footer-actions a.prev span.inactive {
		background-image: url("../img/icon-prev-inactive@2x.png")!important;
	}
}
.right-wrapper .ui-btn-text {
  font-weight: normal !important;
  text-shadow: none !important;
}
.show-more-info,.hide-more-info{
	background: url("../img/icon_down.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	cursor: pointer;
	height: 40px;
	padding: 5px;
	position: absolute;
	right: 0;
	text-indent: -9999px;
	top: 45px;
	width: 40px;
}
.hide-more-info{
	background: url("../img/icon_up.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.show-more-info,.hide-more-info{
		background: url("../img/icon_down@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);	
		background-size: 40px !important;
	}
	.hide-more-info{
		background: url("../img/icon_up@2x.png") no-repeat scroll center center rgba(0, 0, 0, 0);
		background-size: 40px !important;
	}
}
.clear-wrapper:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
#all-vehicles-list li, #vehicles-by-date-list li, #vehicles-by-distance-list li {
	padding-top:2px !important;
	padding-bottom:0px !important;
	border: medium none;
}
#history-list li {
	padding:2px !important;
}
#alerts-list  li{
	padding:0px !important;
}
#alerts-list  li .clear-wrapper{
	padding:5px !important;
}
.ui-loader .ui-icon{
	background:none;
}
#alerts-list .show-more-info,#alerts-list.hide-more-info{
	top: 55px;
}
#alerts-list li.no-alert-type .show-more-info,#alerts-list li.no-alert-type .hide-more-info{
	top: 30px;
}
#dashboard-list{
	margin-left: -1px;
}

.vehicleDetails .list-details .address{	
	background-position: 0 0px !important;
}
.vehicleDetails .list-details {
	width: 78%;
}
.ui-icon-loading {
  background: url("../img/ajax-loader-3.gif") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border-radius: 5px !important;
    display: block;
    height: 14px !important;
    margin: 0;
    padding: 1px;
    width: 96px !important;
	background-size: 100px !important;
}
.ui-loader{
	width:100%;
	margin: 0 !important;
	left:0;
}
.ui-loader .ui-icon {
  background-color: #000000;
  border-radius: 3px 3px 3px 3px !important;
  display: block;
  height: 44px;
  margin: 0 auto !important;
  padding: 1px;
  width: 44px;
}

#history-list  .index-count {
    padding-top: 7px;
}
#alert-types-list a.ui-link-inherit{
	font-weight: normal;
}

#vehicle-group a{
	font-weight: normal;
	font-size: 16px !important;
}
#popupDialog a.ui-btn-active{
	color: #2F3E46 !important;
}

.all-alerts a{
	font-weight:bold !important;
}
.all-alerts {
	margin-bottom:10px !important;	
}
ul#alert-types-list li.inactive-first-child{
	margin-top:10px !important;
}
.ui-input-text.ui-focus, .ui-input-search.ui-focus {
  box-shadow: none !important;
}
.login-submit-button .ui-btn-text{
	  text-shadow: none !important;
}
#menu-panel .ui-panel-inner{
	padding:0px;
}
#menu-panel .panel-menu-list li {
    padding: 0 0 0 40px;
}
#menu-panel .panel-menu-list li.menu-head {
    padding-left: 17px;
}
#menu-panel .panel-menu-list li  a{
    color: #AEAEAE;
    font-size: 13px;
    text-decoration: none;
	display: block;
	padding: 9px 0;
	font-weight:normal;
}
#menu-panel .panel-menu-list li.menu-active a {
  color: #FFFB84;
}
.slot-date {
  background: url("../img/icon_calender.png") no-repeat scroll 0 center rgba(0, 0, 0, 0);
  background-size: 14px;
  font-size: 13px;
  margin: 1px auto 5px;
  padding-left: 20px;
  width: 228px;
}
#history-list,#alerts-list{
	margin-bottom:2px;
	font-size: 14px;	
}
.search-text{
	width:85% !important;
}
.alert-description-block p {
    margin: 0 0 6px !important;
}
.alert-description-block p.location {
    margin: 15px 0 6px !important;
}
.alert-description-block {
  border-left: 1px solid #D1D1D1;
  float: left;
  margin-left: 40px;
  min-height: 75px;
  padding-left: 10px;
  padding-top: 5px;
}


@media only screen  and (min-device-width : 700px) and (max-device-width : 1204px) ) {
	.alert-description-block{
		width:600px !important;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.alert-description-block{
		width:250px !important;
	}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px)  and (orientation : landscape)  {
	.alert-description-block{
		width:420px !important;
	}
}
#alerts-list .alert-desc{
	padding: 0px !important;
}
#info .version-info {
    background: none repeat scroll 0 0 #B0B0B0;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    margin-top: 0 !important;
    padding: 5px;
    text-align: right;
}
.terms-and-conditions{
	text-align:center;
}
.terms-and-conditions a {
    border: 1px solid #F26321;
    display: block;
    margin: 18px auto 0;
    padding: 5px 10px;
    text-decoration: none;
    width: 130px;
}
#login-page h2 {
  font-size: 28px;
  margin-bottom: 5px;
  margin-top: 15px;
  text-align: center;
}
#login-page .headerText2 {
  color: #D17603;
  margin-left: -4px;
  padding-left: 0;
}
.search-content .ui-input-text{
	 border: 1px solid #AAAAAA;
	 background:none !important;
}
.search-content .ui-input-text #search-text {
  color: #000000;
  font-size: 14px;
  padding-left: 5px !important;
}

.slider.closed {
    max-height: 0;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in;
	border: medium none !important;
}
.slider {
    max-height: 160px;
    overflow-y: hidden;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in;
	overflow:hidden;
}
.slider-history.closed {
    max-height: 0;
}
.slider-history {
    max-height: 47px;
    overflow-y: hidden;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in;
}
.inner_padding p{
	color:#000; 
}
.ui-popup  h3.ui-title {
  font-size: 13px;
  font-weight: normal;
  line-height: 20px;
  padding-top: 10px;
}

.slider-label div.item{
	float: left;
	width: 20%;
	height: 15px;
}
.slider-label div.item .text {
  border-right: 1px solid #DDDDDD;
  height: 6px;
  position: relative;
}
.slider-label div.item .text-first {
  border-left: 1px solid #DDDDDD;
}
.slider-label div.item .text span {
  bottom: -15px;
  position: absolute;
  right: -12px;
  text-align: center;
  width: 21px;
}
.slider-main {
	float: left;
	height: 47px;
	position: relative;
	width: 100%;
}
.slider-main .ui-slider{
	height: 35px;
	margin: 0 !important;
	position: absolute;
	width: 100%;
	z-index: 10;
}

.slider-main .ui-slider .ui-slider-track{
	margin: 0;
}
.ui-slider-track.ui-mini .ui-slider-handle {
  height: 14px;
  margin: -19px 0 0 -10px;
  width: 14px;
}
.slider-label {
  float: left;
  height: 23px;
  position: absolute;
  top: 23px;
  width: 100%;
  z-index: 1;
}.slider-label div.item {
  float: left;
  width: 20%;
}
.map_canvas img { max-width:none; }

#nearby-error .ui-title{
	font-weight: normal;
	margin: 10px 0px 15px 0px;
}

#nearby-error .close_log {
  float: none;
  margin: 0 auto; 
}
#map-view-particular .list-details .address {
  background-position: 0 3px !important;
  font-size: 11px;
  line-height: 16px;
  white-space: normal;
}
.disable-link{
	box-shadow: none;
	color: #AEAEAE !important;
}
.js-footer-actions .ui-btn-active{
	font-weight:normal !important;
}
#nearby-vehicle-map-view .location_content {
    height: 74px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.js-info-messge-block {
  position: fixed;
  text-shadow: none;
  top: 50%;
  width: 100%;
  z-index: 9999;
}
.js-info-messge-block .js-info-messge {
  background: url("../img/icon_notification_warning.png") no-repeat scroll 6px center #FFFFFF !important;
  background-size: 40px auto  !important;
  border: 2px solid #EC5800;
  box-shadow: none;
  color: #111111 !important;
  display: block;
  float: none;
  font-size: 14px;
  line-height: 22px;
  margin: 0 auto;
  min-height: 28px;
  padding: 14px 12px 12px 54px !important;
  text-shadow: none;
  vertical-align: middle;
  width: 220px;
  z-index: 999;
}
.info-window .stopped-icon, .info-window .moving-icon {
    margin-top: 5px;
    padding-left: 22px;
}
#terms .ui-btn-left.ui-btn-down-a{
	background: url("../img/back_active.png") no-repeat scroll 7px 7px rgba(0, 0, 0, 0) !important;
	border: 0 none;
	height: 33px !important;
	margin-top: -7px !important;
	padding: 5px !important;
	width: 33px !important;
}
.ui-panel-display-overlay {
    z-index: 99999;
}
.iscroll-scroller {
    width: 100% !important;
}
#info .address_head,#info  .query_head{
	text-align: left;
	font-weight: normal;
}
#info .inner_padding p {
    color: #000000;
    font-size: 14px;
}
.ui-btn-up-b,.ui-btn-down-b,.ui-btn-active, .ui-btn-hover-b,.ui-btn-hover-b  {
    border: none !important;
}
.terms-and-conditions a.active {
	background:#FFE477;
}
.js-block-sub-menu{
	height: 31px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 100%;
	z-index: 100;
}
#dashboard-list-new{
	margin-top:10px;
}
#dashboard-content #dashboard-list-new li{
	float:none;
	height:100px;
	width:100%;
	margin-bottom:10px !important;
}
#dashboard-content #dashboard-list-new li a {
  padding:0px;
  border-radius: 4px;
}
#dashboard-content #dashboard-list-new li a span.icon {
    display: block;
    float: left;
    height: 100px;
    text-indent: -999px;
    width: 65px;
}
#dashboard-content #dashboard-list-new li a span.text {
  color: #111111;
  display: block;
  float: left;
  font-size: 18px;
  padding: 39px 10px 39px 0 !important;
}

#dashboard-list-new a span.bg {
    display: block;
    float: left;
    height: 100px;
    width: 65px;
}
#dashboard-list-new a.tracking span.icon {
    background: url("../img/tracking_icon@2x.png") no-repeat scroll center center ;
	background-size:30px;
}
#dashboard-list-new a.alert span.icon {
	background: url("../img/alert_icon@2x.png") no-repeat scroll center center ;
	background-size:30px;
}
#dashboard-list-new a.info  span.icon{
	background: url("../img/info_icon@2x.png") no-repeat scroll center center;
	background-size:30px;
}
@media only screen and (-webkit-min-device-pixel-ratio:1.3), only screen and (min--moz-device-pixel-ratio:1.3), only screen and (min-resolution:200dpi) {
	.list-details{
		width: 67%;
	}
}
/* Nexus 4*/
@media screen and (device-width: 384px) and (device-height: 592px) and (-webkit-device-pixel-ratio: 2){
	.list-details{
		width: 73%;
	}
}

#tracking ul#tracking-list li {
	margin-bottom: 10px;
}
#popupDialogLogout-popup .address_head h1 {
   font-weight: normal;
}
#popupDialog{
	background:none;
}
#popupDialog-screen,#popupDialogLogout-screen{
	background:#fff;
    border:1px solid #1D1F21;
}
.ui-header .back-btn{
	left: 0;
}