#ccm-theme-grid-edit-mode-row-wrapper {
	position: relative;
}

#ccm-layouts-edit-mode {
	
	.clearfix();
	outline: 1px solid #4deb4d;
	outline-offset: 5px;

	.ccm-layout-column {

		float: left;

	}

	.ccm-layout-column-highlight {
		min-height: 80px;
		padding-top: 1px; /* disable margin collapse inner */
		border-collapse: collapse;
	}

}

#ccm-layouts-edit-mode.ccm-layouts-edit-mode-edit {

	.ccm-layout-column-highlight {
		background-color: #fffff2;
		border: 1px solid #02cc67;
	}
}

#ccm-layouts-edit-mode.ccm-layouts-edit-mode-add {
	.ccm-layout-column-highlight {
		background-color: #f5fafe;
		border: 1px solid #6fb0db;
	}
}

div.ccm-area-layout-control-bar-wrapper {
	.border-top-radius(4px);
	.border-bottom-radius(0px);
	background: #4deb4d;
	height: 6px;
	line-height: 6px;
	margin-bottom: 6px;
	margin-top: 10px;
	margin-left: -6px;
	margin-right: -6px;	
	padding-left: 6px;
	padding-right: 6px;	
	position: relative;
	z-index: @index-level-inline-toolbar;
}


div.ccm-area-layout-control-bar {
	background: #4deb4d;
	.border-radius(0px);
	height: 6px;
	line-height: 6px;
	border: 0px;

	.ui-slider-handle {
		height: 12px;
		background: #b3feb3;
		border: 1px solid #53ba98;
		.border-radius(2px);
		cursor: move;
		width: 12px;

	}
}

div.ccm-menu-item-hover {

	> div.ccm-area-layout-control-bar {
		background: #0c6;
	}
}

div.ccm-block-edit-layout {
	min-height: 50px;
}

div.ccm-area-layout-control-bar-add {
	height: 0px;
}


div.ccm-area-layout-control-bar i {
	position: absolute;
	top: -2px;
	left: -2px;
}