/* ================================================================ Calendar */

.lodgment-room-detail .lodgment-calendar {
  margin-top: 15px;
  border: 1px solid #dce4e3;
  border-radius: 8px;
}
.lodgment-room-detail .lodgment-calendar .calendar-header,
.lodgment-room-detail .lodgment-calendar .calendar-action-header {
  height: 50px;
  background-color: #1376b5;
  color: #fff;
  border: 1px solid #1376b5;
  font-size: 16px;
}

.lodgment-room-detail .lodgment-calendar .calendar-action-body {
  padding: 5px 10px;
}

.lodgment-room-detail .lodgment-calendar .calendar-action-title {
  padding: 5px 0;
  margin-bottom: 5px;
  color: #003B4A;
  border-bottom: 1px solid #44cdbe;
}

.lodgment-room-detail .lodgment-calendar .container-calendar { padding: 5px; }

.lodgment-room-detail .lodgment-calendar .calendar-action-title:not(:first-child) { margin-top: 15px; }

.lodgment-room-detail .lodgment-calendar .calendar-view { width: calc(100% - 220px); }
.lodgment-room-detail .lodgment-calendar .calendar-action { width: 220px; }

.lodgment-room-detail .lodgment-calendar .calendar-row { display: flex; }
.lodgment-room-detail .lodgment-calendar .calendar-col { position: relative; margin: 1px; cursor: pointer; border: 1px solid #dce4e3; }

.lodgment-room-detail .lodgment-calendar .calendar-days .calendar-col.check-in,
.lodgment-room-detail .lodgment-calendar .calendar-days .calendar-col.in-range,
.lodgment-room-detail .lodgment-calendar .calendar-col:hover {
  border: 1px solid #6d9692;
  background-color: #e0fffc;
}

.lodgment-room-detail .lodgment-calendar .calendar-col.disabled,
.lodgment-room-detail .lodgment-calendar .calendar-col.not-in-month { color: #dedede; }


.lodgment-room-detail .lodgment-calendar .calendar-days .calendar-col.check-out {
  border: 1px solid #1376b5;
}

.lodgment-room-detail .lodgment-calendar .calendar-weekname .calendar-col { height: 35px; flex: 1; }
.lodgment-room-detail .lodgment-calendar .calendar-days .calendar-col { height: 80px; flex: 1; }


.lodgment-room-detail .lodgment-calendar .calendar-days .calendar-day { position: absolute; top: 5px; right: 5px; }
.lodgment-room-detail .lodgment-calendar .calendar-days .calendar-price { position: absolute; bottom: 5px; left: 5px; }

.input-group .biz-select { font-size: .9rem; }

.input-group .input-text { text-align: right; padding-right: .8rem;}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

  .lodgment-room-detail .lodgment-calendar { margin-top: .5rem; display: grid; }
  .lodgment-room-detail .lodgment-calendar .calendar-view { width: unset; }
  .lodgment-room-detail .lodgment-calendar .calendar-action { width: unset; }
  .lodgment-room-detail .lodgment-calendar .calendar-days .calendar-col { height: 5rem; }

  .lodgment-room-detail .lodgment-calendar .calendar-header, .lodgment-room-detail .lodgment-calendar .calendar-action-header {
    font-size: 1.6rem;
    height: unset;
    padding: .8rem 0;
  }

  .lodgment-room-detail .lodgment-calendar .calendar-header .arrow-right,
  .lodgment-room-detail .lodgment-calendar .calendar-header .arrow-left {
    border: 9px solid transparent;
  }
  .lodgment-room-detail .lodgment-calendar .calendar-header .arrow-right { border-color: transparent transparent transparent #003B4A }
  .lodgment-room-detail .lodgment-calendar .calendar-header .arrow-left { border-color: transparent #003B4A transparent transparent }

  .lodgment-room-detail .lodgment-calendar .calendar-action-body {
    font-size: 1.3rem;
  }

  .lodgment-room-detail .lodgment-calendar .calendar-action-body .input-group .biz-select {
    font-size: 1.3rem;
  }

}

/* ================================================================ Calendar End */