:root {
    --ersys-app-root-header-height: 56px;
    --ersys-app-root-content-height: calc(100vh - var(--ersys-app-root-header-height));
}

.ersys-app-root {
    display: grid;
    grid-template-areas: "ersys-app-root-header" "ersys-app-root-content";
    grid-template-rows: var(--ersys-app-root-header-height) var(--ersys-app-root-content-height);
    min-height: 100vh;
    max-height: 100vh;
    margin: 0;
    padding: 0;
}

.ersys-app-root-header {
    grid-area: ersys-app-root-header;
    z-index: 1022;
}

.ersys-app-root-content {
    grid-area: ersys-app-root-content;
    display: grid;
    grid-template-areas: "ersys-app-content-sidebar ersys-app-content";
    grid-template-columns: auto 1fr;
    grid-template-rows: var(--ersys-app-root-content-height);
}

.ersys-app-content-sidebar {
    grid-area: ersys-app-content-sidebar;
}

.ersys-app-content {
    grid-area: ersys-app-content;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-height: 100%;
    position: relative;
}

.ersys-app-content--header {
    /*max-height: 58px;*/   
}

.ersys-app-content--main {
    max-height: 100%;
    overflow-y: scroll;
}

.ersys-app-content--footer {
}

.ersys-module-navigation .list-group-item {
    flex: 1;
}
@media (min-width: 992px) {
    .ersys-app-content--header {
        max-height: 58px;
    }

    .ersys-module-navigation .list-group-item {
        flex: 0 1 auto;
    }
}