body {

	background-color: black;

}



.QUADRANT_empty, .QUADRANT {

	background-color: rgba(255,255,255,.2);

	background-image: url(../images/quadrant_inverted.png);

}


.QUADRANT:hover {

	outline: solid 1px rgba(255,255,255,.1);
}



#INFOCARD {


	background-color: rgba(0,0,0,.5);

	border: 1px rgba(255,255,255,.2) solid;

	color: white;


}


.PEACE_SIGN {


	filter: invert(0%);


}

.peace_treaty_base circle {
	
	stroke: black;
	
}


.peace_treaty_duration circle {
	
	stroke: rgba(255,255,255,.9);
	
}




#COLOR_HISTORY {
		
	background-color: black;

}


#ABDUNKLER {
	
	background-color: rgba(255,255,255,.1);

	
}

#SCHLIESSEN div {
	

	background-color: white;
	
	
}


.dataviz_timesegment div div {


	color: rgba(255,255,255,.5);

}


.dataviz_timemarker {

	
	color: white;
	
	border-left: solid white 1px;
	
	
	
}






#TAB_BAR, #TAB_BAR_desktop {

	filter: invert(100%);

}


#TAB_BAR button:disabled, #TAB_BAR_desktop button:disabled {

	opacity: .2;

}