.text-gray-500 {
    color: #6c757d !important;
}
/* cosas de color */
.text-danger {
    color:#67a401 !important;
}

.text-body-secondary {
    color: #67a401 !important;
    text-decoration: none !important;
}

.text-body-secondary:hover {
    text-decoration: none !important;
    color:#67a401 !important;
}

.btn-red {
    background-color: #67a401;
    border-color:#67a401;
    color: white;

}
.colorSVG{
    color: #67a401;
}
.tamanhoTele{
   font-size: -webkit-xxx-large;
}
.tamanhoMovil{
    font-size: -webkit-xxx-large;
}
.tamanhoTelefonoFijo{
    font-size: -webkit-xxx-large;
}
.tamanhoRouter{
    font-size: -webkit-xxx-large;
}
.tamanhoFacturas{
    font-size: x-large;
}
.tamanhoTarjeta{
    font-size: xx-large;
}
.tamanhoDescargas{
    font-size: large;
}
.navbar {
    background-color: #67a401;
}
.dt-info{
    color: #6c757d ;

}
.btn-red:hover {
    background-color:#67a401;
    border-color:#67a401;
}
.dt-paging > button{
    margin:auto;
    background-color:#67a401;
    border-color : white;
    border-radius: 5px;
    color: white;
}
.btn-danger {
    background-color: #67a401;
    border-color:#67a401;
}

.btn-danger:hover {
    background-color: #67a401;
    border-color: #67a401;
}
/**/
.btn-grey {
    background-color: #7c7c7c;
    border-color: #7c7c7c;
}

.btn-grey:hover {
    background-color: #545454;
    border-color: #545454;
}

main {
    margin-top: 100px;
}

.linea {
    border-bottom: 1px solid #6c757d;
}


/* Cambiar el color de fondo de toda la tabla a gris claro */
#detallesDeConsumoTabla {
    background-color: #f8f9fa;
    /* Gris claro */
}

/* Cambiar el borde de los botones de la tabla */
#detallesDeConsumoTabla .table-bordered th,
#detallesDeConsumoTabla .table-bordered td {
    border-color: #ced4da;
    /* Gris medio */
}

/* Cambiar el color de fondo de los botones de paginación de la tabla */
#detallesDeConsumoTabla .table-bordered .paginate_button {
    background-color: #f8f9fa;
    /* Gris claro */
    border-color: #ced4da;
    /* Gris medio */
    color: #495057;
    /* Color de texto */
}

/* Cambiar el color de fondo de los botones de paginación al pasar el mouse sobre ellos */
#detallesDeConsumoTabla .table-bordered .paginate_button:hover {
    background-color: #e9ecef;
    /* Gris claro al pasar el mouse */
}

.text-gray-500 {
    color: #6c757d !important;
}


main {
    margin-top: 100px;
}

.linea {
    border-bottom: 1px solid #6c757d;
}

.text {
    font-size: 18px;

}

.table1 {
    width: 100%;
    margin-top: 15px;
}

.table2 {
    border-bottom: 1px solid #6c757d;
    text-align: left;
}

.btn-grey {
    background-color: #7c7c7c;
    border-color: #7c7c7c;
}

.btn-grey:hover {
    background-color: #545454;
    border-color: #545454;
}

.tal {
    text-align: left;
}

.tar {
    text-align: right;
}

.table2 th,
.table2 td {
    padding: 5px;
}
.carga{
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}