/* 13. Basic Styling with CSS LinePlot*/

	/* Style the lines by removing the fill and applying a stroke */
	.line {
	    fill: none;
	    stroke: #333;
		stroke-width: 3;
	}
	
	.line:hover {
	    stroke: black;
	}
	  
	.thinline {
		fill: none;
		stroke: #333;
		stroke-width: 2;
	}
	
	.thinline:hover {
		stroke: black;
	}
	  
	.overlay {
	  fill: none;
	  pointer-events: all;
	}

	/* Style the dots by assigning a fill and stroke */
	.dot {
		stroke: #ffab00;
		fill: #D99E9E;
	}
	.dot1 {
		fill   : #e59cb3;
		stroke : #4b1a29;
	}
	.dot2 {
		fill   : #90EE90;
		stroke : #008000;
	} 
	.focus circle {
	  fill: none;
	  stroke: steelblue;
	}
	
	.hidden{
		display:none;
		/*fill: #ccc !important;*/
	}