.b-scheduler-pro {
    font-size : 14px;
}

.b-grid-cell {
    font-weight : 400;
}

.b-grid-header {
    color       : #000;
    font-weight : 600;
    font-size   : 13px;
}

.b-sch-header-time-axis-cell {
    color : #000;
}

.b-sch-header-row-main {
    .b-sch-header-time-axis-cell {
        color : #555;
    }
}

.b-grid-header-container {
    box-shadow       : none;
    border-bottom    : 1px solid #e2e2e2;
    background-color : #f5f5f5;

    .b-sch-time-axis-column {
        background-color : #f5f5f5;
    }
}

.b-grid-header {
    background-color : #f5f5f5;
}

.b-grid-body-container .b-sch-range {
    background : repeating-linear-gradient(-55deg, #ddd, #ddd 10px, #eee 5px, #eee 20px);
    opacity    : 0.7;

    label {
        background-color : #e4d2d2;
        color            : #4c2727;
    }
}

.b-grid-splitter {
    box-shadow : none;
}

.bryntum-scheduler-pro {

    .b-grid {
        font-size : 14px;
    }

    .b-grid-header-container {
        box-shadow       : none;
        border-bottom    : 1px solid #e2e2e2;
        background-color : #f5f5f5;
    }

    .b-grid-splitter {
        box-shadow : none;
    }

    .x-panelheader {

        .x-field {

            .x-label-el,
            .x-input-el {
                font-size : 16px;
            }

            .x-label-el,
            .x-trigger .x-icon-el,
            .x-input-el {
                color : #fff;
            }
        }

        .x-button {
            margin-inline-start : 0.5em;
        }
    }
}

/* Demo header styling */

#main-view > .x-panelheader {

    background-color : #0076f8;

    h1 {
        font-size   : 1em;
        font-weight : 400;
    }

    .title-link a {
        color           : #fff;
        text-decoration : none;
    }

    .x-paneltitle {
        padding : 0.1rem;

        .x-text-el {
            background           : url(../../_shared/images/bryntum-symbol-white.svg) no-repeat left center;
            padding-inline-start : 2em;
            background-size      : 1.8em;
        }
    }
}