:root {
  --bg-color: #fff;
  --border-color: #ccc;
}

body {
  /* padding-top: 70px!important; */
  /* padding:4em 2em 2em 2em!important; */
}
.nav-pills {
  border: 1px solid var(--border-color);
  padding: 0.5em;
  border-radius: 1em;
  margin-bottom: 1em;
  display: flex;
  flex-direction: column;
}

.card-header-pills {
  border: none !important;
  margin-bottom: 0px !important;
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .nav-pills,
  .card-header-pills {
    flex-direction: row !important;
  }
}

#legend,
.maplibregl-popup-content {
  background-color: var(--bg-color) !important;
}
.maplibregl-popup-tip {
  border-top-color: var(--bg-color) !important;
}