@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,500,700');

body{font-family: 'Roboto', sans-serif;}
.navbar-dark .navbar-nav .nav-link{  color: #000; }
a{text-decoration:none;}
a:hover{text-decoration:none;}
.bg-banner{background: url(../../images/banner-bg.jpg) no-repeat 0 0 / 100%;  width: 100%;   height: auto; }


/* TOGGLE STYLING */
.toggle {
  margin: 0 0 1.5rem;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.toggle input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}
.toggle input + label {
  margin: 0;
  padding: .40rem 1rem;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  border: solid 1px #DDD;
  background-color: #FFF;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 600;
  text-align: center;
  box-shadow: 0 0 0 rgba(255, 255, 255, 0);
  transition: border-color .15s ease-out,  color .25s ease-out,  background-color .15s ease-out, box-shadow .15s ease-out;
  /* ADD THESE PROPERTIES TO SWITCH FROM AUTO WIDTH TO FULL WIDTH */
  /*flex: 0 0 50%; display: flex; justify-content: center; align-items: center;*/
  /* ----- */
}


.day.new, .day.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.toggle input + label:first-of-type {
  border-radius: 6px 0 0 6px;
  border-right: none;
}
.toggle input + label:last-of-type {
  border-radius: 0 6px 6px 0;
  border-left: none;
}
.toggle input:hover + label {
  border-color: #213140;
}
.toggle input:checked + label {
  background-color: #19a138;
  color: #FFF;
  box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
  border-color: #19a138;
  z-index: 1;
}
.toggle input:focus + label {
  outline: dotted 1px #CCC;
  outline-offset: .45rem;
}
.navbar-toggler:focus{outline: none;}
.navbar-toggler{border:1px solid #00cf98; border-radius: 0; line-height: 1.3;}
.form-control:focus {
    
    box-shadow: 0 0 0 0rem rgba(0,123,255,.25) !important;
}
.text-warning-dark{color: #e4ad07!important;}
.jq-ry-container{margin-left:35px !important;}
.form-control{-webkit-appearance:none !important;}
.responsive-author-width {
    padding: 0px;
    width: 48%;
}
.responsive-name-width {
    width: 80%;
}
.responsive-colon-width {
    width: 20%;
}

.vehicle-image-edit input:hover {background-color:#000; opacity:0.7;}
.vehicle-image-edit #back_vehicle_image:hover {background-color:#000; opacity:0.7;}
.vehicle-image-edit input:hover .label-for-vehicl-image { color:#fff !important;}

.label-for-vehicl-image {display:none;}
.vehicle-image-edit:hover .label-for-vehicl-image {
	display:block;
    top: 40%;
    position: absolute;
    left: 43%;
    color: #fff;
    z-index: 99;
}
.font-size-smx{font-size:14px;}

#driver-form .custom-light-green h4{font-size: .85rem;}

#vehicle-form .files img{min-height: 110px; max-height: 110px;}






@media (max-width: 800px) {
  .toggle input + label {
    padding: .75rem .25rem;
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

/* STYLING FOR THE STATUS HELPER TEXT FOR THE DEMO */
.status {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
}
.status span {
  font-weight: 600;
  color: #B6985A;
}
.status span:first-of-type {
  display: inline;
}
.status span:last-of-type {
  display: none;
}
.custom-checkbox{margin-top: 8px;}


@media (max-width: 1199px){
  #driver-form .h-100.text-center img.h-75{height: 70%!important;}
  .how-it-work .col-md-10 .card-text {margin-left: 61px;}
}

@media (max-width: 1000px) and (min-width: 768px) {
.responsive-width{width:100%;}
.responsive-width.col-md-8{width:100%;}
.responsive-none{display:none;}
}




@media (max-width: 1000px) {
	.driver-card-header .col-md-1{width:10% !important;} 
.driver-card-header .col-md-11{width:90% !important;}  
	
	
	
	}

  @media (max-width: 990px){
    #v-pills-tabContent .card-title .col-md-5{ padding-left: 15px!important; font-size: 16px; }
    #driver-form .h-100.text-center img.h-75{height: 66%!important;}
    .how-it-work .col-md-10 .card-text {margin-left: 45px;}
    #vehicle-form .files img {min-height: 78px;}
    #driver-form  h5{font-size: 1rem;}
    #driver-form  h4{font-size: 1.25rem;}
  }

@media (max-width: 800px) {
  .status span:first-of-type {
    display: none;
  }
  .status span:last-of-type {
    display: inline;
  }

  
  
}
@media only screen and (max-width:767px){
	

.vh-100 {
    height: auto!important;
    margin-bottom: 15px;
}
.edit-text {
    right: 5px !important;
    top: 80px !important;
    width: 56px !important;
    text-align: right;
}	
.card-body{padding:0px !important;}	
.custom-checkbox{float: right;
    margin-top: 0px;}
	
.w-90{width:90%;}
.card-title .col-md-2, .card-title .col-md-7{width:auto !important; margin:0px 3px !important; padding:0px !important;}
.card-title .col-md-5{margin:0px 3px !important; padding:0px !important; text-align: center;}
#v-pills-tabContent .card-title .col-md-3 .input-group .form-control{margin: 0 35px;}
#v-pills-tabContent .card-title .col-md-6.text-primary{text-align: center;}
#vehicle-form .col-md-3.h5.pl-0 {padding-left: 15px!important;}
#vehicle-form hr.mt-lg-4.mb-0{height: 0!important; margin-top: 0!important;}
#vehicle-form .input-group-addon small{padding-left: 28px;}
.dropdown-css-card::before {
    
    top: 18px;
    
    width: 8% !important ;
    height: 2% !important;
    
    
    line-height: 24px !important;
    
}
.dropdown-css-driver::before {
    
    width: 7% !important;
   
    
}
.dropdown-css-tax::before {
   
    right: 3px !important;}

.responsive-padding-margin {
    padding: 0px 14px;
}

.text-sm-center{text-align:center !important;}	
.payout-button {
    padding: 6px !important;
    margin: -12px 0px 10px;
    float: left;
}
.responsive-spacing {
    margin: -40px 32px 10px!important;
}

.custom-green .card-body{padding:.75rem;}
#v-pills-tabContent .tab-content.responsive-spacing{margin: 30px 0 0!important;}
#v-pills-tabContent.tab-content.col-md-9{padding: 0;}
#v-pills-tabContent.tab-content .license-plate{margin-bottom: 1.5rem!important;}
#v-pills-tabContent.tab-content input[name="license_plate_number"]{width: 88%!important; margin: 0 auto;}
#driver-form .h-100.text-center img.h-75{height: 75%!important;}
#driver-form .custom-light-green h4 {font-size: 1.25rem;}
.how-it-work .col-md-1 img{max-width: 45px;}
.how-it-work .col-md-10 .card-text {margin-left: 0px;}
#myCarousel .carousel-control-next, #myCarousel .carousel-control-prev{display: none;}
#vehicle-form .files img{max-width: 50%;}
#v-pills-tabContent form.col-lg-8{padding: 0;}
.card.card-signin{margin-bottom: 37px;}
#v-pills-home {margin-bottom: 46px;}
.card.card-signin .card-footer, #company-form button, #v-pills-home #save-button{position: fixed; bottom: 0; left: 0px; right: 0px;}
.card.card-signin .card-footer .btn, #company-form button, #v-pills-home #save-button{font-size: 14px; padding: .75rem!important;}
.nav.nav-pills.pt-4{padding-top: 0!important;}
	}

  @media (max-width: 568px){
    #v-pills-tabContent.tab-content.col-md-9{padding: 0 15px;}
  }

@media only screen and (max-width:480px){
  
.mob-res{ width: 100%; height: auto; }
#v-pills-tabContent.tab-content input[name="license_plate_number"]{width: 84%!important;}
}

@media(max-width: 420px){
  #v-pills-tabContent.tab-content input[name="license_plate_number"]{width: 82%!important;}
}
@media (max-width: 380px){
  .driver-card-header .col-md-11 {width: 86% !important;}
    #v-pills-tabContent.tab-content input[name="license_plate_number"]{width: 78%!important;}
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link{  color: #000;   background-color: #00cf98; }
.nav-pills .nav-link {
    border-radius: .25rem;
    background: #e6e6e7;
    color: #5f5f5f;
	font-weight: 500 !important;
	font-size:18px;
}


.green-btn{ background: #28a745; border: 1px solid #28a745; }

.jumbotron-heading{ font-weight:300;   }

ul.footer-bx{ display: block; margin:0; padding: 0; list-style: none;  }
ul.footer-bx a{ color: #fff; font-weight: 300;  }


.custom-nav a{ color: #333; }
.custom-nav .active a{ color: #fff; }

.custom-nav li{ padding: 0 10px 0 10px; text-align: right; }

.edit-text {
    right: -69px;
    top: 44px;
    width: 60px;
}
.yellow_bg{ background: #f8f3b3; }


.bg-yellow{background: #d8e501; border:1px solid #bdc802;}
.line-height-bx{ line-height:30px; }



.lh2{ line-height:2.5rem; }



.file {
    position: relative;
    overflow: hidden;
    float: none;
    margin: 0px auto;
}
.file input {
    position: absolute;
    font-size: 100px;
    top: 102%;
    left: 50%;
    transform: translate(-50%, -100%);
    opacity: 0;
}



.files {
  position: relative;
  overflow: hidden;
}
.files input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
  cursor: pointer;
  height:100%;


}
 .card-title .cust-icon i {
    font-size: 30px !important;
    font-weight: 300;
    color: #848383;
}

.custom-light{ background:#e6e6e7; }
.custom-light-green{ background:#00cf98; }
.custom-light-green-text{ color:#00cf98; }
.custom-light-grey{ background:#ebebeb; }
.custom-green{ background:#00cf98; }
.custom-blue{ background:#0054a6; }


.form-group .help-block {
    color: red;
}
.text-light-green {color:#00cf98;}




.form-control:disabled, .form-control[readonly] {
    background-color: #ebebeb;
}

hr{ height:2px !important;}


.child {
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
}



.driver-pops input {
    position: absolute;
    font-size: 50px;
    opacity: 0;
    bottom: 0%!important;     top: -100%!important; 
    left: 50%;
    transform: translate(-50%, 50%) !important;
}

hr{    border-top: 1px solid rgba(0, 0, 0, 0.22) !important;}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.size-small {
    font-size: 8px;
    margin: 7px 4px;
    float: left;
    margin-bottom: 20px;
}
.modal-footer {
    border-top: 0px !important;
    padding-top: 0px !important;
}
.modal-content {
    border-radius: 1rem !important;
}

.dropdown-css::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 33px;
    right: 8px;
    width: 9%;
    height: 42%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #495057;
    pointer-events: none;
    background-color: #f8f9fa;
}
dropdown-css-tax::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 34px;
    right: 17px;
    width: 4%;
    height: 26%;
    text-align: center;
    font-size: 40px;
    line-height: 17px;
    color: #495057;
    pointer-events: none;
}
.dropdown-css-card::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 20px;
    right: 8px;
    width: 4%;
    height: 5%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #495057;
    pointer-events: none;
    background-color: #ebebeb;
}

.dropdown-css-card::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 20px;
    right: 8px;
    width: 4%;
    height: 5%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #495057;
    pointer-events: none;
    background-color: #ebebeb;
}
.dropdown-css-driver::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    right: 10px;
    width: 5%;
    height: 80%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #495057;
    pointer-events: none;
    background-color: #f9f9f8;
}
/*.ad-vehicle-dropdown-css::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 0px;
    right: 10px;
    width: 5%;
    height: 80%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #495057;
    pointer-events: none;
    background-color: #f9f9f8;
}*/
.card-payout .table td, .table th{
font-size: 15px;
}
.payout-button {
    padding: 6px !important;
}



.carousel-control-prev{background: url(../../images/left.png) no-repeat center;}
.carousel-control-next{background: url(../../images/right.png) no-repeat center;}

.help-block {
    color: red;
}

.validate-block {
    color: red;
	display:none;
}

.paid-amount ul{margin: 0; padding: 0; list-style: none;}
.paid-amount li{display: inline-block;}
.paid-amount li a{font-size: 40px; color: #000;}
.paid-amount li span{font-size: 30px;}
.paid-amount li:nth-child(2){margin: 0 30px;}
.paid-amount p.paid{color: #5f5f5f; font-size: 14px;}
.files.custom-light-green.btn{color: #212529; font-size: 14px; margin-top: 23px!important;}
#driver-form .files.custom-light-green.btn{margin-top: 0!important;}

@media (max-width: 320px){
  .custom-nav li{font-size: 12px;}
  #v-pills-tabContent.tab-content input[name="license_plate_number"]{width: 76%!important;}
}