@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;
}

#countrybox {
	position: absolute;
	top: -3px;
}

#barchartindex {
	position: absolute;
	top: 40px;
}

#barchart {
	position: absolute;
	top: 125px;
}

#barchart2 {
	position: absolute;
	top: 210px;
}

#barchart3 {
	position: absolute;
	top: 295px;
}

#barchart4 {
	position: absolute;
	top: 380px;
}

#barchart5 {
	position: absolute;
	top: 465px;
}

#barchart6 {
	position: absolute;
	top: 550px;
}

#bigbarchart {
	position: relative;
}

.bar {
  fill: steelblue;
}

.bar:hover {
  fill: #f78181;
}

.axis {
  font: 10px sans-serif;
}

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

.axis text {
	fill: black;
}