@media (min-width: 992px) {
  .navbar-vertical.navbar-expand-lg {
    width: 8rem ;
  }
}


.navbar-vertical .navbar-vertical-footer {
    width: 8rem ;
}


@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav-link {
        padding-left: 0.5rem;
        margin-left: 0.4rem;

    }
}




@media (min-width: 992px) {
    .navbar-vertical.navbar-expand-lg~.navbar-top~.content {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        margin-left: 6.875rem;
    }
}
@media (min-width: 576px) {
    .content {
        padding-bottom: 4rem;
    }
}
.content {

    min-height: 100vh;
    padding: calc(var(--phoenix-navbar-top-height) + 2rem) 1.5rem 6.375rem 1.5rem;
    padding-bottom: 6rem;
}