body.dark-mode {
    background-color: #121212;
    color: #f1f1f1;
}

body.dark-mode .sidebar,
body.dark-mode .sidebar-sticky {
    background-color: #1f1f1f;
    color: #f1f1f1;
    border-right: 1px solid #333;
}

body.dark-mode .nav-link {
    color: #cccccc;
}

body.dark-mode .nav-link:hover {
    color: #ffffff;
}

body.dark-mode .nav-link.active {
    color: white !important;
    background-color: #0a84ae;
}

body.dark-mode .footer {
    background-color: #1f1f1f;
    color: #ccc;
}

body.dark-mode .header {
    background-color: #1f1f1f;
    color: #f1f1f1;
}

body.dark-mode .card,
body.dark-mode .timeline-content {
    background-color: #2a2a2a;
    color: #f1f1f1;
}

body.dark-mode .table th,
body.dark-mode .table td {
    background-color: #1e1e1e;
    color: #ddd;
    border-bottom: 1px solid #333;
}

body.dark-mode .table tbody tr:nth-of-type(odd) {
    background-color: #252525;
}

body.dark-mode .table tbody tr:hover {
    background-color: #333;
}

body.dark-mode .modal {
    background-color: #1e1e1e;
    color: #f1f1f1;
}

body.dark-mode .btn,
body.dark-mode .btn-primary,
body.dark-mode .btn-outline-dark {
    background-color: #005f8a;
    border-color: #005f8a;
    color: white;
}

body.dark-mode .btn:hover,
body.dark-mode .btn-primary:hover,
body.dark-mode .btn-outline-dark:hover {
    background-color: #007bbd;
    color: white;
}

body.dark-mode a {
    color: #4ea9e0 !important;
}

body.dark-mode a:hover {
    color: #88c9ff !important;
}

body.dark-mode .cookie-consent,
body.dark-mode .js-cookie-consent {
    background-color: #1a1a1a;
    color: #ccc;
}

body.dark-mode .js-cookie-consent p {
    color: #ccc !important;
}

body.dark-mode .license-activated,
body.dark-mode .license-definitiv,
body.dark-mode .invoice-paid {
    background-color: #0f5132;
}

body.dark-mode .license-expired,
body.dark-mode .license-demo,
body.dark-mode .invoice-unpaid {
    background-color: #c96d00;
}

body.dark-mode .license-deactivated,
body.dark-mode .license-inactive,
body.dark-mode .invoice-cancelled {
    background-color: #555;
}

body.dark-mode .timeline::before {
    background-color: #444;
}

body.dark-mode .alert-toggle .icon {
    color: #ccc;
}

body.dark-mode .accordion {
    --bs-accordion-bg: #2a2a2a;
    --bs-accordion-btn-bg: #3a3a3a;
    --bs-accordion-active-bg: #0a84ae;
    --bs-accordion-active-color: #ffffff;
    --bs-accordion-icon-active-color: #ffffff;
}

body.dark-mode input,
body.dark-mode textarea,
body.dark-mode select {
    background-color: #2a2a2a;
    color: #f1f1f1;
    border: 1px solid #555;
}

body.dark-mode ::-webkit-scrollbar-track {
    background: #2a2a2a;
}

body.dark-mode ::-webkit-scrollbar-thumb {
    background: #666;
}

body.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: #888;
}

body.dark-mode .bg-light {
    background-color: #2a2a2a !important;
}

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

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

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

body.dark-mode .border,
body.dark-mode .border-bottom,
body.dark-mode .border-top {
    border-color: #444 !important;
}

body.dark-mode .form-control::placeholder {
    color: #ffffff !important;
}

body.dark-mode .pagination {
    --bs-pagination-bg: #1e1e1e;
    --bs-pagination-color: #f1f1f1;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5 {
    color: #ffffff !important;
}