/**
 * Custom Calendar CSS applied only to the full calendar page
 */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

.fc th {
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    padding: 4px;
}

.fc-toolbar {
    margin-bottom: 14px;
    display: none;
}

.fc-toolbar .fc-left {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    margin-bottom: 35px;
}

.fc-toolbar .fc-left i {
    font-size: 16px;
    margin-right: 2px;
}

.fc-toolbar .fc-right .btn-group {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
}

.ss-calendar-toolbar-navigation {
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

.ss-calendar-toolbar-navigation .fc-state-default {
    border-color: transparent;
}

.ss-calendar-toolbar-navigation span {
    font-size: 16px;
}

.ss-calendar-toolbar-navigation .btn:last-child {
    margin-left: 10px;
}

.fc .fc-toolbar > * > * {
    margin: 0 5px;
    float: none;
}

.fc-toolbar button {
    position: relative;
}

.fc-toolbar button.btn:hover:hover {
    box-shadow: none !important;
}

.fc-toolbar button.emailIcon {
    margin: 0 10px;
}

.fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number span {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
}

.fc td .fc-day-top {
    padding: 4px 5px 0px 0px;
}

.fc-toolbar h2 {
    margin: 0;
    font-family: 'Poppins', sans-serif;
}

.fc-unthemed .fc-content,.fc-unthemed .fc-divider,.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead {
    border-color: #c6c6c6;
}

.fc .listView td {
    border-width: 0;
}

.fc button {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 7px 9px 5px;
    font-size: 1em;
    cursor: pointer;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    height: auto;
}

.fc-toolbar .fc-left, .fc-toolbar .fc-right {
    float: none;
}

.calendar-container {
    .listView {
        display: none;
    }

    &.list-view-visible {
        .listView {
            display: block;
        }

        /**
         * The Calendar needs to be "visible" for the JS math to work right.
         */
        .fc-view-container {
            position: absolute;
            visibility: hidden;
        }
    }

    .fc-time-grid-container {
        overflow: hidden !important;
    }
}

@media (max-width: 849px) {
    .fc-toolbar .fc-left {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        margin-bottom: 25px;
    }
    .fc-toolbar .fc-left .btn-group {
        margin-bottom: 10px;
    }
    .fc-toolbar .fc-left .btn-group-separate {
        flex-basis: 100%;
        -webkit-flex-basis: 100%;
    }
    .fc-toolbar .fc-left .btn-group-separate .btn {
        margin: 0 5px 10px;
    }
}
@media (max-width: 529px) {
    .fc-toolbar h2 {
        font-size: 24px;
    }
    .ss-calendar-toolbar-navigation .btn:last-child {
        margin-left: 0;
    }
}
@media (max-width: 449px) {
    .fc-toolbar h2 {
        font-size: 20px;
    }
}
@media (max-width: 409px) {
    .ss-calendar-toolbar-navigation .fc-state-default {
        width: 24px;
        height: 24px;
        padding: 0;
    }
}