body.dark-mode {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}

body.dark-mode #top_container,
body.dark-mode .navbar {
  background-color: #1e1e1e !important;
  border-bottom: 1px solid #333;
}

body.dark-mode a {
  color: #90caf9;
}

body.dark-mode a:hover {
  color: #bbdefb;
}

body.dark-mode .bg-white {
  background-color: #1e1e1e !important;
}

body.dark-mode .card,
body.dark-mode .modal-content {
  background-color: #2c2c2c;
  border-color: #444;
  color: #e0e0e0;
}

body.dark-mode .card-header,
body.dark-mode .modal-header,
body.dark-mode .modal-footer {
  background-color: #1e1e1e;
  border-color: #444;
}

body.dark-mode table {
  color: #e0e0e0;
}

body.dark-mode .table {
  --bs-table-bg: #2c2c2c;
  --bs-table-striped-bg: #333;
  --bs-table-hover-bg: #3a3a3a;
  --bs-table-border-color: #444;
  color: #e0e0e0;
}

body.dark-mode .table th,
body.dark-mode .table td {
  border-color: #444;
}

body.dark-mode .form-control,
body.dark-mode .form-select {
  background-color: #2c2c2c;
  border-color: #555;
  color: #e0e0e0;
}

body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
  background-color: #333;
  color: #e0e0e0;
  border-color: #90caf9;
  box-shadow: 0 0 0 0.2rem rgba(144, 202, 249, 0.25);
}

body.dark-mode .dropdown-menu {
  background-color: #2c2c2c;
  border-color: #444;
}

body.dark-mode .dropdown-item {
  color: #e0e0e0;
}

body.dark-mode .dropdown-item:hover,
body.dark-mode .dropdown-item:focus {
  background-color: #3a3a3a;
  color: #fff;
}

body.dark-mode .alert-danger {
  background-color: #3b1a1a;
  border-color: #7f1d1d;
  color: #f5c2c7;
}

body.dark-mode .alert-success {
  background-color: #1a3b1a;
  border-color: #1d7f1d;
  color: #c2f5c2;
}

body.dark-mode .alert-warning {
  background-color: #3b3010;
  border-color: #7f6a00;
  color: #f5e6a0;
}

body.dark-mode #table_of_contents {
  background: #1e1e1e;
  border-color: #444;
}

body.dark-mode #table_of_contents h1 {
  color: #e0e0e0;
}

body.dark-mode #table_of_contents a {
  color: #90caf9;
}

body.dark-mode #table_of_contents a:hover {
  color: #bbdefb;
}

body.dark-mode .tof_num {
  color: #aaa;
}

body.dark-mode #dropdownMenu2 {
  border-color: #aaa;
  color: #e0e0e0;
}

body.dark-mode #dropdownMenu2:hover,
body.dark-mode #dropdownMenu2:focus,
body.dark-mode #dropdownMenu2.show {
  background-color: #3a3a3a;
  border-color: #ddd;
  color: #fff;
}

body.dark-mode #dark_mode_toggle {
  color: #ffd54f;
}

body.dark-mode .text-muted {
  color: #aaa !important;
}

body.dark-mode #main_page_search_input::placeholder {
  color: #888;
  opacity: 1;
}

body.dark-mode #main_page_search_list {
  color: #e0e0e0;
  border-color: #444;
}

body.dark-mode #main_page_search_list td {
  border-color: #444;
}

body.dark-mode #main_page_search_list tr:hover {
  background-color: #3a3a3a;
}

#dark_mode_toggle {
  color: #555;
  font-size: 1.1rem;
  line-height: 1;
}

#dark_mode_toggle:hover {
  color: #333;
}