/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.fc .fc-bg-event {
    opacity: 0.7
}

.fc .fc-daygrid-day-number {
    color: #000
}

.fc-theme-standard td, .fc-theme-standard th {
    border-color: #333
}

.calendar_legend {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 50px;
}

.calendar_legend .legend {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}


.calendar_legend .legend div {
    border: solid 1px #333;
    width: 40px;
    height: 40px;
}

.legend.busy div {
    background-color: rgba(204, 0, 0, 1);
    opacity:0.7;
}