.demote-into-tokens {
    display: flex;
    margin-left: 7px;
}

.settings-table, .settings-table-alternate, .email-settings-table {
    width: 90%;
    table-layout: fixed;
}

.settings-table th:nth-child(1), .email-settings-table th:nth-child(1) {
    width: 20%
}

.settings-table th:nth-child(2), .email-settings-table th:nth-child(3) {
    width: 30%
}
.settings-table th:nth-child(3), .email-settings-table th:nth-child(2) {
    width: 50%
}

.settings-table input:not(input[type="checkbox"], input[type="radio"]), 
.settings-table-alternate input:not(input[type="checkbox"], input[type="radio"]), 
.email-settings-table input:not(input[type="checkbox"], input[type="radio"]) {
    width: 100%;
}

.settings-table textarea, .settings-table select,.settings-table-alternate textarea, .settings-table-alternate select, .email-settings-table textarea, .email-settings-table select {
    width: 100%;
}

.settings-table input[type="radio"] {
    margin-right: var(--small-gap);
}

.settings-table td {
    padding: 0.2rem 0.5rem;
}

.settings-group-label {
    font-size: 16px;
    font-weight: bold;
}

.table-empty .table-header-visible-if-non-empty {
    display: none;
}

.table-non-empty .table-header-visible-if-empty {
    display: none;
}

.big-settings-group-label {
    font-weight: bold; /* subcategories already bold so this should be too */
    font-size: var(--large-font-size); /* subcategories are 16px - this tries to be large enough to clearly stand out, but not large enough to be annoying */
}

.height-200{
    height: 200px;
}

.height-300{
    height: 300px;
}

.ct-settings-input {
    width: 95%;
    max-width: 500px;
}

.hierarchy-list {
    display: grid;
    grid-template-columns: auto;
}

.hierarchy-list-node-title {
    display: flex;
    align-items: center;
    gap: var(--small-gap);
}

.hierarchy-list .node .child {
    padding-left: var(--tab-size);
}

.section-header {
    width: 100%;
}

.acl-reassign-org-cb {
    visibility: hidden;
}

.acl-reassign-series-cb {
    margin-left: 32px;
    margin-right: 4px;
}

.select-all-cb {
    margin-right: 4px;
}

.acl-reassign-acl-cb {
    margin-left: 48px;
    margin-right: 4px;
}

.icon-button {
    border: unset;
    min-width: unset;
    background: unset;
    margin: 0;
    padding: 0;
}

.icon-button:hover:enabled {
    cursor: pointer;
}

.visibility-cell {
    display: flex;
    gap: var(--small-gap);
}

.visibility-cell .visibility-text {
    line-height: 16px;
}

.show-formulas {
    cursor: pointer;
    color: var(--unvisited-link-color);
}

.formulas-shown {
    display: none;
}

.visibility-cell .material-icons-outlined {
    font-size: 17px; /* As large as possible without overflow for that particular icon. */
    padding-top: 1px; /* The icon itself seems off-center a bit. */
}

.table.field-usages-table {
    margin-bottom: 0;
}

.table.field-usages-table th,
.table.field-usages-table td {
    padding: 0; /* there might be a lot of rows, can't take much extra space */
    text-align: left;
}

.field-link-reset-button {
    margin: 0;
    padding: 0 3px;
    display: inline-flex;
    align-items: center;
    font-size: inherit;
    gap: var(--small-gap);
    min-width: unset;
    height: min-content;
}

.field-link-reset-button .material-icons-outlined {
    font-size: var(--f12);
}

.field-link-reset-button-container {
    display: flex;
    gap: var(--small-gap);
}

.field-link-inheriting-from-cell {
    color: gray;
    font-style: italic;
}

.field-link-usages-category-header-row {
    text-align: left;
}


.field-selectors-table th {
    text-align: left;
}

.diag-views-overview tr:nth-child(1) td {
    font-weight: bold;
}

.diag-views-overview td {
    padding: 0.2em;
    border-bottom: solid 1px #dddddd;
}

.diag-filters-good {
    background-color: #ddffdd;
}

.diag-filters-bad {
    background-color: #ffdddd;
}

.admin-links-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 70px;
    box-sizing: border-box;
    align-items: flex-start;
}

.admin-links-section {
    flex: 1 1 300px;
    box-sizing: border-box;
    padding: 0; 
}

.admin-links-list a {
    text-align: left;
    display: block;
}

.ct-button-settings .button-cell {
    position: absolute;
    left: calc(100% + var(--small-gap));
}

.ct-button-settings div.picker-table.selectize-control::after {
    display: none;
}

.ct-button-settings .selectize-input {
    box-shadow: none;
    --webkit-box-shadow: none;
}