/* Cambiar color de cruz de popup a rojo */
.leaflet-container a.leaflet-popup-close-button {
    color: #FF0000;
}

/* Cambiar color de cruz al pasar por sobre ella */
.leaflet-popup-close-button:hover {
    color: #000000;
}

/* Cursor de mouse es siempre flecha para mostrar lugar exacto de coordenadas */
.leaflet-grab {cursor: auto;}


/* Estilos para Popups: .tabla-contenidos 2 y 3. */
.tabla-contenidos {
    border-collapse: collapse;
    margin: 0px 0px;
}

.tabla-contenidos th {
        background-color: #990000;  /* ABS - Color de fondo encabezado es color oficial de Ilustre Municipalidad de La Serena */
        color:#ffffff;
        text-align: leaft;
        font-weight:bold;
        padding-left: 5px;
        /* font-size: 0.9em; /* ABS - Tamaño de letras un poco más pequeñas */
}

.tabla-contenidos td {
        padding-left: 5px; /* ABS - Agregar espacio a la izquierda de Contenido */
        padding-right: 5px;
}

.tabla-contenidos tr {
        border-bottom: 1px solid #dddddd; /* ABS - Agregar líneas grises arriba y abajo de cada fila */
        border-top: 1px solid #dddddd;
}

.tabla-contenidos tr:nth-of-type(odd) {background-color: #e4c8c7;  /* ABS - Color de fondo de filas pares más oscuro */}
.tabla-contenidos tr:nth-of-type(1) {font-weight:bold; font-size: 1.1em;}

.tabla-contenidos2 th {
        background-color: #000a99;  /* ABS - Color de fondo alternativo */
        color:#ffffff;
        padding-left: 5px;
}

.tabla-contenidos2 tr:nth-of-type(odd) {
        background-color: #A9D3E4;  /* ABS - Color de fondo de filas pares levemente más claro */
}
.tabla-contenidos2 tr:nth-of-type(1) {font-weight:bold; font-size: 1.1em;}

.tabla-contenidos3 th {
    background-color: #00995e;  /* ABS - Color de fondo alternativo */
    color:#ffffff;
    padding-left: 5px;
}

.tabla-contenidos3 tr:nth-of-type(odd) {
    background-color: #c6e4a9;  /* ABS - Color de fondo de filas pares levemente más claro */
}
.tabla-contenidos3 tr:nth-of-type(1) {font-weight:bold; font-size: 1.1em;}

<!-- Modifica leaflet.css. Cambia cursor para que aparezca flecha en vez de mano abierta. Facilita el obtener las coordenadas con clic derecho-->

.leaflet-grab {
cursor: auto;
}


<!-- Modifica leaflet-sidebar.css. Optimiza su viasualización-->
/* Color de fondo de botones de sidebar se contrasta con fondo de contenido de sidebar */
.sidebar-tabs {
    background-color: #e9e9e9; 
}

/* Degradé de colores en los botones del sidebar, 1 linea de borde externo, esquinas redondas 10% */
.sidebar-tabs > li, .sidebar-tabs > ul > li {
    box-shadow: 
    -5px -5px 8px rgba(255, 255, 255, 0.5),
    5px 5px 8px rgba(70, 70, 70, 0.534);
    border: 1px solid #ececec;
    height: 38px;
}

/* Degradé de colores en los botones del sidebar activo */
.sidebar-tabs > li.active, .sidebar-tabs > ul > li.active {
    box-shadow: 
    -10px -10px 15px rgba(255, 255, 255, 0.5),
    10px 10px 15px rgba(70, 70, 70, 0.12),
    inset -5px -5px 10px rgba(255, 255, 255, 0.5),
    inset 5px 5px 10px rgba(70, 70, 70, 0.12);
}

/* Aumentar a 15px el espacio debajo del sidebar para que se visualizen correctamente las atribuciones */
.sidebar {
    @media (min-width: 768px) {
        bottom: 15px;
    }
}