html[data-bs-theme="dark"] {
  --sd-bg: #212529;
  --sd-border: #343a40;
  --sd-fg: #e9ecef;
}
html[data-bs-theme="dark"] .select2-selection__choice,
html[data-bs-theme="dark"] .select2-results__options,
html[data-bs-theme="dark"] .select2-container--default .select2-selection {
  background-color: var(--sd-bg)!important;
  border-color: var(--sd-border)!important;
  color: var(--sd-fg)!important;
}
html[data-bs-theme="dark"] .select2-results__option--selected{
  background-color: #444!important;
  color: var(--sd-fg)!important;
}
html[data-bs-theme="dark"] .select2-results__option--highlighted{
  background-color: #5897fb!important;
  border-color: var(--sd-border)!important;
  color: var(--sd-fg)!important;
}
input[type="checkbox"] {
  width: 1.25em;
  height: 1.25em;
}

.body-top-padding{
  padding-top: 56px;
}
@media (min-width: 320px){
  .body-top-padding {
    padding-top: 70px;
  }
}
@media (min-width: 768px) {
  .body-top-padding {
    padding-top: 56px;
  }
}
@media (min-width: 1024px) {
  .body-top-padding {
    padding-top: 56px;
  }
}
@media (min-width: 1440px) {
  .body-top-padding {
    padding-top: 58px;
  }
}
@media (min-width: 2560px) {
  .body-top-padding {
    padding-top: 55px;
  }
}

:root{
--sidebar-w: 10vw;  
}
@media (max-width: 325px) {
:root{ --sidebar-w: 43vw; }
}
@media (min-width: 326px) and (max-width: 375px) {
:root{ --sidebar-w: 35vw; }
}
@media (min-width: 376px) and (max-width: 425px) {
:root{ --sidebar-w: 35vw; }
}
@media (min-width: 426px) and (max-width: 768px) {
:root{ --sidebar-w: 25vw; }
}
@media (min-width: 769px) and (max-width: 1024px) {
:root{ --sidebar-w: 22vw; }
}
@media (min-width: 1025px) and (max-width: 1440px) {
:root{ --sidebar-w: 15vw; }
}
@media (min-width: 1441px) {
:root{ --sidebar-w: 10vw; }
}
@media (max-width: 767px) {
  #sidebar{
    margin-left: calc(-1 * var(--sidebar-w));
  }
}