Сортировка с помощью SortableJS

[Parallelogram]

Здравствуйте. Не могу сообразить, как настроить правильно сортировку с помощью SortableJS (не jquery sortable).
Имеется список с категориями в которых список со строками. План такой: нужно менять местами категории и менять местами строки. Строки можно перемещать из категории в категорию.
(Аналогия: есть дни недели и в каждом дне есть различные дела. Дела можно переносить внутри дня и на другой день. И дни можно менять местами.)

Чего я смог добиться: сортировать категории друг относительно друга (не пихать в строки).

А вот что я никак не могу сделать:
1. Чтобы категория ".sortable_noct" находилась всегда внизу. то есть поднять её нельзя, и под неё поставить категорию тоже было невозможно.
2. Как перетаскивать строки внутри категории, в другую категорию, и не запихивать в другие места?

Подскажите, как заставить списки сортироваться правильно?

<ul class="total" id="total">
	<li class="sortable_ct">
		<div class="mm"></div>
		<div class="name_ct">ct_1</div>
		<ul>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_1_pg_1</div></li>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_1_pg_2</div></li>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_1_pg_3</div></li>
		</ul>
	</li>
	<li class="sortable_ct">
		<div class="mm"></div>
		<div class="name_ct">ct_2</div>
		<ul></ul>
	</li>
	<li class="sortable_ct">
		<div class="mm"></div>
		<div class="name_ct">ct_3</div>
		<ul>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_3_pg_1</div></li>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_3_pg_2</div></li>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_3_pg_3</div></li>
		</ul>
	</li>
	<li class="sortable_ct sortable_noct">
		<div class="mm"></div>
		<div class="name_ct">ct_no</div>
		<ul>
			<li class="sortable_pg"><div class="mm"></div><div class="name_pg">ct_no_pg_1</div></li>
		</ul>
	</li>
</ul>

let elct = document.getElementById('total');
let elpg = [].slice.call(document.querySelectorAll('.total .sortable_ct'));

new Sortable(elct, {
	animation: 150,
	group: 'ct',
	handle: '.total .sortable_ct > .mm',
	filter: '.total .sortable_noct > .mm',
	ghostClass: 'move',
	sort: true,
	draggable: '.total .sortable_ct',
	onStart: function(evt) {
		$('body').addClass('moveCT');
		console.log(evt);
	},
	onEnd: function(evt) {
		$('body').removeClass('moveCT');
	}
});


for (var i = 0; i < elpg.length; i++) {
	new Sortable(elpg[i], {
		group: 'pg',
		animation: 150,
		ghostClass: 'move',
		handle: '.total .sortable_pg > .mm',
		onStart: function(evt) {
			$('body').addClass('movePG');
		},
		onEnd: function(evt) {
			$('body').removeClass('movePG');
		}
	});
}

Ссылка на рабочий пример: https://jsfiddle.net/bd86k9L4/