/* For DV display */
.map {
    position: relative;
    display: block;
    clear: both;
}

.map-background {
  fill: #f9f9f9;
  pointer-events: all;
}
.ers {
    opacity: 0.85;
	fill: #b0b0b0;  /*cecece;*/
    cursor: pointer;
}
.terr, .state {
    opacity: 0.85;
    fill: #ddd !important;
}

.ers:hover {
    opacity: 1;
}
/* The hover and mouseover areas of .ers are different. Sometimes shows name/info but doesn't activate hover class */
.ers.active {
  opacity: 1;
}

path {
  stroke: #fff;
  stroke-width: 0.05;
  stroke-linejoin: round;
  stroke-linecap: round;
}

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

rect {
  max-width: 100%;
  vector-effect: non-scaling-stroke;
}

text {
  cursor: default;
  fill: #444;
  font-size: 4px;
  margin: 0px;
  padding: 1px;
}

.text {
  font-size: 4px;
}

.place-label {
    font-size: 4px;
    fill: #000 !important;
}

.map-area {
    width: 100%;
    height: 0;
    padding-bottom: 66.5%;
    position: relative;
	
}

svg {
    position: absolute;
    top: 0;
    left: 0;
}

.legendLinear {
  background-color: white;
  /*stroke-width: 0.025px;*/
}

.legendTitle {
  fill: #000 !important;
  stroke: #000 !important;
  font-size: 4px;
  stroke-width: 0.1px;
}

.swatch {
  fill: #444;
  stroke: #444;
  stroke-width: 0.25px !important;
}

.map-label {
  fill: #000 !important;
  stroke: #000 !important;
  stroke-width: 0.1px;
  font-size: 4px;
}