/*Se importan los estilos de la libreria para su correcto funcionamiento*/
@import '../vendor/leaflet/leaflet.css';
#map{
    max-width: 1500px;
    height: 500px;
}
/*borde para los puntos del mapa*/
.my-border-icon{    
    border-radius: 15px; 
    width: 100%;
    height: 100%;
    border: 2px solid #f2f2f2;
        
}
/*clase para generar una sombra leve en los puntos del mapa*/
.my-border-icon:hover{
    -moz-box-shadow: 0 0 10px #3a3a3c; 
    -webkit-box-shadow: 0 0 10px #3a3a3c; 
    box-shadow: 0 0 10px #3a3a3c;
}
/*funcionalidades para el popup en el planeador sea adaptable a dispositivos moviles*/
.dModRutas .ui-dialog.ui-widget.planoEstacionesP{
    height: auto !important;
    top: 5% !important;
}

@media screen and (max-width: 760px){
    .dModRutas .ui-widget-overlay.ui-front, .dModRutas .ui-dialog.ui-widget{
        display: block !important;
    }
    .dModRutas .ui-dialog.ui-widget.planoEstacionesP{
        height: auto !important;
        top: 7% !important;
    }
    
}
/* Para eliminar publicidad de leaflet */

.leaflet-control-attribution.leaflet-control{
    display: none;
}

#popup img{
    width: 100%;
}

.ui-widget-overlay.ui-front{
    background: rgba(0,0,0,0.8);
    opacity: unset;
}