@charset "UTF-8";

body {
	font: 100% Arial;
	-moz-user-select: none; 
	-khtml-user-select: none; 
	user-select: none; 
}

.headline {
	font-size: 17px;
	font-weight: bold;
	fill: #000;
	color: #000;
}
.subline {
	font-size: 12px;
} 
.source {
	font-size: 10px;
}
.annotation {
	font-size: 8px;
}

/*path {
	stroke: rgb(42, 107, 183);
	stroke-width: 3;
	fill: none;
}*/

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

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

.grid .tick {
	stroke: lightgrey; 
	stroke-width: 1;
	opacity: 0.7;
}
.grid path {
	stroke: lightgrey; 
	stroke-width: 0;
}

.textAxis {
	font: 15px Arial;
}

div.tooltip {
	position: absolute; 
	text-align: center;
	width: 65px;
	height: 28px;
	padding: 2px;
	padding-top: 3px;
	font: 12px sans-serif;
	font-weight: bold;
	background: rgb(255, 255, 255);
	/*background: rgb(255, 255, 204);*/
	border: solid;
	border-width: 2px;
	border-radius: 6px;
	border-color: rgb(42, 107, 183);
	pointer-events: none;
}

rect {
	fill: rgb(42, 107, 183);
}


rect.figures {
	fill: rgb(255, 255, 255);
	pointer-events: none;
	
}
rect.years {
	fill: rgb(255, 255, 255);
	stroke: rgb(42, 107, 183);
	stroke-width: 2;
	pointer-events: none;	
}

circle.valueline1 {
	fill: rgb(0, 83, 130);
	stroke: white;
	stroke-width: 2;
	pointer-events: none;
}
circle.valueline2 {
	fill: rgb(156, 36, 36);
	stroke: white;
	stroke-width: 2;
	pointer-events: none;
}
circle.valueline3 {
	fill: rgb(156, 36, 36);
	stroke: white;
	stroke-width: 2;
	pointer-events: none;
}

.valueline1 {
	stroke: rgb(0, 83, 130);
	stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
	fill: none;
}
.valueline2 {
	stroke: rgb(156, 36, 36);
	stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
	fill: none;
}
.valueline3 {
	stroke: rgb(119, 156, 193);
	stroke-width: 3;
    stroke-linejoin: round;
    stroke-linecap: round;
	fill: none;
}

.area {
	fill: rgb(226, 238, 240); 
	stroke-width: 0;
	opacity: 0.2;
}

.lineFigures {
	fill: black;
	font: 12px sans-serif;
	font-weight: bold;
	text-anchor: middle;
	background-color: rgb(255, 255, 255);
	pointer-events: none;
}

.linelabels {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	pointer-events: none;
}
#linelabel1 {
	fill: rgb(156, 36, 36);
}
#linelabel2 {
	fill: rgb(0, 83, 130);
}
#linelabel3 {
	fill: rgb(119, 156, 193);
}

.bar.positive {
  fill: rgb(0, 83, 130);
}

.bar.negative {
  fill: rgb(156, 36, 36);
}

.barFigures {
  fill: white;
  font: 12px sans-serif;
  font-weight: bold;
  text-anchor: middle;
  pointer-events: none;
}

.barFigures.zero {
  fill: black;
  font: 12px sans-serif;
  font-weight: bold;
  text-anchor: middle;
}

.button {
	color: #fff;
	background: rgb(200, 200, 200);
	font-size: 12px;
	width: 135px;
	height: 20px;
	border: none;
	border-radius: 5px;
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
}