table.table-hover > tbody > tr {
    cursor: pointer;
}

.selectable {
    cursor: pointer;
}

.sortable {
    cursor: pointer;
    user-select: none;
}

.sortable::before {
    content: "\f0dc";
    padding-right: 4px;
    font-family: "Font Awesome 6 Pro";
    opacity: var(--fa-secondary-opacity, 0.4);
}

.sortable.desc::before {
    content: "\f0dd";
    padding-right: 4px;
    font-family: "Font Awesome 6 Pro";
    opacity: 1.0;
}

.sortable.asc::before {
    content: "\f0de";
    padding-right: 4px;
    font-family: "Font Awesome 6 Pro"; 
    opacity: 1.0; 
}