html,body,#wrapper {
	width: 100%;
	height: 500px;
	margin: 0px;
}

/*
.chart {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
 */
 
.chart {font-family: 'Source Sans Pro', sans-serif; font-size: 14px; line-height: 24px; font-weight: 300;}


.axis path,.axis line {
	fill: none;
	stroke: #000;
	shape-rendering: crispEdges;
}

.bar-white {
	fill: #FFFFFF;
}

.bar {
	fill: #33b5e5;
}

.bar-red {
	fill: #A30029;
}

.bar-green {
	fill: #669900;
}

.bar-blue1 {
	fill: #35BFF0;
}

.bar-blue2 {
	fill: #006A8A;
}

.bar-black {
	fill: #2E373C;
}
	
.bar-yellow {
	fill: #ffbb33;
}