.reserva_hbook {
  background: #D8B770;
  border-bottom: 3px solid #BDA162;
  padding: 15px 0;
}
.reserva_hbook .open_form {
  display: none;
}
.reserva_hbook form {
  display: grid;
  gap: 10px;
  grid-template-columns: 150px 150px repeat(3, 1fr) 140px;
}
.reserva_hbook form .field input,
.reserva_hbook form .field select {
  background: #fff;
  border: 0;
  border-radius: 5px;
  font: 16px/40px 'Figtree', sans-serif;
  height: 40px;
  padding: 0 10px;
  width: 100%;
}
.reserva_hbook form .botao {
  background: #3B5966;
  border: 0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font: 600 16px/40px 'Figtree', sans-serif;
  height: 40px;
  text-transform: uppercase;
  width: 100%;
}
.ui-datepicker.hbook-datepicker {
  font: 600 13px 'Figtree', sans-serif;
}
.ui-datepicker.hbook-datepicker .ui-widget-header {
  background: #688794;
  border: 0;
  color: #fff;
}
.ui-datepicker.hbook-datepicker td span,
.ui-datepicker.hbook-datepicker td a {
  font-weight: bold !important;
  height: auto;
  padding: 10px !important;
}
.ui-datepicker.hbook-datepicker .date-range-selected a {
  background: #D8B770 !important;
  color: #3B5966 !important;
  font-weight: bold !important;
}
@media all and (max-width: 800px) {
  .reserva_hbook form {
    display: none;
    grid-template-columns: repeat(2, 1fr);
  }
  .reserva_hbook .open_form {
    background: #3B5966;
    border-radius: 5px;
    color: #fff;
    display: block;
    font: 600 16px/40px 'Figtree', sans-serif;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
}