@charset "UTF-8";
/* CSS Document */
text {
	font-family: sans-serif;
	font-size: 12px;
	fill: white;
}

#tooltip {
	position: absolute;
	width: auto;
	height: auto;
	padding: 10px;
	background-color: white;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
	-mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4) pointer-events: none;
}

#tooltip.hidden {
	opacity: 0;
}

#tooltip p {
	margin: 0;
	font-family: sans-serif;
	font-size: 14px;
	line-height: 20px;
}  

path.area:hover {
	/* Highlight areas on mouseover */
	fill : #f78181 !important;
}

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

.axis text {
    font-family: sans-serif;
    font-size: 10px;
	font-style: light;
	font-variant: normal;
	font-weight: light;
    }