ul[items-container] {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul[items-container] [repeater-item] {
	margin-top: 10px;
}

.repeater-table {
	width: 100%;
	border-collapse: collapse;
}

.repeater-table td {
	padding: 10px;
	border: 1px solid #eee;
	background: #fff;
}

.repeater-table tr td.operations {
	padding: 5px;
	width: 10px;
	background: #f8f8f8;
	vertical-align: top;
	white-space: nowrap;
}

/* Nestable */

.repeater-connection {
	list-style-type: none;
}

.repeater-connection.wrapper {
	padding: 0;
	width: 100%;
}

.repeater-connection:not(.wrapper) {
	width: 100%;
	padding-block: 10px;
	padding-inline-start: 10px;
	padding-inline-end: 20px;
	background-color: #e5e5e5;
	border-top: 1px solid #ccc;
}

.repeater-connection .ui-state-highlight {
	border: 0 !important;
}

.repeater-connection [repeater-item] {
	position: relative;
	background: #eee;
	border: 1px solid #ccc;
	border-radius: 5px;
	border-collapse: collapse;
	z-index: 5;
}

.repeater-connection [repeater-item] > .repeater-table {
	border: 1px solid #aaa;
}

.repeater-connection:not(.wrapper) > li {
	position: relative;
}

.repeater-connection:not(.wrapper) > li::before {
	content: " ";
	position: absolute;
	width: 2px;
	background-color: #aaa;
	top: -10px;
	bottom: -25px;
	left: -20px;
}

.repeater-connection:not(.wrapper) > li:only-of-type::before {
	display: list-item;
	content: " ";
	position: absolute;
	width: 2px;
	background-color: #aaa;
	top: -10px;
	height: 25px;
	left: -20px;
}

.repeater-connection:not(.wrapper) > li::after {
	content: " ";
	position: absolute;
	left: -20px;
	width: 20px;
	height: 2px;
	background-color: #aaa;
	top: 15px;
}

.repeater-connection:not(.wrapper) > li.ui-sortable-helper::before,
.repeater-connection:not(.wrapper) > li.ui-sortable-helper::after,
.repeater-connection:not(.wrapper) > li:not(:first-of-type):last-of-type::before {
	display: none;
}

.repeater-connection [repeater-item] > *:first-child {
	padding: 10px;
}

.repeater-connection:not(.wrapper) [repeater-item]:first-child {
	margin-top: 0;
}

.repeater-connection [child-only] {
	display: none;
}

.repeater-connection [data-children-levels="0"] [child-only] {
	display: block;
}