body {
}

/*SIDEBAR AREA*/

.sidebar[b-drisd9cwj3] {
    min-width: 200px;
    max-width: 500px;
    box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
    transition: transform 0.1s ease-out;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    background-color: #393a3d !important;
}
[b-drisd9cwj3] .app-sidebar, [b-drisd9cwj3] .app-sidebar > .nav-pills, [b-drisd9cwj3] .app-sidebar > .nav-pills > .nav-item, [b-drisd9cwj3] .app-sidebar > .nav-pills > .nav-item > a:not(.active) {
    background-color: #393a3d !important;
}

/*END SIDEBAR AREA*/

.app-sidebar {
    background-color: #393a3d !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    /*  The retired lime. app.css sets this to var(--omx-primary), but this file
        loads after it and both carry !important, so this rule is what actually
        painted the active sidebar item. White on the brand blue is 6.50:1.  */
    background-color: var(--omx-primary) !important;
    font-size: 14px !important;
}

/* Side bar menu Cheron Icon*/
.dxbs-tree .expand-btn.btn, .dxbs-tree .expand-btn.btn:hover, .dxbs-tree .expand-btn.btn:focus, .dxbs-tree .expand-btn.btn:active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    font-weight: inherit;
    /*  NOT var(--omx-primary): the sidebar ground is #393a3d, and the brand blue
        measures 1.75:1 against it -- dimmer than the lime it replaces. A light
        neutral reads at 7.97:1 and matches the chrome around it.  */
    color: #d6d8dc;
}

/*Sidebar Margins*/
.dxbs-tree > ul.nav ul.nav {
    /* margin: 0.2em 0 0.2em 2em; */
    margin:0 !important;
}

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

.page-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden; /* prevents unwanted horizontal scroll */
}

main {
    flex: 1 0 auto;
}

.footer {
    flex-shrink: 0;
    margin-top: 0 !important; /* override Bootstrap mt-auto spacing */
}