.police_bounds {
  fill: none;
  stroke: #000000;
  stroke-width: 0.2;
  stroke-linejoin: round;
}

.boundary {
  fill: none;
  stroke: #000000;
  stroke-width: 0.15;
  stroke-linejoin: round;
}

.red {
    padding: 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: #DA2A26;
}

.green {
    padding: 4px;
    border-radius: 4px 4px 4px 4px;
    background-color: #2C9D4F;
}

.large-text {
    font-size: 20px;
}

#best {
    padding: 20px;
}

#worst {
    padding: 20px;
    padding-top: 0px;
}

/*#grab:hover {*/
    /*cursor: hand;*/
/*}*/

.close-boundary {
    fill: none;
    stroke: #ffffff;
    stroke-width: 0.1;
    stroke-linejoin: round;
}

.tooltip {
    position: absolute;
    left: 400px;
    top: 400px;
    background-color: #ffffff;
    border: 1px solid #c2c0c2;
    pointer-events: none;
    padding: 5px;
    /*box-shadow: 3px 3px 5px #000000;*/
}

.noUi-value {
    font-size: 12px;
}

.hidden {
  display: none;
}

.overlay {
  fill: none;
}
.space {
    width: 100%;
    height: 40px;
}

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

#main-row {
  margin-bottom: 0px;
}

#year-slider {
  margin-bottom: 20px;
}

.q0 { fill: rgb(247,251,255); }
.q1 { fill: rgb(222,235,247); }
.q2 { fill: rgb(198,219,239); }
.q3 { fill: rgb(158,202,225); }
.q4 { fill: rgb(107,174,214); }
.q5 { fill: rgb(66,146,198); }
.q6 { fill: rgb(33,113,181); }
.q7 { fill: rgb(8,81,156); }
.q8 { fill: rgb(8,48,107); }