@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; }

.bg-banner{background: url(../../images/banner-bg.jpg) no-repeat 0 0 / cover;  width: 100%;   height: auto; }


.navbar-toggler.navbar-toggler {
    border-color: rgb(51,51,51);
}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(51,51,51, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

a{text-decoration:none;}
a:hover{text-decoration:none;}


.bg-red{background: #bd2130;}
.bg-green{}
.bg-success {
    background-color: #00cf98!important;
}


.hidden-xs {
  display:none !important;
}
.custom-light-green {
    background: #00cf98;
}
.text-warning-dark{color: #e4ad07!important;}
.jq-ry-container{margin-left:35px !important;}



/*====css-changes-history-input-date-12-09-2019========*/
.history-clnder .form-control{padding:5px 0 5px 45px;}
.history-clnder{position:relative;}
.date-clndr-history{position: absolute;left: 35px;top: 50%;transform: translateY(-50%);}
.bs-popover-bottom {
    
    font-size: 16px;
}
/*====css-changes-history-input-date-12-09-2019========*/


/* 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;*/
  /* ----- */
}
.toggle input + label:first-of-type {
  border-radius: 0px 0 0 0px;
  border-right: none;
}
.toggle input + label:last-of-type {
  border-radius: 0 0px 0px 0;
  border-left: none;
}
.toggle input:hover + label {
  border-color: #213140;
}
.toggle input:checked + label {
  background-color: #00cf98;
  color: #000;
  box-shadow: 0 0 10px rgba(102, 179, 251, 0.5);
  border-color: #00cf98;
  z-index: 0;
}
.toggle input:focus + label {
  outline: dotted 1px #CCC;
  outline-offset: .45rem;
}

.navbar-toggler:focus{outline: none;}

.referal_msg{display:block !important;}
.left-auto{left:auto !important;}
.no-drop-arrow{ -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';}
	
.responsive-drop{position:absolute; right:0px;}	
.bg-light-hover:hover{background: #f8f9fa!important;}	
.border-top {
    border-top: 1px solid #dee2e6!important;
}
.responsive-author-width {
    padding: 0px;
    width: 48%;
}
.responsive-name-width {
    width: 80%;
}
.responsive-colon-width {
    width: 20%;
}
.text-small-15{font-size:13px;}
.table tr .chil-d-none{display:none !important;}
.table tr:first-child .chil-d-none{display:block !important;}
.table .table-no-border tr:first-child{border-top:0px !important;}
.gps_details_finish_trip, .gps_details_on_way {
    border-top: 2px solid #656464;
}
.green-btn-font {
    font-size: 1rem !important;
}



	

@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;
}
@media (max-width: 800px) {
  .status span:first-of-type {
    display: none;
  }
  .status span:last-of-type {
    display: inline;
  }
  .custom-nav li {
    padding: 0 10px 0 10px !important;
}
.w-25{width:100% !important;}
}


.nav-pills .nav-link.active, .nav-pills .show>.nav-link{  color: #343a40;   background-color: #00cf98; }
.nav-pills .nav-link {
    border-radius: .25rem;
    background: #fff;
    color: #5f5f5f;
}


.green-btn{ background: #00cf98; border: 1px solid #00cf98; font-size: 1.2rem; }

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

ul.footer-bx{ display: block; margin:0; padding: 0; list-style: none;  }
ul.footer-bx a{ color: #000; font-weight: 300;  }
.dropdown-menu li:hover{background:#00cf98;}
.dropdown-menu li:hover a{color:#fff;}
.custom-nav a{ color: #333; }

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

.custom-nav li{ padding: 0 20px 0 20px; }
.ui-widget-content{background: #eeeeee !important;}

.edit-text {
    right: 15px;
    top: 0px;
}
.content .alert-success {float: none;
    margin: 0px auto;
    font-size: 17px;
    text-align: center;
	width:500px;}
.content .alert-success h2 {
    font-size: 19px;}
   



.yellow_bg{ background: #f8f3b3; }


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



.signup .edit-text { right: 15px; top: 2px;}
.bg-company_cust{background: #e6e6e7;}

.bg-company_cust1{background: #e6e6e7 !important;}
.bg-company_cust .active{background: #00cf98 !important;}

.form-signin{ color: #969696; }
.form-signin a{ color: #969696; }
.form-signin a.btn-primary{color: #fff;}

.edit-text2 {
    right: -25px;
    top: 12px;
}
.edit-text3 {
    right: -35px;
    top: 12px;
}
label.error{

  color:red;
  font-size:13px;
}


.bg-light-custom {
    background-color: #e5e5e5!important;
}



.navbar-nav .active{ background: #00cf98!important;  color: #ffffff; }
.stripe-button-el{     width: 100%!important;
    /* border-radius: 0px !important; */
    border: none!important;
    box-shadow: none!important;
    border-radius: 0!important;
    background-image: none !important; }
.stripe-button-el span{ background: #00cf98!important; width: 100%!important;  position: relative;
    padding: 10px 12px 0 !important;
    height: 50px!important; 
    height: 50px!important; 
   line-height: 30px !important; font-size: 18px !important;   border: 1px solid #00cf98; }

.ui-timepicker-viewport .ui-menu .ui-menu-item {
   
     font-size: 13px;
    font-family: arial;
    width: auto !important;
}
::-webkit-scrollbar {
  width: 2px;
}

.text-small-15{font-size:15px !important;}
.bg-light-custom input{  padding: 10px .50rem;   height: auto;}
.bg-light-custom select {
    padding: 8px .50rem;
    height: 41px;
}
.padding-3 {padding:3px !important;}
.form-control{font-size: .85rem !important; -webkit-appearance:none;}

#add_stop i{ font-size: 12px;  }

.size12 i{ font-size: 12px;  }

.bg-light-custom a.active:hover{background: #0062cc; color: #fff !important;}

.toggle input:checked + label:hover{background: #0062cc; color: #fff !important;}
a.text-success:focus, a.text-success:hover {
    color: #0062cc!important;
}

.info-mart{ margin-top:-6px!important; }

.form-select-car{     padding: 3px;
    color: #555;
    border-radius: 5px;
    background: #fafafa; }


.small-size-icon {     font-size: 8px;
    margin-top: 7px;
    padding-right: 6px;
    float: left;
	margin-bottom:15px;
 }


.small-size-icon2 {
    font-size: 8px;
    margin-top: 7px;
    padding-right: 20px;
    float: left;
    margin-left: -12px;
}


.small-size-icon3{
    font-size: 8px;
    margin-top: 7px;
    padding-right:0px;
    float: left;
    margin-left: -12px;
}
.datepicker-days .disabled{color: #777 !important;}
.custom-tables td {padding:.25rem !important;}
.bootstrap-touchspin-down, .bootstrap-touchspin-up{padding: .175rem .75rem !important;}
.dropdown-menu {margin-left:-3px !important;}
.text-light-green {color:#00cf98;}
.datepicker.dropdown-menu{min-width: 300px !important;}
.datepicker table {width:100%;}



.ors-custom-select::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 1px;
    right: 28px;
    width: 7%;
    height: 70%;
    text-align: center;
    font-size: 27px;
    line-height: 23px;
    color: #495057;
    pointer-events: none;
    background-color: #fff;
}

.selectcard_drop_down_values::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 26px;
    right: 7px;
    width: 3%;
    height: 6%;
    text-align: center;
    font-size: 27px;
    line-height: 34px;
    color: #000;
    pointer-events: none;
    background-color: #fff;
}



.hourly_drop_down_values::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 5px;
    right: 7px;
    width: 16%;
    height: 75%;
    text-align: center;
    font-size: 23px;
    line-height: 25px;
    color: #000;
    pointer-events: none;
    background-color: #fff;
}
/*.dropdown-select-car::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 12px;
    right: 36%;
    width: 2%;
    height: 41%;
    text-align: center;
    font-size: 27px;
    line-height: 17px;
    color: #495057;
    pointer-events: none;
    background-color: #f8f9fa;
}*/
.dropdown-css::before {
    content: "\f0dd";
	-webkit-appearance:none;
    font-family: FontAwesome;
    position: absolute;
    top: 33px;
    right: 27px;
    width: 9%;
    height: 43%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #495057;
    pointer-events: none;
    background-color: #f8f9fa;
}

.modal-footer{border-top:0px !important; padding-top:0px !important;}
.modal-dialog {max-width:360px !important;}
.modal-body{padding-bottom:0px !important;}
.modal-body p{font-size:18px; text-align:center; width:100%;}
.modal-content{border-radius:1rem !important;}
.input-group-prepend, .input-group-append{margin-bottom:.5rem !important;}


.signup .dropdown-css::before{background-color: transparent;}




@media not all and (min-resolution:.001dpcm), @supports (-webkit-appearance:none) {


    .bg-light {
    background-color: #f8f9fa!important;
}
.dropdown-css::before {
    -webkit-appearance:none;
    background-color: #f8f9fa !important;
}



}




@media (max-width: 1000px) {
	
.responsive-drop .dropdown-toggle a {
    width: 120px !important;}

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

	
	
	
	
	}


@media (max-width: 1199px){
    .album.bg-white  .col-md-10 .card-text{margin-left: 61px;}
}





@media (max-width: 800px) {
  
.driver-card-header .col-md-1{width:10% !important;} 
.driver-card-header .col-md-11{width:90% !important;}  
 .ors-custom-select::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 1px;
    left: 172px;
    width: 5%;
    height: 70%;
    text-align: center;
    font-size: 27px;
    line-height: 23px;
    color: #000;
    pointer-events: none;
    background-color: #fff;
} 
.responsive-p-0{padding-right:0px !important;}
.responsive-width-hours-hour{width:55% !important;}
.responsive-width-hours{width:22% !important;}
.responsive-width-colon{width:10% !important;}
.responsive-width-minutes{width:30% !important;}
.res-mt-4{margin-top: 1.5rem!important;}
.dropdown-css::before {
   
    top: 62px;
    right: 8px;
    width: 9%;
    height: 23%;
    
    line-height: 11px;
    
}

  
}

@media (max-width: 990px){
    .album.bg-white .col-md-10 .card-text {margin-left: 45px;}
    .album.bg-white.pb-5{padding-bottom: 0rem!important;}
    .album.bg-white .col-md-12.mt-5{margin-top: 1rem!important;}
    .signup .dropdown-css::before{right: 32px;}
}


@media only screen and (max-width:767px){
	
.vh-100 {
    height: auto!important;
	margin-bottom:15px;
}

.edit-text3 {
    right: 0px;
    top: 40px;
}	
.card-body{padding:0px !important;}	
.card-title .col-md-5, .card-title .col-md-2{width:auto !important; margin:0px 3px !important; padding:0px !important;}
.ui-menu-item .ui-corner-all {
	font-size:13px;
    width: 350px !important;
    overflow: hidden;
}
.custom-nav li{ padding: 0 ; }
.navbar-toggler{
	padding: .25rem .25rem !important;
    /*position: absolute;
    right: 80px;
    top: 0;*/
	margin:5px;}
.responsive-drop{position: absolute;
    /*right: 63px;
    top: 30px;*/}	
	
.responsive-drop .dropdown-toggle a {
    width: 70px !important;
    float: left;
    overflow: hidden;
}
	
	
.dropdown-menu{right: 0 !important; left: unset !important;}

.hourly_drop_down_values::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 4px;
    right: 7px;
    width: 7%;
    height: 83%;
    text-align: center;
    font-size: 27px;
    line-height: 31px;
    color: #000;
    pointer-events: none;
    background-color: #fff;
}
.dropdown-css::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 33px;
    right: 8px;
    width: 9%;
    height: 43%;
    text-align: center;
    font-size: 27px;
    line-height: 24px;
    color: #000;
    pointer-events: none;
    background-color: #f8f9fa;
}
/*.dropdown-select-car::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 40px;
    right: 16%;
    width: 3%;
    height: 22%;
    text-align: center;
    font-size: 27px;
    line-height: 10px;
    color: #495057;
    pointer-events: none;
    background-color: #f8f9fa;
}*/

.responsive-width-hours{width:20% !important;}
.responsive-width-colon{width:10% !important;}
.responsive-width-minutes{width:20% !important;}
.responsive-pb-5{padding-bottom:25px !important;}
.selectcard_drop_down_values::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 89px;
    right: 14px;
    width: 3%;
    height: 2%;
    text-align: center;
    font-size: 27px;
    line-height: 34px;
    color: #000;
    pointer-events: none;
    background-color: #fff;
}

.responsive-padding {
    padding: 3px !important;
}
.trip-responsive-width{width:60%!important;}
.table tr .chil-d-none{display:block !important;}
.album.bg-white .col-md-10 .card-text {margin-left: 0px;}
.album.bg-white .col-md-1.mb-5{margin-bottom: 0!important;}
.custom-nav .navbar-nav.w-75{width: 100%!important;}
.signup .dropdown-css::before{right: 22px; top: 56px;}
.ors-custom-select::before{left: auto; right: 32px;}
#add_passenger .btn-primary{margin-bottom: 1.25rem;}
}



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

.pl-xs-2{
    padding-left: .5rem!important;
}
.pr-xs-2{
    padding-right: .5rem!important;
}
.edit-text {
     right: 0; 
    display: inline-block;
    /* top: 50px; */
    margin-top: 20px;
    position: inherit!important;
    width: 100%!important;
}
.card-body {padding:0px !important;}
.btn{padding: .25rem .75rem !important;}

.mobiline{ width: 100%; float: left; }
.custom-spacing{padding-left: 0px!important;
    margin-left: 2rem!important;
    margin-top: 3rem; }
.copy_right {
    margin-top: 15px;
}
.content .alert-success {
    
	width:100%;}
.ui-menu-item .ui-corner-all {
	font-size:13px;
    width: 230px !important;
    overflow: hidden;
}
/*.dropdown-select-car::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 37px;
    right: -14%;
    width: 3%;
    height: 8%;
    text-align: center;
    font-size: 27px;
    line-height: 10px;
    color: #495057;
    pointer-events: none;
    background-color: #f8f9fa;
}*/
.form-select-car{     padding: 3px;
    color: #555;
    border-radius: 5px;
    background: #fafafa;
	width: 100%;}


.selectcard_drop_down_values::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 28px;
    right: 14px;
    width: 3%;
    height: 2%;
    text-align: center;
    font-size: 27px;
    line-height: 34px;
    color: #000;
    pointer-events: none;
    background-color: #fff;
}
.responsive-padding {
    padding: 3px !important;
}	
.text-sm-center{text-align:center !important;}	
	

 }
@media only screen and (max-width:400px){
.navbar-brand img{width: 140px;
height: auto;}
/*.responsive-drop {
   
    top: 24px;
}*/
.navbar-toggler {
    padding: .15rem .15rem !important;
	margin:2px !important;
	right: 70px;}
	
	
.selectcard_drop_down_values::before {
    
    top: 50px;
   
}	
	
	
/*.dropdown-select-car::before {
    content: "\f0dd";
    font-family: FontAwesome;
    position: absolute;
    top: 37px;
    right: -34%;
    width: 3%;
    height: 8%;
    text-align: center;
    font-size: 27px;
    line-height: 10px;
    color: #495057;
    pointer-events: none;
    background-color: #f8f9fa;
}*/

.responsive-pb-5{padding-bottom:35px !important;}

	
	}



.responsive-drop .dropdown-toggle a {
    max-width: 200px;
    float: left;
    overflow: hidden;
}
.edit-text-new{ right:0px; top: -3px;  }
.table-condensed tr .today {
    background: #fff !important;
    border: 1px solid #c1c1c1 !important;
	border-radius:0px;
}
.table-condensed tr .active{background: rgba(0,0,0,0.5);}
.view-btn{top:50%;}
.bs-popover-top{max-width:310px !important;}

.day.new, .day.old {
    height: 0;
    line-height: 0;
    visibility: hidden;
}



.datepicker table tr td, .datepicker table tr th{ padding:.4rem !important; }


.gps_details_finish_trip.active, .gps_details_on_way.active{background-color: rgba(0,0,0,.075);}

.home-line{ line-height: 2rem; }
.navbar-brand p{font-size:13.5px !important;}
.privacy-policy ul li{margin-bottom: 10px;}
.privacy-policy ul li b{font-size: 1.1rem; margin-right: 5px;}
.privacy-policy h4{margin-bottom: 15px;}

@media(max-width: 420px){
    .responsive-drop .dropdown-toggle a{font-size: 14px; width: 60px !important;}
    .signup .dropdown-css::before{right: 32px;}
    .gmail_quote table tr{float: none!important;}
}

@media (max-width: 380px){
    .navbar-brand p{font-size: 11.2px!important;}
}

@media (max-width: 320px){
    .responsive-drop{right: 45px;}
    .custom-nav .responsive-drop{right: 0px;}
    .responsive-drop .dropdown-toggle a{font-size: 12px; width: 48px !important;}
    .responsive-drop .dropdown-toggle::after{vertical-align: super;}
   }