$table-header-prefix-cls: #{$table-prefix-cls}-header;

.#{$table-header-prefix-cls} {

    position: relative; 
    .#{$table-prefix-cls}{
        &-column{
            background-color: #f8f8f9;
        }
        
    }
    &-sortable { 
        margin-left: 4px;
        display: inline-block;
        vertical-align: middle;
        width: 12px;
        height: 16px;
        position: relative;
        transform: translateY(-1px);

        &-active {
            color: $primaryColor;
        }

        &-up,
        &-down {
            font-size: 12px;
            zoom: 80%;
            width: 14px;
            position: absolute;
            left: 0;
            right: 0;
            cursor: pointer;

        }

        &-up {
            top: 0;

        }

        &-down {
            bottom: 0;
        }
    }
}