@import url(//cdnjs.cloudflare.com/ajax/libs/leaflet/1.4.0/leaflet.css);
/* @import url(../style.css?aea6f0a); */

body
{
    font-family: 'Merriweather', serif;
    font-size: 1.2em;
    line-height: 1.7;
}

.text {
    width: 950px;
}

h1, h2, h3, h4
{ font-family: 'Open Sans', sans-serif; }

#map {
  width: 1200px;
  height: 550px;
}

svg {
  position: relative;
}

select {
    display: block;
}

.bar {
    fill: cadetblue;
    opacity: 0.8;
}
.bar:hover {
  fill: brown;
}
.tooltip{
      position      : absolute;
      text-align    : center;
      max-width     : 70px;
      max-height    : 30px;
      padding       : 8px;
      border        : none;
      border-radius : 8px;
      margin-top    : -30px;
      font          : 10px sans-serif;
      background    : black;
      color         : white;
      pointer-events: none;
  }

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

.bar {
    cursor: pointer;
}

#slider {
  width: 1150px;
  margin-bottom: 15px;
  margin-left: 20px;
}
#slider-value {
    width: 4em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

#desc {
  width: auto;
  margin-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
}

#field-value-pair {
  font-weight: bold;
}

#resetbutton {
  margin-bottom: 10px;
}

#fakebody {
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 20px;
}

#barchart-container{
  margin-top: 10px;
}