body {
  font-family: 'Open Sans', sans-serif;
}
.axis path,
.xaxis line, 
.xaxislower line,
.xaxislower path
{
  fill: none;
  stroke: none;
  shape-rendering: crispEdges;
}


.area {
  fill: #E2F7FA;
  opacity: .7;
}


.line{
  fill   : none;
  stroke : #6FD6E8;
  stroke-width: 2;
  
}

.hovercircle{
  stroke: none;  
   fill: #6FD6E8;
}
.hovercirclebig{
  stroke: none;  
   fill: #24712E ;

}

.grid .tick {
    stroke: lightgrey;
    opacity: 0.5;
   /*stroke-dasharray:3,3;*/
}
.grid path {
      stroke-width: 0;
}


#pricevalue{
  position: relative;
  width: 82px;
  height: 25px;
  display: none;
  background-color: #00B43C;
  color: white;
  font-size: 15px;
  line-height: 1;
  font-weight: bold;
  padding: 5px;
  border-radius: 10px;
  top:10px;
  left:10px;
  z-index: 99999;
}
#price{
  padding: 4px;
  text-align: center;
}
#arrow{
  position: relative;
  width: 14px;
  height: 14px;
  display: block;
  background-color: #00B43C;
  line-height: 1;
  font-weight: bold;
  top:0px;
  left:34px;
  transform: rotate(45deg); 
}

.hover-line { 
  stroke: #E20010;  
  fill: none;
  stroke-width: 1px;
  stroke-dasharray:3,3;
}


/*.xaxislower path {
  display: none;
}*/
/*
.yaxislower path {
  display: none;
}*/