.remove-margin{
	margin-top:0px;
}

#prediction-card{
	text-align:center;
	/*border-radius:10px;
	border:1px solid #eee;
		
		*/
	
}

.align-center{
	text-align:center;
}

.card-h3{
	font-size: 2rem;
	font-family:system-ui;
}

.card-h6{
	font-size: 0.8rem;
	font-weight:600;
	font-family:system-ui;
}

.card-h7{
	font-size: 0.7rem;
		font-weight:600;
	font-family:system-ui;
}

.card-h8{
	font-size: 0.6rem;
	font-family:system-ui;
}

.padding-h6{
	padding:5px;
}

.red-font{
	color:red;
}

#ef-prediction{
	font-size:2rem;
	color:#999;
	font-weight:600;
	font-family:system-ui;
}

#ef-prediction-max{
	font-size:0.8rem;
	color:#999;
	font-weight:600;
	font-family:system-ui;
}

#ef-prediction-min{
	font-size:0.8rem;
	color:#999;
	font-weight:600;
	font-family:system-ui;
}

#prediction-max-min{
	padding-bottom:10px;
}

.prediction-details{
	font-size:0.75rem;
	color:#888;
	font-family:system-ui;


}	

.forecast-panel{
	background:#09a805;
	padding:8px;
	margin-top:2px;
	font-weight:600;
	font-family:system-ui;
	color:#fff;
	text-align:center;
	font-size:0.75rem;
	
	width:100%
}

.forecast-card{
	text-align:center;
	border-radius:8px;
	border:1px solid #ccc;
	
	
}


.row2{
	display: flex;
	justify-content: space-between;
}

.simple-loading-bar-container{
	border:1px solid #ccc;
	background:#2981d7;
	background:#fff;
}

.simple-loading-bar{
	background:#003c7c;
	background:#2981d7;
}

#performance-loading-bar{
	height:5px;
}

.align-center{
	text-align:center;
}

.performance-footer{
	color:#666;
	padding:1px;
	text-align:center;
}

#income-chart-legend ul{
	margin:0px;
	font-size:0.6rem;
}

.forecast-bar{
	height:3px;
}

.loading-bar{
	height:10px;border:1px solid #ccc;padding:2px;float:left;}
.loading-bar div{	
	overflow: hidden;width: 100%;}
.loading-bar div:hover{	
	cursor: pointer;height: 100%;}
.loading-bar div.active{
	height: 100%;}
.green{
	background-color: #09A805;
	color: #ccc;
}
.dark-green{
	background-color: #136F11;
	color:#ffffff;
}
.dark-yellow{
	background-color: #ECE000;
	color: #4F4646;
}
.yellow{
	background-color: #FFFC00;
	color: #4F4646;
}
.orange-val{
	background-color: #FF7C0F;
	color: #ffffff;
}
.red{
	background-color: #FF0000;
	color:#ffffff;
}
.dark-red{
	background-color: #AD0C0C;
	color: #ECE4E4;
}
.orange
{
	color:orange;
}
	
#compareCheckBox{
	margin-right:6px;
}

#smoothCheckBox{
	margin-right:6px;
}

#fixedCheckBox{
	margin-right:6px;
}
.confidence-p{
	margin:0px auto;
	color:#666;
	font-weight:normal;
}

#confusion-matrix tr td{
	border:1px solid #666;
	padding:10px;
	font-size:0.7em;
	text-align:center;
}
.cf-val{
	font-size:1.0em;
}