@media  (min-width: 1200px) {
  .container{
    max-width: 1160px;
  }
}

@media  (min-width: 1400px) {
  .container{
    max-width: 1160px;
  }
}

@media  (min-width: 1920px) {
  .container{
    max-width: 1160px;
  }
}

.user-profile{
  text-transform: uppercase;
  cursor: pointer;
}

.nav-link{
  cursor: pointer;
}

.dashboard-wrapper{
  background: var(--#{$variable-prefix}light-gray-background);
}

// Backdrop
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: var(--#{$variable-prefix}background-white);
}

.offcanvas-backdrop.fade {
  opacity: 0;
}

.offcanvas-backdrop.show {
  opacity: .85;
}