.usa-map #labels {
  fill: #fff;
}

.usa-map #lines {
  stroke: #777;
  fill: none;
}

.usa-map .state {
  fill: #00a6d7;
  stroke: #fff;
  stroke-width: 1;
  stroke-linejoin: round;
  cursor: pointer;
}

.usa-map .state:hover {
  opacity: 0.9;
}

.usa-map #dc {
  stroke-width: 3;
}

/*
 * Not supported
 */
.usa-map #ar,
.usa-map #co,
.usa-map #ct,
.usa-map #ia,
.usa-map #il,
.usa-map #in,
.usa-map #ma,
.usa-map #nc,
.usa-map #ne,
.usa-map #nh,
.usa-map #or,
.usa-map #sd,
.usa-map #ut,
.usa-map #va,
.usa-map #vt,
.usa-map #wa,
.usa-map #wv,
.usa-map #wy {
  fill: #e9ebec;
  cursor: default;
}

.state-labels .ar,
.state-labels .co,
.state-labels .ct,
.state-labels .ia,
.state-labels .il,
.state-labels .in,
.state-labels .ma,
.state-labels .nc,
.state-labels .ne,
.state-labels .nh,
.state-labels .or,
.state-labels .sd,
.state-labels .ut,
.state-labels .va,
.state-labels .vt,
.state-labels .wa,
.state-labels .wv,
.state-labels .wy {
  fill: #777;
}

/*
 * In development example
 .usa-map #oh {
  fill: #54cef1;
}
*/

.usa-map .state-labels {
  fill: white;
  text-align: center;
  font-size: 10px;
  text-anchor: middle;
  dominant-baseline: mathematical;
  pointer-events: none;
}

.usa-map .state-labels .outside,
.usa-map .state-labels .not-supported {
  fill: #777;
}

.usa-map .legend .available {
  fill: #00a6d7;
}

.usa-map .legend .in-development {
  fill: #54cef1;
}

.usa-map .legend text {
  fill: #555;
  font-size: 12px;
}