.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: auto; /* needed so the list below can be scrolled with the mouse wheel */

  /* Cap height so long university lists (Russia, France, Japan, etc.)
     scroll internally instead of running off the map container. */
  max-height: 320px;
  overflow-y: auto;
  overscroll-behavior: contain; /* stop the wheel scroll from bubbling to the page behind it */
}

/* Slim, unobtrusive scrollbar for the dropdown list */
#map-dropdown::-webkit-scrollbar {
  width: 6px;
}
#map-dropdown::-webkit-scrollbar-thumb {
  background-color: #adb5bd;
  border-radius: 3px;
}
#map-dropdown {
  scrollbar-width: thin;
  scrollbar-color: #adb5bd #ffffff;
}

#map-dropdown .dropdown-header {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1;
}