/**
 * The first commented line is your dabblet’s title
 */
body {
	font-family: sans-serif;
}
ul#tabs {
	list-style-type: none;
	display: flex;
	flex-direction: row;
	padding: 1em;
	border: thin solid #ccc;
	box-sizing: border-box;
}
ul#tabs>li {
	border: thin solid #ccc;
	padding: .5em;
	box-sizing: border-box;
}
li[draggable] {
	background-color: #f8f8f8;
	cursor: move;
	user-select: none;
}
ul#tabs>li.dragging {
	border-color: red;
}
ul#tabs>li.dragover-before {
	border-left: thick solid red;
}
ul#tabs>li.dragover-after {
	border-right: thick solid green;
}