@import 'sortable.css';
.as-sortable-item,
.as-sortable-placeholder {
    width: 124px;
    margin: 2px;
    border: 1px solid #00CCFF;
    border-radius: 5px;
    list-style: none;
}

.as-sortable-placeholder {
    border: 1px dotted #0000ff !important;
}

#sortable-container {
    display: inline-block;
}

.column {
    border: 1px solid #000000;
    border-radius: 5px;
}
.container {
	width : 960px;
	margin: 0 auto;
}
.container ul li{
	width: 100%;
	min-height: 30px;
}

.container ul li div.cont{
	width: 100%;
	height: 30px;
}
.as-sortable-item-handle  {
	padding: 10px;
	height: 35px;
}
.as-sortable-item-handle span.expand,span.colapse {
	float: right;
    height: 50px;
    width: 50px;
}
.as-sortable-item-handle span.expand {
	background:url(../images/expand.png) no-repeat;
	background-size: 50px;
	cursor: pointer;

}
.as-sortable-item-handle span.colapse {
	background:url(../images/collapse.png) no-repeat;
	background-size: 50px;
	cursor: pointer;
}
.as-sortable-item .dynamic-contents {
	min-height: 10px;
}
.dynamic-contents li span {
	font-family: sans-serif;
	font-size: 20px;
}
.as-sortable-item-handle span.title {
	font-family: sans-serif;
	font-size: 24px;
}
.dynamic-contents-record .more {
	border: 1px solid #00CCFF;
    width: 97px;
    margin: 0 auto;
    font-family: sans-serif;
	font-size: 12px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
}
}