/* Main border-card height adjustment for padding at the bottom above 992px */
.calendar-border-card {
    height: 100% !important;
}

@media screen and (min-width: 992px) {
    .lg\:calendar-border-card {
        height: calc(100% - 1.5rem) !important;
    }
}
/* ---- */

/* Hide scroll bar on header */
thead .fc-scroller {
    overflow: hidden !important;
}

/* Hide now-indicator arrow on time column */
.fc-timegrid-now-indicator-arrow {
    display: none;
}

/* Now-indicator styling - dot with dashed line */
.fc .fc-timegrid-now-indicator-line {
    border-color: var(--fc-now-indicator-color);
    border-style: dashed;
    border-top-width: 1px;
}

.fc-media-screen .fc-timegrid-now-indicator-container {
    position: unset;
}

.fc .fc-timegrid-now-indicator-line::before {
    background-color: var(--fc-now-indicator-color);
    content: '';
    position: absolute;
    top: -7px;
    left: -7px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
/* ---- */

/* Hide overflow for events */
.fc-event-main {
    overflow: hidden !important;
}

/* Final event wrapper class */
.fc-timegrid-event {
    border-radius: 6px !important;
}

/* We use custom toolbar - make sure built-in doesn't take space */
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0 !important;
}

/* Remove "today" column background */
.fc-day-today {
    background: none !important;
}

/* HEADERS - make it 40 px and center text inside */
.fc-col-header-cell {
    height: 40px;
    justify-content: center !important;
    align-content: center !important;
    overflow: hidden !important;
}

.fc-scrollgrid-sync-inner {
    min-height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}
/* ---- */

/* Time grid column */
.fc-timegrid-slot {
    height: 30px !important;
}

.fc-timegrid-slot-label-cushion {
    padding: 0px !important;
}
/* ---- */

/* Default box-shadow on events looks like border 1px */
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
    box-shadow:
        0px 1px 8px rgba(0, 0, 0, 0.08),
        0px 3px 4px rgba(0, 0, 0, 0.1),
        0px 1px 4px -1px rgba(0, 0, 0, 0.1) !important;
}