body {
    font-family: "Work Sans", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

#map {
    height: 922px;
}
/*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;
}

.leaflet-pane {
    z-index: 50 !important;
}
.leaflet-top {
    z-index: 60 !important;
}

@media (min-width: 1200px) {
    .container {
        width: 1280px;
    }
}

h1 {
    color: rgb(0, 72, 132);
    font-weight: 700;
    font-size: 2.6rem;
    line-height: 2rem;
}

.breadcrumb > li + li::before {
    content: ">";
}

.breadcrumb > li {
    font-style: italic;
    color: rgb(0, 72, 132);
}
p {
    font-weight: 300;
}
.semi-bold {
    font-weight: 600;
}

.pt-30{
    padding-top: 15px;
}
.p-mb-5 p{
    margin-bottom: 4px;
}

.image-separator img+img {
    margin-left: 10px;
}

.image-separator {
    margin-bottom: 8px;
    margin-top: 8px;
}

.aa-ml-15 a+a {
    margin-left: 15px;
}

.img-img-ml-15 span+span {
    margin-left: 40px;
    padding-left: 30px;
    border-left: 2px solid #fff;
    height: 40px;
    display: inline-block;
}

.aa-ml-15 a+a {
    margin-left: 15px;
}
.f-15em {
    font-size: 1.5em;
}
.f-white {
    color: #fff;
}

.text-slate-500 {
    color: #6b7280;
}

.border-slate-500 {
    border-color: #6b7280;
}