#edit-car-container{
   display:flex;
   flex-wrap: wrap;
}

.vehicle_card_form{
   padding-top: 58px;
   padding-bottom: 58px;
}

form#post_car_form {
   max-width: 1400px;
}

div#vehicle-image-container {
   width: 43%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-bottom: 14px;
}

div#vehicle-info {
   width: 57% !important;
}

div#upload-image-gallery{
   overflow:auto;
   /*height:484px;*/
   overflow-x:hidden;
}

#upload-image-gallery::-webkit-scrollbar {
   width: 8px;
   height: 450px;
   padding-top: 20px;
}

#upload-image-gallery::-webkit-scrollbar-thumb {
   background-color: rgb(173, 173, 173);
   border-radius: 10px;
}

#vehicle-info .form-entry input[type=text]{
   width:198px;
}



.title-container{
   /*
   display:flex;
   flex-wrap: wrap;
   flex-direction: column;
   justify-content: center;
   align-items:center;*/
}

.misc-container {

   display: flex;
   /*
   justify-content: center;
   align-items: center;
   max-width: 389px;*/
}



.odometer-container {
   display: flex;
   width: 72%;
}


input#car_odometer {
   width: 127px !important;
}

#car_description{
   text-align:left;
}


#vehicle-info .form-flex{
  justify-content: left;
  width:100%; 
}

#vehicle-info .form-entry{
   width:auto;
   justify-content: left;
   padding:12px;
}

#vehicle-info .entry-content{
   text-align:left;
   width:100%;
}

#vehicle-info input:not([type='radio']),
#vehicle-info select{
   width:100% !important;
}

#vehicle-image-container .update-btn,
#vehicle-image-container .white-btn{
   width:100%;
   padding:25px;
}

#vehicle-image-container .sold-customer .form-entry{
   width:auto;
}

.sold-and-update {
   position: absolute;
   width: 100%;
   bottom: 0;
}

.booking-url, #salesperson-booking-options{
   padding: 9px !important;
   width: 230px !important;
   border-radius:5px;
   font-size:19px;
}

.top-flex {
   display: flex;
   justify-content: center;
   gap: 101px;
}

.top-flex div{
   padding:20px;
}

@media screen and (max-width: 1200px){
   #vehicle-info .form-flex{
      flex-direction: column;
   }

   #vehicle-info .form-entry{
      width:100% !important;
   }

   div#upload-image-gallery{
      overflow:auto;
      max-height:1180px;
   }

   .border-right{
      border-right: solid rgba(153, 153, 153, 0.459) 0px;
   }
}


@media screen and (max-width: 800px){
   #edit-car-container{
      flex-direction: column;
      justify-content: center;
   }

   div#vehicle-info {
      width: 100% !important;
   }

   div#vehicle-image-container {
      width: 100% !important;
   }
}
