.block-options .input-box{padding: 4px 8px;max-width: 100%;margin: 1px 0;color: #454e59;border-color: #dae0e8;
border-radius: 4px;}
.bg-color-green{background-color:#00cc00!important;}
.bg-color-blue{background-color:#0B55B9!important;}
.bg-color-grey{background-color:#e0e0d1!important;}
.bg-color-white{background-color:#ffffff!important;}
.bg-color-darkgrey{background-color:#808080!important;}

.color-black{color:#000!important;}
.color-green{color:#00cc00!important;}
.color-blue{color:#0B55B9!important;}
.color-grey{color:#e0e0d1!important;} 
.color-yellow{color:#f4cb42!important;}
.color-white{color: #ffffff!important;}
.color-calm{color:#00ccff!important;}
.color-orrnge{color:#ff9900!important;}
.color-red{color:#e60000!important;}

.err-color{color:#ff3333!important;}
.success-clor{color:#00ff00!important;}
.map-panel{background: rgba(255, 255, 255, 0.9);height: 75px;}
.fit-page-content{margin-left: -17px!important;margin-right: -18px!important;margin-top: -18px!important;}
.margin-top{margin-top: 10px;}
.margin-bottom{margin-bottom: 10px;}
.margin-top-bottom{margin-top: 10px; margin-bottom: 10px;}
.margin-left{margin-left: 10px;}
.margin-top-left{margin-top: 10px; margin-left: 10px;}
.margin-left-20{margin-left: 20px;}
.margin-right{margin-right: 10px;}
.margin-left-right{margin-left: 0px!important;margin-right: 0px!important;}
.margin-bottom-5{margin-bottom: 5px!important;}
.m-t-b-7{margin-top: 7px; margin-bottom: 7px;}
.m-r-min-6{margin-right: -6px!important;}
.m-l-min-8{margin-left: -8px!important;}
.m-b-0{margin-bottom: 0px!important;}

.p{padding: 10px!important;}
.p-l-10{padding-left: 10px!important;}
.p-r-10{padding-right: 10px!important;}
.p-t-10{padding-top: 10px!important;}
.p-tb-10{padding-top: 10px!important;padding-bottom: 10px!important;}
.padding-top-25{padding-top: 25px!important;}
.padding-top-28{padding-top: 28px!important;}
.padding-left-right{padding-left: 0px!important;padding-right: 0px!important;}
.padding-none{padding: 0px!important;}
.padding-bottom{padding-bottom: 10px;}
.p-l-0{padding-left: 0px!important;}
.p-r-0{padding-right: 0px!important;}
.p-lr-0{padding-left: 0px!important;padding-right: 0px!important;}

.brdr-top{border-top: #616156 solid 1px;}
.brdr-none{border: none;}

.background-white{background-color: #ffffff;}
.balanced{color:#44C947}
.positive{color:#456ECC}
[class^="flaticon-"]:before{font-size: 14px!important;}

.font-10{font-size: 10px;}
.font-11{font-size: 11px;}
.font-12{font-size: 12px;}
.font-20{font-size: 20px;}
.font-22{font-size: 22px;}
.font-40{font-size: 40px;}

.deco-none:hover {color:#fff !important;text-decoration:none;}

.btn-rnd{border-radius: 32px;-moz-border-radius: 32px;-webkit-border-radius: 32px; padding: 4px 12px 4px 12px;}

.btn-blue{background-color: #0B55B9;color: #fff;}
.btn-black{background-color: #454e59;color: #fff;}
.btn-yellow{background-color: #eea236;color: #fff;}
.btn-grey{background-color: #e0e0d1;color: #fff;}
.hand{cursor: pointer; cursor: hand;}
	/*Trip*/
.trip-menu-margin{margin:10px;}
.trip-menu-margin .btn{background-color: #ebeef2!important;}
.trip-unselect{margin-right: -6px!important; 
/*  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);  */ 
border:none!important;}
.trip-select{border: 1px solid #aab2bd;border-right: 0;}
.circle{padding-top: 25px; display: inline-block; margin: 5px;}
.square{padding-top: 23px; border: 1px solid #ecece6;display: inline-block;width: 78px;height: 91px;
    margin: 5px;font-size: 15px;text-align: center;}
.alarm-cell{height: 43px;margin-top: 5px;} 
.alarm-div1{overflow-y:scroll;min-height:79vh;max-height: 79vh;} 
.alarm-div2{overflow-y:scroll;min-height: 87vh;max-height: 87vh; width: 104%;}    
#trip{display: flex;} 
#tripList{margin-right: -1px; z-index: 1!important;}
#tripAlarm{border-left: 1px solid #aab2bd;} 
.msg-li :hover {background: #e0f5cf;} 
.text-area{width: 60%;background-color: #ececec;border: none;padding: 6px 8px;margin: 1px 0;
    color: #454e59;background-image: none;border: 1px solid #ccc;border-color: #dae0e8;border-radius: 3px;}
.text-box{width: 60%;height: 32px;background-color: #ececec;border: none;padding: 6px 8px;margin: 1px 0;
    color: #454e59;background-image: none;border: 1px solid #ccc;border-color: #dae0e8;border-radius: 3px;} 
.text-box1{width: 100%!important;}
.select-box{width: 80%!important;}
.width-100{width: 100%!important;}         
.listView{margin-top:64px;}
.listViewAdmin{margin-top:110px!important;}
.mapView {margin-top:-19px; margin-left:-20px!important; margin-right:-20px!important;}
.map-btn{position: absolute;top: 45px; z-index: 1; right: 5px; background: #fff; border-color: #f1eaea;}
.statView {position: fixed;width: 82%;padding-top: 20px;margin-top: -20px;z-index: 88; background-color: #ebeef2;}
.full-screen-btn{position: absolute;margin-left: -46px;font-size: 20px!important;z-index: 9;} 
.fleet-bar-div{background: #606f82;margin: -20px;}
.fleet-bar{margin-left: 0px!important;margin-right: 0px!important;}
.fleet-value{font-size: 20px;color: #fff;}
.fleet-label{color:#ced1d6;}
.fleet-box{padding: 6px;}
.b-r{border-right: 1px solid;}
.b-l{border-left: 1px solid;}
.b-lr{border-left: 1px solid; border-right: 1px solid;}
.b-t{border-top: 1px solid;}
.b-b{border-bottom: 1px solid;}
.b-tb{border-top: 1px solid; border-bottom: 1px solid;}
.b-all{border: 1px solid;}
.listView-filter {
    margin-top: 110px!important;
}
.filter-bar-div{background: #177b44;margin: -20px;}
.filter-bar{margin-left: 0px!important;margin-right: 0px!important;}
.static-view {padding:0px 0px 0px 0px;}    
.static-view-full {position: fixed;left: 240px;right: 16px;z-index: 1;}
.static-view-mini {position: fixed;left: 60px;right: 16px;z-index: 1;}
.datetimepicker .table th{display:table-cell!important;}
.datetimepicker .table td, .datetimepicker .table th{padding-top: 8px!important;padding-bottom: 8px!important;}
.dropdown-menu i{opacity: 1.0!important;}
.diag-c-h{height: 120px;}
.text-ul{text-decoration: underline;}
ul.rating li {display: inline;}
ul.rating li i{color: #ffba00;}
.dash-add{height: 80px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.truncate {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

:-webkit-full-screen {height: 100%;width: 100%;margin-top:0px;}
:-moz-full-screen {height: 100%; width: 100%;margin-top:0px;}
:-ms-fullscreen {height: 100%;width: 100%;margin-top:0px;}
:fullscreen {height: 100%;width: 100%;margin-top:0px;}
:-webkit-full-screen #liveMap{height: 96vh!important;}
:-moz-full-screen #liveMap{height: 96vh!important;}
:-ms-fullscreen #liveMap{height: 96vh!important;}
:fullscreen #liveMap{height: 96vh!important;}

:-webkit-full-screen .info-div{background-color:#0B55B9!important;color: #ffffff;}
:-moz-full-screen .info-div{background-color:#0B55B9!important;color: #ffffff;}
:-ms-fullscreen .info-div{background-color:#0B55B9!important;color: #ffffff;}
:fullscreen .info-div{background-color:#0B55B9!important;color: #ffffff;}

.rating {color: #a9a9a9;margin: 0;padding: 0;}
ul.rating {display: inline-block;}
.rating li {list-style-type: none;display: inline-block;padding: 1px;text-align: center;font-weight: bold;}
.rating .filled {color: #f4cb42;}

.loader {border: 4px solid #f3f3f3;border-radius: 50%;border-top: 4px solid #454e59;width: 20px;
    height: 20px;-webkit-animation: spin 2s linear infinite;animation: spin 2s linear infinite;}
@-webkit-keyframes spin {0% { -webkit-transform: rotate(0deg); }100% { -webkit-transform: rotate(360deg); }}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}

.marker-label-show {font-weight: bold; color: red; background-color: #ffffff; padding: 5px;
    margin-left: 20px!important; border-radius: 0px 8px 8px 8px;}
.marker-label-green {font-weight: bold; color: green; background-color: #ffffff; padding: 5px;
    margin-left: 20px!important; border-radius: 0px 8px 8px 8px;} 
.marker-label-blue {font-weight: bold; color: blue; background-color: #ffffff; padding: 5px;
    margin-left: 20px!important; border-radius: 0px 8px 8px 8px;}        
.marker-label-hide{display:none!important;}
.report-loader{position:absolute;top:358px;z-index:999;padding-left:37%;}
.loader-bg{background-color:#ebeef2;padding: 15px;}

#tabs ul {list-style: none;padding: 0;margin: 0;}
#tabs .tab-li {float: left;padding: 8px 60px 8px 60px;background-color: #CCC;color: #696969;}
#mainView {clear: both;padding: 0 1em;background-color: #FFF;}
#tabs .active {background-color: #FFF;color: #000;}
.pac-container {z-index: 1051 !important;}
.table thead > tr > th {font-size: 14px!important;}

.star-ratings-sprite {background: url("../img/star-rating-sprite.png") repeat-x;
  font-size: 0;height: 14px;line-height: 0;overflow: hidden;text-indent: -999em;width: 70px;}
.star-ratings-sprite-rating {background: url("../img/star-rating-sprite.png") repeat-x;
  background-position: 0 100%;float: left;height: 14px;display: block;}
.dark-select{background-color: #606f82!important;color: white!important;}

.vehicle-card {margin-bottom:7px;}
.vehicle-card :hover {background-color: #F8F9FF!important;}
.card-selected {background-color: #F8F9FF!important;border-width: 0.5px;border-style: solid;
    border-color: #304FFE!important; border-image: initial;}
.stop-label{    border: 1.5px solid #fff;
    padding: 5px 8px;
    background-color: rgba(222, 69, 61, 0.8);
    box-shadow: 0px 0px 4px 1px #fff;
    border-radius: 50%;
    margin: -23px 0px 0px -7px;}