/* Minification failed. Returning unminified contents.
(741,14): run-time error CSS1031: Expected selector, found '?'
(741,14): run-time error CSS1025: Expected comma or open brace, found '?'
(747,11): run-time error CSS1030: Expected identifier, found '99'
(747,11): run-time error CSS1031: Expected selector, found '99'
(747,11): run-time error CSS1025: Expected comma or open brace, found '99'
(751,11): run-time error CSS1030: Expected identifier, found '93'
(751,11): run-time error CSS1031: Expected selector, found '93'
(751,11): run-time error CSS1025: Expected comma or open brace, found '93'
(1157,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '('
(4332,2): run-time error CSS1019: Unexpected token, found '#'
 */
body {
	background-color: #e9edf4;
	font-size: 100%;
}
img[src*="ArrowUp.gif"], img[src*="ArrowRight.gif"], img[src*="ArrowDown.gif"], img[src*="ArrowLeft.gif"] {
    width: 21px !important;
    height: 21px !important;
}

.square-icon {
	width: 30px;
	height: 30px;
}

.label-text {
	font-size: 11px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 500;
}

.dark-blue {
	background-color: #29334e;
}
.dark-blue-text {
	color: #29334e;
}
.text-white {
	color: white;
}

.text-border-white {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover, .main-icons a, .main-icons a:hover {
	color: white;
	text-decoration: none;
}

.light-blue {
	background-color: #16c4a3 !important;
}

.icon-controls {
	background-image: url(Images/icons/icon_medium_control.svg);
}

.navbar #controls-header {
	padding-top: 29px;
	padding-bottom: 28px;
}
nav #control-and-logo .navbar-header{
	margin-left:15px;
}

.icon-image {
	width: 30px;
	height: 30px;
}

.logo-padding {
	padding-top: 15px;
	padding-bottom: 5px;
}

* {
	font-family: 'Roboto', sans-serif;
	background-repeat: no-repeat;
	/*transition: all 0.2s ease 0s;*/
}

button#MasterSearchButton {
    font-size: 12px !important;
    margin: 0;
    background-color: #42d3b7;
    border: 0px;
}

button#MasterSearchButton:hover {
    background: #3949ab !important;
}

.navbar .main-icons {
	display: flex;
	align-items: center;
	height: 100%;
}

.icon-fuel {
	background-image: url(Images/icons/icon_medium_fuel.svg);
}

.icon-lost-fuel {
	background-image: url(Images/icons/icon_big_savings_fuel.svg);
}

.icon-bell {
	background-image: url(Images/icons/icon_small_menu_notification.svg);
}

.icon-message {
	background-image: url(Images/icons/envelope.svg);
	background-size: contain;
}

.icon-arrow-left {
	background-image: url(Images/icons/icon_small_back_grey.svg);
}

.icon-arrow-right-white {
	background-image: url(Images/icons/icon_small_pagination_next_white.svg);
}

.icon-arrow-left-white {
	background-image: url(Images/icons/icon_small_pagination_previous_white.svg);
}

.icon-double-arrow-left {
	background-image: url(Images/icons/icon_small_reduce_grey.svg);
}

.icon-double-arrow-left-white {
	background-image: url(Images/icons/icon_small_pagination_start_white.svg);
}

.icon-double-arrow-right-white {
	background-image: url(Images/icons/icon_small_pagination_end_white.svg);
}

.icon-gear-grey {
	background-image: url(Images/icons/icon_small_option_grey.svg);
}

.icon-expand-arrow {
	background-image: url(Images/icons/icon_small_expand_grey.svg);
}

	.icon-expand-arrow.open {
		background-image: url(Images/icons/icon_small_expand_enabled_grey.svg);
	}

.icon-folder {
	background-image: url(Images/icons/icon_small_folder.svg);
}

.icon-folder.enabled {
	background-image: url(Images/icons/icon_small_folder_enabled.svg);
}

.icon-fuel-blue {
	background-image: url(Images/icons/icon_small_fuelreport_pump.svg);
}

.icon-truck-blue {
	background-image: url(Images/icons/icon_small_driving.svg);
}

.icon-search-grey {
	background-image: url(Images/icons/icon_small_search_grey.svg);
}

.icon-small-van {
	background-image: url(Images/icons/icon_small_van.svg);
}

.icon-small-van.enabled {
	background-image: url(Images/icons/icon_small_van_enabled.svg);
}

.icon-star {
	background-image: url(Images/icons/icon_small_menu_favourite_white.svg);
}

.icon-star-grey {
	background-image: url(Images/icons/icon_small_favourite_grey.svg);
}

.icon-search {
	background-image: url(Images/icons/icon_small_menu_search_white.svg);
}

.icon-down-caret {
	background-image: url(Images/icons/icon_small_select_white.svg);
}

.icon-dashboard {
	background-image: url(Images/icons/icon_medium_dashboard.svg);
}

.icon-van {
	background-image: url(Images/icons/icon_medium_driving.svg);
}

.icon-reports {
	background-image: url(Images/icons/icon_medium_reports.svg);
}

.icon-map {
	background-image: url(Images/icons/icon_medium_map.svg);
}

.icon-close {
	background-image: url(Images/icons/icon_small_close_white.svg);
}

.icon-watch {
	background-image: url(Images/icons/icon_medium_journey.svg);
}

.icon-alert {
	background-image: url(Images/icons/icon_alert.png);
}

a:hover .icon-alert {
	background-image: url(Images/icons/icon_alert_hover.png);
}

.icon-sun {
	background-image: url(Images/icons/meteo_sun.svg);
}

.icon-checkmark {
	background-image: url(Images/icons/icon_status_ok.svg);
}

.icon-red-box {
	background-image: url(Images/icons/icon_status_van.svg);
}

.icon-lock {
	background-image: url(Images/icons/icon_status_locked.svg);
}

.icon-blocked {
	background-image: url(Images/icons/icon_status_blocked.svg);
}

.icon-driver {
	background-image: url(Images/icons/icon_status_driver.svg);
}

.icon-move-right {
	background-image: url(Images/icons/icon_status_moveright.svg);
}

.icon-logo {
	background-image: url(Images/logos/logo_movil_white_default.png);
	height: 80px;
	width: 170px;
	background-size: contain;
}
.poweredby-logo-header {
	background-image: url(Images/logos/PoweredBy.svg);
	height: 70px;
	width: 230px;
	background-size: contain;
}
icon-big-savings {
	background-image: url(/Images/icons/icon_big_savings_white.svg);
}

.icon-gear {
	background-image: url(Images/icons/icon_medium_admin.svg);
}

.icon-select-arrow {
	background-image: url(Images/icons/icon_small_select_grey.svg);
}

.navbar-nav.top-center-icons > li {
	margin-top: 17px;
	margin-right:-4px;
}
.navbar-nav.top-center-icons > li:hover span, .navbar-nav.top-right-icons > li:nth-child(-n+2):hover, .navbar .main-icons ul li.menu-active span {
	color: #42d3b7;
}
.navbar-nav.top-center-icons > li span {
	margin-top: 6px;
	padding-bottom: 4px;
	border-bottom: 3px solid transparent;
	transition: border 0.5s;
}
a:hover .icon-fuel {
	background-image: url(Images/icons/icon_medium_fuel_enabled.svg);
}

a:hover .icon-dashboard {
	background-image: url(Images/icons/icon_medium_dashboard_enabled.svg);
}

a:hover .icon-map {
	background-image: url(Images/icons/icon_medium_map_enabled.svg);
}

a:hover .icon-reports {
	background-image: url(Images/icons/icon_medium_reports_enabled.svg);
}

a:hover .icon-watch {
	background-image: url(Images/icons/icon_medium_journey_enabled.svg);
}

a:hover .icon-van {
	background-image: url(Images/icons/icon_medium_driving_enabled.svg);
}

a:hover .icon-help {
	background-image: url(Images/icons/icon_medium_help_enabled.svg);
}

a:hover .icon-gear {
	background-image: url(Images/icons/icon_medium_admin_enabled.svg);
}

ul.top-right-icons li i {
	line-height: 22px;
	margin-top:20px
}
ul.top-right-icons li > div {
	font-size: 11px;
}
ul.top-right-icons .btn {
	margin-right: 2px;
	margin-left: 2px;
	height: 34px;
	margin-top: 10px;
}

ul.top-right-icons li.settings {
	margin-top: 20px
}
.nav.navbar-nav.navbar-right.top-right-icons{
	margin-right: 1%;
}
/* Asset and Drivers tab at top*/

#fuel-efficiency {
	/*background: url(Images/temp/wastedc02.png) no-repeat center;*/
	height: 280px;
	margin-top: 30px;
	background-size: contain;
}

	/*#fuel-efficiency .highcharts-container {
		width: 400px;
	}*/

#wasted-fuel_ {
	/*background: url(Images/temp/wastedfuel.png) no-repeat center;*/
	height: 280px;
	margin-top: 30px;
	background-size: contain;
}

#fuel-legend {
	margin-top: 70px;
	margin: 70px auto auto 10px; 
}
.padding-left-40 {
	padding-left: 40px !important;
}
.padding-right-40 {
	padding-right: 40px !important;
}

#contentDisplayPanel ul li.tab-link {
    width:auto;
}

.list-border {
	margin-bottom: 40px;
}

.list-border li {
	width: 100%;
	display: inline-block;
	padding-top: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e9edf4;
}

.list-border li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

.small-icon {
	width: 20px;
	height: 20px;
}

.icon-fuel-blue {
	background-image: url(Images/icons/icon_small_fuelreport_pump.svg);
}

.icon-truck-blue {
	background-image: url(Images/icons/icon_small_driving.svg);
}

.icon-search-grey {
	background-image: url(Images/icons/icon_small_search_grey.svg);
}

.icon-small-van {
	background-image: url(Images/icons/icon_small_van.svg);
}

	.icon-small-van.enabled {
		background-image: url(Images/icons/icon_small_van_enabled.svg);
	}

.icon-star {
	background-image: url(Images/icons/icon_small_menu_favourite_white.svg);
}

.icon-star-grey {
	background-image: url(Images/icons/icon_small_favourite_grey.svg);
}

.icon-search {
	background-image: url(Images/icons/icon_small_menu_search_white.svg);
}

.icon-down-caret {
	background-image: url(Images/icons/icon_small_select_white.svg);
}

.icon-dashboard {
	background-image: url(Images/icons/icon_medium_dashboard.svg);
}

.icon-van {
	background-image: url(Images/icons/icon_medium_driving.svg);
}

.icon-reports {
	background-image: url(Images/icons/icon_medium_reports.svg);
}

.icon-map {
	background-image: url(Images/icons/icon_medium_map.svg);
}

.icon-close {
	background-image: url(Images/icons/icon_small_close_white.svg);
}

.icon-watch {
	background-image: url(Images/icons/icon_medium_journey.svg);
}

.icon-alert {
	background-image: url(Images/icons/icon_alert.png);
}

.btn-green {
	color: #fff;
	background-color: #42d3b7;
	border-color: #16c4a3;
}

 .text-bold {
		font-weight: bold;
	}

	.text-branding-green {
		color: #42d3b7 !important;
	}

	#wasted-fuel .text-custom.idle, #wasted-fuel .text-custom.idle a {
		color: #ffa733 !important;
		font-weight:bold;
	}

	#wasted-fuel .text-custom.behavior, #wasted-fuel .text-custom.behavior a {
		color: #3949ab !important;
		font-weight:bold;
	}

	#wasted-fuel .text-custom.congestion, #wasted-fuel .text-custom.congestion a {
		color: #16c4a3 !important;
		font-weight:bold;
	}

	#wasted-fuel .text-custom.gear, #wasted-fuel .text-custom.gear a {
		color: #ce344e !important;
		font-weight:bold;
	}

.shadow-effect{
	box-shadow: 2px 2px 3px 3px white, -2px 2px 3px 3px white;
}
.shadow-effect:hover{
	 box-shadow: 1px 1px 1px 1px #aaa, -1px 1px 1px 1px #aaa;
}
button.brand-background {
	background-color: #16c4a3 !important;
	color: #fff;
}
button.brand-background:hover {
	background-color: #3949ab !important;
	color: #fff;
	box-shadow:1px 1px 3px grey;
}

.show-analytics.btn-green:focus {
	outline: none;
	background-color: #42d3b7 !important;
}

.total-fuel {
	background: #42d3b7;
	padding:10px 20px;
	border-radius:4px;
	margin:-1px;
}

.align-middle {
	vertical-align: middle;
}

i {
	display: inline-block;
}

p, label, span, article, div {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0;
}

#tabs > ul {
	padding-left : 20px;
}

li.tab-link{
	list-style-type:none;
	display:inline-block;
	background: #8f93a9;
	padding: 0.6em 0.8em;
	margin-bottom:5px;
	margin-top:10px;
	color:#ffffff;
	cursor:pointer;
	width:180px;
	border-radius: 30px;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
}
li.tab-link.current{
	background: #3949ab;
	cursor:not-allowed;
}
li.tab-link:hover{
	background: #16c4a3;
}

.light-grey {
	background-color: #e9edf4;
	padding: 20px;
}

#tabs button {
	height: 33px;
}

input {
	border: none;
	background: transparent;
}

.dark-grey {
	background-color: #1e2e7c;
}

button {
	border: none;
}

#selectDateFilter {
	margin-left: 30px;
}

.white {
	background-color: white;
}

.reports-container{
	/*margin-left: -15px;*/
	border-left: 5px solid #e9edf4;;
}
.reports-container .white.large-margin {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}

.reports-container .analytics-container {
	border-top: 1px solid #e9edf4;
	max-height: 650px;
	overflow: auto;
	/*margin-left: 15px;*/
	margin-top: 10px;
}

h3, .xl-title {
	font-size: 32px;
	line-height: 1.2em;
	font-weight: 400;
}


.x2-title {
	font-size: 32px;
	line-height: 1.2em;
	font-weight: 400;
}

 /*  For screen size less than 600px*/
@media only screen and (max-width: 599px) {
	.x2-title {
		font-size: 27px;
	}
}


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

.right-margin-5 {
	margin-right: 5px;
}

.left-padding-20 {
	padding-left: 20px;
}

.top-margin {
	margin-top: 3px;
}

#exportAssetDetails {
	display: inline-block;
	margin: 0px 5px 0px 0px;
	padding: 0px 9px 3px;
	border-radius: 5px;
}

#dropdownMenu1 {
    background-color: #42d3b7;
    color: #fff;
    outline: none;
    border: none;
}

#dropdownMenu1:hover {
    color: #fff;
    background: #3949ab;
}

.display-inline-block {
	display: inline-block;
}

.blue-bottom-border.active {
	color: #1e2e7c;
}

.group-sidebar-container .blue-bottom-border {
	padding-bottom: 10px;
}

.group-sidebar-container {
	height: auto !important;
	padding-bottom: 20px;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	min-height: 900px;
	height: auto !important;
	padding-top: 20px;
}

.white {
	background-color: white;
}

.group-sidebar-container ul li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #e9edf4;
	list-style-type: none !important;
}

.blue-bottom-border {
	border-bottom: 2px solid #e9edf4;
}
	.blue-bottom-border.active {
		border-bottom: 2px solid #1e2e7c;
	}

#customTripDateFilter {
	margin: 10px 0px;
}

#customTripDateFilter input {
	border-bottom: 1px solid black;
}

#contentDisplayPanel #theGridContainer {
			overflow-x:auto !important;
		}


/**********************************
Responsive navbar-brand image CSS
- Remove navbar-brand padding for firefox bug workaround
- add 100% height and width auto ... similar to how bootstrap img-responsive class works
***********************************/
 
.navbar-brand {
  height: 100% ;
  padding: 5px;
}
.navbar-brand>img {
  padding: 2px;
  width: auto;
}
.square-icon2 {
	width: 30px;
	height: 20px;
  margin-bottom: 15px;
}

.label-text {
	font-size: 11px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 500;
}
bootstrap.css? [sm]:6488
.center-block {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
type.less:99
.text-uppercase {
	text-transform: uppercase;
}
type.less:93
.text-center {
	text-align: center;
}
* {
	font-family: 'Roboto', sans-serif;
	background-repeat: no-repeat;
	/*transition: all 0.2s ease 0s;*/
}
.main-icons i {
   
}

#controls-header{
	max-width:110px;
	font-weight: 500;
}

.fix-width{
	width: 60% !important;
	max-width: 60% !important;
	display:inline;
}
.go-height{
	height: 34px;
}

.px-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.vertical-center{
  /*min-height: 100%;*/  /* Fallback for browsers do NOT support vh unit */
  /*min-height: 100vh;*/ /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

@media only screen and (min-width:1200px) and (max-width:1870px) {
	.icons-small {
		background-size: 25px 22px;
	}
}

.no-hpadding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.no-hrpadding {
	padding-right: 0px !important;
}
.no-hlpadding {
	padding-left: 0px !important;
}
.no-bullets{
	list-style-type: none;
	padding:5px 2px;
}

.max-height{
	height:100%;
}

.max-width {
	width: 100%;
}

.vertical-align {
	display: flex;
	align-items: center;
}

.top-right-icons ul li i {
	padding-left:0px;
	font-size: 22px;
	line-height: 22px;
}
.half-width{
	width: 50% !important;
}
.no-vMargin{
	margin-bottom:0px;
	margin-top:0px;
}
.searchbarWidth{
	min-width:187px;
}
.bodyHeaderMargin{
	margin-top: 110px;
}

@media (max-width: 991px) {
	
.bottomSeparator{
	box-shadow: 0px 0.2px 0px #888888;
	border-bottom: 1px solid #080808;
}
	#controls-header {
		max-width: 85px;
	}
  .navbar-header {
	  float: none;
  }
  .navbar-left,.navbar-right {
	  float: none !important;
  }
  .navbar-toggle {
	  display: block;
  }
  .navbar-collapse {
	  overflow:hidden;
	   overflow-y:hidden !important;
	  border-top: 1px solid transparent;
	  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
	  top: 0;
	  border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
	  display: none!important;
  }
  .navbar-nav {
	  float: none!important;
	  margin-top: 7.5px;
  }
  .navbar-nav>li {
	  float: none;
  }
  .navbar-nav>li>a {
	  padding-top: 10px;
	  padding-bottom: 10px;
  }
  .collapse.in{
	  display:block !important;
  }
}
@media only screen and (min-width:1710px){

	.navbar .main-icons ul li:before {
	top: 75px !important;
	}
}

@media only screen and (max-width:1512px) and (min-width:992px) {
	/*.fix-width {
		width: 100px !important;
		display: inline;
	}*/

	.navbar .main-icons ul li:before {
	content: "";
	position: absolute;
	top: 82px;
	left: 0;
	right: 0;
	height: 0px;
	width: 100%;
	background-color: #42d3b7;
	}

	.small-font{
		font-size:10px !important;
		font-weight:bold;
	}
}

@media only screen and (max-width:991px) {
	.sm-center-float{
		float: initial !important;
	}

	#searchListId {
		display: none;
	}
	#navbarId{
		position:relative !important;
	}
	.bodyHeaderMargin{
		margin-top:0px;
	}
	#navbar1{
		max-height:100%;
	}
}

@media only screen and (max-width: 600px) {
	.change_font_onresize {
		font-size: 10px !important;
	}

	.change_padding_onresize {
		padding: 0px;
	}
}

@media only screen and (max-width: 500px) {
	.change_font_onresize {
		font-size: 10px !important;
	}

	.change_padding_onresize {
		padding: 0px;
	}
}

	.iconFont {
		font-size: 30px;
	}

	@media only screen and (min-width:992px) {


		.vertical-centerUl {
			display: flex !important;
			align-items: flex-start;
		}

		.center-self {
			align-self: center;
		}

		.no-bullets {
			width: 10.625% !important;
		}

		.searchItem {
			width: 27% !important;
			margin: auto;
		}

		.navbar {
			height: 100px;
		}

			.navbar > .container {
				height: 100px;
			}

			.navbar #controls-header {
				padding-top: 29px;
				padding-bottom: 28px;
			}

			.navbar #controls-header-client {
				padding-top: 18px;
				padding-bottom: 28px;
			}

			.navbar .main-icons {
				display: flex;
				align-items: center;
				height: 100%;
			}

				.navbar .main-icons .icon-container {
					height: 100%;
				}

				.navbar .main-icons ul {
					display: table;
					height: 100%;
					width: 100%;
					padding: 0;
					margin: 0;
				}

					.navbar .main-icons ul li {
						display: table-cell;
						list-style-type: none;
						width: 14.28571%;
						position: relative;
					}

						.navbar .main-icons ul li a {
							width: 100%;
							height: 100%;
							display: block;
						}

				.navbar .main-icons i {
					margin-bottom: 5px;
				}

				.navbar .main-icons ul li:before {
					content: "";
					position: absolute;
					top: 82px;
					left: 0;
					right: 0;
					height: 0px;
					width: 100%;
					background-color: #42d3b7;
				}

		.searchbarWidth {
			min-width: 287px;
		}

		.blue-bottom-border.active {
			border-bottom: 2px solid #1e2e7c;
		}

		.group-sidebar-container .blue-bottom-border {
			padding-bottom: 10px;
		}

		.navbar .main-icons ul li.menu-active:before {
			height: 4px;
		}

		.menu-active span {
			color: #42d3b7;
		}

		html:lang(es) .navbar .main-icons ul li:before {
			bottom: -23px;
		}

		html:lang(es) .navbar .main-icons ul li:hover:before {
			bottom: -23px;
		}

		.blue-bottom-border {
			border-bottom: 2px solid #e9edf4;
		}

		.navbar .main-icons ul li:hover {
			cursor: pointer;
		}

		.navbar .main-icons ul li:not(.searchItem):hover:before {
			height: 4px;
		}
	}

.fleetpanelholderdiv {
	width: 100% !important;
	min-height: 800px;
	height: 857px;
}

	.text-charcoal {
		color: #2c3247;
	}

	.text-dark-grey {
		color: #606e89;
	}

	.text-grey {
		color: #acb2c1;
	}

	.text-light-grey {
		color: #e9edf4;
	}

	.text-dark-blue {
		color: #121e3d;
	}

	.text-blue {
		color: #1e2e7c;
	}

		.text-blue:hover {
			color: #1e2e7c;
		}

	.text-light-blue {
		color: #3949ab;
	}

	.text-green {
		color: #16c4a3;
	}

	.text-light-green {
		color: #42d3b7;
	}

	.large-margin {
		margin-top: 40px;
	}

	.tiny-margin {
		margin-top: 10px;
	}

	.large-padding {
		padding-top: 40px;
	}

	.small-padding {
		padding-top: 20px;
	}

	.small-margin {
		margin-top: 20px;
	}

	h5, .small-title {
		font-size: 16px;
		(16px) line-height: 1.5em;
		font-weight: 400;
	}

	.icon-select-grey {
		background-image: url(Images/icons/select-grey.svg);
	}

	.icon-select-white, select.white {
		background-image: url(Images/icons/select-white.svg);
	}

	.icon-select, select {
		background-image: url(Images/icons/select.svg);
	}

	.icon-start-white {
		background-image: url(Images/icons/start-white.svg);
	}

	.icon-summaryreport-grey {
		background-image: url(Images/icons/summaryreport-grey.svg);
	}

	.ml5 {
		margin-left: 5px;
	}

	input,
	select,
	textarea {
		max-width: 310px;
	}

	select {
		margin-top: 5px;
		-moz-appearance: none;
		-webkit-appearance: none;
		text-indent: 1px;
		text-overflow: '';
		border: none;
		border-radius: 0;
		background-color: transparent;
		background-image: none;
		border-bottom: 1px solid #121e3d;
		padding-bottom: 5px;
		font-size: 12px;
		line-height: 1.5em;
		min-width: 35px;
		background: url(Images/icons/icon_small_select.svg) no-repeat right;
	}

		select.white {
			background-color: transparent;
			border-bottom-color: white;
			background-image: url(Images/icons/icon_small_select_white.svg);
		}

	.driving-style-container button {
		padding: 14px 0;
	}

	.driving-style-chart-header {
		text-align: center;
		padding-top: 7px;
		padding-bottom: 9px;
	}

	.driving-style-chart-header-text {
		/*font-weight: 500;
	color: #3949ab;
	font-size: 10.5px;*/
		color: #3949ab;
		/*font-size:12px;*/
		font-family: Roboto, sans-serif;
		font-weight: 500;
	}

	.driving-style-chart-num-text {
		margin-top: 45px;
		text-align: center;
		font-size: 60px;
		font-weight: 100;
		font-weight: bold;
	}

	.driving-style-chart-num-text-green {
		color: #42d3b7;
	}

	.driving-style-chart-num-text-blue {
		color: #3949ab;
	}

	.driving-style-chart-num-text-violet {
		color: #f9485e;
	}

	.driving-style-chart-num-text-dblue {
		color: #606e89;
	}

	.driving-style-chart-description-text {
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		color: #2c3247;
	}

	#driving-style-chart {
		margin-bottom: -35px;
	}

	.events-card {
		background: white center no-repeat url(Images/illustrations/illustration_van_grey.svg);
		background-size: 40%;
	}


	.card {
		height: 350px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}

	/*@media only screen and (min-width:200px) and (max-width:1850px) {
	.card {
		height: 350px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}
}*/

   .searchItem .searchItemForm {
		margin-left: auto;
		margin-right: auto;
		max-width: 300px;
	}
   .searchItem .searchItemForm input {
		padding: 0px 6px !important;
	}
	.searchItemForm button {
		padding: 0px 8px !important;
		width: auto;
	}

.moving {
	background-image: url(Images/icons/VanGreen.png);
}
 /*If van stopped*/
.stopped {
	background-image: url(Images/icons/VanRed.png);
}

.idled {
	background-image: url(Images/icons/VanUmber.png);

}
.private-mode {
    background-image: url(Images/icons/DiamondPrivacy.gif);
    background-position: left center;
}

.out-of-service {
    background-image: url(Images/icons/DiamondOutOfService.gif);
    background-position: left center;
    
}
@media only screen and (min-width:991px) and (max-width:1440px) {

	.moving {
	  
		background-image: url(Images/icons/SmallVanGreen.png);
	}
	/*If van stopped*/
	.stopped {
		background-image: url(Images/icons/SmallVanRed.png);
	}

	.idled {
		/*background-color: #eff789 !important;
	color: #555 !important;*/
		background-image: url(Images/icons/SmallVanUmber.png);
	}
    .private-mode {
        background-image: url(Images/icons/DiamondPrivacy.gif);
        background-position: left center;
    }

    .out-of-service {
        background-image: url(Images/icons/DiamondOutOfService.gif);
        background-position: left center;
    }
}


.VehicleStatusCell {
	width:30px;
  
}

.mb10 {
	margin-bottom: 10px;
}


.navbar-toggle {
  border: none;
  background: none !important;
  background-color: transparent !important;
}
.navbar-toggle:hover {
  background: transparent !important;
  cursor: pointer;
}
.navbar-toggle .icon-bar {
  width: 22px;
  transition: all 0.2s;
}
.navbar-toggle .top-bar {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}
.navbar-toggle .middle-bar {
  opacity: 0;
}
.navbar-toggle .bottom-bar {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}
.navbar-toggle.collapsed .top-bar {
  transform: rotate(0);
}
.navbar-toggle.collapsed .middle-bar {
  opacity: 1;
}
.navbar-toggle.collapsed .bottom-bar {
  transform: rotate(0);
}
.ui-widget {
	z-index: 2000;
}
#theGridContainer .ui-widget{
	z-index:1;
}
#driverScheduleDialogDiv {
	height: auto !important;
}

.cardTable {
	height: auto;
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	padding-top: 10px;
	
}
/*#FleetPanelLiteHolder {
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}*/
.navbar-toggle.toggleLink {
   
	background-color: #16c4a3 !important;
	text-decoration:none;
	height:35px;
}
.toggleLink.collapsed:before {
	content: 'Show My Fleet';
  
	display: block;
	color: white;
  
	text-align: center;
}
	.toggleLink.collapsed:hover {
		content: 'Show My Fleet';
		background-color: #3949ab !important;
		display: block;
		color: white;
	   
		text-align: center;
	}

	.toggleLink:before {
		content: 'Hide My Fleet';
		display: block;
		color: white;
	  
		text-align: center;
	   
	}
	.toggleLink:hover {
		content: 'Hide My Fleet';
		background-color: #3949ab !important;
		display: block;
		color: white;
	   
		text-align: center;
	   
	}
@media only screen and (min-width:993px) and (max-width:1300px) {
	#leftnavGroup {
		width: 75px !important;
	}

}
@media only screen and (min-width:300px) and (max-width:497px) {
	#leftnavGroup {
		width: 49% !important;
	}
}
@media only screen and (min-width:992px)  {
	.navbar-collapse1 {
		width: 25% !important;
	}
}
@media only screen and (min-width:292px) and (max-width:497px) {
	.navbar-collapse.in {
		/*double scrollbar coming on small screen*/
		overflow-y: hidden !important;
	}
}
@media only screen and (min-width:992px) and (max-width:1645px) {
	#assetbreadcrumb {
		width:100% !important;
	}
}
@media only screen and (min-width:375px) and (max-width:1645px) {
	#assetbreadcrumb {
		width:100% !important;
	}
}
@media only screen and (min-width:375px) and (max-width:992px) {

	.fleetPanelScrollableContent {
		padding-left: 5px !important;
	}
}
@media only screen and (min-width:992px) and (max-width:1100px) {

	.fleetPanelScrollableContent {
		padding-left: -5px !important;
	}
}
@media only screen and (min-width:1100px) {

	.fleetPanelScrollableContent {
		padding-left: 10px !important;
	}
}
/*@media only screen and (min-width:766px) and (max-width:991px) {
	#toggleLeftPnl {
		width: 66.66666667% !important;
	}
}*/
@media only screen and (min-width:375px) and (max-width:500px) {
	#SearchTextTopFuel {
		width: 70% !important;
	}
}
/*@media only screen and (max-width:991px){
	.navbar-collapse1{
		width: 66.66666667% !important;
	}
}*/
@media only screen and (min-width:991px) {
	.fleetpanelholderdiv {
		height: 907px;
	}
}
.fleetPanelScrollableContent {
	overflow-x: auto !important;
	overflow-y: visible !important;
}
@media only screen and (max-width:991px) {
	.navbar-collapse1 {
		width: 100% !important;
	}
}

ul.drop-down li >div{
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
	cursor:pointer;
}
ul.drop-down li >div:hover{
	background: rgb(230,230,230);
}
.btn.btn-green.show-analytics{
	color:#fff;
}

#JourneyPanel span> label > input[type='checkbox']{
	vertical-align: text-bottom;
	margin-bottom: 2px;
}
#SelectAllJourneys {
	vertical-align: middle;
	margin-bottom: 2px;
}

.tooltipp {
	display: none;
	position: absolute;
	border: 2px solid #555;
	background-color: white;
	border-radius: 5px;
	color: white;
	padding: 3px 8px;
	font-size: 12px;
	font-weight: bold;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	font-family: 'Roboto', sans-serif;
	z-index: 99999;
}

.ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content > span {
	background-color:rgb(57,73,171) !important;
	border-bottom: 0px;
	top:-0.2em !important;
}
	.ui_tpicker_hour_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content > span.ui-state-active.ui-state-focus.ui-slider-handle.ui-corner-all.ui-state-default {
		background: rgb(57,73,171) !important;
		border-bottom: 0px;
	}
.ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content > span {
	background-color: rgb(57,73,171) !important;
	border-bottom: 0px;
	top: -0.2em !important;
}
.ui_tpicker_second_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content > span {
	background-color: rgb(57,73,171) !important;
	border-bottom: 0px;
	top: -0.2em !important;
}
.ui_tpicker_minute_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content > span.ui-state-active {
	background: rgb(57,73,171) !important;
	border-bottom: 0px;
}
.ui_tpicker_second_slider.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content > span.ui-state-active {
	background: rgb(57,73,171) !important;
	border-bottom: 0px;
}

#wastedFuelDialog .icon {
	background-image: url(../../../Content/Images/icons/icon_small_fuelreport_pump.svg);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
}
#wastedFuelDialog #wasted-fuel table  {
	width: 100%;
}
#wastedFuelDialog #wasted-fuel table tr {
	border-bottom: 1px solid #e5e5e5;
}
#wastedFuelDialog #wasted-fuel table tr:last-child {
	border-bottom: 0px;
}
#wastedFuelDialog #wasted-fuel table td:nth-child(3) {
	text-align: right;
}
#wastedFuelDialog #wasted-fuel {
	height: 195px !important;
}

.disclaimer-movo{
	font-size: 0.9em;
	font-weight: 700;
	margin-top: 7px;
}
#ui-datepicker-div{
	width: 17em !important;
}
.ui-datepicker table {
	font-size: 1.3em !important;
}

/*JQUERY dialog CSS override start*/
.ui-dialog-titlebar-close {
	background: white !important;
}
.ui-dialog-titlebar-close :focus{
   outline: none !important;
}

.ui-dialog-titlebar-close i {
	position: relative;
	bottom: 2px;
}

    .ui-dialog-titlebar-close:hover i {
        color: white !important;
        outline: none !important;
    }
.ui-dialog-buttonpane button{
	outline: none;
	border-radius: 4px;
}


/* width */
.ui-dialog::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.ui-dialog::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.ui-dialog::-webkit-scrollbar-thumb {
    background: #42d3b7;
    border-radius: 10px;
}

/* Handle on hover */
.ui-dialog::-webkit-scrollbar-thumb:hover {
    background: rgba(35, 226, 190, 0.81);
}
.ui-dialog:focus {
    outline: 1px solid #42d3b7;
}
/*JQUERY dialog CSS override ends*/
#footer-copyright-white {
    color: white;
    position: fixed;
    right: 20px;
    bottom: 1px;
    font-size: 0.9em;
}
#global-messages {
	position: relative;
}
#messages-number {
	background: #42d3b7;
	position: absolute;
	top: -3px;
	right: 20%;
}
#service-plan-btn, #health-btn {
    position: relative;
}
#service-OBDfault-alert-number {
    background: #42d3b7;
    position: absolute;
    top: -3px;
    right: 10%;
}
#service-alert-number {
    background: #c80d4c;
    position: absolute;
    top: -3px;
    right: 10px;
}
#OBDfault-alert-number {
    background: #c80d4c;
    position: absolute;
    top: -3px;
    right: 10px;
}
#navbarId ul li a span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.reportActions {
	display: none;
	z-index: 100 !important;
}

	.reportActions ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		border: 1px solid #333333;
		z-index: 100 !important;
	}

	.reportActions li {
		margin: 0 !important;
		user-select: none !important;
	}

.AssetActionsRow {
	background-color: #fff !important;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 0 !important;
}

.button-container {
	min-width: 0px !important;
	flex-basis: 0px !important;
}
@-moz-document url-prefix() {
	th {
		font-weight: 500;
	}
}

html, body, .container-fluid, .controls-container {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	/*min-width: 1280px;*/
}

.reportParameters {
	height: 40px;
	/*line-height: 40px !important;*/
}

body {
	background-color: #e9edf4;
}
button#MasterSearchButton {
    background-color: #42d3b7;
    border: 0px;
    margin-top: 10px;
}
button#MasterSearchButton:hover {
    background: #3949ab !important;
}
.body-margin-top {
	margin-top: -30px !important;
}
@media only screen and (min-width: 992px) {
	.body-margin-top {
		margin-top: 90px !important;
	}
	.bg-white .shadow {
		box-shadow: 0px 5px 10px 0px rgba(4, 15, 33, 0.15);
	}
}

@media only screen and (max-width: 991px) {
	.group-sidebar-container {
		min-height: 0px !important;
	}
	.bg-white {
		background-color: white;
		margin-top: 15px;
		box-shadow: 0px 5px 10px 0px rgba(4, 15, 33, 0.15);
	}
	#AlertButtons, #MessageButtons {
		height: auto !important;
	}
	#main .bg-white .big-shadow {
		box-shadow: 0px 0px 0px 0px rgba(255,255,255,1) !important;
	}

	.left-padding-zero {
		padding-left: 0px !important;
	}
}

.card-header {
	color: #2c3247;
	height: 40px;
}

	.card-header span {
		line-height: 40px;
	}

.blue-bottom-border {
	border-bottom: 2px solid #e9edf4;
}

	.blue-bottom-border span {
		color: #2c3247;
	}

	.blue-bottom-border.active {
		border-bottom: 2px solid #3949ab;
	}

		.blue-bottom-border.active span {
			color: #3949ab;
		}

/*
input[type=checkbox] {
  display: none; }
  input[type=checkbox] + label {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 10px;
	margin-bottom: 0;
	vertical-align: middle;
	background-image: url(Images/icons/icon_small_checkbox_idle.svg);    cursor: pointer; }
  input[type=checkbox]:hover + label {
	background-image: url(Images/icons/icon_small_checkbox_hover.svg); }
  input[type=checkbox]:checked + label {
	background-image: url(Images/icons/icon_small_checkbox_active.svg); }
*/
* {
	font-family: 'Roboto', sans-serif;
	background-repeat: no-repeat;
	/*transition: all 0.2s ease 0s;*/
}

select {
	margin-top: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
	text-indent: 1px;
	text-overflow: '';
	border: none;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	border-bottom: 1px solid #121e3d;
	padding-bottom: 5px;
	font-size: 12px;
	line-height: 1.5em;
	min-width: 35px;
	background: url(Images/icons/icon_small_select.svg) no-repeat right;
}

	select.white {
		background-color: transparent;
		border-bottom-color: white;
		background-image: url(Images/icons/icon_small_select_white.svg);
	}

.fill-width {
	width: 100%;
	border-bottom: 1px solid #121e3d;
}

p, label, span, article, div {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0;
}

.controls-container a, .controls-container a:hover, .main-icons a, .main-icons a:hover {
	color: white;
	text-decoration: none;
}

i {
	display: inline-block;
}

label {
	font-weight: 400;
}

button {
	background-color: transparent;
}

h1, .xxxl-title {
	font-size: 60px;
	line-height: 1.2em;
	font-weight: 300;
}

h2, .xxl-title {
	font-size: 40px;
	font-weight: 300;
	line-height: 1.2em;
	font-weight: 400;
}

h3, .xl-title {
	font-size: 32px;
	line-height: 1.2em;
	font-weight: 400;
}

h4, .large-title {
	font-size: 24px;
	line-height: 1.2em;
	font-weight: 400;
}

h4, .medium-title {
	font-size: 20px;
	line-height: 1.5em;
	font-weight: 400;
}

h5, .small-title {
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 400;
}

.small-text {
	font-size: 12px;
	line-height: 1.5em;
}

.xs-text {
	font-size: 10px;
	line-height: 1.5em;
}

.label-text {
	font-size: 11px;
	line-height: 1.2em;
	letter-spacing: 0.1em;
	font-weight: 500;
}

.white {
	background-color: white;
}

.superscript {
	position: absolute;
	top: 5px;
}

input {
	border: none;
	background: transparent;
}

.underline-input {
	border: 0px solid black !important;
	border-bottom-width: 1px !important;
	background: transparent;
}

label {
	color: rgba(255, 255, 255, 0.25);
}

.list-border {
	margin-bottom: 40px;
}

	.list-border li {
		width: 100%;
		display: inline-block;
		padding-top: 10px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e9edf4;
	}

		.list-border li:last-child {
			border-bottom: none;
			padding-bottom: 0;
		}

input.white {
	border-bottom: 1px solid white;
}

.blue {
	background-color: #1e2e7c;
}

.dark-blue {
	background-color: #29334e;
}
.dark-blue-text {
	color: #29334e;
}

.text-white {
	color: white;
}
.text-border-white {
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.table thead > tr th, .table tbody > tr th {
	border-bottom: 1px solid #606e89;
}

.table thead > tr th {
	color: #606e89;
}
/*
.table thead > tr td, .table tbody > tr td {
  border-bottom: 1px solid #e9edf4; }*/

.table thead > tr th, .table thead > tr td, .table tbody > tr th, .table tbody > tr td {
	padding: 10px 0;
}

/*-----------*/
/*Report Header Content styling*/

/* report logo, parameters and title */
.HeaderContent {
    width: 100%;
    background-color:white;
}

.HeaderContent .HeaderRow .label {
    width: 380px;
    font-weight: bold;
    font-size: 12px;
}
/* parameter titles */
.HeaderContent .HeaderRow .value {
    width: 350px;
    font-size: 12px;
    font-style: italic;
}
/* parameter values */
.HeaderContent .HeaderRow .space {
    width: 150px;
}

.HeaderImage {
    width: 110%;
}

    .HeaderImage .header {
        width: 400px;
        float: left;
        text-align: left;
    }

    .HeaderImage .placeHolder {
        width: 400px;
        float: left;
    }

    .HeaderImage .image {
        float: left;
    }

    .HeaderImage .headerBetweenLogo {
        width: 450px;
        float: left;
        text-align: center;
    }

    .HeaderImage .placeHolderLeftLogo {
        width: 170px;
        float: left;
    }

    .HeaderImage .placeHolderRightLogo {
        width: 180px;
        float: left;
    }

/* report headers and table */
table.reportTable {
    /*margin: 0px;*/
    clear: both;
    border-collapse: collapse;
    width: 1050px;
}

    table.reportTable tfoot th {
        font-weight: bold;
        font-size: 12px;
    }

    table.reportTable {
        border: 1px solid #e6e6e6;
        text-align: left;
        font-size: 12px;
        background-color: #fafafa;
        font-family: Arial !important;
        text-align: center;
    }

    table.reportTable tr.reportZebra {
        background: #fafafa;
    }

.reportTableTitle {
    display: none;
}

table.reportTable tr {
    border: 1px solid #e6e6e6;
}

table.reportTable td {
    font-size: 12px;
    font-family: Arial !important;
    text-align: left;
}

tr.reportSubTotal td {
    font-weight: bold;
    color: #4C607A;
    font-size: 12px;
}

tr.reportTotal {
    font-weight: bold;
    color: #4C607A;
    font-size: 12px;
}

/*----------------*/

#assetsnapshot tbody > tr th {
	padding-right: 8px;
	padding-left: 8px;
}

.grey {
	background-color: #acb2c1;
}

.light-grey {
	background-color: #e9edf4;
}

.dark-grey {
	background-color: #1e2e7c;
}

.green {
	background-color: #16c4a3;
}

.light-blue {
	background-color: #16c4a3 !important;
}

.light-green {
	background-color: #42d3b7;
}

.red {
	background-color: #ce344e;
}

.light-red {
	background-color: #f9485e;
}

.very-large-bmargin {
	margin-bottom: 50px;
}

.filler-padding {
	padding-top: 75px;
}

.align-middle {
	vertical-align: middle;
}

.dark-blue-cover:after {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	opacity: 0.2;
	background-color: #121e3d;
}

.footer-container p {
	display: inline;
}

.footer-container a {
	display: inline;
	margin-left: 20px;
}

.blue-gradient:before {
	content: " ";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	background: radial-gradient(ellipse at bottom, #243a76 0%, rgba(255, 255, 255, 0) 50%);
}

[class*="scrollable"] {
	position: relative;
}

	[class*="scrollable"]:after, [class*="scrollable"]:before {
		content: "";
		position: absolute;
		z-index: 1028;
		pointer-events: none;
	}

.scrollable-x:before, .scrollable:before {
	width: 5%;
	height: 100%;
	top: 0;
	right: 0;
}

.scrollable-x.white:before, .scrollable.white:before {
	background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.scrollable-x.light-red:before, .scrollable.light-red:before {
	background: linear-gradient(to left, white 0%, rgba(255, 255, 255, 0) 100%);
}

.scrollable-y:after {
	width: 100%;
	height: 5%;
	overflow: hidden;
	bottom: 0;
}

.scrollable-y.white:after {
	background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0) 100%);
}

.scrollable-y.light-red:after {
	background: linear-gradient(to top, #f9485e 0%, rgba(255, 255, 255, 0) 100%);
}

button {
	border: none;
}

.round {
	border-radius: 100px;
}

html:lang(es) .round.label-text {
	font-size: 10.3px;
}

html:lang(es) .leftSpacing {
	margin-left: 25px;
}

.dark-blue-border-top, .light-grey-border-top {
	padding-top: 20px;
	margin-top: 10px;
}

.dark-blue-border-top {
	opacity: 0.2;
	border-top: 1px solid #121e3d;
}

.light-grey-border-top {
	border-top: 1px solid #e9edf4;
}

.light-grey-border-right > .row > * {
	border-right: 1px solid #e9edf4;
}

.icon-image {
	width: 30px;
	height: 30px;
}

.large-margin {
	margin-top: 40px;
}

.tiny-margin {
	margin-top: 10px;
}

.large-padding {
	padding-top: 40px;
}

.small-padding {
	padding-top: 20px;
}

.green-hover:before {
	content: "";
	position: absolute;
	bottom: -29px;
	left: 0;
	right: 0;
	height: 0px;
	width: 100%;
	background-color: #42d3b7;
	transition: height 0.5s;
}

.green-hover:hover:before {
	height: 4px;
}

.green-top-hover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0px;
	width: 100%;
	background-color: #42d3b7;
	transition: height 0.5s;
}

.green-top-hover:hover:before {
	height: 4px;
}

.full-height {
	height: 100%;
}

.large-icon {
	width: 128px;
	height: 128px;
}

.medium-icon {
	width: 4.5vw;
	height: 4.5vw;
}

.square-icon {
	width: 30px;
	height: 30px;
}

.small-icon {
	width: 20px;
	height: 20px;
}

.xs-icon {
	width: 15px;
	height: 15px;
}

.logo-padding {
	padding-top: 15px;
	padding-bottom: 5px;
}

.small-margin {
	margin-top: 20px;
}

.vertical-padding {
	display: inline-block;
	width: 20px;
	margin-right: 20px;
	height: 100px;
}

	.vertical-padding i {
		margin-top: 40px;
	}

.vertical-padding-text {
	display: inline-block;
	height: 100px;
	line-height: 100px;
	position: absolute;
}

.text-charcoal {
	color: #2c3247;
}

.text-dark-grey {
	color: #606e89;
}

.text-grey {
	color: #acb2c1;
}

.text-light-grey {
	color: #e9edf4;
}

.text-dark-blue {
	color: #121e3d;
}

.text-blue {
	color: #1e2e7c;
}

	.text-blue:hover {
		color: #1e2e7c;
	}

.text-light-blue {
	color: #3949ab;
}

.text-green {
	color: #16c4a3;
}

.text-light-green {
	color: #42d3b7;
}

.icon-controls {
	background-image: url(Images/icons/icon_medium_control.svg);
}

.icon-fuel {
	background-image: url(Images/icons/icon_medium_fuel.svg);
}

.icon-lost-fuel {
	background-image: url(Images/icons/icon_big_savings_fuel.svg);
}

.icon-bell {
	background-image: url(Images/icons/icon_small_menu_notification.svg);
}

.icon-message {
	background-image: url(Images/icons/envelope.svg);
	background-size: contain;
}

.icon-arrow-left {
	background-image: url(Images/icons/icon_small_back_grey.svg);
}

.icon-arrow-right-white {
	background-image: url(Images/icons/icon_small_pagination_next_white.svg);
}

.icon-arrow-left-white {
	background-image: url(Images/icons/icon_small_pagination_previous_white.svg);
}

.icon-double-arrow-left {
	background-image: url(Images/icons/icon_small_reduce_grey.svg);
}

.icon-double-arrow-left-white {
	background-image: url(Images/icons/icon_small_pagination_start_white.svg);
}

.icon-double-arrow-right-white {
	background-image: url(Images/icons/icon_small_pagination_end_white.svg);
}

.icon-gear-grey {
	background-image: url(Images/icons/icon_small_option_grey.svg);
}

.icon-expand-arrow {
	background-image: url(Images/icons/icon_small_expand_grey.svg);
}

	.icon-expand-arrow.open {
		background-image: url(Images/icons/icon_small_expand_enabled_grey.svg);
	}

.icon-folder {
	background-image: url(Images/icons/icon_small_folder.svg);
}

	.icon-folder.enabled {
		background-image: url(Images/icons/icon_small_folder_enabled.svg);
	}

.icon-fuel-blue {
	background-image: url(Images/icons/icon_small_fuelreport_pump.svg);
}

.icon-truck-blue {
	background-image: url(Images/icons/icon_small_driving.svg);
}

.icon-search-grey {
	background-image: url(Images/icons/icon_small_search_grey.svg);
}

.icon-small-van {
	background-image: url(Images/icons/icon_small_van.svg);
}

	.icon-small-van.enabled {
		background-image: url(Images/icons/icon_small_van_enabled.svg);
	}

.icon-star {
	background-image: url(Images/icons/icon_small_menu_favourite_white.svg);
}

.icon-star-grey {
	background-image: url(Images/icons/icon_small_favourite_grey.svg);
}

.icon-search {
	background-image: url(Images/icons/icon_small_menu_search_white.svg);
}

.icon-down-caret {
	background-image: url(Images/icons/icon_small_select_white.svg);
}

.icon-dashboard {
	background-image: url(Images/icons/icon_medium_dashboard.svg);
}

.icon-van {
	background-image: url(Images/icons/icon_medium_driving.svg);
}

.icon-reports {
	background-image: url(Images/icons/icon_medium_reports.svg);
}

.icon-map {
	background-image: url(Images/icons/icon_medium_map.svg);
}

.icon-close {
	background-image: url(Images/icons/icon_small_close_white.svg);
}

.icon-watch {
	background-image: url(Images/icons/icon_medium_journey.svg);
}

.icon-alert {
	background-image: url(Images/icons/icon_alert.png);
}

a:hover .icon-alert {
	background-image: url(Images/icons/icon_alert_hover.png);
}

.icon-sun {
	background-image: url(Images/icons/meteo_sun.svg);
}

.icon-checkmark {
	background-image: url(Images/icons/icon_status_ok.svg);
}

.icon-red-box {
	background-image: url(Images/icons/icon_status_van.svg);
}

.icon-lock {
	background-image: url(Images/icons/icon_status_locked.svg);
}

.icon-blocked {
	background-image: url(Images/icons/icon_status_blocked.svg);
}

.icon-driver {
	background-image: url(Images/icons/icon_status_driver.svg);
}

.icon-move-right {
	background-image: url(Images/icons/icon_status_moveright.svg);
}

.poweredby-logo-header {
	background-image: url(Images/logos/PoweredBy.svg);
	height: 70px;
	width: 230px;
	background-size: contain;
}

.poweredby-logo {
	background-image: url(Images/logos/PoweredBy.svg);
	height: 7vw;
	width: 15vw;
	/*margin-left: 65px;*/
	background-size: contain;
}

.icon-logo-dynamic {
	/*height: 80px;
  width: 200px;*/
	background-size: contain;
}

.icon-logo-dynamic-header {
	background-size: contain;
}

.icon-logo-clancy {
	background-image: url(Images/logos/Clancy_Logo.png);
	height: 80px;
	width: 200px;
	margin-left: 78px;
	background-size: contain;
}

.icon-logo-clancy-header {
	background-image: url(Images/logos/Clancy_Logo.png);
	height: 80px;
	background-size: contain;
}


.icon-logo {
	background-image: url(Images/logos/logo_movil_white_default.png);
	height: 80px;
	width: 170px;
	background-size: contain;
}




icon-big-savings {
	background-image: url(/Images/icons/icon_big_savings_white.svg);
}

.icon-gear {
	background-image: url(Images/icons/icon_medium_admin.svg);
}

.icon-select-arrow {
	background-image: url(Images/icons/icon_small_select_grey.svg);
}

.editable-set .icon-cross, .editable-set .icon-pencil {
	opacity: 0.5;
}

	.editable-set .icon-cross:hover, .editable-set .icon-pencil:hover {
		opacity: 1;
		cursor: pointer;
	}

.editable-set .icon-cross {
	background-image: url(Images/icons/icon_small_widget_close_white.svg);
}

.editable-set .icon-pencil {
	background-image: url(Images/icons/icon_small_widget_edit_white.svg);
}

.editable-set.grey .icon-pencil {
	background-image: url(Images/icons/icon_small_widget_edit_grey.svg);
}

.editable-set.grey .icon-cross {
	background-image: url(Images/icons/icon_small_widget_close_grey.svg);
}

.icon-start {
	background-image: url(Images/icons/icon_small_start_white.svg);
}

.icon-help {
	background-image: url(Images/icons/icon_medium_help.svg);
}

.inline-icon-text {
	margin-left: 5px;
	padding-bottom: 4px;
}

.ill-van {
	background-image: url(Images/illustrations/illustration_van_green.svg);
}
.vertical-icon {   
	max-height: 250px;
	max-width: 320px;
	width: 15vw;
	height: 11.7vw;
}

/* *************  FOR ---LOGIN PAGE --- RESET PASSWORD PAGE *************/
.login-form {
	display:flex;
	height: 100%;
	align-items:center;
 
}
	.login-form .icon-logo {
		background-image: url(Images/logos/logo_movil_white_default.png);
		height: 90px;
		width: 250px;
		background-size: contain;
	}
.uk-bg::after {
	content: "";
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.1;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	position: absolute;
	z-index: -1;
}

.controls-bg::after {
	content: "";
	background: url(Images/illustrations/illustration_control_bg.svg) no-repeat center;
	top: -10%;
	left: -1.25%;
	bottom: 0;
	right: 0;
	/*width: 112.5%;*/
	/*height: 112.5%;*/
	position: absolute;
	display: block;
	background-size: 80%;
	z-index: -1;
}
.controls-bg.mobile::after {
	background: none;
}

.nameTitles{
	font-size: 1vw;
}
.logoIcon{
	max-width:250px;
	max-height:83px;
	width:15vw;
}
.valueTitles{
	font-size: 2vw;
}

.landing-responsive-icons{
	width:4vw;
	height:4vw;
}
.gauge-bg::before {
	content: "";
	background: url(Images/illustrations/illustration_gauge.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
	top: -50%;
	left: -50%;
	bottom: 0;
	right: 0;
	width: 200%;
	height: 200%;
	position: absolute;
	z-index: -1;
}
.gauge-background {
	background: url(Images/illustrations/illustration_gauge.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
	opacity: 1;
	top: 1%;
	left:0px;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
}

.form-container {
	margin-left:auto;
	margin-right:auto;
	margin-top:-3%;
	width: auto;
}

 .login-form input {
	padding-bottom: 6px;
	padding-top:6px;
	width:100%;
}

.login-form button {
	border: 0;
	width: 80px;
	height: 80px;
}

.login-form button:focus {
	outline: 0px;
}
#close-controls {
	outline: 0px;
}
.user-name, .user-password, .login-button, .email-container, .img-verify-container {
	margin-bottom: 10%;
	font-size: 14px;
}
.user-name, .email-container{
	margin-top:14%;

}
.img-verify-container {
	margin-top:12px;
}
 
.reset-password{
	padding-top:15px;
}
.margin-left-logo {
	margin-left:22%;
}
.shadow-effect{
	box-shadow: 2px 2px 3px 3px white, -2px 2px 3px 3px white;
}
.shadow-effect:hover{
	 box-shadow: 1px 1px 1px 1px #aaa, -1px 1px 1px 1px #aaa;
}

	/*  For screen size less than 769px*/
@media only screen and (max-width: 768px) {

	.login-form .icon-logo{
		height: 65px;
		width: 160px;
	}
	.margin-left-logo {
	margin-left:25%;
}

	.login-form button {
		border: 0;
		width: 63px;
		height: 63px;
	}
  
}

	/*  For screen size more than  1399px  */
	@media only screen and (min-width: 1400px) {

		.login-form .icon-logo {
			height: 105px;
			width: 280px;
		}

		.margin-left-logo {
			margin-left: 23%;
		}

		.login-form button {
			border: 0;
			width: 95px;
			height: 95px;
		}

		.login-form input, .login-form label, .login-form {
			font-size: 14px;
		}

		.reset-password {
			font-size: 10px;
		}
	}

	.login-form button:hover {
		background-color: #14b294;
	}

	.rest-password:hover {
		text-decoration-color: #e9edf4 !important;
	}

	/*.login-form .label-rest, .login-form .label-hover {
	pointer-events: none; }
  .login-form .label-rest {
	transform: translateY(-45px); }
  .login-form .label-hover {
	transform: translateY(-75px); }
  .login-form a:hover {
	color: rgba(255, 255, 255, 0.8); }*/


	.mCS-movil-theme {
		z-index: 1020;
	}

		.mCS-movil-theme .mCSB_container_wrapper {
			margin-right: 5px;
			margin-bottom: 0;
		}

			.mCS-movil-theme .mCSB_container_wrapper > .mCSB_container {
				padding-right: 6px;
				padding-bottom: 6px;
			}

		.mCS-movil-theme.mCSB_inside > .mCSB_container {
			margin-right: 0;
		}

		.mCS-movil-theme .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
			border-radius: 0;
		}

		.mCS-movil-theme .mCSB_scrollTools .mCSB_draggerRail {
			background-color: transparent;
		}

		.mCS-movil-theme .mCSB_scrollTools .mCSB_dragger_bar {
			background-color: #acb2c1;
		}

		.mCS-movil-theme .mCSB_scrollTools:hover, .mCS-movil-theme .mCSB_scrollTools:active, .mCS-movil-theme .mCSB_scrollTools:focus, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_onDrag {
			margin: 0;
			padding: 0;
		}

			.mCS-movil-theme .mCSB_scrollTools:hover .mCSB_draggerRail, .mCS-movil-theme .mCSB_scrollTools:active .mCSB_draggerRail, .mCS-movil-theme .mCSB_scrollTools:focus .mCSB_draggerRail, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail {
				background-color: #e9edf4;
			}

			.mCS-movil-theme .mCSB_scrollTools:hover .mCSB_dragger_bar, .mCS-movil-theme .mCSB_scrollTools:active .mCSB_dragger_bar, .mCS-movil-theme .mCSB_scrollTools:focus .mCSB_dragger_bar, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_dragger_bar {
				background-color: #acb2c1;
			}

		.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal *, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollsTools_vertical * {
			z-index: 1029;
		}

		.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal {
			height: 2px;
			margin: 0;
			transition: height 0.5s;
			border-radius: 0;
			right: 0px;
		}

			.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger_bar, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
				margin: 0;
			}

			.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag {
				height: 6px;
			}

				.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag .mCSB_draggerRail {
					height: 6px;
				}

			.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal:hover, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal:active, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_horizontal:focus {
				height: 4px;
			}

		.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical {
			width: 2px;
			margin: 0;
			transition: width 0.5s;
			border-radius: 0;
			bottom: 0px;
		}

			.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_dragger_bar, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical .mCSB_draggerRail {
				margin: 0;
			}

			.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag {
				width: 6px;
			}

				.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag .mCSB_draggerRail {
					width: 6px;
				}

			.mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical:hover, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical:active, .mCS-movil-theme .mCSB_scrollTools.mCSB_scrollTools_vertical:focus {
				width: 6px;
			}

	/*.navbar {
		height: 100px;
	}

		.navbar > .container {
			height: 100px;
		}

		.navbar #controls-header {
			padding-top: 29px;
			padding-bottom: 28px;
		}

		.navbar #controls-header-client {
			padding-top: 18px;
			padding-bottom: 28px;
		}

		.navbar .main-icons {
			display: flex;
			align-items: center;
			height: 100%;
		}

			.navbar .main-icons .icon-container {
				height: 100%;
			}

			.navbar .main-icons ul {
				display: table;
				height: 100%;
				width: 100%;
				padding: 0;
				margin: 0;
			}

				.navbar .main-icons ul li {
					display: table-cell;
					width: 14.28571%;
					position: relative;
				}

					.navbar .main-icons ul li a {
						width: 100%;
						height: 100%;
						display: block;
					}

			.navbar .main-icons i {
				margin-bottom: 5px;
			}

			/*.navbar .main-icons ul li:before {
				content: "";
				position: absolute;
				bottom: -26px;
				left: 0;
				right: 0;
				height: 0px;
				width: 100%;
				background-color: #42d3b7;
				transition: height 0.5s;
			}

	html:lang(es) .navbar .main-icons ul li:before {
		bottom: -23px;
	}

	html:lang(es) .navbar .main-icons ul li:hover:before {
		bottom: -23px;
	}

	.navbar .main-icons ul li:hover {
		cursor: pointer;
	}

		.navbar .main-icons ul li:hover:before {
			height: 4px;
		}*/


	.card {
		height: 300px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}

		.card .card-header {
			margin-top: 15px;
		}

		.card .large-text {
			font-size: 45px;
		}

		.card .border-left {
			border-left: 2px solid #121e3d;
		}

	.controls-container {
		position: fixed;
		width: 100%;
		height: 100%;
		z-index: 1040;
		top: -100%;
	}

		.controls-container .inner-container {
			position: absolute;
			bottom: 0;
			width: 100%;
		}

		.controls-container .controls-image {
			width: 200px;
			height: 200px;
		}

		.controls-container .controls-height {
			height: 500px;
		}

		.controls-container .label-text {
			margin-top: 10px;
		}

		.controls-container button {
			background-color: #3949ab;
			width: 60px;
			height: 60px;
			margin-top: 5px;
			margin-bottom: 5px;
		}

	.dashboard #add-widget {
		padding: 14px 0;
		background-color: #acb2c1;
		width: 100%;
	}

	.dashboard .editable-set {
		transform: translateY(-5px);
		z-index: 1029;
		background-color: transparent;
	}

	.dashboard .dash-bg-image {
		background-color: rgba(96, 110, 137, 0.8);
	}

		.dashboard .dash-bg-image:before {
			content: "";
			background: url(Images/image_cardashboard.jpg);
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			left: 10px;
			top: 0;
			bottom: 0;
			right: 10px;
			position: absolute;
			z-index: -1;
		}

	.dashboard table > tbody > tr > td {
		vertical-align: middle;
		padding: 7.5px;
		border-top: 1px solid #e9edf4;
		padding-left: 0;
	}

	.dashboard table > thead > tr > th {
		border-bottom: 1px solid #606e89;
		padding-left: 0;
	}

	.folder-sidebar-container a {
		color: #2c3247;
	}

	.folder-sidebar-container .icon-search-grey {
		margin-top: 10px;
	}

	.folder-sidebar-container input[type=text] {
		background-color: white;
		padding-top: 11px;
		padding-bottom: 11px;
		margin-left: 5px;
	}

	.folder-sidebar-container .question-mark {
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.folder-sidebar-container ul.col-xs-12 {
		padding-right: 0;
	}

	.folder-sidebar-container ul li ul {
		display: none;
	}

	.folder-sidebar-container ul li:last-of-type {
		border-bottom: none;
	}

	.folder-sidebar-container ul li.open > div.col-xs-12 i.icon-small-van {
		background-image: url(Images/icons/icon_small_van_enabled.svg);
	}

		.folder-sidebar-container ul li.open > div.col-xs-12 i.icon-small-van + span {
			color: #1e2e7c;
		}

	.folder-sidebar-container ul li.open > div.col-xs-12 .icon-folder.enabled + span {
		color: #1e2e7c;
	}

	.folder-sidebar-container ul li.open ul {
		display: block;
	}

	.folder-sidebar-container ul li div.col-xs-12 {
		width: 100%;
		display: inline-block;
		border-bottom: 1px solid rgba(172, 178, 193, 0.5);
	}

		.folder-sidebar-container ul li div.col-xs-12 span {
			margin-left: 5px;
		}

	.folder-sidebar-container > ul > li:last-of-type > div.col-xs-12 {
		border-bottom: none;
	}

	.folder-sidebar-container i {
		vertical-align: middle;
	}

	.folder-sidebar-container > ul > li > div.col-xs-12 {
		padding: 10px 0;
	}

	.folder-sidebar-container > ul > li > ul > li > div.col-xs-12 {
		padding: 10px 25px;
	}

	.folder-sidebar-container > ul > li > ul > li > ul > li > div.col-xs-12 {
		padding: 10px 73px;
	}

	.group-sidebar-container {
		height: auto !important;
		padding-bottom: 20px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
		min-height: 900px;
		height: auto !important;
	}

		.group-sidebar-container .icon-arrow-left {
			margin-right: 5px;
		}

		.group-sidebar-container .blue-bottom-border {
			padding-bottom: 10px;
		}

		.group-sidebar-container ul li {
			padding-bottom: 10px;
			margin-bottom: 10px;
			border-bottom: 2px solid #e9edf4;
			list-style-type: none;
		}

			.group-sidebar-container ul li a:hover, .group-sidebar-container ul li a:link {
				text-decoration: none;
			}

			.group-sidebar-container ul li:first-child {
				/* border-bottom: 1px solid #606e89;*/
			}

	.driving-style-container button {
		padding: 14px 0;
	}

	.reports-container select {
		margin-top: 0;
		background-size: 20px;
	}

	.reports-container .white.large-margin {
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}

	.reports-container .sub-heading select, .reports-container .sub-heading button {
		height: 38px;
	}

	.reports-container .custom-range-container {
		display: none;
	}

		.reports-container .custom-range-container.open {
			display: block;
		}

		.reports-container .custom-range-container .custom-range {
			padding-top: 20px;
			padding-bottom: 20px;
		}

			.reports-container .custom-range-container .custom-range span {
				line-height: 30px;
				text-align: center;
			}

			.reports-container .custom-range-container .custom-range select {
				height: 38px;
			}

			.reports-container .custom-range-container .custom-range .col-xs-3.pull-right [class*="col-"] button {
				height: 40px;
			}

	.reports-container ul.list-border li i {
		margin-right: 25px;
	}

	.reports-container ul.list-border li button i {
		margin-right: 5px;
	}

	.reports-container ul.list-border.hack {
		padding-left: 0;
		padding-right: 40px;
	}

	.reports-container .analytics-container {
		border-top: 1px solid #e9edf4;
		max-height: 650px;
		overflow: auto;
		margin-left: 15px;
		margin-top: 10px;
	}

	.analytics-container {
		max-height: 755px !important;
	}

	.reports-container .analytics-container h4 small {
		line-height: 30px;
	}

		.reports-container .analytics-container h4 small label {
			margin-left: 10px;
		}

	.reports-container .table-container .table thead > tr td, .reports-container .table-container .table tbody > tr td {
		border-bottom: 1px solid #e9edf4;
	}

	.reports-container .table-container .table thead > tr:last-child td, .reports-container .table-container .table tbody > tr:last-child td {
		border-bottom-color: #606e89;
	}

	.summary-container .summary-card {
		padding: 0;
		height: 430px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}

		.summary-container .summary-card .table-container {
			padding: 0 40px;
		}

	#fuel-efficiency {
		/*background: url(Images/temp/wastedc02.png) no-repeat center;*/
		height: 280px;
		margin-top: 20px;
		background-size: contain;
	}

		#fuel-efficiency .highcharts-container {
			width: 400px;
		}

	#wasted-fuel {
		/*background: url(Images/temp/wastedfuel.png) no-repeat center;*/
		height: 280px;
		background-size: contain;
	}

	#wasted-fuel-idle {
		background: url(Images/temp/wastedfuelidle.png) no-repeat center;
		height: 250px;
		background-size: contain;
	}

	#driver-chart {
		background: url(Images/temp/driverperformance.png) no-repeat center;
		height: 225px;
		background-size: contain;
	}

	.table-footer {
		height: 60px;
	}

		.table-footer .left-hack {
			line-height: 60px;
			padding-left: 40px;
		}

		.table-footer .right-hack {
			padding-right: 40px;
		}

		.table-footer span {
			padding: 20px 0;
		}

		.table-footer select {
			width: 40px;
			margin-top: 20px;
		}

		.table-footer .page-text {
			margin-right: 10px;
		}

			.table-footer .page-text span {
				padding: 20px 10px;
				padding-bottom: 5px;
				border-bottom: 1px solid white;
			}

		.table-footer i {
			margin-right: 10px;
			opacity: 0.5;
		}

			.table-footer i.more {
				opacity: 1;
			}

	/*body {
		padding-top: 50px;
		padding-bottom: 20px;
	}*/

	/* Set padding to keep content from hitting the edges */
	/*.body-content {
		margin-top: 50px;
	}*/

	/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
	.dl-horizontal dt {
		white-space: normal;
	}

	/* Set width on the form input elements since they're 100% wide by default */
	input,
	select,
	textarea {
		max-width: 310px;
	}

	/*.navbar #controls-header.button {
		margin: 0px !important;
		font-size: 11px !important;
	}*/

	.login-form input {
		background-color: transparent !important;
		text-overflow: ellipsis;
	}

	.minimumTHSpacing th {
		min-width: 80px;
	}

	/*navigation panel*/

	.jstree-default li, .jstree-closed {
		width: 94%;
		line-height: 25px;
		display: inline-block;
		border-bottom: 1px solid rgba(172, 178, 193, 0.5);
	}

		.jstree-closed.jstree-last {
			border-bottom: 0px;
		}

	.jstree li {
		line-height: 26px !important;
		color: #555 !important;
		font-size: 12px;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

		.jstree li a:hover {
			background-color: transparent;
			color: #16c4a3;
			font-weight: bold;
		}

	.jstree-last {
		border-bottom: 0px;
	}

	.jstree ins {
		margin-right: 6px !important;
	}

	.jstree-padded {
		margin-top: 10px;
		padding-left: 20px;
	}

	button.dropdown-toggle {
		float: right;
	}

		button.dropdown-toggle:hover {
			background-color: #16c4a3 !important;
			color: #fff;
		}

	#tabs button {
		height: 33px;
	}

	.dropdown.filter-actions, .dropdown .dropdown-menu {
		float: right;
	}

	.rightSpacing {
		left: -72px;
	}

	.wastage-percent span {
		position: absolute;
		padding-left: 15px;
		top: 0;
	}

	.mt10 {
		margin-top: 10px;
	}

	.mt30 {
		margin-top: 30px;
	}

	.mb20 {
		margin-bottom: 20px;
	}

	.card {
		height: 300px;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
	}

	.PopName {
		font-size: 13px;
		color: #555;
	}

	#assetbreadcrumb li {
		border-bottom: 0px;
	}

	.fleetpaneltabcontainer label {
		color: #333;
	}

	.CompanyName {
		font-size: 13px;
		color: #555;
	}

	.journey-container #MapCanvas {
		min-height: 600px !important;
		/*max-height:600px !important;*/
		height: 850px;
	}

	.journey-container #MapPanel {
		padding: 0px;
		margin-left: 15px;
	}

	.journey-container #JourneyPanel {
		height: 210px;
	}

	ul.driverbreadcrumb li {
		border-bottom: 0px;
	}

	#main {
		position: relative;
	}

	.error-red, .field-validation-error {
		color: red;
	}

	.error-top {
		top: -30px;
	}

	.mtn8 {
		margin-top: -8px !important;
	}

	.PersonalEntry label, .changepwd label {
		color: #555;
	}

	.PersonalEntry input[type=checkbox] {
		display: inline;
	}

	.mt20 {
		margin-top: 20px;
	}

	.big-shadow, .navbar, .group-sidebar-container, .map-container {
		box-shadow: 0px 5px 10px 0px rgba(4, 15, 33, 0.15);
	}

	.btn-green {
		color: #fff;
		background-color: #42d3b7;
		border-color: #16c4a3;
	}

		.btn-green:hover {
			border-color: #1e2e7c;
			background-color: #3949ab;
		}

	.mb10 {
		margin-bottom: 10px;
	}

	.PersonalEntry legend, .changepwd legend {
		line-height: 25px;
	}


	/*.navbar select {
		background: #29334e;
		color: #eaeaea;
		border-color: #eaeaea;
	}*/

	.minheight {
		min-height: 900px;
	}

	.top-right-icons ul li i {
		font-size: 22px;
		line-height: 22px;
	}

	.top-right-icons ul li.dropdown {
		margin-top: 25px;
	}

	.searchinput {
		float: left;
		width: 78%;
	}

	.top-right-icons .btn {
		margin-right: 2px;
		margin-left: 2px;
		height: 34px;
		margin-top: 10px;
	}

	.driving-style-container button {
		padding: 14px 0;
	}

	.driving-style-chart-header {
		text-align: center;
		padding-top: 7px;
		padding-bottom: 9px;
	}

	.driving-style-chart-header-text {
		/*font-weight: 500;
	color: #3949ab;
	font-size: 10.5px;*/
		color: #3949ab;
		/*font-size:12px;*/
		font-family: Roboto, sans-serif;
		font-weight: 500;
	}

	.driving-style-chart-num-text {
		margin-top: 45px;
		text-align: center;
		font-size: 60px;
		font-weight: 100;
		font-weight: bold;
	}

	.driving-style-chart-num-text-green {
		color: #42d3b7;
	}

	.driving-style-chart-num-text-blue {
		color: #3949ab;
	}

	.driving-style-chart-num-text-violet {
		color: #f9485e;
	}

	.driving-style-chart-num-text-dblue {
		color: #606e89;
	}

	.driving-style-chart-description-text {
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		color: #2c3247;
	}

	#driving-style-chart {
		margin-bottom: -35px;
	}

	.events-card {
		background: white center no-repeat url(Images/illustrations/illustration_van_grey.svg);
		background-size: 150px;
	}

	.reports-container {
		padding-left: 0;
		padding-right: 20px;
	}

		.reports-container select {
			margin-top: 0;
			background-size: 20px;
		}

		.reports-container .sub-heading select, .reports-container .sub-heading button {
			height: 38px;
		}

		.reports-container .custom-range-container {
			display: none;
		}

			.reports-container .custom-range-container.open {
				display: block;
			}

			.reports-container .custom-range-container .custom-range {
				padding-top: 20px;
				padding-bottom: 20px;
			}

				.reports-container .custom-range-container .custom-range span {
					line-height: 30px;
					text-align: center;
				}

				.reports-container .custom-range-container .custom-range select {
					height: 38px;
				}

				.reports-container .custom-range-container .custom-range .col-xs-3.pull-right [class*="col-"] button {
					height: 40px;
				}

		.reports-container ul.list-border li i {
			margin-right: 25px;
		}

		.reports-container ul.list-border.hack {
			padding-left: 0;
			padding-right: 40px;
		}

		.reports-container .analytics-container {
			border-top: 1px solid #e9edf4;
		}

			.reports-container .analytics-container h4 small {
				line-height: 30px;
			}

				.reports-container .analytics-container h4 small label {
					margin-left: 10px;
				}

			.reports-container .analytics-container .analytics-right-side [class*="col-xs-"] {
				padding-right: 0;
			}

		.reports-container .sub-heading-date {
			font-size: 18px;
			border-top: solid 1px;
			border-color: #e9edf4;
			padding-top: 25px;
			font-weight: 500;
		}

		.reports-container .table-container .table thead > tr td, .reports-container .table-container .table tbody > tr td {
			border-bottom: 1px solid #e9edf4;
		}

		.reports-container .table-container .table thead > tr:last-child td, .reports-container .table-container .table tbody > tr:last-child td {
			border-bottom-color: transparent;
		}

.summary-container a.strict-height {
	/*height: 280px;*/
	height: 10vw;
	color: inherit;
	position: relative;
}

		.summary-container a.strict-height .center-holder {
			position: absolute;
			width: 100%;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.summary-container a.strict-height i {
			/*margin-bottom: 30px;*/
			/*background-size:3.3vw;*/
		}

	.pdl5 {
		padding-left: 0px !important;
	}

	.sm-padding {
		padding: 5px 8px !important;
	}

	.btn-green:hover {
		color: #fff;
	}

	a:hover .icon-fuel {
		background-image: url(Images/icons/icon_medium_fuel_enabled.svg);
	}

	a:hover .icon-dashboard {
		background-image: url(Images/icons/icon_medium_dashboard_enabled.svg);
	}

	a:hover .icon-map {
		background-image: url(Images/icons/icon_medium_map_enabled.svg);
	}

	a:hover .icon-reports {
		background-image: url(Images/icons/icon_medium_reports_enabled.svg);
	}

	a:hover .icon-watch {
		background-image: url(Images/icons/icon_medium_journey_enabled.svg);
	}

	a:hover .icon-van {
		background-image: url(Images/icons/icon_medium_driving_enabled.svg);
	}

	a:hover .icon-help {
		background-image: url(Images/icons/icon_medium_help_enabled.svg);
	}

	a:hover .icon-gear {
		background-image: url(Images/icons/icon_medium_admin_enabled.svg);
	}

.icon-sum-reports {
	background: center no-repeat url(Images/icons/icon_big_summaryreport_grey.svg);
	background-size: 80%;
}

.icon-Scheduled_report {
    background: center no-repeat url(Images/icons/Scheduled_report.svg);
    background-size: 80%;
}

.icon-daily {
	background: center no-repeat url(Images/icons/icon_big_dailytimesheet_grey.svg);
	background-size: 80%;
}

.icon-behaviour {
	background-image: url(Images/icons/icon_big_driverbehaviourreport_grey.svg);
	background-size: 80%;
}

.icon-vehicle-timesheet {
	background: center no-repeat url(Images/icons/driver_report.svg);
	background-size: 80%;
}

.icon-events {
	background: center no-repeat url(Images/icons/icon_event_report.svg);
	background-size: 80%;
}

.icon-exception {
	background: center no-repeat url(Images/icons/icon_big_exceptionreport_grey.svg);
	background-size: 80%;
}

.icon-idling {
	background: center no-repeat url(Images/icons/icon_big_idlingreport_grey.svg);
	background-size: 80%;
}

.icon-working {
	background: center no-repeat url(Images/icons/HoursWorked.svg);
	background-size: 80%;
}
.icon-earlystop {
	background: center no-repeat url(Images/icons/EarlyStop.svg);
	background-size: 80%;
}
.icon-latestart {
	background: center no-repeat url(Images/icons/LateStart.svg);
	background-size: 80%;
}
.icon-fuel-grey {
	background: center no-repeat url(Images/icons/icon_big_fuelreport_grey.svg);
	background-size: 80%;
}
.icon-speeding {
	background: center no-repeat url(Images/icons/FleetSpeeding.svg);
	background-size: 100%;
}
.icon-driving {
	background: center no-repeat url(Images/icons/icon_big_drivingstylereport_grey.svg);
	background-size: 80%;
}

.icon-driving-vehicle-health {
	background: center no-repeat url(Images/icons/icon_big_vehicleHealthReport_grey.svg);
	background-size: 100%;
}

.icon-lez-report {
	background: center no-repeat url(Images/icons/icon_lez_report.svg);
	background-size: 100%;
}

.icon-pto-reports {
	background: center no-repeat url(Images/icons/tipper.svg);
	background-size: 100%;
}
.icon-geo-reports {
	background: center no-repeat url(Images/icons/icon-geolocationrpt.svg);
	background-size: 80%;
}
.icon-driverid-reports {
	background: center no-repeat url(Images/icons/driverid.svg);
	background-size: 80%;
}



	.small-shadow, .card, .summary-container a.strict-height.white, .bg-shadow {
		box-shadow: 0px 3px 5px 0px rgba(4, 15, 33, 0.08);
	}

	.login-form input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0px 1000px #27355b inset;
		-webkit-text-fill-color: #16c4a3 !important;
	}
	.login-form input {
		color: #16c4a3 !important;
	}

	.assetstable input[type=checkbox], .groupstable input[type=checkbox] {
		display: inline;
	}

	.large-starting-padding {
		padding-left: 40px;
		padding-right: 40px;
	}

	.minw {
		min-width: 165px;
	}

	.left-border {
		background-color: transparent;
		border-left-width: 2px;
		border-left-style: solid;
	}

		.left-border.light-green {
			border-left-color: #42d3b7;
		}

		.left-border.blue {
			border-left-color: #1e2e7c;
		}

		.left-border.light-blue {
			border-left-color: #3949ab;
		}

		.left-border.grey {
			border-left-color: #acb2c1;
		}

	.reports-container button {
		height: 40px;
	}

	.reports-container .table {
		margin-bottom: 40px;
	}

	#NewEditNewsItem label {
		color: #555 !important;
	}

	input.charcoal {
		background-color: transparent;
		border-bottom: 1px solid #2c3247;
	}

	input.white {
		background-color: transparent;
		border-bottom: 1px solid white;
	}

	.icon-search-grey {
		background-image: url(Images/icons/search-grey.svg);
	}

	.icon-select-grey {
		background-image: url(Images/icons/select-grey.svg);
	}

	.icon-select-white, select.white {
		background-image: url(Images/icons/select-white.svg);
	}

	.icon-select, select {
		background-image: url(Images/icons/select.svg);
	}

	.icon-start-white {
		background-image: url(Images/icons/start-white.svg);
	}

	.icon-summaryreport-grey {
		background-image: url(Images/icons/summaryreport-grey.svg);
	}

	.ml5 {
		margin-left: 5px;
	}

	.icon-savings-white {
		background-image: url(Images/icons/savings-white.svg);
	}

	/*.navbar .main-icons ul li.menu-active:before {
		height: 4px;
	}*/

	.menu-active span {
		color: #42d3b7;
	}

	.ui-dialog label {
		color: #555 !important;
	}

	#EmailAnalysisOption {
		min-width: 160px;
	}

	#controls-header a {
		color: #fff;
	}

	.redInfoBalloon {
		border: 8px solid #D71A1A !important;
	}

	.report-divider {
		border-bottom: solid 2px #ccc;
		padding-bottom: 20px;
		box-shadow: 0px 5px 0px 0px rgba(4, 15, 33, 0.08);
	}

	.MapPopupList {
		overflow: auto !important;
		top: 100px !important;
		height: 250px !important;
	}


.moving {
   
	background-image: url(Images/icons/VanGreen.png);
}
/*If van stopped*/
.stopped {
	/*background-color: #f38971 !important;*/
	/*background-image: url(Images/icons/VanRed.png);*/
	/*background-image: url(Images/icons/VanUmber.png);*/
	background-image: url(Images/icons/VanRed.png);
}

.idled {
	/*background-color: #eff789 !important;
	color: #555 !important;*/
	background-image: url(Images/icons/VanUmber.png);
}
.private-mode {
    background-image: url(Images/icons/DiamondPrivacy.gif);
    background-position: left center;
}
.out-of-service {
    background-image: url(Images/icons/DiamondOutOfService.gif);
    background-position: left center;
}

@media only screen and (min-width:991px) and (max-width:1440px) {

	.moving {
   
		background-image: url(Images/icons/SmallVanGreen.png);
	}
	/*If van stopped*/
	.stopped {
		
		background-image: url(Images/icons/SmallVanRed.png);
	}

	.idled {
		/*background-color: #eff789 !important;
	color: #555 !important;*/
		background-image: url(Images/icons/SmallVanUmber.png);
	}
    .private-mode {
        background-image: url(Images/icons/DiamondPrivacy.gif);
        background-position: left center;
    }

    .out-of-service {
        background-image: url(Images/icons/DiamondOutOfService.gif);
        background-position: left center;
    }
}

	.movingballonborder {
		border: 8px solid #67dcc5 !important;
	}

	.stoppedballonborder {
		border: 8px solid #f38971 !important;
	}

	.idledballonborder {
		border: 8px solid #eff789 !important;
	}

	.AccountPartial label {
		color: #555 !important;
	}

	.AccountPartial select {
		min-width: 150px;
	}

	.AccountPartial input[type='checkbox'] {
		min-width: 20px;
	}

	select.form-control {
		background: url(Images/icons/icon_small_select.svg) no-repeat right;
		padding-right: 26px;
	}

	ul.total-fuel {
		background: #42d3b7;
	}

		ul.total-fuel li {
			display: inline-block;
			padding: 10px;
			width: 49%;
		}

	.fuel-idling {
		height: 245px;
		overflow: auto;
	}

	ul.total-fuel-idling {
		margin-top: 5px;
		margin-bottom: 5px;
		background: #42d3b7;
		border-bottom: solid 1px #ccc;
		padding-left: 5px;
	}

	.mt80 {
		margin-top: 80px;
	}

	.card-new {
		box-shadow: 0px 3px 5px 0px rgba(4, 15, 33, 0.3);
		border: 1px solid #ddd;
	}

	.analytics-container ul.total-fuel.individual-fuel li {
		width: 33%;
	}

	#wasted-fuel.group-asset-data {
		height: 326px;
	}

	.text-bold {
		font-weight: bold;
	}

	.text-branding-green {
		color: #42d3b7 !important;
	}

	.text-custom.idle, .text-custom.idle a {
		color: #ffa733 !important;
	}

	.text-custom.behavior, .text-custom.behavior a {
		color: #3949ab !important;
	}

	.text-custom.congestion, .text-custom.congestion a {
		color: #16c4a3 !important;
	}

	.text-custom.gear, .text-custom.gear a {
		color: #ce344e !important;
	}

	.btn-info {
		color: #fff;
		background-color: #3949ab;
		border-color: #3949ab;
	}

	.ui-widget {
		z-index: 2000;
	}

	.dropdown {
		z-index: 2500;
	}

	.ui-datepicker .ui-datepicker-buttonpane button {
		background: #3949ab;
		color: #fff;
	}

	.ui-slider-handle {
		background: #3949ab;
	}

	##FleetPanelLiteHolder {
		max-height: 700px !important;
	}

	.loading-map {
		background: rgba(0, 0, 0, 0.7);
		/* opacity: 0.5; */
		color: #fff;
		display: none;
		text-align: center;
		height: 800px;
		position: absolute;
		z-index: 3000;
		width: 102%;
	}

	.loading-map-text {
		margin-top: 22%;
		font-size: 25px;
	}

	.dispnone {
		display: none;
	}

	ul.fuel-list.list-border li {
		padding-top: 5px;
		padding-bottom: 5px;
	}

	.loading-map {
		background: rgba(0, 0, 0, 0.7);
		/* opacity: 0.5; */
		color: #fff;
		display: none;
		text-align: center;
		height: 800px;
		position: absolute;
		z-index: 3000;
		width: 102%;
	}

	.loading-map-text {
		margin-top: 22%;
		font-size: 25px;
	}


	input[type="checkbox"], input[type="radio"] {
		width: 18px !important;
		height: 18px !important;
	}

	.width80 {
		width: 80%;
	}

	#MapPanel title {
		background: #000 !important;
	}


	.ui-timepicker-div {
		padding-left: 8px;
		padding-right: 8px;
	}


	/*IE only css*/
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .icon-select, select, select.form-control {
            background-position: right;
        }

	}
	/*Responsive CSS*/

	@media only screen and (min-width:200px) and (max-width:800px) {
		.landingIconText {
			font-size: 6px !important;
			padding-left: 0px;
		}
	}

	@media only screen and (min-width:1200px) and (max-width:1350px) {

		#searchText {
			width: 130px;
		}
	}

@media only screen and (min-width:1200px) and (max-width:1870px) {
	.square-icon {
		width: 30px;
		height: 30px;
	}

	.icon-alert {
		/*background-size: 25px 22px;*/
	}

	@media only screen and (min-width : 1660px) {
	}

	@media only screen and (min-width : 1200px) {
		.gauge-bg::before {
			top: -42%;
		}
	}



	/* Small Devices, Tablets , sm*/
	@media only screen and (min-width : 992px) and (max-width : 1200px) {
	}

	/* Extra Small Devices, Phones , xs*/
	@media only screen and (min-width : 767px) and (max-width : 991px) {
		.gauge-bg::before {
			background: none;
		}
	}

	@media only screen and (max-width : 766px) {
		.gauge-bg::before {
			background: none;
		}
	}

	@media only screen and (max-width : 500px) {
		.override-xs-offset.col-xs-offset-1 {
			margin-left: 4%;
		}
	}


	#ShiftPattern_Add {
		margin-top: 10px;
		margin-left: 10px;
	}


	html:lang(es) .dropDownSpacingES {
		width: 125px;
	}


	.graph-legend-min-width {
		width: 225px;
	}


	/* bootstrap extra large classes*/
	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	@media only screen and (min-width:1280px) and (max-width:1360px) {

		/*top navigation setting text flots to next line*/
		/*.navbar-nav {
			margin-top: 7.5px;
			margin-right: -15px;
			margin-bottom: 7.5px;
			margin-left: -15px;
		}*/

		#assetbreadcrumb {
			/*width: 290px !important;*/
		}

		.groupstable {
			/*width: 70% !important;*/
			border-right: none !important;
		}

		.groupheader {
			/*width: 70% !important;*/
		}

		.group-sidebar-container ul li {
			border-bottom: none;
		}

		.popTableHeaderRow {
			width: 55% !important;
		}

		.assetstable {
			/*width: 60% !important;*/
		}

		/* Landing page */
		.controls-container .inner-container {
			padding-right: 35px;
			bottom: 0;
			width: 100%;
		}

		.vertical-icon {
			width: auto;
		}
		/*Style for livemap left Navigation BreadCrumb*/
		.fleetpanelholderdiv {
			width: 100% !important;
		}

		.group-sidebar-container ul li a:hover, .group-sidebar-container ul li a:link {
			/*font-size: 9px !important;*/
		}

		.group-sidebar-container .blue-bottom-border {
			padding-left: 0px !important;
		}

		.assetSpeedLocationTextDiv {
			font-size: 9px !important;
			width: 275px !important;
		}

		/* Responsive Style for Fule analytics*/
		/*#adminTreePanel {
			width: 300px !important;
		}

		#adminSearchPanel {
			width: 300px !important;
		}

		#adminSearchText {
			width: 300px !important;
		}

		#adminTreeHeader {
			width: 300px !important;
		}

		#adminTree {
			width: 293px !important;
		}

		#adminSearchText {
			width: 200px !important;
		}

		#tree-help {
			left: 40px !important;
		}

		#help-trigger {
			float: left;
		}*/
	}

	@media only screen and (min-width:1360px) and (max-width:1530px) {
		/*top navigation setting text flots to next line*/
		/*.navbar-nav {
			margin-top: 7.5px;
			margin-right: -15px;
			margin-bottom: 7.5px;
			margin-left: -15px;
		}*/

		#assetbreadcrumb {
			/*width: 290px !important;*/
		}

		.groupstable {
			/*width: 80% !important;*/
			border-right: none !important;
		}

		.groupheader {
			/*width: 80% !important;*/
		}

		.popTableHeaderRow {
			width: 75% !important;
		}

		.group-sidebar-container ul li {
			border-bottom: none;
		}

		.assetstable {
			/*width: 80% !important;*/
		}
		/*Style for livemap left Navigation BreadCrumb*/
		.fleetpanelholderdiv {
			width: 100% !important;
		}

		.group-sidebar-container ul li a:hover, .group-sidebar-container ul li a:link {
			/*font-size: 10px !important;*/
		}

		.group-sidebar-container .blue-bottom-border {
			padding-left: 0px !important;
		}

		.assetSpeedLocationTextDiv {
			font-size: 9px !important;
			width: 275px !important;
		}
		/* Responsive Style for Fule analytics*/
		/*#adminTreePanel {
			width: 350px !important;
		}

		#adminSearchPanel {
			width: 350px !important;
		}

		#adminSearchText {
			width: 350px !important;
		}

		#adminTreeHeader {
			width: 350px !important;
		}

		#adminTree {
			width: 333px !important;
		}

		#adminSearchText {
			width: 250px !important;
		}*/
	}

	@media only screen and (min-width:1530px) and (max-width:1700px) {
		/* Responsive Style for Fule analytics*/
		/*#adminTreePanel {
			width: 380px !important;
		}

		#adminSearchPanel {
			width: 380px !important;
		}

		#adminSearchText {
			width: 380px !important;
		}

		#adminTreeHeader {
			width: 380px !important;
		}

		#adminTree {
			width: 370px !important;
		}

		#adminSearchText {
			width: 280px !important;
		}*/
	}

	@media only screen and (min-width:1530px) and (max-width:1600px) {

		#assetbreadcrumb {
			/*width: 290px !important;*/
		}

		.groupstable {
			/*width: 90% !important;*/
			border-right: none !important;
		}

		.groupheader {
			/*width: 85% !important;*/
		}

		.popTableHeaderRow {
			width: 85% !important;
		}

		.group-sidebar-container ul li {
			border-bottom: none;
		}

		.assetstable {
			/*width: 90% !important;*/
		}
		/*Style for livemap left Navigation BreadCrumb*/
		.fleetpanelholderdiv {
			width: 80% !important;
		}

		.group-sidebar-container ul li a:hover, .group-sidebar-container ul li a:link {
			/*font-size: 10px !important;*/
		}

		.group-sidebar-container .blue-bottom-border {
			padding-left: 0px !important;
		}

		.assetSpeedLocationTextDiv {
			width: 275px !important;
		}
	}

	@media only screen and (min-width:1600px) and (max-width:1700px) {
		.assetSpeedLocationTextDiv {
			width: 275px !important;
		}
	}

	@media only screen and (min-width:1500px) and (max-width:1600px) {
		/*.fleetPanelScrollableContent {
			width: 360px !important;
		}*/
	}

	@media only screen and (min-width:1350) and (max-width:1400) {
		/*.fleetPanelScrollableContent {
			width: 350px !important;
		}*/
	}

	@media only screen and (min-width:1600px) {

		#assetbreadcrumb {
			/*width: 290px !important;*/
		}

		.groupstable {
			/*width: 90% !important;*/
			border-right: none !important;
		}

		.groupheader {
			/*width: 90% !important;*/
		}

		.popTableHeaderRow {
			width: 85% !important;
		}

		.group-sidebar-container ul li {
			border-bottom: none;
		}

		.assetstable {
			/*width: 90% !important;*/
		}
		/*Style for livemap left Navigation BreadCrumb*/
		.fleetpanelholderdiv {
			width: 100% !important;
		}

		.group-sidebar-container ul li a:hover, .group-sidebar-container ul li a:link {
			/*font-size: 10px !important;*/
		}

		.group-sidebar-container .blue-bottom-border {
			padding-left: 0px !important;
		}
	}

	@media (min-width: 1500px) {
		.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
			float: left;
		}

		.col-xl-12 {
			width: 100%;
		}

		.col-xl-11 {
			width: 91.66666667%;
		}

		.col-xl-10 {
			width: 83.33333333%;
		}

		.col-xl-9 {
			width: 75%;
		}

		.col-xl-8 {
			width: 66.66666667%;
		}

		.col-xl-7 {
			width: 58.33333333%;
		}

		.col-xl-6 {
			width: 50%;
		}

		.col-xl-5 {
			width: 41.66666667%;
		}

		.col-xl-4 {
			width: 33.33333333%;
		}

		.col-xl-3 {
			width: 25%;
		}

		.col-xl-2 {
			width: 16.66666667%;
		}

		.col-xl-1 {
			width: 8.33333333%;
		}

		.col-xl-pull-12 {
			right: 100%;
		}

		.col-xl-pull-11 {
			right: 91.66666667%;
		}

		.col-xl-pull-10 {
			right: 83.33333333%;
		}

		.col-xl-pull-9 {
			right: 75%;
		}

		.col-xl-pull-8 {
			right: 66.66666667%;
		}

		.col-xl-pull-7 {
			right: 58.33333333%;
		}

		.col-xl-pull-6 {
			right: 50%;
		}

		.col-xl-pull-5 {
			right: 41.66666667%;
		}

		.col-xl-pull-4 {
			right: 33.33333333%;
		}

		.col-xl-pull-3 {
			right: 25%;
		}

		.col-xl-pull-2 {
			right: 16.66666667%;
		}

		.col-xl-pull-1 {
			right: 8.33333333%;
		}

		.col-xl-pull-0 {
			right: auto;
		}

		.col-xl-push-12 {
			left: 100%;
		}

		.col-xl-push-11 {
			left: 91.66666667%;
		}

		.col-xl-push-10 {
			left: 83.33333333%;
		}

		.col-xl-push-9 {
			left: 75%;
		}

		.col-xl-push-8 {
			left: 66.66666667%;
		}

		.col-xl-push-7 {
			left: 58.33333333%;
		}

		.col-xl-push-6 {
			left: 50%;
		}

		.col-xl-push-5 {
			left: 41.66666667%;
		}

		.col-xl-push-4 {
			left: 33.33333333%;
		}

		.col-xl-push-3 {
			left: 25%;
		}

		.col-xl-push-2 {
			left: 16.66666667%;
		}

		.col-xl-push-1 {
			left: 8.33333333%;
		}

		.col-xl-push-0 {
			left: auto;
		}

		.col-lg-offset-12 {
			margin-left: 100%;
		}

		.col-xl-offset-11 {
			margin-left: 91.66666667%;
		}

		.col-xl-offset-10 {
			margin-left: 83.33333333%;
		}

		.col-xl-offset-9 {
			margin-left: 75%;
		}

		.col-xl-offset-8 {
			margin-left: 66.66666667%;
		}

		.col-xl-offset-7 {
			margin-left: 58.33333333%;
		}

		.col-xl-offset-6 {
			margin-left: 50%;
		}

		.col-xl-offset-5 {
			margin-left: 41.66666667%;
		}

		.col-xl-offset-4 {
			margin-left: 33.33333333%;
		}

		.col-xl-offset-3 {
			margin-left: 25%;
		}

		.col-xl-offset-2 {
			margin-left: 16.66666667%;
		}

		.col-xl-offset-1 {
			margin-left: 8.33333333%;
		}

		.col-xl-offset-0 {
			margin-left: 0;
		}
	}

	.tooltipp {
		display: none;
		position: absolute;
		border: 2px solid #555;
		background-color: white;
		border-radius: 5px;
		color: white;
		padding: 3px 8px;
		font-size: 12px;
		z-index: 99999;
	}
}

.iconFont {
	font-size: 30px;
}

.vertical-center2 {
	/*min-height: 100%;*/ /* Fallback for browsers do NOT support vh unit */
	/*min-height: 100vh;*/ /* These two lines are counted as one :-)       */
	display: flex !important;
	align-items: center;
}
#assettab {
min-height: 350px;
}
#ViewAnAlert.ui-dialog-content.ui-widget-content {
	height: auto !important;
	overflow: hidden;
}
#ViewAnAlert .fleetpanelholderdiv {
	height: auto;
	min-height: 230px !important
}

#ViewAnAlert .fleetpaneltabcontainer {
	height: auto !important;
}
#ViewAnAlert .tiny-margin {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
#ViewAnAlert .fleetPanelScrollableContent {
	overflow-x: hidden !important;
}
#ViewAnAlert #assettab .fleetPanelScrollableContent {
	min-height: 200px !important;
}
#ViewAnAlert #placeslider .fleetPanelScrollableContent {
	min-height: 345px !important;
}
#ViewAnAlert #placestab {
	min-height: 417px !important;
}
#ViewAnAlert #placescontainer .binder {
	min-height: 387px !important;
}
#ViewAnAlert #googlemapsearchtab {
	height: 595px !important;
}
#ViewAnAlert #googlemapsearchtab > div {
	width: 97%;
} 
#lnkSave, #lnkCancel {
	margin-right: 5px;
}

#lnkSave:hover, #lnkCancel:hover, #lnkSave:focus, #lnkCancel:focus {
	outline: 0px !important;
}


#reportsignatureclaimant, #reportsignatureapprover {
	font-weight: 500;
	width: 49%;
	display: inline-block;
}

#reportsignature {
	border: 1px solid #999;
	padding: 7px;
	margin-left: 1.2%;
	margin-right: 1.2%;
	border-radius: 10px;
}

#dwrpt__1table_length {
	margin-left: 0.8%;
}

.padding3{
	padding:3px;
}
/* to hide default dropdown in I.E */
select::-ms-expand {
    display: none;
}
/* to hide default dropdown in I.E */
.ui-dialog-buttonpane .ui-dialog-buttonset button {
    background: #42d3b7;
    color: white;
    outline: none !important;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.6s ease-out;
    text-decoration: none !important;
    text-align: center;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button:hover {
    background: #3949ab;
    color: white;
    outline: none !important;
    transition: all 1.2s ease-out;
    text-decoration: none;
}

.ui-dialog-buttonpane .ui-dialog-buttonset button .ui-button-text {
    padding: 0;
}
.ui-dialog-titlebar .ui-dialog-titlebar-close {
    border-radius: 3px;

}
.ui-dialog-titlebar .ui-dialog-titlebar-close:hover i {
    color: #3949ab !important;
}
.ui-dialog .ui-widget-content input[type=text], .ui-dialog .ui-widget-content select {
    border: 1px solid #42d3b7;
    border-radius: 4px;
    padding: 3px 7px;
    margin: 0;
    width: auto;
    position: static;
}

.ui-dialog .ui-widget-content input:focus, .ui-dialog .ui-widget-content select:focus {
    outline-color: #3949ab;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.ui-datepicker.ui-widget.ui-widget-content {
    width: 100% !important;
}
#ui-datepicker-div.ui-datepicker.ui-widget {
    width: 19em !important;
}

.brand-logo {
    background-image: url(./../../Content/Images/logos/logo_movil_white_default.png);
    height: 80px;
    width: 170px;
    background-size: contain;
}
img[src*="ArrowUp.gif"], img[src*="ArrowRight.gif"], img[src*="ArrowDown.gif"], img[src*="ArrowLeft.gif"] {
    width: 21px !important;
    height: 21px !important;
}


/*         //////////////////////////MOVOLYTICS STRUCTURAL CSS//////////////////////////          */


.movo-flex-box{
    display: flex;
}
.movo-flex-wrap{
    flex-wrap: wrap;
}
.movo-flex-item{

}
.movo-grid-box {
    display: grid;
}
.movo-block {
    display: block;
}

.movo-inline-block {
    display: inline-block;
}
.movo-nowrap {
    white-space: nowrap;
}


/*         //////////////////////////MOVOLYTICS STRUCTURAL CSS//////////////////////////          */


/*         //////////////////////////MOVOLYTICS INPUTS AND BUTTON CSS//////////////////////////          */


.movo-button {
    background: #42d3b7;
    color: white;
    outline: none !important;
    padding: 6px 12px;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.6s ease-out;
    text-decoration: none !important;
    text-align: center;
}


.movo-button:hover, .movo-button.active {
    background: #3949ab;
    color: white;
    outline: none !important;
    transition: all 1.2s ease-out;
    text-decoration: none;
}
.movo-button[disabled], .movo-button:hover[disabled] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    background: #42d3b7 !important;
}

.movo-input, .movo-select {
    border: 1px solid #42d3b7;
    border-radius: 4px;
    padding: 3px 7px;
    width: 100%;
    margin-top: 5px;
}

.movo-input:focus, .movo-select:focus {
    outline-color: #3949ab;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}

/*         //////////////////////////MOVOLYTICS INPUTS AND BUTTON CSS//////////////////////////          */


/*         //////////////////////////MOVOLYTICS SCROLLBAR CSS//////////////////////////          */
/* width */
.movo-scrollbar::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.movo-scrollbar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.movo-scrollbar::-webkit-scrollbar-thumb {
    background: #42d3b7;
    border-radius: 10px;
}

/* Handle on hover */
.movo-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(35, 226, 190, 0.81);
}


/*         //////////////////////////MOVOLYTICS SCROLLBAR CSS//////////////////////////          */

.movo-table tr:nth-child(even) {
    transition: background 0.8s ease-out;
}

.movo-table tr:nth-child(even) {
    background: rgba(57,73,171,0.1);
}

.movo-table tr:nth-child(odd) {
    background: rgba(255,255,255,1);
}

.movo-table tr:hover {
    background: rgba(157,194,234,0.6);
    transition: background 0.4s ease-in;
}