.bg-info {
    background-color: #30c1c6 !important; /* Cambia por el color que desees */
}

.text-info {
    color: #30c1c6 !important; /* Cambia por el color que desees */
}


.table-info th {
    background-color: #6cf1f6; /* Azul claro */
    color: #004085; /* Azul oscuro */
}

.btn-info {
    background-color: #30c1c6; /* Cambia este valor al color que desees */
    border-color: #30c1c6; /* Cambia este valor al color que desees */

}

/* Cambia el color al hacer hover */
.btn-info:hover {
    background-color: #138496; /* Cambia este valor al color que desees */
    border-color: #117a8b; /* Cambia este valor al color que desees */
    color: #ffffff; /* Cambia este valor al color que desees */


}


.btn-outline-info {
    border-color: #30c1c6; /* Cambia este valor al color que desees */
    color: #30c1c6; /* Cambia este valor al color que desees */
}

/* Cambia el color al hacer hover */
.btn-outline-info:hover {
    background-color: #17a2b8; /* Cambia este valor al color que desees */
    border-color: #17a2b8; /* Cambia este valor al color que desees */
    color: #ffffff; /* Cambia este valor al color que desees */
}



.row-success {
    background-color: #198754 !important;
    color: white;
    font-weight: bold;
}

.row-warning {
    background-color: #ffc107 !important;
    color: black;
    font-weight: bold;
}

.row-danger {
    background-color: #dc3545 !important;
    color: white;
    font-weight: bold;
}