ul {
	margin: 0;
	padding: 0;
}

ul[data-axi="sortable"] {
	float: left;
	width: 100%;
}

ul[data-axi="sortable"] li:not(ul[data-axi="sortable"] li[data-axi="no_style"]) {
	cursor: grab;
	list-style: none;
	float: left;
	background-color: var(--accordion-background);
	color: var(--body-text-color);
	padding: 11px 0 11px 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	font-weight: 100;
	margin-bottom: 8px;
	box-sizing: border-box;
	transition: background 0.8s, color 0.8s;
	border-radius: var(--border-radius);
}

ul[data-axi="sortable"] li[data-axi="no_style"] {
	cursor: grab;
	list-style: none;
	border: none;
	overflow: auto;
}

ul[data-axi="sortable"] ul[data-axi="sortable"] {
	background: #838383;
	padding: 10px;
	width: calc(100% + 18px);
	box-sizing: border-box;
	position: relative;
	margin-top: 11px;
	margin-bottom: -11px;
	margin-left: -18px;
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
	transition: background 0.8s, color 0.8s;
}

ul[data-axi="sortable"] li:not(ul[data-axi="sortable"] li[data-axi="no_style"]) i {
	margin-right: 10px;
}

.sortable_ul_odd {
	background: #838383 !important;
}

.sortable_ul_even {
	background: var(--body-background-color) !important;
}