/*run new Date().getTime() in console and get the value on every publish, compile the project, check if css files have been changed, 
                                    after publishing undo the versioning changes as we dont need to check in*/
@font-face {
  font-family: 'Letter Gothic';
  src: url('Fonts/Letter_Gothic_Std_Bold.ttf') format('truetype');
}
/* Google Map Style Starts */
.gmap-control-container.gmnoprint {
  overflow: hidden;
  right: 10px !important;
  width: 28px;
  bottom: 150px !important;
}
.gmnoprint.gm-style-mtc {
  top: 130px !important;
  width: 100px !important;
}
.gm-svpc {
  top: 32px !important;
}
.gmap-control-container.top {
  bottom: 44px !important;
  right: 42px !important;
  top: auto !important;
}
.gmap-control-container.top .map-full-list-pnl {
  width: 200px;
  opacity: 0.5;
  font-size: 11px;
  position: relative;
}
.gmap-control-container.bottom {
  bottom: 25px !important;
  right: 50px !important;
}
.gmap-control-container.bottom-left {
  bottom: 7px !important;
  left: 39px !important;
  width: 350px;
}
.gmap-control-container.bottom-left .latlng {
  color: #f00;
  font-weight: bold;
  margin-left: 50px;
}
.right-layout .gmap-control-container.bottom-left .latlng {
  margin-left: auto;
  margin-right: 50px;
}
.gmap-control-container.bottom-left .jqx-gauge-label {
  font-size: 8px;
  color: #fff;
  fill: #fff;
  font-family: 'Letter Gothic' !important;
}
.gmap-control-container.bottom-left .jqx-gauge-caption {
  font-size: 13px;
  font-weight: bold;
}
.gmap-control-container.bottom-left .gauge {
  position: relative;
  bottom: -17px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart {
  position: absolute;
  bottom: 10px;
  left: 185px;
  width: 750px;
  background: #000;
  opacity: 0.6;
  font-family: 'Letter Gothic' !important;
  padding: 0 6px;
  color: #fff;
  border-radius: 5px;
}
.right-layout .gmap-control-container.bottom-left .gauge .historytracking-chart {
  left: auto;
  right: 185px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartbox {
  height: 85px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .alert-filter {
  border-radius: 0 !important;
  border-color: #000 !important;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .alert-filter .jqx-combobox-content-arctic {
  border-color: #3c3a3a !important;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .alert-filter .jqx-combobox-content-arctic input {
  background: #3c3a3a !important;
  color: #fff !important;
  border-color: #3c3a3a !important;
  font-size: 10px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .alert-filter .jqx-fill-state-normal-arctic {
  background: #3c3a3a !important;
  border-color: #3c3a3a !important;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter {
  padding-top: 2px;
  font-family: 'Verdana_DT', Verdana, Arial, sans-serif;
  position: relative;
  height: 16px;
  font-size: 10px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .jqx-checkbox-arctic {
  background: #3c3a3a !important;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .jqx-checkbox-arctic .jqx-checkbox-default {
  background: #0e0e0e !important;
  border-color: #0e0e0e !important;
  height: 10px;
  width: 12px;
  margin-top: 2px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .jqx-checkbox-arctic span {
  color: #fff;
  line-height: 15px;
  font-size: 10px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .ht-chartfilter .jqx-checkbox-arctic .jqx-checkbox-default .jqx-checkbox-check-checked {
  background: url("images/check_white.png?v=1525073143347") no-repeat scroll center center transparent;
  height: 10px !important;
}
.jqx-chart-tooltip-text {
  font-size: 10px;
  min-width: 80px;
}
.gmap-control-container.bottom-left .gauge .historytracking-chart .history-chart-label {
  fill: #fff7f7;
  font-size: 7px;
}
.gmap-control-container.bottom-left .gauge .gauge-chart {
  position: absolute;
  bottom: 0px;
  left: -7px;
}
.right-layout .gmap-control-container.bottom-left .gauge .gauge-chart {
  left: auto;
  right: -11px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-text {
  bottom: 194px;
  left: 0;
  width: 180px;
  font-size: 11px;
  color: #fff;
  font-family: 'Letter Gothic' !important;
  position: absolute;
  text-align: center;
  line-height: 18px;
}
.right-layout .gmap-control-container.bottom-left .gauge .gauge-alert-text {
  left: auto;
  right: 0;
}
.gmap-control-container.bottom-left .gauge .gauge-text {
  position: absolute;
  font-size: 17px;
  font-weight: bold;
  margin: auto;
  text-align: center;
  color: #fff;
  font-family: 'Letter Gothic' !important;
  z-index: 99999;
}
.gmap-control-container.bottom-left .gauge .gauge-text.speed {
  bottom: 65px;
  left: 59px;
  width: 62px;
  font-size: 12px;
}
.gmap-control-container.bottom-left .gauge .gauge-text.odometer {
  bottom: 80px;
  font-size: 9px;
  left: 59px;
  width: 62px;
}
.right-layout .gmap-control-container.bottom-left .gauge .gauge-text.speed {
  left: auto;
  right: 59px;
}
.right-layout .gmap-control-container.bottom-left .gauge .gauge-text.odometer {
  right: 59px;
  left: auto;
}
.gmap-control-container.bottom-left .gauge .kmhtext {
  bottom: 118px;
  font-size: 12px;
  color: #fff;
  font-family: 'Letter Gothic' !important;
  fill: #fff;
}
.gmap-control-container.bottom-left .gmap-control-container.bottom {
  bottom: 25px !important;
  right: 50px !important;
}
.gmap-control-container.bottom-left .maximizetoolbar {
  position: absolute;
  bottom: 175px;
  left: -42px;
  z-index: 9;
  width: 28px;
  opacity: 0.7;
}
.right-layout .gmap-control-container.bottom-left .maximizetoolbar {
  left: auto;
  right: -42px;
}
.gmap-control-container.bottom-left .maximizetoolbar div {
  height: 24px;
  width: 24px;
  padding: 2px 0;
  cursor: pointer;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  color: transparent;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transition: all 0.5s ease-in-out 0s;
  border-color: #000000;
  border-width: 0 4px;
  border-style: dashed;
  background-color: #000000;
  background-position: right center;
  background-repeat: no-repeat;
  display: none;
}
.right-layout .gmap-control-container.bottom-left .maximizetoolbar div {
  background-position: left center;
}
.gmap-control-container.bottom-left .maximizetoolbar div:hover {
  color: #ffffff;
  width: 200px;
}
.gmap-control-container.bottom-left .maximizetoolbar .maximize-historylist {
  background-image: url("images/framework-maphistoryfilter.png?v=1525073143347");
}
.gmap-control-container.bottom-left .maximizetoolbar .maximize-historychart {
  background-image: url("images/framework-maphistoryfilter.png?v=1525073143347");
}
.gmap-control-container.bottom-left .maximizetoolbar .maximize-historygauge {
  background-image: url("images/framework-maphistoryfilter.png?v=1525073143347");
}
.gmap-control-container.bottom-left .historytrackingspeedometer {
  background: transparent url("images/framework-speedometer.png?v=1525073143347") no-repeat scroll center center;
  width: 181px;
  height: 210px;
  position: absolute;
  bottom: 10px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container {
  position: absolute;
  bottom: 24px;
  left: 40px;
  width: 100px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
.right-layout .gmap-control-container.bottom-left .gauge .gauge-alert-icons-container {
  left: auto;
  right: 55px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon {
  float: left;
  margin: 0 5px;
}
.right-layout .gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon {
  float: right;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon.alert1 {
  background: transparent url("images/1.png?v=1525073143347") no-repeat scroll center center;
  height: 23px;
  width: 23px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon.alert2 {
  background: transparent url("images/2.png?v=1525073143347") no-repeat scroll center center;
  height: 23px;
  width: 23px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon.alert3 {
  background: transparent url("images/3.png?v=1525073143347") no-repeat scroll center center;
  height: 23px;
  width: 23px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon.alert4 {
  background: transparent url("images/4.png?v=1525073143347") no-repeat scroll center center;
  height: 23px;
  width: 23px;
}
.gmap-control-container.bottom-left .gauge .gauge-alert-icons-container .gauge-alert-icon.alert5 {
  background: transparent url("images/5.png?v=1525073143347") no-repeat scroll center center;
  height: 23px;
  width: 23px;
}
.gmap-control-container.bottom .distance {
  color: #fff;
  font-weight: bold;
  padding: 5px 10px;
  line-height: 18px;
  display: none;
}
.traffic-layer {
  background: #fff url("images/framework-trafficlights.png?v=1525073143347") no-repeat scroll 5px 5px;
  border-radius: 2px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  height: 16px;
  padding: 5px;
  width: 16px;
}
.map-icon {
  border-radius: 2px;
  box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  height: 16px;
  padding: 5px;
  width: 16px;
  margin-bottom: 5px;
}
.map-center {
  background: #fff url("images/framework-map-center.png?v=1525073143347") no-repeat scroll 5px 5px;
}
.map-print {
  background: #fff url("images/framework-printer.png?v=1525073143347") no-repeat scroll 5px 5px;
}
.map-currentlocation {
  background: #fff url("images/framework-currentlocation.png?v=1525073143347") no-repeat scroll 5px 5px;
}
.traffic-layer:hover {
  background: #fff url("images/framework-trafficlights.png?v=1525073143347") no-repeat scroll 3px 5px;
}
.map-icon:hover {
  background-position: 3px 5px;
}
.pac-container_fav {
  z-index: 10000 !important;
  width: 381px !important;
}
.pac-container {
  z-index: 10000 !important;
  width: 416px !important;
  left: 50px !important;
}
.pac-container:empty {
  display: none !important;
}
.pac-item:hover {
  background: #DDDDDD;
}
body.mapstyle1 .pac-container {
  width: 370px !important;
}
body.mapstyle2 .pac-container {
  width: 344px !important;
}
body.mapstyleCW .pac-container {
  width: 340px !important;
  left: 191px !important;
}
.theme .gm-style {
  font-family: 'Verdana_DT', Verdana, Arial, sans-serif;
}
/*Map General Styles*/
.map-findnearby {
  position: absolute;
  top: 10px;
  left: 950px;
  background: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  padding: 6px;
  width: 93px;
}
.map-searchbox {
  position: absolute;
  top: 10px;
  left: 50px;
  background: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  /*border-radius:3px;*/
}
.map-searchbox.style1 {
  top: 70px;
  z-index: 9;
}
.map-searchbox.styleCW {
  top: 35px;
  left: 10px;
  z-index: 9;
}
.right-layout .map-searchbox.styleCW {
  left: auto;
  right: 10px;
}
.map-searchbox.styleCW .searchbox .searchtext {
  padding: 8px 22px;
}
.map-searchbox.styleCW .map-search-icon {
  background: transparent url("images/framework-mapsearch.png?v=1525073143347") no-repeat scroll 16px 12px;
  height: 12px;
  padding: 13px;
  width: 20px;
  cursor: pointer;
}
.map-searchbox .map-menu-toggler {
  background: transparent url("images/framework-pushmenu.png?v=1525073143347") no-repeat scroll 13px 13px;
  float: left;
  height: 20px;
  padding: 13px;
  width: 23px;
  cursor: pointer;
}
.map-searchbox .searchbox {
  float: left;
  overflow: hidden;
}
.map-searchbox .searchbox .searchtext {
  background: transparent none repeat scroll 0 0;
  border: 0 none !important;
  color: #555;
  font-size: 13px;
  font-weight: bold;
  height: 22px;
  width: 250px;
  padding: 14px 12px 10px;
}
.map-searchbox .searchbox .searchtext.esr {
  margin-left: -50px;
  padding-left: 62px;
}
.map-searchbox.style1 .searchbox .searchtext {
  padding: 14px 24px 10px;
}
.map-searchbox .map-search-icon {
  background: transparent url("images/framework-mapsearch.png?v=1525073143347") no-repeat scroll 16px 18px;
  float: left;
  height: 20px;
  padding: 13px;
  width: 20px;
  cursor: pointer;
}
.map-searchbox .map-all-livevehicle {
  background: transparent url("images/framework-location.png?v=1525073143347") no-repeat scroll 15px 17px;
  float: left;
  height: 20px;
  padding: 13px;
  width: 20px;
  cursor: pointer;
  border-left: 1px solid #eee;
}
.map-searchbox .map-loader {
  background: transparent url("images/framework-tabloader.gif?v=1525073143347") no-repeat scroll 15px 17px;
  float: left;
  height: 20px;
  padding: 13px;
  width: 20px;
  border-left: 1px solid #eee;
}
.map-live-tracking-labels {
  font-weight: bold;
  color: #f00;
}
.map-infobox,
.map-infobox-dynamic,
.dijitPopup {
  color: #000;
  font-size: 11px;
  font-weight: bold;
  line-height: 22px;
  min-width: 400px;
  max-width: 800px;
  position: relative;
  z-index: 99999999 !important;
}
/*.map-infobox {
    height: 292px;
}*/
.map-infobox-layer-blue,
.map-infobox-dynamic-common {
  background-color: #fff;
  border: 2px solid #666;
  width: 225px;
  min-height: 38px;
  line-height: 18px;
}
.map-infobox-layer-blue .text,
.map-infobox-dynamic-common .text {
  text-overflow: ellipsis;
  max-width: 220px;
  overflow: hidden;
  text-align: center;
  height: 18px;
}
.map-infobox-layer-blue .map-infobox {
  min-height: 38px;
}
.red-loading-item {
  background: url("images/framework-loading-red.gif?v=1525073143347") no-repeat 0 0 transparent;
  height: 16px;
  width: 16px;
  display: none;
}
.map-infobox-layer-green .map-infobox,
.map-infobox-layer-blue .map-infobox {
  line-height: 18px;
}
.map-infobox-arrow {
  background: none repeat scroll 0 0 transparent !important;
  border-style: solid;
  border-width: 5px 10px 5px 0;
  display: block;
  filter: inherit;
  height: 0;
  left: -1px;
  margin: -5px 0 0 -9px;
  top: 5px;
  width: 0;
  position: absolute;
  border-color: #acacac;
}
.map-infobox-arrow-t-b {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}
.map-infobox-arrow-l-r {
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
}
.map-infobox-layer {
  background-color: #fff;
  border: 1px solid #acacac;
}
.map-right-click-layer {
  min-width: 140px;
}
.map-right-click-layer ul {
  background: none repeat scroll 0 0 #356aa0;
  color: #fff;
}
.map-right-click-layer ul li {
  line-height: 10px;
  padding: 5px 10px;
}
.map-right-click-layer ul li:hover {
  background: none repeat scroll 0 0 #fff;
  color: #000;
  cursor: pointer;
}
.map-right-click-layer.rtl .rightclick-icon {
  float: right;
}
.map-right-click-layer.rtl .rightclick-icon > .rightclick-icon-img,
.theme.right-layout .dijitTooltipDialog .rightclick-icon > .rightclick-icon-img {
  margin-left: 0;
  margin-right: 14px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.map-infobox-layer-success {
  min-width: 100px;
  background: #fff;
  border-radius: 18px;
  position: relative;
  height: 24px;
  transform: rotate(-10deg);
  -webkit-animation: viewShow 0.5s;
  animation: viewShow 0.5s;
}
.map-infobox-layer-success .map-infobox-success {
  background: transparent url("images/framework-mapjob-accept.png?v=1525073143347") no-repeat scroll 0 0;
  height: 32px;
  width: 100px;
  position: relative;
  top: -5px;
}
.map-infobox-layer-success.rtl .map-infobox-success {
  background: transparent url("images/framework-mapjob-accept.png?v=1525073143347") no-repeat scroll 70px 0;
}
.map-infobox-success-text {
  left: 33px;
  top: 6px;
  position: absolute;
  background: #fff;
  padding: 4px;
  color: #50af00;
  font-weight: bold;
}
.map-infobox-layer-success.rtl .map-infobox-success-text {
  left: auto;
  right: 33px;
}
.icon-rightclick {
  background: #acacac url("images/framework-location.png?v=1525073143347") no-repeat scroll 4px 4px;
  float: left;
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.icon-rightclick-text {
  float: left;
  height: 24px;
  line-height: 24px;
  font-size: 12px;
  background: #f0f0f0 none repeat scroll 0 0;
  padding-left: 5px;
}
/*Map Slider Menu*/
.sliderheader-menu-container {
  -webkit-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.75);
  border-top-right-radius: 8px;
}
.slider-menu {
  background: #fff none repeat scroll 0 0;
  position: absolute;
}
.slider-menu-child-container {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.slider-menu .menu-header {
  background: #003f7d none repeat scroll 0 0;
  border-top-right-radius: 8px;
  color: #fff;
  font-size: 1em;
  margin: 0;
  padding: 3px 10px;
  height: 20px;
}
.slider-menu a {
  color: #000090;
  display: block;
  font-size: 1.1em;
  font-weight: 300;
  text-decoration: none;
}
.slider-menu a:hover {
  background: #258ecd;
  color: #fff;
}
.slider-menu a:active {
  background: #afdefa;
  color: #47a3da;
}
/* Orientation-dependent styles for the content of the menu */
.slider-menu-vertical {
  width: 270px;
  height: 100%;
  top: 0;
  z-index: 1000;
}
.slider-menu-vertical a {
  border-bottom: 1px solid #f1f1f1;
  padding: 1em;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  color: #000000;
}
.slider-menu-horizontal {
  height: 150px;
  left: 0;
  overflow: hidden;
  width: 250px;
  z-index: 1000;
}
.slider-menu-horizontal h3 {
  height: 100%;
  width: 20%;
  float: left;
}
.slider-menu-horizontal a {
  float: left;
  width: 20%;
  padding: 0.8em;
  border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */
.slider-menu-left {
  left: -270px;
}
.slider-menu-right {
  right: -223px;
  width: 223px;
}
.slider-menu-right.style1 {
  right: -350px;
  width: 350px;
}
.slider-menu-toggler {
  width: 10px !important;
  left: 0 !important;
  -webkit-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 1px 0 2px 0 rgba(0, 0, 0, 0.75);
}
.slider-menu-toggler-horizontal {
  width: 100% !important;
  height: 10px;
  bottom: 0 !important;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.75);
}
.slider-menu-left.slider-menu-open {
  left: 0;
}
.slider-menu-left.slider-menu-open.slider-menu-open-child-open {
  left: 270px;
  border-left: 1px solid #e5e5e5;
}
.sliderheader-menu-container.slider-menu-open.slider-menucontainer-open-child-open {
  width: 500px !important;
}
.slider-menu-right.slider-menu-open {
  right: 0;
}
/* Horizontal menu that slides from the top or bottom */
.slider-menu-top {
  top: -150px;
}
.slider-menu-bottom {
  bottom: -150px;
}
.slider-menu-top.slider-menu-open {
  top: 0;
}
.slider-menu-bottom.slider-menu-open {
  bottom: 0px;
}
.slider-menu-bottom-menu {
  bottom: -100%;
  width: 270px;
  height: 100%;
}
.slider-menu-bottom-menu.slider-menu-open {
  bottom: 0;
}
.slider-menu-top-menu {
  top: -100%;
  width: 270px;
  height: 100%;
}
.slider-menu-top-menu.slider-menu-open {
  top: 0;
}
/* Push classes applied to the body */
.slider-menu-push {
  overflow-x: hidden;
  left: 0;
}
.slider-menu-push-toright {
  left: 270px;
}
.slider-menu-push-toleft {
  left: -270px;
}
/* Transitions */
.slider-menu,
.slider-menu-push {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.menu-header .push_back {
  margin: 3px 0px 0px;
  float: right;
  background: url("Images/framework-pushback_10.png?v=1525073143347") 1px 2px no-repeat #fff;
  border-radius: 8px;
  height: 14px;
  width: 14px;
}
.menu-header .push_back:hover,
.menu-header .menu_back:hover {
  cursor: pointer;
}
.menu-header .menu_back {
  margin: 3px 5px 0px 0px;
  float: right;
  background: url("Images/framework-backblack_10.png?v=1525073143347") 1px 2px no-repeat #fff;
  border-radius: 8px;
  height: 14px;
  width: 14px;
}
.maptype-selector {
  background: #003f7d none repeat scroll 0 0;
  height: 5px;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 200px;
}
.maptype-selector .map-option {
  position: absolute;
  top: -7px;
}
.maptype-selector .map-option .map-option-text {
  color: #003f7d;
  position: absolute;
  left: -6px;
}
.maptype-selector .map-option .map-selector {
  background: #003f7d none repeat scroll 0 0;
  border-radius: 10px;
  height: 20px;
  position: relative;
  width: 20px;
}
.maptype-selector .map-option .map-selector .selection {
  background: #fff none repeat scroll 0 0;
  border-radius: 10px;
  height: 12px;
  left: 4px;
  position: absolute;
  top: 4px;
  width: 12px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.maptype-selector .map-option .map-selector .selection.selected {
  background: #ff8800 none repeat scroll 0 0;
  border: 2px solid #fff;
  height: 10px;
  width: 10px;
  top: 3px;
  left: 3px;
}
.map-right-menu-toggler-icon {
  cursor: pointer;
  width: 16px;
  height: 16px;
  top: 49%;
  z-index: 9999;
  position: absolute;
  border: 1px solid #bbb;
  border-right: 0px;
  right: -4px !important;
  border-radius: 8px 0 0 8px;
  background: #fff url("Images/metro-icon-left.png?v=1525073143347") no-repeat scroll 0 0;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.map-right-menu-toggler-icon:hover {
  right: 0 !important;
}
.map-right-menu-toggler-icon.collapse {
  background: #fff url("Images/metro-icon-right.png?v=1525073143347") no-repeat scroll 0 0 !important;
  right: 223px !important;
}
.map-right-menu-toggler-icon.style1.collapse {
  right: 350px !important;
}
.historytracking-control-pnl {
  background-color: #555;
  border-radius: 5px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  position: absolute;
  right: 146px;
  top: -100px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.right-layout .historytracking-control-pnl {
  left: 146px;
  right: auto;
}
.historytracking-control-pnl:hover {
  background-color: #333;
}
.historytracking-control-pnl_show {
  top: 10px;
}
.historyTracking-icon-pause {
  height: 18px;
  width: 18px;
  margin: 2px;
  background-image: url("Images/icon-pause.png?v=1525073143347");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 8px;
  float: left;
  margin-right: 2px;
  cursor: pointer;
}
.historyTracking-icon-resume {
  height: 18px;
  width: 18px;
  margin: 2px 2px 2px 3px;
  background-image: url("Images/icon-play.png?v=1525073143347");
  background-position: 2px 1px;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 8px;
  float: left;
  margin-right: 2px;
  cursor: pointer;
}
.historyTracking-icon-reload {
  height: 18px;
  width: 18px;
  margin: 2px;
  background-image: url("Images/icon-reload.png?v=1525073143347");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 8px;
  float: left;
  margin-right: 2px;
  cursor: pointer;
}
.historyTracking-icon-more {
  height: 18px;
  width: 18px;
  margin: 2px;
  background-image: url("Images/icon-more.png?v=1525073143347");
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 8px;
  float: left;
  margin-right: 2px;
  cursor: pointer;
}
.display_none {
  display: none;
}
.display_block {
  display: block;
}
.display_taberow {
  display: table-row;
}
.map-data-loading-indicator {
  min-width: 110px;
  position: absolute;
  right: 45%;
  top: -100%;
  z-index: 9;
  padding: 2px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}
.map-data-loading-indicator > .loader {
  background: transparent url("Images/ajax-loader.gif?v=1525073143347") no-repeat scroll 0 0;
  height: 16px;
  margin: 6px 12px;
  width: 16px;
}
.map-data-loading-indicator > .info {
  background: transparent url("Images/framework-info.png?v=1525073143347") no-repeat scroll 0 0;
  height: 16px;
  margin: 6px 12px;
  width: 16px;
}
.map-data-loading-indicator > .indicator-text {
  margin-top: 6px;
  margin-right: 5px;
  color: #13293E;
}
.map-data-loading-indicator > .filter-group-container {
  float: left;
  width: 100px;
}
.map-data-loading-indicator > .filter-group-container > .filter-header {
  margin-bottom: 4px;
  text-align: center;
  background: #808080;
  line-height: 22px;
  color: #fff;
}
.map-data-loading-indicator > .filter-group-container > .filter-container {
  background: #ddd;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
}
.map-data-loading-indicator > .filter-group-container > .filter-container > .info {
  color: #000;
  line-height: 20px;
  width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-data-loading-indicator > .filter-group-container > .filter-container > .icon {
  background: transparent url("Images/close.png?v=1525073143347") no-repeat scroll 0 0;
  height: 16px;
  width: 16px;
  margin-top: 3px;
  margin-left: 3px;
  cursor: pointer;
}
.map-data-loading-indicator .header {
  width: 100%;
  margin-bottom: 4px;
  text-align: center;
  background: #2281ab;
  line-height: 22px;
  color: #fff;
}
.top_10 {
  top: 0;
}
.map-table tr td,
.map-table tr {
  padding: 3px 3px;
  max-width: 250px;
  font-size: 10px;
  line-height: 15px;
}
.map-infobox .jqx-widget-content-arctic {
  border: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top-right-radius: 7px;
}
.driver_img {
  height: 100px;
  width: 90px;
  border-radius: 10px;
  cursor: pointer;
}
.vehicle_img {
  height: 80px;
  width: 120px;
  border-radius: 10px;
}
.map-right-click-layer {
  min-width: 28px;
  max-width: 310px;
  background-color: #fff;
  padding: 5px 3px 5px 5px;
  float: left;
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.map_hist_R {
  height: 45px;
  width: 45px;
  float: left;
  margin: 5px;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.2);
}
.map_hist_R .icon {
  float: left;
  background: transparent url("Images/assign.png?v=1525073143347") no-repeat scroll 0 0;
  height: 24px;
  width: 24px;
  text-align: center;
  margin: 6px 10px;
}
.map_hist_R .label {
  clear: both;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  background-color: #666;
  color: #fff;
  position: absolute;
  bottom: -22px;
  transition: all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  font-size: 9px;
  padding: 2px 0;
  min-height: 33px;
}
.map_hist_R:hover .label {
  bottom: 0;
}
.map-moreinfo-header {
  padding: 5px;
  margin: 0 8px 8px 8px;
  text-align: center;
  clear: both;
}
.vehicle-status {
  height: 26px;
  width: 100px;
  float: left;
  overflow: hidden;
  margin-bottom: 8px;
  transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
  cursor: pointer;
}
.vehicle-status.rtl {
  float: right;
}
.vehicle-status:nth-child(odd) {
  margin-right: 8px;
}
.vehicle-status.rtl:nth-child(odd) {
  margin-right: 0;
  margin-left: 8px;
}
.vehicle-status.incident {
  margin-bottom: 5px;
}
.vehicle-status.incident:nth-child(odd) {
  margin-right: 5px;
}
.vehicle-status.incident.rtl:nth-child(odd) {
  margin-right: 0;
  margin-left: 5px;
}
.vehicle-status-count {
  color: #fff;
  background-color: #000;
  float: left;
  text-align: center;
  width: 30px;
  line-height: 26px;
  border: 1px solid #000;
  border-width: 1px 0;
}
.vehicle-status-count.rtl {
  float: right;
}
.vehicle-status-name {
  color: #000;
  text-align: center;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid #000;
  height: 24px;
}
.vehicle-status-display {
  margin-left: 8px;
}
.vehicle-status-display.rtl {
  margin-right: 8px;
  margin-left: 0;
}
.vehicle-status-display.nomargin {
  margin-left: 0;
}
.vehicle-status-display.rtl.nomargin {
  margin-right: 0;
}
.slider-menu .jqx-tabs {
  border: 0;
}
.slider-menu .jqx-tabs .register-table tr td {
  padding: 3px 0;
}
.slider-menu .jqx-tabs .register-table tr {
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.map-page-alert {
  margin-left: 8px;
}
.rtl.map-page-alert {
  margin-left: 0;
  margin-right: 8px;
}
.rtl.map-alert-box-container:not(.map-page-alert):not(.page-alerts) {
  margin-right: 1px;
}
.map-alert-box {
  background: #f5f6f6;
  margin-bottom: 5px;
  height: 95px;
  width: 88px;
  float: left;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-right: 5px;
}
.rtl.map-page-alert .map-alert-box.rtl {
  margin-right: -16px;
  margin-left: 21px;
}
.map-alert-box.rtl {
  float: right;
  margin-right: auto;
  margin-left: 5px;
}
.map-alert-box.large {
  height: 120px;
  width: 120px;
  margin-right: 8px;
  margin-bottom: 8px;
  cursor: default;
}
.map-alert-box.large.rtl {
  height: 120px;
  width: 120px;
  margin-left: 8px;
  margin-right: 0;
}
.four .map-alert-box:nth-child(2n + 0) {
  margin-right: 5px;
}
.four .map-alert-box.rtl:nth-child(2n + 0) {
  margin-right: auto;
  margin-left: 5px;
}
.four .map-alert-box:nth-child(4n + 0) {
  margin-right: 0;
}
.four .map-alert-box.rtl:nth-child(4n + 0) {
  margin-left: 0;
  margin-right: auto;
}
.map-alert-box > .alert-icon {
  height: 48px;
  width: 48px;
  cursor: pointer;
  margin-top: 20px;
  text-align: center;
  margin-left: 20px;
}
.large.map-alert-box > .alert-icon {
  margin-top: 30px;
  margin-left: 35px;
}
.large.map-alert-box.rtl > .alert-icon {
  margin-right: 35px;
  margin-left: 0;
}
.map-alert-box.rtl > .alert-icon {
  margin-left: 0;
  margin-right: 20px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.large.map-alert-box > .alert-text {
  top: 7px;
  width: 120px;
}
.map-alert-box > .alert-text {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: 3px;
  width: 88px;
  height: 14px;
}
.large.map-alert-box > .alert-content {
  top: 102px;
}
.map-alert-box > .alert-content {
  top: 77px;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 3px;
  overflow: hidden;
  padding-top: 5px;
  word-wrap: break-word;
}
.map-alert-box:hover > .alert-content {
  top: 0;
  bottom: 3px;
  padding-top: 8px;
  opacity: 0.9;
}
.map-alert-box:hover > .alert-footer {
  border-top: 1px solid #fff;
}
.large.map-alert-box > .alert-footer {
  height: 24px;
}
.map-alert-box > .alert-footer {
  background-color: #acacac;
  height: 18px;
  position: absolute;
  bottom: 0;
  width: inherit;
  z-index: 1;
}
.map-alert-box > .alert-footer .alert-progress {
  height: inherit;
  max-width: 50px !important;
  float: left;
  overflow: hidden;
}
.map-alert-box.rtl > .alert-footer .alert-progress {
  float: right;
}
.map-alert-box.rtl > .alert-footer .alert-count {
  float: left;
}
.large.map-alert-box > .alert-footer .alert-count {
  min-width: 28px;
  line-height: 23px;
  font-size: 13px;
}
.map-alert-box > .alert-footer .alert-count {
  height: inherit;
  color: #000;
  min-width: 20px;
  float: right;
  text-align: center;
  line-height: 17px;
}
.map-alert-box-small {
  background: #f5f6f6;
  margin: 3px 2px;
  height: 50px;
  width: 50px;
  float: left;
  position: relative;
  cursor: pointer;
}
.map-alert-box-small.rtl {
  float: right;
}
.map-alert-box-small > .alert-icon {
  height: 20px;
  width: 20px;
  cursor: pointer;
  margin-top: 10px;
  text-align: center;
  margin-left: 15px;
}
.map-alert-box-small.rtl > .alert-icon {
  margin-left: 0;
  margin-right: 15px;
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.map-alert-box-small > .alert-text {
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 10px;
  text-align: center;
  position: absolute;
  bottom: 5px;
  width: 50px;
  height: 15px;
}
.theme .dijitTooltipContainer {
  border: 1px solid #acacac;
  background: #fff;
  color: black;
  font-size: 11px;
}
.theme .map-right-click-layer .dijitTooltipContainer {
  border: 0;
}
.theme .dijitTooltipFocusNode {
  padding: 0;
}
.theme .dijitTooltipBelow {
  padding-top: 5px;
}
.map-selection-header {
  min-width: 120px;
  margin-bottom: 5px;
  font-weight: bold;
  background: #acacac;
  padding: 10px 0;
  text-align: center;
}
.map_toggler {
  position: absolute;
  right: 21px;
  bottom: 115px;
  height: 32px;
  width: 32px;
  background: transparent url("Images/framework-togglemapview.png?v=1525073143347") no-repeat scroll center center;
  z-index: 99;
  cursor: pointer;
  display: none;
}
.map_currentlocation {
  position: absolute;
  right: 19px;
  bottom: 155px;
  height: 25px;
  width: 37px;
  background: transparent url("Images/framework-currentlocation.png?v=1525073143347") no-repeat scroll center center;
  background-size: 25px;
  z-index: 99;
  cursor: pointer;
  display: none;
}
.latlong_display {
  position: absolute;
  right: 15px;
  bottom: 10px;
  color: #f00;
  z-index: 50;
  font-weight: bold;
}
.child-page-container .latlong_display {
  top: 30px;
}
.theme.right-layout .latlong_display,
.theme.right-layout .location_loader {
  right: auto;
  left: 15px;
}
.theme.right-layout .map_toggler,
.theme.right-layout .map_currentlocation {
  right: auto;
  left: 22px;
}
.location_display {
  top: 25px;
}
.child-page-container .location_display {
  top: 45px;
}
.location_loader {
  background: transparent url("Images/ajax-loader.gif?v=1525073143347") no-repeat scroll 0 0;
  height: 16px;
  width: 16px;
  position: absolute;
  right: 15px;
  top: 45px;
  display: none;
  z-index: 999;
}
.theme.right-layout .esriMapContainer .esriControlsBR {
  right: auto;
  left: 5px;
  text-align: left;
  direction: rtl;
}
.esricw-search {
  position: absolute;
  top: 36px;
  left: 10px;
  height: 30px !important;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  width: 240px;
  border: 0;
  padding: 0 20px;
  font-weight: bold;
}
.theme.right-layout .esricw-search {
  right: 10px;
  left: auto;
}
.map-geofence-search {
  position: absolute;
  top: 57px;
  left: 50px;
  height: 28px !important;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.theme .child-page-container .map-geofence-search {
  top: 68px;
  left: 10px;
}
.theme.right-layout .child-page-container .map-geofence-search {
  right: 10px;
  left: auto;
}
.theme.right-layout .map-geofence-search {
  left: auto;
  right: 50px;
}
.theme .map-geofence-search .jqx-combobox-input {
  font-weight: bold;
  padding-left: 20px !important;
  font-size: 12px;
  color: #555;
}
.theme.right-layout .map-geofence-search .jqx-combobox-input {
  padding-right: 20px !important;
  padding-left: 0 !important;
}
.theme .map-combobox .jqx-combobox-input {
  background: #fff !important;
}
.map-combobox.jqx-combobox-state-normal-arctic,
.map-combobox.jqx-combobox-arctic {
  border-color: #fff !important;
}
.map-combobox.jqx-combobox-state-normal-arctic .jqx-fill-state-normal-arctic,
.map-combobox.jqx-combobox-arctic .jqx-fill-state-normal-arctic {
  background: #fff !important;
}
.map-menu-container {
  float: left;
  clear: both;
  min-width: 150px;
  margin: 2px;
  background: #e5e5e5;
}
.right-layout .map-menu-container {
  float: right;
}
.map-menu-container .icon-rightclick-text {
  background: #e5e5e5;
}
.right-layout .map-refresh-info {
  padding: 0 0 5px 5px;
  left: auto;
  right: 38%;
}
.map-refresh-info {
  position: absolute;
  top: 10px;
  left: 38%;
  background: #fff;
  height: 25px;
  padding: 0 5px 5px 0;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  font-weight: bold;
}
.map-refresh-info div.text-count {
  background: #f2f210;
  height: 18px;
  min-width: 25px;
  line-height: 20px;
  text-align: center;
  margin-top: 6px;
  padding: 0 2px;
}
.map-icon-vehicle {
  height: 24px;
  width: 24px;
  background: transparent url("Images/framework-car-24.png?v=1525073143347") no-repeat scroll 0 0;
}
.map-icon-alert {
  height: 25px;
  width: 24px;
  background: transparent url("Images/framework-alert-24.png?v=1525073143347") no-repeat scroll 0 5px;
}
.map-icon-refresh {
  height: 30px;
  width: 24px;
  background: transparent url("Images/framework-refresh-24.png?v=1525073143347") no-repeat scroll center center;
  padding: 0 5px;
}
.map-icon-bin {
  height: 24px;
  width: 24px;
  background: transparent url("Images/framework-bin.png?v=1525073143347") no-repeat scroll 0 6px;
}
.map-icon-refresh:hover {
  background-color: #eee;
  cursor: pointer;
}
.map-refresh-info.small {
  height: 22px;
  top: 3px;
}
.map-refresh-info.small .text-count {
  background: #eee;
  height: 18px;
  min-width: 14px;
  line-height: 18px;
  text-align: center;
  margin-top: 5px;
  padding: 0 2px;
  border-radius: 11px;
  font-size: 10px;
}
.map-icon-stopointmarker {
  height: 16px;
  width: 20px;
  margin-top: 6px;
  background: transparent url("Images/framework-stopoint-marker.png?v=1525073143347") no-repeat scroll 0 0;
}
.map-icon-stopointmarkerother {
  height: 16px;
  width: 20px;
  margin-top: 6px;
  background: transparent url("Images/framework-stopoint-marker-other.png?v=1525073143347") no-repeat scroll 0 0;
}
.map-icon-stopointmarkernone {
  height: 16px;
  width: 16px;
  margin-top: 6px;
  background: transparent url("Images/framework-stopoint-marker-none.png?v=1525073143347") no-repeat scroll 0 0;
}
.map-icon-refresh-small {
  height: 16px;
  width: 16px;
  margin: 6px 4px;
  background: transparent url("Images/icon-reload.png?v=1525073143347") no-repeat scroll 0 0;
  cursor: pointer;
}
.map-icon-maximize {
  height: 16px;
  width: 16px;
  margin: 6px 4px;
  cursor: pointer;
  background: transparent url("Images/icon-node.png?v=1525073143347") no-repeat scroll 0 0;
}
.map-horizontalmenu {
  padding: 0;
  min-width: 150px;
  background: #f0f0f0 none repeat scroll 0 0;
  cursor: pointer;
}
.map-infobox-close {
  position: absolute;
  height: 17px;
  width: 16px;
  background: transparent url("Images/close_white.png?v=1525073143347") no-repeat scroll 0 0;
  top: -14px;
  right: -15px;
  border-radius: 18px;
  z-index: 999999;
  cursor: pointer;
}
.map-infobox-close-esri {
  position: absolute;
  height: 17px;
  width: 16px;
  background: #615f5f url("Images/close_white.png?v=1525073143347") no-repeat scroll 0 0;
  top: -10px;
  right: -12px;
  border-radius: 18px;
  z-index: 999999;
  cursor: pointer;
}
.right-layout .map-infobox-close {
  left: -15px;
  right: auto;
}
.right-layout .map-trip-legend {
  right: auto;
  left: 12px;
}
.map-trip-legend {
  position: absolute;
  background: #fff;
  z-index: 9999;
  height: 50px;
  width: 150px;
  top: 80px;
  right: 12px;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.map-trip-legend-icon {
  height: 16px;
  width: 16px;
  margin: 2px 5px;
}
.map-collection-point-type-legend {
  position: absolute;
  background: #fff;
  z-index: 9999;
  min-height: 50px;
  width: 150px;
  top: 50px;
  right: 12px;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.map-collection-point-type-legend-icon {
  height: 16px;
  width: 16px;
  margin: 2px 5px;
}
.map-idcard-container {
  padding: 10px;
  background: #000;
  margin: 5px auto;
  height: 226px;
  width: 335px;
  line-height: normal;
  position: relative;
}
.map_idcard_toggler {
  text-align: center;
  color: #fff;
  padding: 5px 0;
  font-size: 9px;
  width: 80px;
  margin: 0 auto;
}
.map_idcard_toggler:hover {
  color: #FF9800;
  cursor: pointer;
}
.map-vehicle-photo-container {
  height: 300px;
  margin: 0 10px;
}
.map-vehicle-photo-container .previewer-container {
  width: 120px;
  height: 134px;
  margin: 10px 10px 0 10px;
  /* border: 0; */
}
.map-vehicle-photo-container .previewer-container .previewertext {
  text-align: center;
  line-height: 22px;
  font-weight: normal;
  background: #ccc;
}
.map-vehicle-photo-container .previewer-container .previewer {
  height: 100px;
  width: 100px;
  margin-left: 10px;
  margin-top: 5px;
}
.map-layer-common {
  position: absolute;
  top: 4px;
  right: 12px;
  box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 4px 1px;
  background: #fff;
  min-width: 110px;
  transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
}
.right-layout .map-layer-common {
  left: 12px !important;
  right: auto;
}
.map-layer-common .jqxcheckbox {
  background: #fff !important;
  padding: 5px 3px 3px 3px !important;
  margin-top: 3px !important;
}
.map-nextpage {
  height: 22px;
  width: 22px;
  background-image: url("Images/icon-right-white.png?v=1525073143347") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  margin: 0 0 0 5px;
}
.map-prevpage {
  height: 22px;
  width: 22px;
  background-image: url("Images/icon-left-white.png?v=1525073143347") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  margin: 0 0 0 7px;
}
.map-filter {
  height: 22px;
  width: 22px;
  background-image: url("Images/filter.png?v=1525073143347") !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  cursor: pointer;
  margin: 2px 0 0 7px;
}
.right-layout .map-prevpage {
  transform: scaleX(-1);
  margin: 0 5px 0 0px;
}
.right-layout .map-nextpage {
  transform: scaleX(-1);
  margin: 0 7px 0 0px;
}
.right-layout .map-filter {
  transform: scaleX(-1);
  margin: 0 7px 0 0px;
}
.map-search-textbox input.jqx-input[type="text"] {
  height: 16px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.gmap-control-container.top .map-full-list-pnl .ht-listbox.jqx-listbox {
  background: #000 !important;
  border-width: 0 !important;
  color: #fff;
  width: 198px !important;
  font-size: 10px;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.gmap-control-container.top .map-full-list-pnl .ht-listbox.jqx-listbox .jqx-scrollbar-arctic {
  display: none;
}
.gmap-control-container.top .ht-listbox .jqx-listitem-state-selected-arctic,
.gmap-control-container.top .ht-listbox .jqx-listitem-state-hover-arctic {
  text-shadow: none !important;
  border-color: #fb0b0b !important;
  background: #fb0b0b !important;
}
.gmap-control-container.top .ht-listbox .jqx-listitem-state-normal {
  border-bottom: 1px solid #3a1111 !important;
}
.map-left-pnl .map-table tr td,
.map-left-pnl .map-table tr {
  padding: 1px 2px;
  max-width: 256px;
}
.map-info-head {
  position: relative;
  line-height: 22px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #fff7f7;
  font-size: 11px;
  padding: 0 8px;
  width: 182px;
  opacity: 1;
}
.dv-alert {
  min-height: 8px;
  min-width: 8px;
  background: #f7f236;
  color: black;
  text-align: center;
  line-height: 12px;
  font-family: 'Letter Gothic';
  font-size: 9px;
}
.gauge-alert-icon {
  background-image: url("images/framework-speedometer-alert-icons.png?v=1525073143347");
  background-color: transparent;
  width: 41px;
  height: 41px;
  background-position: -211px -15px;
}
.map-alert-box-small-v1 {
  background: #fff;
  height: 16px;
  width: 16px;
  float: left;
  position: relative;
  cursor: pointer;
  padding: 5px;
}
.map-alert-box-small-v1 > .alert-icon {
  height: 16px;
  width: 16px;
  cursor: pointer;
  text-align: center;
}
.map-alert-box-small-v1.rtl > .alert-icon {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}
.map-collapse {
  position: absolute;
  height: 17px;
  width: 16px;
  background: transparent url("Images/icon-togglemaximize-small.png?v=1525073143347") no-repeat scroll 0 0;
  right: 4px;
  z-index: 999999;
  cursor: pointer;
  top: 2px;
}
.gmap-control-container.bottom-left .map-collapse-gauge {
  position: absolute;
  height: 18px;
  width: 17px;
  background: black url("Images/icon-togglemaximize-small.png?v=1525073143347") no-repeat scroll 2px 2px;
  left: 180px;
  z-index: 999999;
  cursor: pointer;
  bottom: 150px;
  padding: 2px;
  border-radius: 9px;
  opacity: 0.6;
}
.right-layout .map-collapse {
  right: auto;
  left: 4px;
}
.right-layout .gmap-control-container.bottom-left .map-collapse-gauge {
  left: auto;
  right: 180px;
}
.map-default-zoom {
  background: #fff;
  padding: 3px;
  display: none;
}
/*map alert icons*/
.gauge-alert-icon {
  background: transparent url("images/1.png?v=1525073143347") no-repeat;
  height: 23px;
  width: 23px;
}
.gauge-alert-icon.Alert4X4 {
  background-position: -5px -5px;
}
.gauge-alert-icon.AlertAfterAttendantCheckOut {
  background-position: -66px -7px;
}
.gauge-alert-icon.AlertAfterDriverCheckOut {
  background-position: -123px -7px;
}
.gauge-alert-icon.AlertBatteryLow {
  background-position: -179px -5px;
}
.gauge-alert-icon.AlertBeforeAttendantCheckIn {
  background-position: -237px -5px;
}
.gauge-alert-icon.AlertBeforeDriverCheckIn {
  background-position: -295px -5px;
}
.gauge-alert-icon.AlertBorderCrossed {
  background-position: -353px -5px;
}
.gauge-alert-icon.AlertChillerOn {
  background-position: -7px -66px;
}
.gauge-alert-icon.AlertDoorOpen {
  background-position: -63px -63px;
}
.gauge-alert-icon.AlertDriverExcessWorkingHours {
  background-position: -585px -179px;
}
.gauge-alert-icon.AlertDriverOrPassengerDoorOpen {
  background-position: -179px -63px;
}
.gauge-alert-icon.AlertEngineOff {
  background-position: -239px -63px;
}
.gauge-alert-icon.AlertEngineOn {
  background-position: -297px -63px;
}
.gauge-alert-icon.AlertExcessIdle {
  background-position: -357px -63px;
}
.gauge-alert-icon.AlertExcessStopInOtherLocation {
  background-position: -7px -121px;
}
.gauge-alert-icon.AlertExternalBatteryPowerDisconnected {
  background-position: -63px -121px;
}
.gauge-alert-icon.AlertFreeVehicle {
  background-position: -121px -121px;
}
.gauge-alert-icon.AlertFuel {
  background-position: -179px -121px;
}
.gauge-alert-icon.AlertFuelFilledOrDropped {
  background-position: -237px -121px;
}
.gauge-alert-icon.AlertFuelMissing {
  background-position: -295px -121px;
}
.gauge-alert-icon.AlertGPSBlindArea {
  background-position: -355px -122px;
}
.gauge-alert-icon.AlertGPSCut {
  background-position: -7px -180px;
}
.gauge-alert-icon.AlertGeofence {
  background-position: -65px -179px;
}
.gauge-alert-icon.AlertArea {
  background-position: -146px -486px;
}
.gauge-alert-icon.AlertGeofenceOverSpeed {
  background-position: -123px -181px;
}
.gauge-alert-icon.AlertHarshAcceleration {
  background-position: -585px -5px;
}
.gauge-alert-icon.AlertHarshBreak {
  background-position: -527px -411px;
}
.gauge-alert-icon.AlertHarshCornering {
  background-position: -585px -63px;
}
.gauge-alert-icon.AlertHazardLight {
  background-position: -354px -179px;
}
.gauge-alert-icon.AlertIllegalGeofenceDump {
  background-position: -5px -237px;
}
.gauge-alert-icon.AlertIllegalZonePTO {
  background-position: -123px -237px;
}
.gauge-alert-icon.AlertImmobilizeVehicle {
  background-position: -180px -237px;
}
.gauge-alert-icon.AlertInvalidDallas {
  background-position: -237px -237px;
}
.gauge-alert-icon.AlertInvalidDriverLicence {
  background-position: -295px -237px;
}
.gauge-alert-icon.AlertMainPowerDisconnected {
  background-position: -353px -237px;
}
.gauge-alert-icon.AlertOffRoad {
  background-position: -5px -295px;
}
.gauge-alert-icon.AlertOverHeat {
  background-position: -63px -295px;
}
.gauge-alert-icon.AlertOverLoad {
  background-position: -121px -295px;
}
.gauge-alert-icon.AlertOverSpeed {
  background-position: -181px -295px;
}
.gauge-alert-icon.AlertOverSpeedingInRestrictedArea {
  background-position: -237px -295px;
}
.gauge-alert-icon.AlertOverSpeedingInRestrictedZone {
  background-position: -295px -295px;
}
.gauge-alert-icon.AlertPTO {
  background-position: -353px -295px;
}
.gauge-alert-icon.AlertPanic {
  background-position: -7px -355px;
}
.gauge-alert-icon.AlertReverseGear {
  background-position: -63px -353px;
}
.gauge-alert-icon.AlertRoadSpeedLimitViolation {
  background-position: -121px -353px;
}
.gauge-alert-icon.AlertSeatSensor {
  background-position: -179px -353px;
}
.gauge-alert-icon.AlertSideDoorOpen {
  background-position: -237px -353px;
}
.gauge-alert-icon.AlertSweeper {
  background-position: -295px -353px;
}
.gauge-alert-icon.AlertTowing {
  background-position: -353px -353px;
}
.gauge-alert-icon.AlertTyrePressure {
  background-position: -411px -5px;
}
.gauge-alert-icon.AlertTyreTemperature {
  background-position: -411px -63px;
}
.gauge-alert-icon.AlertUnAuthorizedStopArea {
  background-position: -411px -121px;
}
.gauge-alert-icon.AlertUnderMaintenance {
  background-position: -585px -121px;
}
.gauge-alert-icon.AlertWalletDoorOpen {
  background-position: -411px -237px;
}
.gauge-alert-icon.AlertWrongLocationCheckIn {
  background-position: -415px -295px;
}
.gauge-alert-icon.AlertWrongLocationCheckOut {
  background-position: -415px -353px;
}
.gauge-alert-icon.AlertWrongVehicleCheckIn {
  background-position: -470px -185px;
}
.gauge-alert-icon.AlertWrongVehicleCheckOut {
  background-position: -470px -245px;
}
.gauge-alert-icon.AlertZone {
  background-position: -63px -411px;
}
.gauge-alert-icon.AlertZoneOverSpeed {
  background-position: -121px -411px;
}
.gauge-alert-icon.AlertExcessNC {
  background-position: -180px -411px;
}
.gauge-alert-icon.AlertUnauthorizedZone {
  background-position: -237px -411px;
}
.gauge-alert-icon.AlertOutOfZone {
  background-position: -300px -412px;
}
.gauge-alert-icon.AlertPassengerPanic {
  background-position: -411px -411px;
}
.gauge-alert-icon.AlertReaderDeviceHeartBeat {
  background-position: -469px -5px;
}
.gauge-alert-icon.AlertWasteTypeDumpedMismatch {
  background-position: -694px -63px;
}
.gauge-alert-icon.AlertMissedPickUp {
  background-position: -470px -121px;
}
.gauge-alert-icon.AlertUnauthorizedTrip {
  background-position: -471px -63px;
}
.gauge-alert-icon.AlertDelayTrip {
  background-position: -471px -295px;
}
.gauge-alert-icon.AlertEarlyTrip {
  background-position: -470px -353px;
}
.gauge-alert-icon.AlertCheckedInButNotCheckedOut {
  background-position: -470px -411px;
}
.gauge-alert-icon.AlertRoadSpeedLimitViolation21To40 {
  background-position: -527px -5px;
}
.gauge-alert-icon.AlertRoadSpeedLimitViolation41To60 {
  background-position: -527px -63px;
}
.gauge-alert-icon.AlertRoadSpeedLimitViolationAbove60 {
  background-position: -527px -121px;
}
.gauge-alert-icon.AlertCrash {
  background-position: -527px -179px;
}
.gauge-alert-icon.AlertRollOver {
  background-position: -527px -237px;
}
.gauge-alert-icon.AlertDriverWithoutTagID {
  background-position: -527px -295px;
}
.gauge-alert-icon.AlertDriverInvalidTagID {
  background-position: -527px -353px;
}
.gauge-alert-icon.AlertVehicleBlocked {
  background-position: -585px -237px;
}
.gauge-alert-icon.AlertVehicleServiceAlert {
  background-position: -640px -295px;
}
.gauge-alert-icon.AlertVehicleDriverAssignmentException {
  background-position: -640px -353px;
}
.gauge-alert-icon.AlertCommon {
  background-position: -640px -411px;
}
.gauge-alert-icon.AlertVehicleTrailerMismatch {
  background-position: -689px -5px;
}
.gauge-alert-icon.AlertHandlingKPITimeExceeded {
  background-position: -179px -179px;
}
.gauge-alert-icon.AlertResponseKPITimeExceeded {
  background-position: -237px -179px;
}
.gauge-alert-icon.AlertClearingKPITimeExceeded {
  background-position: -292px -179px;
}
.gauge-alert-icon.AlertRideTimeExceeded {
  background-position: -815px -65px;
}
.gauge-alert-icon.AlertRideKilometerExceeded {
  background-position: -815px -5px;
}
.gauge-alert-icon.AlertIncidentWithZeroLatLog {
  background-position: -815px -125px;
}
.map-marker-view {
  margin-top: 3px;
  height: 24px;
  width: 24px;
  background: transparent url("Images/marker-view.png?v=1525073143347") no-repeat scroll 0 0;
  cursor: pointer;
}
.map-marker-view.group {
  margin-top: 3px;
  height: 24px;
  width: 24px;
  background: transparent url("Images/marker-group-view.png?v=1525073143347") no-repeat scroll 0 0;
  cursor: pointer;
}
.map-marker-view-direction {
  margin-top: 8px;
  height: 24px;
  width: 24px;
  background: transparent url("Images/framework-direction.png?v=1525073143347") no-repeat scroll 0 0;
  cursor: pointer;
  opacity: 1;
}
.map-marker-view-direction.active {
  opacity: 0.6 !important;
}
.map-marker-view-tooltip {
  margin-top: 3px;
  height: 24px;
  width: 24px;
  background: transparent url("Images/framework-map-tooltip.png?v=1525073143347") no-repeat scroll 0 0;
  cursor: pointer;
  opacity: 1;
}
.map-marker-view-tooltip.active {
  opacity: 0.6 !important;
}
.map-bin-selected {
  background: red;
  min-width: 10px;
  min-height: 10px;
  margin-top: -20px;
  color: white !important;
  font-size: 7px !important;
  line-height: 10px;
  border-radius: 10px;
}
.map-bin-selected {
  background: #FF0000 !important;
  min-width: 10px;
  min-height: 10px;
  margin-top: -20px;
  color: #FFFFFF !important;
  font-size: 7px !important;
  line-height: 10px;
  border-radius: 10px;
}
.map-bin-selected-old {
  background: #4352FA;
  min-width: 10px;
  min-height: 10px;
  margin-top: -20px;
  color: #FFFFFF !important;
  font-size: 7px !important;
  line-height: 10px;
  border-radius: 10px;
}
.map-icon-draw {
  height: 16px;
  width: 18px;
  background: transparent url("Images/framework-draw.png?v=1525073143347") no-repeat scroll 0 0;
  margin-top: 6px;
  cursor: pointer;
}
.map-icon-draw.drawenabled {
  background: transparent url("Images/framework-draw-enabled.png?v=1525073143347") no-repeat scroll 0 0;
}
.google-map-label-font {
  background: #ff0000 !important;
  opacity: 0.8 !important;
  color: #fff !important;
  font-size: 9px !important;
  padding: 3px 5px;
  margin-top: 8px;
  position: relative;
}
.google-map-label-font:after {
  top: 100%;
  left: 50%;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #ff0000 transparent transparent transparent;
}
.map-vertical_top {
  vertical-align: top !important;
}
.google-map-label-font.status0 {
  background: #ff0000 !important;
}
.google-map-label-font.status0:after {
  border-color: #ff0000 transparent transparent transparent !important;
}
.google-map-label-font.status1 {
  background: #FFB303 !important;
}
.google-map-label-font.status1:after {
  border-color: #FFB303 transparent transparent transparent !important;
}
.google-map-label-font.status2 {
  background: #03B257 !important;
}
.google-map-label-font.status2:after {
  border-color: #03B257 transparent transparent transparent !important;
}
.google-map-label-font.status3 {
  background: #808080 !important;
}
.google-map-label-font.status3:after {
  border-color: #808080 transparent transparent transparent !important;
}
.google-map-label-font.status4 {
  background: #0349EF !important;
}
.google-map-label-font.status4:after {
  border-color: #0349EF transparent transparent transparent !important;
}
/*Heat Map*/
.heatmaplegend-container {
  position: absolute;
  z-index: 999;
  bottom: 5px;
  right: 70px;
  color: #2b1717;
  font-weight: bold;
  display: none;
}
.heatmaplegend-container .heatmap-dec {
  text-align: center;
  margin-bottom: 4px;
}
.heatmaplegend-container .head {
  width: 300px;
  height: 30px;
  position: relative;
}
.heatmaplegend-container .head-min {
  position: absolute;
  left: 2px;
  top: -16px;
}
.heatmaplegend-container .head-max {
  position: absolute;
  top: -16px;
  right: 2px;
}
.heatmaplegend-container .legend-heat {
  width: 100%;
  height: 15px;
  border: 1px solid #736262;
  background: -webkit-linear-gradient(left, rgba(102, 255, 0, 0), #66ff00, #93ff00, #c1ff00, #eeff00, #f4e300, #f9c600, #ffaa00, #ff7100, #ff3900, #ff0000);
}
.map-loaderbox {
  position: absolute;
  top: 10px;
  left: 50px;
  background: #fff;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
  /*border-radius:3px;*/
}
.map-loaderbox.styleCW {
  top: 50px;
  left: 450px;
  z-index: 9;
}
.map-loaderbox .loaderbox {
  padding: 2px;
  display: inline-block;
  position: initial;
  left: 69px;
  top: 9px;
}
.map-loaderbox .spinnerbox {
  float: left;
  padding: 2px;
  display: inline-block;
}
.sts_map_srch_bx {
  top: 40px;
  background: rgba(104, 104, 128, 0.9);
  color: #fff;
  left: 40px;
}
.sts_map_srch_bx .searchbox .searchtext {
  color: #fff;
}
.sts_map_srch_bx .searchbox .searchtext::-ms-input-placeholder {
  color: #fff;
}
.sts_map_srch_bx .searchbox .searchtext::placeholder {
  color: #fff;
}
.sts_map_srch_bx.map-searchbox .map-search-icon,
.sts_map_srch_bx.map-searchbox .map-all-livevehicle {
  background: none !important;
}
.sts_map_srch_bx.map-searchbox .map-search-icon i,
.sts_map_srch_bx.map-searchbox .map-all-livevehicle i {
  color: #fff;
  font-weight: 600;
}
/**/
.sts-map-search-result-wrap {
  background-color: #10335b;
  position: absolute !important;
  z-index: 10000 !important;
  width: 367px !important;
  left: 40px !important;
  top: 88px;
  border-radius: 3%;
  border-top: 1px solid #d9d9d9;
  font-family: Arial, sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  overflow-y: auto;
  max-height: 210px;
}
.sts-map-search-result-item {
  cursor: pointer;
  padding: 0 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #fff;
}
.sts-map-search-result-item .lnr.lnr-map-marker {
  margin-right: 4px;
}
.sts-map-search-result-item-query {
  font-size: 13px;
  padding-right: 3px;
  color: #fff;
  font-weight: 700;
}
.sts-map-search-result-item-query-tag {
  padding: 4px;
  background: #ffb300;
  color: #000;
  border-radius: 10%;
}
.sts-map-search-result-item-query-address {
  display: block;
  margin-left: 10px;
  margin-top: -10px;
}
.sts-map-search-result-item-matched {
  font-weight: 700;
}
/**/
.PopUpMarkLocation .leaflet-popup-content-wrapper {
  overflow: hidden;
  padding: 0;
  min-width: 160px;
  min-height: 50px;
  width: auto !important;
  max-width: 250px;
  height: auto !important;
  max-height: 560px !important;
}
.PopUpMarkLocation .leaflet-popup-tip-container_svg {
  display: none;
}
.PopUpMarkLocation .icon-rightclick {
  float: left;
  background: #fff url(images/framework-location.png?v=1525073143347) no-repeat scroll 4px 4px;
  height: 24px;
  width: 24px;
  cursor: pointer;
}
.PopUpMarkLocation .icon-rightclick-text {
  float: left;
  min-height: 24px;
  line-height: 24px;
  font-size: 12px;
  background: #f0f0f0 none repeat scroll 0 0;
  padding-left: 5px;
  background: rgba(31, 60, 84, 0.9);
  color: #fff;
  word-break: break-word;
  height: auto;
  width: 90px;
  margin-bottom: 10px;
}
.PopUpMarkLocation a.leaflet-popup-close-button {
  top: -5px !important;
  right: -2px !important;
  width: 25px !important;
  height: 25px !important;
}
.PopUpMarkLocation a.leaflet-popup-close-button:after {
  top: -3px !important;
  right: -5px !important;
  width: 25px !important;
  height: 25px !important;
}
.stat-alert-box {
  height: 84px;
  width: 90px;
  background: #885353;
  float: left;
  margin: 2px;
  text-align: center;
  color: white;
  position: relative;
}
.stat-alert-box .st-count {
  font-size: 35px;
  margin-top: 7px;
}
.stat-alert-box .st-count-text {
  font-size: 11px;
  position: absolute;
  bottom: 5px;
}
.job-monitor-filter .job-monotor-chartbox {
  height: 85px;
  width: 77px;
  float: left;
  position: relative;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.job-monitor-filter .job-monotor-statusbox {
  height: 70px;
  width: 77.7px;
  background: #000;
  opacity: 0.6;
  z-index: 999;
  float: left;
  margin-right: 1px;
  position: relative;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.job-monitor-filter .job-monotor-statusbox:hover {
  opacity: 1;
  cursor: pointer;
}
.job-monitor-filter .job-monotor-statusbox:hover > .count-column {
  transform: scale(0.55);
  -webkit-transform: scale(0.55);
  -ms-transform: scale(0.55);
}
.job-monitor-filter .job-monotor-statusbox:last-child {
  margin-right: 0;
}
.job-monitor-filter .job-monotor-statusbox > .count-column {
  position: absolute;
  width: 100%;
  color: #ff0000;
  font-size: 45px;
  font-weight: bold;
  text-align: center;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  margin-top: -2px;
}
.job-monitor-filter .job-monotor-statusbox > .count-desc,
.job-monitor-filter .job-monotor-chartbox > .count-desc {
  position: absolute;
  text-align: center;
  bottom: 7px;
  color: #fff;
  width: 100%;
  font-size: 10px;
  font-weight: bold;
}
.job-monitor-filter .job-monotor-chartbox > .count-desc {
  bottom: -8px;
  margin-left: 6px;
}
.job-monitor-layout {
  position: absolute;
  right: 10px;
  z-index: 999;
  min-width: 314px;
  max-width: 314px;
  top: 5px;
}
.job-monitor-layout .job-monitor-layout-content-main {
  position: relative;
  perspective: 1000px;
}
.job-monitor-layout .job-monitor-layout-content-main .job-monitor-layout-content {
  top: 0;
}
.job-monitor-filter {
  position: absolute;
  right: 10px;
  z-index: 999;
  min-height: 38px;
  min-width: 314px;
  top: 83px;
  opacity: 0.6;
  max-width: 314px;
}
.job-monitor-filter .job-monitor-filter-content-main {
  position: relative;
  perspective: 1000px;
}
.job-monitor-filter .job-monitor-filter-content-main .job-monitor-filter-content {
  background: #000;
  color: #ffffff;
  top: 0;
}
.theme.map-style1-container .job-monitor-filter input.filterbutton.jqx-button {
  background: #f00 !important;
  line-height: 10px;
  height: 18px !important;
  width: 125px;
}
.theme.map-style1-container .job-monitor-filter input.filterbutton.jqx-button-arctic:hover {
  color: #ffffff !important;
}
.theme.map-style1-container .job-monitor-filter .jqx-combobox-content-arctic,
.theme.map-style1-container .jqx-input-arctic,
.theme .job-monitor-filter .jqx-datetimeinput-arctic .jqx-input-content {
  color: #ffffff !important;
  background: #3c3a3a !important;
  border-color: #3c3a3a !important;
  opacity: 1 !important;
  height: 16px !important;
}
.theme .job-monitor-filter .jqx-datetimeinput-arctic .jqx-input-content {
  font-size: 10px !important;
  height: 16px !important;
  margin-top: 0 !important;
}
.theme.map-style1-container .job-monitor-filter .jqx-combobox-content-arctic {
  border-color: #3c3a3a !important;
}
.theme.map-style1-container .job-monitor-filter .jqx-combobox-content-arctic input {
  background: #3c3a3a !important;
  color: #fff !important;
  border-color: #3c3a3a !important;
  font-size: 8px;
  height: 14px !important;
}
.theme.map-style1-container .job-monitor-filter .jqx-combobox-content-arctic input::placeholder {
  color: #fff;
}
.theme.map-style1-container .job-monitor-filter .jqx-fill-state-normal-arctic {
  background: #3c3a3a !important;
  border-color: #3c3a3a !important;
}
.theme.map-style1-container .job-monitor-filter .jqx-combobox-content-arctic,
.theme.map-style1-container .job-monitor-filter .jqx-combobox-arctic,
.theme.map-style1-container .job-monitor-filter .jqx-combobox-state-normal-arctic {
  border-color: #3c3a3a !important;
  border-width: 2px;
  height: 14px !important;
}
.theme.map-style1-container .job-monitor-filter .jqx-combobox-arctic .jqx-icon-arrow-down-arctic,
.theme.map-style1-container .job-monitor-filter .jqx-combobox-arctic .jqx-icon-arrow-down-hover-arctic,
.theme.map-style1-container .job-monitor-filter .jqx-combobox-arctic .jqx-icon-arrow-down-selected-arctic {
  background-image: url(images/icon-down-white.png) !important;
  margin-top: -9px;
}
.theme.map-style1-container .job-monitor-free-status {
  position: absolute;
  left: 356px;
  z-index: 999;
  top: 5px;
  background: #000;
  opacity: 0.6;
  padding: 1px 5px;
  display: none;
  min-width: 415px;
  color: #ffffff;
  text-align: center;
}
.theme.map-style1-container .job-monitor-free-status .job-monitor-chartbox-small {
  height: 40px;
  width: 36px;
  float: left;
  position: relative;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  margin-right: 5px;
}
.theme.map-style1-container .job-monitor-free-status .job-monitor-chartbox-small:last-child {
  margin-right: 0 !important;
}
.theme.map-style1-container .job-monitor-free-status .job-monitor-chartbox-small .chart-small {
  height: 38px;
  width: 36px;
  position: relative;
}
.theme.map-style1-container .job-monitor-free-status .job-monitor-chartbox-small > .count-desc {
  position: absolute;
  text-align: center;
  bottom: -9px;
  color: #fff;
  width: 100%;
  font-size: 9px;
  font-weight: bold;
}
.theme.map-style1-container .job-monitor-free-status .titlebar {
  line-height: 22px;
  font-weight: bold;
  font-size: 9px;
  position: absolute;
  bottom: -4px;
  left: 37px;
}
.theme.map-style1-container .job-monitor-free-status .event-filter {
  position: absolute;
  bottom: 1px;
  right: 25px;
}
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-content-arctic input {
  height: 10px !important;
}
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-content-arctic,
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-arctic,
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-state-normal-arctic {
  border-width: 1px;
}
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-content-arctic,
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-arctic,
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-state-normal-arctic {
  height: 10px !important;
}
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-arctic .jqx-icon-arrow-down-arctic,
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-arctic .jqx-icon-arrow-down-hover-arctic,
.theme.map-style1-container .job-monitor-filter .event-filter .jqx-combobox-arctic .jqx-icon-arrow-down-selected-arctic {
  margin-top: -8px;
  transform: scale(0.8);
}
/**/
.map-searchbox-map-style1 {
  position: absolute;
  right: 89px;
  background: #000;
  z-index: 99;
  opacity: 0.6;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  top: 39px;
}
.map-searchbox-map-style1:hover {
  opacity: 1;
}
.right-layout .map-searchbox-map-style1 {
  right: auto !important;
  left: 113px !important;
}
.map-searchbox-map-style1 .searchbox {
  float: left;
  overflow: hidden;
}
.map-searchbox-map-style1 .searchbox .searchtext {
  background: transparent none repeat scroll 0 0;
  border: 0 none !important;
  color: #d2d2d2;
  font-size: 11px;
  font-weight: normal;
  height: 22px;
  width: 109px;
  padding: 8px;
  font-family: 'Verdana_DT', Verdana, Arial, sans-serif !important;
}
.map-searchbox-map-style1 .searchbox .searchtext::placeholder {
  color: #d2cfcf;
}
.map-searchbox-map-style1 .map-search-icon {
  background: transparent url(images/framework-mapsearch-white.png) no-repeat scroll -1px 0px;
  float: left;
  height: 20px;
  width: 20px;
  cursor: pointer;
  padding: 0 1px;
  margin-top: 10px;
}
.right-layout .map-searchbox-map-style1 .map-search-icon {
  float: right;
  background: transparent url(images/framework-mapsearch-white.png) no-repeat scroll 3px 0px;
}
.right-layout .map-searchbox-map-style1 .searchbox {
  float: right;
}
.map-style1-container .pac-container {
  left: auto !important;
  right: 111px;
  width: 225px !important;
  background: #000;
  opacity: 0.8;
}
.right-layout.map-style1-container .pac-container {
  right: auto !important;
  left: 113px !important;
}
.map-style1-container .pac-container .pac-item {
  color: #d2d2d2 !important;
}
.map-style1-container .pac-container .pac-item:hover,
.map-style1-container .pac-container .pac-item-selected {
  background: #000 !important;
}
.map-style1-container .pac-container .pac-item .pac-item-query {
  color: #d2d2d2 !important;
  font-size: 11px;
}
.map-style1-container .map-type-map-style1-refresh,
.map-style1-container .map-type-map-style1-mute {
  background: #000;
  position: absolute;
  right: 276px;
  z-index: 999;
  min-height: 38px;
  min-width: 38px;
  opacity: 0.6 !important;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
  top: 39px;
}
.map-style1-container .map-type-map-style1-mute {
  right: 237px !important;
}
.map-style1-container .map-type-map-style1-refresh > .refresh,
.map-style1-container .map-type-map-style1-mute > .mute {
  background: url("images/framework-refresh-white.png") no-repeat 0 0 transparent;
  position: relative;
  top: 11px;
  left: 11px;
  height: 16px;
  width: 16px;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.map-style1-container .map-type-map-style1-mute > .mute {
  background: url("images/framework-mute.png") no-repeat 0 1px transparent;
  position: relative;
  top: 11px;
  left: 11px;
  height: 16px;
  width: 16px;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.map-style1-container .map-type-map-style1-mute > .unmute {
  background: url("images/framework-unmute.png") no-repeat 0 1px transparent;
  position: relative;
  top: 11px;
  left: 11px;
  height: 16px;
  width: 16px;
  transition: all 0.8s ease 0s;
  -webkit-transition: all 0.8s ease 0s;
}
.map-style1-container .map-type-map-style1-refresh:hover,
.map-style1-container .map-type-map-style1-mute:hover {
  opacity: 1 !important;
  cursor: pointer;
}
.map-style1-container .map-type-map-style1-refresh:hover > .refresh,
.map-style1-container .map-type-map-style1-mute:hover > .mute,
.map-style1-container .map-type-map-style1-mute:hover > .unmute {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -ms-transform: scale(0.75);
}
.map-style1-container .map-type-map-style1 {
  line-height: 22px;
  position: absolute;
  right: 0;
  width: 88px;
  height: 38px;
  z-index: 9999;
  top: 39px;
  font-family: 'Verdana_DT', Verdana, Arial, sans-serif !important;
}
.map-style1-container .map-type-map-style1 .titlebar {
  color: #d2d2d2 !important;
  height: 100%;
  position: relative;
  background: #000;
  line-height: 37px;
  padding: 0 5px;
  opacity: 0.6;
  transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
}
.map-style1-container .map-type-map-style1 .titlebar:hover {
  opacity: 1;
  cursor: pointer;
}
.map-style1-container .map-type-map-style1 .type-icon {
  background: url("images/icon-down-white.png") no-repeat 0 0 transparent;
  position: absolute;
  top: 10px;
  right: 8px;
  height: 16px;
  width: 16px;
  opacity: 0.8;
}
.map-style1-container .map-type-map-style1 .type-list {
  color: #d2d2d2 !important;
  background: #000;
  padding: 7px 5px;
  line-height: 30px;
  margin-top: 10px;
  opacity: 0.8;
  visibility: hidden;
  cursor: pointer;
  transition: all 0.2s ease 0s;
  -webkit-transition: all 0.2s ease 0s;
}
.map-style1-container .map-type-map-style1:hover .type-list {
  visibility: visible;
  margin-top: 1px;
}
.map-style1-container .map-type-map-style1 .type-list ul li:first-child {
  border-bottom: 1px solid #d2d2d2;
}
.theme.map-style1-container .jqx-datetimeinput-arctic .jqx-icon-calendar,
.theme.map-style1-container .jqx-datetimeinput-arctic .jqx-icon-calendar-hover,
.theme.map-style1-container .jqx-datetimeinput-arctic .jqx-icon-calendar-pressed {
  background-image: url(images/framework-calender1-white.png) !important;
  margin-top: -8px !important;
  width: 16px !important;
  margin-right: 3px !important;
}
.theme.map-style1-container .jqx-calendar {
  border-color: #222 !important;
  width: 140px !important;
  height: 152px !important;
}
.theme.map-style1-container .jqx-calendar .jqx-widget-header {
  background: #222 !important;
  border-color: #222 !important;
  border-radius: 0 !important;
}
.theme.map-style1-container .jqx-calendar .jqx-widget-content-arctic {
  color: #ffffff !important;
  background: #333131 !important;
  border-color: #565151 !important;
  width: 140px !important;
}
.theme.map-style1-container .jqx-calendar td {
  font-size: 9px !important;
}
.theme.map-style1-container .jqx-calendar > .jqx-widget-content-arctic > .jqx-calendar-month > tbody > tr:nth-child(2) > td:nth-child(2) {
  height: 85px !important;
  opacity: 0.6;
}
.theme.map-style1-container .jqx-calendar > .jqx-widget-content-arctic {
  height: 152px !important;
}
.theme.map-style1-container .jqx-calendar .jqx-calendar-cell-selected-arctic,
.theme.map-style1-container .jqx-calendar .jqx-calendar-cell-hover {
  background: #f00 !important;
  background-color: #f00 !important;
  border-color: #f00 !important;
}
.jobslider-menu-left {
  left: -450px;
}
.jobslider-menu-left.slider-menu-open {
  left: 0;
}
.map-trips-menu-toggler {
  background: rgba(0, 0, 0, 0.87) url("images/framework-pushmenu.png?v=1525073143347") no-repeat scroll -10px 12px;
  float: left;
  height: 20px;
  padding: 13px;
  width: 23px;
  cursor: pointer;
}