.text-primary {
    color: #142873 !important;
}

.border-primary {
    border-color: #142873 !important;
}
.btn-primary,
.alert-primary,
.badge-primary,
.bg-primary {
    background-color: #142873 !important;
    color: #fff !important; /* Para asegurar que el texto sea legible */
    border-color: #142873 !important;
}
.navbar-vertical .navbar-nav>.nav-item .nav-link.active .icon {
    background-image: linear-gradient(310deg, #142873 0%, #142873 100%);
}
.nav-link i {
    color:#333 !important;
}
.nav-link.active i {
    color:#fff !important;
}
/********************************/
.label {
    display: inline-block;
    padding: 0.2em 0.4em;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
    border: 1px solid transparent;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
table .label {
    padding: 0.1em 0.5em;
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}
/* Primary Label */
.label-primary {
    background-color: #5e72e4;
    color: #fff;
    border-color: #5e72e4;
}

/* Secondary Label */
.label-secondary {
    background-color: #8392ab;
    color: #fff;
    border-color: #8392ab;
}

/* Success Label */
.label-success {
    background-color: #388e3c;
    color: #fff;
    border-color: #388e3c;
}

/* Danger Label */
.label-danger {
    background-color: #d32f2f;
    color: #fff;
    border-color: #d32f2f;
}

/* Warning Label */
.label-warning {
    background-color: #fbc02d;
    color: #fff;
    border-color: #fbc02d;
}

/* Info Label */
.label-info {
    background-color: #1976d2;
    color: #fff;
    border-color: #1976d2;
}

/* Light Label */
.label-light {
    background-color: #f8f9fe;
    color: #5e72e4;
    border-color: #f8f9fe;
}

/* Dark Label */
.label-dark {
    background-color: #212529;
    color: #fff;
    border-color: #212529;
}
/********************/
.titulo-label {
    display: inline-block;
    padding: 0.2em 0.4em;
    font-weight: 600;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    color:#fff;
}
.titulo-label-success {
    background-color: #388e3c; /* Verde Material */
    color: #fff;
}
.titulo-label-info {
    background-color: #1976d2; /* Azul Material */
    color: #fff;
}

.titulo-label-danger {
    background-color: #d32f2f; /* Rojo Material más oscuro */
    color: #fff;
}
.titulo-label-warning {
    background-color: #fbc02d; /* Amarillo Material más oscuro */
    color: #fff;
}
/********************/
.bg-yellow-pastel {
    background-color: #fff9c4; /* Color amarillo pálido pastel */
    color: #fff;
}
/******************/
.fs-7 {
    font-size: 0.9rem !important;
}

/****/
.btn-tabla-pequeno {
    font-size: 1rem;
    color:#666666;
    padding: 0.1rem 0.25rem;  
    border:0px;
    border-radius: 5px; 
    margin-right: 0.4rem;
}
.btn-tabla-pequeno:hover {
    background-color:#ffffff;
    color: #272727;
}
.btn-tabla-pequeno.success-btn {
    color: #4caf50; /* Verde Material */
    background-color: #fff;
}
.btn-tabla-pequeno.success-btn:hover {
    color: #388e3c; /* Verde Material más oscuro */
}
.btn-tabla-pequeno.info-btn {
    color: #2196f3; /* Azul Material */
    background-color: #fff;
}
.btn-tabla-pequeno.info-btn:hover {
    color: #1976d2; /* Azul Material más oscuro */
}
.btn-tabla-pequeno.danger-btn {
    color: #f44336; /* Rojo Material */
    background-color: #fff;
}
.btn-tabla-pequeno.danger-btn:hover {
    color: #d32f2f; /* Rojo Material más oscuro */
}
.btn-tabla-pequeno.warning-btn {
    color: #ffeb3b; /* Amarillo Material */
    background-color: #fff;
}
.btn-tabla-pequeno.warning-btn:hover {
    color: #fbc02d; /* Amarillo Material más oscuro */
}
/******************/
.dataTables_wrapper .dataTables_info {
    font-size: 0.8rem;
}
.dataTables_wrapper .dataTables_paginate {
    font-size: 0.8rem;
}
div.dt-buttons {
    font-size: 0.8rem;
}
/*************/
.timeline:before {
    display: none !important;
}
.navbar-vertical.navbar-expand-xs .navbar-collapse {
    height: calc(100vh - 200px);
}
label.campo_requerido {
    position:relative;
}
label.campo_requerido::after {
    content:"*";
    color:red;
    position:absolute;
    right:-10px;
}