#Formulario {
    /* font-family: "Courier New"; */
    font-family: 'Gotham';
}


.wrap {
    text-align: center;
    justify-content: center;
    width: 100%;
}

#map_ {
    width: 100%;
    height: 500px;
    position: relative;
}

/* para ocultar el panel de indicaciones */
.leaflet-routing-container-hide {
    display: none;
}

.contenedor {
    text-align: right;
}

#map_ {
    height: calc(100vh - 71px);
}

@media screen and (min-width: 768px) {
    #map_ {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    #map_ {
        width: 90%;
    }

    #back {
        margin-left: 50px;
    }

    #tutolink {
        margin-left: 50px;
    }
}


.taxi-container {
    position: relative;
    /* width: 512px; /* Ajusta el tamaño de la imagen */ */ height: auto;
}

.taxi-image {
    width: 100%;
    height: auto;
}

.taxi-label {
    position: absolute;
    top: 52%;
    left: 58%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    font-weight: bold;
    color: black;
}

.taxi-labelPlaca {
    position: absolute;
    top: 38%;
    left: 18%;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: bold;
    color: black;
}

.taxi-labelInvisible {
    position: absolute;
    top: 52%;
    left: 58%;
    transform: translate(-50%, -50%);
    font-size: 19px;
    font-weight: bold;
    color: black;
}



.taxiPlaca-labelInvisible {
    position: absolute;
    top: 37%;
    left: 20%;
    transform: translate(-50%, -50%);
    font-size: 11px;
    font-weight: bold;
    color: black;
} 
        


/*driver*/

.driver-popover.driverjs-theme {
    background-color: #fde047;
    color: #000;
}

    .driver-popover.driverjs-theme .driver-popover-title {
        font-size: 20px;
    }

    .driver-popover.driverjs-theme .driver-popover-title,
    .driver-popover.driverjs-theme .driver-popover-description,
    .driver-popover.driverjs-theme .driver-popover-progress-text {
        color: #000;
    }

    .driver-popover.driverjs-theme button {
        flex: 1;
        text-align: center;
        background-color: #000;
        color: #ffffff;
        border: 2px solid #000;
        text-shadow: none;
        font-size: 14px;
        padding: 5px 8px;
        border-radius: 6px;
    }

        .driver-popover.driverjs-theme button:hover {
            background-color: #000;
            color: #ffffff;
        }

    .driver-popover.driverjs-theme .driver-popover-navigation-btns {
        justify-content: space-between;
        gap: 3px;
    }

    .driver-popover.driverjs-theme .driver-popover-close-btn {
        color: #9b9b9b;
    }

        .driver-popover.driverjs-theme .driver-popover-close-btn:hover {
            color: #000;
        }

    .driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
        border-left-color: #fde047;
    }

    .driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
        border-right-color: #fde047;
    }

    .driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {
        border-top-color: #fde047;
    }

    .driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
        border-bottom-color: #fde047;
    }