.form-control:focus {
    border: 0.6px solid;
    border-color: #9CDCFA;
}

.btn-floating-close {
    position: fixed;
    bottom: 20px;
    right: 5%; /* Posiciona el botón en el la derecha de la pantalla */
    transform: translateX(50%); /* Centra el botón horizontalmente */
    background-color: #C70039;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}
.btn-floating {
    position: fixed;
    bottom: 20px;
    right: 50%; /* Posiciona el botón en el centro horizontal de la pantalla */
    transform: translateX(50%); /* Centra el botón horizontalmente */
    background-color: #007bff;
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-20px);
    }

    60% {
        transform: translateY(-10px);
    }
}

.rebote-label {
    display: inline-block;
    animation: bounce 1s infinite;
}


.custom-toast {
    position: absolute !important;
    /* Puedes añadir estilos adicionales si lo deseas */
    /* Por ejemplo, z-index para asegurarte de que esté encima de otros elementos */
    z-index: 9999 !important;
}