/* Full Calendar Customize Css Start */
.fc-border-separate tr.fc-last th {
    background: var(--neutral-50);
    padding: 12px;
    color: var(--text-primary-light);

    a {
        transition: 0s;
    }
}

.fc-day.fc-tue.fc-widget-content.fc-today.fc-state-highlight {
    position: relative;
    background: linear-gradient(
            180deg,
            rgba(72, 127, 255, 0.13) 0%,
            rgba(72, 127, 255, 0.12) 0.01%,
            rgba(72, 127, 255, 0.05) 100%
    );

    &::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 4px;
        background: var(--primary-600);
    }
}

.fc-event {
    border: 0;
    padding: 4px;
    border-radius: 4px;
    background-color: var(--primary-50) !important;
    color: var(--primary-600) !important;

    &.important {
        background-color: var(--danger-100) !important;
        color: var(--danger-600) !important;
    }

    &.info {
        background-color: var(--lilac-100) !important;
        color: var(--lilac-600) !important;
    }
}

.fc-border-separate tr.fc-last th {
    border-color: var(--neutral-200) !important;
}

table.fc-header, #calendar {
    background-color: transparent;
}

.fc-week .fc-day:hover .fc-day-number {
    background-color: var(--primary-100) !important;
    color: var(--primary-600) !important;
}

.fc-state-highlight > div > div.fc-day-number {
    background-color: var(--primary-600) !important;
    color: #fff !important;
}

#calendar, table.fc-header {
    background-color: transparent !important;
}

.fc-header-title h2 {
    font-size: 24px !important;
    font-weight: 600;
}

.fc-state-default {
    border-color: var(--primary-600) !important;
    color: var(--primary-600) !important;

    &:hover {
        background-color: var(--primary-50) !important;
    }
}

.fc-state-active, .fc-state-down {
    background-color: var(--primary-600) !important;
    color: #fff !important;

    &:hover {
        color: #fff !important;
        background-color: var(--primary-600) !important;
    }
}

// .fc-button.fc-button-month.fc-state-default.fc-state-active

.fc-button.fc-button-today {
    border-color: var(--primary-50) !important;
    background-color: var(--primary-50) !important;
    color: var(--primary-600) !important;

    &.fc-state-disabled {
        border-color: var(--primary-600) !important;
        background-color: var(--primary-600) !important;
        color: #fff !important;
        cursor: no-drop;
    }
}

td.fc-header-center {
    text-align: end;
}

.fc-widget-content {
    border-color: var(--border-color) !important;
}

.fc-last td {
    border-width: 1px 0 1px 1px;
}

.fc-agenda-axis.fc-widget-header {
    color: var(--text-primary-light);
    border-color: var(--border-color);
}

.fc-header td {
    padding: 0;
}

#calendar {
    overflow-x: auto;

    .fc-content {
        min-width: max-content;
    }

    table.fc-header tr {
        display: flex;
        align-items: center;
        gap: 16px;
        justify-content: space-between;
    }
}

/* Full Calendar Customize Css End */