.form-control-select2 .select2-choice {
	margin: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}

.form-control-select2.select2-container .select2-choice .select2-arrow {
	padding-top:0.5em;
}

.qes-debug {
	border: 1px solid black;
}

.field-config .form-group {
	margin-bottom: 0.75rem;
}

.condition-manager-content .form-group {
	margin: 1px;
	padding: 1px;
}

.form-field-sm .select2-input {
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
}

.form-field-sm .form-control {
	height: 2.575rem !important;
	padding: 0.5rem 0.81rem !important;
	font-size: 0.875rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}

.select2-container.form-field-xs {
	padding-top: 1px;
	padding-bottom: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
}

.select2-container.form-field-xs > ul.select2-choices > li.select2-search-field {
	font-size: 0.825rem !important;
	padding: 0;
}

.select2-container.form-field-xs > ul.select2-choices > li.select2-search-field input {
	font-size: 0.825rem !important;
	padding: 1px !important;
}


.select2-container.form-field-xs > ul.select2-choices > li.select2-search-choice {
	font-size: 0.625rem !important;
	margin: 2px 0 0 2px;
	padding: 4px 1em 4px 1.7em;
}

	.select2-container.form-field-xs > ul.select2-choices > li.select2-search-choice a {
		top: 0;
		padding: 4px 0 4px 0;
		font-size: 0.625rem !important;
		/*padding: 1px !important;*/
	}

/*

.select2-container.form-field-xs > .select2-choices > .select2-search-field .select2-input {
	font-size: 0.825rem !important;
	padding: 0 !important;
}

.form-field-xs .select2-container-multi .select2-choices .select2-search-field {
	font-size: 0.825rem !important;
}

	.form-field-xs .select2-container-multi .select2-choices .select2-search-field input {
		font-size: 0.825rem !important;
		padding: 0 !important;
	}
*/


/*.select2-container-multi .select2-choices .select2-search-field input*/

/*.form-field-xs .select2-container-multi .select2-choices .select2-search-field input {
	padding: 1px;
}

.form-field-xs .select2-container-multi .select2-choices .select2-search-choice {

}


.form-field-xs .select2-input {
	font-size: 0.825rem !important;*/
	/*line-height: 1.5 !important;*/
/*}

.form-field-xs .select2-container ul
.form-field-xs .select2-container-multi ul {
	font-size: 0.825rem !important;
}*/

.form-control-field-xs {
	/*height: 2rem !important;*/
	padding: 0.2rem 0.2rem !important;
	font-size: 0.825rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}

.form-field-xs .form-control {
	/*height: 2rem !important;*/
	padding: 0.2rem 0.2rem !important;
	font-size: 0.825rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}

.field-btn-xs {
	height: 1.9rem !important;
	padding: 0.45rem 0.5rem !important;
	font-size: 0.6rem !important;
	/*line-height: 1.5 !important;*/
	/*border-radius: 0.2rem !important;*/
}



.form-field-config {
	display: none;
}

.form-field-config-container:hover .form-field-config {
	display: inline-block;
}

.form-group {
	margin-bottom: 0.5rem;
}

.field-required::before {
	font-family: "Font Awesome 5 Pro";
	content: "\f069";
	display: inline-block;
	padding-right: 3px;
	vertical-align: middle;
	font-weight: 900;
	color: red;
}

.was-validated .form-designer-form-field .form-control {
	background-image: none;
	padding-right: 11px;
}

.clear-form-field-padding .position-relative {
	padding: 0 !important;
}


/*
<div data-nodrag ng-show="$ctrl.node.conditionNodeType.isValueNode">
<form-field class="form-field-xs" form-field="$ctrl.defaultValueField" form-instance="$ctrl.node" form-data="$ctrl.node" form-field-editor="true"></form-field>
<!--<form-textbox class="form-field-xs" ng-model="$ctrl.node.defaultValue" />-->
</div>
*/






/*.form-designer-form-field .form-group {
	margin:0;
}*/



/*.form-field-xs .btn-xs {
	height: 2rem !important;
	padding: 0.2rem 0.2rem !important;
	font-size: 0.825rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}
*/


/*.btn.btn-xs, .fc button.btn-xs, .fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-submit, .fc .editable-container.editable-inline .editableform .control-group .editable-buttons button.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .fc button.editable-cancel, .ajax-upload-dragdrop .btn-xs.ajax-file-upload, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-submit, .ajax-upload-dragdrop .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-file-upload.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .ajax-upload-dragdrop .ajax-file-upload.editable-cancel, .swal2-modal .swal2-buttonswrapper .btn-xs.swal2-styled, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-submit, .swal2-modal .swal2-buttonswrapper .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .swal2-modal .swal2-buttonswrapper .swal2-styled.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-submit, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-submit, .editable-container.editable-inline .editableform .control-group .editable-buttons .btn.editable-cancel, .editable-container.editable-inline .editableform .control-group .editable-buttons .wizard > .actions a.editable-cancel, .wizard > .actions .editable-container.editable-inline .editableform .control-group .editable-buttons a.editable-cancel, .wizard > .actions a.btn-xs {
	padding: 0.5rem 0.75rem;
	font-size: 0.625rem;
}
*/

/* The side navigation menu */
.sidenav {
	height: 100%; /* 100% Full-height */
	width: 0; /* 0 width - change this with JavaScript */
	position: fixed; /* Stay in place */
	z-index: 1; /* Stay on top */
	top: 0;
	left: 0;
	background-color: #111; /* Black*/
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 60px; /* Place content 60px from the top */
	transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

	/* The navigation menu links */
	.sidenav a {
		padding: 8px 8px 8px 32px;
		text-decoration: none;
		font-size: 25px;
		color: #818181;
		display: block;
		transition: 0.3s;
	}

		/* When you mouse over the navigation links, change their color */
		.sidenav a:hover {
			color: #f1f1f1;
		}

	/* Position and style the close button (top right corner) */
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 25px;
		font-size: 36px;
		margin-left: 50px;
	}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
	transition: margin-left .5s;
	padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

		.sidenav a {
			font-size: 18px;
		}
}

.flex-grow {
	flex: 1 0 auto;
}





/*--------------------------------------------------------------------------------------------*/




label.unknown-toggle-inside2 {
	position: absolute !important;
	right: 12px;
	bottom: -6px;
}

span.unknown-toggle-inside2 {
	position: absolute;
	right: 44px;
	bottom: 0px;
	font-size: 13px;
	color: #767676;
}




/*--------------------------------------------------------------------------------------------*/


.angular-ui-tree-handle {
	background: #f8faff;
	border: 1px solid #dae2ea;
	color: #7c9eb2;
	padding: 10px 10px;
}

	.angular-ui-tree-handle:hover {
		color: #438eb9;
		background: #f4f6f7;
		border-color: #dce2e8;
	}

.angular-ui-tree-placeholder {
	background: #f0f9ff;
	border: 2px dashed #bed2db;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

tr.angular-ui-tree-empty {
	height: 100px
}

.group-title {
	background-color: #687074 !important;
	color: #FFF !important;
}


/* --- Tree --- */
.tree-node {
	border: 1px solid #dae2ea;
	background: #f8faff;
	color: #7c9eb2;
}

.nodrop {
	background-color: #f2dede;
}

.tree-node-content {
	margin: 1px;
	padding: 1px;
}

.tree-handle {
	padding: 10px;
	background: #428bca;
	color: #FFF;
	margin-right: 10px;
}

.angular-ui-tree-handle:hover {
}

.angular-ui-tree-placeholder {
	background: #f0f9ff;
	border: 2px dashed #bed2db;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.hidden {
	display: none !important;
	visibility: hidden !important;
}


.p-2px {
	padding: 2px;
}

.px-2px {
	padding-left: 2px;
	padding-right: 2px;
}

.py-2px {
	padding-top: 2px;
	padding-bottom: 2px;
}



.m-2px {
	margin: 2px;
}

.mx-2px {
	margin-left: 2px;
	margin-right: 2px;
}

.my-2px {
	margin-top: 2px;
	margin-bottom: 2px;
}




.label.checkbox-toggle:after {
	border: red;
}

/*.form-control.is-invalid, .was-validated .form-control:invalid*/



/*input[type=checkbox].checkbox-toggle {
	height: 0;
	width: 0;
	visibility: hidden;
}*/

/*label.checkbox-toggle {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	height: 25px;
	background: lightgrey;
	display: inline-block;
	border-radius: 25px;
	position: relative;
}*/

.form-control-disabled {
	background-color: #e9ecef;
}


.form-check .form-check-label input[type="radio"]:disabled:not(:checked) + .input-helper:before {
	background-color: #f3f3f3;
	opacity: 1 !important;
}

.form-check .form-check-label input[type="checkbox"]:disabled:not(:checked) + .input-helper:before {
	background-color: #f3f3f3;
	opacity: 1 !important;
}

input.checkbox-toggle:disabled:not(:checked) + label {
	background-color: #e2e2e2;
	opacity: 1;
	cursor: pointer;
}

/*.was-validated .form-field .form-control {
	background-image: none;
	padding-right: 11px;
}
*/

/*.was-validated .form-field-column input:invalid {
	background:red;
	
}*/


.make-form-field-invalid > .formdesigner-formfield {
	/*border-color: #28a745;*/
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	border: 2px solid #dc3545;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	height: auto;
	padding: 9px 11px;
	border-radius: 4px;
}



.form-designer-validated .form-field-invalid {
	/*border-color: #28a745;*/
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	border: 2px solid #dc3545;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
	font-size: 1rem;
	height: auto;
	padding: 9px 11px;
	border-radius: 4px;
}


.was-validated input.checkbox-toggle:invalid + label.checkbox-toggle {
	cursor: pointer;
	text-indent: -9999px;
	width: 50px;
	height: 25px;
	background: lightcoral;
	display: inline-block;
	border-radius: 25px;
	position: relative;
}


/*.was-validated .form-check-label input[type="radio"]:invalid + .input-helper:before {*/
/*.was-validated .form-check-label input[type="radio"]:invalid + .input-helper:before {*/
.was-validated .form-check-label input.form-check-input:invalid + .input-helper:before {
	/*position: absolute;*/
	/*background: lightcoral;*/
	border-color: lightcoral;
	-webkit-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;
	/*	content: "";
	top: 0;
	left: 0;
	border: solid rgb(40, 92, 145);
	border-width: 2px !important;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	-webkit-transition: all;
	transition: all;
	transition-duration: 0s;
	-webkit-transition-duration: 250ms;
	transition-duration: 250ms;

	*/
}


/*	label.checkbox-toggle:after {
		content: '';
		position: absolute;
		top: 2px;
		left: 2px;
		width: 21px;
		height: 21px;
		background: #fff;
		border-radius: 22px;
		transition: 0.3s;
	}

input.checkbox-toggle:disabled + label {
	opacity: 0.4;
}

input.checkbox-toggle:checked + label {
	background: #039789;
}

	input.checkbox-toggle:checked + label:after {
		left: calc(100% - 2px);
		transform: translateX(-100%);
	}

label.checkbox-toggle:active:after {
	width: 32px;
}


label.checkbox-toggle.checkbox-small {
	width: 29px;
	height: 16px;
}

	label.checkbox-toggle.checkbox-small:after {
		width: 12px;
		height: 12px;
	}
*/

.input-group-xs > .form-control,
.input-group-xs > .input-group-addon,
.input-group-xs > .input-group-btn > .btn {
	height: 2rem !important;
	padding: 0.2rem 0.2rem !important;
	font-size: 0.825rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}


.input-group-xs > .input-group-prepend > .input-group-text,
.input-group-xs > .input-group-append > .input-group-text,
.input-group-xs > .input-group-prepend > .btn {
	height: 2rem !important;
	padding: 0.2rem 0.5rem !important;
	font-size: 0.825rem !important;
	line-height: 1.5 !important;
	border-radius: 0.2rem !important;
}


/*

.input-group-sm > .form-control:not(textarea), .input-group-sm > .asColorPicker-input:not(textarea), .dataTables_wrapper .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select:not(textarea), .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input:not(textarea)[type="number"], .select2-container--default .input-group-sm > .select2-selection--single:not(textarea), .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field:not(textarea), .input-group-sm > .typeahead:not(textarea),
.input-group-sm > .tt-query:not(textarea),
.input-group-sm > .tt-hint:not(textarea),
.input-group-sm > .custom-select {
	height: 2.575rem;
}

.input-group-sm > .form-control, .input-group-sm > .asColorPicker-input, .dataTables_wrapper .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type="text"],
.jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > select, .jsgrid .jsgrid-table .jsgrid-filter-row .input-group-sm > input[type="number"], .select2-container--default .input-group-sm > .select2-selection--single, .select2-container--default .select2-selection--single .input-group-sm > .select2-search__field, .input-group-sm > .typeahead,
.input-group-sm > .tt-query,
.input-group-sm > .tt-hint,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.fc .input-group-sm > .input-group-prepend > button,
.ajax-upload-dragdrop .input-group-sm > .input-group-prepend > .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-prepend > .swal2-styled,
.wizard > .actions .input-group-sm > .input-group-prepend > a,
.input-group-sm > .input-group-append > .btn,
.fc .input-group-sm > .input-group-append > button,
.ajax-upload-dragdrop .input-group-sm > .input-group-append > .ajax-file-upload,
.swal2-modal .swal2-buttonswrapper .input-group-sm > .input-group-append > .swal2-styled,
.wizard > .actions .input-group-sm > .input-group-append > a {
	padding: 0.5rem 0.81rem;
	font-size: 0.875rem;
	line-height: 1.5;
	border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
	padding-right: 1.75rem;
}



*/