.wrapper {
    display: flex;
    width: 100%;
    align-items: stretch;
}

#sidenav {
    min-width: 350px;
    max-width: 350px;
    background: #043504;
    color: #829A82;
    transition: all 0.2s;
    max-height: 700px;
    overflow-y: scroll;
    /*z-index: 999999;*/
}

    #sidenav.active {
        margin-left: -350px;
    }

    #sidenav .sidenav-header {
        padding: 20px;
        background: #043504;
        height: 100px;
    }

    #sidenav ul.components {
        padding: 10px 0px;
    }

    #sidenav ul p {
        color: #829A82;
        padding: 10px;
    }

    #sidenav ul li a {
        padding: 6px 20px;
        display: block;
        background: #043504;
        color: #829A82;
    }

        #sidenav ul li a:hover {
            color: #333!important;
            background: #fff;
            border-right: solid 10px #CC691F;
        }

    #sidenav ul li.active > a,
    a[aria-expanded="true"] {
        color: #fff;
        background: #043504;
    }

    #sidenav .submenu {
    }

        #sidenav .submenu li a {
        }