%bordercolor {
    border-color: #edebe9;
    border-color: rgba($black-100, 0.12);
}

%hover-background {
    background-color: rgba(#f8f9fa, 0.8);
}

.scheduler {
    &-column {
        @extend %bordercolor;

        [class*="Timeline"] &:hover {
            @extend %hover-background;
        }

        &:nth-last-child(1) {
            @extend %bordercolor;
        }

        &-header {
            @extend %bordercolor;

            &:nth-last-child(1) {
                @extend %bordercolor;
            }
        }

        &,
        &-header {
            &.current-date {
                background-color: $ui-scheduler-current-date-color;
            }

            &.ui-scheduler-week-end {
                background-color: $ui-scheduler-weekend-color;
            }

            &.last-day-for-week {
                border-right-color: rgba($black-100, 0.12);
            }

            &.day-off {
                background-color: lightcoral;
            }
        }

        &.day-off {
            background-color: lightcoral;
            position: relative;

            &::before {
                content: attr(data-before);
                position: absolute;
                display: flex;
                align-items: center;
                justify-content: center;
                height: 100%;
                width: 100%;
                font-size: 20px;
                font-weight: bold;
                text-wrap: pretty;
                text-align: center;
            }
        }
    }

    &-cell {
        @extend %bordercolor;
        background-color: transparent;

        &:hover {
            @extend %hover-background;

            [class*="Timeline"] & {
                background-color: initial;
            }
        }
    }

    &-event {
        background-color: $white;
        color: $black-100;
        border-color: darkslategray;
        -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);

        &:hover {
            -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.35);
            -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.35);
            box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.35);
        }

        &[data-selected=true] {
            filter: brightness(80%);
        }
    }

    &-draggable {
        &[data-open="true"] {
            background-color: $white;
        }

        .scheduler-show-more {
            background-color: $white;
        }

        .scheduler-show-more-btn {
            background-color: var(--primary-05, rgba($primary, 0.05));
            border-color: var(--primary, $primary);
            color: var(--primary, $primary);
        }
    }

    &-toolbar {
        &-container {
            background-color: #f8f9fa;
            @extend %bordercolor;
        }
    }
}

.gu-mirror {
    background-color: $white;
}
