#page-container.sidebar-dark #sidebar {
  color: #e7e7e7;
  background-color: #3c5aa3;
}
#page-container.sidebar-dark #sidebar > .content-header {
  background-color: #e4ecff;
}
.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly],
.dark-mode .form-select:disabled,
.dark-mode .form-select[readonly] {
  background-color: #3c5aa3;
  border-color: #3c5aa3;
}
.dark-mode .form-control:disabled,
.dark-mode .form-control[readonly],
.dark-mode .form-select:disabled,
.dark-mode .form-select[readonly] {
  background-color: #3c5aa3;
  border-color: #3c5aa3;
}
.nav-main-link {
  color: #ffffff;
}
.nav-main-dark .nav-main-link,
.sidebar-dark #sidebar .nav-main-link,
.page-header-dark #page-header .nav-main-link {
  color: #ffffff;
}

/* submenu inactive links: readable but clearly dimmer than active */
.nav-main-dark .nav-main-submenu .nav-main-link,
.page-header-dark #page-header .nav-main-submenu .nav-main-link,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link {
  color: rgba(255, 255, 255, 0.65);
  font-weight: 400;
}
/* hover/focus: brighten */
.nav-main-dark .nav-main-submenu .nav-main-link:focus,
.nav-main-dark .nav-main-submenu .nav-main-link:hover,
.page-header-dark #page-header .nav-main-submenu .nav-main-link:focus,
.page-header-dark #page-header .nav-main-submenu .nav-main-link:hover,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link:focus,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link:hover {
  color: rgba(255, 255, 255, 0.9);
}
/* active: full white, bold, highlight bar so current item obvious */
.nav-main-dark .nav-main-submenu .nav-main-link.active,
.page-header-dark #page-header .nav-main-submenu .nav-main-link.active,
.sidebar-dark #sidebar .nav-main-submenu .nav-main-link.active {
  color: #ffffff;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.18);
  box-shadow: inset 3px 0 0 #ffffff;
  padding-left: 1rem;
}