.page-table {
    margin: 1rem auto;
    padding: 20px;
}

.market-data {
    color: var(--text-primary);
}

.market-data thead label {
    cursor: pointer;
    user-select: none;
}

.market-data thead td span {
    display: none;
}

.market-data thead td.up span.arrow-down {
    display: inline;
}

.market-data thead td.down span.arrow-up {
    display: inline;
}

/* Bootstrap table overrides */
.table {
    color: var(--text-primary);
    border-color: var(--border-color);
}

.table> :not(caption)>*>* {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    border-bottom-color: var(--border-color);
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: var(--bg-card);
    color: var(--text-primary);
}