table.listagem { width: 100%; border-spacing: 1px; }

table.listagem th { background-color: var(--color-azul); }
table.listagem td, table.listagem th { padding:5px;}

table.listagem thead th {
    padding: 10px 5px;
    border-bottom: 1px solid #666;
    color: white;
    font-size: 12px;
}

table.listagem thead th:first-child { border-top-left-radius: 2px; }
table.listagem thead th:last-child {
    border-top-right-radius: 2px;
}

table.listagem tbody tr { vertical-align: top; }

table.listagem tbody th {
    border-right: 1px solid #666;
    text-align: right;
    padding: 10px;
}
table.listagem tbody tr:nth-child(2n-1) td { background-color: var(--color-cinza); }

table.listagem tbody tr:hover td { background-color: var(--color-cinza-40); }

form table.listagem tr:hover td {background-color: var(--color-cinza); }

table.listagem tbody th { padding-top: 5px; }

table.listagem tr.limpo th,
table.listagem tbody tr.limpo td,
tr.limpo:hover td { background: none; border:0;}

table.listagem tfoot td {
    padding: 10px 5px;
    border-bottom: 1px solid #666;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    background-color: var(--bg-color-theader);
}

table.listagem tbody tr.marcado td { background-color: var(--color-azul); }

table.listagem tbody tr.error:nth-child(1n-1) td { background-color: #FF000040 !important; }

/** Fixa celula de uma tabela no topo do browser no scroll Y **/
.fix-celula {
    position: sticky;
    top: 0;
}