.dashboard_diagram
{
	padding-right:15px;
}

.dashboard_diagram .zone_wrapper
{
	position:relative;
	width:100%;
	height:100px;
	
	box-sizing:border-box;
	border-bottom:1px solid #888888;
	
	font-size:11px;
}

.dashboard_box.huge .dashboard_diagram .zone_wrapper
{
	height:250px;
}

.dashboard_diagram .top_border_wrapper
{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	border-top:1px solid #cccccc;
	box-sizing:border-box;
}

.dashboard_diagram .legend
{
	position:absolute;
	left:0px;
	background-color:white;
	width:40px;
	text-align:right;
	padding-right:5px;
}

.dashboard_diagram .legend.top
{
	margin-bottom:-8px;
}

.dashboard_diagram .legend.bottom
{
	bottom:0%;
	margin-bottom:-5px;
}

.dashboard_diagram .barchart_wrapper
{
	height:100%;
	margin-left:50px;
}

.dashboard_diagram .barchart_wrapper .bar_wrapper
{
	float:left;
	position:relative;
	height:100%;
}

.dashboard_diagram .barchart_wrapper .bar_wrapper .bar_filled
{
	bottom:0%;
	position:absolute;
}

.dashboard_diagram .barchart_wrapper .bar_wrapper .bar_empty
{
	bottom:0%;
	position:absolute;
	box-sizing:border-box;
}

.dashboard_diagram .legend_years
{
	font-size:11px;
	font-weight:bold;
	padding-left:50px;
	padding-top:5px;
}

/* energy diagram - default case */

.dashboard_diagram .bar_filled
{
	background-color:#94734E;
}

.dashboard_diagram .bar_empty
{
	border:1px solid #94734E;
}

/* heat diagram */

.dashboard_diagram.heat .bar_filled
{
	background-color:#D58712;
}

.dashboard_diagram.heat .bar_empty
{
	border:1px solid #D58712;
}

/* electricity diagram */

.dashboard_diagram.electricity .bar_filled
{
	background-color:#7D34E3;
}

.dashboard_diagram.electricity .bar_empty
{
	border:1px solid #7D34E3;
}

/* water diagram */

.dashboard_diagram.water .bar_filled
{
	background-color:#0FAEF0;
}

.dashboard_diagram.water .bar_empty
{
	border:1px solid #0FAEF0;
}