@import '_content/HCHB.BlazorComponents/HCHB.BlazorComponents.bundle.scp.css';

/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-wee371k57c] {
    display: flex;
    height: 100vh;
}
.left-panel[b-wee371k57c] {
    padding-top: 0;
    display: flex;
    background-color: var(--color-background-elevated, #FFFFFF);
    border-right: 1px solid var(--color-border-default, #D8DADD);
    overflow-x: hidden;
    overflow-y: auto;
    width: 240px;
    flex-direction: column;
}
@media screen and (min-width: 480px) {
    .nav-bottom[b-wee371k57c] {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .page[b-wee371k57c] {
        flex-direction: column-reverse;
    }
    .left-panel[b-wee371k57c] {
        flex-direction: row;
        width: 100%;
        border-right: none;
        overflow-y: auto;
    }
}

.right-panel[b-wee371k57c] {
    flex: 1;
    overflow-y: auto;
    height: 100%;
    min-height: 0;
    display: flex;
    flex-direction: column;
    position: relative;
}

.content-panel[b-wee371k57c] {
    overflow: auto;
    height: 100%;
}