/*Calendar booking
-------------------------------------------------------------------------------*/
@-webkit-keyframes spinner-border{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg)} }
@keyframes spinner-border{ to{ -webkit-transform:rotate(360deg); transform:rotate(360deg)} }
.spinner-border { display:inline-block; width:2rem; height:2rem; vertical-align:text-bottom; border:.25em solid currentColor; border-right-color:transparent; border-radius:50%; -webkit-animation:spinner-border .75s linear infinite; animation:spinner-border .75s linear infinite }

.fa-chevron-left {}
.fa-chevron-right {}
.fas {}

.separator {}

/* --  All months -- */
.all-front-calendars {}
.month-title {}
table.wp-calendar.booking-calendar tr { height: 3em; }
table.wp-calendar.booking-calendar td { text-align: center; }
th { width: 3em; }

.booking-calendar-wrapper { display: inline-block; }
.booking-calendar-wrapper:nth-child(odd) { float: right; }

/* --  Left and Right buttons  -- */
#calendar-next, #calendar-prev { font-size: 19px; width: 23px; }
#calendar-next { float: right; }

/* --  Legenda  -- */
.calendar-legend-past {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 0px;
    background: #eceff3;
}

.calendar-legend-today {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 15px;
    background: #323a45;
}

.calendar-legend-reserved {
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    margin: 2px 8px 8px 15px;
    background: #ffae04;
}

.calendar-legend {
    float: left;
    margin: 0px;
    background: #fff;
    width: 100%;
    padding: 0px 30px 15px 15px;
}

.calendar-legend span {
    float: left;
    margin-top: 0px;
    font-size: 14px;
}

/* --  Colours for different situations on a day  -- */

.calendar-today {
    background: black !important;
    color: white;
}

.pad {} /* leeg hokje */

/* Ongeboekte dag in toekomst */
.calendar-free { border: 1px solid #c0c0c0; }

/* Ongeboekte dag in verleden */
.has_past {
    color: grey!important;
    text-decoration: line-through;
    background: #f6f6f6 !important;
}

/* Geboekte dag in verleden */
.calendar-reserved.has_past {
    background: #e0e0e0 !important;
}

/* Geboekte dag in toekomst */
.calendar-reserved.has_future {
    background: #ffae04;
}

/* Geboekte startdag in toekomst */
.start_reservation.calendar-reserved {
   background: linear-gradient(-45deg,
   	#ffae04 50%, rgba(224, 126, 51, 0.2) 50%);
}

/* Geboekte einddag in toekomst */
.end_reservation {
   background: linear-gradient(135deg,
   	#ffae04 50%, rgba(224, 126, 51, 0.2) 50%) !important;
}

/* Geboekte startdag in verleden */
.start_reservation.calendar-reserved.has_past {
   background: linear-gradient(-45deg,
   	#e0e0e0 50%, #f6f6f6 50%) !important;
}

/* Geboekte einddag in verleden */
.end_reservation.has_past {
   background: linear-gradient(135deg,
   	#e0e0e0 50%, #f6f6f6 50%) !important;
}