/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/


/* Estilo cuando el checkbox está seleccionado */
.btn-check:checked + .btn {
    background-color: #0056b3; /* Color más oscuro cuando está seleccionado */
    border-color: #004085;
    box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
    color: white;
}

/* Estilo al pasar el mouse */
.btn:hover {
    background-color: #0069d9;
    border-color: #005cbf;
}

.flatly .btn-check:focus:checked + .btn-primary,
.flatly .btn-check .btn-primary:focus:checked {
    background-color: #007bff; /* El mismo color que el estado normal */
    border-color: #005cbf; /* Ajusta este valor si deseas un borde diferente */
    color: white; /* Mantén el texto en blanco */
    box-shadow: none; /* Elimina cualquier sombra no deseada */
    outline: none; /* Elimina cualquier contorno */
}