/* google calendar */

#calendar {
    max-height: 477px;
    background-color: var(--white);
    padding: 1.25rem 1rem;
}

.fc-toolbar-chunk {
    display: flex;
    align-items: center;
}

.fc-toolbar .fc-button {
    border: 1px solid var(--main);
    background: var(--white);
    outline: 0;
    padding: 0.25rem calc(0.5rem + 2px);
}

.fc .fc-button-primary {
    color: var(--main);
}

.fc .fc-button .fc-icon {
    font-size: 1.25rem;
}

.fc .fc-button-primary:not(:disabled):hover,
.fc .fc-button-primary:not(:disabled).fc-button-active,
.fc .fc-button-primary:not(:disabled):active {
    color: var(--white);
    border: 1px solid var(--main);
    background: var(--main);
}

.fc .fc-toolbar {
    flex-wrap: wrap;
    gap: 10px 0;
}

.fc .fc-toolbar-title {
    color: var(--header);
    font-weight: 500;
    font-size: 1.5rem;
}

.fc-theme-standard th {
    background-color: var(--main);
}

.fc .fc-col-header-cell-cushion {
    color: var(--white);
}

.fc-h-event {
    background-color: var(--main);
    border: 1px solid var(--main);
}

.fc-daygrid-event-dot {
    display: none;
}

.fc .fc-list-sticky .fc-list-day > * {
    background-color: var(--main);
}

.fc-theme-standard .fc-list-day-cushion {
    background-color: transparent;
}

.fc-theme-standard .fc-list-day-cushion a {
    color: var(--white);
}

.fc .fc-daygrid-event {
    background-color: var(--main);
    color: var(--white);
}

.fc .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width) / 2) solid var(--main);
}

.fc-list-event-title {
    color: #282729;
    font-size: calc(0.875rem + 1px);
    font-weight: 400;
}

.fc-list-event-time {
    color: #2a2833;
    font-size: calc(0.875rem + 1px);
    font-weight: 400;
}

/* Second Class */

.classTwo .fc-toolbar .fc-button {
    border: 1px solid var(--main);
}

.classTwo .fc .fc-button-primary {
    color: var(--main);
}

.classTwo .fc .fc-button-primary:not(:disabled):hover,
.classTwo .fc .fc-button-primary:not(:disabled).fc-button-active,
.classTwo .fc .fc-button-primary:not(:disabled):active {
    border: 1px solid var(--main);
    background: var(--main);
}

.classTwo .fc-theme-standard th {
    background-color: var(--main);
}

.classTwo .fc-h-event {
    background-color: var(--main);
    border: 1px solid var(--main);
}

.classTwo .fc .fc-list-sticky .fc-list-day > * {
    background-color: var(--main);
}

.classTwo .fc .fc-daygrid-event {
    background-color: var(--main);
}

.classTwo .fc .fc-list-event-dot {
    border: calc(var(--fc-list-event-dot-width) / 2) solid var(--main);
}

.fc .fc-list-table {
    margin: 0;
}

.fc .fc-list-event-time {
    width: 120px;
    white-space: normal;
}

#calendar table {
    margin: 0;
}

.calendarTable .fc-day .fc-col-header-cell-cushion {
    height: 2.75rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}