.bryntum-grid {

    .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-end : 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;
        }
    }
}