.newbar--positive {
  fill: steelblue;

}

.newbar--negative {
  fill: brown;
}


.bar--positive {
    fill: #9BCCF5;
  }
  
.bar--negative {
fill: pink;
}

/*
text {
font: 10px sans-serif;
}*/
  
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}

.tornado-svg {
  width: 25%;
  position: static;
} 

.tooltip-tornado {
  position: absolute;
  display: none;
  width: auto;
  height: auto;
  border: 2px solid gainsboro;
  padding: 0px;
}