.fc-event {
    font-size: 14px !important;
}

.fc-h-event {
    border: none !important;
}

.fc-button-active {
    z-index: 0 !important;
}

.fc .fc-scrollgrid-section-sticky > * {
    z-index: 1 !important;
}

.fc .fc-daygrid-body {
    z-index: 0 !important;
}

.fc .fc-toolbar-title {
    color: var(--font-color-grey) !important;
}

.fc .fc-timegrid-body {
    z-index: 0 !important;
}

.dark-theme .fc .fc-toolbar-title {
    color: var(--font-color-dark-theme) !important;
}

.dark-theme .fc-theme-standard .fc-list-day-cushion {
    background-color: var(--color-black-dark-theme);
}

.dark-theme .fc-theme-standard td, .dark-theme .fc-theme-standard th, .dark-theme .fc-theme-standard .fc-list {
    border: 1px solid var(--border-color-dark);
}

table.fc-list-table tr:hover td {
    background-color: #F9FBFE !important;
}

.dark-theme table.fc-list-table tr:hover td {
    background-color: #404954 !important;
}

.dark-theme .fc .fc-timegrid-axis {
    background-color: var(--color-black-dark-theme) !important;
}

.dark-theme .fc-timegrid-slot-lane {
    background-color: var(--color-black-dark-theme) !important;
}

.fc-timegrid-slot-lane {
    background-color: #fff !important;
}

.fc-event-forced-url:hover {
    background-color: #ff0000 !important;
}

.fc-list-event-graphic {
    text-align: center;
    padding-right: 14px !important;
}

    .fc-list-event-graphic span {
        position: relative;
        top: 5px;
    }

.fc .fc-scrollgrid-section-sticky > * {
    z-index: 0 !important;
}

.fc-button:hover {
    z-index: 0 !important;
    background-color: var(--color-light-purple) !important;
}

#homeCalendar .fc-header-toolbar {
    background-color: var(--color-light-purple);
    padding: 10px;
    margin-bottom: 0px;
}

.dark-theme #homeCalendar .fc-header-toolbar {
    background-color: var(--color-black-dark-theme);
    padding: 10px;
    margin-bottom: 0px;
    color: var(--font-color-dark-theme);
}

#homeCalendar .fc-toolbar-title {
    font-size: 18px;
    font-weight: 400;
    color: #4454FF;
}

.dark-theme #homeCalendar .fc-toolbar-title {
    color: var(--font-color-dark-theme) !important;
}

#homeCalendar .fc-col-header-cell {
    border: solid 1px var(--color-light-purple) !important;
    padding: 10px;
}

#homeCalendar .fc-col-header-cell {
    border: solid 1px var(--color-light-purple) !important;
    padding: 10px;
}

.dark-theme #homeCalendar .fc-col-header-cell, .dark-theme #calendar .fc-col-header-cell, .dark-theme #projectCalendar .fc-col-header-cell {
    background-color: var(--color-black-dark-theme) !important;
    border: solid 1px var(--border-color-dark) !important;
}

#homeCalendar .fc-scrollgrid {
    border: solid 1px var(--color-light-purple) !important;
}

.dark-theme #homeCalendar .fc-scrollgrid, .dark-theme #calendar .fc-scrollgrid, .dark-theme #projectCalendar .fc-scrollgrid {
    border: solid 1px var(--border-color-dark) !important;
}

#homeCalendar .fc-daygrid-day.fc-day-today {
    background-color: var(--color-light-purple) !important;
}

.dark-theme #homeCalendar .fc-daygrid-day.fc-day-today {
    background-color: var(--color-purple) !important;
}

#homeCalendar th {
    border: none !important;
}

.dark-theme .fc-scroller {
    border-right: solid 1px var(--border-color-dark) !important;
}

.dark-theme #homeCalendar th {
    border: none !important;
}

#homeCalendar td {
    border: solid 1px var(--color-light-purple) !important;
}

.dark-theme #homeCalendar td, .dark-theme #calendar td, .dark-theme #projectCalendar td {
    border: solid 1px var(--border-color-dark) !important;
}

.fc-event-title-container .fc-event-title {
    padding-left: 5px !important;
}

.fc-daygrid-dot-event .fc-event-title {
    font-weight: 400 !important;
}

.fc .fc-daygrid-day.fc-day-today {
    background-color: var(--color-light-purple);
}

.dark-theme .fc .fc-daygrid-day.fc-day-today {
    background-color: var(--color-purple);
}

.fc-button-primary {
    background-color: var(--color-purple) !important;
    border-color: var(--color-purple) !important;
}

    .fc-button-primary:hover {
        background-color: var(--color-purple) !important;
    }

.fc-button-active {
    background-color: var(--color-dark-purple) !important;
    border-color: var(--color-dark-purple) !important;
}

    .fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
        box-shadow: none !important;
    }