/** DARK MODE STYLE ADDS V1 */
body {
    background: var(--src-black);
    color: var(--src-alpine);
}

a {
    color: var(--color-white-lilac);
}
div#mc_body {
    background: var(--src-black);
}
 
/* SCOREBOARD */
div.leftAreaScoreboard {        
    background: var(--src-black);    
    border: 1px solid var(--color-ebony);
}
div.leftAreaScoreboard .scoreboardnav {  
    background: none;
    border-bottom: 5px solid var(--color-ebony);
} 

div.leftAreaScoreboard .scoreboardnav a {
    background: var(--color-ebony);
    border-top: 1px solid var(--color-ebony);
    border-right: 1px solid var(--color-ebony);
    border-left: 1px solid var(--color-ebony);
    color: var(--src-alpine); 
} 
div.leftAreaScoreboard .scoreboardnav a.active {
    background: var(--src-black);
    border-top: 1px solid var(--color-ebony);
    border-right: 1px solid var(--color-ebony);
    border-left: 1px solid var(--color-ebony);
    color: var(--src-alpine); 
} 
div.leftAreaScoreboard .scoreboardresults { 
    background: var(--src-black);
}       
    div.leftAreaScoreboard .scoreboardresults .scoreboardresults_head {   
        background: var(--src-salems-fur);
        color: var(--src-alpine);
    }  
        div.leftAreaScoreboard .scoreboardresults .scoreboardresults_content .scoreboardresults_contentrow_dark:nth-child(odd) {   
            background: var(--src-black); /* --src-salems-fur */
        }                        
        div.leftAreaScoreboard .scoreboardresults .scoreboardresults_content .scoreboardresults_contentrow_dark:nth-child(even) {   
            background: var(--color-ebony); /* #262c3b; */ 
        } 
    
 
/** Commentary / LTC */   

div.leftArea div.leftAreaCommentary {
    background: var(--src-black);
    border: solid 1px var(--color-ebony);
    color: var(--src-alpine); 
}
div#mc_content_modul2_commentary_content {
    background: var(--src-black);
}
    div#mc_content_modul2_commentary_content_inner {
        background: var(--src-black);
    }
    div#mc_commentary_item_1 {
        background: var(--src-black); /* var(--src-salems-fur); */
        border-bottom: 1px solid var(--color-ebony);
    }
    div#mc_commentary_item_0 {
        background: var(--color-ebony); 
        border-bottom: 1px solid var(--color-ebony);
    }
        /* refresh button /text */
        #mc_content_modul2_segment2_reloadtext span.refreshcontent {
            background-color: transparent;
            background-image: url(/de/live/center5_0/images/t-online/refresh_icon_darkmode2aa.png);
        }
        #mc_content_modul2_segment2_reloadtext span.refreshcontent:after {
        	color: var(--src-alpine); 
        }
    
    div#mc_content_modul2_timeline { 
        border: 1px solid var(--color-ebony);  
    }
        div#mc_content_modul2_timeline_image {
            background: var(--src-black); 
        }
    
    

/** Segment 3 */

/* "Platzierung" + "Wertung" */
div.rightArea div.rightAreaGameplan div.rightAreaGameplanNavi {
    border: 1px solid var(--color-ebony);
}
    div.rightArea div.rightAreaGameplan div.rightAreaGameplanNavi a {  
        background: var(--color-ebony);
        border: 1px solid var(--color-ebony);
        border-left: 1px solid var(--color-ebony); 
        border-right: 1px solid var(--color-ebony);  
        border-top: 1px solid var(--color-ebony);
        color: var(--src-alpine);  
    }           
    div.rightArea div.rightAreaGameplan div.rightAreaGameplanNavi a.active {
        background: var(--src-black);
        border-left: 1px solid var(--color-ebony);
        border-right: 1px solid var(--color-ebony);  
        border-top: 1px solid var(--color-ebony);
        color: var(--src-alpine); 
    }
    div.rightArea div.rightAreaGameplan div.rightAreaGameplanNavi .rightAreaGameplanNaviInner {
        border-bottom: 1px solid var(--color-ebony);
    }
    
    div.rightAreaGameplanContent #resultsField {  
        border: 1px solid var(--color-ebony);
    }   

        #resultsField .scoreboardresults_head {
            background: var(--src-black);
            border-bottom: 1px solid var(--color-ebony);
            color: var(--src-alpine);
        }
            #resultsField .scoreboardresults_content .scoreboardresults_contentrow_1 {
                background: var(--src-black);
                border-bottom: 1px solid var(--color-ebony);
            }
            #resultsField .scoreboardresults_content .scoreboardresults_contentrow_0 {
                background: var(--color-ebony);
                border-bottom: 1px solid var(--color-ebony);
            }
        
        .resultDropdown .resultDropdownFields {
            background: var(--src-black);
            border: 1px solid var(--color-ebony);
         }  
            .resultDropdown .resultDropdownFields span {
                border-bottom: 1px solid var(--color-ebony);
            }
            .resultDropdown .resultDropdownFields span:hover {
                background: var(--color-ebony);
                border-bottom: 1px solid var(--color-ebony);
                color: var(--src-alpine);
            }       
            .resultDropdown .resultDropdownFields span:focus {
                background: var(--color-ebony);
                border-bottom: 1px solid var(--color-ebony);
                color: var(--src-alpine);
            }
            
    .scoreboardresults_content {
        background: var(--src-black);
    }
    
/* "Wertung"  */

div.rightAreaGameplanContent #wertungenField {
    border: 1px solid var(--color-ebony);
}
#resultsField .scoreboardresults_content .scoreboardresults_contentrow_dark {   
    background: var(--src-black);
    border-bottom: 1px solid var(--color-ebony);
}                      
#resultsField .scoreboardresults_content .scoreboardresults_contentrow_bright {   
    background: var(--color-ebony);
    border-bottom: 1px solid var(--color-ebony);
}               

#wertungenField .scoreboardresults_head {   
    background: var(--src-black);
    border-bottom: 1px solid var(--color-ebony);
    color: var(--src-alpine);
}          
#wertungenField .scoreboardresults_content_wertungen .scoreboardresults_contentrow_dark {   
    background: var(--src-black);
}                      
#wertungenField .scoreboardresults_content_wertungen .scoreboardresults_contentrow_bright {   
    background: var(--color-ebony);
}               
#wertungenField .scoreboardresults_content_wertungen .scoreboardresults_contentrow_0 {   
    background: var(--color-ebony);
    border-bottom: 1px solid var(--color-ebony);
}                      
#wertungenField .scoreboardresults_content_wertungen .scoreboardresults_contentrow_1 {   
    background: var(--src-black);
    border-bottom: 1px solid var(--color-ebony);
}   

/* Segment 4*/
/** lineup */
div.rightArea div.rightAreaFormation div.rightAreaFormationNavi a {
    background: var(--color-ebony);                       
    border: 1px solid var(--color-ebony);
    border-left: 1px solid var(--color-ebony);
    border-right: 1px solid var(--color-ebony);
    color: var(--src-alpine);  
}               
div.rightArea div.rightAreaFormation div.rightAreaFormationNavi a.active {
    background: var(--src-black);
    border-left: 1px solid var(--color-ebony);
    border-right: 1px solid var(--color-ebony);  
    border-top: 1px solid var(--color-ebony);
    color: var(--src-alpine); 
}                 

div.rightArea div.rightAreaFormation div.rightAreaFormationContent {
    border: 1px solid var(--color-ebony);
}

.startinggrid .gridelement_left .gridelement_left_data .gridelement_left_data_rank {  
    color: var(--src-alpine);
}
/* track infos */
div#mc_streckeninfo { 
    background: var(--src-salems-fur);
}
    div#mc_streckeninfo_spacer {
        background:var(--src-salems-fur);
    }
    div#mc_streckeninfo_text_spacer {
        background:var(--src-salems-fur);
    }
    
/* profile */
.opta-widget-container .profile-container .profile dt,
.opta-widget-container .profile-container .profile dd {
    color: var(--src-alpine);
}
    