.main {
  padding-bottom: 3.125rem;
  background-color: #191d21;
  background-image: url("../images/pattern.png");
  background-repeat: repeat;
}
.availability__calendars {
  max-width: 90%;
  margin: 0 auto;
  padding: 0.625rem;
}
.availability__calendars-legend {
    position: relative;
    z-index: 200;
    margin: 0.625rem auto 1.25rem;
}
.availability__calendars-navigation {
    position: relative;
    z-index: 20;
}
@media only screen and (max-width: 670px) {
  .availability__calendars {
    max-width: 100%;
  }
}
.availability__calendars::after {
  padding-bottom: 0.625rem;
}
.calendars__carousel {
  *zoom: 1;
  max-width: 90%;
  margin: 0 auto;
  padding: 0.625rem;
}
.calendars__carousel:before,
.calendars__carousel:after {
  content: '';
  display: table;
}
.calendars__carousel:after {
  clear: both;
}
@media only screen and (max-width: 670px) {
  .calendars__carousel {
    max-width: 100%;
  }
}
.calendar {
  *zoom: 1;
  float: left;
  clear: none;
  text-align: inherit;
  width: 33.33333333333333%;
  margin-left: 0%;
  margin-right: 0%;
}
.calendar:before,
.calendar:after {
  content: '';
  display: table;
}
.calendar:after {
  clear: both;
}
@media only screen and (max-width: 960px) {
  .calendar {
    *zoom: 1;
    float: left;
    clear: none;
    text-align: inherit;
    width: 50%;
    margin-left: 0%;
    margin-right: 0%;
  }
  .calendar:before,
  .calendar:after {
    content: '';
    display: table;
  }
  .calendar:after {
    clear: both;
  }
}
@media only screen and (max-width: 670px) {
  .calendar {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .calendar:first-child {
    margin-left: auto;
  }
  .calendar:last-child {
    margin-right: auto;
  }
}
.ui-datepicker-calendar .day.is-confirmed.start-date::before {
  border-color: transparent #00A2A7 transparent transparent;
}
.ui-datepicker-calendar .day.is-confirmed.in-range {
  background-color: #00A2A7 !important;
}
.ui-datepicker-calendar .day.is-confirmed.end-date::after {
  border-color: transparent transparent transparent #00A2A7;
}
.ui-datepicker-calendar .day.is-pending.start-date::before {
  border-color: transparent #F5D20D transparent transparent;
}
.ui-datepicker-calendar .day.is-pending.in-range {
  background-color: #F5D20D !important;
}
.ui-datepicker-calendar .day.is-pending.end-date::after {
  border-color: transparent transparent transparent #F5D20D;
}
.ui-datepicker-calendar .day.is-maintenance.start-date::before {
  border-color: transparent rgba(124,124,124,0.4) transparent transparent;
}
.ui-datepicker-calendar .day.is-maintenance.in-range {
  background-color: rgba(124,124,124,0.4) !important;
}
.ui-datepicker-calendar .day.is-maintenance.end-date::after {
  border-color: transparent transparent transparent rgba(124,124,124,0.4);
}
.ui-datepicker-calendar .day.end-date.start-date[class*="p_"]::after {
  border-color: transparent transparent transparent #F5D20D;
}
.ui-datepicker-calendar .day.end-date.start-date[class*="_p"]::before {
  border-color: transparent #F5D20D transparent transparent;
}
.ui-datepicker-calendar .day.end-date.start-date[class*="c_"]::after {
  border-color: transparent transparent transparent  #00A2A7;
}
.ui-datepicker-calendar .day.end-date.start-date[class*="_c"]::before {
  border-color: transparent  #00A2A7 transparent transparent;
}
.ui-datepicker-calendar .day.end-date.start-date[class*="m_"]::after {
  border-color: transparent transparent transparent rgba(124,124,124,0.4);
}
.ui-datepicker-calendar .day.end-date.start-date[class*="_m"]::before {
  border-color: transparent rgba(124,124,124,0.4) transparent transparent;