body {
  padding-top:90px
}

@media (min-width:768px){
  body{
    padding-top:0;
    margin-left:232px
  }

  .navbar.fixed-left{
    bottom:0;
    width:232px;
    flex-flow:column nowrap;
    align-items:flex-start;
    overflow-y: auto;
  }

  .navbar.fixed-left .navbar-collapse{
    flex-grow:0;
    flex-direction:column;
    width:100%
  }

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

  .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item{width:100%}

  .navbar.fixed-left .navbar-collapse .navbar-nav .nav-item .dropdown-menu{top:0}

  .navbar.fixed-left{right:auto}

  .navbar.fixed-left .navbar-nav .nav-item .dropdown-toggle:after{
    border-top:.3em solid transparent;
    border-left:.3em solid;
    border-bottom:.3em solid transparent;
    border-right:none;
    vertical-align:baseline
  }

  .navbar.fixed-left .navbar-nav .nav-item .dropdown-menu{left:100%}
}

.navbar.fixed-left{
  position:fixed;
  top:0;
  left:0;
  right:0;
  z-index:1030
}