/*barchart css*/
body {
  font: 10px sans-serif;
  background-color: rgb(40,40,40);
  color: #d8d8d8;
}

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

.bar {
  fill: steelblue;
}

.x.axis path {
  /*display: none;*/
}


.tooltip{
  text-anchor: middle;
  font-family: sans-serif;
  font-size: 10px;
  font-weight: bold;
  fill:#d8d8d8;
}

label {
  position: absolute;
  top: 222px;
  right: 35px;
  color: #D8D8D8;
}

svg.barFigure{
  display: block;
  margin: 0 auto;
  padding: 5px;
}

/*calender css*/
.calender-map {
  font: 10px sans-serif;
  shape-rendering: crispEdges;
}
.day {
  stroke: #222222;
  cursor: hand;
  cursor: pointer;
}
.month {
  fill: none;
  stroke: #222222;
  stroke-width: 5px;
}
.RdYlGn .q0-11{fill:rgb(165,0,38)}
.RdYlGn .q1-{fill:rgb(215,48,39)}
.RdYlGn .q2-11{fill:rgb(244,109,67)}
.RdYlGn .q3-11{fill:rgb(253,174,97)}
.RdYlGn .q4-11{fill:rgb(254,224,139)}
.RdYlGn .q5-11{fill:rgb(255,255,191)}
.RdYlGn .q6-11{fill:rgb(217,239,139)}
.RdYlGn .q7-11{fill:rgb(166,217,106)}
.RdYlGn .q8-11{fill:rgb(102,189,99)}
.RdYlGn .q9-11{fill:rgb(26,152,80)}
.RdYlGn .q10-11{fill:rgb(0,104,55)}