@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:100vh;
    width:inherit;
    overflow:auto;
    border-top-width:0;
    border-bottom-width:0;
    border-radius:0
  }

  .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 0px
  }

  .navbar-fixed-side .navbar-nav>li{
    float:none
  }

  .navbar-fixed-side .navbar-nav>li>a{
    padding-top:10px;
    padding-bottom:10px;
    /*border-bottom: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
  }

}