#iraqi-map {
  min-height: 680px;
}
.mapboxgl-popup {
  max-width: 100% !important;
}
.mapboxgl-popup-content {
  border: 1px solid #ccc;
}
.mapboxgl-popup-content .state-details {
  scrollbar-width: thin;
  scrollbar-color: #219ebc #ccc;
  margin-top: 15px;
  max-height: 180px;
  overflow-y: auto;
  min-width: 280px;
}
.mapboxgl-popup-close-button {
  font-size: 20px;
  margin-right: 5px;
}
.mapboxgl-popup-content .state-details h4 {
  text-align: center;
}
/* .mapboxgl-popup-content .state-details ul.resource-details {
  margin: 0;
  padding: 0;
} */
.mapboxgl-popup-content .state-details .resourceName {
  font-style: normal;
}
.mapboxgl-popup-content .state-details .resourceValue {
  font-weight: bold;
}
.mapboxgl-popup-content .state-details .resourceUnits {
  font-weight: bold;
  font-style: italic;
  font-size: smaller;
  margin-right: 5px;
}

.mapboxgl-popup-content .state-details p.resource-updated-date {
  font-size: small;
  text-align: center;
}

.resource-no-data {
  font-weight: bold;
  text-align: center;
  display: block;
  font-style: italic;
}