/*   RUTAS   */

.contenidoRutas {
    min-height: 100vh;
    width: 100%;
    margin: 0 auto;
    background-color: white;
}

.contenedor_mapa_mas_dropdowns {
    display: flex;
    flex-direction: row;
}

#contenedor_mapa {
    transition: all .5s;
    width: 100%;
    margin: 100px 0px;
}

.popover {
    font-size: 16px;
    padding: 2px 15px;
}

svg {
    width: 100%;
    height: 650px;
}

#tarifa_container {
    margin-top: 5vh;
    display: flex;
    flex-direction: row;
    background-color: #073763;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0;
}

#contenedor_centrado_dropdowns_p {
    padding: 10px 8vw 20px 0;
}

#tarifa_container p {
    color: white;
    margin: 0;
}

#tarifa_container button {
    background-color: transparent;
    border: 1px solid white;
    color: white;
    padding: 10px;
    transition: all .2s;
}

#tarifa_container button:hover {
    background-color: White;
    color: #073763;
}

.contenedorEstados {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.contenedorEstados h5,
.contenedorMunicipios h5 {
    background-color: #073763;
    color: #fff;
    padding: 25px 15px;
    margin: 0;
}

.backArrowIcon {
    width: 8px;
    margin: 0 0 0 15px;
    cursor: pointer;
}

#contenedor_tabla_de_destinos {
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-height: 300px;
    overflow-y: auto;
}

#contenedor_tabla_de_destinos li p {
    margin: 0;
}

#titulo_contenedor_estados {
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: #073763;
    color: white;
}

#contenedor_tabla_de_destinos li {
    display: flex;
    flex-direction: row;
    padding: 20px;
    align-items: center;
    margin: 0;
}

#contenedor_tabla_de_destinos li:hover {
    background-color: #adb2b6;
}

.contenedorEstados ul {
    background-color: #ced4da;
    padding: 10px 0;
    border-bottom: 1px solid #9da9b5;
    cursor: pointer;
}

.contenedorEstados div p {
    padding: 10px 10px;
}

.contenedorEstados ul li img {
    height: 25px;
    padding: 0 30px;
}

.edmex_grey {
    fill: #ccc !important;
}

#EstadosUnidos,
#Mexico {
    transition: all .5s;
    cursor: pointer;
}

#EstadosUnidos:hover~#Mexico {
    opacity: .6;
}

.mxlPoint,
.tecatePoint,
.EnsenadaPoint,
.rosaritoPoint,
.TijuanaPoint,
.LaPazPoint,
.LosCabosPoint,
.RosalinaPoint,
.HermosilloPoint,
.NogalesPoint,
.CiudadObregonPoint,
.GuadalajaraPoint,
.PachucaPoint,
.PueblaPoint,
.TolucaPoint,
.GuanajuatoPoint,
.PhoenixPoint,
.LakeHavasuPoint,
.TucsonPoint,
.LasVegasPoint,
.LaredoPoint,
.SanAntonioPoint,
.DallasPoint,
.SanDiegoPoint,
.IrvinePoint,
.LongBeachPoint,
.LosAngelesPoint,
.RiversidePoint,
.PomonaPoint,
.SacramentoPoint,
.FontanaPoint,
.SanBernardinoPoint,
.BakersfieldPoint,
.FresnoPoint,
.SanJosePoint,
.NewarkPoint,
.SanFranciscoPoint {
    transition: all .6s;
    fill: rgb(255, 83, 83) !important;
}

.blur {
    filter: url('#dropshadow');
}

.filterBlur {
    opacity: .6;
}

@media (max-width: 1024px) {
    .contenedor_mapa_mas_dropdowns {
        display: flex;
        flex-direction: column;
    }
    .contenedor_mapa_mas_dropdowns div:first-child {
        margin: 0;
    }
    .contenedor_mapa_mas_dropdowns {
        margin-top: 150px;
    }
}