/* FULLCALENDAR.IO */

:root {
    --fc-bg-event-opacity: 1 !important;
    --fc-bg-event-color: #eeffff !important;
}

.fc .fc-daygrid-day-number {
    color: black;
}

.fc .fc-day-past .fc-daygrid-day-number, .fc .fc-day-other .fc-daygrid-day-top {
    color: rgba(0, 0, 0, 0.38) !important;
    opacity: 1 !important;
}

.fc .fc-day-past {
    background: #fafafa !important;
}

.fc .fc-day-past .fc-daygrid-day-number {
    color: var(--fc-neutral-bg-color);
}

.fc .fc-highlight {
  background: rgb(255 80 220 / 30%) !important;
}

.fc .fc-bg-event {
  padding-top: 20px;
  text-align: center;
}

.fc .booked {
    background: #fbacab !important;
}

.fc .unavailable {
    background: #fafafa !important;
}

.fc .firstDay {
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #fbacab 50%, #fbacab 100%), var(--fc-bg-event-color) !important;
}


.fc .lastDay {
    background: linear-gradient(to bottom right, #fbacab 0%, #fbacab 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), var(--fc-bg-event-color) !important;
}

.fc-event-title2 {font-weight: 600;}
.calenderwrap {width: 100%; }
.availabilityInput {width: 90px; border: 0px;}

.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events { min-height: 0em!important;}