/*['#ffffd4','#fee391','#fec44f','#fe9929','#ec7014','#cc4c02','#8c2d04']*/
/*['#ffffd4','#fee391','#fec44f','#ec7014','#ec7014','#cc4c02','#8c2d04']*/
div.tooltip {
  position: absolute;
  text-align: center;
  width: 60px;
  height: 28px;
  padding: 2px;
  font: 12px sans-serif;
  background: lightsteelblue;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
}
.body {
  font-family: sans-serif;
}
.floater {
  float: left;
}
.national {
  padding: 5px;
  stroke: black;
  text-align: middle;
  fill: #8c2d04;
  background-color: #8c2d04;
  color: white;
}
.broodandahalf {
  stroke: black;
  fill: #ec7014;
  padding: 5px;
  color: white;
  background-color: #ec7014;
}
.deepNational {
  stroke: black;
  fill: #fe9929;
}
.commercial {
  stroke: black;
  fill: #cc4c02;
}
.wbc {
  stroke: black;
  fill: #fec44f;
}
.warre {
  stroke: black;
  fill: #ffffd4;
}
.topBar {
  stroke: black;
  fill: #fee391;
}
.root {
  fill: #fff;
  stroke: none;
}
.fedSyrup {
  fill: #f88;
  stroke: black;
}
.notFedSyrup {
  fill: #fdd;
  stroke: black;
}
.fedCandy {
  fill: #8f8;
  stroke: black;
}
.notFedCandy {
  fill: #dfd;
  stroke: black;
}
.Excellent {
  stroke: black;
  fill: #ddd;
}
.Good {
  stroke: black;
  fill: #bbb;
}
.Average {
  stroke: black;
  fill: #999;
}
.Poor {
  stroke: black;
  fill: #777;
}
.Terrible {
  stroke: black;
  fill: #555;
}
.honey {
  stroke: black;
  fill: #fef0d9;
}
.nohoney {
  stroke: black;

  fill: #888;
}
.openMeshFloor {
  stroke: black;
  fill: #d8b365;
}
.closedFloor {
  stroke: black;
  fill: #5ab4ac;
}
.VarroaTreatment {
  stroke: black;
  fill: #e9a3c9;
}
.noVarroaTreatment {
  stroke: black;
  fill: #a1d76a;
}
.winterLosses {
  stroke: black;
  fill: #f1a340;
}
.noWinterLosses {
  stroke: black;
  fill: #998ec3;
}
.summerLosses {
  stroke: black;
  fill: #ef8a62;
}
.noSummerLosses {
  stroke: black;
  fill: #67a9cf;
}
.reducedEntrance {
  stroke: black;
  fill: #fc8d59;
}
.noReducedEntrance {
  stroke: black;
  fill: #91bfdb;
}
.AddedInsulation {
  stroke: black;
  fill: orange;
}
.notAddedInsulation {
  stroke: black;
  fill: #ffffbf;
}
.nothing {
  fill: none;
  stroke: #ffffff00;
}
.tick {
  stroke: black;
  font-size: 20px;
}
.linker {
  stroke: #88888888;
  stroke-width: 2px;
  stroke-dasharray: 5, 5;
}