#field_selection h1,
#field_selection h2,
#field_selection h3,
#field_selection h4,
#field_selection h5 {
	color: #efefef;
}

#field_selection input,
#field_selection select,
#field_selection textarea {
	color: #444;
}

#field_selection {
	padding: 5px 2px 5px 5px;
	color: #efefef;
	float: left;
	background: #444;
	height: 100vh;
	width: 0;
	overflow: hidden;
	box-shadow: 10px 0 5px rgba(0, 0, 0, 0.3);
}

#field_selection select {
	width: 100%;
}

#field_selection select.field-multiselect {
	height: 400px;
}


#editor_modal .form-control {
	padding: 6px;
	line-height: 1em;
	height: auto;
	font-size: 1em;
}

#editor_modal select.form-control {
	padding: 5px;
}

.unchecked {
	opacity: 0.5;
}

.formElems-container {
	margin-top: -13px;
	margin-bottom: -3px;
	padding-top: 13px;
	padding-bottom: 3px;
}

/*.formElems-container [uib-popover-template] + .popover {
    margin-top: 34px;
    padding: 0;
    border-radius: 2px;
    box-shadow: 0 0 0;
    z-index:1040;
}*/
/*.formElems-container [uib-popover-template] + .popover .arrow {
    display: none;
}
.formElems-container [uib-popover-template] + .popover .popover-content {
    padding: 3px;
    background: #eee;
}*/

.show-helpers [ui-sortable],
.show-helpers .formElems-container {
	/* border:1px dotted #c14d4d; */
}

.sort-handle,
.sort-handle label {
	cursor: move;
	cursor: grab;
	margin-top: 10px;
}

.sort-handle {
	display: none;
}

.editor-enabled .sort-handle {
	display: inherit;
}

.sortable-placeholder {
	background: #f7f783;
}

.float-group-container .sortable-placeholder {
	border-top: 0 none;
	display: block;
	min-height: 10px;
	min-width: 80px;
	float: left;
	margin-right: 10px;
}

#profile_editor_view .hide-region {
	display: none;
}

#profile_editor_view .display-region {
	position: relative;
}

#profile_editor_view.show-hidden-regions .hide-region,
#profile_editor_view.show-hidden-elems .display-region.hide,
#profile_editor_view.show-hidden-elems .template-row.hide {
	display: block !important;
	background: #ccc;
	opacity: 0.60;
	padding: 1px;
}

#profile_editor_view.show-hidden-elems .hide-region .hide-region,
#profile_editor_view.show-hidden-elems .display-region.hide .display-region.hide,
#profile_editor_view.show-hidden-elems .template-row.hide .template-row.hide {
	opacity: 1;
}














/* UI Helper Styles */
.show-helpers .drag-sort-placeholder-object {
	/* background: linear-gradient(#eee, transparent); */
	/* display: inline-block; */
	min-width: 40px;
	background: #d3e2ff;
	margin-top: 5px;
	color: #666;
	cursor: pointer;
}

.show-helpers .drag-sort-placeholder-object:hover {
	background: #a2c0f9;
}

.show-helpers .sort-handle+div {
	border: 1px dashed rgba(0, 0, 0, 0.3);
	padding: 1px;
	margin-bottom: 3px;
}

.show-helpers .sort-handle+div:hover,
.sort-handle:hover+div {
	border: 2px solid rgba(193, 77, 77, 1);
	padding: 0;
}

.show-helpers .sort-handle:before {
	content: "\2026";
	height: 10px;
	line-height: 0px;
	display: block;
	text-align: center;
	position: relative;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.3);
}

.show-helpers .sort-handle:hover:before {
	background: rgba(193, 77, 77, 1);
}

/*#profile_editor_view .template-row{
	padding: 5px 0;
	border: 1px solid #c9ffc3;
}*/
/*#profile_editor_view .template-fieldset, #profile_editor_view .float-group-container, #profile_editor_view .template-row, #profile_editor_view .reference-group {
	border: 2px solid #d3e2ff;
	margin:3px 0;
}*/

#profile_editor_view.show-helpers .formElems-container .row,
#profile_editor_view.show-helpers .formElems-container [class*=" col-"] {
	margin: 0;
	padding: 0;
}

#profile_editor_view.show-helpers .template-fieldset:hover,
#profile_editor_view .float-group-container:hover,
#profile_editor_view .template-row:hover,
#profile_editor_view .reference-group:hover {
	border-color: #c14d4d;
}

/*#profile_editor_view .template-row:before {
	content: "\22EE";
	position: fixed;
	padding: 0 3px 0 3px;
	margin: -5px 0 0 0;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}*/
.show-helpers .drag-sort-placeholder-object {
	border-top: 0 none;
	background: #d3e2ff;
}

.show-helpers .drag-sort-placeholder-object:after {
	content: '\002B';
	position: relative;
	top: -4px;
	padding: 5px;
}

/*
.show-helpers .float-group-container .drag-sort-placeholder-object:after{
	content: '\002B';
	position: relative;
	top: -4px;
	display:inline-block;
}
*/

.show-helpers .editor-insert-point.drag-sort-placeholder-object {
	background: #8dff7f;
}

.show-helpers .editor-insert-point.drag-sort-placeholder-object:after {
	content: '\2193';
	position: relative;
	top: -4px;
	padding: 5px;
}










/* Fieldset List component */
#fields_list_sidebar {
	background-color: #666;
	position: fixed;
	top: 0;
	left: 400px;
	width: 6px;
	height: 100vh;
	cursor: e-resize;
	z-index: 1051;
}

.custom-service-editor-list {
	list-style: none;
	padding: 0;
}

.custom-service-editor-list li {
	background: #f9f9f9;
}

.custom-service-editor-list li .custom-service-info {
	padding: 3px;
}