/* CSS for Bootstrap 5 Fixed Left Sidebar Navigation */



@media (min-width: 992px){

    body {
        padding-left: 300px;
        padding-right: 60px;
    }

    #fsdocs-logo {
        width:140px;
        height:140px;
        margin:10px 0px 0px 0px;
        border-style:none;
    }
    

    nav.navbar {
        position: fixed;
        left: 0;
        width: 300px;
        bottom: 0;
        top: 0;
        overflow-y: auto;
        overflow-x: hidden;
        display: block;
        border-right: 1px solid #cecece;
    }

    nav.navbar>.container {
        flex-direction: column;
        padding: 0;
    }

    nav.navbar .navbar-nav {
        flex-direction: column;
    }
    nav.navbar .navbar-collapse {
        width: 100%;
    }

    nav.navbar .navbar-nav {
        width: 100%;
    }

    nav.navbar .navbar-nav .dropdown-menu {
        position: static;
        display: block;
    }

    nav.navbar .dropdown {
        margin-bottom: 5px;
        font-size: 14px;
    }

    nav.navbar .dropdown-item {
        white-space: normal;
        font-size: 14px;
        vertical-align: middle;
    }

    nav.navbar .dropdown-item img {
        margin-right: 5px;
    }

    nav.navbar .dropdown-toggle {
        cursor: default;
    }

    nav.navbar .dropdown-menu {
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    nav.navbar .dropdown-toggle:not(#bd-theme)::after  {
        display: none;
    } 

    .dropdown-menu[data-bs-popper] {
        top: auto;
        left: auto;
        margin-top: auto;
    }

    .nav-link:focus, .nav-link:hover {
        color: auto;
    }
}