@charset "UTF-8";

.lighttone .login .panel-heading { background: #18b3a3; color:#000;border-radius: 15px;border:0px solid red;}
/*.lighttone .loginbtn {background:#18b3a3; }
.lighttone #sidebar-wrapper {box-shadow:inset -2px 0 1px #c0c0c0 ;}*/
.lighttone  .login .form-group {min-height:0px;    margin-bottom: 20px;}
.lighttone .sidebar-nav li a{ border-bottom: 1px solid #bcbcbc; box-shadow: none;}
.lighttone #wrapper .nav-top-fix { background:#f1f1f1;}
.lighttone #sidebar_menu{border-bottom:0px solid #bcbcbc;}
.lighttone .sidebar-nav li a:hover, .lighttone .sidebar-nav li a.active{ color:#f1f1f1; background:#18b3a3; text-decoration: none; border-bottom: 1px solid #18b3a3; }
/*.lighttone .nav-top-fix ul.sub-nav li a:hover, .lighttone .nav-top-fix ul.sub-nav li a.active {  background: #18b3a3!important;  }*/
.panel-tab { padding-bottom:0px !important;}
.panel-body { position:relative;}
.srchbox .search-wrapper { padding:0}
.srchbox .search-wrapper .search-box{ padding:5px 10px; height:34px;}
.mapbody { position:relative; }
.mapOverlay { width:100%; left:0; right:0; height:100%; background-color: rgba(0, 0, 0, 0.6); text-align:center; position:absolute; top:0; z-index:99; transition: all .1s ease 0s;}
.overlaytxt { display:table; height:inherit; vertical-align:middle; width:100%;  color:#fff; text-align:center; font-size:20px; line-height:30px;}
.mapOverlay span { display:table-cell; height:inherit; vertical-align:middle; width:100%; }

.driver-list{margin-top:20px;}
.driver-list li{ list-style:none; display:inline-block; margin:1px; vertical-align: top;}
.driver-list li:first-child:before{ background:url(../images/driver.png) no-repeat left top; content: ""; display: inline-block; width: 20px; margin-right: 5px; height: 21px; float: left; margin-top: -6px; background-size: 100%; }
.driver-list li strong{color:#d9534f}
.driver-list li .label{font-size:82%; display:inline-block; }
.driver-list li .label.active{background:#5cb85c}
/*.dropdown-menu li > a label {}*/
.driver-list li .label-default { text-align:left; vertical-align:top;}
.driver-list li .label-default  span{ display:block; font-size:10px;}
.spaceCell table  tr  th, .spaceCell table  tr  td{ padding:9px 8px!important;}

.expandbtn { float:right; position:relative; margin-top:6px; font-size:16px;}
#wrapper.active .mapmax { left:230px; width: auto!important;}
.mapmax { position:fixed!important; left:50px; right:0; top:50px; bottom:50px; height:100%; transition: all .4s ease 0s; width: auto!important; }
.mapmax #googleMap { height:100%!important}
.mapbody { height:410px;}
.mapmax .mapbody { height:calc(100% - 87px)!important;}
.mapmax .expandbtn .fa-expand:before{ content: "\f066"!important;}
.mapmin {transition: all .4s ease 0s;}
#legend-0text, #legend-1text, #legend-2text, #legend-3text ,#legend-4text, #legend-5text, #legend-6text { font-size:11px!important; }
/*
.map-legend{background:rgba(238,238,238,0.8); display:table; border:1px solid #EEEEEE; position:absolute; top:10px; right:10px; padding:0px 5px; z-index:9 }
.map-legend li{list-style:none; color:#000; padding-left:14px;position:relative; padding-top:4px; margin-bottom:5px;     cursor: pointer; }
.map-legend li::before{width:8px; height:8px;background:red; content:""; left:0px; position:absolute; border-radius:8px; top:0.6em;}
.map-legend li:nth-child(1)::before{background:#e74c3c;}
.map-legend li:nth-child(2)::before{background:#9b59b6;}
.map-legend li:nth-child(3)::before{background:#e67e22;}
.map-legend li:nth-child(4)::before{background:#1abc9c;}*/

.ngdialog  { position:fixed; top:0; right:0; left:0; z-index:99999; height:100%; }
.ngdialog-overlay { width:100%; height:100%; position:absolute; top:0;  }
.lighttone .subtablerow table td { padding:8px!important;}
.CURRENT{color: #098E34 !important}
.LAST{color: #999900 !important}

/*.spaceCell table  tr  th, .spaceCell table  tr  td{ padding:11.5px 8px!important;}
.spaceCell .table tbody tr:last-child  td {/* border:0px solid #ddd; }*/

.errorList { display:block;}
.errorList li { width:100%; display:inline-block;}



.rangecontainer .slider-handle{ background: white linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1)) repeat scroll 0 0;
border: 1px solid #ccc; border-radius: 50%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); cursor: pointer; display: inline-block; height: 20px; position: absolute; top:0 ;  width: 20px; z-index: 3;} 
.rangecontainer .slider-handle:after { background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0)); border-radius: 50%; bottom: 0; content: ""; display: block; height: 10px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 10px; }

.rangecontainer .slider-track { box-shadow:0 1px 3px rgba(0, 0, 0, 0.6) inset; border:none; background:#626262  ; }

.anchorclass { display:inline-block; cursor:pointer; }
.noneCursor { cursor:not-allowed!important;}
.resetpass.panel { margin-bottom:0; }

.slider-disabled { opacity:0.35;}


.searchform  .formhead{ margin-bottom:0px;color: #081632!important;
    font-size: 16px;    font-family: arial;line-height: 28px;font-weight: 600;}
.searchform  .formsection { padding-bottom:0;overflow:inherit;}
.searchform  .formsection.search-close, .search-head.search-close{overflow:hidden;}

.searchform  #searchCollapse { padding:15px 0; float:left; width:100%; }
.srchbtn { position:absolute; right:0; top:0; height:100%; padding:12px 15px; border:none; border-left:1px solid #ddd;}
.srchbtn.collapsed i.fa-chevron-up:before{ content: "\f078"!important;}

.userdetailIcon i{ font-size:14px;}


/**********************/



.datebtn { float:right; padding:6px 7px; border-color: #adadad;}
.dateform { width:auto; position:absolute; top:45px; right:15px; padding:15px 12px; background:rgba(255, 255, 255, 1); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); border:1px solid rgba(0, 0, 0, 0.15); border-radius:4px; z-index:20;}
.dateform .form-group {  min-height:32px; margin:0px 1px;}
.relativeblock { position:relative; }
.relativeblock .togglebutton { position:absolute; left:15px; bottom:15px; z-index:2;}
.displaydaterange { background:none; font-size:12px; display:inline-block;  border:none; line-height:16px; width:150px; letter-spacing:-0.2px;}
.dashbar { background:#fff; width:100%; float:left; margin:24px 0 0 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.09);}
.dashheading { float:left; line-height:32px;}
.dashheading >span { line-height:32px; width:32px; text-align:center; height:32px; vertical-align:top; display:inline-block; margin-right:8px;}
.dashheading >span i { line-height:32px;}
.dashbar .btn { border-radius:0;}
.dashbar .dateform {top: 68px; right: 28px;}



.table.sortable > thead > tr th { position:relative;}
.table.sortable > thead > tr th.sorting, .table.sortable > thead > tr th.st-sort-ascent, .table.sortable > thead > tr th.st-sort-descent { cursor:pointer;}
.table.sortable > thead > tr th.sorting:after,
.table.sortable > thead > tr th.st-sort-ascent:after,
.table.sortable > thead > tr th.st-sort-descent:after {
  position: static;
  top: 0px;
 /* right: 8px;*/
  display: block;
  display: inline-block;
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:13px; 
  padding:0px 6px;
}

.table.sortable > thead > tr th.sorting:after {
  content: "\f0dc";
  color: #ced2d4;
}

.table.sortable > thead > tr th.st-sort-ascent:after {
  content: "\f0de";
  top: 10px;
  color: #428bca;
}

.table.sortable > thead > tr th.st-sort-descent:after {
  content: "\f0dd";
  top: 10px;
  color: #428bca;
}


.fullblock {width:100%; display:none; text-align:left; padding:8px 10px; float:left; }
.head01 { font-size:14px; font-weight:600;  color:#0d0d0d; width:100%; float:left; margin:10px 0 3px 0; text-align:left; cursor:pointer; padding:10px 15px;
border: 1px solid #eae9e8; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.176);
background-color: #f7f8f8;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f8f8), to(#eee));
background-image: -webkit-linear-gradient(top, #f7f8f8, #eee);
background-image:    -moz-linear-gradient(top, #f7f8f8, #eee);
background-image:     -ms-linear-gradient(top, #f7f8f8, #eee);
background-image:      -o-linear-gradient(top, #f7f8f8, #eee);
background-image:         linear-gradient(top, #f7f8f8, #eee);
}
.misc ul, .misc ol { list-style-position: outside; list-style-type:disc; margin:8px 0; padding:0 0 0 20px; }
.misc ol { list-style-type:decimal;}
.misc ul li, .misc ol li { display:list-item; width:100%; margin:0px 0px 6px 0px; line-height:20px; }
.misc table { border-collapse: collapse;}
.misc table, .misc th, .misc td { border: 1px solid #ddd; padding:4px; margin:6px;  }
.misc a { color:#274e87; text-decoration:none; }
.misc p { width:100%; float:left; margin:0 0 8px 0; line-height:20px;}

.headpoint { font-size:18px; color:#1d2126; width:100%; float:left; margin:15px 0 10px 0; text-align:left;}

.h4 {line-height:24px; font-size:17px; }
.h4 a {color:#6241d5;}
.searchdropdown .search-box { height:34px; }
.searchdropdown  .search-control .addon-thumb:first-child, .searchdropdown  .search-control .addon-thumb:last-child{ top:8px!important;}

.fullbtn { margin-bottom:0!important; background-color: #eee;  border-color:#ddd!important; padding:12px!important;}
.fullbtn.btn-success { color:#fff;/* background-color: #18b3a3; */}
/*.nav > li > a:focus, .nav > li > a:hover { background-color:#18b3a3; color:#fff; }*/
.userform  > .panel-body   .nav > li  { margin-right:3px!important;}
.userform  .panel { border-top-right-radius:0px; border-top-left-radius:0px;}
.userform  .panel .panel-heading { padding:7px 15px;}

.tabledropdown { width:auto; float:right; display:inline-block;  font-size:12px; color:#626262;  text-align:left;}
.tabledropdown .btn { padding:3px 6px!important; font-size:12px; width:auto; text-align:left; position:relative;color:#626262;  text-overflow: ellipsis; overflow:hidden;  }
.tabledropdown li a { font-size:12px!important; color:#626262; text-overflow: ellipsis; overflow:hidden; padding:5px 10px!important; border-bottom:1px solid #e2e2e2!important;}
.tabledropdown li:last-child a{  border-bottom:0px solid #e2e2e2!important;}
.tabledropdown .dropdown-menu {right:0!important;left: unset;}
.dropdown.tabledropdown.open .dropdown-menu{ /*left:auto; right:0;*/ top: -4px;right: 95px!important;   display: inline-flex;}
.tabledropdown .badge { padding: 2px 4px; border-radius:4px; /*float:right!important;*/}
/*.tabledropdown li a:first-child span { float:left;}*/
#page-content-wrapper { position:relative; }
.underProgress { width:100%; float:left; vertical-align:middle; position:absolute; top:50px; right:0; left:0; height:91.5%; background-color: rgba(255, 255, 255, 0.60); z-index:99999; text-align:center; }
.underProgress img { position:relative; top:50%; margin-top:-100px; }


 .nicescroll-rails-hr { display:none!important; }
.gendertype  .btn { border-radius:2px;}
.dashbar .displaydaterange { width:165px;}
#wrapper .themesetting {bottom:16px;}
#wrapper.active .themesetting {bottom:80px;}
.customloader { position:fixed!important; }
.tripModal .modal-header { position:relative; color:#626262; }
.tripbtn{  margin-bottom: 0!important;  padding: 3px 8px 3px 8px; font-size:13px; }
.tripbtn span { background:url(../images/trip-icon.png) no-repeat top left ; background-size:100%; width:18px; display:inline-block; margin:0 0 0 3px;  }
.switch .off { letter-spacing:-0.5px;}

.borderData { width:100%; border-bottom:1px solid #dedede; float:left; color: #626262; font-size: 13px; line-height: 32px; padding: 0px; font-weight:bold; }

.form-control:disabled, .form-control[readonly] {    background-color: #eceeef;    opacity: 1;}
.paddingbtNone { padding-bottom:0;}
.userview .form-group { min-height:54px;}
.map-legend li span { float:right; width:32px; border-radius:4px; margin-left:3px; padding:3px 0px; }

.um { background:#ff7a7b; color:#fff;}
.hb { background:#0ab0d0; color:#fff;}
.rpa { background:#faab54; color:#fff;}
.sp { background:#8384bf; color:#fff;}
.pu { background:#a80103; color:#fff;}

.tripModal .map-legend { width:100%; top:0; right:auto; position:relative; padding:0; }
.tripModal .map-legend ul { width:100%; float:left; background:#f2f3f9; padding:0px 0px 0px 8px; margin:0;}
.tripModal .map-legend li { float:left; border-right:1px solid #d2d2d2; margin: 0 0.5% 0 0; width: 19.45%; font-size:13px;}
.tripModal .map-legend li#phoneUsages_tripHistory, .tripModal .map-legend li#phoneUsages_tripHistory:hover{ border-right:none!important;}
#wrapper .modal-lg { width:1010px;max-width:96%; top:50%; margin-top:-270px;}
#wrapper .modal-lg2 {  width: 1010px;max-width: 96%; top:50%; margin-top:-150px;}
#wrapper .modal-lgcampaign {  width: 1010px;max-width: 96%; top:40%; margin-top:-150px;}
#wrapper .modal-lgcampaigndrivers {  width: 700px;max-width: 96%; top:40%; margin-top:-200px;}
#wrapper .modal-lgcampaignresults {  width: 500px;max-width: 96%; top:40%; margin-top:-200px;}
.download-msg{width:100%;margin:0 auto;position:absolute;top:10%;left:0;border-radius:20px;font-size: 30px; text-align: center;
  padding:20px;color:azure;}


.borderd{ width:100%; float:left; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:10px 0; }
.borderd .table > tbody > tr > td{  border-right: 1px solid #ddd; padding: 4px 6px!important; }
.borderd .table > tbody > tr > td:last-child { border-right:0px solid #ddd; }


.statpanel { width:100%; padding:15px; border:1px solid #ddd; display:inline-block; text-align:center; margin:0 0 24px 0; border-radius:4px;  -moz-transition: all .3s ease;  -o-transition: all .3s ease;  -webkit-transition: all .3s ease; position:relative; background:#f0f4f8 ; }
.statpanel:hover {  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);}
.stathead {width:100%; line-height:18px; height:54px;  font-size:14px; display:inline-block; margin:0;}
.statthumb { padding:0; display:inline-block; width:100%; height:130px!important; }
.statthumb img { display:inline-block;}
.statpoint {background:#e6e6e6; font-size:13px; font-weight:400; display:inline-block; padding:4px 6px;  margin:0 1px 10px 1px; border:1px solid #cecece; border-radius:4px; }
.statthumb.progress-bars {width:100%; margin-bottom:0; padding:0; float:none; display:inline-block;text-align: center; height:auto!important; }
.statthumb.progress-bars .progressBar{ display:inline-block; margin-left: 0;}
.statthumb.progress-bars .progressBar .pattern { padding:2px 6px 6px 6px; color:#fff; background:#3485ff!important; }
.progressHead { font-weight:800; width:100%; display:inline-block; margin-top:10px; line-height:20px;}

.poppoint {border-radius:50%!important; background:#fff; font-size:16px;  display:inline-block; padding:3px;border:1px solid #adadad; width:28px; height:28px; color:#0a88cc; }
.popover-content { font-size:12px!important; }


.dropdown-menu  .datetimepicker  { width:240px!important;}
.dropdown-menu  .datetimepicker  th.switch {  left: 35px!important;}

.overall-score{font-weight:bold;position:absolute;top:40%;left:15px;    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #e1e7ed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e7ed', GradientType=0 );border:1px solid #c1cbd7;    padding: 5px;
    border-radius: 4px;}


@media screen and (min-width:768px) {
.boxforbox {   width:20%!important;  }
}



.lighttone #sidebar-wrapper { width: 270px; margin-left: -270px;background: url(../images/CarrierAdmin-l-bg.jpg) 0 0 repeat;border-right: 1px solid #000;}
.lighttone #sidebar {width: 270px;}
.lighttone .active #menu-toggle {background: url(../images/carriar-admin-minimize.png) 0 0 repeat;}
.lighttone #menu-toggle{background: url(../images/carriar-admin-maxmize.png) 0 0 repeat; width:40px!important; height:40px; background-size: 100%!important;}

/* .lighttone #wrapper.active #sidebar-wrapper {
  left: 270px;box-shadow: 0 -1px 18px #000;} */
/*.lighttone #wrapper .nav-top-fix {padding-left: 270px; }
.lighttone #wrapper.active, .lighttone #wrapper.active .nav-top-fix {padding-left: 270px;}*/
.lighttone #sidebar_menu {width: 270px;}
.lighttone .sidebar-nav li a {width: 100%;}
/* .lighttone{background: url(../images/CarrierAdmin-content-bg.jpg) 0 0 fixed repeat;} */
.lighttone #main_icon {border-right:0px solid #cfcdcf;}
.lighttone .sidebar-inner{/*background: url(../images/left-w-shade.png) 0 0 no-repeat;*/overflow: hidden;
  border-right: 1px solid #254e9e;}
.lighttone #sidebar_menu li.sidebar-brand a img {height: auto;margin: 10px 0 0 0;}
.lighttone #main_icon {padding: 0;height: auto;width: auto;margin:1px 1px 0 0;position: absolute;
   top: 0;right: 0;}
.lighttone #sidebar_menu li #main_icon a img {margin: 0;}
.lighttone .sidebar-nav {transition: all 0.5s ease;padding: 10px 0px;}
.lighttone .active .sidebar-nav {padding:5px 10px;}
.lighttone .sidebar-nav li, .lighttone .nav-top-fix ul.sub-nav li, .navbar-toggle {float: left;width: 100%;margin-bottom:6px;border-radius: 30px;border:3px solid #000;overflow:hidden;
  box-shadow: 0 0 6px rgba(255,255,255,0.2);}
.lighttone .sidebar-nav li a, .lighttone .nav-top-fix ul.sub-nav li a, .navbar-toggle span.sub-menu 
{color:#fff;background:#07101e url(../images/nav-bg.jpg) 0 0 repeat-x;
  border:1px solid rgba(70,150,250,0.5);border-radius: 30px;    font-weight: bold;}
.lighttone .sidebar-nav li a:hover, .lighttone .sidebar-nav li a.active,
.lighttone .nav-top-fix ul.sub-nav li a:hover, .lighttone .nav-top-fix ul.sub-nav li a.active, .navbar-toggle:hover span.sub-menu
{background:#213205 url(../images/nav-active-bg.jpg) 0 0 repeat-x;border:1px solid rgba(162,221,80,0.5);}
.lighttone #wrapper .nav-top-fix{background: url(../images/CarrierAdmin-l-bg.jpg) 0 0 repeat;}
.lighttone #wrapper .sidebar-nav li a i{
  float: right;
  background: url(../images/nav-icon-bg.png) 0 0 no-repeat;
  width:32px;
  height:32px;
  font-size: 14px;
  /* padding:9px 8px 10px 10px;
  text-align: left; */
  background-size: 100%!important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
  .lighttone #wrapper .sidebar-nav li a.active i{background: url(../images/active-icon-bg.png) 0 0 no-repeat;}
  .sidebar-nav li .fa:before{text-shadow:0 1px 3px #000;}
  .lighttone #wrapper.active .sidebar-nav li a i.fa-car, .lighttone #wrapper.active .sidebar-nav li a i.fa-truck{
    /* padding:9px 8px 10px 8px; */
  }
  .lighttone #wrapper.active .sidebar-nav li a i.fa-line-chart{padding: 11px 11px 10px 10px;font-size: 12px;}
  .lighttone #wrapper.active .sidebar-nav li a i {float: left;}

  .left-bottom{position: absolute;left:0;bottom:55px;text-align: center; width: 100%;display:none;}
  .active .left-bottom{display:block;}
  .left-bottom > div{background: url(../images/nav-icon-bg.png) 0 0 no-repeat;width:46px;height:46px;display: inline-block;
 margin: 0 5px;}
 .left-bottom > div a {display: inline-block;margin: 16px auto 26px;}
 .left-bottom > div .fa:before{color:#fff;}
 .lighttone .themesetting{display:none;}
 .lighttone .poweredBy {position: absolute;width: 100%;text-align: center;color:#abc6fc;background-color:rgba(0,0,0,0.3);
padding:4px 0;border-top:1px solid #254e9e;margin: 0;}
.logout-icon{background: url(../images/logout.png) 0 0 no-repeat;width:66px;height:66px;margin:5px 5px 0 0;}
.nav > li > a:focus, .nav > li > a.logout-icon:hover{background-color: transparent;}
.lighttone .navbar {min-height: 75px;border-bottom:1px solid #000;}
.lighttone .navbar .row {min-height: 74px;border-bottom:1px solid #254e9e;}
.lighttone #page-content-wrapper {padding-top: 70px;}
.lighttone .nav-top-fix .navbar-right li > span {color: #fff;padding:20px 0px 20px 8px;font-size: 14px;}
.total-accounts,.new-accounts, .active-accounts, .total-miles, .average-score{border:1px solid #fff!important;
  box-shadow: 0 0 15px -3px #1d2a38!important;}
.lighttone .boxforbox .total-accounts{
  background: #4fb1df;
  background: -moz-linear-gradient(top, #4fb1df 0%, #3398d2 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #4fb1df), color-stop(100%, #3398d2));
  background: -webkit-linear-gradient(top, #4fb1df 0%, #3398d2 100%);
  background: -o-linear-gradient(top, #4fb1df 0%, #3398d2 100%);
  background: -ms-linear-gradient(top, #4fb1df 0%, #3398d2 100%);
  background: linear-gradient(to bottom, #4fb1df 0%, #3398d2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4fb1df', endColorstr='#3398d2', GradientType=0 );
}
.lighttone .boxforbox .new-accounts{
  background: #fab412;
  background: -moz-linear-gradient(top, #fab412 0%, #f79f08 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #fab412), color-stop(100%, #f79f08));
  background: -webkit-linear-gradient(top, #fab412 0%, #f79f08 100%);
  background: -o-linear-gradient(top, #fab412 0%, #f79f08 100%);
  background: -ms-linear-gradient(top, #fab412 0%, #f79f08 100%);
  background: linear-gradient(to bottom, #fab412 0%, #f79f08 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab412', endColorstr='#f79f08', GradientType=0 );
}
.lighttone .boxforbox .active-accounts{
  background: #11d5a1;
  background: -moz-linear-gradient(top, #11d5a1 0%, #07c589 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #11d5a1), color-stop(100%, #07c589));
  background: -webkit-linear-gradient(top, #11d5a1 0%, #07c589 100%);
  background: -o-linear-gradient(top, #11d5a1 0%, #07c589 100%);
  background: -ms-linear-gradient(top, #11d5a1 0%, #07c589 100%);
  background: linear-gradient(to bottom, #11d5a1 0%, #07c589 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11d5a1', endColorstr='#07c589', GradientType=0 );
}
.lighttone .boxforbox .total-miles{
  background: #f3647a;
  background: -moz-linear-gradient(top, #f3647a 0%, #ee475d 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f3647a), color-stop(100%, #ee475d));
  background: -webkit-linear-gradient(top, #f3647a 0%, #ee475d 100%);
  background: -o-linear-gradient(top, #f3647a 0%, #ee475d 100%);
  background: -ms-linear-gradient(top, #f3647a 0%, #ee475d 100%);
  background: linear-gradient(to bottom, #f3647a 0%, #ee475d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3647a', endColorstr='#ee475d', GradientType=0 );
}
.lighttone .boxforbox .average-score{
  background: #04c6d4;
  background: -moz-linear-gradient(top, #04c6d4 0%, #01b4c4 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #04c6d4), color-stop(100%, #01b4c4));
  background: -webkit-linear-gradient(top, #04c6d4 0%, #01b4c4 100%);
  background: -o-linear-gradient(top, #04c6d4 0%, #01b4c4 100%);
  background: -ms-linear-gradient(top, #04c6d4 0%, #01b4c4 100%);
  background: linear-gradient(to bottom, #04c6d4 0%, #01b4c4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04c6d4', endColorstr='#01b4c4', GradientType=0 );
}
.lighttone .boxforbox .panel .panel-body h3 {font-size:32px;color: #000;text-align: left;margin-top:11px;}
.lighttone .boxforbox .panel .panel-body h6 {font-size: 16px; font-weight:700; color:#000; margin-top:12px; text-align:left; line-height:20px;}
.lighttone .boxforbox .panel .panel-body h6 span{font-size: 14px;font-weight:normal;}

.total-accounts .panel-body{background:url(../images/total-accounts.png) bottom right no-repeat;}
.new-accounts .panel-body{background:url(../images/new-accounts.png) bottom right no-repeat;}
.active-accounts .panel-body{background:url(../images/active-accounts.png) bottom right no-repeat;}
.total-miles .panel-body{background:url(../images/total-miles.png) bottom right no-repeat;}
.average-score .panel-body{background:url(../images/average-score.png) bottom right no-repeat;}

.dashbar{border-radius: 15px; padding: 10px;}
.dashheading{font-size:18px;color:#081632;font-weight: bold;}
.dashheading span .fa{font-size:28px;color:#0c2e5b;line-height:28px;}
.date-holder, .greypanel .datebtn {border:1px solid #dee4eb;background-color: #fff;border-radius: 15px;padding: 4px 10px;
  margin: 3px 2px 0 0;}
  .displaydaterange {font-size: 11px;}
  .dashbar .displaydaterange {width: 150px;}
  .dashbar {border: 1px solid #f0f3f6;background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #e1e7ed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e7ed', GradientType=0 );
    box-shadow: 0 0 15px -5px #1d2a38!important;
  }

    .lighttone .panel, .modal-content, .ngdialog.ngdialog-theme-default .ngdialog-content {/*overflow: hidden;*/box-shadow: 0 0 15px -5px #1d2a38!important;}
    .lighttone .greypanel .panel-heading, .lighttone .login .panel-heading, .modal-header, .ngdialog-header  {padding:12px 15px 12px 48px;border-radius: 15px 15px 0 0;
     /* background: #ffffff;
      background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
      background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #e1e7ed));
      background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
      background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
      background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
      background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e7ed', GradientType=0 );
      /*border-bottom:1px solid #c1cbd7;*/
      background-color:transparent;

  }
  .ngdialog-header{padding-left:10px;}
  .lighttone .login .panel-heading {padding:10px 15px 5px;font-weight: 600;}
  .lighttone .formsection{border-radius: 15px;border: 1px solid #f0f3f6;}
  .lighttone .formhead, .lighttone .search-head .panel-heading{border-radius: 15px 15px 0 0 !important;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #e1e7ed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #e1e7ed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e7ed', GradientType=0 );
    /*border-bottom:1px solid #c1cbd7;*/
  }
  /*.searchform #searchCollapse {border-top: 1px solid #c1cbd7;}*/
  .srchbtn{right: 5px;
    top: 5px;
    height: 40px;
    padding: 9px 8px 10px 13px;
    border: none;
    border: 1px solid #1f69c3;
    border-radius: 10px;
    color: #fff;
    background: #0b478f;
    background: -moz-linear-gradient(top, #0b478f 0%, #0c1a31 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #0b478f), color-stop(100%, #0c1a31));
    background: -webkit-linear-gradient(top, #0b478f 0%, #0c1a31 100%);
    background: -o-linear-gradient(top, #0b478f 0%, #0c1a31 100%);
    background: -ms-linear-gradient(top, #0b478f 0%, #0c1a31 100%);
    background: linear-gradient(to bottom, #0b478f 0%, #0c1a31 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b478f', endColorstr='#0c1a31', GradientType=0 );
}
.lighttone .greypanel .panel-footer {
  background: #ebeff4;  border-color: #c1cbd7;border-radius: 0 0 15px 15px;    padding-bottom: 15px;
}
.lighttone .panel-heading .mbot0{background-color: #9fa7b0;color: #fff;padding:4px 5px;border:0px solid red;}

.lighttone .nav-top-fix ul.sub-nav li{width:auto;margin:8px 0 8px 5px;}
.lighttone .customdateicon{color: #6241d5;}
.btn-success{background:#07101e url(../images/nav-bg.jpg) left bottom repeat-x;border-radius:5px!important;border:1px solid rgba(70,150,250,0.5);}
.btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:hover, .open>.dropdown-toggle.btn-success, .lighttone .fullbtn:hover{
  color: #fff;
  /*background:#213205 url(../images/nav-active-bg.jpg) left bottom repeat-x;
  border:1px solid rgba(162,221,80,0.5); */
  background: #2c2543;
  border: 1px solid rgb(44 37 67);
}
.switch.checked, .lighttone .addbtn.collapsed {
  /* background:#213205 url(../images/nav-active-bg.jpg) left bottom repeat-x;
  border:1px solid rgba(162,221,80,0.5); */
  background: #6241d5;
  border: 1px solid rgb(98 65 213);
}
.fullbtn{border:1px solid red;}
.search-head .panel-heading i, .lighttone .formhead > i {font-size:26px;color: #0b3b76;}

/*  fleetadmin style */
.lighttone.fleetadmin .logout-icon {background: url(../images/fleet-logout.png) 0 0 no-repeat;}
.lighttone.fleetadmin #sidebar-wrapper {
  /* background: url(../images/left-bg.jpg) 0 0 repeat;  */
  background: #1C1238;
}
.lighttone.fleetadmin .sidebar-inner{background: transparent; border-right: 0px solid #254e9e;}
.lighttone.fleetadmin .active #menu-toggle {background: url(../images/minimize.svg) 0 0 repeat;}
.lighttone.fleetadmin #menu-toggle {background: url(../images/maxmize.svg) 0 0 repeat;}
.lighttone.fleetadmin .sidebar-nav li a, 
.lighttone.fleetadmin .nav-top-fix ul.sub-nav li a,.lighttone.fleetadmin .navbar-toggle span.sub-menu {
  background: #2C2443;
  border: 0px;
  padding: 4px 0px 3px 3px;
  /* url(../images/fleet-nav-bg.jpg) 0 0 repeat-x;
  border: 1px solid rgba(185,185,185,0.5) */
}
.lighttone.fleetadmin .sidebar-nav li a:hover, 
.lighttone.fleetadmin .sidebar-nav li a.active, 
.lighttone.fleetadmin .nav-top-fix ul.sub-nav li a:hover, 
.lighttone.fleetadmin .nav-top-fix ul.sub-nav li a.active,.lighttone.fleetadmin .navbar-toggle:hover span.sub-menu{
  color:#f1f1f1;
  background: #6239D3 /*url(../images/nav-active-bg.jpg) 0 0 repeat-x*/;
  /* border: 1px solid rgba(162,221,80,0.5); */
  border:0px;
  padding: 4px 0px 3px 3px;
}
.loginbtn span{
  color:#000;
  /* background: #213205 url(../images/login-button-bg.jpg) 0 0 repeat-x; */
  background-color: #145FAD;
  font-weight:bold;
  /* border: 1px solid rgba(162,221,80,0.5); */
}
.lighttone.fleetadmin #wrapper.active .sidebar-nav li a.active i {
  background: url(../images/fleet-active-icon-bg.png) 0 0 no-repeat;color:#fff;
}
.lighttone.fleetadmin .greypanel .panel-heading .panel-title i,
.lighttone.fleetadmin .dashheading span .fa,
.lighttone.fleetadmin .formhead > i,.lighttone.fleetadmin .search-head .panel-heading i {
  color: #6239D3;
}
.search-head{margin: 10px 0 20px;}
.search-head .panel-heading i{margin: 0 8px;}
.search-head .panel-title{color: #626262;font-size: 18px;}
.search-head .panel-heading .srchbtn i{font-size:18px;margin:0;color:#fff!important;}
.lighttone.fleetadmin .poweredBy{
  /* background: url(../images/powered-bg.png) 0 0 no-repeat;
  border-top: 1px solid #fff; */
  color:#ffffff;
  font-weight:400;
  /* text-shadow:1px 1px 3px #fff; */
  font-size:13px;
  border-top: 1px solid rgba(98, 57, 211, 0.30);
  background: rgba(0, 0, 0, 0.30);
}
.lighttone .side-nav {clear:both;float:left;}
.lighttone.fleetadmin #wrapper .nav-top-fix {
  /* background: url(../images/top-bar-bg.png) 0 0 repeat; */
  background:#2C2443;
}
.lighttone.fleetadmin .navbar .row {border-bottom: 1px solid #000;}
.lighttone.fleetadmin{
  background: url(../images/content-bg.jpg) 0 0 fixed repeat;
  background: #E5E5EA;
}
.lighttone.fleetadmin #sidebar-wrapper { border-right: 0px solid #000; /*box-shadow: 0px 0px 20px 3px #000;*/}
.lighttone.fleetadmin .nav-top-fix .navbar-right li > span { color: #000;font-weight: bold; text-shadow:1px 1px 3px #fff; display: block;}

.fleetadmin .total-accounts .panel-body{background:url(../images/total-registered-drivers.png) 0 0 no-repeat;}
.fleetadmin .new-accounts .panel-body{background:url(../images/new-accounts.png) 0 0 no-repeat;}
.fleetadmin .active-accounts .panel-body{background:url(../images/active-accounts.png) 0 0 no-repeat;}
.fleetadmin .total-miles .panel-body{background:url(../images/total-miles-analyzed.png) 0 0 no-repeat;}
.fleetadmin .average-score .panel-body{background:url(../images/cumulative-score.png) 0 0 no-repeat;}

.fleetadmin .total-accounts, 
.fleetadmin .new-accounts, 
.fleetadmin .active-accounts, 
.fleetadmin .total-miles, 
.fleetadmin .average-score { border: 0px solid #fff!important;}
.lighttone.fleetadmin .boxforbox .panel .panel-body {background-size:100%; border-radius:15px; border:1px solid #fff;}
.lighttone.fleetadmin .boxforbox .total-accounts,
.lighttone.fleetadmin .boxforbox .new-accounts,
.lighttone.fleetadmin .boxforbox .active-accounts,
.lighttone.fleetadmin .boxforbox .total-miles,
.lighttone.fleetadmin .boxforbox .average-score {background: none;}

.lighttone.fleetadmin .boxforbox .panel .panel-body h3,
.lighttone.fleetadmin .boxforbox .panel .panel-body h6 {
  color: #000000;
  /* text-shadow: 1px 1px 3px #000; */
}
.lighttone.fleetadmin .sidebar-nav li .fa:before{color:#d3e2c0;}
.lighttone.fleetadmin .srchbtn {border: 1px solid #6239D3;
  background: #6239D3;
  /* background: -moz-linear-gradient(top, #666768 0%, #0f0f0f 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #666768), color-stop(100%, #0f0f0f));
  background: -webkit-linear-gradient(top, #666768 0%, #0f0f0f 100%);
  background: -o-linear-gradient(top, #666768 0%, #0f0f0f 100%);
  background: -ms-linear-gradient(top, #666768 0%, #0f0f0f 100%);
  background: linear-gradient(to bottom, #666768 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666768', endColorstr='#0f0f0f', GradientType=0 ); */
}
.lighttone.fleetadmin .btn-success{
  /* background: #07101e url(../images/fleet-nav-bg.jpg) 0 0 repeat-x;
  border: 1px solid rgba(185,185,185,0.5); */
  /* background: #2c2543;
  border: 1px solid rgb(44 37 67); */
  background: #5e3ecd;
  border: 1px solid rgb(98 65 213);
}
.lighttone.fleetadmin .btn-success.active, 
.lighttone.fleetadmin .btn-success.focus,
.lighttone.fleetadmin .btn-success:active,
.lighttone.fleetadmin .btn-success:focus,
.lighttone.fleetadmin .btn-success:hover,
.lighttone.fleetadmin .open>.dropdown-toggle.btn-success {
    /* background: #213205 url(../images/nav-active-bg.jpg) left bottom repeat-x;
    border: 1px solid rgba(162,221,80,0.5); */
    background: #170587;
    border:1px solid rgb(29 18 136);
}
.head-box .row {margin-right: -10px;margin-left: -10px;}

.login-container{width:400px;margin:0 auto;position: absolute;box-shadow:0 2px 20px 12px rgba(4, 27, 49, 0.30); padding:24px 24px 4px 24px;
  left: 50%; top: 50%; margin-top: -200px; margin-left: -210px;
  background: url(../images/Login-bg.png) top center no-repeat;background-size: 100%;}
.login-container p{text-align: center;color:#135ead;display: none;}
.login-container .input-group{   
   /* border: 1px solid #d0cece; */
  /* border-radius: 8px;  */
     /* box-shadow: 1px 2px 7px -2px #000; */
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-top: 11px;
  margin: 0 auto;}
.lighttone .login-container .form-control, .lighttone .login-container input:-webkit-autofill{border:0px solid red;background-color: transparent;}
.lighttone .input-group-addon{ border: 0px solid red; padding:7px 26px 8px 16px;
  margin: 3px;float: left;position: absolute; z-index: 99;border-right: 1px solid #cdcdcd;}
  .lighttone .has-success .input-group-addon {color: #cdcdcd;background-color: transparent;}
.lighttone .login-container .errorMsg {top: -22px; right:32px;}
.login-container .loginbtn{width: 100%; border-radius: 25px; padding:0px;
    /* border: 3px solid #000; */
    color:#fff;font-size:16px;
    border-radius:8px;
    height: 50px;
    font-weight:bold;
    background-color:#6239D3 ;
    /* box-shadow: 0 0 6px rgba(0,0,0,1); */
  }
.login-container .loginbtn span{width: 100%;  display: block;padding:5px;color: #fff;border-radius: 25px;
  text-shadow:0px 1px 1px #000;}
.lighttone .login .content2 .login-form .form-control {padding-left:10px;  }
#vehicleTrackerList .tripbtn{padding:5px 8px;}
.login-container input, .login-container input:-webkit-autofill, .login-container textarea:-webkit-autofill, .login-container select:-webkit-autofill {
  background-color: #fff !important;
}
.popper-content {
    display: table;
}

.popper-content .popover-title {
    font-weight: bold;
    display: table-caption;
    padding: 8px 20px;
    white-space: nowrap;
}

.popover-detail {
    width: 33%;
    display: table-cell;
    border-right: 1px solid #ddd;
    padding: 3px 6px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.popover-detail:last-child {
    border: none;
}

/*placement sorting icon top right*/
.table.sortable > thead > tr th.sorting{position: relative;padding-right: 20px;}
.table.sortable > thead > tr th.sorting:after, .table.sortable > thead > tr th.st-sort-ascent:after, .table.sortable > thead > tr th.st-sort-descent:after
{
    position: absolute;top: 9px;right: 0px;}


.table-scroll{width:100%;overflow-y:scroll;}
span.sub-menu{padding: 6px;
  float: left;
  width: 100%;
  border-radius: 25px;
  box-sizing: border-box;}
.clear-fix{clear:both;}
.c-setting-option{margin-bottom:15px;    padding: 0;}
.c-setting-options{margin-bottom:15px;    padding: 10px;}
.c-option-label{width:140px;float:left;}
.c-option-label p{margin: 10px 0;}
/*.c-option{width: 110px;float: left;text-align: right;}*/
.c-option span{display: inline-block;}
.c-option label{height:30px;padding: 10px 0;float:left;width: 125px}
.c-option input{margin: 0 2px 3px 0px;}
.c-option-1 label{width: 140px;}
.c-option .label-2{width:60px;}
.line-bottom{border-bottom: 1px solid #ccc;padding-bottom:10px}
.options{margin-top:15px;}
/*.address{    margin-left: 130px;  margin-top: 15px;  clear: both;  float: left;}*/
.form-group{position: relative;}
.form-group .poppoint {    width: 26px;
  height: 26px;
  display: block;
  text-align: center;
  position: absolute;
  top: 4px;
  right: 19px;
}
.large.tooltip-inner {
  max-width:210px;
  width:210px;
}
.two-lines{margin-top:-15px;}

.countryCodeaccountprofile{
  margin-top: 0px
}
@media (max-width: 1518px){
  .countryCodeaccountprofile{
    margin-top:-11px
  }
}
@media (max-width: 1180px) {
  .lighttone .sidebar-nav {padding: 10px;}
  .lighttone .active #menu-toggle {background: url(../images/carriar-admin-maxmize.png) 0 0 repeat;}
  .lighttone #menu-toggle{background: url(../images/carriar-admin-minimize.png) 0 0 repeat;}  
  .lighttone.fleetadmin .active #menu-toggle {background: url(../images/maxmize.png) 0 0 repeat;}
  .lighttone.fleetadmin #menu-toggle {background: url(../images/minimize.png) 0 0 repeat;}

  .lighttone .active .sidebar-nav {padding: 10px 4px;}
  .lighttone #wrapper.active .sidebar-nav li a i {float: right;margin-right: 0px;/*width: 44px !important;*/}
  .lighttone #wrapper .sidebar-nav li a i {float:left;}
  .active .left-bottom { display: none;  }
  .left-bottom { display:block;  }
  .lighttone .boxforbox .panel .panel-body h3 {font-size: 24px;margin-top: 0px;  }
  .lighttone .boxforbox .panel .panel-body h6 {font-size: 13px;margin-top: 4px;line-height: 16px;}
.lighttone .active .boxforbox .panel .panel-body h3 {font-size: 32px; margin-top: 11px;}
.lighttone .active .boxforbox .panel .panel-body h6 {font-size: 16px;margin-top: 12px;line-height: 20px;}

}

@media (max-width: 1000px) {
  .lighttone.fleetadmin .boxforbox .panel .panel-body {border-radius: 0;}
  .head-box .panel-body {padding: 4px;}
  .active .head-box .panel-body {padding:8px;}
  .lighttone .boxforbox .panel .panel-body h3 {font-size:16px;margin-top: 0px;  }
  .lighttone .boxforbox .panel .panel-body h6 {font-size: 10px;margin-top: 0px;line-height: 11px;}
  .lighttone .boxforbox .panel .panel-body h6 span {font-size: 10px;}
  .lighttone .active .boxforbox .panel .panel-body h3 {font-size: 24px;margin-top: 0px;}
  .lighttone .active .boxforbox .panel .panel-body h6 {font-size: 12px;margin-top: 4px;line-height: 16px;}

  .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 8px;padding-left: 8px;}
    .d-picker-right ._720kb-datepicker-calendar{right:0;}
    .lighttone .bottom-legend.map-legend li {padding: 5px;}
    .map-legend li span {width: 100%;}
}
@media screen and (min-width: 1000px) and (max-width: 1100px) {
  .dateform {right: 0px; padding: 8px 3px;/*width: 100%;*/}
  
}
@media (max-width: 1100px) {
  .lighttone .navbar-header {float: left; margin-top: 12px; }
  .lighttone .navbar-toggle, .lighttone .navbar-toggle:hover {padding: 2px;margin: 9px;font-size: 12px;border: 0px solid red;background-color: #000;}
  .lighttone.fleetadmin .lighttone .navbar-toggle {background-color: #444;}
}
@media (min-width: 1100px) {
  .navbar-toggle {display: none  }
  .navbar-collapse.collapse {
    display: block!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    visibility: visible!important
  }
}
@media (max-width: 700px) {
  .lighttone #wrapper, .lighttone #wrapper .nav-top-fix {padding-left: 50px;}

  #wrapper .modal-lg { width:1010px;max-width:96%; top:0; margin-top:0px;}
#wrapper .modal-lg2 {  width: 1010px;max-width: 96%; top:0; margin-top:0px;}
.two-lines { margin-top:0px;}
}
.padding-no{padding:0}
#wrapper .modal-lg4 {
  width: 350px;
  max-width: 52%;
  top: 50%;
  margin-top: -150px;
}
#wrapper .modal-lg5 {
  width: 416px;
  max-width: 52%;
  top: 50%;
  margin-top: -150px;
}

.l-padding-no{padding-left:0px}
.r-padding-no{padding-right:0px}
.c-card-block h1{margin:0 0 20px;}
.card-address{margin-top:20px;clear: both;float: left;}
.exp-date .errorMsg{top: -37px!important;right: 0;}
.exp-date .errorMsg.no-arrow{top: -5px!important;right: 0;}
.exp-date .errorMsg.no-arrow:after{display:none;}

.exp-date{float: left;width: auto;}
.slash{width:10px;float:left;margin: 10px 0 0 6px;}
.card-number{position: relative;}
.card-number .info-icon{    position: absolute;  right: 22px;  border:1px solid #adadad;  padding: 5px 9px;
  border-radius: 50%;    color: #185fad;cursor: pointer;
  top: 25px;}
.info-text{position: absolute;  top: 31px;display:none;  right: -1px;  width: 270px;  font-size: 11px;}
.card-number .info-icon:hover .info-text{display:block; }
.cvv{width:120px;float:left;position: relative;}
.cvv input{background:url(../images/CVV@2x.png) no-repeat right 2px!important;}
.cvv .errorMsg{top: -17px!important;}
.month-control, .year-control{width:70px;float:left;position: relative;}
/* .fa-user{-webkit-text-fill-color:#185fad!important;} */
.parent{color:#8dc63f}
.disabletab{
  opacity: 0.4;
  pointer-events:none
}
.inactiveLabel,.subscLabel{
  color: #006400;
    font-weight: bold;
    font-size: 20px;
    position: relative;
    bottom: 25px;
    text-align:right;
}
.inactiveColor
{
  color: #AA1405;
}
.toppaddingGrid{
  padding-top: 20px;
}
.tdpadding-right2 {
  padding-right: 45px !important;
}
.tdpadding-right{padding-right: 27px !important}
@media screen and (min-width:1600px){
  .two-lines { margin-top:2px;}
}

.license-no{position: relative;padding-right: 20px;word-break: break-all;width: 130px;}
.license-no a{position:absolute;top: 0px;right: -6px;}
.drivername_hos{
  color:#006400;
  text-decoration: underline;
}
.paddingright-hos{
  padding-right: 99px !important;
}
.radio-align{float:left; margin: 10px 10px 0 0;}
.radio-align input[type=radio]{float:left;margin: 1px 0 0;}
.accidentMainBox{
  font-weight: bold !important;
  color:#07101e 
}
#accidentReportModal .form-group{
  min-height: 0px !important;
}
#accidentReportModal .errorMsg{
  top: -17px;
}

.accidentbtn{  margin-bottom: 0!important;  padding: 3px 8px 3px 8px; font-size:13px; }
.accidentbtn span { background:url(../images/fnol@2x.png) no-repeat top left ; background-size:100%; width:18px; display:inline-block; margin:0 0 0 3px;  }
.hostripbtn{  margin-bottom: 0!important;  padding: 5px 8px 3px 8px; font-size:13px;  }
.hostripbtn span { background:url(../images/trippath_2.png) no-repeat top left ; background-size:100%; width:18px; display:inline-block; margin:0 0 0 3px;    border: 1px solid #ccc;
  border-radius: 4px;  }
.arrowButtons {
 background: #0B3569 !important;
 height: 34px;
}
.action-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  }
  .billingamounttxt{
    border: 1px solid black;
    margin: 0px;
    width: 52%;
    padding: 5px;
    background: #185FAD;
    color: white;
    font-weight: bold;
  }

  .amcharts-graph-label{
    font-weight: bold;
  }
  .accountHours{
    padding: 10px
  }
  .accountHours .col-md-3{
   width:10% !important;
   bottom: 7px
  }
  .accountHours option,.accountHours select{
    font-weight:bold;
  }
  .accountHours .col-md-2{
    width: 10%;
  }
  .fnolmultiemail
{
  width:100%;
  font-size: 9px;
  color: red;
  margin-top: 5px;
}
.xemplarlogo {left: 0;margin-left: 10px; position: absolute; right: 0; text-align:left;font-size: 12px; padding-top:10px;}
.browsertext {color:#FFF}
.lighttone .footertext {bottom: 5px;left: 0;margin-left: 10px;  padding-right: 15px;position: absolute;right: 0;text-align: left;font-size: 14px;font-weight:400;color:#ffffff;}

.lighttone .pwdrtext {bottom: 10px;left: 0;margin-left: 10px;  padding-right: 15px;position: absolute;right: 0;text-align: right;font-size: 14px;font-weight: 400;color:#ffffff;}


.login-container {
  background: none;
  background-color: #F4F7F9;
  border-radius:20px;
}

@media only screen and (min-width: 300px)  and (max-width: 500px)   /* Mobile version*/
{ 
  
  .lighttone .footertext { bottom: 40px;  text-align: center!important;font-size: 12px;color: #000; clear:both; margin-left: 0px;}
  .lighttone .pwdrtext  { bottom: 20px;  text-align: center!important;font-size: 12px;color: #000; clear:both; position: relative;}
  .xemplarlogo {left: 0;margin-left: 10px; position: absolute; right: 0; text-align:center;font-size: 12px; }

  .login-container {
   width: 330px;
   margin-left: -165px;
   padding:24px!important;
  }
  .lighttone .forget-pass {
    margin-top: 16px;
    display: inline-block;
    margin-left: 30%;
}

}

.loginicons {
  position: absolute;
  z-index: 9999;
  top: 16px;
  left: 14px;
  color:#6239D3;
}
/* .loginicons.fa-user.fa-lg {
    font-size: 1.6em;
} */
.lighttone .login .login-form .form-control {height: 50px;border: none;border-radius: 8px!important;padding-left: 38px;box-shadow: 0px 4px 3px rgba(20,95,173,.2);}
/* .panel-body {
	padding: 24px;
} */

.main-nav {
	height: calc(100vh - 180px) !important;
}
/* .cloneModel{
  overflow-y: auto !important;
  width: 100% !important;
} */
/* .cloneModel::-webkit-scrollbar {
  display: none;
}
.cloneModel {
  -ms-overflow-style: none;
} */
/* Apply styles for the modal body with the 'cloneModel' class */
.tripModal.cloneModel .modal-body {
  max-height: 450px;   
  overflow-y: auto;    
  padding-right: 15px; 
}

.modal-backdrop.fade.in{
  height: 0px !important;
}



/*Smart Wheels Custom CSS Starts Here 22-12-2025*/
.lighttone  .smartwheels-login-logo{
width: 277px;
margin-top:10px;
}
/* Normal input state */
.lighttone .login .login-form .form-control {
    background-color: #fff;
   color: #1a1a1a;
}

.lighttone .login .login-form .form-control:-webkit-autofill,
.lighttone .login .login-form .form-control:-webkit-autofill:hover,
.lighttone .login .login-form .form-control:-webkit-autofill:focus {
    -webkit-box-shadow:
        0 0 0 1000px #fff inset,
       0 2px 6px 0 rgba(31, 41, 55, 0.06);
    -webkit-text-fill-color: #1a1a1a;
    border-color: #ffffff;
    transition: background-color 5000s ease-in-out 0s;
}

/* Focus state (non-autofill) */
.lighttone .login .login-form .form-control:focus {
    background-color: #f0f7ff;
    box-shadow: 0 2px 6px 0 rgba(31, 41, 55, 0.06);
}

.lighttone li.sidebar-brand, .fleetadmin li.sidebar-brand {
    margin-top: 15px;
    margin-bottom: 24px;
}
.lighttone #sidebar_menu li.sidebar-brand a img , .fleetadmin #sidebar_menu li.sidebar-brand a img {
    width: 180px;
}
.lighttone #sidebar_menu li a, .fleetadmin #sidebar_menu li a {
    width:200px;
    margin: 0px 0px 0px 15px;
}


.fleetadmin #main_icon {
    top:8px;
    right:6px;
}
.fleetadmin .logout-icon{
  width:32px;
  height: 32px;
}
.fleetadmin .logout-icon {
    margin-top: 16px;
    margin-left: 10px;
}
.fleetadmin .nav-top-fix .navbar-right li > span{
  color: #ffffff !important;
  text-shadow:none !important;
  padding: 13px 0px 20px 8px;
}

.fleetadmin .inactiveLabel, .subscLabel {
    color: #aae1aa;
}

.fleetadmin .sidebar-nav li, .fleetadmin .nav-top-fix ul.sub-nav li, .navbar-toggle {
    border: 0px;
    box-shadow:none;
}

.fleetadmin #wrapper .sidebar-nav li a i{
    background: transparent !important;
    background-color: #6239D3 !important;
    /* width: 32px;
    height: 32px; */
    border-radius: 50%;
}
.fleetadmin #wrapper.active .sidebar-nav li a.active i {
    background: transparent !important;
    background-color: #1C1238 !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.fleetadmin .sidebar-nav li .fa:before{
text-shadow: none;
}
.fleetadmin .left-bottom > div{
  background: transparent !important;
    background-color:#2C2443 !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.fleetadmin .left-bottom > div a {
    margin: 10px auto 4px !important;
}
.nav>li>a {
    padding: 16px 16px;
}
.fleetadmin .greypanel .fa-calendar {
    color: #6241d5;
}
.fleetadmin .fa-calendar{
  color: #6241d5;
}

.loginicons.fa-unlock-alt {
    top: 18px;
}
/* .ng-binding.ng-scope.active {
    padding: 16px 16px !important;
} */
a[ui-sref-active="active"] {padding:16px 16px !important}


/*End Smart Wheels Custom CSS Starts Here 22-12-2025*/