html, body {
    height: 100%;
    margin: 0;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.app-header {
    height: 60px;
    flex: 0 0 60px;
    background: gainsboro;
}

.app-frame {
    flex: 1 1 auto;
    min-height: 0;
    display: block;
    background: gainsboro;
}


*, *::before, *::after {
    box-sizing: border-box;
}

.frame-body {
    height: 100%;
    overflow: hidden;
    min-height: 0;
    padding: 1rem;
}

    .frame-body > :first-child {
        height: 100%;
    }

.reveal-host {
    transition: opacity 120ms ease-out;
    will-change: opacity;
    height: 100%;
    min-height: 0;
}

.pre-reveal {
    opacity: 0;
}

.reveal-once {
    opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
    .reveal-host {
        transition: none;
    }
}

.components-reconnect-show,
.components-reconnect-failed,
.components-reconnect-rejected,
#components-reconnect-modal {
    display: none !important;
    visibility: hidden !important;
}




.e-toolbar .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child, 
.e-toolbar .e-toolbar-items:not(.e-tbar-pos):not(.e-toolbar-multirow) .e-toolbar-item:first-child {
     margin-left: 0px; 
}

.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
     padding-left: 0px; 
}