.help-block ul li{
    list-style-type: none;
    color: red;
    font-size: 12px;
}
.form-group .help-block ul{
    padding-left: 0.5rem;
}

.bg-gradient-x-cyan .navbar-container ul li a {
    color: #fff !important;
}
.bg-gradient-x-cyan .navbar-container ul li .dropdown-menu a {
    color: #000 !important;
}
.disel_data #from_date, .disel_data #to_date{
    height:41px !important;
}

.dropdown-item {
   padding: 0px 0px 0px 5px;
   font-size: 12px;
}
.page-item.disabled .page-link {
   font-size: 11px;
}
.page-item.active .page-link {
   font-size: 11px;
}
.table td, .table th {
   vertical-align: middle;
  padding: 5px 0px 5px 5px;
    }
.speed img {
    height: 42px;
    width: 57px;
    padding: 6px 0;
}
.total-fleet{
    width: 100%;
    text-align: center;
}
table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
   padding-right: 30px;
   font-size: 13px;
}
table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
   border-bottom-width: 0;
   font-size: 13px;
}
.app-content .wizard.wizard-circle>.steps .step {
   width: 47px;
   height: 45px;
    }
.card-header h4 {
   font-size: 13px;
}
.content-header-left h3.content-header-title.mb-0 {
   font-size: 17px;
}
.form-control {
   height: 32px;
   font-size: 12px;
}
form label {
   font-size: 13px;
}
.navbar-light .navbar-nav .nav-link {
   font-size: 12px;
}
.dropdown-item {
   font-size: 12px;
}
.position-relative .form-control.form-control-lg~.form-control-position {
    top: 0px;
}

.form-group.validate input, .form-group.validate select, .form-group.validate textarea {
    color: #47B5B8;
    border-color: #47B5B8 !important;
}
.card-link{
    font-size: 12px;
}

.btn-outline-primary, .btn-outline-warning{
  padding: 0.50rem 1rem !important;
}

input[type="file"]{
    padding-top: 4px;
}

.alert-success {
    border-color: #2cdea8!important;
    background-color: #4fcaa4!important;
    color: #053124!important;
}

/* -- additional css -- */
.pro-pic .avatar-online img {
    width: 30px;
    height: 30px;
}
.pro-pic span.user-name, .pro-pic .dropdown-toggle::after {
    position: relative;
}
.user-name p {
  color: #fff !important;
  font-weight: bold;
  margin-top: 2px;
  margin-bottom: 0;
}
.avatar{
    float: left;
}
.content-wrapper .flexbox-container .card-header.border-0 {
    background: #ecececd1;
}
.login_two_btns .col-md-6 {
    display: inline;
    padding-left: 0;
}
.login_two_btns {
    margin-bottom: 30px;
    width: 82%;
    float: left;
    margin-left: 9%;
}
.login_two_btns button.btn {
    padding: 5px 9px;
    font-size: 12px;
    border: 1px solid #cacdd2;
    width: 86%;
    margin: auto;
}
.form-group {margin-bottom: 15px !important;}
button.btn.btn-primary {
    max-width: 500px !important;
    margin: auto;
}
.login_two_btns .active_btn_frm {
    background: #01616d;
    color: #fff;
}
.login_two_btns .btn1 {
    width: 50%;
    float: left;
    text-align: center;
}
.login_two_btns button.btn:hover {
    background: #c8d2d4;
    color: #404E67;
}
/* -- View page css -- */
.view_accordion .collapse .card-content {
    background: #dfe6e6;
}
.view_accordion .card-content .panel_inr_blck p {
    background: #fff;
    padding: 7px;
    margin-bottom: 11px;
}

.view_accordion .card-header:hover {
    background: #0398a8;
}
.view_accordion .card-header:hover a.card-title.lead {
    color: #fff;
}
.view_accordion .card-header {
    padding: 0;
}
.view_accordion .card-header a.card-title.lead {
    font-weight: 600;
    font-size: 14px;
}
.view_accordion .card-header a.card-title.lead {    padding: 12px 0;
    display: block;
    color: #405370;
    margin: 0 1.5rem;
    border-bottom: 1px solid #e8e8e8;
        text-transform: capitalize;
  }
.view_accordion .card-header a.card-title.lead[aria-expanded="true"]{
  background-color: #0398a8;
  color: #fff;
  margin: 0;
  padding: 12px 1.5rem;
}
.custm_detail_top li.list-group-item {
    float: left;
    width: 24.9%;
    padding: 8px 12px;
}
.custm_detail_top ul.list-group {
    display: inline-block;
}
.custm_detail_top_wrap .card-body {
    padding-top: 0;
}
.panel_inr_blck .col-md-4 {
    padding: 0;
    border: 6px solid #dfe6e6;
    border-top: 0;
    border-bottom: 0;
}
.view_accordion .card-content .panel_inr_blck p.cont_mob {
    width: 76%;
}
.view_cab {
    float: right;
    margin-top: -32px;
    font-size: 14px;
}
.view_accordion .card-content .panel_inr_blck p.cont_mob {
    width: 76%;
}
.view_accordion .card-body {
    padding: 17px 23px 6px;
}
.card-header h4 {
    font-size: 15px;
    color: #0399a9;
    font-weight: 500;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 15px;
    margin-bottom: 0;
}
.single_row_cab {
    display:inline-block;
    width: 33%;
}
.single_row_cab p {
    margin-bottom: 0;
    padding: 9px;
    background: #f3f3f3;
    margin-bottom: 6px;
}
.single_row_cab {
    display:inline-block;
    width: 33%;
}
.single_row_cab p {
    margin-bottom: 0;
    margin-bottom: 6px;
    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}

tr.box_sing1 fieldset {
    border: 1px solid grey;
    padding: 10px 15px;
}

tr.box_sing1 > td {
    width: 100%;
    padding: 0;
}

.column_head {
    color: #fff;
    font-size: 15px;
    padding-bottom: 8px;
    font-weight: 600;
    background: #0297a7;
    padding: 5px 15px;
}
.custm_detail_top  strong {
    font-weight: 600;
}
.custm_detail_top {
    font-size: 13px;
}
.custm_detail_top .col-md-3:nth-child(3), .custm_detail_top .col-md-3:nth-child(7), .custm_detail_top .col-md-3:nth-child(9), .custm_detail_top .col-md-3:nth-child(11) {
    max-width: 30%;
    flex: 30%;
}
.custm_detail_top .col-md-6:nth-child(1) {max-width: 30%;flex: 30%;}
.custm_detail_top span, td.LeftAlignGreen {
    font-weight: 800;
    color: #0096a6;
}
.custm_detail_top .col-md-3:nth-child(5), .custm_detail_top .col-md-3:nth-child(9), .custm_detail_top .col-md-3:nth-child(13) {
    max-width: 20%;
    flex: 20%;
}
tr.box_sing1 {
    font-size: 13px;
}
tr.box_sing1 fieldset tr td {
    padding: 2px 0;
}
/* -- data table hover -- */

.dataTables_wrapper .table-hover tbody tr:hover td {
    background: grey;
}
.dataTables_wrapper table.table-bordered.dataTable tbody tr:hover td {
    background: #0297a7;
    color: #fff;
}
.dataTables_wrapper table.table-bordered.dataTable tbody tr:hover td button.btn {
    border-color: #fff;
    color: #fff;
}

.btn-group .dropdown-menu a {
    line-height: 2;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #FFFFFF;
    background-color: #00B5B8 !important;
}
.dropdown-item.active-menu{
    color: #FFFFFF;
    background-color: #00B5B8 !important;
}

.tab-active {
    background-color: #00B5B8;
    color: #FFF!important;
}


.expire{
 color: red;
 cursor: pointer;
}
.running{
 color: green;
 cursor: pointer;
}
.expire-soon{
 color: #e8e112;
 cursor: pointer;
}

.card-title{
    text-transform: initial !important;
}

.star{
    color: red !important;
}

span.select2-selection.select2-selection--single {
    height: 33px !important;
    border: 1px solid #CCD6E6;
    color: #3F587E !important;
    padding: .25em;
    font-size: 12px;
}
.hv-clr:hover{
    color: #fff;
}

.error{
    color: red;
    font-size: 12px;
}
.vj-wizard li.nav-item.active {
    background: #2ab6c7;
        width: 24%;
}

.vj-wizard li.nav-item.active a {
    color: #fff;
    font-weight: bold;
}

.vj-wizard li.nav-item.active em {
    background: #076d79;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    padding-top: 2px;
    margin-right: 10px;
}
.vj-wizard li.nav-item em {
    background: #dcdfe4;
    width: 30px;
    text-align: center;
    border-radius: 50%;
    height: 30px;
    padding-top: 2px;
    margin-right: 10px;
}
.nav-tabs.vj-wizard .nav-item {
    margin-bottom: -1px;
    width:24%;
    background: #f5f7fa47;
    border: 1px solid #37c0d1;
    margin-top: 10px;
    border-radius: 6px;
    margin-right: 10px;

}
#configuration{
    min-height: 410px;
}

.res-status .fa, .gps-status .fa {
    font-size: 26px !important;
}
.green {
    color: #046c04 !important;
}

.rotation-160{
    transform: rotate(160deg);
}
.rotation-120{
    transform: rotate(120deg);
}
.rotation-25{
    transform: rotate(25deg);
}
.rotation-35{
    transform: rotate(35deg);
}
.rotation-140{
    transform: rotate(140deg);
}
.rotation-45{
    transform: rotate(45deg);
}
.rotation-60{
    transform: rotate(60deg);
}
.rotation-170{
    transform: rotate(170deg);
}

.rotation-80{
    transform: rotate(80deg);
}
.pad-10{
    padding: 10px;
}

/*****css by Husain Ahmed******/

    .map-style {
    width: 500px;
    margin-top: 5px;
}
.map-heading h4{
  margin: 0;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
}
.map-style td {
    border: 1px solid #cecdcd;
    padding: 3px 6px;
    margin: 0;
}
.map-title {
    width: 100px !important;
}
.iStatus {
    height: 20px;
    width: 40px;
}
.s-sec .s-ind {
    width: 100%;
    float: left;
    color: #000;
    font-weight: bold;
}
.s-sec {
    text-align: center;
}
.lStatus {
    height: 24px;
}

#basic-tabs-components{
    margin-top: 15px;
}

.nopad{
    padding: 0 !important;
}
.pad-10{
    padding: 10px !important;
}
.pad-15{
    padding: 15px !important;
}
.pad-20{
    padding: 20px !important;
}
.pad-25{
    padding: 55px !important;
}
.pad-top-0{
    padding-top: 0px !important;
}
.pad-bottom-0{
    padding-bottom: 0px !important;
}
.card-header h4.no-bor{
    border: 0px !important;
    padding: 0;
}
.default-ordering .fa.fa-map-marker {
    font-size: 23px;
    color: #fa8072;
    cursor: pointer;
}
#basic-tabs-components .nav-tabs .nav-link.active {
    color: #4E5154;
    background-color: #F5F7FA;
    border-color: #37bfd0 #37bfd0 #f5f7fa;
}

#basic-tabs-components .tab-content {
    background: #f5f7fa;
    border-bottom: 1px solid #00b5b8;
    border-left: 1px solid #00b5b8;
    border-right: 1px solid #00b5b8;
}

#basic-tabs-components .nav-tabs {
    border-bottom: 1px solid #00b5b8;
}

#basic-tabs-components .nav.nav-tabs .nav-item .nav-link{
    padding: 2px 40px !important;
}

#liveFleetLocation .modal-header {
    padding: 11px;
    border-bottom: 0px solid #e5e5e5;
    background: #0399a9;
    color: #ffffff;
}

#liveFleetLocation .modal-title {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
#liveFleetLocation .close {
    color: red;
    font-size: 21px;
    opacity: 1;
}
#liveFleetLocation .m-1 {
    margin: 2px !important;
}
#liveFleetLocation{
    font-size: 12px;
}
.design{
    background: #efefef;
}
.design td {
    font-weight: bold;
}
.table.milage-report td {
    font-size: 13px;
}


.cust-btn {
    padding: 7px;
    color: #fff !important;
    width: 92%;
    margin: 20px auto;
    font-size: 13px;
}
.cust-btn a{color: #fff; text-transform: uppercase;}



/*********Husain**********/

#updateFinanceData.wizard .steps ul li:after,
#updateFinanceData.wizard .steps ul li:before {
 content:'';
 z-index:9;
 display:block;
 position:absolute
}
#updateFinanceData.wizard {
 width:100%
}
#updateFinanceData.wizard .content {
 margin-left:0!important
}
#updateFinanceData.wizard .steps {
 position:relative;
 display:block;
 width:100%
}
#updateFinanceData.wizard.wizard-circle .steps .step {
  width: 47px;
  height: 45px;
}
#updateFinanceData.wizard .steps .current-info {
 position:absolute;
 left:-99999px
}
#updateFinanceData.wizard .steps ul {
 display:table;
 width:100%;
 table-layout:fixed;
 margin:0;
 padding:0;
 list-style:none
}
#updateFinanceData.wizard .steps ul li {
 display:table-cell;
 width:auto;
 vertical-align:top;
 text-align:center;
 position:relative
}
#updateFinanceData.wizard .steps ul li a {
 position:relative;
 padding-top:52px;
 margin-top:20px;
 margin-bottom:20px;
 display:block
}
#updateFinanceData.wizard .steps ul li:before {
 left:0
}
#updateFinanceData.wizard .steps ul li:after {
 right:0
}
#updateFinanceData.wizard .steps ul li:first-child:before,
#updateFinanceData.wizard .steps ul li:last-child:after {
 content:none
}
#updateFinanceData.wizard .steps ul li.current a {
 color:#333;
 cursor:default
}
#updateFinanceData.wizard .steps ul li.current .step {
 border-color:#00B5B8;
 background-color:#FFF;
 color:#00B5B8
}
#updateFinanceData.wizard .steps ul li.disabled a,
#updateFinanceData.wizard .steps ul li.disabled a:focus,
#updateFinanceData.wizard .steps ul li.disabled a:hover {
 color:#999;
 cursor:default
}
#updateFinanceData.wizard .steps ul li.done a,
#updateFinanceData.wizard .steps ul li.done a:focus,
#updateFinanceData.wizard .steps ul li.done a:hover {
 color:#999
}
#updateFinanceData.wizard .steps ul li.done .step {
 background-color:#00B5B8;
 border-color:#00B5B8;
 color:#FFF
}
#updateFinanceData.wizard .steps ul li.error .step {
 border-color:#FF7588;
 color:#FF7588
}
#updateFinanceData.wizard .steps .step {
 background-color:#FFF;
 display:inline-block;
 position:absolute;
 top:0;
 left:50%;
 margin-left:-24px;
 z-index:10;
 text-align:center
}
#updateFinanceData.wizard .content {
 position:relative;
 width:auto;
 padding:0;
 margin:0
}
#updateFinanceData.wizard .content .title {
 position:absolute;
 left:-99999px
}
#updateFinanceData.wizard .content .body {
 padding:0 20px
}
#updateFinanceData.wizard .content iframe {
 border:0;
 width:100%;
 height:100%
}
#updateFinanceData.wizard .actions {
 position:relative;
 display:block;
 text-align:right;
 padding:0 20px 20px
}
#updateFinanceData.wizard .actions ul {
 float:right;
 list-style:none;
 padding:0;
 margin:0
}
#updateFinanceData.wizard .actions ul:after {
 content:'';
 display:table;
 clear:both
}
#updateFinanceData.wizard .actions ul li {
 float:left
}
#updateFinanceData.wizard .actions ul li+li {
 margin-left:10px
}
#updateFinanceData.wizard .actions ul li a {
 background:#00B5B8;
 color:#FFF;
 display:block;
 padding:7px 12px;
 border-radius:2px;
 border:1px solid transparent
}
#updateFinanceData.wizard .actions ul li a:focus,
#updateFinanceData.wizard .actions ul li a:hover {
 -webkit-box-shadow:0 0 0 100px rgba(0,0,0,.05) inset;
 box-shadow:0 0 0 100px rgba(0,0,0,.05) inset
}
#updateFinanceData.wizard .actions ul li a:active {
 -webkit-box-shadow:0 0 0 100px rgba(0,0,0,.1) inset;
 box-shadow:0 0 0 100px rgba(0,0,0,.1) inset
}
#updateFinanceData.wizard .actions ul li a[href='#previous'] {
 background-color:#FCFCFC;
 color:#333;
 border:1px solid #DDD
}
#updateFinanceData.wizard .actions ul li a[href='#previous']:focus,
#updateFinanceData.wizard .actions ul li a[href='#previous']:hover {
 -webkit-box-shadow:0 0 0 100px rgba(0,0,0,.02) inset;
 box-shadow:0 0 0 100px rgba(0,0,0,.02) inset
}
#updateFinanceData.wizard .actions ul li a[href='#previous']:active {
 -webkit-box-shadow:0 0 0 100px rgba(0,0,0,.04) inset;
 box-shadow:0 0 0 100px rgba(0,0,0,.04) inset
}
#updateFinanceData.wizard .actions ul li.disabled a,
#updateFinanceData.wizard .actions ul li.disabled a:focus,
#updateFinanceData.wizard .actions ul li.disabled a:hover {
 color:#999
}
#updateFinanceData.wizard .actions ul li.disabled a[href='#previous'],
#updateFinanceData.wizard .actions ul li.disabled a[href='#previous']:focus,
#updateFinanceData.wizard .actions ul li.disabled a[href='#previous']:hover {
 -webkit-box-shadow:none;
 box-shadow:none
}
#updateFinanceData.wizard.wizard-circle .steps ul li:after,
#updateFinanceData.wizard.wizard-circle .steps ul li:before {
 top:43px;
 width:50%;
 height:5px;
 background-color:#00B5B8
}
#updateFinanceData.wizard.wizard-circle .steps ul li.current:after,
#updateFinanceData.wizard.wizard-circle .steps ul li.current~li:after,
#updateFinanceData.wizard.wizard-circle .steps ul li.current~li:before {
 background-color:#F5F7FA
}
#updateFinanceData.wizard.wizard-circle .steps .step {
 width:50px;
 height:50px;
 line-height:40px;
 border:5px solid #F5F7FA;
 font-size:1.3rem;
 border-radius:50%
}
#updateFinanceData.wizard.wizard-notification .steps ul li:after,
#updateFinanceData.wizard.wizard-notification .steps ul li:before {
 top:39px;
 width:50%;
 height:2px;
 background-color:#00B5B8
}
#updateFinanceData.wizard.wizard-notification .steps ul li.current .step {
 border:2px solid #00B5B8;
 color:#00B5B8;
 line-height:36px
}
#updateFinanceData.wizard .wizard-notification .steps ul li.current .step:after,
#updateFinanceData.wizard .wizard-notification .steps ul li.done .step:after {
 border-top-color:#00B5B8
}
#updateFinanceData.wizard .wizard-notification .steps ul li.current:after,
#updateFinanceData.wizard .wizard-notification .steps ul li.current~li:after,
#updateFinanceData.wizard .wizard-notification .steps ul li.current~li:before {
 background-color:#F5F7FA
}
#updateFinanceData.wizard.wizard-notification .steps ul li.done .step {
 color:#FFF
}
#updateFinanceData.wizard .wizard-notification .steps .step {
 width:40px;
 height:40px;
 line-height:40px;
 font-size:1.3rem;
 border-radius:15%;
 background-color:#F5F7FA
}
#updateFinanceData.wizard .wizard-notification .steps .step:after {
 content:'';
 width:0;
 height:0;
 position:absolute;
 bottom:0;
 left:50%;
 margin-left:-8px;
 margin-bottom:-8px;
 border-left:7px solid transparent;
 border-right:7px solid transparent;
 border-top:8px solid #F5F7FA
}
#updateFinanceData.wizard.vertical .steps {
 display:inline;
 float:left;
 width:10%
}
#updateFinanceData.wizard.vertical .steps ul li {
 display:block;
 width:100%
}
#updateFinanceData.wizard.vertical .steps ul li.current:after,
#updateFinanceData.wizard.vertical .steps ul li.current:before,
#updateFinanceData.wizard.vertical .steps ul li.current~li:after,
#updateFinanceData.wizard.vertical .steps ul li.current~li:before,
#updateFinanceData.wizard.vertical .steps ul li:after,
#updateFinanceData.wizard.vertical .steps ul li:before {
 background-color:transparent
}
@media (max-width:768px) {
 #updateFinanceData.wizard .steps ul {
  margin-bottom:20px
 }
#updateFinanceData.wizard .steps ul li {
  display:block;
  float:left;
  width:50%
 }
 #updateFinanceData.wizard .steps ul li a {
  margin-bottom:0
 }
 #updateFinanceData.wizard .steps ul li:first-child:before {
  content:''
 }
 #updateFinanceData.wizard .steps ul li:last-child:after {
  content:'';
  background-color:#00B5B8
 }
 #updateFinanceData.wizard.vertical .steps {
  width:15%
 }
}
@media (max-width:480px) {
 #updateFinanceData.wizard .steps ul li {
  width:100%
 }
#updateFinanceData.wizard .steps ul li.current:after {
  background-color:#00B5B8
 }
 #updateFinanceData.wizard.vertical .steps {
  width:20%
 }
}


.dropdown-toggle.nav-link.dropdown-user-link {
    display: flex;
    align-items: center;
  }

  .header-navbar .navbar-container ul.nav li a.dropdown-user-link .user-name{
    margin-bottom: 0 !important;
  }

  body.modal-open .modal.fade.in{
    opacity: 1;
  }

  #customDieselSearchForm::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0 0 0 /40%);
  }