/*
|--------------------------------------------------------------------------
| Calendar
|--------------------------------------------------------------------------
*/

.calendar-header {
    padding: 4px;
}

.calendar-header h3 {
    margin: 0;
}

.calendar-header .title {
    cursor: pointer;
}

.fc .fc-more-popover .fc-popover-body {
    max-height: 60vh;
    overflow-x: hidden;
    overflow-y: auto;
}

.fc .fc-daygrid-day.fc-day:hover {
    cursor: pointer;
}

.fc .fc-timegrid-col .fc-highlight {
    opacity: 0;
}

@media only screen and (max-width : 479px) {

    .calendar-view-dropdown .dropdown-toggle .view-name {
        display: none;
    }

    .fc :not(.fc-popover) .fc-daygrid-day-top {
        justify-content: center;
        align-items: center;
    }

    .fc :not(.fc-popover) .fc-daygrid-body-natural .fc-daygrid-day-events {
        margin-bottom: 0px !important;
        text-align: center;
    }

    .fc :not(.fc-popover) .fc-daygrid-event-harness {
        display: inline-block;
    }

    :not(.fc-popover).fc-daygrid-event.fc-event-start,
    :not(.fc-popover).fc-daygrid-event.fc-event-end,
    :not(.fc-popover).fc-daygrid-event.fc-event-start.fc-event-end {
        display: inline-block;
        border-radius: 50%;
        padding: 3px;
        margin-right: 1px !important;
        margin-left: 1px !important;
    }

    :not(.fc-popover).fc-daygrid-event.fc-event-start.overflowing-event,
    :not(.fc-popover).fc-daygrid-event.fc-event-end.overflowing-event,
    :not(.fc-popover).fc-daygrid-event.fc-event-start.fc-event-end.overflowing-event {
        width: 100%;
    }

    :not(.fc-popover).fc-daygrid-event.fc-event-start.overflowing-event {
        width: 100%;
        border-radius: 16px 0px 0px 16px;
    }

    :not(.fc-popover).fc-daygrid-event.fc-event-end.overflowing-event {
        border-radius: 0px 16px 16px 0px;
    }

    :not(.fc-popover).fc-daygrid-event.fc-event-start.fc-event-end.overflowing-event {
        width: 100%;
        border-radius: 16px;
    }

    :not(.fc-popover).fc-daygrid-event.fc-event-start *,
    :not(.fc-popover).fc-daygrid-event.fc-event-end *,
    :not(.fc-popover).fc-daygrid-event.fc-event-start.fc-event-end * {
        display: none;
    }

    .fc :not(.fc-popover) .fc-daygrid-day-bottom {
        display: inline-block;
        content: '+';
        margin-left: 1px;
        margin-right: 1px;
        font-weight: bold;
    }

    .fc :not(.fc-popover) .fc-daygrid-day-bottom:before {
        display: inline-block;
        content: '+';
    }

    .fc :not(.fc-popover) .fc-daygrid-more-link {
        display: none;
    }

}