#map {
  height: 100%;
  width: 100%;
}

/* Notifications */
#map-container .notification {
  width: 100%;
  height: 100%;
}

/* Legend */
#map-container {
  height: 100%;
  position: relative;
}

#map-container .card {
  z-index: 1;
  position: absolute;
  bottom: 1.5rem;
  left: 1.5rem;
}

#map-container .card-content {
  padding: 1rem;
  font-size: small;
}

#map-container .card-content .subtitle {
  font-size: larger;
}

/* Map legend */
.map-legend-label {
  max-width: 100px;
  display: inline-block;
}

/* Boxes in legend */
.color-box {
  display: inline-block;
  width: 12px;
  height: 12px;
}

.color-box.is-unavailable {
  background-color: #E3F3FF;
}

.color-box.is-awaiting_data {
  background-color: #9BE0E7;
}

.color-box.is-in_progress {
  background-color: #02AE92;
}

.color-box.is-available {
  background-color: #3A6B15;
}