.cf:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .cf {
	zoom:1;
}
*:first-child+html .cf {
	zoom:1;
}
.small {
	color:#666;
	font-size:0.875em;
}
.large {
	font-size: 1.25em;
}
/** * Nestable */
.dd {
	position:relative;
	display:block;
	margin:0;
	padding:0;
	max-width:600px;
	list-style:none;
	font-size:13px;
	line-height:20px;
}
.dd-list {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	list-style:none;
}
.dd-list .dd-list {
	padding-left:30px;
}
.dd-collapsed .dd-list {
	display:none;
}
.dd-item,.dd-empty,.dd-placeholder {
	display:block;
	position:relative;
	margin:0;
	padding:0;
	height:auto;
	font-size:13px;
	line-height:20px;
}
.dd-handle {
	display:block;
	height:auto;
	margin:5px 0;
	padding:5px 10px;
	color:#333;
	text-decoration:none;
	font-weight:300;
	border:1px solid #ccc;
	background:#F5F5F5;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	cursor:move !important;
	transition: all .6s ease-in-out;
	
}
.dd-handle:hover {
	color:#2ea8e5;
	background:#E7E7E7;
	cursor:move !important;
	transition: all .6s ease-in-out;
}
.dd-item>button {
	display:block;
	position:relative;
	cursor:pointer;
	float:left;
	width:25px;
	height:20px;
	margin:5px 0;
	padding:0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:0;
	background:transparent;
	font-size:12px;
	line-height:1;
	text-align:center;
	font-weight:bold;
	cursor:move !important;
}
.dd-item>button:before {
	content:'+';
	display:block;
	position:absolute;
	width:100%;
	text-align:center;
	text-indent:0;
}
.dd-item>button[data-action="collapse"]:before {
	content:'-';
}
.dd-placeholder,.dd-empty {
	margin:5px 0;
	padding:0;
	min-height:30px;
	height: 80px !important;
	background:#f2fbff;
	border:1px dashed #b6bcbf;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.dd-empty {
	border:1px dashed #bbb;
	min-height:100px;
	background-color:#e5e5e5;
	
	background-size:60px 60px;
	background-position:0 0,30px 30px;
}
.dd-dragel {
	position:absolute;
	pointer-events:none;
	z-index:9999;
}
.dd-dragel>.dd-item .dd-handle {
	margin-top:0;
}
.dd-dragel .dd-handle {
	-webkit-box-shadow:2px 4px 6px 0 rgba(0,0,0,.1);
	box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}
/** * Nestable Extras */
.nestable-lists {
	display:block;
	clear:both;
	width:100%;
	border:0;
}
#nestable-menu {
	padding:0;
	margin:20px 0;
}
#nestable-output,#nestable2-output {
	width:100%;
	height:7em;
	font-size:0.75em;
	line-height:1.333333em;
	font-family:Consolas,monospace;
	padding:5px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#nestable2 .dd-handle {
	color:#fff;
	border:1px solid #999;
	background:#bbb;
}
#nestable2 .dd-handle:hover {
	background:#bbb;
}
#nestable2 .dd-item>button:before {
	color:#fff;
}
@media only screen and (min-width:700px) {
	.dd {
		float:left;
		width:100%;
		  margin-left: 28%;
	}
	.dd+.dd {
		margin-left:2%;
	}
}
.dd-hover>.dd-handle {
	background: #2ea8e5 !important;
}
/** * Nestable Draggable Handles */
.dd3-content {
	display:block;
	height:30px;
	margin:5px 0;
	padding:5px 10px 5px 40px;
	color:#333;
	text-decoration:none;
	font-weight:bold;
	border:1px solid #ccc;
	background:#fafafa;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.dd3-content:hover {
	color:#2ea8e5;
	background:#fff;
}
.dd-dragel>.dd3-item>.dd3-content {
	margin:0;
}
.dd3-item>button {
	margin-left:30px;
}
.dd3-handle {
	position:absolute;
	margin:0;
	left:0;
	top:0;
	cursor:pointer;
	width:30px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border:1px solid #aaa;
	background:#ddd;
	border-top-right-radius:0;
	border-bottom-right-radius:0;
}
.dd3-handle:before {
	content:'≡';
	display:block;
	position:absolute;
	left:0;
	top:3px;
	width:100%;
	text-align:center;
	text-indent:0;
	color:#fff;
	font-size:20px;
	font-weight:normal;
}
.dd3-handle:hover {
	background: #ddd;
}