/* Fix by left:0; */
.form-floating {
    label {
      left: auto;
     }
}

.capitalize {
  text-transform: capitalize;
}
.search-box input:readonly {
    background-color: white !important;
}
#iph-booking-form .form-control:disabled, 
#iph-booking-form .form-control[readonly],
#iph-booking-form .input-group-text {
  background-color: white !important;
  border-color: white  !important;
  border-right: 1px solid #dcdcdc  !important;
}

#iph-booking-form .form-control[readonly]:hover {
  box-shadow: none;
}

#ipbb-rooms-and-promotion .form-control:disabled{
    background-color: #e9ecef !important;
}

.room-number {
  color:#343a40 !important;
}

.search-box .form-control:focus {
  box-shadow: none;
}


body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1200px;
  margin-left: auto !important;
  margin-right: auto !important;
} 

/*
.table-condensed .border{
  border: 1;
} */
.active.available .divDayTag {
  color: white;
}
.divDayTag .noRates { 
  pointer-events: none;
}
.divDayTag { 
  pointer-events: none;
  color: #999 ;
}


@media (min-width: 821px) {
  .col-md-6 {
      width: 50% !important;
  }
}


/*---------- Date Picker ------------*/

/**/
.drp-legend {
  font-size: .875rem;
  color: #999;
  padding-bottom: 0.5rem;
}
.drp-selected {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #444;
}
.daterangepickerIph td.disabled, .daterangepickerIph option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: none;
}
.daterangepickerIph td.active, 
.daterangepickerIph td.active.start-date, 
.daterangepickerIph td.active.end-date, 
.daterangepickerIph td.active:hover {
  background-color: #525252;
}
.daterangepickerIph td.in-range {
  background-color: #f4f4f4;
}

.daterangepickerIph .calendar-table .next {
  background-color:#f2f2f2;
}

.daterangepickerIph .calendar-table .prev {
  background-color:#f2f2f2;
}

.daterangepickerIph {
   position: relative;
   top: 0px; 
   left: 0px; 
   width: auto;
   border: none;
}
.daterangepickerIph th.month {
    font-size: 1.375rem;
    font-weight: bold;
    text-transform: capitalize;
  }

  .daterangepickerIph:before {
    top: 0;
    border : none;
  }
  
  .daterangepickerIph:after {
    top:0;
    border:none;
  }
  

.weekdays {
    text-transform: capitalize;
    font-size: 1.075rem;
    font-weight: normal;
}

.table-condensed{
	border : 0;
    th {
        background: inherit;
    }
}

.daterangepickerIph .drp-calendar.left {
  padding: 0 8px;;
}

.daterangepickerIph .drp-calendar {
  max-width: inherit;
}

.daterangepickerIph .calendar-table th, .daterangepickerIph .calendar-table td {
  width: inherit;
  /* font-size: 1.075rem;*/
}
.daterangepickerIph .calendar-table th, .daterangepickerIph .calendar-table td {
  line-height: initial;
}
.modal-body {
  padding: 0 1rem !important;
}
.daterangepickerIph .drp-calendar.right {
  padding: 0 8px;
}
.applyBtn.btn.btn-primary {
  padding: 0.5rem 1.5rem !important;
}

@media (min-width: 565px) {

    .daterangepickerIph.show-calendar .ranges {
    margin-top: auto;
    }
    .daterangepickerIph .calendar-table th, .daterangepickerIph .calendar-table td {
        border: inherit;
    }
  
  /*.daterangepickerIph .drp-calendar {
    display: none;
  }*/
}
button.cancelBtn {
  padding: 0.5rem 2rem;
}
@media (min-width: 768px) and (max-width:991px) {
  .daterangepickerIph .calendar-table th, .daterangepickerIph .calendar-table td {
    padding: 0.3rem
  }
}
@media (min-width: 576px) and (max-width:820px) {
  .modal-dialog {
      width: 640px !important;
      max-width: 640px !important;
  }
}
@media (max-width: 564px) {
    .daterangepickerIph{
      width: 100%;
    }
    .daterangepickerIph .calendar-table th, .daterangepickerIph .calendar-table td {
      border: inherit;
      /*padding-left: 3px;
      padding-right: 3px;*/
      padding: 6px 3px;
    }
    /*.daterangepickerIph .drp-calendar {
        display: none;
    }*/
    .search-box .btn.btn-primary {
      width: 100%;
      text-transform: uppercase;
    }
    .modal-fullscreen-lg-down {
      margin:0 !important;
    }
}
.modal-body.text-center {
  margin-top:1rem;
}