body {
  background-color: black;
  padding-left:     50px;
}

.sitename {
  z-index: 9;
  top:     30px;
}

.btn-group {
  z-index: 10;
}

#barchart {
  margin-top: 20px;
}

#heatmap {
  width:  300px;
  height: 400px;
}

path {
  fill:         #000;
  fill-opacity: .2;
  stroke:       #FFF;
  stroke-width: 1.5px;
}

path:hover {
  fill:         brown;
  fill-opacity: .7;
}

rect.month_bar_rect {
  fill: silver;
}

rect.month_bar_rect:hover {
  fill: red;
}

text.month_bar_text {
  fill:        white;
  font:        10px sans-serif;
  text-anchor: middle;
}

.node-focus {
  stroke:  yellow !important;
  opacity: 1 !important;
}

.node-locked {
  stroke:  #FF8C00 !important;
  opacity: 1 !important;
}

.axis {
  font-color: white;
}

circle {
  stroke:       white;
  stroke-width: 2px;
  opacity:      .5;
}

.label {
  fill:      white;
  font-size: 16px;
}

svg.circle_legend {
  top:      0;
  left:     650px;
  position: fixed;
}

d3-dashboard svg {
  top:      70px;
  left:     100px;
  position: absolute;
}