.country {
  fill: #dee2e6;
  stroke: #ffffff;
  stroke-width: 1px;
  cursor: pointer;
  transition: fill 0.2s ease;
}

.country:hover {
  fill: #6c757d !important;
}

.country.highlighted {
  fill: rgb(127, 106, 152);
}

#world-map {
  transition: transform 0.25s ease-out;
}

#map-container:hover #world-map {
  transform: scale(3.2);
}

/* Force the dropdown element to float directly on top of the SVG paths */

#map-dropdown {
  position: absolute !important;
  z-index: 9999 !important;
  background-color: #ffffff !important;
  pointer-events: none;
}

.du-boxhead {
}