.chart{
  background-color: white;
}

.main text {
	color: #333;
}

.axis line, .axis path {
  fill: none;
  stroke: #333;
  shape-rendering:crispEdges;
	stroke-width: 2;
}

.dot {
  stroke: black;
  fill: #333;
}

.dot:hover {
  fill: #D3D3D3;
}

#scatterplotId{
	margin-left:	0px;
	margin-right:	40px;
  margin-bottom: 10px;
	border-spacing:	 0px;
  padding-left: 18px;

}

.scatterplotClass{
  float: left;
	margin-left:	0px;
	margin-right:	0px;
	border-spacing:	0px;	
}

.scatterplotLabels{
  font-weight: bold;
  font-size: 12px;
  stroke: white; 
  stroke-width:.3px;
  fill: black;  
}

.axis-label{
   text-anchor:end;
   font-size:15px;
}
   

.d3-tip {
  line-height: 1;

  /*font-weight: bold;*/
  padding: 2px;
  background: white;
  border: 3px #D3D3D3;
  color: #D3D3D3;
  fill:red;
  border-radius: 1px;
  border-style: solid; 

}



.hover-line { 
  stroke: #D3D3D3;  
  fill: none;
  stroke-width: 2px;
  stroke-dasharray: 5,5; 

}