/* Breeze Ver6.9.2: fixed map width and booked unit button UI */
.calendar-area-facility-map{
  display:block!important;
  box-sizing:border-box!important;
  width:min(100%,760px)!important;
  max-width:760px!important;
  margin:16px auto 26px!important;
  padding:18px!important;
  overflow:hidden!important;
}
.calendar-area-facility-map>a{display:block!important;width:100%!important;max-width:100%!important;overflow:hidden!important}
.calendar-area-facility-map img{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:520px!important;
  margin:0 auto!important;
  object-fit:contain!important;
}
.preferred-unit-picker{
  display:block!important;
  min-width:0!important;
  margin:16px 0!important;
  padding:16px!important;
  border:1px solid #bfe5ef!important;
  border-radius:10px!important;
  background:#f4fbfd!important;
}
.preferred-unit-picker legend{padding:0 7px!important;color:#174a58!important;font-size:16px!important;font-weight:900!important}
.preferred-unit-picker>p{margin:0 0 11px!important;color:#667b83!important;font-size:12px!important}
.preferred-unit-buttons{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(88px,1fr))!important;
  gap:9px!important;
  width:100%!important;
  padding:0!important;
  border:0!important;
}
.preferred-unit-buttons label{display:block!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;cursor:pointer!important}
.preferred-unit-buttons input{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
}
.preferred-unit-buttons span{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:2px!important;
  width:100%!important;
  min-width:0!important;
  min-height:62px!important;
  padding:8px 5px!important;
  border:2px solid #9fd3df!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#176f86!important;
  line-height:1.15!important;
  transition:.15s ease!important;
}
.preferred-unit-buttons span strong{font-size:22px!important;font-weight:900!important}
.preferred-unit-buttons span small{color:#64808a!important;font-size:10px!important;font-weight:800!important}
.preferred-unit-buttons input:checked+span{border-color:#168da9!important;background:#168da9!important;color:#fff!important;box-shadow:0 5px 13px rgba(22,141,169,.2)!important}
.preferred-unit-buttons input:checked+span small{color:#fff!important}
.preferred-unit-buttons label.is-booked{cursor:not-allowed!important}
.preferred-unit-buttons label.is-booked span,.preferred-unit-buttons input:disabled+span{
  border-color:#d5dadd!important;
  background:#e9edef!important;
  color:#8d999e!important;
  box-shadow:none!important;
}
.preferred-unit-buttons label.is-booked span small,.preferred-unit-buttons input:disabled+span small{color:#b14949!important}
#preferredUnitMessage{display:block!important;margin-top:9px!important;color:#c2600b!important;font-size:12px!important;font-weight:900!important}
#preferredUnitMessage.complete{color:#168777!important}
@media(max-width:760px){
  .calendar-area-facility-map{width:calc(100% - 18px)!important;margin:12px auto 22px!important;padding:10px!important}
  .calendar-area-facility-map img{max-height:none!important}
  .preferred-unit-picker{padding:13px!important}
  .preferred-unit-buttons{grid-template-columns:repeat(auto-fit,minmax(68px,1fr))!important;gap:7px!important}
  .preferred-unit-buttons span{min-height:56px!important}
  .preferred-unit-buttons span strong{font-size:20px!important}
}