#form_builder_modal {
  opacity: 0;
  transition: opacity .5s linear;
  margin: 10px 40px 10px 20px;
}

#form_builder_modal #navtab {
	display: none;
}

#target fieldset {
	border: 1px solid #ccc;
	min-height: 200px;
	padding: 5px;
	padding-bottom: 30px;
}

.component {
	cursor: grab;
}

input {
	cursor: pointer;
}

.popover .control-group {
	cursor: default;
}
.popover input {
	cursor: text;
}

.popover .popover-title {
  display: none; 
}

.temp {
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	z-index: 10000001;
	top: 0;
	overflow-x: hidden;
	left: 0;
}

.temp form {
	padding: 8px 4px;
	border: 1px dotted #ccc;
	position: absolute;
	background: white;
	box-shadow: 0px 0px 30px #999;
}

#render{
	min-height: 500px;
	font-family: monospace;
}

/* Popovers now are appended to their parent rather
than to the body/main document as they once were.
We need to over-ride some inherited stuff.. */
form .popover .controls {
	margin-left: 0;
}

form .popover .control-label {
	text-align: left;
	width: 100% !important;
}

form .popover form {
	width: 224px;
}

.popover-content form .btn{
	margin-right: 10px
}

.target:after{
	float:left;
	content: " ";
	height: 77px; 
	margin:30px 0 30px;
	background: #f0f0f0;
	width: 100%;
	border: 1px dashed #ccc;
}

#target, #input, #radioscheckboxes, #select, #buttons {
 user-select: none;
}

/* autocomplete styles */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }