#the-list tr {
    cursor: move;
}

#food-tabs {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    /* height: 75vh; */
}

#sortable-food-items {
    cursor: move;
}

#sortable-food-items .sortable-placeholder {
    background-color: #f0f0f0;
    border: 2px dashed #ccc;
    height: 40px;
}

.sortable-handle {
    cursor: move;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('dashicons.svg#sort') no-repeat center;
}

.ui-sortable-placeholder {
    background: #f0f0f0;
    outline: 2px dashed #ccc;
    height: 50px;
}