/* 
// Make sure to change the name of the font 
// in the webfont.js loader in index.html
*/
@import url(//fonts.googleapis.com/css?family=Cutive); 

svg {
	font-size: 14px;
}

svg rect[id*="ground"] {
	fill: #fff;
	stroke: none;
}

svg rect[id*="plotArea"] {
	fill: none;
	stroke: none;
}

svg .axis line {
	fill: none;
	shape-rendering: crispEdges;
}

svg .axis g.zero line {
		stroke: #999999;
}

svg g[id*="xAxis"] line {
	stroke: #e6e6e6;
}

svg g[id*="xAxis"]{
	fill: #999999;
}

svg .axis path {
	stroke: none;
	fill: none;
}

svg .axis text {
	font-family: 'Roboto',Helvetica, sans-serif;
}

svg .legendItem text {
	font-family: 'Roboto',Helvetica, sans-serif;
}

svg text.metaText {
	font-family: 'Roboto',Helvetica, sans-serif;
	font-size:  10px;
	text-rendering:   optimizeLegibility;
	fill:  #999999;
}

svg text.barLabel, 
svg text.bargridLabel {
	font-family: 'Roboto',Helvetica, sans-serif;
}

/*Default styling of series*/

svg path.seriesLine {
	stroke-width: 3px;
	stroke-linejoin: round;
	stroke-linecap: round;
	fill: none;
}

svg .seriesScatter circle {
	stroke:#fff;
	stroke-width:1;
}

text[id*="titleLine"] {
	font-family: 'Roboto',Helvetica, sans-serif;
	fill: #999999;
	font-size: 20px;
}

/* mobile */
@media(max-width: 1120px){
	svg .legendItem text{
		font-size:12px;
	}
	svg .axis text{
		font-size:11px;
	}
}