.btn-nuevo {
    /*background: rgb(73, 9, 252);*/
    color: var(--co-boton-nuevo);
}
.btn-nuevo:hover {
    background: var(--co-boton-nuevo-hover-fondo);
    color: var(--co-boton-nuevo-hover-texto);
}
.btn-agregar {
    /*background: rgb(73, 9, 252);*/
    color: var(--co-boton-agregar);
}
.btn-agregar:hover {
    background: var(--co-boton-agregar-hover-fondo);
    color: var(--co-boton-agregar-hover-texto);
}

.btn-imprimir {
    /*background: rgb(3, 192, 199);*/
    color: var(--co-boton-imprimir);
}
.btn-imprimir:hover {
    background: var(--co-boton-imprimir-hover-fondo);
    color: var(--co-boton-imprimir-hover-texto);
}

.btn-guardar {
    color: var(--co-boton-guardar);
}
.btn-guardar:hover {
    background: var(--co-boton-guardar-hover-fondo);
    color: var(--co-boton-guardar-hover-texto);
}
.btn-guardar-border {
    color: var(--co-boton-guardar);
    border: 0.2px solid;
}
.btn-guardar-border:hover {
    background: var(--co-boton-guardar-hover-fondo);
    color: var(--co-boton-guardar-hover-texto);
}

.btn-generar {
    color: var(--co-boton-generar);
}
.btn-generar:hover {
    background: var(--co-boton-generar-hover-fondo);
    color: var(--co-boton-generar-hover-texto);
}

.colorFondoTituloFormulario {
    background-color: var(--co-fondo-titulo-form);
}
.colorFondoTituloMantenimiento {
    background-color: var(--co-fondo-titulo-mant);
}
.colorTextoSeparador {
    background-color: var(--co-fondo-separador);
    color: var(--co-texto-separador);
}

.colorTextoInformacion {
    background-color: var(--co-fondo-info);
    color: var(--co-texto-separador);
}
.colorTextoResultado {
    background-color: var(--co-fondo-resultado);
    color: var(--co-texto-resultado);
}

.text-rojo-100{
    color: rgb(100,0,0);
}
.text-azul-100{
    color: rgb(0,0,100);
}
.text-azul-90:disabled, .text-azul-100 {
    color: rgb(167, 163, 173);
}
.text-azul-90{
    color: rgb(0, 0, 50);
}
.text-blanco-100 {
    color:white !important;
}
.text-blanco-80 {
    color:rgb(230, 222, 222) !important;
}
.fondo-texto-azul-90 {
    background: rgb(12, 12, 94) !important;
}

.text-amarillo-100{
    color: yellow;
}

.colorBarraEstadoCompra {
    /*background: rgb(64,64,0);*/
    padding: 0px 0px;
}
.colorBarraEstadoCompra span {
    background: rgb(64,64,0) !important;
    color: bisque;
    font-size: 2.1vh !important;
    font-weight: 500;
}
.colorBarraEstadoCompra input {
    background: rgb(87, 72, 68) !important;
    color: rgb(241, 227, 18);
    font-size: 2.1vh !important;
}

.colorLinkCollapse {
    color: var(--co-link-collapse);
}

.colorEntradaKardex {
    background-color: var(--co-kardex-entrada);
}
.colorSalidaKardex {
    background-color: var(--co-kardex-salida);
    color: var(--co-kardex-salida-texto);
}
.colorSaldoKardex {
    background-color: var(--co-kardex-saldo);
}

.bg-verde-10 {
    background: rgba(152, 235, 129, 0.308) !important;
}
.bg-verde-20 {
    background: rgba(165, 238, 181, 0.473) !important;
}
.bg-verde-30 {
    background: rgba(157, 245, 99, 0.466) !important;
}
.bg-verde-40 {
    background: rgba(183, 231, 95, 0.466) !important;
}
.bg-verde-50 {
    background: rgba(208, 252, 142, 0.685) !important;
}

.text-verde-10 {
    color: rgba(152, 235, 129, 0.308) !important;
}
.text-verde-20 {
    color: rgba(165, 238, 181, 0.473) !important;
}
.text-verde-30 {
    color: rgba(157, 245, 99, 0.466) !important;
}
.text-verde-40 {
    color: rgba(183, 231, 95, 0.466) !important;
}
.text-verde-50 {
    color: rgba(208, 252, 142, 0.685) !important;
}
.text-verde-100 {
    color: rgb(0, 254, 0) !important;
}

.bg-rojo-10 {
    background: rgba(206, 116, 94, 0.445) !important;
}
.bg-rojo-20 {
    background: rgba(238, 165, 165, 0.473) !important;
}
.bg-rojo-30 {
    background: rgba(245, 128, 99, 0.466) !important;
}
.bg-rojo-40 {
    background: rgba(231, 111, 95, 0.466) !important;
}
.bg-rojo-50 {
    background: rgba(238, 71, 71, 0.829) !important;
}

.text-rojo-10 {
    color: rgba(206, 116, 94, 0.445) !important;
}
.text-rojo-20 {
    color: rgba(238, 165, 165, 0.473) !important;
}
.text-rojo-30 {
    color: rgba(245, 128, 99, 0.466) !important;
}
.text-rojo-40 {
    color: rgba(231, 111, 95, 0.466) !important;
}
.text-rojo-50 {
    color: rgba(238, 71, 71, 0.829) !important;
}
.text-rojo-100 {
    color: rgb(254, 0, 0) !important;
}

.bg-azul-10 {
    background: rgba(123, 174, 250, 0.959) !important;
}
.bg-azul-20 {
    background: rgba(123, 174, 250, 0.767) !important;
}
.bg-azul-30 {
    background: rgba(57, 130, 240, 0.959) !important;
}
.bg-azul-40 {
    background: rgba(35, 116, 236, 0.959) !important;
}
.bg-azul-50 {
    background: rgba(33, 65, 114, 0.562) !important;
}

.text-azul-10 {
    color: rgba(123, 174, 250, 0.959) !important;
}
.text-azul-20 {
    color: rgba(123, 174, 250, 0.767) !important;
}
.text-azul-30 {
    color: rgba(57, 130, 240, 0.959) !important;
}
.text-azul-40 {
    color: rgba(35, 116, 236, 0.959) !important;
}
.text-azul-50 {
    color: rgba(33, 65, 114, 0.562) !important;
}
.text-azul-100 {
    color: rgb(0, 0, 254) !important;
}

.bg-amarillo-10 {
    background: rgba(243, 238, 172, 0.959) !important;
}
.bg-amarillo-20 {
    background: rgba(243, 238, 172, 0.856) !important;
}
.bg-amarillo-30 {
    background: rgba(243, 235, 119, 0.774) !important;
}
.bg-amarillo-40 {
    background: rgba(247, 235, 77, 0.925) !important;
}
.bg-amarillo-50 {
    background: rgba(248, 236, 61, 0.959) !important;
}

.text-amarillo-10 {
    color: rgba(243, 238, 172, 0.959) !important;
}
.text-amarillo-20 {
    color: rgba(243, 238, 172, 0.856) !important;
}
.text-amarillo-30 {
    color: rgba(243, 235, 119, 0.774) !important;
}
.text-amarillo-40 {
    color: rgba(247, 235, 77, 0.925) !important;
}
.text-amarillo-50 {
    color: rgba(248, 236, 61, 0.959) !important;
}
.text-amarillo-100 {
    color: rgb(253, 237, 10) !important;
}

.text-excel {
    color: rgba(68, 189, 44, 0.973) !important;
}
.text-excel:focus {
    background-color: green;
    color: rgba(23, 243, 89, 0.973) !important;
}
.text-pdf {
    color: red !important;
}
.text-pdf:focus {
    color: red !important;
}