body, #page-wrapper, #platform-widget-wrapper, #page-wrapper .calendar-top, .platform .under-navbar-static.scroller.menubar, .platform-navbar-container{
    background: #fff !important;
}
.checkin-box,
.book-now-box{
    color: #333;
}
.book-now-box{
    margin-top: 30px;
}
.checkin-box h1,
.book-now-box h1{
    font-size: 20px;
    font-weight: 700;
    /* margin-bottom: 10px; */
    /* margin-top: 30px; */
    margin-left: 0;
}
.checkin-box h2,
.book-now-box h2{
    /* margin-top: 30px; */
    /* margin-bottom: 10px; */
    margin-left: 0;
}
.checkin-box h3,
.book-now-box h3{
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 0;
}
.checkin-box .btn,
.book-now-box .btn{
    font-weight: 700;
}
.checkin-status-badge{
  font-size: 14px;
  float: right;
  color: #007041;
  border-radius: 20px;
  border: 1px solid #BBF7D0;
  background-color: #F0FDF4;
  padding: 5px 10px;
  font-weight: 400;
}
.checkin-custom-fields{
  border-radius: 20px;
  border: 1px solid #e0e0e0;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  padding: 10px;
}
.checkin-box .table>tbody>tr>th{
  min-width: 145px;
  max-width: 45%; 
  white-space: normal; 
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .checkin-box .checkin-quick-booking-button,
  .checkin-box .checkin-quick-booking-button-disabled{
    float: none !important;
    margin-top: 10px;
    width: 100% !important;
  }
}
.checkin-box .checkin-quick-booking-button,
.checkin-box .checkin-quick-booking-button-disabled{
    border-radius: 4px !important;
    padding: .5rem 1.5rem;
    width: initial;
    float: right;
}
.checkin-quick-booking-button:after,
.checkin-box .checkin-quick-booking-button-disabled:after{
  content: '';
  display: block;
  clear: both;
}
.checkin-grouped-by-date{
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.checkin-wrapper{
    /*margin-bottom: 85px;*/
}
.checkin-location-image{
  width:100%;
  height: 200px;
  background-color: #fafafa;
  border-radius: 30px;
  box-shadow: 0 2px 12px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.checkin-location-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.checkin-separator{
  width: 100%;
  height: 1px;
  background-color: #E5E5E5;
  margin: 10px 0 0;
}
.checkin-date-header{
  position: sticky; 
  top: 72px; 
  z-index: 10; 
  background-color: #fff;
}

.checkin-wrapper .checkin-box{
  padding: 15px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0px rgba(0, 0, 0, 0.08);
}
#iframe-wrapper .col-md-12.iframe{
    display: none; /* remove bottom section for the iframe */
}
.checkin-wrapper .checkin-box .alert{
    width: max-content;
    width: -moz-max-content;
    width: -webkit-max-content;
    border-radius: 5px;
    box-shadow: 0 2px 6px 0 rgb(51 51 51 / 19%), -1px 2px 7px 0px rgb(51 51 51 / 41%);
}

.checkin-wrapper .checkin-box .alert.yellow{
    background-color: #fee37f;
    color: #333;
    text-shadow: none;
    transition: all 0.2s linear 0s;
}

.checkin-wrapper .checkin-box .alert.yellow:hover{
    box-shadow: 0 2px 6px 0 rgb(51 51 51 / 19%), -1px 5px 7px 0px rgb(51 51 51 / 41%);
}
@media only screen and (max-width: 480px) {
    .checkin-wrapper .checkin-box .alert{
        width: 100%;
    }
}
@media only screen and (max-width: 1024px) {

    .checkin-date-header{
        top: 60px;
        width: 106%;
        position: sticky;
        margin-left: -10px;
        padding-left: 12px;
        background: #fff;
        padding-bottom: 0px;
        z-index: 10;
    }
    .checkin-separator{
        width: 106%;
        height: 2px;
        background-color: #E5E5E5;
        margin: 10px 0 0;
        margin-left: -10px;
      }
}