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

.sort-arrows {
    display         : inline-flex;
    flex-direction  : column;
    margin-left     : 5px;
    width           : 12px;
    height          : 20px;
    justify-content : center;
}

.sort-arrow {
    font-size   : 14px;
    line-height : 10px;
    color       : #333;
    transition  : opacity 0.2s;
}

.sortable:hover .sort-arrow {
    opacity : 0.7 !important;
}

.sorted-asc .asc-arrow,
.sorted-desc .desc-arrow {
    opacity : 1 !important;
    color   : #0066cc;
}

.sort-arrow {
    transition : opacity 0.15s ease-out, color 0.15s ease-out;
}

th.sortable {
    transition : background-color 0.15s ease-out;
}

#update-info-table thead th {
    font-weight: normal;
    text-transform: uppercase;
}

#update-info-table thead {
    background: #f1ffeb !important;
    line-height: 6px !important;
}
#update-info-table thead tr{
    background: #f1ffeb !important;
}

#update-info-table {
    margin-top: 1rem;
}

.dtcsh {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}