/* Cambiar color del texto del sidebar */
.main-sidebar .nav-sidebar .nav-link,
.main-sidebar .brand-link,
.main-sidebar .nav-treeview > .nav-item > .nav-link {
    color: #666666 !important; 
    /* color: white !important; */
}

/* Opcional: color al pasar el mouse */
.main-sidebar .nav-sidebar .nav-link:hover {
    color: black !important; /* negro al pasar el mouse */
}

.main-sidebar {
    background-color: white !important;
}

/* Cambiar tipo de letra solo al sidebar */
.main-sidebar, 
.main-sidebar .nav-sidebar .nav-link, 
.main-sidebar .brand-link, 
.main-sidebar .nav-header {
    font-family: "Roboto", sans-serif !important;
}

/* Hover (cuando pasas el mouse) */
.nav-sidebar .nav-item > .nav-link:hover {
    background-color: #4da0ff !important; /* color de fondo al pasar el mouse */
    color: white !important; /* color del texto */
    width: 13.5em; /*225px;*/
}

/* Activo (menú seleccionado) */
.nav-sidebar .nav-item > .nav-link.active {
    background-color: #4da0ff !important; /* color de fondo activo */
    color: #ffffff !important; /* color del texto activo */
}

.nav-sidebar .nav-treeview > .nav-item > .nav-link.active {
    width: 13.5em;
}

.custom-border {
    border: 0.3px solid #4da0ff; /* solo contorno */
    border-radius: 8px; 
    border-collapse: separate; 
    overflow:  hidden;
}

.custom-border th,
.custom-border td {
    border: none; /* quitar líneas internas */
}

.mi-card {
    border: 0.3px solid #4da0ff !important;
    border-radius: 10px !important;
}

.border-table {
    
    border-radius: 8px; 
    /* border-collapse: separate;  */
    overflow:  hidden;
    border: 0.3px solid #4da0ff !important; 
}
.cabecera-table {
    border-top: none !important;
    border-bottom: 0.3px solid #4da0ff !important; 
    color:#222445; 
    text-align: center;
}


.fila-table-texto-izquierdo{
    color:#222445; 
    text-align: left;
    border: none !important;
}
.fila-table-texto-centro {
    color:#222445; 
    text-align: center;
    border: none !important;
}
.fila-table-texto-derecha {
    color:#222445; 
    text-align: right;
    border: none !important;
}

.texto-estado-pendiente
{
    background-color: #ffc107; 
    padding:5px; 
    border-radius: 3px; 
    color:#222445;
}

.texto-estado-entregado
{
    background-color: #28a745; 
    padding:5px; 
    border-radius: 3px; 
    color:white;
}

.texto-estado-pagado
{
    background-color: #007bff; 
    padding:5px; 
    border-radius: 3px; 
    color:white;
}


.tabla-filas-delgadas
{
    padding: .5rem !important;
    vertical-align: middle !important;
    border: none !important;
}

/* .tabla-borde-color {
    border: none;
    border-radius: 8px !important; 
    border-collapse: separate; 
    overflow:  hidden !important;
    border: 0.3px solid #4da0ff !important; 
} */
.tabla-borde-color {
    border: 0.3px solid #96bae7 !important; /* borde de la tabla */
    border-radius: 8px !important;          /* esquinas redondeadas */
    border-collapse: separate !important;   /* separa celdas */
    border-spacing: 0 !important;           /* sin espacio extra */
    overflow: hidden !important;            /* redondeo visible */
}

/* Estilo encabezado tipo card-header */
.tabla-borde-color thead th {
    background-color: #e6f1ff !important;
    color: black !important;
    border: 0.3px solid #4da0ff !important;
    /* border-bottom: none !important; */
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;;

    /* border-radius: 8px 8px 0 0 !important; */
}

/* Estilo encabezado tipo card-header */
.tabla-borde-color tbody td {
   line-height: 2.5rem;
   padding: 0px;
   vertical-align: middle;
   padding-left: 10px;
}

.tabla-borde-color th,
.tabla-borde-color td {
    border: none !important; /* quita los bordes internos */
}


.modal-header-color{
    background-color: #4da0ff; 
    color: white;
}

.modal-footer-border-top{
    border-top: 0.3px solid #4da0ff !important;
}