#calendar {
    .header {
        display: grid;
        grid-template-columns: 1fr 1fr;
        &__right {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
    }
}


.calendar {
    // border: 1px solid rgba(0, 0, 0, 0.085);
    height: calc(100% - 65px);
    padding: 15px;

    &__navbar {
        background: $gray !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        select {
            height: 36px !important;
            background-color: transparent !important;
            width: 110px !important;
        }
    }

    &__grid {
        margin-top: 30px;
    }
    &__legend {
        font-size: 12px;
        margin-top: 15px;
        display: flex;
        gap: 20px;
        li::before {
            margin-left: 0 !important;
        }
    }
    &__buttons {
        button {
            background-color: transparent !important;
            padding: 0 12px;
            color: $gray !important;
            border: none !important;
            outline: none;
            font-size: 15px;
            cursor: pointer;
        }
    }

    .scheduler_default {
        &_main {
            border-right: none;
            border-left: none;
            border-top: none;
            border-color: $gray !important;
        }

        &_rowheader_inner {
            background-color: $white;
            border-color: $gray !important;
            + .scheduler_default_resourcedivider {
                display: none;
            }
        }

        &_splitter {
            display: none !important;
        }

        &_divider_horizontal {
            display: none;
        }

        &_corner_inner {
            background-color: $white;
            border-bottom: solid 1px $gray;
            border-right: solid 1px $gray;
            width: 79px !important;
            + div {
                display: none;
            }
        }

        &_timeheader_cell_inner {
            border: none;
            border-bottom: solid 1px $gray !important;
            background-color: $white;
        }
        &_matrix_vertical_line,
        &_matrix_horizontal_line {
            display: none !important;
        }
    }
}

.scheduler_default {
    &_shadow_inner {
        background-color: $gray !important;
    }
}