.uk-table--custom tbody tr:first-child {
    background-color: var(--primary-color-900);
}

.uk-table--custom .order {
    display: inline-block;
}

.uk-table--custom .order a {
    color: var(--white-color);
}

.table-button {
    padding: 0 !important;
    width: 4rem;
    vertical-align: middle !important;
}

.table-button.delete {
    background-color: #ffeaea;
    color: #e11930;
    transition: var(--global-transition);
}

.table-button.delete span.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.table-button.delete:hover {
    background-color: #e11930;
    color: #fefefe;
}

.table-button :has(> svg) {
    display: flex;
    justify-content: center;
    color: inherit;
    cursor: pointer;
}

.table-button svg {
    width: 3rem;
    height: 2rem;
    padding: 0 1rem;
}

.table-button svg.small {
    padding: .5rem 1rem;
}

.table-button.narrow {
    width: 3rem;
}

/* fix table with no th having no top border */
table tr:first-child td {
    border-top: .0625rem solid #e0e7eb;
}

.table-icon {
    text-align: center;
    cursor: pointer;
}