body {
  /*margin:auto;*/
  width:1000px;
}
.card:hover {
  opacity:0.5;
  transition: 0.2s ease-out;
}

.card-img-top:hover {
  border-color: gold;
  background-color: gold;
}

.overlay {
fill: none;
pointer-events: all;
}

.county-border {
fill: none;
stroke: #fff;
stroke-linejoin: round;
stroke-linecap: round;
}

#mapdiv {
  height: 700px;
}

#mapdiv {
z-index:0;
}

div#rightup,div#rightdown {
height:350px;
}

#rightup {
background-color:white;
}

#rightdown {
background-color:white;
}

#title {
position:absolute;
height:60px;
width:1000px;
}

h4 {
  text-align: center;
}

.column {
float: left;
}

.clearfix::after {
content: "";
clear: both;
display: table;
}

.counties {
fill: none;
stroke:steelblue;
}

.states {
fill: none;
stroke: #fff;
stroke-linejoin: round;
}

.q0-4 { fill: rgb(209,201,165); }
.q1-4 { fill: rgb(162,175,100); }
.q2-4 { fill: rgb(205,198,57); }
.q3-4 { fill: rgb(255,243,73); }

/*
.q0-4 { fill: rgb(241,244,174); }
.q1-4 { fill: rgb(217,237,27); }
.q2-4 { fill: rgb(184,191,33); }
.q3-4 { fill: rgb(111,137,14); }
*/

.nodata { fill:#eee;}

.slider {
-webkit-appearance: none;
width: 100%;
height: 15px;
background: #d3d3d3;
outline: none;
opacity: 0.7;
-webkit-transition: .2s;
transition: opacity .2s;
}

.slider:hover {
opacity: 1;
}

.slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 15px;
height: 15px;
background: #4CAF50;
cursor: pointer;
}

.slider::-moz-range-thumb {
width: 10px;
height: 10px;
background: #4CAF50;
cursor: pointer;
}

/* line class */
.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 3;
}

.usline{
  fill: none;
  stroke:#524727;
  stroke-width: 3;
}

.usdaline{
  fill: none;
  stroke:#CA6F1E;
  stroke-width: 3;
}

.uspoints {
fill:#524727;
}
/*.zoom  */
.zoom {
cursor: move;
fill: none;
pointer-events: all;
}

/* warning window  */
#warning {
  position: absolute;
  text-align: center;
  width: 400px;
  height: 100px;
  padding: 2px;
  font: 20px sans-serif;
  background: white;
  border: 0px;
  border-radius: 8px;
  pointer-events: none;
  display:none;
}