html.dark,
html.dark body {
  background-color: #121212 !important;
  color: #cbd5e1 !important;
}

html.dark .navbar,
html.dark .offcanvas-collapse,
html.dark .navbar.top-nav-collapse {
  background-color: #1e1e1e !important;
}

html.dark .nav-link {
  color: #94a3b8 !important;
}

html.dark .nav-link:hover,
html.dark .nav-link.active {
  color: #9a031e !important;
}

html.dark h1,
html.dark h2,
html.dark h3,
html.dark h4,
html.dark h5,
html.dark h6 {
  color: #f1f5f9 !important;
}

html.dark .footer,
html.dark .copyright {
  background-color: #1e1e1e !important;
}

html.dark .bg-gray,
html.dark .ex-header {
  background-color: #1e1e1e !important;
}

html.dark .cards-1 .card {
  background-color: #1e293b !important;
}

html.dark .text-red-800 {
  color: #ef4444 !important;
}

html.dark .text-black {
  color: #e2e8f0 !important;
}

html.dark .header,
html.dark .cards-2 {
  background: #1e1e1e !important;
}

html.dark .cards-2 .card {
  background-color: #1e293b !important;
  border-color: #334155 !important;
}

html.dark .btn-outline-reg,
html.dark .btn-outline-lg,
html.dark .btn-outline-sm {
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

html.dark .btn-outline-reg:hover,
html.dark .btn-outline-lg:hover,
html.dark .btn-outline-sm:hover {
  background-color: #475569 !important;
  color: #ffffff !important;
}

html.dark .copyright a {
  color: #94a3b8 !important;
}

html.dark .footer .fa-stack .fa-stack-1x {
  color: #94a3b8 !important;
}

html.dark .footer .fa-stack .fa-stack-2x {
  color: #1e293b !important;
}

html.dark .footer .fa-stack:hover .fa-stack-1x {
  color: #ffffff !important;
}

html.dark .footer .fa-stack:hover .fa-stack-2x {
  color: #475569 !important;
}

html.dark .dropdown-menu {
  background-color: #1e1e1e !important;
}

html.dark .dropdown-item {
  color: #94a3b8 !important;
}

html.dark .dropdown-item:hover,
html.dark .dropdown-item:focus {
  background-color: #2d2d2d !important;
  color: #9a031e !important;
}

html.dark .ex-basic-1 .text-box {
  background-color: #1e293b !important;
}

html.dark .lightbox-basic {
  background-color: #1e1e1e !important;
}

html.dark .form-control-input,
html.dark .form-control-select,
html.dark .form-control-textarea {
  background-color: #1e293b !important;
  border-color: #334155 !important;
  color: #cbd5e1 !important;
}

html.dark #theme-toggle-btn {
  background-color: #1e293b !important;
  color: #94a3b8 !important;
}

html.dark #theme-toggle-btn:hover {
  background-color: #334155 !important;
  color: #e2e8f0 !important;
}