.sidebar-toggle-control {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 2.65rem;
  height: 2.65rem;
  padding: 0;
  border: 0;
  border-radius: 0.65rem;
  color: #25396f;
  background: transparent;
  transition: color 0.2s ease, background-color 0.2s ease;
}

.sidebar-toggle-control:hover,
.sidebar-toggle-control:focus-visible {
  color: #435ebe;
  background: rgba(67, 94, 190, 0.1);
  outline: none;
}

.sidebar-toggle-control:focus-visible {
  box-shadow: 0 0 0 0.2rem rgba(67, 94, 190, 0.2);
}

html[data-bs-theme="dark"] .sidebar-toggle-control {
  color: #c2c2d9;
}

html[data-bs-theme="dark"] .sidebar-toggle-control:hover,
html[data-bs-theme="dark"] .sidebar-toggle-control:focus-visible {
  color: #fff;
  background: rgba(150, 165, 255, 0.18);
}

@media screen and (min-width: 1201px) {
  body.sidebar-collapsed #sidebar .sidebar-wrapper {
    left: -300px !important;
  }

  body.sidebar-collapsed #sidebar ~ #main {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
  }

  body.sidebar-collapsed #main .navbar,
  body.sidebar-collapsed #main #main-content {
    width: 100%;
    max-width: none;
  }
}

@media screen and (max-width: 1200px) {
  body.sidebar-collapsed #sidebar ~ #main {
    width: auto !important;
    margin-left: 0 !important;
  }
}