body {
  background-color: #f6f7f8;
}

.navbar-vertical {
  background-color: white !important;
}

.nav-link:active {
  background-color: gray;
}

@media(min-width: 992px) {

  .navbar-vertical {
    flex-direction: column;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    max-width: 250px;
    width: 250px;
  }

  .navbar-vertical > div.container-fluid {
      flex-direction: column;
  }

  .navbar-vertical .navbar-collapse,
  .navbar-vertical .navbar-collapse > .navbar-nav {
    flex-direction: column;
  }

  /*.dropdown-menu {
    position: static !important;
  }*/

  .main-container {
    margin-left: 250px;
  }

}