.axis {
	font: 10px sans-serif;
	background-color: #fff;
}
.axis path,
.axis line {
  fill: none;
  stroke: #D4D8DA;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}
.line {
  fill: none;
  stroke: #1490d8;
  stroke-width: 5px;
}
.overlay {
  fill: none;
  pointer-events: all;
}
.hover-line {
  stroke: #ccc;
  stroke-width: 1px;
  stroke-dasharray: 2;
}
#chartArea {
  background-color: #fff;
}
.tick line{
  opacity: 0.4;
}
.tooltip {
  position: absolute;
  pointer-events: none;
  padding: 5px 12px 10px;
  background: #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  color : #666;
  display: none;
  opacity: 0.9;
}
.tt_date{
  font-weight: bold;
  font-size: 8px;
}
.tt_value{
  font-size: 12px;
}
.sat{
  fill:#1874CD;
}
.sun{
  fill:#f2594b;
}
.bar.focus{
  fill:#c1d5e6;
}
.axis--x text{
	color: #444;
}
.x-axis-text {
	color: #f00;
}