:root[data-bs-theme="dark"] .nav-link.active {
  background-color: #2d3143 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .btn-outline-dark.active {
  background-color: #1c1d23 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .theme-toggle-btn {
    background-color: #fff !important;
}

:root[data-bs-theme="dark"] .theme-toggle-btn::after {
    background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .sidebar .nav-link:hover .theme-toggle-btn {
  background-color: #fff !important;
}


:root[data-bs-theme="dark"] .sidebar .nav-link {
  color: #fff !important;
}

:root[data-bs-theme="dark"] .hamburger {
  color: #fff !important;
}

:root[data-bs-theme="dark"] .sidebar .nav-link:hover {
  background-color: #2d3143 !important;
}

:root[data-bs-theme="dark"] td {
  background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .table.payments-modern thead th {
  background-color: #17181c !important;
  border-bottom: 1px solid #495057 !important;
}

:root[data-bs-theme="dark"] .card-body, :root[data-bs-theme="dark"] .card-header, :root[data-bs-theme="dark"] .list-group-item {
  background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .list-group-item.active {
  background-color: #202127 !important;
  color: inherit !important;
  border-top: 1px solid #484955 !important;
  border-bottom: 1px solid #484955 !important;
}

:root[data-bs-theme="dark"] .text-success {
  color: inherit !important;
}

:root[data-bs-theme="dark"] .bottom-nav {
  background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .btn-dark {
  background-color: #1c1d23 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .bg-body-tertiary,
:root[data-bs-theme="dark"] .card-body {
  background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .btn-outline-dark {
  border: 1px solid #484955 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .btn-outline-dark:hover {
  border: 1px solid #484955 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .btn-dark:hover {
  background-color: #484955 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .bg-body {
  background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .form-control {
  background-color: #1c1d23 !important;
}

:root[data-bs-theme="dark"] .form-select {
  background-color: #1c1d23 !important;
} 

:root[data-bs-theme="dark"] .bg-primary {
  background-color: #17181c !important;
}

:root[data-bs-theme="dark"] .alert-success {
  background-color: #202127 !important;
  color: inherit !important;
  border: 1px solid #484955 !important;
}

:root[data-bs-theme="dark"] .progress {
  background-color: #202127 !important;
}

:root[data-bs-theme="dark"] .progress-bar {
  background-color: #484955 !important;
}

:root[data-bs-theme="dark"] .link-danger {
  color: inherit !important;
}

:root[data-bs-theme="dark"] .text-bg-success {
  background-color: #202127 !important;
}

:root[data-bs-theme="dark"] .text-bg-secondary {
  background-color: #202127 !important;
}

:root[data-bs-theme="dark"] .text-bg-warning {
  background-color: #202127 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .text-bg-danger {
  background-color: #202127 !important;
}

:root[data-bs-theme="dark"] .pay-status {
  background-color: #1c1d23 !important;
  color: inherit !important;
}

:root[data-bs-theme="dark"] .link-dark {
  color: inherit !important;
}

:root[data-bs-theme="dark"] .link-dark:hover {
  background-color: #202127 !important;
}