app-table .sortable-header-cell {
    cursor: pointer;
}

app-table .standard-table-cell {
    /* max-width: 200px; */
}

app-table .standard-table-cell .array-cell .value-label {
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-color: lightgray;
    border-radius: 6px;
    color: black;
}
app-table .standard-table-cell .array-cell button:disabled .value-label {
    background-color: inherit;
}

app-table .options-column-cell {
    width: 100%;
    text-align: right;
}
app-table td .options-column-cell {
    /* padding-right: 1em; */
}

.options-menu {
    text-align: center;
}

app-table .page-controls {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr 2fr 2fr;
    position: sticky;
    bottom: 0;
    background-color: white;
    align-items: baseline;
}
app-table .page-controls .page-label {
    text-align: center;
}

.options-menu .menu-option:hover {
    cursor: pointer;
    background-color: lightgray;
}

app-table table tr.header-container th.is-sorting-columns {
    vertical-align: top;
}
app-table table tr.header-container th.is-sorting-columns:hover,
app-table table tr.header-container th.is-sorting-columns:hover * {
    cursor: grab;
}

app-table .column-dragging-handle {
    width: 100%;
}

app-table .export-to-spreadsheet-on-change-ui-container {
    padding: 1rem;
}

app-table .export-to-spreadsheet-on-change-ui-container .main-message {
    margin-bottom: 1rem;
}