body {
    background-color: white;
}

#v25_promotion_code {
    text-transform: uppercase;
}
#v25_promotion_code_enter {
    padding: 9px;
    width: 70px;
    background-color: #456455;
    color: white;
    text-align: center;
    margin-top: 9px;
    margin-left: 6px;
    font-size: 14px;
}

.v25_date-picker-form label {
    font: normal normal normal 12pt Arial,Helvetica,sans-serif;
}

.v25_date-picker-form input {
  display: block;
  margin-bottom: 10px;
  padding: 8px;
  width: 138px;
}

.v25_calendar {
  display: grid;
  grid-template-columns: 1fr;
  background: #f9f9f9;
  padding: 10px;
  border: 1px solid #ccc;
  position: absolute;
  top: 420px; /*80px;*/
  left: 12px;
  z-index: 10;
  font-size: 10px;
}
.v25_calendar-actions {
    flex-direction: column;
    gap: 5px;
}

.hw_bc_booking_roomtype_overlay {
	height: calc(100% - 16px);
	border: 8px solid rgba(0,0,0,0);
}
.hw_bc_booking_roomtype_overlay_selected {	
	border: 8px solid #456455;
}

.v25_ratedetails {
    color: darkred;
    font-size: 20px;    
}
#div_ratedetails {
    position: absolute;
    width: fit-content
    /*width: 22vw;
    max-width: 218px;*/
    height: fit-content;
    /* border: 1px solid black; */
    margin: 18px 0 0 0px;
    padding: 20px 35px 20px 20px;
    background: rgb(69, 100, 85, 0.8);
    font-size: 20px;
    color: white;
}

@media screen and (max-width: 440px) {
  .v25_calendar {
	width: calc(100% - 48px);
  }
}
@media screen and (min-width: 441px) {
    .v25_calendar {
        top: 420px; /*80px;*/
        left: calc(100vw - 390px);
        grid-template-columns: repeat(2, 1fr);
    }
    .v25_calendar-actions {
        grid-column: span 2;
        display: flex;
        justify-content: space-between;
        margin-top: 10px;
    }
}

@media screen and (min-width: 667px) {
    .v25_calendar {
        left: 42.2vw;
        font-size: 12px;
    }
}
@media screen and (min-width: 1024px) {
    .v25_calendar {
        top: 500px; /*80px;*/
        left: calc(50vw - 320px);
    }
    .hw_bc_booking_desktop_div {
        height: 290px !important;
    }
    #div_ratedetails {
        margin: 18px 0 0 142px;
    }
}

@media screen and (min-width: 1281px) {
    
    .hw_bc_bookingstep_title {
        padding: 0 0 0 20px !important;
    }
    .hw_bc_booking_banner1 {
        padding: 0 10px !important;    
    }
    .v25_calendar {
        top: 500px; /*80px;*/
        left: calc(50vw - 320px);    
    }
}

.v25_hidden {
  display: none;
}

.v25_calendar-nav {
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.v25_calendar-nav button {
  background-color: #eee;
  border: none;
  padding: 8px 12px;
  cursor: pointer;
  font-size: 16px;
}

.v25_month {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.v25_days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}

.v25_day {
  padding: 5px;
  cursor: pointer;
  text-align: center;
}

.v25_day:hover {
  background-color: #ddd;
}

.v25_selected {
  background-color: var(--color_brandgreen);/*#4caf50;*/
  color: white;
}

.v25_day.disabled {
  pointer-events: none;
  color: #ccc;
  background-color: #f0f0f0;
}

.v25_date-picker-form button {
  padding: 6px 12px;
  cursor: pointer;
}
/*
.v25_calendar-actions {
  grid-column: span 2;
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
}
@media screen and (max-width: 500px) {
  .v25_calendar {
	grid-template-columns: 1fr;
	top: 60px;
	width: 100%;
  }

  .v25_calendar-actions {
	flex-direction: column;
	gap: 5px;
  }
}
*/