/* Standard Table */
table {
    width: 100%;
}
.page-container > table, .list > table {
    table-layout:fixed;
}
th:first-child, td:first-child {
    border-left: 0;
}
th.date {
    width: 100px;
}
th.time {
    width: 180px;
}
th.integer {
    width: 73px;
}
th.date, th.integer, th.double, th.long {
    text-align: left;
}
th.id {
    width: 54px;
}
tr.even  {
    background-color: white;
}
tr.odd {
    background-color: #E9E9E9;
}
tr:nth-child(even) {
    background-color: white;
}
tr:nth-child(odd) {
    background-color: #E9E9E9;
}
th, td {
    padding: 3px 5px 3px 8px;
    white-space: nowrap;
    overflow: hidden;
    border-left: 3px solid white;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
th, th a {
    background-color: #B3B3B3;
    color: white;
}

tr.highlight, tr:hover {
    background-color: #D0DDEF;
}
span.ellipsis:after {
    content: "...";
}

/* ---------------------------------------------------------------------------
   Ordenacao por clique no cabecalho.

   O link ocupa a celula inteira para que a area clicavel seja o cabecalho todo,
   e nao apenas as letras. Herda cor e fonte do th, para que a coluna nao pareca
   um link comum no meio da tabela.

   As colunas de associacao nao recebem a classe .ordenavel e continuam sem
   cursor de clique — o usuario percebe pela ausencia da seta que ali nao ordena.
--------------------------------------------------------------------------- */
th.ordenavel {
    cursor: pointer;
}
th.ordenavel a.ordenar {
    display: block;
    color: inherit;
    font: inherit;
    text-decoration: none;
}
th.ordenavel:hover {
    background-color: rgba(0, 125, 197, 0.10);
}
/* Seta indicando a coluna ordenada e o sentido. Usa ::after para nao alterar a
   largura calculada das colunas, que o fixedHeader replica na tabela clonada. */
th.ordenado-asc a.ordenar::after {
    content: " \25B2";
    font-size: 9px;
    color: #007dc5;
}
th.ordenado-desc a.ordenar::after {
    content: " \25BC";
    font-size: 9px;
    color: #007dc5;
}