html, body {
  margin: 0;
  padding: 0;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

}
canvas {
  display: block;
}
#chart {
  background:white;
  max-width: 100%;
  min-height:100%;
  overflow:auto;
}

text {
  pointer-events: none;
}

.grandparent text {
  font-weight: bold;
  color: #666666;
  font-size:30px;
  line-height:30px;
  margin-bottom:10px;
}

rect {
  stroke: #fff;
  stroke-width: 1px;
}

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

.grandparent:hover rect {
  fill: darkgrey;
  
}

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

.children rect.child {
  opacity: 0;
}

.children rect.parent {
}

.children:hover rect.child {
  opacity: 1;
  stroke-width: 1px;
}

.children:hover rect.parent {
  opacity: 1;
}

.legend {
  display:none;
  margin-bottom:8px !important;
}

.legend rect {
  stroke-width: 0px;
}

.legend text {
  text-anchor: middle;
  pointer-events: auto;
  font-size: 13px;
  font-family: sans-serif;
  fill: black;
}

.form-group {
	text-align:left;
}

.num{
  color:red;
}
.textdiv {
   font-weight: 300;
    font-size: 24px;
    padding: 7px;
	cursor: pointer;
	overflow:none;
}

.textdiv .title {
    font-size: 102%;
    line-height:24px;
    margin-top: 8px;
	font-size:24px !important;
}

.textdiv p{
	line-height: 18px;
	margin:0 0 4px !important;
	padding:0px;
	font-size:14px !important;
}