.unido-mapbox {
  width: 100%;
}

#modal-map #projectsModal .modal-dialog {
  margin: auto 2%;
}
#modal-map #projectsModal.modal .modal-content {
  width: 95vw !important;
}

#offices-legend {
  position: absolute;
  z-index: 9;
  bottom: 40px;
  background-color: #fff;
  opacity: 0.8;
  border-radius: 2px;
  min-width: 170px;
  max-width: 250px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font: 12px/22px "Helvetica Neue", Arial, Helvetica, sans-serif;
  padding: 10px 0 10px 15px;
  z-index: 1;
}
#offices-legend div span {
  border-radius: 50%;
  display: inline-block;
  height: 10px;
  margin-right: 5px;
  width: 10px;
}
#offices-legend div .blue {
  background-color: #5cbae6;
}
#offices-legend div .purple {
  background-color: #98aafb;
}
#offices-legend div .green {
  background-color: #b6d957;
}
#offices-legend div .orange {
  background-color: #fac364;
}
#offices-legend div .pink {
  background-color: #fa98ea;
}
#offices-legend div .grey {
  background-color: #c3c3c3;
}

.map-disclaimer {
  position: absolute;
  z-index: 9;
  bottom: 0;
  background: #fff;
}

.mapactivecat {
  pointer-events: none;
  background-color: #0059ab;
  color: #fff;
}

#map-dropdown .btn.active,
#map-dropdown .btn.show {
  background: #fff;
}

#map-dropdown {
  position: absolute;
  z-index: 9;
  bottom: 40px;
}
#map-dropdown button {
  min-width: 250px;
  text-align: left;
}
#map-dropdown button::after {
  float: right;
  margin-top: 10px;
}
#map-dropdown ul li {
  font-size: 14px;
}
#map-dropdown ul li:hover {
  background-color: #f2f2f2;
  cursor: pointer;
}

.overview-section .unido-hero {
  z-index: unset;
}