/* DARK MODE */

:root {
    --dark-mode: #0d1117;
    --dark-mode-box: #1f2428;
    --dark-mode-box-2: #3e5b72;
    --dark-mode-t: #cbd5e1;
    --dark-mode-t-2: #8b9aae;
    --dark-shadow: rgb(148 163 184);
}

body.dark-mode {
    background-color: var(--dark-mode) !important;
    color: #fff;
}

.dark-mode :is(.homepage-section, .bg-white) {
    background-color: var(--dark-mode) !important;
}

.dark-mode :is(.heading-underline h2, .heading-underline h3, .heading-underline-dark h2, .heading-underline-dark h3, a:not(.btn)) {
    color: #fff;
}

.dark-mode :is(.expandable-box-home, .csn-card-cat-home-item) {
    background-color: var(--dark-mode-box) !important;
    border: 0 solid #e5e7eb !important;
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode :is(.text-grey-7, .text-grey-6.title) {
    color: var(--dark-mode-t) !important;
}

.dark-mode :is(.text-grey-6, .csn-card-news-item-perex, .text-black) {
    color: var(--dark-mode-t-2) !important;
}

.dark-mode :is(.bookmaker-card, .bookmaker-card-header .num, .search-box-results, .payment-boxrl-item, .howwerate-item, .payment-related-country) {
    background: var(--dark-mode-box) !important;
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode .csn-card-news-item {
    box-shadow: -3rem 0 3rem -2rem var(--dark-mode) !important;
    background: var(--dark-mode-box) !important;
}

.dark-mode .filter-group {
    background: var(--dark-mode-box) !important;
}

.dark-mode :is(.filter-group-heading, .results-filter-sort-vs, .filter-advanced-action, .results-header-col, .results-filter-sort-vs .form-select, .csn-card-st-item, .csn-sports-markets-item.active, .bookmaker-card-logos-item, .bookmaker-card-bonus, .page-item:not(.active) .page-link, #toc-container, #toc-container .toc-title, #toc-container ul li a, .bookmaker-card-content, .typography blockquote, .expandable-box-large, .bonus-info-row.active, .bonus-info-arrow, .standard-info-card, .m-sub, .expandable-box, .col-signup-form, .col-login-form) {
    color: var(--dark-mode-t-2) !important;
    background: var(--dark-mode-box) !important;
}

.dark-mode .results-header-col {
    box-shadow: none;
}

.dark-mode :is(.bookmaker-card-info, .bonus-main-content, .bonus-vote-link, .form-check-input) {
    background-color: var(--dark-mode) !important;
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode :is(.csn-card-st-item, #toc-container, .bonus-info-row, .bonus-vote-link) {
    border-color: var(--dark-mode-box) !important;
}

.dark-mode :is(.typography p, .typography li, .bookmaker-card-header .num, .csn-expert-avg-wrap, .bookmaker-card-heading, .cs-fcheck-item) {
    color: var(--dark-mode-t) !important;
}

.dark-mode .cs-fcheck-item {
    border-color: var(--dark-mode) !important;
}

.dark-mode :is(.header, .page-footer, .better-standards, .forum-categories-hp) {
    background-color: #000;
}

.dark-mode .top-banner-container {
    background: linear-gradient(45deg, #191919, #181818);
}

.dark-mode .csn-card-cat-home-item:hover {
    background: linear-gradient(180deg, #083e5e, #0d1117);
}

.dark-mode .btn-border-purple {
    background-color: #470fff;
    color: var(--bs-white);
}

.dark-mode .btn-border-purple:hover {
    filter: brightness(1.1);
}

.dark-mode .list-latest-cs-reviews-wrapper .flickity-page-dots li.is-selected {
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode #toc-container li::before {
    color: var(--dark-mode-t);
}

.dark-mode #toc-container ul li:hover::before {
    color: var(--dark-mode-t2);
}

.dark-mode .menu-nav {
    background-color: var(--dark-mode);
}

.dark-mode .results-filter-sort svg {
    fill: var(--dark-mode-t-2);
}

.dark-mode .box-loading {
    background-color: (var(--dark-mode));
}

.dark-mode .form-control.search {
    background: var(--dark-mode-box);
    color: var(--dark-mode-t)
}

.dark-mode .search-box-input,
.dark-mode .form-floating .form-control,
.dark-mode .btn-social-login,
.dark-mode .filter-search-input {
    background: var(--dark-mode-box);
    color: var(--dark-mode-t)
}

.dark-mode .top-banner-container .search-ico-wrapper {
    background: var(--dark-mode-box);
}

.dark-mode .search-box-wrapper.active .search-ico-wrapper svg {
    fill: var(--dark-mode-t);
}

.dark-mode .footer-col-newsletter input[type=email] {
    background-color: var(--dark-mode-box);
}

.dark-mode .fancybox-content {
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode .form-review-step-header {
    background-color: var(--dark-mode) !important;
    border-bottom: 1px solid var(--dark-shadow);
}

.dark-mode .cs-md-content {
    background-color: var(--dark-mode);
}

.dark-mode .cs-md-content .btn:hover {
    color: var(--bs-white);
}

.dark-mode .select2-container--default .select2-selection--single {
    background-color: var(--dark-mode-box) !important;
    color: var(--dark-mode-t) !important;
}

.dark-mode .select2-search--dropdown {
    background-color: var(--dark-mode);
}

.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field,
.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
}

.dark-mode .form-floating label {
    color: var(--dark-mode-t);
}

.dark-mode .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,
.dark-mode .cs-checkbox .form-check-label:hover {
    color: var(--dark-mode-t);
    background-color: var(--dark-mode-t-2);
}

.dark-mode .select2-results__option--selectable {
    background-color: var(--dark-mode-box);
}

.dark-mode .select2-container--default .select2-results__option--selected {
    background-color: var(--dark-mode);
}

.dark-mode .delimiter {
    background-color: var(--dark-mode);
}

.dark-mode .cs-checkbox label {
    padding: 5px;
}

.dark-mode .no-results {
    background-color: var(--dark-mode);
    color: var(--dark-mode-t);
}

.dark-mode .bonus-card {
    /* box-shadow: 0 0 3px var(--dark-shadow); */
    background-color: var(--dark-mode-box);
}

.dark-mode .tdbtn-cacl-link {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
    border: unset;
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode .tdbtn-cacl-link:hover {
    background-color: var(--dark-mode-box);
    filter: brightness(0.9);
    color: var(--dark-mode-t-2);
}

.dark-mode .delimiter.td-check {
    background-color: var(--dark-mode-box);
}

.dark-mode .news-cpn-item-title {
    color: var(--dark-mode-t);
}

.dark-mode .news-cpn-item-desc {
    color: var(--dark-mode-t-2);
}

.dark-mode .news-item-body {
    padding: 24px 12px;
    background-color: var(--dark-mode-box);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dark-mode .news-item-img {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.dark-mode .tdsb-custom {
    border-color: var(--dark-mode-box);
}

.dark-mode .section-header-dark {
    background-color: var(--dark-mode);
}

.dark-mode .news-item {
    border-radius: 5px;
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode .td-article-detail {
    background-color: var(--dark-mode);
}

.dark-mode .tdicon-share-twitter {
    fill: var(--bs-white);
}

.dark-mode .typography table {
    border: 1px solid var(--dark-mode-t);
}

.dark-mode .typography table tr:nth-child(1) td,
.dark-mode .typography table tr td {
    color: var(--dark-mode-t);
    background-color: var(--dark-mode-box);
}

.dark-mode .typography table tbody tr:nth-child(even) td {
    color: var(--dark-mode-t);
    background-color: var(--dark-mode);
}

.dark-mode .news-cpn-item:not(:last-of-type):after {
    position: absolute;
    content: "-";
    width: 50%;
    height: 1px;
    background-color: var(--dark-mode-box);
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
}

.dark-mode .team-item strong {
    color: var(--dark-mode-t);
}

.dark-mode .team-item:hover strong {
    color: var(--dark-mode-t-2);
}


/* calculator */

.dark-mode .widget-calculator {
    background-color: var(--dark-mode-box);
}

.dark-mode .widget-calculator-title {
    background-color: var(--dark-mode-box);
    border-bottom: 0.125rem solid #1c7db1;
}

.dark-mode .widget-calculator-bet label,
.widget-calculator-winnings>label {
    color: var(--dark-mode-t);
}

.dark-mode .widget-calculator-bet select,
.dark-mode .widget-calculator-bet-stake,
.dark-mode .widget-calculator-bet-conditions,
.dark-mode .widget-calculator-selections table thead tr,
.dark-mode .widget-calculator-selections-odds input,
.dark-mode .widget-calculator-selections input,
.dark-mode .widget-calculator-selections select {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
}

.dark-mode .widget-calculator-selections table thead tr th {
    color: var(--dark-mode-t);
}

.dark-mode .profile-panel,
.dark-mode .about-us-author-card-bg {
    background-color: var(--dark-mode-box);
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode .tdteam-custom-box svg {
    fill: var(--dark-mode-t);
}

.dark-mode .tdteam-custom-box .btn {
    color: var(--dark-mode-t);
}

.dark-mode .tab-detail .cs-tabs-main-panels {
    background-color: var(--dark-mode-box);
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode .tab-detail {
    background-color: #000;
}

.dark-mode .section-tabs-wrapper.tab-detail .cs-tab-main.active .cs-tabs-main-panels {
    background-color: var(--dark-mode-t);
    color: var(--dark-mode-t-2);
}

.dark-mode .typo-read.read-more::before {
    background: linear-gradient(to bottom, #3d3d3d7d, #181818 100%);
}

.dark-mode .bookmaker-detail-info-col-wrapper .bg-white {
    /* box-shadow: 0 0 3px var(--dark-shadow); */
    background-color: var(--dark-mode-box) !important;
}

.dark-mode .csn-card-body.bg-white {
    /* box-shadow: 0 0 3px var(--dark-shadow); */
    background-color: var(--dark-mode-box) !important;
}

.dark-mode .tddetail-info {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
}

.dark-mode .tddetail-info .csn-available-games-item {
    /* box-shadow: 0 0 3px var(--dark-shadow); */
    background-color: var(--dark-mode-box);
    /* border-radius: 5px; */
}

.dark-mode .tddetail-info .csn-game-genre-items {
    padding: 1px;
}

.dark-mode .csn-card-fr {
    border: none;
}

.dark-mode .csn-card-reputation {
    border-color: #4a5b68;
}

.dark-mode .bookmaker-detail-reputation-details {
    background-color: var(--dark-mode-box);
}

.dark-mode .tippy-box {
    background-color: var(--dark-mode);
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode .tippy-box a:hover {
    color: var(--bs-main);
}

.dark-mode .tb-row {
    background: var(--dark-mode-box) !important;
    /* box-shadow: 0 0 3px var(--dark-shadow); */
}

.dark-mode .reviews-summary {
    background-color: var(--dark-mode-box);
}

.dark-mode .cs-select-simple {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
    border: transparent;
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode .user-review-post,
.dark-mode .user-reply-post {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
    box-shadow: none;
}

.dark-mode :is(.user-content, .cs-post-footer) {
    border-top: 1px solid #4a5b68;
}

.dark-mode .link-info {
    color: var(--dark-mode-t-2);
}

.dark-mode .bookmaker-card-info {
    box-shadow: unset;
}

.dark-mode .td-darkmode .td-thumb-payment {
    background: #7b8c98 !important;
}

.dark-mode .review-filter-item {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
    border: 0;
}

.dark-mode .page-link {
    border: none;
}

.dark-mode .review-filter-item.active {
    background-color: var(--bs-main);
    color: var(--dark-mode);
}

.dark-mode .review-filter-item:hover {
    background-color: var(--bs-main);
    color: var(--dark-mode);
}

.dark-mode .comment-read.read-more:before,
.dark-mode .typo-read.read-more::before {
    background: linear-gradient(to bottom, #3d3d3d7d, #181818 100%);
}

.dark-mode .menu-search-item {
    background-color: var(--dark-mode-box);
}

.dark-mode .expandable-box-header svg {
    fill: var(--dark-mode-t-2);
}

.dark-mode .filter-advanced-action svg {
    fill: var(--dark-mode-t-2);
}

.dark-mode .filter-mobile-header {
    background: var(--dark-mode);
    border-bottom: 1px solid var(--dark-shadow);
}

.dark-mode .td-offcanvas-body {
    background-color: var(--dark-mode);
}

.dark-mode .toc-collapse svg {
    fill: var(--dark-mode-t-2);
}

.dark-mode .filter-group-scroll::-webkit-scrollbar-thumb,
.dark-mode .scrollbar::-webkit-scrollbar-thumb {
    background: var(--dark-mode-t-2);
}

.dark-mode .filter-group-scroll::-webkit-scrollbar-track,
.dark-mode .scrollbar::-webkit-scrollbar-track {
    background: var(--dark-mode);
}

.dark-mode .expandable-box.active strong {
    color: #cd9509 !important;
}

.dark-mode .menu-user-logged-info {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t-2);
}

.dark-mode .menu-user-logged-info>a:hover {
    background-color: var(--dark-mode);
}

.dark-mode .td-form-check-input {
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode .odds-item-matches,
.dark-mode .odds-item-matches .delimiter {
    background-color: var(--dark-mode-box);
}

.dark-mode .odds-item-matches .delimiter-wrapper:before {
    background-color: var(--dark-mode-t-2);
}

.dark-mode .notification-cookie__main {
    background-color: var(--dark-mode-box);
    box-shadow: 0 0 3px var(--dark-shadow);
    color: var(--dark-mode-t);
}

.dark-mode .notification-cookie__main a {
    color: var(--dark-mode-t);
    text-decoration: underline;
}

.dark-mode .notification-cookie__main svg {
    fill: var(--dark-mode-t);
}

.dark-mode .bonus-shortcode-content {
    background-color: var(--dark-mode-box);
}

.dark-mode .cs-tab-main.active .td-tab-member-t {
    color: var(--dark-mode);
}

.dark-mode .cs-tab-main:hover .td-tab-member-t {
    color: #cd9509;
}

.dark-mode .stats-card {
    background-color: var(--dark-mode-box);
}

.dark-mode .stats-card svg {
    fill: var(--dark-mode-t-2);
    opacity: 0.8;
}

.dark-mode .td-tab-member .cs-tabs-main-panels {
    background-color: var(--dark-mode-box);
}

.dark-mode .widget-calculator-bet-conditions div input {
    box-shadow: 0 0 3px var(--dark-shadow);
}

.dark-mode .td-odds-custom iframe {
    box-shadow: unset !important;
}

.dark-mode .item-sport-badge {
    background-color: var(--dark-mode-box-2);
}

.dark-mode .tab-detail .cs-tab-main {
    background-color: var(--dark-mode-box);
}

.dark-mode .translate-switch-toggle {
    background: var(--dark-mode-t);
}

.dark-mode .translate-switch-toggle.active {
    background: var(--bs-main);
}


/*  */

.toggle-mode {
    /* position: absolute; */
    right: 0;
}

.toggle-mode .checkbox-darkmode {
    opacity: 0;
    position: absolute;
}

.toggle-mode .label {
    width: 50px;
    height: 20px;
    background-color: #111;
    display: flex;
    border-radius: 50px;
    align-items: center;
    justify-content: space-between;
    padding-right: 2px;
    padding-left: 0;
    position: relative;
    box-shadow: 0 0 5px var(--dark-shadow);
    align-self: flex-end;
    margin: 0;
}

.toggle-mode .ball {
    width: 18px;
    height: 18px;
    background-color: white;
    position: absolute;
    left: 2px;
    border-radius: 50%;
    transition: transform 0.2s linear;
}

.checkbox-darkmode:checked+.label .ball {
    transform: translateX(28px);
}

.fa-moon {
    color: pink;
}

.fa-sun {
    color: yellow;
}


/*  */

.dark-mode .section-header-dark {
    background-color: #202124;
}

.dark-mode :is(.odds-item-sport, .odds-item-league):hover {
    background-color: #2a7dfb;
}

.dark-mode :is(.odds-item-league, .odds-item-sport) {
    background: #1f2428;
}

.dark-mode .odds-aside-top-bookmakers-item:nth-child(odd) {
    background-color: var(--dark-mode-box);
}

.dark-mode .tdodds-list-items-sport .odds-comparesion-item-sport {
    background-color: var(--dark-mode-box);
    color: var(--dark-mode-t);
}

.dark-mode .tdodds-list-items-sport .odds-comparesion-item-sport svg {
    fill: var(--dark-mode-t);
}

.dark-mode .item-sport-badge {
    border: 2px solid var(--dark-mode);
}

.dark-mode .odds-comparesion-item-sport:hover,
.dark-mode .odds-comparesion-item-sport.active {
    background-color: #1d498c;
}

.dark-mode .odds-comparesion-item-sport:hover .item-sport-badge,
.dark-mode .odds-comparesion-item-sport.active .item-sport-badge {
    background-color: #1d498c;
}

.dark-mode .payment-boxrl-item img {
    filter: invert(1);
}

.dark-mode .odds-comparesion-content .widget-container iframe {
    box-shadow: 0 0 1px var(--dark-shadow);
}

/* 
.dark-mode .odds-bookmaker-info {
    background-color: var(--dark-mode-box);
} */

.dark-mode .odds-aside-top-bookmakers-item {
    box-shadow: 0 0 1px var(--dark-shadow);
}

.dark-mode .selections-item-toggle.active .selections-item-toggle-body {
    background-color: var(--dark-mode-box);
}

.dark-mode .selections-item-toggle.active .selections-item-toggle-head {
    background-color: var(--dark-mode-box-2);
}

.dark-mode .odds-league-list-link:hover {
    color: #2a7dfb;
}

.dark-mode .selections-item-link.active,
.dark-mode .odds-league-list-link.active {
    color: #2a7dfb;
}

.dark-mode .stack-tab-container .right-arrow {
    background: linear-gradient(to left, var(--dark-mode) 20%, transparent);
}

.dark-mode .stack-tab-container .left-arrow {
    background: linear-gradient(to right, var(--dark-mode) 20%, transparent);
}

.dark-mode .odds-content {
    background-color: var(--dark-mode-box);
}

.dark-mode #toc-container li a::before {
    background: var(--dark-mode-t-2);
    color: var(--dark-mode-t);
}

.dark-mode #toc-container ul li:hover a {
    color: var(--bs-orange) !important;
}

.dark-mode #toc-container ul li:hover a::before {
    background-color: var(--bs-orange);
}

.dark-mode #toc-container .toc-title svg {
    fill: var(--dark-mode-t-2);
}

.dark-mode .toogle-minus-plus:before,
.dark-mode .toogle-minus-plus:after {
    background-color: var(--dark-mode-t-2);
}

.dark-mode :is(.payment-related-country svg, .payment-boxrl-item svg) {
    fill: var(--dark-mode-t);
}

.dark-mode .btn-submit-review.pointer-event-none {
    background: var(--dark-mode-box);
}