#map {
  position: relative;
}
#map .reset-button {
  color: #8bc53f;
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 100;
  border: none;
  border-radius: 3px;
  padding: 5px;
  cursor: pointer;
  font-size: 2rem;
  background-color: transparent;
}
#map .reset-button:hover {
  background-color: rgba(0, 238, 0, 0.5);
}
#map circle.symbol {
  fill: yellow;
  stroke: black;
  stroke-width: 1;
}
#map circle.symbol:hover {
  fill: red;
  stroke: black;
  stroke-width: 1;
}

#features-container path {
  fill: #D3D3D3;
  stroke: #fff;
  stroke-width: 0.5px;
}
#features-container path:hover {
  fill: rgba(0, 0, 64, 0.5);
  opacity: 1;
}
#features-container path.selected {
  fill: #004153;
  opacity: 1;
}
#features-container path.state, #features-container path.state:hover {
  fill: #D3D3D3;
  stroke: #fff;
}