/* TABLE */

table,
.keeps-table {
    display: table;
    border: none !important;
    width: 100%;
}



table tr,
.keeps-table.row {
    border: none;
}

table tr:nth-child(even),
.keeps-table-even-row {
    background-color: white  !important;
}


table tr:nth-child(odd),
.keeps-table-odd-row {
    background-color: #f9f9f9 !important;
}


table tr:hover,
.keeps-table-row-hover {
    background-color: #f1f1f1 !important;
}


table th,
.keeps-table-header-column {
    border: none !important;
    position: relative;
}

table td,
.keeps-table-normal-column {
    background-color: transparent !important;
    border: none !important;
}


table .btn {
    white-space: nowrap;
}

/* PAGINATION */

.pagination,
.keeps-pagination {
    background-color: transparent;
}

.pagination > li > span,
.keeps-pagination-li-span {
    background-color: var(--primary-dark) !important;
    border: 1px solid var(--primary-dark) !important;
    border-radius: 4px;
    
    margin: 0px 1px;

    color: white !important; 
    font-size: 12px;
    height: 30px;
}

.pagination > li > a,
.keeps-pagination-li-a {
    background-color: white !important;
    border: 1px solid var(--primary-dark);
    border-radius: 4px;

    margin: 0 1px;

    color: var(--primary-dark);
    font-size: 12px;
    height: 30px;
}


.pagination > li > a:hover,
.keeps-pagination-li-a-hover {
    background-color: var(--primary-light) !important;
    border: 1px solid var(--primary-light) !important;

    color: white !important;
}



.keeps-pager {
    display: flex;
}


.pager > * {
    margin-bottom: 10px;
    height: 30px; 
}


.pager input[type=search] {
    height: 30px;
    border-radius: 4px;
    padding-left: 10px;
}

.dataTables_info, .dataTables_length, .dt-buttons,
.keeps-pager-element {
    height: 30px !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}


.dataTables_length label {
    margin: 0;
}

.dt-buttons .dt-button {
    margin-top: 0 !important;

    height: 31px;
    line-height: unset !important;
}

.dt-buttons .dt-button.disabled span {
    background-color: unset;
}


.dataTables_paginate,
.keeps-pager-paginate {
    margin-top: 0px;
}


.dataTables_wrapper .pager .dataTables_paginate a.paginate_button,
.keeps-pager-paginate-a {
    background-color: white !important;
    border: 1px solid var(--primary-dark) !important;
    border-radius: 4px !important;

    margin: 0 1px;
    padding: 6px 12px !important;

    color: var(--primary-dark) !important;
    font-size: 12px;
    font-weight: bold;
}

.dataTables_wrapper .pager .dataTables_paginate a.paginate_button:hover,
.keeps-pager-paginate-a-hover {
    background-color: var(--primary-light) !important;
    border: 1px solid var(--primary-light) !important;
    color: white !important;
}


.dataTables_wrapper .pager .dataTables_paginate a.paginate_button.disabled,
.keeps-pager-paginate-a-current {
    background-color: #e8e8e8 !important;
    border: 1px solid #e8e8e8 !important;
    color: #888888 !important;

    cursor: not-allowed !important;
}

.dataTables_wrapper .dataTables_paginate span a.paginate_button.current,
.keeps-pager-paginate-a-current {
    background: none;
    background-color: var(--primary-dark) !important;
    border: 1px solid var(--primary-dark) !important;
    border-radius: 4px;
    
    margin: 0px 1px;

    color: white !important;
    font-size: 12px;
}

.dataTables_wrapper .dataTables_paginate span a.paginate_button.current:hover,
.keeps-pager-paginate-a-current-hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
    color: white !important;
}



div.pages span.inactive {
    padding: 6px 12px;
    background-color: #e8e8e8;
    border: 1px solid #e8e8e8;
    color: #888888;
    cursor: not-allowed;

    border-radius: 4px;
}




div.pages {
    margin: 10px 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 5px;
    padding-left: 0;
}

div.pages span.currentPage {
    padding: 6px 12px;
    background-color: var(--primary-dark);
    border: solid 1px var(--primary-dark);
    color: white;

    border-radius: 4px;
}


div.pages a:link,
div.pages a:visited {
    padding: 6px 12px;
    background-color: white;
    border: 1px solid var(--primary-dark);
    border-radius: 4px;

    color: var(--primary-dark);
}


div.pages a:hover {
    background-color: var(--primary-light);
    border-color: var(--primary-light);
    color: white;
}




/* tabelas com scroll */
#pat_member #memberresultst,
#tools_letter #lettert,
#tools_koha-news #newst,
#ser_subscription_numberpatterns table,
#rep_guided_reports_start #table_reports,
#admin_branches #libraries_wrapper,
#admin_itemtypes #table_item_type,
#admin_authorised_values #categoriest,
#admin_categorie #patron_categories,
#admin_cities #table_cities,
#admin_debit_types #table_debit_types,
#admin_credit_types #table_credit_types,
#admin_auth_tag_structure #table_authtagstructure,
#admin_marctagstructure #table_marctagstructure,
#admin_searchengine_mappings #search_fields_table,
#admin_currency #currencies-table,
#admin_smart-rules table,
#admin_categorie table,
/* #circ_circulation #table_borrowers, */
#circ_pendingreserves #searchresults,
.keeps-table-scroll {
    display: block;
    overflow-x: auto;
    width: auto !important;
}

#table_marctagstructure {
    overflow-x: visible !important;
}




.fixedHeader-floating {
    width: unset;
    display: block;
}



@media screen and (max-width: 540px) {
    table {
        display: block;
        overflow-x: auto;
        width: auto !important;
    }
}
