/* 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: 768px) {
.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;
  }

}
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:768px) {
	.modal-dialog.iph-dialog {
		width: 580px !important;
		max-width: 580px !important;
		margin:10px auto !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;
  }
  .search-box .btn.btn-primary {
    width: 100%;
    text-transform: uppercase;
  }
  .modal-fullscreen-lg-down {
    margin:0 !important;
  }
}
.modal-body.text-center {
margin-top:1rem;
}