.hpm-referred-table .sortable {
    cursor: pointer;
    user-select: none;
    position: relative;
}

.hpm-referred-table .sortable:hover {
    background-color: #f8f9fa;
}

.hpm-referred-table .sort-icon {
    margin-left: 5px;
    opacity: 0.5;
    transition: opacity 0.2s;
}

.hpm-referred-table .sortable.asc .sort-icon {
    opacity: 1;
}

.hpm-referred-table .sortable.desc .sort-icon {
    opacity: 1;
}

.hpm-referred-table .sortable .fa-sort-up,
.hpm-referred-table .sortable .fa-sort-down {
    display: none;
}

.hpm-referred-table .sortable.asc .fa-sort-up {
    display: inline;
}

.hpm-referred-table .sortable.desc .fa-sort-down {
    display: inline;
}

.hpm-referred-table .sortable .fa-sort {
    display: inline;
    opacity: 0.3;
}