﻿.dropzone-builder-component-form ul { display: block; }
.dropzone-builder-dropzone-form { margin-top: 20px; min-height:400px; padding:20px; }
.dropzone-builder-component-form { margin-top:20px; min-height:400px; }
.dropzone-builder-component-form .tab-pane { padding-top:20px; }
.drag-drop-helper {-moz-box-shadow: 3px 3px 4px #444;
	-webkit-box-shadow: 3px 3px 4px #444;
	box-shadow: 3px 3px 4px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444');
    width:350px;
    padding:20px;
    z-index:4000;
    border:dashed 1px #ccc;
}
.drag-drop-container { border:1px solid #ccc; }
.drag-drop-continer-drag-hover { border:dashed 2px #ccc; }

.component { z-index:10; position:relative; border:2px solid #fff; padding:10px 10px 10px 10px; }
.component:hover { background-color: #efefef; border:2px dashed #ddd; }
.component-overlay { z-index:2000; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0; -khtml-opacity:0; -moz-opacity:0; }
.component-edit { z-index:2001; position:absolute; top:10px; right:5px; }
.component-remove { z-index:2001; position:absolute; top:10px; right:35px; }
.notinline .row { padding:10px; }

#dropzone-builder-form .actual { position:relative; }
#dropzone-builder-form .actual .prevent-edit { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2001; margin: 20px 15px 0px 15px; background-color:rgba(1,1,1,0.05); }
#contentDropZoneForm .row { margin-bottom:10px;}