/*
 * Sidebar
 */


.sidebar-right {
    position: fixed;
    top:40px;
    right:3px;
    width:100%;
    padding:0.3em;
    margin-left: 5px;
    z-index: 0; /* Behind the navbar */
    min-width: 210px;
    border-left:1px solid lightgrey;
    height: 100vh;

}

.sidebar-left {
    position: fixed;
    border-right:1px solid lightgrey;
    height: 100vh;

    top:40px;
}



.sidebar-left h4, .sidebar-right h4{
    margin-top: 1em;
    font-size: 1.1em;
}

.btn-sidebar-left {
    display: none;
}

.btn-sidebar-right {
    display: none;
}

@media(max-width:992px) {
    .btn-sidebar-left {
        position: fixed;
        display: block;
        top: 40px;
        left:0px;
        content: '|||';
        z-index: 10000;
    }
    .btn-sidebar-right {
        position: fixed;
        display: block;
        top: 40px;
        right:0px;
        content: '|||';
        z-index: 10000;
    }

    .popup-sidebar { /* to show collapsed menu */
        display: block;
        z-index: 1000;
        background-color: white;
        border: 1px solid lightgrey;
        border-radius: 0.5em;
    }

}

.sidebar-left .nav-link:hover {
    border: 1px solid lightgrey;
    background-color: #eaeaea;
}