body {
    padding: 0;
    margin: 0;
}

html, body, #map {
    height: 100%;
    font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
}

#loading {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  opacity: 0.7;
  background-color: #fff;
  z-index: 13999;
}

#loading-image {
  position: absolute;
  top: 35%;
  left: 50%;
  z-index: 4000;
  width: 100px;
}

.lorem {
    font-style: italic;
    color: #AAA;
}

.leaflet-popup-content {
    overflow: auto;
    max-height: 300px;
}

.list-subgroup-item {
/*            background-color: #D4F1FC;*/
}

.list-subgroup-item-active {
/*            background-color: var(--bs-list-group-active-bg) !important;*/
}

#fixed-div {
    z-index: 9999;
    position: fixed;
    bottom: 20px; /* Ajusta la distancia desde la parte inferior */
    right: 20px; /* Ajusta la distancia desde el lado derecho */
    background-color: rgba(255, 255, 255, 0.6); /* Color de fondo */
    padding: 10px; /* Espacio interno */
    border: 1px solid #000000; /* Borde */
    border-radius: 5px; /* Bordes redondeados */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Sombra */
    z-index: 999; /* Asegura que esté encima de otros elementos */
    display: none;
    max-height: 600px; /* Altura máxima del elemento fijo */
    overflow-y: auto; /* Agrega desplazamiento vertical si el contenido excede la altura máxima */
    width: 180px;
}

.legend-title {
    float: left;
    width: 94%;
    font-weight: bolder;
    text-align: center;
}

.legend-close {
    float: right;
    width: 6%;
    text-align: center;
    cursor: pointer;
}

.legend-footer {
    margin-top: 5px;
    border-top: 1px solid black;
    width: 100%;
}

.legend-footer:last-child {
    border-top: 0px;
}

.sidebar-pane .sidebar-header a {
    color: white;
    padding-left: 10px;
    text-decoration: none;
}

.sidebar-pane .sidebar-header a:hover {
    color: #aaa;
}

.bstreeview > .list-group-item:first-child.last-item {
    font-weight: normal;
}