/* CS Designer */
/* Author: BAB - www.wearebab.com */
body {background:#FFF;}

.row {margin:0;}

/* Layout Basics */
cslayout {display:block; position:relative; margin-bottom:15px; padding:15px 0px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#569AAF; background:#EBF4F7; outline:dashed 1px #C0D7DF; /*transition:all ease-in-out 0.2s;*/}
cslayout cslayout:last-child {margin-bottom:0;}
cslayout cslayout {background:#FFF;}
cslayout cslayout cslayout {background:#EBF4F7;}
	cslayout .layout-name {position:absolute; z-index:100; top:0px; right:0px; font-size:11px; color:#999; background:#FAFAFA; padding:5px; outline:dashed 1px #C0D7DF;}
	cslayout .layout-resize {position:absolute; z-index:85; top:0px; right:0px; left:0px; bottom:0px; background-color:#C0D7DF;}
	cslayout span.layout-edit {position:absolute; z-index:100; background-color:#fff; top:0px; right:0px; left:0px; bottom:0px; text-align:center; padding:0px;}
		cslayout span.layout-edit textarea {padding:5px; width:100%; height:100%;}
		cslayout span.layout-edit .layout-edit {z-index:101; padding:5px; background-color:#fff;}

cslayout.select-hover {background:#F6E3E3; cursor:move; outline-color:#C00;}
cslayout.select-hover cslayout.select-hover {background:#F1DADA;}

cswidget {display:block; min-height:50px; margin-bottom:5px; background:#E4EDE3; outline:1px solid #D1DFCE;}
cswidget:before {display:block; content:"widget"; padding-top:18px; font-size:12px; color:#83987D;}

.ui-sortable-placeholder {visibility:visible !important;}
/*.ui-sortable-helper, .ui-draggable-handle {opacity: 0.6; position:absolute; display:block; overflow:hidden; width:180px !important; height:31px !important;}*/
	.ui-sortable-helper a, .ui-draggable-handle a {display:block; margin-bottom:1px; padding:6px 10px; color:#ddd; background:#404040; text-decoration:none; font-size:13px; font-family:"Open Sans", Arial, sans-serif;}
	.ui-sortable-helper a:link, .ui-draggable-handle a:link, .ui-sortable-helper a:active, .ui-draggable-handle a:active, .ui-sortable-helper a:visited, .ui-draggable-handle a:visited {text-decoration: none;}
		.ui-sortable-helper a img, .ui-draggable-handle a img {margin-right:5px; vertical-align:middle;}
	.ui-sortable-helper, .ui-sortable-placeholder {overflow: hidden;}

@media (max-width: 767px) {
	.show_hidden .hidden-xs { display: inherit !important; opacity: 0.5;}
}
@media (min-width: 768px) and (max-width: 991px) {
	.show_hidden .hidden-sm { display: inherit !important; opacity: 0.5;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.show_hidden .hidden-md { display: inherit !important; opacity: 0.5;}
}
@media (min-width: 1200px) {
	.show_hidden .hidden-lg { display: inherit !important; opacity: 0.5;}
}

.cscontent {display:inline-block; width:100%; min-height:50px;}
.cstoolbar {position:absolute; top:0px; left:0px;}
	.cstoolbar ul {list-style:none; padding:0px; margin:0px;}
		.cstoolbar ul li {display:block; /*width:24px;*/ height:24px; background-color:#FFF; float:left; margin-right:-1px; /*font-size:0px;*/ border:1px solid #C2C2C2; cursor:pointer;}
		.cstoolbar ul li:first-child {border-radius:4px 0px 0px 4px;}
		.cstoolbar ul li:last-child {border-radius:0px 4px 4px 0px;}
		.cstoolbar ul li.disabled {opacity:0.5; cursor:inherit;}
		.cstoolbar ul li.active {background-color:#eee;}
			.cstoolbar span {display:block; width:42px; position:absolute; right:-42px;}
				.cstoolbar span a.confirm {display:block; width:16px; height:16px; background-color:green; float:left; margin-right:5px; border:1px solid #000; cursor:pointer;}
				.cstoolbar span a.cancel {display:block; width:16px; height:16px; background-color:red; float:left; margin-right:5px; border:1px solid #000; cursor:pointer;}

.cs-placeholder{background-color:blue; list-style:none;}
    .cs-placeholder.vertical {float:left; width:7px; height:40px;}
    .cs-placeholder.horizontal {display:block; width:100%; height:5px; clear:both;}