.shift-calendar {
    --fc-border-color: #DEE3EB;
    --fc-page-bg-color: #FFFFFF;
    --fc-today-bg-color: #F6F7F9;
    --fc-now-indicator-color: #800E13;
    direction: rtl;
}

.shift-calendar .fc {
    font-family: inherit;
}

.shift-calendar .fc-timegrid-slot {
    height: 2.25rem;
}

.shift-calendar .fc-col-header-cell {
    background: #F6F7F9;
    padding: 8px 0;
}

.shift-calendar .fc-col-header-cell-cushion {
    font-size: 11px;
    font-weight: 600;
    color: #576989;
    padding: 2px 4px;
}

.shift-calendar .shift-calendar-day-date {
    display: block;
    font-size: 10px;
    font-weight: 400;
    color: #7188AD;
    margin-top: 2px;
}

.shift-calendar .fc-timegrid-slot-label-cushion {
    font-size: 10px;
    font-weight: 400;
    color: #7188AD;
}

.shift-calendar .fc-timegrid-axis {
    background: #F6F7F9;
}

.shift-calendar .fc-scrollgrid {
    border-radius: 12px;
    overflow: hidden;
}

.shift-calendar .fc-event {
    border-radius: 8px;
    padding: 2px 6px;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: none;
}

.shift-calendar .fc-event .fc-event-main {
    color: inherit;
}

.shift-calendar .fc-event-time {
    font-size: 9px;
    font-weight: 400;
    direction: ltr;
}

.shift-calendar .shift-event--mine {
    background: #576989;
    border: 1px solid #576989;
    color: #FFFFFF;
}

.shift-calendar .shift-event--mine-inactive {
    background: #C8D2E2;
    border: 1px solid #C8D2E2;
    color: #2F343D;
}

.shift-calendar .shift-event--open {
    background: #F6F7F9;
    border: 1px dashed #7188AD;
    color: #576989;
}

.shift-calendar .shift-event--open:hover {
    background: #EDF1F7;
}

.shift-calendar .shift-event--assigned {
    border-width: 1px;
    border-style: solid;
    color: #FFFFFF;
}

.shift-calendar .shift-event--inactive {
    opacity: 0.55;
}

.shift-calendar .fc-highlight {
    background: rgba(87, 105, 137, 0.15);
    border-radius: 8px;
}