.ssc-hk .sortable {
    display: table;
    width: 100%;
    max-width: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    zoom: 1;
}

.ssc-hk .sortable > .sortable-header {
    display: table-row;
    color: #333;
    background-color: #ecf2f9;
    font-weight: bold;
}

.ssc-hk .sortable > .sortable-row {
    display: table-row;
}

.ssc-hk .sortable > .sortable-row:nth-of-type(2n+1) {
    background-color: #f9f9f9;
}

.ssc-hk .sortable .sortable-column {
    display: table-cell;
    padding: 8px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

.ssc-hk .sortable .sortable-column.sortable-move-up {
    width: 20px;
    min-width: 20px;
    padding: 8px 0px;
    text-align: right;
    cursor: pointer;
}

.ssc-hk .sortable .sortable-column.sortable-move-down {
    width: 20px;
    min-width: 20px;
    padding: 8px 0px;
    text-align: left;
    cursor: pointer;
}

.ssc-hk .edit-panel-readonly .sortable .sortable-column.sortable-move-up {
    display: none;
}

.ssc-hk .edit-panel-readonly .sortable .sortable-column.sortable-move-down {
    display: none;
}

.ssc-hk .sortable .sortable-column.sortable-index {
    width: 50px;
    min-width: 50px;
    text-align: center;
}

.ssc-hk .sortable .sortable-column > * {
    display: inline-block;
    width: 100%;
}