/* Baierfeld */
body {
	background-color:#000!important;
	color:#fff;
}
.text-dark {
  color: #fff!important;
}
.py-3 {
  padding-bottom: 0 !important;
}
#canvas-all {
	width:400px;
	height:400px;
}
@media only screen and (max-width: 800px) {
	#canvas-all {
		width:200px;
		height:200px;
	}
}
.gauge-container {
	width:100%;
	margin-top:10px;
}
#myMonth {
	cursor:pointer;
}
h2 {font-size:20px;}
td {padding: 5px;border:2px solid #555!important;}

#progressBar {color: #000;height: 22px;border: 1px solid #111;background-color: #fff;}
#progressBar div {height: 100%;color: #000;text-align: center;line-height: 22px;width: 0;background-color: #0099ff;}
.progressBar_1 {width: 88.9%;color: #000;}
.progressBar_2 {width: 88.9%;color: #000;}
.progressBar_3 {width: 100%;color: #000;}
.progressBar_4 {width: 82.1%;color: #000;}
.default {
	background: #292929;
	border: 1px solid #111;	
	border-radius: 5px;	
	overflow: hidden;
	box-shadow: 0 0 5px #333;				
}
.default div {
	background-color: #000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0099FF), to(#000)); 
	background: -webkit-linear-gradient(top, #0099FF, #000); 
	background: -moz-linear-gradient(top, #0099FF, #000); 
	background: -ms-linear-gradient(top, #0099FF, #000); 
	background: -o-linear-gradient(top, #0099FF, #000);
	float:left;
}