@media (max-width: 768px){
    .navbar-fixed-side{
        margin-left:-15px;
        margin-right:-15px
    }
}

@media (min-width: 768px){
    .navbar-fixed-side{
        position:fixed;
        margin:0 -15px;
        height: calc(100vh - 120px);
        width:inherit;
        overflow-y:auto;
        overflow-x:hidden;
        border-top-width:0;
        border-bottom-width:0;
        border-radius:0;
        background: #fdfdfd;
    }
    .navbar-fixed-side .container, .navbar-fixed-side .container-fluid{
        width:auto;
        padding-left:0;
        padding-right:0
    }
    .navbar-fixed-side .navbar-header{
        float:none
    }
    .navbar-fixed-side .navbar-brand{
        height:auto
    }
    .navbar-fixed-side > .container .navbar-brand, .navbar-fixed-side> .container-fluid .navbar-brand{
        margin-left:0
    }
    .navbar-fixed-side .navbar-collapse{
        width:100%; border-top:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-nav{
        float:none;margin:0 -15px
    }
    .navbar-fixed-side .navbar-nav>li{
        float:none
    }
    .navbar-fixed-side .navbar-nav>li>a{
        padding-top:10px;
        padding-bottom:10px;
        padding-left: 25px;
        padding-right: 25px;
        border-top:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-form{
        margin:0;
        margin-left:-15px;
        margin-right:-15px;
        padding:10px 15px;
        border-bottom:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-text{
        float:none;
        margin-left:0;
        margin-right:0
    }
    .navbar-fixed-side .navbar-left, .navbar-fixed-side .navbar-right{
        float:none !important
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu{
        position:static;
        float:none;
        width:auto;
        margin-top:0;
        background-color:transparent;
        border:0;
        box-shadow:none;
        border-bottom:1px solid #e7e7e7
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>li>a,.navbar-fixed-side .navbar-nav .dropdown-menu .dropdown-header{
        padding:5px 15px 5px 25px
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>li>a{
        line-height:20px;color:#777
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{
        background-image:none
    }
    .navbar-fixed-side .navbar-nav .dropdown-menu>.active>a{
        background-color:#e7e7e7;color:#555
    }
    .navbar-fixed-side .navbar-nav>li>a:hover,.navbar-fixed-side .navbar-nav>li>a:focus,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:hover,.navbar-fixed-side .navbar-nav .dropdown-menu>li>a:focus{
        background-color:#f0f0f0;
        color:#333
    }
    .navbar-fixed-side .dropdown>.dropdown-toggle,.navbar-fixed-side .dropdown-menu>.dropdown-header{
        background-color:transparent !important;
        color:#9d9d9d !important;
        cursor:default;
        font-size:0.8em;
        text-transform:uppercase;
        border-bottom:none;
        padding-bottom:0
    }
    .navbar-fixed-side .dropdown-toggle .caret{
        display:none
    }
    .navbar-fixed-side .dropdown-menu{
        display:block
    }
    .navbar-fixed-side.navbar-inverse .navbar-collapse,.navbar-fixed-side.navbar-inverse .navbar-nav>li>a,.navbar-fixed-side.navbar-inverse .navbar-form,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu{
        border-color:#363636
    }
    .navbar-fixed-side.navbar-inverse .divider{
        background-color:#363636
    }
    .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li>a{
        color:#9d9d9d
    }
    .navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>.active>a{
        background-color:#090909;
        color:#fff
    }
    .navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav>li:not(.active)>a:focus,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:hover,.navbar-fixed-side.navbar-inverse .navbar-nav .dropdown-menu>li:not(.active)>a:focus{
        background-color:#2f2f2f;
        color:#fff
    }
    .navbar-fixed-side.navbar-inverse .dropdown>.dropdown-toggle{
        color:#777777 !important
    }
}
