.pivot-table-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    min-height: 500px;
    gap: 5px;
}

.pivot-table {
    width: fit-content;
}

.pivot-table-responsive {
    flex: 1 1 auto;
    overflow-x: auto;
    align-self: stretch;
    max-height: calc(100vh - 230px);
}

.pivot-table-menu {
    padding: 5px;
    width: 500px;
    max-width: 500px;
    flex: 1 1 auto;
    align-self: stretch;
    border: 1px solid #e3e6f0;
    overflow-y: scroll;
}

.pivot-table-menu-item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 5px;
}

th.sorting-header {
    user-select: none;
}

th.sorting-asc::after {
    content: " ▲";
    font-size: 0.8em;
}

th.sorting-desc::after {
    content: " ▼";
    font-size: 0.8em;
}