:root {
  --luntera-sidebar-width: 200px;
}

.navbar-brand-box,
.vertical-menu {
  width: var(--luntera-sidebar-width);
}

.main-content {
  margin-left: var(--luntera-sidebar-width);
}

.footer {
  left: var(--luntera-sidebar-width);
}

#sidebar-menu ul li a {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.menu-title {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

body[data-sidebar-size=sm] .navbar-brand-box {
  width: 70px !important;
}

body[data-sidebar-size=sm] .main-content {
  margin-left: 70px;
}

body[data-sidebar-size=sm] .footer {
  left: 70px;
}

@media (max-width: 991.98px) {
  .main-content {
    margin-left: 0;
  }

  .footer {
    left: 0;
  }
}