html {
  overflow: hidden;
}

body{
      font-family: 'Helvetica Neue', Helvetica, sans-serif;
    }

    p{
      font-size: 11pt;
      margin-left:20px;
    }
    .states{
      stroke: #fff;
    }
    g.states {
      width: 500px;
    }
    .legend rect{
      stroke: #000;
    }

    .legend, .legend_title text{
      font-size:10pt;
    }

    .barlabel {
      font-size:8pt;
      text-anchor: middle;

    }

    svg#bars {
      height: 500 !important;
    }

/*    .chart rect {
      stroke: white;
      fill-opacity: .6;
      fill: steelblue;

    }*/
    .bar.positive {
      fill: #008CA3;
    }

    .bar.negative {
      fill: #c90000;
    }

    .axis text {
      font: 10px sans-serif;
    }

   /* .axis path {
      display: none;
    }*/

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

    text.barlabel {
      display: none;
    }

    div.mapContainer {
      display: inline-block;
      position: relative;
      width: 100%;
      padding-bottom: 100%; /* aspect ratio */
      vertical-align: top;
      overflow: hidden;
    }
    svg#map.mapContainer-content-responsive {
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
    }

    h4 {
      font-size: .9em;
    }