@CHARSET "UTF-8";

h2 {
	font-size:12px !important;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}

.formular-creator {
	border: 1px solid #CBCBCB;
	border-radius:4px;
	background:#EFF9F9;
	margin-bottom:10px;
}

.formular-creator > * {
	min-height:600px;
}

.field-chooser, .field-settings, .formular-overview{
	float:left;
}

.field-chooser, .field-settings {
	border-right:1px solid #CBCBCB;
}

.field-chooser {
	width:100px;
}

.formular-overview {
	width:300px;
}

.field-settings {
	width:341px;
}

.field-chooser ul , .formular-overview ul {
	list-style:none;
	margin:0px;
}

.field-chooser ul li {
	display:block;
	text-align:center;
	padding:30px 0px;
	cursor:pointer;
	border-bottom:1px solid #CBCBCB;
}

.field-chooser ul li:hover, .field-chooser ul li.active {
	background:#DFE9E9;
}

.field-settings-formular {
	padding:5px;
	padding-bottom:0px;
}

.field-settings-formular > * {
	margin-bottom:5px;
	display:block;
}

.field-settings-formular label {
	display:block;
	font-weight:bold;
}

#add-field {
	margin-left:4px;
}

.field-settings-formular input {
	padding:3px;
}

.formular-overview-list li[data-field-type="0"] {
	border: 3px solid #2C8EC0;
	margin-bottom:5px;
}

.formular-overview-list, .formular-overview-list > li, .formular-overview-list ul {
	padding:5px;
}

.formular-overview-list fieldset {
	border: 2px solid #2C8EC0;
	padding:5px;
	margin-bottom:10px;
}

.formular-overview-list li * {
	cursor:pointer;
}

.formular-overview-list ul li:hover, .formular-overview-list li.active {
	background-color:#D5DFDF;
}

.formular-overview-list label {
	margin-bottom:5px;
	display:block;
}

.formular-overview-list > li  ul li {
	padding:5px;
	background:#DFE9E9;
	margin-bottom:1px;
}

.rex-form {
	padding:10px;
	float:none !important;
	width:725px !important;
}

.rex-formular-message, .rex-formular-message div {
	display:none;
}

#formular-overview-submit {
	margin-left:5px;
}

li[data-non-editable="non-editable"] > * {
	pointer-events:none;
	opacity:.7;
}

/* ------------------- Sortable -------------------- */

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.formular-overview-list li.placeholder {
  position: relative;
  /** More li styles **/
}

.formular-overview-list li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}