#nodes{
	line-height: 1.8;
	width: 500px;
	margin: 0 0 20px 0;
}

#nodes ul {
	background-color: rgba(0,0,0,.06);
	padding: 0 0 12px 30px;
	margin: 0 0 0 10px;
}
#nodes li {
	padding: 0;
	margin: 0;
	position: relative;
}

.node-holder {
	display: block;
	padding: 5px 0;
}
.node-content {
	display: block;
}
.node-content .options {
	display: none;
}
.node-content:hover > .options {
	display: inline;
}


.node-holder .drag {
	padding: 10px 6px 10px 20px;
	position: absolute;
	right: 0px;
	top: 5px;
	cursor: move;
	cursor: -webkit-grabbing;
	opacity: .3;
}
.node.has-changed {
	background-color: rgba(0,200,0,.1);
}
.node.has-changed > .node-holder {

}
.node.has-changed > .node-holder > .drag {
	opacity: 1;
	color: green;
}
.node.is-being-dragged > .node-holder {
	color: #3c8dbc;
}

a[data-action="save-order-changes-button"] {
	background-color: rgb(0,185,0);
	border: none;
}
a[data-action="save-order-changes-button"]:hover {
	background-color: rgb(0,155,0);
}