#booking-package .calendarWidthForHotel {
  top: 100px !important;
}

@media (min-width: 768px) {
  #booking-package_calendarPage .day_slot.available_day {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  #booking-package_calendarPage .day_slot.available_day:hover {
    background: #efefef !important;
  }
}

#booking-package_inputFormPanel .row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60px 20px 1fr;
  grid-template-columns: 60px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#booking-package_inputFormPanel .row > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#booking-package_inputFormPanel .row > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#booking-package_inputFormPanel .row .name {
  color: #333 !important;
}

#booking-package_inputFormPanel .error_empty_value {
  background-color: #fff !important;
}
#booking-package_inputFormPanel .error_empty_value input {
  border: solid red 1px !important;
}

#booking-package_calendarPage .dateField {
  font-size: 1.4rem !important;
}

.selected_start_day::after {
  content: "Check IN";
  background-image: url('data:image/svg+xml;utf8,<svg height="31.58mm" viewBox="0 0 236.98 89.5" width="83.6mm" xmlns="http://www.w3.org/2000/svg"><path d="m0 0h206.98l30 44.75-30 44.75h-206.98z" fill="%2300B9AB"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  font-size: 12px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 5px;
  z-index: 2;
  width: 90%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 767px) {
  .selected_start_day::after {
    bottom: 0px;
    width: 100%;
    background: #00B9AB;
    font-size: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.3em 0;
  }
}
@media (max-width: 767px) and (max-width: 375px) {
  .selected_start_day::after {
    font-size: 8px;
  }
}
.selected_start_day::after {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bp-front-day-cost {
  margin-top: 1em !important;
}
@media (max-width: 767px) {
  .bp-front-day-cost {
    margin-top: 0 !important;
  }
}

.selected_end_day::after {
  content: "Check OUT";
  font-size: 12px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: 5px;
  z-index: 2;
  width: 90%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url('data:image/svg+xml;utf8,<svg height="31.58mm" viewBox="0 0 236.98 89.5" width="83.6mm" xmlns="http://www.w3.org/2000/svg"><path d="m236.98 89.5h-206.98l-30-44.75 30-44.75h206.98z" fill="%2300B9AB"/></svg>');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 767px) {
  .selected_end_day::after {
    bottom: 0px;
    width: 100%;
    background: #00B9AB;
    font-size: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    padding: 0.3em 0;
  }
}
@media (max-width: 767px) and (max-width: 375px) {
  .selected_end_day::after {
    font-size: 8px;
  }
}

.day_slot {
  position: relative;
}

.clearLabel {
  background: #000;
  color: #fff !important;
  border-radius: 20px;
  font-size: 1.2rem !important;
  letter-spacing: -0.1em !important;
  padding: 2px 10px;
}
@media (min-width: 768px) {
  .clearLabel {
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    cursor: pointer;
  }
  .clearLabel:hover {
    opacity: 0.7;
  }
}

.name {
  color: #a27246;
  font-size: 1.3rem !important;
}
.name a {
  text-decoration: underline !important;
}

.guests_in_panel.row .name {
  color: #333;
  font-size: 1.3rem !important;
}

#booking-package_calendarPage .pastDay {
  background-color: #f9f9f9 !important;
}

.week_slot {
  background-color: #666 !important;
  color: #fff !important;
}

.week_slot.sat {
  background-color: rgb(33, 144, 242) !important;
  color: #fff !important;
}

#booking-package_calendarPage .closingDay {
  background-color: #eee !important;
}

.week_slot.sun {
  background-color: rgb(227, 46, 46) !important;
  color: #FFF !important;
}

.available_day.sun {
  background-color: rgb(255, 249, 249) !important;
}

.available_day.sat {
  background-color: rgb(244, 250, 255) !important;
}

#booking-package_calendarPage .day_slot {
  padding: 0;
  height: 6em !important;
}
@media (max-width: 767px) {
  #booking-package_calendarPage .day_slot {
    height: 3.4em !important;
  }
}

.bp-front-day-cost {
  color: #a27246 !important;
}

#roomListPanel input, #roomListPanel select {
  color: #333;
  border-radius: 3px !important;
  font-size: 1.3rem;
  padding: 0.6em 0.5em !important;
}
#roomListPanel .description {
  font-size: 1.3rem;
}
#roomListPanel .optionsTitle {
  color: #a27246;
  font-weight: 700;
  font-size: 1.3rem !important;
}
#roomListPanel .guestsTitle {
  font-weight: 700;
  font-size: 1.3rem !important;
  color: #a27246;
}
#roomListPanel .options_row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 10px 1fr;
  grid-template-columns: 80px 1fr;
  -ms-grid-rows: auto 10px auto;
  grid-template-rows: auto auto;
  gap: 10px;
}
#roomListPanel .options_row > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#roomListPanel .options_row > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#roomListPanel .options_row > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
#roomListPanel .options_row > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
#roomListPanel .options_row .name {
  -webkit-transform: translateY(0.6em);
          transform: translateY(0.6em);
  color: #333;
  font-size: 1.3rem !important;
}
#roomListPanel .options_row > *:nth-child(1) {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  grid-row: 1;
}
#roomListPanel .options_row > *:nth-child(3) {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  grid-row: 1;
}
#roomListPanel .guests_row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 80px 10px 1fr;
  grid-template-columns: 80px 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  gap: 10px;
}
#roomListPanel .guests_row > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#roomListPanel .guests_row > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#roomListPanel .guests_row .name {
  -webkit-transform: translateY(0.6em);
          transform: translateY(0.6em);
  padding-bottom: 0px;
}

.nextPageBookingDetails.position_sticky .name {
  -webkit-transform: translateY(0em) !important;
          transform: translateY(0em) !important;
}

.totalLengthOfStayLabel {
  color: #d41a16 !important;
}

.totalLengthOfStayLabel {
  color: #d41a16 !important;
}

#booking-package-locale-ja {
  padding-top: 100px;
}
@media (max-width: 767px) {
  #booking-package-locale-ja {
    padding-top: 0px;
  }
}

#roomListPanel > * {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: 0px;
}

#roomListPanel > * > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#roomListPanel > * > *:nth-child(1) {
  -ms-grid-row: 2;
  grid-row: 2;
}
#roomListPanel > * > *:nth-child(2) {
  -ms-grid-row: 1;
  grid-row: 1;
}
#roomListPanel > * > *:nth-child(3) {
  -ms-grid-row: 3;
  grid-row: 3;
}

#booking-package_calendarPage .day_slot.bp-front-out-of-range-day {
  background-color: #f9f9f9 !important;
}
#booking-package_calendarPage .day_slot.bp-front-out-of-range-day .symbolPanel.material-icons {
  display: none;
}

.row.summary {
  display: none;
}

#totalLengthOfGuestsPanel {
  display: none;
}

.row.total_amount {
  display: none;
}

#bp-custom-stay-price {
  margin-bottom: 30px;
}

#booking-package_inputFormPanel input, #booking-package_inputFormPanel select {
  color: #333;
  border-radius: 3px !important;
  font-size: 1.3rem;
  padding: 0.6em 0.5em !important;
}

#confirmBookingButton {
  opacity: 0.5 !important;
  pointer-events: none !important;
}
#confirmBookingButton.active {
  opacity: 1 !important;
  pointer-events: all !important;
}

#booking-package_calendarPage .day_slot.bp-holiday-public {
  background-color: rgb(255, 249, 249);
}

#booking-package_calendarPage .day_slot.bp-holiday-season {
  background-color: rgb(255, 249, 249);
}
#booking-package_calendarPage .holidayPanel{
		pointer-events: none!important;
}
#booking-package_calendarPage .holidayPanel .bp-front-day-cost{
	display: none!important;

}