/* Main sidebar scroll */
.sidebar .sidebar-inner {
  max-height: calc(100vh - 65px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  scrollbar-color: #c5c5c5 transparent;
}

.sidebar .sidebar-inner::-webkit-scrollbar {
  width: 6px;
}

.sidebar .sidebar-inner::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 4px;
}

/* Settings sidebar scroll */
.settings-wrapper .settings-sidebar .sidebar-inner {
  max-height: calc(100vh - 120px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
}

.settings-wrapper .settings-sidebar .sidebar-inner::-webkit-scrollbar {
  width: 6px;
}

.settings-wrapper .settings-sidebar .sidebar-inner::-webkit-scrollbar-thumb {
  background: #c5c5c5;
  border-radius: 4px;
}

/* Header: push user info to the right */
.header .main-header {
  display: flex;
  align-items: center;
  width: 100%;
}

.header .main-header .header-left {
  float: none;
  flex-shrink: 0;
}

.header .main-header .mobile_btn {
  float: none;
  flex-shrink: 0;
}

.header .main-header .user-menu {
  display: flex;
  margin-left: auto;
  justify-content: flex-end;
  flex: 1;
}

/* Modal close (X): theme styles empty btn-close as a colored circle without the Bootstrap SVG */
.modal .btn-close {
  box-sizing: content-box !important;
  display: block !important;
  flex: 0 0 auto;
  width: 1em !important;
  height: 1em !important;
  padding: 0.25em !important;
  margin: 0 0 0 auto;
  color: transparent !important;
  background-color: transparent !important;
  background-image: var(--bs-btn-close-bg) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 1em auto !important;
  border: 0 !important;
  border-radius: 0.375rem !important;
  font-weight: normal !important;
  opacity: var(--bs-btn-close-opacity, 0.5) !important;
}

.modal .btn-close:hover,
.modal .btn-close:focus {
  color: transparent !important;
  background-color: transparent !important;
  opacity: var(--bs-btn-close-hover-opacity, 0.75) !important;
}

.modal .btn-close.btn-close-white,
.modal-header.text-white .btn-close,
.modal-header.bg-primary .btn-close,
.modal-header.bg-dark .btn-close {
  filter: var(--bs-btn-close-white-filter, invert(1) grayscale(100%) brightness(200%));
  opacity: var(--bs-btn-close-opacity, 1) !important;
}

.modal-header.text-white .btn-close:hover,
.modal .btn-close.btn-close-white:hover,
.modal-header.bg-primary .btn-close:hover,
.modal-header.bg-dark .btn-close:hover {
  opacity: var(--bs-btn-close-hover-opacity, 0.75) !important;
}