.Configure-quickBook-Widget .MbsSearchWidget .rdrDateRangePickerWrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
}

.rdrSelected,
.rdrInRange,
.rdrStartEdge,
.rdrEndEdge {
  background-color: rgba(17, 179, 241, 0.23);
  border-radius: 0 !important;
  margin: 0 !important;
  bottom: 0 !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.rdrDateRangeWrapper .rdrDays .rdrEndEdge.rdrStartEdge,
.rdrDayActive .rdrEndEdge.rdrStartEdge,
.rdrDateRangeWrapper .rdrDays .rdrEndEdge {
  background-color: rgba(17, 179, 241, 0.23);
}

.rdrDateRangeWrapper .rdrDays .rdrInRange {
  background-color: rgba(17, 179, 241, 0.23) !important;
}

.rdrDateRangeWrapper .rdrDays .rdrDay .rdrDayEndPreview,
.rdrDateRangeWrapper .rdrDays .rdrDay .rdrDayInPreview {
  background-color: rgba(17, 179, 241, 0.23);
  border-radius: 0 !important;
  margin: 0;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.rdrDayStartOfMonth .rdrInRange,
.rdrDayStartOfMonth .rdrEndEdge,
.rdrDayStartOfWeek .rdrInRange,
.rdrDayStartOfWeek .rdrEndEdge {
  left: 0;
}

.rdrDayEndOfMonth .rdrInRange,
.rdrDayEndOfMonth .rdrStartEdge,
.rdrDayEndOfWeek .rdrInRange,
.rdrDayEndOfWeek .rdrStartEdge {
  right: 0;
}

.selected-dates {
  background: white;
  min-width: 722px;
  position: absolute;
  top: 452px;
  margin: 0;
  width: auto;
  margin-left: 7.5px;
  text-align: center;
  border-width: 0 1px 1px 1px;
  border-color: #ccc;
  border-style: solid;
  padding: 10px;
  display: none;
}

.dpicker-minimumstay {
  top: auto;
  bottom: 0;
  border-color: transparent #000 #000 transparent;
  border-style: solid;
  border-width: 10px;
  position: absolute;
  right: 0;
}

.minimum-stay-number {
  color: #fff !important;
  position: inherit;
  top: 50%;
  left: 50%;
  font-size: 9px;
  text-align: center;
  transform: translate(20px, -12px);
}

.dpicker-minimumstay p.minimum-stay-number {
  transform: translate(-3px, -5px);
}

.rdrDayToday .rdrDayNumber span:after {
  content: unset !important;
}

.rdrDay:hover .dpicker-minimumstay-hover {
  display: block;
}

.dpicker-minimumstay-hover {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  padding: 5px;
  white-space: nowrap;
  box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
  border-radius: 4px;
  z-index: 111;
  margin: 10px 0;
  border: 1px solid #000;
}

.dpicker-minimumstay-hover span {
  font-weight: 500 !important;
}

.rdrDay:nth-child(7n) .rdrDayNumber .room-rate .dpicker-minimumstay .dpicker-minimumstay-hover {
  left: -52px;
}

.dpicker-minimumstay-hover {
  display: none;
}

.rdrMonth .rdrMonthName {
  background: #000 !important;
}

.rdrPprevButton i {
  border-color: transparent #000 transparent transparent;
}

.rdrNextPrevButton {
  background: #fff !important;
}


.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName {
  display: block !important;
}

.rdrDay .rdrStartEdge {
  background: linear-gradient(to bottom right, transparent 50%, #c8edfc 0);
}

.rdrDay .rdrStartEdge.rdrEndEdge {
  background: linear-gradient(to bottom right,
      transparent 50%,
      #c8edfc 0) !important;
}

.rdrDay .rdrEndEdge {
  background: linear-gradient(to top right,
      #c8edfc 50%,
      transparent 0) !important;
  filter: none !important;
}

.rdrDayNumber {
  bottom: 0;
}

.date-input.startDate {
  border-radius: 3px 0 0 3px;
}

.date-input {
  border: 1px solid #000;
  font-size: 16px !important;
  min-width: 215px;
}


.checkIn-OutWrapper .form-group.checkOut {
  text-align: right;
  padding-left: 0 !important;
}

.checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
  padding-left: 0 !important;
}

.iconText div#end-Date-Input {
  padding-right: 20px;
  text-align: right;
}

.beWidget .icon-cal {
  right: 43%;
  transform: translate(-43%);
}

.findAvailDates {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.findAvailDates .CheckAvailability {
  padding: 5px 10px;
}

.CheckAvailability.ApplyBtnCustom {
  z-index: 9;
  background: #ebebeb;
  border: 1px solid #ebebeb;
  font-size: 14px;
}

.findAvailChkInOut {
  display: flex;
  justify-content: center;
  position: relative;
}

.findAvailChkInOut .icon-cal {
  background: transparent !important;
  overflow: unset !important;
  position: absolute;
  left: 50%;
  top: 50%;
  right: unset;
  transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  z-index: 9;
  padding: 0;
}

.findAvailChkInOut .searchBtn {
  border: 0;
  padding: 7px 20px;
  background: #009900;
  margin-top: 4px;
  border-radius: 4px;
  margin-left: 20px;
  color: #fff;
}

.rdrMonthAndYearPickers,
.rdrDateDisplay,
.rdrDefinedRangesWrapper {
  display: none;
}

span.rdrDayNumber {
  display: inline-block;
  font-size: 9px;
  height: initial;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding: 4px;
}

.room-rate {
  float: left;
  width: auto;
}

.rdrDayNumber>div {
  width: 100%;
  float: left;
  display: block;
  line-height: 20px;
  padding: 5px;
}

.rdrDayNumber>div.room-rate {
  width: auto;
  height: auto;
  float: left;
  color: #17762c;
  font-weight: 500;
  padding: 1px 4px;
  font-size: 10px;
}

.Configure-quickBook-Widget .MbsSearchWidget.dayUseSearch .formGroup .rdrDayNumber>div span {
  float: left;
  width: 100%;
  line-height: 20px;
  font-weight: 700;
  font-size: 12px;
}


.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper>button {
  letter-spacing: inherit;
  font-size: 14px;
  font-weight: inherit;
  position: initial;
  height: 24px;
  min-width: auto;
  border-radius: 2px;
  padding: 0 !important;
}

.rdrDateRangePickerWrapper .rdrCalendarWrapper .rdrMonthAndYearWrapper {
  top: 3px !important;
}

.rdrMonths .rdrDays .rdrDay {
  letter-spacing: inherit;
  font-size: 14px;
  font-weight: inherit;
  position: relative;
  height: 55px;
  min-width: auto;
  border-radius: 0;
  /* background-color: transparent; */
  right: 0;
  margin-left: 0;
  margin-right: -1px;
  margin-bottom: -1px;
  border: 1px solid #ddd;
}

.MbsSearchWidget .rdrDays .rdrDay .rdrDayEndPreview,
.MbsSearchWidget .rdrDays .rdrDay .rdrDayInPreview,
.MbsSearchWidget .rdrDays .rdrDay .rdrDayStartPreview {
  background-color: rgb(17 179 241 / 23%);
  height: 100%;
  top: 0;
  border-radius: 0;
}

.rdrDay .rdrDayNumber>div.rate-position {
  white-space: nowrap;
  position: relative;
  bottom: 0;
  padding: 0 2px;
}

.MbsSearchWidget .rdrMonth .rdrDays {
  justify-content: center;
}

.rdrCalendarWrapper.rdrDateRangeWrapper.openCal-top {
  bottom: -20px;
}

button.rdrDay span.rdrDayNumber span {
  display: block;
  margin-top: 0px;
}

.rdrMonth .rdrWeekDays span.rdrWeekDay {
  display: block;
  margin-right: -1px;
}


.rdrMonth .rdrWeekDays {
  justify-content: center;
}

button.rdrDay span.rdrDayNumber {
  height: 100%;
  display: flex;
  margin: 0;
  font-size: 11px;
  flex-wrap: wrap;
  font-weight: 500;
  align-items: flex-start;
}

.room-rate.sold {
  font-size: 10px;
  font-weight: 700;
  color: #fff !important;
  line-height: 14px;
  border: 1px solid;
  background: red;
  border-radius: 5px;
}

span.rdrStartEdge.rdrEndEdge {
  color: rgb(255 255 255) !important;
}

.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span,
.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span {
  color: hsl(0deg 0% 0% / 85%);
}

.rdrDayPassive {
  visibility: hidden;
}

.rdrDay.rdrDayHovered span.rdrDayStartPreview.rdrDayEndPreview,
.reserve-tax-desc .rs-rm-prc1:last-child,
.rdrMonths .rdrDays .rdrDay.rdrDayPassive {
  border: none;
}

/* .rdrMonthsHorizontal .rdrDays .rdrDay.rdrDayDisabled .rdrDayNumber span {
  color: #aeb9bf !important;
} */

span.rdrDayStartPreview.rdrDayEndPreview,
span.rdrSelected {
  color: #fff !important;
}

.rdrMonths .rdrDays .rdrDay.rdrDayPassive .rdrDayNumber>div,
.rdrMonths .rdrDays .rdrDay.rdrDayPassive.rdrDayDisabled .rdrDayNumber>div {
  display: none;
  background: 0 0;
}

.rdrMonths .rdrDays .rdrDay.rdrDayPassive.rdrDayDisabled {
  background: 0 0;
}

.rdrCalendarWrapper.rdrDateRangeWrapper {
  width: auto;
  margin: auto;
  border: 1px solid #ccc;
  position: relative;
}

.rdrDateRangeWrapper .rdrMonth .rdrMonthName {
  width: auto;
  text-align: center;
  margin-top: 10px;
  background: #0483cc;
  border-radius: 5px;
  color: #fff;
}

.Configure-quickBook-Widget .rdrCalendarWrapper .rdrMonths .rdrMonth {
  padding: 0 10px 14px;
}

.rdrCalendarWrapper .rdrMonthAndYearWrapper {
  position: absolute;
  width: 99%;
  left: 0;
  right: 0;
  margin: auto;
  top: 2px;
  padding: 0;
  height: 50px;
}

a#navbarDropdownMenuLink {
  cursor: pointer;
}

.rdrDayDisabled .dpicker-minimumstay,
.rdrMonthAndYearPickers {
  display: none;
}

.rdrMonthsVertical {
  flex-direction: unset !important;
}

.rdrCalendarWrapper.rdrDateRangeWrapper {
  margin-top: 60px;
  position: absolute;
  background: #fff;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 10%);
  left: 0;
  border-radius: 3px;
  transform: translate(-43%, 0%);
}

.rdrDateDisplayWrapper {
  display: none;
}

.rdrMonths .rdrDays .rdrDay {
  box-sizing: border-box;
}

.rdrMonthAndYearWrapper span.rdrMonthAndYearPickers {
  display: none;
}


.rdrMonth .rdrMonthName {
  line-height: normal;
}

.rdrDayNumber>div,
.rdrDayNumber>div.room-rate {
  padding: 0;
}

.Configure-quickBook-Widget .MbsSearchWidget .formGroup span.rdrDayNumber {
  padding: 0px;
  align-items: center;
  justify-content: center;
}

.modalCalender {
  text-align: center;
}

/* .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
  position: relative;
  margin-left: 0;
} */

.modalDpickerWrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modalDpickerWrap .icon-cal {
  top: 7px;
  right: 0;
}

.date-input.startDate.form-control {
  text-align-last: left;
}

.modalCalender .rdrCalendarWrapper {
  width: 100%;
}

form.checkInOutForm {
  position: relative;
}

.MbsSearchWidget .searchinOut .rdrMonths .rdrDays button.rdrDay {
  padding: 0 !important;
}


/* disable dates css start */
.rdrDayDisabled {
  background-color: #efefef;
  cursor: not-allowed !important;
}

.rdrDayDisabled .room-rate.sold,
.rdrDayDisabled .room-rate {
  opacity: 0.2 !important;
}

/* disable dates css end */

/* calender rate skeleton start */
:root {
  --loader-background-color: #eeeeee;
  --loader-highlight-color: #dedede;
}

.skeleton-loader-text {
  width: 100px;
  height: 10px;
  background: linear-gradient(90deg,
      var(--loader-background-color) 25%,
      var(--loader-highlight-color) 50%,
      var(--loader-background-color) 75%);
  background-size: 200% 100%;
  animation: loading 2s infinite ease-in-out;
  border-radius: 3px;
  margin-bottom: 10px;
}

@keyframes loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* calender rate skeleton end */


/* for day use start */
.Configure-quickBook-Widget .MbsSearchWidget .dayUseDiv {
  position: absolute;
  bottom: -25px;
  top: auto;
}

.Configure-quickBook-Widget .MbsSearchWidget .dayUseDiv+.checkinOut.input .checkinDate.startDate.date-input-dayuse {
  border-right: 1px solid #9c683b !important;
  border-radius: 3px;
}

.rdrDays .rdrDay .DayrdrStartEdge {
  background: linear-gradient(to top left, transparent 50%, #fff 0) !important;
}

.rdrDays .rdrDay .DayUseStartEdge {
  background-color: rgba(17, 179, 241, 0.23);
}

/* for day use end */


/* fixp calender rates css start */
.rdrMonthsHorizontal .rdrDays .rdrDay.rdrDayDisabled .rdrDayNumber .calender-soldDate {
  color: red !important;
}

.rdrDay .rdrDayNumber .calender-availDate {
  color: #17762c !important;
}

.Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrMonths .rdrDays button.rdrDay span.rdrStartEdge+.rdrDayNumber span.rateLoading,
.Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrMonths .rdrDays button.rdrDay span.rdrEndEdge+.rdrDayNumber span.rateLoading {
  color: #1d2429;
}

/* fixp calender rates css end */

/* CTA - CTD changes start */
.cta-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  bottom: 0;
}

.ctd-wrapper {
  position: absolute;
  right: 0;
  bottom: 0;
}

button.rdrDay.closed-departure,
button.rdrDay.closed-arrival,
button.rdrDay.minStay-disable {
  cursor: not-allowed !important;
  pointer-events: none !important;
  opacity: 0.5;
}

.rdrDay .rdrDayNumber>div.room-rate {
  display: flex;
  align-self: flex-start;
  justify-content: center;
  margin-top: -5px;
}

/* legends css starts  */
.dp-block {
  position: relative;
}

.dp-block::before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 3px;
}

.dp-block.close-arrival::before {
  left: -2px;
  border-bottom-color: #00c4cc;
  border-left-color: #00c4cc;
}

.dp-block.close-departure::before {
  right: -2px;
  border-bottom-color: #dc3b75;
  border-right: 3px solid #dc3b75;
}


.departure-wrapper {
  display: flex;
  padding: 8px 16px 16px 16px;
  gap: 16px;
  font-size: 12px;
  line-height: normal;
  justify-content: center;
  flex-wrap: wrap;
}


.dp-block.close-arrival {
  padding-left: 25px;
}

.dp-block.close-departure::before {
  left: 0;
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

.dp-block.close-departure {
  padding-left: 25px;
}

.dp-block {
  position: relative;
}

.no-check.room-rate::before,
.no-check.room-rate::after,
.dp-block::before {
  content: '';
  position: absolute;
  bottom: -1px;
  width: 18px;
  height: 18px;
  border-bottom: 3px solid transparent;
  border-left: 3px solid transparent;
  border-radius: 3px;
  z-index: 1;
  box-sizing: border-box;
}

.no-check.in.room-rate::before,
.dp-block.close-arrival::before {
  left: 0px;
  border-bottom-color: #00c4cc;
  border-left-color: #00c4cc;
}

.no-check.out.room-rate::after,
.dp-block.close-departure::before {
  right: -1px;
  bottom: auto;
  top: -1px;
  border-bottom-color: transparent;
  border-top: 3px solid #dc3b75;
  border-right: 3px solid #dc3b75;
}

.dp-block.close-departure::before {
  left: 0;
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  bottom: 0;
}

.dp-block.close-departure {
  padding-left: 25px;
}

.dp-block.close-arrival::before {
  bottom: 0;
}

.no-check {
  min-width: 33.44px;
}

.dp-block.min-stay {
  padding-left: 25px;
}

.dp-block.min-stay:before {
  content: '';
  border-width: 8px;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
  border-color: transparent #313a6b #313a6b transparent;
  border-style: solid;
}

.dp-block.min-stay {
  padding-left: 25px;
}

div#calenderArea.calender-area-wrapper .departure-wrapper {
  flex-wrap: wrap;
}


/* date sold out but checkout enable so apply css - start */
.rdrDay:has(span > div.calender-firstSold) {
  background: linear-gradient(to top right,
      #fff 50%,
      #efefef 0) !important;
  /* #f8f8f8 */
}

.calender-firstSold span {
  position: absolute;
  right: 0;
  top: 0px;
  left: -13px;
}

.calender-firstSold+svg {
  position: absolute;
  right: calc(18% - 4px);
  top: calc(16% - 3px);
}

.rdrDays .rdrDayDisabled .rdrInRange,
.rdrDays .rdrDayDisabled .rdrStartEdge,
.rdrDays .rdrDayDisabled .rdrEndEdge,
.rdrDays .rdrDayDisabled .rdrSelected,
.rdrDays .rdrDayDisabled .rdrDayStartPreview,
.rdrDays .rdrDayDisabled .rdrDayInPreview,
.rdrDays .rdrDayDisabled .rdrDayEndPreview .rdrDays .rdrDayDisabled .rdrStartEdge {
  filter: unset;
}

.rdrDay:has(.rdrStartEdge + span > div.calender-firstSold),
.rdrDay:has(.rdrStartEdge + span + span > div.calender-firstSold) {
  background: transparent !important;
}

.rdrDayNumber .calender-sold+svg {
  margin-top: -5px;
  align-self: flex-start;
}

.rdrDayDisabled .rdrDayNumber span.calender-date {
  color: #aeb9bf !important;
}

.dp-block.sold-dates svg {
  vertical-align: middle;
}

/* date sold out but checkout enable so apply css - end */

@media all and (max-width:767px) {
  .no-check.out.room-rate::after {
    right: -1px;
  }

  .no-check.in.room-rate::before {
    left: -1px;
  }
}

@media all and (max-width:575px) {
  .no-check.room-rate {
    min-width: unset;
    width: 100% !important;
  }

  .rdrDayNumber>div.calender-firstSold>span {
    margin: 0 !important;
    left: 8px;
    right: unset !important;
    width: auto !important;
    top: 0px;
  }
}

@media all and (max-width:480px) {

  .no-check.room-rate::before,
  .no-check.room-rate::after,
  .dp-block::before {
    width: 15px;
    height: 15px;
  }

  .departure-wrapper {
    flex-wrap: wrap;
    font-size: 10px;
  }

  .dp-block.close-arrival,
  .dp-block.close-departure {
    padding-left: 20px;
  }
}

/* legends css ends  */
/* CTA - CTD changes end */

@media (max-width: 1366px) {
  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    left: 0;
    transform: translate(-40%, 0%);
  }
}

@media (max-width: 1024px) {
  .checkIn-OutWrapper .form-group.checkOut {
    text-align: right;
    padding-left: 0 !important;
  }

  .checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
    padding-left: 0 !important;
  }

  .iconText div#end-Date-Input {
    padding-right: 20px;
    text-align: right;
  }

  .beWidget .icon-cal {
    right: 43%;
    transform: translate(-43%);
  }

  /* hitesh css start for handle calender in group 2 dropdown */
  .Configure-quickBook-Widget .MbsSearchWidget .property+.property+.searchinOut.formGroup .rdrCalendarWrapper.rdrDateRangeWrapper {
    right: 0;
    left: auto;
    transform: inherit;
  }

  .Configure-quickBook-Widget .MbsSearchWidget .property+.searchinOut.formGroup .rdrCalendarWrapper.rdrDateRangeWrapper {
    right: auto;
    left: auto;
    transform: translate(-36%, 0);
  }

  /* hitesh css end for handle calender in group 2 dropdown */
}

@media (min-width:992px) and (max-width:1366px) {
  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    transform: translate(-35%, 0);
  }
}

@media (max-width: 991px) {
  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    transform: translate(-36%, 0%);
    left: 0;
  }

  .Configure-quickBook-Widget .rdrCalendarWrapper .rdrMonths .rdrMonth {
    width: 320px;
  }

  /* hitesh css start for handle calender in group 2 dropdown */
  .Configure-quickBook-Widget .MbsSearchWidget .property+.property+.searchinOut.formGroup .rdrCalendarWrapper.rdrDateRangeWrapper {
    right: 0;
    left: auto;
    transform: inherit;
  }

  .Configure-quickBook-Widget .MbsSearchWidget .property+.searchinOut.formGroup .rdrCalendarWrapper.rdrDateRangeWrapper {
    right: auto;
    left: auto;
    transform: translate(-36%, 0);
  }

  /* hitesh css end for handle calender in group 2 dropdown */
}

@media screen and (max-width: 891px) {
  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    transform: translate(-45%, 0%);
    left: 0;
  }
}

@media (max-width: 768px) {
  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    left: 0;
    transform: translateX(-47%);
  }

  .dpicker-minimumstay-hover span {
    margin: 2px 0;
    line-height: 14px !important;
    white-space: normal;
    min-width: 60px;
  }

  /* hitesh css start for handle calender in group 2 dropdown */
  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    left: 0;
    transform: inherit;
    right: auto;
  }

  /* .Configure-quickBook-Widget .MbsSearchWidget .property+.searchinOut.formGroup .rdrCalendarWrapper.rdrDateRangeWrapper {
    transform: inherit;
    right: 0;
  } */

  /* hitesh css end for handle calender in group 2 dropdown */
}

@media (max-width: 767px) {
  .date-input {
    min-width: unset;
  }

  .rdrCalendarWrapper .rdrMonthAndYearWrapper {
    width: 100% !important;
  }

  .modalCalender .checkIn-OutWrapper {
    width: 100% !important;
  }

  .modalCalender .checkIn-OutWrapper .container {
    max-width: 100% !important;
  }

  .rdrDateRangeWrapper .rdrMonths {
    width: 100% !important;
  }

  .custom-cal .rdrCalendarWrapper {
    width: 480px !important;
  }

  .rdrDateRangeWrapper .rdrMonths.rdrMonthsHorizontal .rdrMonth {
    margin: 0;
    width: 295px;
    padding: 0px 5px 5px 5px;
  }

  /* hitesh css start for handle calender in group 2 dropdown */
  .Configure-quickBook-Widget .MbsSearchWidget .property+.property+.searchinOut.formGroup .rdrCalendarWrapper.rdrDateRangeWrapper {
    right: auto;
  }

  /* hitesh css end for handle calender in group 2 dropdown */
}

@media (min-width: 642px) and (max-width: 767px) {
  .rdrDateRangeWrapper .rdrMonths.rdrMonthsHorizontal .rdrMonth {
    width: 265px;
  }
}

@media (max-width: 641px) {
  button.rdrDay {
    height: 55px !important;
    border-radius: 0;
  }
}


@media screen and (max-width: 641px) {
  .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    width: auto
  }
}

@media screen and (max-width: 641px) and (orientation:landscape) {
  .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    width: auto;
  }
}

@media screen and (max-width: 450px) and (orientation:portrait) {
  .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    width: 100%;
  }
}

/* @media screen and (max-width: 420px) {
  .rdrDateRangePickerWrapper .rdrDateRangeWrapper .rdrMonths.rdrMonthsHorizontal .rdrMonth {
    width: 295px;
    min-width: fit-content !important;
  }
} */

@media (max-width: 576px) {
  .rdrDateRangeWrapper .rdrMonths.rdrMonthsHorizontal .rdrMonth {
    width: 100%;
  }
}

@media (max-width: 575px) {
  .selected-dates {
    min-width: 362px;
    top: 449px;
  }

  .dpicker-minimumstay-hover {
    left: -20px;
  }

  .be-widgetWrap .beWidget {
    flex-wrap: wrap;
  }

  .checkIn-OutWrapper {
    width: 100%;
    margin-bottom: 10px;
  }

  .beWidget .form-group.promocodeTxt {
    width: 70%;
    padding-left: 0;
  }

  .be-widgetWrap .beWidget .promocodeTxt .PromoInput {
    width: 100% !important;
    max-width: 100% !important;
  }

  .beWidget .form-group.checkAvailBtn {
    width: 30% !important;
  }

  .checkAvailBtn .ApplyBtnCustom {
    width: 100%;
  }

  .rdrCalendarWrapper .rdrMonthAndYearWrapper {
    width: 100% !important;
  }

  .rdrDateRangeWrapper .rdrMonths.rdrMonthsHorizontal .rdrMonth {
    width: 100%;
  }

  .Configure-quickBook-Widget .MbsSearchWidget .searchinOut .rdrCalendarWrapper.rdrDateRangeWrapper {
    right: 0;
  }
}

/* @media (max-width: 562px) {
  .rdrDateRangeWrapper .rdrMonths.rdrMonthsHorizontal .rdrMonth {
    width: 365px !important;
  }
} */

@media (max-width: 540px) {
  .findAvailDates {
    right: 0 !important;
    left: auto !important;
    transform: translate(0px) !important;
  }
}

@media all and (max-width:450px) {
  .rdrDayNumber>div.calender-firstSold>span.noPromo {
    margin: 0 !important;
    left: 4px;
    right: unset !important;
    width: auto !important;
    top: 5px;
  }
}

@media (max-width: 400px) {
  .selected-dates {
    font-size: 14px;
    min-width: 332px;
  }

  .beWidget .form-group.promocodeTxt {
    width: 50%;
    font-size: 14px !important;
  }

  .beWidget .form-group.checkAvailBtn {
    width: 50% !important;
  }

  .wdgtWrapp .be-widgetWrap .beWidget input,
  .wdgtWrapp .be-widgetWrap .beWidget input.date-input {
    font-size: 16px !important;
  }

}

@media (max-width: 432px) {
  .checkIn-OutWrapper .form-group.checkOut {
    text-align: right;
    padding-left: 0 !important;
  }

  .checkIn-OutWrapper .form-group.checkOut label.widgetLabelchkout {
    padding-left: 0 !important;
    padding-right: 50px;
  }

  .iconText div#end-Date-Input {
    padding-right: 20px;
    text-align: right;
  }

  .beWidget .icon-cal {
    right: 43%;
    transform: translate(-43%);
  }
}

@media (max-width: 370px) {
  .beWidget .form-group.checkAvailBtn {
    padding-top: 22px !important;
  }
}

@media (max-width: 360px) {
  .selected-dates {
    min-width: 300px;
    padding: 10px 8px;
  }
}