.map-page {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 70px); /* topbar */
}

.map-page .container-fluid {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.map-page .row {
  flex: 1;
}

.map-page .col-lg-12,
.map-page .card,
.map-page .card-body {
  height: 100%;
}

.map-page #map {
  height: 100%;
  width: 100%;
}