body {
  overflow-y: scroll !important;
  
  }

.modal-open {
  overflow: scroll;
}

.divElementHolder {
  background-color: white
}

#divCommonOption {
  display: none;
  visibility: hidden;
}

/* #slide-out {
  margin-top: 65px;
} */
.dropdown-content{
  width: auto !important;
}

.invisible-elems {
  display: none;
  visibility: hidden;
}


/* .lazy-load{
  width: 120px;
  height: 120px;
  border-radius: 50%;

  object-fit: cover;
  object-position: center right;
} */

#divMain {
  /* margin-left: 25%; */
}

  /* padding-left: 27px !important; */
  /* padding-left: 27px !important; */
.textbox-search {
  background: #fff !important;
  text-indent: 1em;
  font-size: 0.9em !important;;
  border: 1px solid #71b32a !important;;
  border-radius: 10px 10px 10px 10px !important;;
  letter-spacing: 0.8px !important;;
}

#txtSearchDate, #txtSearchTime {
  background-color: white;
  border: 1px solid #71b32a;
  border-radius: 10px 10px 10px 10px;
  text-indent: 0.5em;
}

#searchBtn, #btnNextTripProposeDetail{
  display: block;
  margin: auto;
}
/* User Panel stuff */
#txtTripDetails2 {
  visibility: hidden;
  display:none
}

#btnUpdateUserImg, #btnUpdateCarImg {
  width: 100%; 
  background-color: #71b32a; 
  visibility: hidden; 
  display:none
}

.divTripImg{
  width:50%
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  /* #slide-out {
    background: red;
    margin-top: 56px;
  } */
  #divMain {
    /* margin-left: 6%; */
  }
  #divProposeTripMain {
    height: 100%;
  }
  .img-driver, .img-car {
    max-width: 100px;
    height:100px; 
    border-radius: 50%;
    margin-left: 10%
  }
  #userImgDiv{
    padding: 0 0.1rem;
    margin-top: 0%;
  }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  /* #slide-out {background: green;} */
  /* #divMain {
    margin-left: 8%;
  } */
  #divProposeTripMain {
    height: 100%;
  }
  .img-driver, .img-car {
    max-width: 100px;
    height:100px; 
    border-radius: 50%;
    margin-left: 10%
  }
  #userImgDiv{
    padding: 0 0.1rem;
    margin-top: 0%;
  }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  /* #slide-out {background: blue;} */
  /* #divMain {
    margin-left: 10%;
  } */
  #divProposeTripMain {
    height: 100%;
  }

  .img-driver, .img-car {
    max-width: 100px;
    height:100px; 
    border-radius: 50%;
    margin-left: 10%
  }
  .divPrice {
    margin-top: 0%;
    margin-left: auto;
    margin-right: auto;
  }
  #userImgDiv{
    margin-top: 0%; 
    padding: 0 0.1rem;
  }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  /* #slide-out {background: orange;} */
  #divMain {
    /* margin-left: 30%; */
  }
  #divProposeTripMain {
    height: 100%;
     margin-left:15%
  }
  .img-driver, .img-car {
    max-width: 90px;
    height:90px; 
    border-radius: 50%;
    margin-left: -10%
  }
  #userImgDiv{
    margin-top: 10%; 
    padding: 0 0.75rem;

  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  /* #slide-out {background:#e6f7ff;} */
  #divMain {
    margin-left: auto;
    margin-right: auto;
  }

  #divProposeTripMain {
    height: 100%;
     margin-left:15%
  }

  .img-driver, .img-car {
    max-width: 120px;
    height:120px; 
    border-radius: 50%;
    margin-left:5%
  }

  .divPrice {
    margin-top: 15%; 
    margin-left:15%; 
    margin-right: auto
  }
  #userImgDiv{
    margin-top: 10%; 
    padding: 0 0.75rem;
  }
  /* #slide-out{
    z-index:1;
  }
  #bottom-footer{
    z-index: 1;
  }
  #mainDiv {
    z-index: 0;
  } */
}

@media screen and (max-width: 1001px) {
  /* body {
    background-color: red;
    color: white;
  } */
  /*mobile. hide web */
  .btnWhatsAppWeb{  
    display: none  
  }  
}

/* On screens that are 600px wide or less, the background color is olive */
@media screen and (min-width: 1000px) {
  /* body {
    background-color: olive;
    color: white;
  } */
    /*mobile. hide web */
  .btnWhatsAppMobile{  
    display: none  
  }  
}

/* @media only screen and (max-width: 600px) {
  #divCommonOption
  {
    display: block;
    visibility: visible;
  }

  #slide-out {
    margin-top: 56px;
  }

  #divMain {
    margin-left: 25px;
  }
}

@media only screen and (max-width: 768px) {
  #divMain {
    margin-left: 55px;
  }
} */