#treeChart {
  background: #fff;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#treeChart .title {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
}
#treeChart text {
  pointer-events: none;
}

#treeChart .grandparent text {
  font-weight: bold;
}

#treeChart rect {
  fill: none;
  stroke: #fff;
}

#treeChart rect.parent,
.grandparent rect {
  stroke-width: 2px;
}

#treeChart rect.parent {
    pointer-events: none;
}

#treeChart .grandparent rect {
  fill: orange;
}

#treeChart .grandparent:hover rect {
  fill: #ee9700;
}

#treeChart .children rect.parent,
#treeChart .grandparent rect {
  cursor: pointer;
}

#treeChart .children rect.parent {
  fill: #bbb;
  fill-opacity: .5;
}

#treeChart .children:hover rect.child {
  fill: #bbb;
}