/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /*
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap');
*/
form#customer_request_form .pmu-prev svg,
form#customer_request_form .pmu-next svg
{
  width: 20px;
  height: 20px;
}
form#customer_request_form .pickmeup,form#customer_request_form  .pickmeup .pmu-instance nav,
form#customer_request_form .pmu-days,
form#customer_request_form .pickmeup .pmu-instance{
  width: 100%;
}
form#customer_request_form  .pickmeup .pmu-instance nav  .pmu-month,
form#customer_request_form  .pickmeup .pmu-instance nav{
  text-align: center;
}
form#customer_request_form .pickmeup .pmu-instance .pmu-day-of-week *,
form#customer_request_form .pickmeup .pmu-instance .pmu-days * {
  line-height: 25px;
  position: relative;
  margin: 0;
  width: calc(100% / 7);

}
form#customer_request_form  .pickmeup-label-parent{
  display: none!important;
}
form#customer_request_form .pickmeup{
  background-color: #fff;
}
.customer_request-date_wrap{
  position: relative;
}

form#customer_request_form  .pickmeup .pmu-instance .pmu-today {
  background: transparent;
  color: #000;
}
form#customer_request_form  .pickmeup .pmu-instance .pmu-selected {
  background: #000;
  color: #eee;
}


.customer_request-date_wrap a.customer_request-date{
  text-decoration: none;
}
.customer_request-date_picker{
  position: absolute;    width: 100%;
top:100%; inset-inline-start: 0;
z-index: 500; background-color: #fff;
  display: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #b5d5d9;
}
.customer_request-date_picker.active{
  display: block;
}

form#customer_request_form {
    padding: 20px 40px 60px;
    max-width: 600px;
    margin: auto;
    background: #fff;
  }
  
  form#customer_request_form * {
    color: #000;
    font-family: 'Assistant', sans-serif;
  }
  
  form#customer_request_form h2 {
    font-size: 30px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 40px;
  }
  
  form#customer_request_form input:focus-visible,
  form#customer_request_form select:focus-visible,
  form#customer_request_form button:focus-visible,
  form#customer_request_form textarea:focus-visible {
    outline: 2px solid #b5975a !important;
  }
 
  
  .customer_request-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 20px;
  }
  
  .customer_request-container label {
    max-width: 48%;
    width: 100%;
    font-weight: 400;
  }
  
  .customer_request_terms_wrap {
    margin-bottom: 40px;
  }
  
  .customer_request-element-checkbox {
    display: flex;
    gap: 10px;
    align-items: baseline;
    font-weight: 400;
  }
  
  .customer_request-element-checkbox p {
    margin: 0;
  }
  
  .customer_request-required {
    color: red !important;
  }
  
  html[dir="rtl"] input#customer_request_anniversary,
  html[dir="rtl"] input#customer_request_birthday {
    text-align: right;
  }
  
  .customer_request_submit_message {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 50px 50px;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
  }
  
  button.customer_request_submit_message_close {
    background: #b5975a !important;
    color: #fff !important;
    border: none !important;
  }
  
  button.customer_request_submit_message_close:hover,
  button.customer_request_submit_message_close:focus {
    background: #000 !important;
    color: #fff !important;
    border: none !important;
  }
  
  #customer_request_submit {
    background: #b5975a;
    color: #fff !important;
    border: 1px solid #b5975a;
    padding: 10px 25px;
    font-weight: 400;
  }
  
  #customer_request_submit:hover {
    background: #000;
    color: #fff !important;
    border: 1px solid #000;
  }
  
  .customer_request_link {
    color: #036A88 !important;
  }
  
  .customer_request_link:hover {
    text-decoration: underline;
  }
  
  #customer_request_popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    z-index: 1000;
    padding: 50px;
    width: 100%;
    max-width: 90vw;
    max-height: 95vh;
    overflow: auto;
  }
  
  html[dir='ltr'] #customer_request_popup {
    left: unset;
    right: 50%;
  }
  
  #customer_request_popup button {
    border: none;
    position: absolute;
    top: 15px;
    right: 15px;
    background: transparent;
  }
  
  html[dir='ltr'] #customer_request_popup button {
    right: unset;
    left: 15px;
  }
  
  #customer_request_popup h1,
  #customer_request_popup h2,
  #customer_request_popup h3,
  #customer_request_popup h4,
  #customer_request_popup h5,
  #customer_request_popup h6 {
    color: #000;
  }
  
  #customer_request_popup h2 {
    text-align: center;
  }
  
  #customer_request_popup,
  #customer_request_popup div,
  #customer_request_popup p {
    color: #000;
  }
  
  #customer_request_popup button:hover {
    color: #000;
    border: none;
    background: none;
  }
  
  .ui-datepicker-title {
    display: flex;
    gap: 2%;
  }
  
  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker select.ui-datepicker-year {
    width: 48% !important;
    height: auto;
    padding: 5px;
  }
  
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    margin-top: 5px;
  }
  
  
  
  form#customer_request_form .customer_request_err_handler,form#customer_request_form .customer_request_err_handler_general{
    color:red;  
  }
  .customer_request-element-checkbox {
    flex-wrap: wrap; margin-bottom: 10px;
  }
  .customer_request-element-checkbox input{
    flex: 0;
  }
  .customer_request-element-checkbox .customer_request_err_handler{
    flex: 0 0 100%;
  }
  .customer_request-element-checkbox p{
    flex: 0 0 calc(100% - 30px);
  }
  
  .customer_request-container{
    display: grid;
    gap:10px;
    margin-bottom: 20px;
    grid-template-columns: 1fr 1fr;
  }
  .customer_request-container label{max-width: 100%; width: 100%;}
  .customer_request-container label p{margin:0; font-weight: 700;}

  .customer_request-date,
  form#customer_request_form .customer_request-container input,
  form#customer_request_form .customer_request-container textarea,
   form#customer_request_form .customer_request-container select{
    width:100%;
border: 1px solid #b5d5d9;
border-radius: 2px;
padding: 10px;
font-size: 16px;
font-weight: 400;
color: #000;
background: #fff;
box-shadow:none;
 border-radius: 3px;
height: 38px;
  }
  form#customer_request_form .customer_request-container select{padding: 0 10px;}
  form#customer_request_form .customer_request-container textarea{
    height: 100px;
  }
  .customer_request-date{
    display: block;
    padding: 0 10px; line-height: 38px;
  }

  .customer_request-container label[for="customer_request_notes"],
  .customer_request-container label[for="customer_request_subject"]
  {grid-column: span 2;}
  
  

  form#customer_request_form legend,
  form#customer_request_form fieldset{
    background-color: transparent;
    display:block;
    padding: 0;
    margin: 0; border: none;
  }
  form#customer_request_form legend{
    padding: 0 10px;
  }
  form#customer_request_form fieldset{
    padding: 10px;
    background-color: #fff;
    border: 1px solid #b5d5d9;
    border-radius: 3px;
    grid-column: span 2;
  }

.customer_request-rooms-item_fields{
  display: flex; gap: 10px;
  flex-wrap: wrap;
}
.customer_request-rooms-item_fields > label{
  width:calc(50% - 5px);
  flex: 0 0 calc(50% - 5px);
}
.customer_request-room_ages{
  width:100%;
  flex: 0 0 100%;
  display: none;  
  flex-wrap: wrap;
  gap: 5px 20px;
}
.customer_request-room_ages.active{
  display: flex;


}
 
.customer_request-room_ages label p{
  margin: 0 0 10px;
}
.customer_request-room_ages label select{
  width: 100%;
  height: 43px;
}
form#customer_request_form a.customer_request-rooms-add{
  margin-top: 20px;
  color:#fff; background-color: #000;
  padding: 5px 10px; border-radius: 5px;
  display: inline-block;
  text-decoration: none;
  transition: all 0.3s ease;
  font-size: 15px;
  line-height: 20px;
 
}
.customer_request-rooms-item_actions{
  display: flex;
  justify-content: flex-end;
}
 
.customer_request-rooms-item[data-index="xxxx"] .customer_request-rooms-item_actions{
  display: none;
}
.customer_request-rooms-list .customer_request-rooms-item ~ .customer_request-rooms-item{
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #b5d5d9;
}

.customer_request-room_ages label{
  width:auto; flex: 0 0 auto;
  max-width: none;
  }
  .customer_request-room_age_label{
    flex: 0 0 100%;
    width: 100%;
    font-weight: 700;
  }


  @media screen and (max-width: 850px) {
    .customer_request-container label {        display: block;
      max-width: 100%; margin-bottom: 20px;
      width: 100%;
    }
    .customer_request-container label p {
        margin: 0 0 5px;
    }
    .customer_request-container{display: block;}
    #customer_request_submit{
      width:100%; height: 50px;
    }



    .customer_request-room_ages label{
      width:auto; flex: 0 0 auto;
      max-width: none;
      }
  }