/* -- FullCalendar --*/
.fc-event-container {border:4px solid black;}
.fc-event-container .unselectable {background-color: #ccc;}
.fc-event-container .available {background-color: #cef093;}
.fc-event-container .occupied {background-color: #ee8767;}
.fc-event-container .no-price {background-color: yellow;}
/*.availability-calendar tr {height: 10px !important; line-height: 10px !important;} */
.availability-calendar td.fc-day {width: 2em !important;}
.availability-calendar .fc-body .fc-row { height: 2em !important; min-height: 2em !important; }
.availability-calendar   .fc-day-number {float: none !important; display: block; text-align:center; margin: 0 auto;}

/* -- ZABUTO -- */
div.zabuto_calendar .table {
  max-width:350px;
  border: 2px solid #333;
}
div.zabuto_calendar .table tr.calendar-month-header td {
  background-color: #333;
  color: white;
}
div.zabuto_calendar .table tr.calendar-month-header td a{
  color: red;
}
div.zabuto_calendar .table tr.calendar-dow-header th {
  background-color: #777;
  color: white;
  font-size: 0.9em;
}

div.zabuto_calendar {padding-bottom:3em;}
div.zabuto_calendar div.legend {line-height:1px;}
div.zabuto_calendar div.legend span.legend-block {float:left;}
div.zabuto_calendar div.legend span.legend-block span {color: black; }

/* -- Calendar colors. With difference between occupied and other non-available we could use:
  .unselectable: #eee, .no-price: #ccc */
div.zabuto_calendar table tr td .unselectable, div.zabuto_calendar div.legend .unselectable {background-color: #ee5737; color: #aaa;}
div.zabuto_calendar table tr td .available, div.zabuto_calendar div.legend .available {background-color: #cef093;}
div.zabuto_calendar table tr td .uno, div.zabuto_calendar div.legend .uno {background-color: #ffaa00;}
div.zabuto_calendar table tr td .occupied, div.zabuto_calendar div.legend .occupied {background-color: #ee5737;}
div.zabuto_calendar table tr td .no-price, div.zabuto_calendar div.legend .no-price {background-color: #ee5737;}
div.zabuto_calendar div.legend {
  max-width:350px;
}

/* --- Specific when showing current availabilities for all room types in one row --- */
div.current-availabilities {display:flex;}
div.current-availabilities div.availability-calendar {}
div.current-availabilities h3 {font-size:1.2em;}
div.current-availabilities div.zabuto_calendar {}
div.current-availabilities div.zabuto_calendar .table {max-width:150px;}