* {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}

body {
	/*text-align: center;*/
}

.buttons-holder {
	text-align: left;
	position: absolute;
	right: 0;
}

.buttons-holder label {
	display: block;
	cursor: pointer;
}

.buttons-holder input[type=radio] {
	background-color: transparent;
}

.buttons-holder h3 {
	font-weight: bold;
}

.label {
	font-size: 1.15em;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	fill: rgba(15, 15, 15, 0.72);
}

.unit, .average-text, .legend text, .normal-text {
	font-size: 1em;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	fill: rgba(15, 15, 15, 0.72);
	opacity: 1.0;
}

.zero-line {
	fill: black;
	stroke: black;
	opacity: 1;
	stroke-dasharray: 5,3;
}

.hidden {
	opacity: 0.0
}

.x-axis .domain {
	stroke: rgba(0,0,0,0);
}

.tick text {
	font-size: 1.25em;
	font-weight:bold;
}

.x-axis .tick line {
	stroke-width: 0.2%;
}

.y-axis line, .y-axis path {
	stroke: rgba(162, 162, 162, 0.58);
}

* {
	transition: all 0.4s ease-in-out;
}

path.first-link {
	opacity: 0;
	stroke-width: 6px;
	stroke: rgba(171, 156, 156, 0.82);
}

path.first-link.active {
	opacity: 0.95;
}

.links {
	fill: none;
	stroke-width: 4px;
	stroke: rgba(171, 156, 156, 0.1);
}

.links.active {
	stroke-width: 6px;
	stroke: rgba(171, 156, 156, 0.95);
}

circle.point, circle.legend-point {
	fill: rgba(39, 43, 212, 0.5);
	r: 5px;
	stroke-width: 0px;
	stroke: rgba(39, 43, 212, 0.5);
}

circle.point.active {
	fill: rgba(2, 18, 90, 1);
	stroke: rgba(2, 18, 90, 1);
	stroke-width: 5px;
	opacity: 1;
}

.title {
	font-family: 'Open Sans', sans-serif;
	font-size: 2.15em;
	font-weight: 300;
}

.continent-name {
	transform: translate(-50px, 3px);
	fill: rgba(199, 149, 149, 0.75);
	font-size: 1em;
	font-weight: normal;
}
.continent-name.active {
	fill: rgba(0,0,0, 1.0);
	font-size: 1.3em;
	font-weight: bold;
}

.legend rect {
	fill: none;
	stroke: black;
	stroke-width: 1px;
}

.legend rect {
	fill: none;
}