.bg-error {
    background-color: #dc3545 !important; /* Red */
}
th[data-sort-column] {
    position: relative;
    cursor: pointer;
}

th[data-sort-column]::after {
    content: ' \2195'; /* Up-down arrow */
    color: #ccc;
    font-size: 0.8em;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
}

th.sort-asc::after {
    content: ' \2191'; /* Up arrow */
    color: #333;
}

th.sort-desc::after {
    content: ' \2193'; /* Down arrow */
    color: #333;
}