.toplabel {
  pointer-events: none;
  text-shadow: 0 3px 0 #fff, 3px 0 0 #fff, 0 -3px 0 #fff, -3px 0 0 #fff;
}


.axis text, .toplabel {
  font-size: 15px;
  font-family: "HaasText","Helvetica";
}

.conf-label {
  font-size: 12px;
  font-family: "HaasText","Helvetica";
}

.annotation {
  font-size: 15px;
  font-family: "HaasText","Helvetica";
  pointer-events: none;
}

path.annotation{
  fill: none;
  stroke: black;
}
pologon{
  fill: black;
}
rect.annotation{
  fill: white;
}

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

path.domain{
  display: none;
}

div.tooltip {
  top: -1000px;
  position: absolute;
  padding: 10px;
  background: rgba(255, 255, 255, .95);
  border: 1px solid lightgray;
  pointer-events: none;
  width: 230px;
}
div.tooltip span{
  display: inline-block;
}
.tooltip-hidden{
  opacity: 0;
}


#inner-content, svg{
  overflow: visible !important;
}



circle{
  stroke: black;
  fill-opacity: .6;
}

.school-bar{
  stroke: black;
  xfill-opacity: .6;
}

.conf-shares{
  fill: none;
  stroke-width: 2px;
  stroke: black;
  opacity: .6
}

.conf-shares.tooltipped{
  stroke-width: 4px;
  opacity: 1;
}

#conf-waterfall > div{
  display: inline-block;
  width: 375px;
  text-align: center;
}