/*CSS for page specific modifications of either global.css or sections.css rules*/
h3 {
	margin-top:0px;
	}

	
#stacked-area-chart-container {
	width:100%;
	padding-top:2em; 
	margin-bottom:-10px;
	background-color:#fff;
	box-shadow: 0 4px 12px  rgba(64,60,67,.16)/*0 1px 3px rgba(0,0,0,0.12), 0 1px 5px rgba(0,0,0,0.24)*/;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#stacked-area-chart-container:hover {	
	box-shadow: 0 3px 6px rgba(0,0,0,0.12), 0 2px 10px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
#container {margin-left:auto; margin-right:auto; height:500px !important; width:100% !important;}

.highcharts-title, .highcharts-subtitle {
	display:none;
	}

.highcharts-legend-item > text {
	cursor: pointer;
	font-family:'Roboto Condensed', sans serif;
	font-size: 12px !important;
}

.highcharts-legend-box{
	
}

g.highcharts-legend {
	visibility: visible;
}