:root {
  --text-color: black;
  --link-color: #fde725;
  --btn-color: #2f83cc;
}
html, body {
    font-size: 12pt;
}
body {
    color: var(--font-color);
}
a:not(.nav-link) {
    color: inherit;
}
a:not(
    .header,
    .nav-link,
    .leaflet-control,
    .leaflet-popup-close-button,
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out
):link,
a:not(
    .header,
    .nav-link,
    .leaflet-control,
    .leaflet-popup-close-button,
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out
):visited {
    color: var(--text-color);
    text-decoration: none;
    border-bottom: 2px solid #000;
    padding: 0.07em;
    border-radius: 1px;
}
a:not(
    .header,
    .nav-link,
    .leaflet-control,
    .leaflet-popup-close-button,
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out
):hover,
a:not(
    .header,
    .nav-link,
    .leaflet-control,
    .leaflet-popup-close-button,
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out
):active,
a:not(
    .header,
    .nav-link,
    .leaflet-control,
    .leaflet-popup-close-button,
    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out
):focus {
    text-decoration: none !important;
    background-color: var(--link-color);
}
.btn:not(.download) {
    background-color: var(--btn-color);
    border-color: var(--btn-color);
}
.btn-compact {
    margin: 0rem;
    padding: .05rem .3rem;
}
#control-panel {
    font-size: 80%;
}
#control-panel .accordion-button {
    margin: 0;
    padding: 0.5em;
    font-size: 40%;
}
/* Leaflet ----------------------------------
/* Remove outline for the leaflet-container when focused */
.leaflet-container:focus {
    outline: none;
}
.leaflet-bar {
    border-radius: 1px;
}
.leaflet-control-zoom, .leaflet-control-measure {
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.leaflet-popup {
    border-radius: 2px !important;
}
.leaflet-popup-content-wrapper, .legend {
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) !important;
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-radius: 1px !important;
}
.leaflet-popup-content {
    margin: 0 !important;
    padding: 1em;
    max-height: 270px;
    max-width: 335px !important;
    overflow: auto;
}
.leaflet-popup-content table {
    max-width: 230px !important;
    margin-bottom: 10px !important;
}
/*Remove the scrollbar from Chrome, Safari, Edge and IE*/
::-webkit-scrollbar  {
    width: 0px;
    background: transparent;
}

* {
  -ms-overflow-style: none !important;
}
.leaflet-control {
    font-family: var(--bs-body-font-family)
}