/*
    Nombre : paginacion.grid.css
    Resumen: Conjunto de estilos aplicados a la paginacion de las cuadriculas de datos. Inspeccion de codigo html,
             confirma que estilo es aplicado etiqueta <tr>, de seccion <tfoot> de cuadricula.

             El sufijo -mfx hace alusión a nombre actual de aplicación MIFIndex.
    Fecha  : 20/05/2022

    Ruta de etiqueta a en paginación
    pagination-th > td > table > tbody > tr > td > a
*/

.pagination-mfx > td {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 15px; /* GAB, 14-10-21: conforme inspeccion, valor que mejora superposicion de lineas entre ultima fila y pie */
    border-bottom-width: 0px !important; /* GAB, 20-05-22: suprime linea horizontal heredado de tabla*/
}

    .pagination-mfx > td > table {
        width: 100%;
    }


.pagination-mfx table > tbody > tr > td {
    display: inline;
}

    .pagination-mfx table > tbody > tr > td > a,
    .pagination-mfx table > tbody > tr > td > span {
        position: relative;
        float: left;
        padding: 8px 12px;
        line-height: 1.42857143;
        text-decoration: none;
        color: #1961ac;
        background-color: #fff;
        border: 1px solid #ddd;
        margin: 5px 0 5px -1px; 
    }

    .pagination-mfx table > tbody > tr > td > span {
        z-index: 2;
        color: #aea79f;
        background-color: #f5f5f5;
        cursor: default;
    }

    .pagination-mfx table > tbody > tr > td:first-child > a,
    .pagination-mfx table > tbody > tr > td:first-child > span {
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
        margin-left: 0px; /*MIFIndex, cultura. Origen: 5px */
    }

    .pagination-mfx table > tbody > tr > td:last-child > a,
    .pagination-mfx table > tbody > tr > td:last-child > span {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
        margin-right: 5px;
    }

    .pagination-mfx table > tbody > tr > td > a:hover,
    .pagination-mfx table > tbody > tr > td > a:focus {
        color: #00275C;
        background-color: #eee;
    }




/*

.pagination-mfx {
    display: flex;
    padding-left: 0;
    list-style: none
}


.page-link-mfx {
    position: relative;
    display: block;
    color: var(--ct-pagination-color);
    background-color: var(--ct-pagination-bg);
    border: 1px solid var(--ct-pagination-border-color);
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.pagination-rounded-mfx .page-link-mfx {
    border-radius: 30px !important;
    margin: 0 6px;
    border: none
}

.pagination-rounded-mfx .page-item:last-child .page-link-mfx {
    margin-right: 0
}

.pagination-mfx a {
    line-height: 1.25 !important
}

.justify-content-end-mfx {
    justify-content: flex-end !important
}



.page-item:not(:first-child) .page-link-mfx {
    margin-left: -1px
}

.page-item.active .page-link-mfx {
    z-index: 3;
    color: var(--ct-component-active-color);
    background-color: var(--ct-component-active-bg);
    border-color: var(--ct-component-active-bg)
}

.page-item.disabled .page-link-mfx {
    color: var(--ct-pagination-disabled-color);
    pointer-events: none;
    background-color: var(--ct-pagination-disabled-bg);
    border-color: var(--ct-pagination-disabled-border-color)
}

.page-item:first-child .page-link-mfx {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link-mfx {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

*/