html.dark body {
    --asp-fxtr-color: #ed1b24;
}
/***********DARK********************/
.settings-toggle-input {
    display: flex;
    align-items: center;
    gap: 12px;
}

.settings-toggle-input input {
    display: none;
}

.input-toggle-label {
    position: relative;
    width: 55px;
    height: 28px;
    background: #ccc;
    border-radius: 50px;
    cursor: pointer;
    transition: 0.3s;
    display: inline-block;
}

.input-toggle-label::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 4px;
    width: 22px;
    height: 22px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s;
}

/* لما الـ checkbox يبقى متفعل */
#dark_theme:checked + .input-toggle-label {

}

#dark_theme:checked + .input-toggle-label::before {
    margin-left: 20px;
    background: var(--asp-sldr-color);
}

/* مثال لتأثير الوضع الليلي */
html.dark body  {
    background: #1c2733;
    color: #ffffff;
}
html.dark .home_vnxweb.VnxSportFixture .AspMatchItem {
        background: #151825;
        color: #fff;
        border: 1px solid #191D2D;
}


html.dark .vnx-archive {
        background: #263545;
}
html.dark .pagination-centered .pager li {
        background: #191d2d;
}
html.dark .AF_League_Header ,html.dark  .AspMatchSlider ,html.dark  .search-form-wrapper .search-form input ,html.dark   .entry-info ,
html.dark  .content_entry h1, html.dark  .content_entry h2, html.dark  .content_entry h3 , html.dark  .rtl .VnxMatchInfo ul
{
        background: #191D2D;


}
html.dark .AspMatchItem {
    background: #263545;
border-left: 2px solid #263545;
}
html.dark  .AspMatchSlider .AspMatchItem:first-of-type {
            border-right: 2px solid #263545;
}
html.dark .AspTopSliderMatch .AspSliderInner .AspMatchItem[style] {
        border-color: #263545;
}
html.dark .AspMatchSlider .AspMatchItem ,html.dark  .AspTopSliderMatch .AspSliderInner {
    border-color: #1f2024;
}
html.dark .AspMatchSlider {
        background: #263545 !important;
}
html.dark .lSAction > a {
    background: linear-gradient(#191D2D, #22273b);
}

html.dark .mobile-search-toggle-wrap button.mobile-search-toggle path {
    fill: #fff;
}

html.dark .AspTopSliderMatch .AspSliderInner {
                background: #151825;

}
html.dark .nav-mobile {
        background: #1e2337;
}

html.dark .nav-mobile-icons a.active,html.dark  .nav-mobile-icons button.active {
    color: var(--asp-sldr-color);
}

html.dark .VnxSport_menu a ,html.dark .drop-item-wrap.submenu li a {
    color: #fff !important;

}

html.dark .main-menu .current_page_item>a , html.dark .drop-item-wrap li a:hover{
    color: var(--asp-sldr-color) !important;

}
html.dark .VnxSportFixture .AF_EvStat .AF_StaText, , html.dark .post-item.d-flex:hover .title-inner , html.dark .vnx-footer a:hover , html.dark .breadcrumb-wrap .breadcrumb-path a:hover{
    color: var(--asp-sldr-color) !important;

}
html.dark .ap-news-list .ap-news-card {
    background: #191D2D;
}
html.dark .ap-news-list .ap-news-card:first-child {
        background: #191D2D;
}
html.dark .current_page_item a, html.dark .VnxSport_menu ul li:hover a {
    color: var(--asp-sldr-color) !important;
}
html.dark  .AF_TableNav_Date,html.dark  .AF_TableNav_Btn,html.dark .h1,html.dark  .h2,html.dark  .h3,html.dark  .h4,html.dark  .h5,html.dark  .h6,html.dark  h1,html.dark  h2,html.dark  h3,html.dark  h4,html.dark  h5,html.dark  h6 , html.dark .AspMatchItem .asps-result {
        color: #fff;

}
html.dark .VnxSportFixture .AspMatchItem.live .matchResult,html.dark  .VnxSportFixture .AspMatchItem.finished .matchResult,html.dark  .AspMatchItem.asp_stat_1 .matchResult,html.dark  .AspMatchItem.asp_stat_5 .matchResult{
        background: #191D2D;
    color: #fff !important;
}
html.dark .AF_LeagueDropdownToggle path {
    fill: rgb(112, 116, 136);
}
html.dark .AspTopSliderMatch .gotoDay {
    color: #ffffff;
    background-color: #121a23;
    border: 1px solid #121a23;
}
html.dark .login-btn {
    color: #0E1019 !important;
}
html.dark .settings-link-item h6 ,html.dark  .settings-toggle-input h6 {
        color: #fff;

}
html.dark .AF_FilterToggle {
}

html.dark .lSAction > a svg {
    stroke: #fff;
}
html.dark .AspTopSliderMatch .asp-filter-day .active, html.dark .allMatchesBtn {
    background: var(--asp-sldr-color);
    color: #fff;
}
html.dark .VnxSportFixture .tablinks.active {
    background: var(--asp-sldr-color);
    color: #191d2d;
}
html.dark .VnxSportFixture .tablinks {
        color: #fff;

}
html.dark .VnxSportFixture .AF_EvItem {
    background: #1c2733;
    border: 1px solid #1c2733;
}

html.dark .VnxMatchInfo li {
    background: #191c2a;
    color: #fff;
        border-bottom: solid 1px #1c2733;
}
html.dark .VnxMatchInfo ul .content {
        border-right: 1px solid #192838;
}
html.dark .footer_copyRights ,html.dark .AspMatchItem .resultDiv .AF_EvTime{
    color: #fff;
}
html.dark .vnx-footer a ,html.dark  .textwidget .site-info {
    color: #fff;
    font-weight: normal;
}
html.dark .vnx-footer {
        background: #263545;

}
html.dark .EntryHeader{
        border-bottom: 1px solid #121a23;
    background: #121a23;
}
html.dark .hed-btn{
        border-bottom: 1px solid #121a23;
    background: #121a23;
}
html.dark .Vnxinfo {
    background: #1c2733;
} 
html.dark .content_entry h1,html.dark  .content_entry h2,html.dark  .content_entry h3,html.dark  .content_entry h4,html.dark  .content_entry h5,html.dark  .content_entry h6 {
    color: #fff;
}
html.dark .VnxSportCard .AC_TeamTitle  ,html.dark  .asp-scoreboard .AC_Score ,html.dark .asp-scoreboard .AC_Separator {
    color: #fff;

}
html.dark .content_entry {
    color: #fff;

}

html.dark .drop-item-wrap ,html.dark .AF_FilterDropdown .AF_FilterMenu,html.dark  .AF_FilterDropdown .AF_FilterMenu {
    background: #1e2337;
        border-color: #191D2D;
    -webkit-box-shadow: 0 10px 20px #191D2D;
    box-shadow: 0 10px 20px #191D2D;
}

html.dark .AF_FilterMenu .button{
    background: #0E1019;
        border-color: #0E1019;
    -webkit-box-shadow: 0 10px 20px #0E1019;
    box-shadow: 0 10px 20px #0E1019;
}
html.dark .AF_FilterMenu .settings-wrapper + .settings-wrapper {
        border-color: #0E1019;

}


html.dark .settings--item-wrap {
    border-color : #70748842;
}
html.dark a ,html.dark .home_vnxweb.VnxSportFixture .AspMatchItem .asps-team span,html.dark .AspMatchItem .asps-team span ,html.dark .title-inner{
color: #fff;
    
}
html.dark .AspSliderInner .aspwp-ajaxLoad {
    background: #191d2d;
}
html.dark .ap-load-more{
    background: #191D2D;
    color: #fff;
    border: 1px solid #121a23;
}
html.dark .ap-load-more:hover {
        color: var(--asp-sldr-color) !important;

}
html.dark .content_entry .post_tags a {
    background: #111827;
    color: #ffffff;
}

html.dark .AspMatchItem.live .asps-status{
    color: rgb(255 7 7);
}
html.dark .post-item.d-flex ,html.dark .ys-contact-card {
    background: #263545;
}

html.dark .timezone-menu {
    border: 1px solid #191d2d;
    background: #191d2d;
    box-shadow: 0 8px 20px #191d2d17;
}
html.dark .timezone-option:hover {
    background: #22273b;
}
html.dark .af-custom-scrollbar-thumb {
  background: rgba(255, 255, 255, 0);
}

html.dark .af-scroll-wrap:hover .af-custom-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.65);
}

html.dark .af-scroll-wrap:hover .af-custom-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.9);
}
html.dark input#search {
    color: #fff;
}

html.dark .aspi_matchTabs .aspi_tab {
        color: #fff !important;
}
html.dark button.aspi_tab.is-active {
    color: var(--asp-sldr-color) !important;
}
html.dark .aspi_lineup ,html.dark .aspi_title ,html.dark .stncard ,html.dark #aspi_evebody li h3{
        background: #191c2a;
}
html.dark .aspi_lineup li b ,html.dark .aspi_title {
        color: #fff;
}
html.dark .aspi_lineup li {
    border-bottom: solid 1px #2c3147;
}
html.dark #aspi_evebody li h3 {
    border: 1px solid #262c45;
}
html.dark #aspi_evebody li>span {
    border: 1px solid #262c45  !important;
    background: #191c2a !important;
    color: #b3bbdd;
}
html.dark .ys-profile-row {
        background: #191c2a;
}
html.dark .breadcrumb-wrap , html.dark  .ys-comment-item ,html.dark .ajax-auth-box {
    background: #263545;
    border-color: #1c2733;
}
html.dark textarea,html.dark input,html.dark .ys-contact-desc,html.dark .VnxSportFixture .AF_Data .AF_EvTime,html.dark .breadcrumb-wrap .breadcrumb-path a ,html.dark .ys-profile-row span , html.dark  .ys-profile-row span , html.dark  .ys-comment-post strong , html.dark  .ys-comment-content ,html.dark  .ajax-auth-box label , html.dark .comments-area .comment-list .comment-content , html.dark .comments-area .comment-list .comment-metadata a{
    color: #fff;
}
html.dark .ys-comment-link a , html.dark  .switch-form-text a{
    color: var(--asp-sldr-color) !important;
}
html.dark .ys-comment-date {
        color: #fff;
    background: #0e1019;
}
html.dark .entry-header {
        background-color: #191d2d;
}
html.dark  .box.clearfix.comments ,html.dark .comments-area .comment-list .reply a {
        background: #191d2d;
}
html.dark .comments-t , html.dark  .comment-list article.comment-body {
    background: #0e1019;
}
html.dark .comment-respond #comment,html.dark .comment-respond #author,html.dark .comment-respond #email,html.dark .comment-respond #url ,html.dark .ys-contact-field input,html.dark .ys-contact-field textarea{
    background: #1c2733;
    border: 1px solid #1c2733;
}
html.dark .comment-respond h3.comment-reply-title {
        border-bottom: 1px solid #262c43;
}
html.dark .comment-respond #comment:focus,html.dark  .comment-respond #author:focus,html.dark  .comment-respond #email:focus,html.dark  .comment-respond #url:focus {
        background: #1c2031;

}
html.dark a.drop-toggle.settings-toggle {
    background: #fff;
}
html.dark a.drop-toggle.settings-toggle path#setting_1_ {
    fill: #191d2d;
}

html.dark .entry-share ul .twitter {
    color: #fff;
}
html.dark .asp-font.VnxSportCard.match-status__5 + .aspi_tabs_inner .aspi_matchTabs {
            background: #1c2031 !important;
            border: 1px solid #1c2031;

}

.logo-dark {
    display: none;
}

html.dark  .logo-light {
    display: none;
}

html.dark  .logo-dark {
    display: inline-block;
}
html.dark #aspi_evebody .eveblock ,html.dark  #aspi_evebody div.r .eveblock::after , html.dark #aspi_evebody div.l .eveblock::after{
    background-color: #262c45 !important;
    border: 1px solid #262c45 !important;
}
html.dark #aspi_events::after {
        background-color: #262c45;

}
html.dark #VnxSport_header {
        width: 100%;
    background: #263545;
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
    position: relative;
}
html.dark .VnxSportFixture .AF_Title{

    border-bottom: 1px solid #121a23;

    background: #121a23;

}
html.dark .tmz-name span.timezone-summary-text{
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.3);
    background: #121a23;
    color: #fff;
}
html.dark .VnxSportFixture {
    box-shadow: 0 0 4px rgb(0 0 0 / 30%);
    background: #263545;
}
html.dark .MT_Info {
        border-top: 1px solid #2b3b4d;
}
html.dark .SINGLECard{
        background: #263545;
}
html.dark .fwd-title .title {
        color: #ffffff;
    border-bottom: #384e66 solid 1px;
}

html.dark .navbar-toggler-icon i::before, html.dark .navbar-toggler-icon i::after ,  html.dark .navbar-toggler-icon i{
    background: #fff;
}

html.dark .vnx_title {
        background: #121a23;
        color: #ffffff;
}
html.dark .vnx_lineup{
    background: #1c2733;
}
html.dark .vnx_lineup li b {
        color: #ffffff;
}
html.dark .vnx_matchTabs {
    background: #1c2733;
}
html.dark .vnx_matchTabs .vnx_tab {
    color: #fff !important;
}
html.dark #vnx_evebody .eveblock , html.dark #vnx_evebody li h3 ,html.dark  #vnx_evebody li > span{
    background-color: #1c2733 !important;
    border: 1px solid #1c2733 !important;
}
html.dark #vnx_evebody div.r .eveblock::after {
    background: #1c2733!important;
    border-left: 1px solid #1c2733!important;
    border-bottom: 1px solid #1c2733 !important;
}
html.dark #vnx_evebody div.l .eveblock::after {
        background: #1c2733 !important;
    border-left: 1px solid #1c2733 !important;
    border-bottom: 1px solid #1c2733 !important;
}
html.dark #vnx_events::after {
        background-color: #3a5470;
}
html.dark .ap-news-list .ap-news-card .ap-time {
        color: rgb(176 178 186);
}
html.dark .vnx-footer a:hover, html.dark .textwidget .site-info :hover{
        color: var(--asp-sldr-color) ;

}