body.dark-mode {
  background-color: #101820;
  color: #d9e2ec;
}

body.dark-mode.bg-gradient-primary {
  background-color: #101820;
  background-image: none;
}

body.dark-mode #content-wrapper,
body.dark-mode #content,
body.dark-mode .container-fluid {
  background-color: #101820;
  color: #d9e2ec;
}

body.dark-mode .topbar,
body.dark-mode .sticky-footer,
body.dark-mode .modal-content,
body.dark-mode .dropdown-menu,
body.dark-mode .card,
body.dark-mode .list-group-item,
body.dark-mode .dataTables_wrapper,
body.dark-mode .table,
body.dark-mode .table td,
body.dark-mode .table th {
  background-color: #17212b !important;
  color: #d9e2ec;
  border-color: #2d3a47;
}

body.dark-mode .bg-white,
body.dark-mode .bg-light {
  background-color: #17212b !important;
}

body.dark-mode .card-header {
  background-color: #22303c !important;
  border-color: #405162 !important;
  color: #f4f8fb !important;
}

body.dark-mode .card-header .text-primary {
  color: #a9d0ff !important;
}

body.dark-mode .shadow,
body.dark-mode .shadow-lg {
  box-shadow: 0 0.15rem 1.75rem 0 rgba(0, 0, 0, 0.45) !important;
}

body.dark-mode .text-gray-500,
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-800,
body.dark-mode .text-black,
body.dark-mode label,
body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode p,
body.dark-mode small,
body.dark-mode .copyright,
body.dark-mode .sensor-name,
body.dark-mode .sensor-units,
body.dark-mode .instant-value {
  color: #d9e2ec !important;
}

body.dark-mode a {
  color: #7db8ff;
}

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

body.dark-mode hr,
body.dark-mode .topbar-divider,
body.dark-mode .sidebar-divider {
  border-color: #2d3a47 !important;
}

body.dark-mode .form-control,
body.dark-mode .custom-select,
body.dark-mode select,
body.dark-mode input,
body.dark-mode textarea,
body.dark-mode .multiselect,
body.dark-mode .multiselect-container {
  background-color: #101820 !important;
  color: #f4f8fb !important;
  border-color: #405162 !important;
}

body.dark-mode .form-control:focus,
body.dark-mode .custom-select:focus,
body.dark-mode select:focus,
body.dark-mode input:focus,
body.dark-mode textarea:focus {
  background-color: #101820 !important;
  color: #f4f8fb !important;
  border-color: #7db8ff !important;
  box-shadow: 0 0 0 0.2rem rgba(125, 184, 255, 0.2);
}

body.dark-mode .multiselect-container .dropdown-item,
body.dark-mode .multiselect-container .form-check,
body.dark-mode .multiselect-container .form-check-label,
body.dark-mode .multiselect-container .multiselect-group,
body.dark-mode .multiselect-container .multiselect-option {
  background-color: #101820 !important;
  color: #f4f8fb !important;
}

body.dark-mode .multiselect-container .dropdown-item:hover,
body.dark-mode .multiselect-container .dropdown-item:focus,
body.dark-mode .multiselect-container .multiselect-option:hover,
body.dark-mode .multiselect-container .multiselect-option:focus {
  background-color: #263646 !important;
  color: #ffffff !important;
}

body.dark-mode .multiselect-container .active,
body.dark-mode .multiselect-container .multiselect-active-item-fallback,
body.dark-mode .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback),
body.dark-mode .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback),
body.dark-mode .multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback) {
  background-color: #1f6fb2 !important;
  color: #ffffff !important;
}

body.dark-mode .multiselect-container .multiselect-filter,
body.dark-mode .multiselect-container .multiselect-search {
  background-color: #17212b !important;
  color: #f4f8fb !important;
}

body.dark-mode .form-control:disabled,
body.dark-mode .form-control[readonly],
body.dark-mode input:disabled,
body.dark-mode select:disabled,
body.dark-mode textarea:disabled {
  background-color: #22303c !important;
  color: #a9b6c2 !important;
}

body.dark-mode .btn-outline-secondary {
  color: #d9e2ec;
  border-color: #607386;
}

body.dark-mode .btn-outline-secondary:hover {
  background-color: #263646;
  color: #ffffff;
}

body.dark-mode .modal-header,
body.dark-mode .modal-footer,
body.dark-mode .dropdown-divider {
  border-color: #2d3a47;
}

body.dark-mode .close,
body.dark-mode .close span {
  color: #ffffff !important;
  text-shadow: none;
}

body.dark-mode .talk-bubble {
  background-color: #1f6fb2;
}

body.dark-mode #update-list {
  background-color: #28292b;
}

body.dark-mode .play-pause-container {
  background-color: #1f6fb2;
  border-color: #1f6fb2;
}

body.dark-mode .tri-right.left-top:after {
  border-color: #1f6fb2 transparent transparent transparent;
}

body.dark-mode .tri-right.left-in:after {
  border-color: #1f6fb2 #1f6fb2 transparent transparent;
}

body.dark-mode .tri-right.btm-left:after {
  border-color: transparent transparent transparent #1f6fb2;
}

body.dark-mode .tri-right.btm-left-in:after {
  border-color: #1f6fb2 transparent transparent #1f6fb2;
}

body.dark-mode .talktext,
body.dark-mode .transmittertext,
body.dark-mode .message-list {
  color: #f4f8fb;
}

body.dark-mode #waiting-div,
body.dark-mode .node-info-popup {
  background-color: #17212b;
  color: #d9e2ec;
  border-color: #2d3a47;
}

body.dark-mode .dataTables_wrapper .dataTables_length,
body.dark-mode .dataTables_wrapper .dataTables_filter,
body.dark-mode .dataTables_wrapper .dataTables_info,
body.dark-mode .dataTables_wrapper .dataTables_processing,
body.dark-mode .dataTables_wrapper .dataTables_paginate {
  color: #d9e2ec !important;
}

body.dark-mode .page-link {
  background-color: #17212b;
  color: #d9e2ec;
  border-color: #2d3a47;
}

body.dark-mode .page-item.disabled .page-link {
  background-color: #101820;
  color: #8391a2;
  border-color: #2d3a47;
}

.dark-mode-control {
  align-content: center;
}

#dark-mode-toggle {
  min-width: 8.25rem;
}

#dark-mode-toggle .fas {
  margin-right: 0.25rem;
}