table {
    border: 1px solid var(--secondary-color);
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    z-index: 11;
}

table.vertical-align td {
    vertical-align: middle;
}

table tr:nth-child(even) {
    background: white;
}

table thead {
    background: var(--secondary-color);
    border-bottom: 1px solid var(--secondary-color);
}

table thead th {
    padding: 4px 12px;
    font-size: 14px;
    font-weight: normal;
    color: var(--table-lighter-color);
    border-left: 1px solid var(--table-lighter-color);
}

table thead th:first-child {
    border-left: none;
}

table tfoot, table tbody {
    font-size: 14px;
    color: var(--secondary-color);
    background: var(--table-cell-background);
    border-top: 1px solid var(--secondary-color);
}

table tbody td {
    padding: 8px 12px;
    font-size: 14px;
}

table tbody td a, table tbody td a:link, table tbody td a:visited, table tbody td a:focus, table tbody td a:active {
    color: var(--secondary-color);
}