[data-theme="dark"] {
    --bs-white: #000;
    --bs-gray: #6c757d;
    --bs-gray-dark: #f8f9fa;
    --bs-gray-100: #212529;
    --bs-gray-200: #343a40;
    --bs-gray-300: #495057;
    --bs-gray-400: #6c757d;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #ced4da;
    --bs-gray-700: #dee2e6;
    --bs-gray-800: #e9ecef;
    --bs-gray-900: #f8f9fa;
    --bs-secondary: #6c757d;
    --bs-dark-rgb: 239, 239, 239;
    --bs-white-rgb: 0, 0, 0;
    --bs-black-rgb: 255, 255, 255;
    --bs-body-color: #222;
    --bs-body-bg: #000;
    --background-color: #222!important;
    --te-color: #fff!important;
    --bs-white: #000;
    --bs-dark: #f8f9fa;
    /*--bs-light-rgb: 22, 22, 22;
    --bs-light: #000;
    */
}

.disabled { cursor: not-allowed; }

[data-theme="dark"], [data-theme="dark"] main {
    background-color: var(--background-color);
    color: var(--text-color);
}
[data-theme="dark"] a { color: #fff; }
[data-theme="dark"] a:hover { color: #eee; }
[data-theme="dark"] .text-dark { color: #fff !important; }
[data-theme="dark"] .header-1 .weather-top {background-color: #333;}

/* BUTTONS */
[data-theme="dark"] .btn-link { color: #fff; }
[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="dark"] .btn-dark { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-dark:hover { color: #000; background-color: #f9fafb; border-color: #f9fafb; }
[data-theme="dark"] .btn-check:focus + .btn-dark,
[data-theme="dark"] .btn-dark:focus { color: #000; background-color: #f9fafb; border-color: #f9fafb; box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-dark,
[data-theme="dark"] .btn-check:active + .btn-dark,
[data-theme="dark"] .btn-dark:active,
[data-theme="dark"] .btn-dark.active,
[data-theme="dark"] .show > .btn-dark.dropdown-toggle { color: #000; background-color: #f9fafb; border-color: #f9fafb; }
[data-theme="dark"] .btn-check:checked + .btn-dark:focus,
[data-theme="dark"] .btn-check:active + .btn-dark:focus,
[data-theme="dark"] .btn-dark:active:focus,
[data-theme="dark"] .btn-dark.active:focus,
[data-theme="dark"] .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(211, 212, 213, 0.5); }
[data-theme="dark"] .btn-dark:disabled,
[data-theme="dark"] .btn-dark.disabled { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }

[data-theme="dark"] .btn-light { color: #fff; background-color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-light:hover { color: #fff; background-color: #1c1f23; border-color: #1a1e21; }
[data-theme="dark"] .btn-check:focus + .btn-light,
[data-theme="dark"] .btn-light:focus { color: #fff; background-color: #1c1f23; border-color: #1a1e21; box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-light,
[data-theme="dark"] .btn-check:active + .btn-light,
[data-theme="dark"] .btn-light:active,
[data-theme="dark"] .btn-light.active,
[data-theme="dark"] .show > .btn-light.dropdown-toggle { color: #fff; background-color: #1a1e21; border-color: #191c1f; }
[data-theme="dark"] .btn-check:checked + .btn-light:focus,
[data-theme="dark"] .btn-check:active + .btn-light:focus,
[data-theme="dark"] .btn-light:active:focus,
[data-theme="dark"] .btn-light.active:focus,
[data-theme="dark"] .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.25rem rgba(66, 70, 73, 0.5); }
[data-theme="dark"] .btn-light:disabled,
[data-theme="dark"] .btn-light.disabled { color: #fff; background-color: #212529; border-color: #212529; }

[data-theme="dark"] .btn-outline-dark { color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-outline-dark:hover { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-check:focus + .btn-outline-dark,
[data-theme="dark"] .btn-outline-dark:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-outline-dark,
[data-theme="dark"] .btn-check:active + .btn-outline-dark,
[data-theme="dark"] .btn-outline-dark:active,
[data-theme="dark"] .btn-outline-dark.active,
[data-theme="dark"] .btn-outline-dark.dropdown-toggle.show { color: #000; background-color: #f8f9fa; border-color: #f8f9fa; }
[data-theme="dark"] .btn-check:checked + .btn-outline-dark:focus,
[data-theme="dark"] .btn-check:active + .btn-outline-dark:focus,
[data-theme="dark"] .btn-outline-dark:active:focus,
[data-theme="dark"] .btn-outline-dark.active:focus,
[data-theme="dark"] .btn-outline-dark.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(248, 249, 250, 0.5); }
[data-theme="dark"] .btn-outline-dark:disabled,
[data-theme="dark"] .btn-outline-dark.disabled { color: #f8f9fa; background-color: transparent; }

[data-theme="dark"] .btn-outline-light { color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-outline-light:hover { color: #fff; background-color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-check:focus + .btn-outline-light,
[data-theme="dark"] .btn-outline-light:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
[data-theme="dark"] .btn-check:checked + .btn-outline-light,
[data-theme="dark"] .btn-check:active + .btn-outline-light,
[data-theme="dark"] .btn-outline-light:active,
[data-theme="dark"] .btn-outline-light.active,
[data-theme="dark"] .btn-outline-light.dropdown-toggle.show { color: #fff; background-color: #212529; border-color: #212529; }
[data-theme="dark"] .btn-check:checked + .btn-outline-light:focus,
[data-theme="dark"] .btn-check:active + .btn-outline-light:focus,
[data-theme="dark"] .btn-outline-light:active:focus,
[data-theme="dark"] .btn-outline-light.active:focus,
[data-theme="dark"] .btn-outline-light.dropdown-toggle.show:focus { box-shadow: 0 0 0 0.25rem rgba(33, 37, 41, 0.5); }
[data-theme="dark"] .btn-outline-light:disabled,
[data-theme="dark"] .btn-outline-light.disabled { color: #212529; background-color: transparent; }

/* DROPDOWNS */

[data-theme="dark"] .dropdown-menu { color: #dee2e6; background-color: #343a40; border-color: rgba(0, 0, 0, 0.15); }
[data-theme="dark"] .dropdown-menu .dropdown-item { color: #dee2e6; }
[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
[data-theme="dark"] .dropdown-menu .dropdown-item:focus { color: #fff; background-color: rgba(255, 255, 255, 0.15); }
[data-theme="dark"] .dropdown-menu .dropdown-item.active,
[data-theme="dark"] .dropdown-menu .dropdown-item:active { color: #fff; background-color: #0d6efd; }
[data-theme="dark"] .dropdown-menu .dropdown-item.disabled,
[data-theme="dark"] .dropdown-menu .dropdown-item:disabled { color: #adb5bd; }
[data-theme="dark"] .dropdown-menu .dropdown-divider { border-color: rgba(0, 0, 0, 0.15); }
[data-theme="dark"] .dropdown-menu .dropdown-item-text { color: #dee2e6; }
[data-theme="dark"] .dropdown-menu .dropdown-header { color: #adb5bd; }

/* LIST GROUPS */

[data-theme="dark"] .list-group-item-action { color: #fff; }
[data-theme="dark"] .list-group-item-action:hover,
[data-theme="dark"] .list-group-item-action:focus { color: #fff; background-color: #333; }
[data-theme="dark"] .list-group-item-action:active { color: #212529; background-color: #e9ecef; }
[data-theme="dark"] .list-group-item { background-color: #111; border: 1px solid #333; }
[data-theme="dark"] .list-group-item:not(:first-child) { border-top: none; }
[data-theme="dark"] .list-group-item.disabled,
[data-theme="dark"] .list-group-item:disabled { color: #fff; background-color: #000; }
[data-theme="dark"] .list-group-item.active { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }

/* TABS */

[data-theme="dark"] .nav-tabs { border-bottom: 1px solid #000; }
[data-theme="dark"] .nav-tabs .nav-link:hover,
[data-theme="dark"].nav-tabs .nav-link:focus { border-color: #212529 #212529 #000; }
[data-theme="dark"] .nav-tabs .nav-link.disabled { color: #333; }
[data-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-item.show .nav-link { color: #fff; background-color: #000; border-color: #212529 #212529 #000; }

/* PAGINATION */

[data-theme="dark"] .page-link { color: #fff; background-color: #111; border: 1px solid #333; }
[data-theme="dark"] .page-link:hover { color: #fff; background-color: #333; border-color: #333; }
[data-theme="dark"] .page-link:focus { color: #fff; background-color: #000; }
[data-theme="dark"] .page-item.active .page-link { color: #fff; background-color: #0d6efd; border-color: #0d6efd; }
[data-theme="dark"] .page-item.disabled .page-link { color: #fff; background-color: #000; border-color: #333; }

/* BACKGROUNDS */

[data-theme="dark"] .bg-light { background-color: #212529 !important; }
[data-theme="dark"] .bg-dark { background-color: #f8f9fa !important; }
[data-theme="dark"] .bg-white { background-color: #000 !important; }

[data-theme="dark"] .bg-white.text-white,
[data-theme="dark"] .bg-dark.text-white,
[data-theme="dark"] .bg-warning.text-dark,
[data-theme="dark"] .bg-info.text-dark { color: #212529 !important; }

/* BORDERS */

[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-end,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start { border-color: #212529 !important; }

/* BREADCRUMB */

[data-theme="dark"] .breadcrumb.border { border-color: #333 !important; }

/* SHADOWS */

[data-theme="dark"] .shadow { box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15) !important; }
[data-theme="dark"] .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075) !important; }
[data-theme="dark"] .shadow-lg { box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.175) !important; }

/* CARDS */

[data-theme="dark"] .card { background-color: #000; border: 1px solid rgba(255, 255, 255, 0.125); }

/* MODALS */

[data-theme="dark"] .modal-content { background-color: #000; border: 1px solid rgba(255, 255, 255, 0.2); }
[data-theme="dark"] .modal-header { border-bottom: 1px solid #212529; }
[data-theme="dark"] .modal-footer { border-top: 1px solid #212529; }

[data-theme="dark"] .modal-backdrop.show { opacity: 0.75; }

/* ACCORDIONS */

[data-theme="dark"] .accordion:not(.accordion-flush) { border-top: 1px solid #333; border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; }
[data-theme="dark"] .accordion-button { color: #fff; background-color: #000; border: 1px solid #333; border-top: none; }
[data-theme="dark"] .accordion-button:not(.collapsed) { color: #fff; background-color: #111; border-bottom: none; }
[data-theme="dark"] .accordion-button::after { filter: invert(1) grayscale(100%) brightness(200%); }
[data-theme="dark"] .accordion-collapse { border: 1px solid #333; }

[data-theme="dark"] .accordion-flush .accordion-button { border-right: 0; border-left: 0; border-radius: 0; }
[data-theme="dark"] .accordion-flush .accordion-collapse { border-width: 0; }
[data-theme="dark"] .accordion-flush .accordion-item:first-of-type .accordion-button { border-top-width: 0; border-top-left-radius: 0; border-top-right-radius: 0; }
[data-theme="dark"] .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { border-bottom-width: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

/* PROGRESS BARS */

[data-theme="dark"] .progress { background-color: #333; }

/* FORMS */

[data-theme="dark"] .form-control::-webkit-input-placeholder,
[data-theme="dark"] .form-control::-moz-placeholder,
[data-theme="dark"] .form-control::placeholder { color: #ccc; }
[data-theme="dark"] .form-control-plaintext { color: #ccc; }
[data-theme="dark"] .form-control { color: #fff; background-color: #333; border: 1px solid #111; }
[data-theme="dark"] .form-select { color: #fff; border-color: #111 !important; background: #333 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23ffffff' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; border: 1px solid #111; }

[data-theme="dark"] .form-select:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem #dc3545; background-color: rgba(255,0,0,0.1); }

[data-theme="dark"] .form-select:focus::-ms-value { color: #495057; background-color: #fff; }

[data-theme="dark"] .form-select option { color: #000; }

[data-theme="dark"] .form-select:disabled { color: #6c757d; background-color: #e9ecef; }

[data-theme="dark"] .form-select:-moz-focusring { text-shadow: 0 0 0 #495057; }

[data-theme="dark"] .table,
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(2n+1) {  color: #efefef!important; }

/*THEME MAIN COLOR */
[data-theme="dark"] .text-te-color {color: rgb(255, 255, 255,0.7)!important;}
[data-theme="dark"] a.text-te-color:focus,
[data-theme="dark"] a.text-te-color:hover {color: rgb(12, 29, 45)!important;}
[data-theme="dark"] .badge-te-color {background-color: rgb(12, 29, 45)!important; color:#f6f6f6;}
[data-theme="dark"] .btn-te-color {background-color: rgb(12, 29, 45)!important; color: rgba(255, 255, 255, 0.8);border-color: rgb(12, 29, 45)!important;}
[data-theme="dark"] .btn-te-color:hover {background-color:rgb(4, 17, 29)!important;color: rgba(255, 255, 255, 0.8);border-color: rgb(4, 17, 29)!important;}
[data-theme="dark"] .btn-outline-te-color {color: rgb(12, 29, 45);border-color: rgb(12, 29, 45);;}
[data-theme="dark"] .btn-outline-te-color:hover {color: rgb(4, 17, 29);background-color: #f6f6f6;border-color: #rgb(4, 17, 29);}
[data-theme="dark"] .bg-te-color {background-color: rgb(12, 29, 45)!important;}
[data-theme="dark"] .bg-gradient-te {background-color: rgb(12, 29, 45)!important; background-image: none!important;}
[data-theme="dark"] .text-black-50 {color: rgba(255, 255, 255, 0.7)!important;}
[data-theme="dark"] .title-line {border-bottom: 2px rgba(255, 255, 255, 0.7) solid!important;}
[data-theme="dark"] .bg-gradient-purple {background-color: rgb(36, 46, 55)!important; background-image: none!important;}
[data-theme="dark"] .bg-gradient-green {background-color: #000!important; background-image: none!important;}
[data-theme="dark"] .bg-gradient-blue {background-color: #111!important; background-image: none!important;}
[data-theme="dark"] .bg-gradient-turquaz {background-color: #111!important; background-image: none!important;}
[data-theme="dark"] .bg-light-gray {background-color: #222!important; background-image: none!important;}
[data-theme="dark"] .bg-gradient-te .btn-outline-light {color: #999; border-color: #777;}
[data-theme="dark"] #biography .bio-box {background-color: rgb(12, 29, 45); border: 3px rgb(4, 17, 29) solid;}
[data-theme="dark"] #biography .bio-box img {border: 6px #4B4B4B solid;}
[data-theme="dark"] .prayer-times {background-color: rgb(0, 0, 0,0.8);}
[data-theme="dark"] .prayer-times .time-box {background-color: rgb(12, 29, 45,0.5);}
[data-theme="dark"] .tab-news .nav-pills .nav-link {background-color: #1E1E1E; color: #bbb;}
[data-theme="dark"] #authors .nav-pills .nav-link {color: rgba(255,255,255,0.5);}
[data-theme="dark"] #authors .nav-pills .nav-link.active, [data-theme="dark"] #authors .nav-pills .show > .nav-link {color: #fff;}
[data-theme="dark"] .five-headline .fh-2 .swiper-pagination-bullet {background-image: linear-gradient(180deg, #555 0%, #333 100%);color: #fff;}
[data-theme="dark"] .five-headline .fh-2 .swiper-pagination-bullet-active {background: linear-gradient(180deg, #ff0044 0%, #CA2527 100%);}
[data-theme="dark"] .main-headline .swiper-pagination-bullet {color: #fff; background-color: rgba(0,0,0,0.8);}
[data-theme="dark"] .main-headline .swiper-pagination-bullet-active {color: #fff; background: #CA2527;}
[data-theme="dark"] blockquote {color: #fff; background: #4B4B4B;}
[data-theme="dark"] footer nav {border-top: 4px solid #2f2f2f;}
[data-theme="dark"] .nav-side-menu ul li { background-color: #2f2f2f;}
[data-theme="dark"] .caricature-list .bg-dark { background-color: #2f2f2f!important;}
[data-theme="dark"] #authors.bg-primary,
[data-theme="dark"] #authors-h.bg-primary {background-color: #394b5c !important;}
[data-theme="dark"] #mobile-menu.mm-spn.mm-spn--light {color: #e6e6e6!important; background: #1c1c1c!important;}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(2n+1) > * {
    --bs-table-accent-bg: rgba(255,255,255,0.1);
    color: rgba(255,255,255,0.6);
}

[data-theme="dark"] .header-2 .top-header,
[data-theme="dark"] .header-4 .top-header
{
    background-color: var(--background-color);
}

[data-theme="dark"] #league .nav-link img {
    filter: invert(1);
}

[data-theme="dark"] #league .all-leagues .nav-pills .nav-link, [data-theme="dark"] #league .all-fixtures .nav-pills .nav-link {
    opacity: .75;
}