/* reorder --> add label */
.dy-label {
  position: absolute;
  left: 0;
  top: 0;
  background: #47828d;
  color: white;
  padding: 0.5rem 1rem;
  font-size: 1rem;
}
.upgradeBlock .dy-label {
  padding: 0.3rem 0.5rem;
  left: 30px;
  top: 10px;
}
/* mvt-687 side by side calendar */
#render_calendar_container .calendar_box .calendar_box_header {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  #render_calendar_container .calendar_box .calendar_box_header {
    display: unset;
  }
}
#render_calendar_container .calendar_box .calendar_box_header .calendar-info {
  display: flex;
  flex: 1 0 60%;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  #render_calendar_container .calendar_box .calendar_box_header .calendar-info {
    margin-top: 1rem;
  }
}
#render_calendar_container
  .calendar_box
  .calendar_box_header
  .calendar-info
  > div:not(:last-child) {
  margin-right: 10px;
}
#render_calendar_container .calendar_box .calendar_box_header .calendar-info p {
  text-transform: uppercase;
  margin-bottom: 0 !important;
  font-size: 12px;
  font-weight: 700;
}
@media (max-width: 400px) {
  #render_calendar_container
    .calendar_box
    .calendar_box_header
    .calendar-info
    p {
    font: var(--font-note) !important;
  }
}
@media (max-width: 400px) {
  #render_calendar_container
    .calendar_box
    .calendar_box_header
    .calendar-info
    span {
    font: var(--font-note) !important;
  }
}
#render_calendar_container .calendar_box #BE_calendar {
  max-height: 540px;
  height: 540px;
}
@media (max-width: 1100px) {
  #render_calendar_container .calendar_box #BE_calendar {
    max-height: 690px;
    height: 690px;
    padding-top: 5px;
  }
}
#render_calendar_container .calendar_box #BE_calendar > .calendar_item {
  display: none;
}
#render_calendar_container .calendar_box #BE_calendar.stop-scrolling {
  overflow: hidden !important;
}
#render_calendar_container .calendar_box #BE_calendar .custom-calendar {
  height: 550px;
  padding-bottom: 7px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
@media (max-width: 400px) {
  #render_calendar_container .calendar_box #BE_calendar .custom-calendar {
    padding-bottom: 12px;
  }
}
@media (max-width: 1100px) {
  #render_calendar_container .calendar_box #BE_calendar .custom-calendar {
    height: 696px;
    padding-left: 0;
    padding-right: 0;
  }
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .calendar-content {
    flex-direction: column;
  }
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item {
  flex: 0 1 48%;
  display: flex;
  flex-direction: column;
  align-items: center;
  display: none;
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .calendar-content
    .calendar_item {
    position: relative;
  }
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .calendar-content
    .calendar_item
    .calendar_ul
    > li {
    min-height: 40px;
  }
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .calendar-content
    .calendar_item {
    align-items: center;
  }
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item
  .calendar_item_yearAndMonth {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .calendar-content
    .calendar_item
    .calendar_item_yearAndMonth {
    padding-left: 0;
  }
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item
  .switch-btn {
  position: absolute;
  height: 24px;
  top: 19px;
  padding: 0 10px;
  display: flex;
  width: 100%;
  justify-content: space-between;
  left: 50% !important;
  transform: translateX(-50%);
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item
  .switch-btn
  .prev {
  margin-right: auto;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item
  .switch-btn
  .next {
  margin-left: auto;
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .calendar-content
    .calendar_item
    .switch-btn {
    top: -2.5px;
  }
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item
  .switch-btn
  > div {
  cursor: pointer;
  transform: scale(1.5);
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item
  .switch-btn
  > div.disabled {
  filter: invert(1);
  pointer-events: none;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item.first {
  display: flex;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item.second {
  display: flex;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item.second
  .calendar_item_yearAndMonth {
  padding-left: 0;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .calendar-content
  .calendar_item.second
  .switch-btn {
  display: none;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .nextMonth-indicator {
  display: none;
  align-self: flex-end;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 1100px) {
  #render_calendar_container
    .calendar_box
    #BE_calendar
    .custom-calendar
    .nextMonth-indicator {
    display: flex;
  }
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .nextMonth-indicator
  small {
  flex: 0 0 auto;
  line-height: 12px !important;
  font-size: 12px !important;
}
#render_calendar_container
  .calendar_box
  #BE_calendar
  .custom-calendar
  .nextMonth-indicator
  svg {
  flex: 0 0 auto;
}
#render_calendar_container .calendar_box_header {
  height: 83px;
}
@media (max-width: 1100px) {
  #render_calendar_container .calendar_box_header {
    height: unset;
  }
}
@media (min-width: 769px) and (max-width: 1100px) {
  #render_calendar_container #BE_room {
    height: unset !important;
    max-height: 450px;
  }
}
@media (min-width: 1101px) {
  #render_calendar_container #BE_room {
    height: 450px;
  }
}
#render_calendar_container #BE_room .rate_item {
  position: relative;
}
#render_calendar_container #BE_room .rate_item > .row {
  flex-direction: column;
}
#render_calendar_container
  #BE_room
  .rate_item
  > .row
  .rate_cal_counter_wrapper {
  justify-content: space-between !important;
  padding: 0 !important;
}
#render_calendar_container
  #BE_room
  .rate_item
  > .row
  .rate_cal_counter_wrapper:not(:first-child) {
  margin-top: 20px !important;
}
#render_calendar_container #BE_room .rate_item > .row .rate_cal_close {
  display: none !important;
}
#render_calendar_container #BE_room .rate_item .dy_rate_cal_close {
  top: 0;
  right: 0;
  transform: unset;
}
#render_calendar_container .dy-hide {
  display: none !important;
}
body.mvt687 .rate_calendar,
body.mvt687.hotel-booking-search-page .rate_calendar,
body.mvt687.hotel-booking-room-page .rate_calendar,
body.mvt687.hotel-booking-booking-page .rate_calendar {
  grid-template-columns: 70% auto !important;
}
body.mvt687.hotel-booking-search-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_box_header
  span.txt-black-three,
body.mvt687.hotel-booking-room-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_box_header
  span.txt-black-three,
body.mvt687.hotel-booking-booking-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_box_header
  span.txt-black-three {
  text-transform: uppercase;
  font: var(--font-heading3) !important;
  flex: 1 0 40%;
}
body.mvt687.hotel-booking-search-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_box_header
  .calendar-info
  span,
body.mvt687.hotel-booking-room-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_box_header
  .calendar-info
  span,
body.mvt687.hotel-booking-booking-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_box_header
  .calendar-info
  span {
  font-size: 12px !important;
}
body.mvt687
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .BE_calendar
  .calendar_item:first-child,
body.mvt687.hotel-booking-search-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .BE_calendar
  .calendar_item:first-child,
body.mvt687.hotel-booking-room-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .BE_calendar
  .calendar_item:first-child,
body.mvt687.hotel-booking-booking-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .BE_calendar
  .calendar_item:first-child {
  margin-top: 22px;
}
@media (max-width: 768px) {
  body.mvt687
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .BE_calendar
    .calendar_item:first-child,
  body.mvt687.hotel-booking-search-page
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .BE_calendar
    .calendar_item:first-child,
  body.mvt687.hotel-booking-room-page
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .BE_calendar
    .calendar_item:first-child,
  body.mvt687.hotel-booking-booking-page
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .BE_calendar
    .calendar_item:first-child {
    margin-top: 16px;
  }
}
body.mvt687 .rate_calendar .calendar_box.calendar_box.calendar_box .housePrice,
body.mvt687.hotel-booking-search-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .housePrice,
body.mvt687.hotel-booking-room-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .housePrice,
body.mvt687.hotel-booking-booking-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .housePrice {
  font-size: 12px !important;
  color: #515151;
}
@media (max-width: 768px) {
  body.mvt687
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .housePrice,
  body.mvt687.hotel-booking-search-page
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .housePrice,
  body.mvt687.hotel-booking-room-page
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .housePrice,
  body.mvt687.hotel-booking-booking-page
    .rate_calendar
    .calendar_box.calendar_box.calendar_box
    .housePrice {
    font-size: 10px !important;
  }
}
body.mvt687
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_ul_day_box,
body.mvt687.hotel-booking-search-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_ul_day_box,
body.mvt687.hotel-booking-room-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_ul_day_box,
body.mvt687.hotel-booking-booking-page
  .rate_calendar
  .calendar_box.calendar_box.calendar_box
  .calendar_ul_day_box {
  min-height: 60px;
}
@media (max-width: 1100px) {
  body.mvt687 .rate_calendar,
  body.mvt687.hotel-booking-search-page .rate_calendar,
  body.mvt687.hotel-booking-room-page .rate_calendar,
  body.mvt687.hotel-booking-booking-page .rate_calendar {
    --panel-padding: 0 !important;
    display: flex;
    flex-direction: column;
  }
  body.mvt687
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .calendar_box_header,
  body.mvt687.hotel-booking-search-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .calendar_box_header,
  body.mvt687.hotel-booking-room-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .calendar_box_header,
  body.mvt687.hotel-booking-booking-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .calendar_box_header {
    border-top: 1px solid var(--panel-border-color);
  }
  body.mvt687
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .rate_item,
  body.mvt687.hotel-booking-search-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .rate_item,
  body.mvt687.hotel-booking-room-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .rate_item,
  body.mvt687.hotel-booking-booking-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .rate_item {
    --gap: 20px;
    --el-gap: 16px;
  }
  body.mvt687
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .row:has(> .rate_cal_counter_wrapper),
  body.mvt687.hotel-booking-search-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .row:has(> .rate_cal_counter_wrapper),
  body.mvt687.hotel-booking-room-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .row:has(> .rate_cal_counter_wrapper),
  body.mvt687.hotel-booking-booking-page
    .rate_calendar
    .rate_container_box.rate_container_box.rate_container_box
    .row:has(> .rate_cal_counter_wrapper) {
    min-width: 100%;
    --gap: 20.83%;
  }
}