.miGridView {
    border-collapse: collapse;
    width: 100%;
    border: none;
    position: relative;
    color: var(--color-3);
    min-width: 80px; /* o el ancho que quieras */
    table-layout: auto; /* mantiene tus ItemStyle-Width */
}

    .miGridView td {
        /*padding: 12px 15px;*/
        padding: 8px 8px 6px 7px;
        text-align: left;
        font-size: 11px;
        font-weight: lighter;
    }

    /*.miGridView td span {
            display: block !important;
            white-space: nowrap !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            width: 100% !important;
        }*/


    .miGridView th {
        background-color: var(--color-2); /*#0f172a; #007bff; ##c91f1a;///#191970;*/
        color: var(--color-1) !important;
        font-weight: bolder;
        padding: 4px 2px;
        text-align: left;
    }

        .miGridView th a {
            color: var(--color-1);
            margin-left: 4px;
            font-size: 12px !important;
            font-weight: bold;
            text-decoration: none;
            margin-top: 5px;
            max-width: calc(100% - 7px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            display: block;
            margin-bottom: 1px;
        }

        .miGridView th input {
            padding: 5px;
            height: 23px;
            border: 1px solid white;
        }

.align-right-header {
    margin-right: 4px !important;
    display: block !important;
    text-align: right !important;
    text-decoration: none;
    margin-bottom: 1px !important;
}

.align-center-header {
    margin-right: 4px !important;
    display: block !important;
    text-align: center !important;
    text-decoration: none;
    margin-bottom: 1px !important;
}

.search-input {
    height: 30px;
}

.search-input-actions {
    height: 30px;
    visibility: hidden !important;
}

.grid-icon {
    font-size: 18px;
    cursor: pointer;
    line-height: 1;
}

.miGridView tbody tr:nth-child(even) {
    background-color: var(--color-4); /* Color de las filas pares */
}

.miGridView tbody tr:nth-child(odd) {
    background-color: var(--color-5); /* Color de las filas impares */
}

.miGridView tr {
    height: 5px !important; /* Puedes ajustar el valor según lo que necesites */
}

.row-hover:hover {
    background-color: var(--color-7) !important;
    cursor: pointer;
    border: none;
    /*box-shadow: 0 0 4px #cac8c8;*/
    color: var(--color-3);
}

.miGridView tr {
    height: 5px !important; /* Puedes ajustar el valor según lo que necesites */
}

.miGridView .gridview-row {
    font-size: 10px; /* Ajusta el tamaño de la fuente */
    line-height: -1; /* Ajusta la altura de la línea */
    padding-top: -10px; /* Ajusta el relleno */
    padding-bottom: -10px; /* Ajusta el relleno */
    margin: 0; /* Ajusta el margen */
}

._10px {
    font-size: 12px !important;
}

._10px2 {
    font-size: 14px !important;
}

/* Estilos para la tabla de paginación dentro del GridView */
table tr td table tbody tr td a {
    padding: 5px 10px; /* Reduce el padding para menor separación */
    background: var(--color-4); /* Color de fondo normal */
    border-radius: 20px; /* Bordes redondeados */
    text-decoration: none; /* Quitar subrayado */
    color: var(--color-2); /* Color del texto */
    margin: 0px; /* Menos espacio entre los números */
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    transition: all 0.3s ease-in-out;
}

    /* Hover (cuando pasas el mouse) */
    table tr td table tbody tr td a:hover {
        background: var(--color-5);
        color: var(--color-2);
    }

/* Estilo para la página activa */
table tr td table tbody tr td span {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-1);
    background: var(--color-2);
    border-radius: 20px;
    pointer-events: auto;
}

#miGridView table {
    table-layout: fixed;
}

/* ===========================================
   ||         Grid de cuentas                ||
   =========================================== */

.GVCuentas {
    min-height: 640px;
    max-height: 640px;
    overflow-y: auto; /* Scroll vertical */
}

    /* Fijar los encabezados */
    .GVCuentas th {
        position: sticky;
        top: 0;
        z-index: 5; /* Asegura que esté sobre las filas */
    }

/* Contenedor scrollable */
.GVArticulos {
    min-height: 640px;
    max-height: 640px; /* Ajusta según necesidad */
    overflow-y: auto; /* Scroll vertical */
}

    /* Fijar los encabezados */
    .GVArticulos th {
        position: sticky;
        top: 0;
        z-index: 5; /* Asegura que esté sobre las filas */
    }

.GVRecetas {
    min-height: 680px;
    max-height: 680px; /* Ajusta según necesidad */
    overflow-y: auto; /* Scroll vertical */
}

    /* Fijar los encabezados */
    .GVRecetas th {
        position: sticky;
        top: 0;
        z-index: 5; /* Asegura que esté sobre las filas */
    }

.gvFull {
    min-height: 680px;
    max-height: 680px;
    overflow-y: auto; /* Scroll vertical */
}

    .gvFull th {
        position: sticky;
        top: 0;
        z-index: 5; /* Asegura que esté sobre las filas */
    }

.gvCliente_Actividades {
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto; /* Scroll vertical */
}

    .gvCliente_Actividades th {
        position: sticky;
        top: 0;
        z-index: 5; /* Asegura que esté sobre las filas */
    }

.gvComp_Actividades {
    min-height: 150px;
    max-height: 150px;
    overflow-y: auto; /* Scroll vertical */
}

    .gvComp_Actividades th {
        position: sticky;
        top: 0;
        z-index: 5; /* Asegura que esté sobre las filas */
    }

.row-fantasma {
    visibility: hidden; /* La fila se oculta visualmente pero mantiene su espacio */
}

.cb-grid {
    font-size: 11px !important;
    height: 20px;
    padding: 0 5px;
}