.ui-table {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.ui-table-sm {
    font-size: 13px;
}

.ui-table-xs {
    font-size: 12px;
}

.ui-table th,
.ui-table td {
    text-align: left;
    padding: .7em;
}

.ui-table-sm th,
.ui-table-sm td {
    padding: .5em;
}

.ui-table tbody td {
    transition: background-color 199ms ease-out;
}

.ui-table.ui-table-bordered {
    border: 1px solid #ddd;
}

.ui-table.ui-table-bordered-all th,
.ui-table.ui-table-bordered-all td {
    border: 1px solid #ddd;
}

.ui-table th {
    font-weight: 500;
    border-bottom: 2px solid #eee;
}

.ui-table-with-header thead th {
    background-color: rgba(0,0,0,.1);
    font-weight: 500;
}

.ui-table-background {
    background-color: white;
}

.ui-table tbody tr:hover td {
    background-color: #fafafa;
}

html[data-color-mode="dark"] .ui-table tbody tr:hover td {
    background-color: rgba(0,0,0,.7);
}

.ui-table tfoot td {
    padding-top: 20px;
}

.ui-table td.faded {
    opacity: .4;
}

.ui-table tr.hideable-row td.hideable-cell {
    opacity: 0;
    transition: 199ms ease;
}
.ui-table tr.hideable-row:hover td.hideable-cell {
    opacity: 1;
}

.ui-table tr .deleted {
    background-color: rgba(255, 0, 0, 0.05);
}

.ui-table tr.row-danger td {
    background-color: rgba(255, 0, 0, 0.05) !important;
}