.form-wrap.form-builder .frmb .prev-holder input[type=date],
.form-wrap.form-builder .frmb .prev-holder input[type=number],
.form-wrap.form-builder .frmb .prev-holder input[type=text],
.form-wrap.form-builder .frmb .prev-holder select,
.form-wrap.form-builder .frmb .prev-holder textarea,
.header-field,
.textarea-field {
	width: 100%!important
}

.form-rendered .build-wrap,
.render-wrap {
	display: none
}

.form-rendered .render-wrap {
	display: block;
	font-family: "formbuilder-icons";
}

#edit-form {
	display: none;
	float: right
}

.form-rendered #edit-form {
	display: block
}

.form-wrap.form-builder .frmb-control li {
	margin: 5px 0 1px!important;
	box-shadow: inset 0 0 0 0 #c5c5c5!important
}

.form-wrap.form-builder .frmb li {
	resize: both;
	width: 100%;
	display: inline-grid;
	margin: 5px
}

.form-wrap.form-builder .btn {
	color: #fff!important
}

.btn-default {
	background: #e0e0e0!important
}

.form-wrap.form-builder .btn,
.form-wrap.form-builder .btn.active,
.form-wrap.form-builder .btn.btn-active,
.form-wrap.form-builder .btn:active,
.form-wrap.form-builder .form-control {
	background-image: none
}

.btn-info,
.btn-success,
.form-wrap.form-builder .btn {
	color: #fff
}

@font-face {
	font-family: form-builder-font;
	src: url(../fonts/form-builder-font.eot?30553639);
	src: url(../fonts/form-builder-font.eot?30553639#iefix) format('embedded-opentype'), url(../fonts/form-builder-font.woff2?30553639) format('woff2'), url(../fonts/form-builder-font.woff?30553639) format('woff'), url(../fonts/form-builder-font.ttf?30553639) format('truetype'), url(../fonts/form-builder-font.svg?30553639#form-builder-font) format('svg');
	font-weight: 400;
	font-style: normal
}

[class*=" icon-"]:before,
[class^=icon-]:before {
	font-family: form-builder-font;
	font-style: normal;
	font-weight: 400;
	speak-as: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}


.swal2-warning:before {
	content: '\f12a';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 30px;
    padding-top: 19px;

}


.icon-autocomplete:before {
	content: '\e800'
}

.icon-date:before {
	content: '\e801'
}



.icon-datetime-local:before {
	content: '\e801'
}

.icon-checkbox:before {
	content: '\e802'
}

.icon-checkbox-group:before {
	content: '\e803'
}

.icon-radio-group:before {
	content: '\e804'
}

.icon-rich-text:before {
	content: '\e805'
}

.icon-select:before {
	content: '\e806'
}

.icon-textarea:before {
	content: '\e807'
}

.icon-text:before {
	content: '\e808'
}
.icon-country:before {
	content: '\f0ac'
}

.icon-time:before {
	content: '\f017';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-pencil:before {
	content: '\e809'
}

.icon-file:before {
	content: '\e80a'
}

.icon-hidden:before {
	content: '\e80b'
}

.icon-cancel:before {
	content: '\e80c'
}

.icon-button:before {
	content: '\e80d'
}

.icon-header:before {
	content: '\e80f'
}

.icon-paragraph:before {
	content: '\e810'
}

.icon-number:before {
	content: '\e811'
}

.icon-username:before {
	content: '\f007'
}
.icon-copy:before {
	content: '\f24d'
}

.form-wrap.form-builder {
	position: relative
}

.form-wrap.form-builder * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.form-wrap.form-builder button,
.form-wrap.form-builder input,
.form-wrap.form-builder optgroup,
.form-wrap.form-builder select,
.form-wrap.form-builder textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

.form-wrap.form-builder textarea {
	overflow: auto
}

.form-wrap.form-builder button,
.form-wrap.form-builder input,
.form-wrap.form-builder select,
.form-wrap.form-builder textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.form-wrap.form-builder .btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.form-wrap.form-builder .btn-group>.btn {
	position: relative;
	float: left
}

.form-wrap.form-builder .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.form-wrap.form-builder .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.form-wrap.form-builder .btn-group .btn+.btn,
.form-wrap.form-builder .btn-group .btn+.btn-group,
.form-wrap.form-builder .btn-group .btn-group+.btn,
.form-wrap.form-builder .btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.form-wrap.form-builder .btn-group .input-group .form-control:last-child,
.form-wrap.form-builder .btn-group .input-group-addon:last-child,
.form-wrap.form-builder .btn-group .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:first-child>.btn:not(:first-child),
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.btn-group>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.dropdown-toggle,
.form-wrap.form-builder .btn-group>.btn:last-child:not(:first-child),
.form-wrap.form-builder .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form-wrap.form-builder .btn-group>.btn.active,
.form-wrap.form-builder .btn-group>.btn:active,
.form-wrap.form-builder .btn-group>.btn:focus,
.form-wrap.form-builder .btn-group>.btn:hover {
	z-index: 2
}

.form-wrap.form-builder .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	border-radius: 4px
}

.form-wrap.form-builder .btn.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.form-wrap.form-builder .btn.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.form-wrap.form-builder .btn.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.form-wrap.form-builder .input-group .form-control:last-child,
.form-wrap.form-builder .input-group-addon:last-child,
.form-wrap.form-builder .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.form-wrap.form-builder .input-group-btn:first-child>.btn:not(:first-child),
.form-wrap.form-builder .input-group-btn:last-child>.btn,
.form-wrap.form-builder .input-group-btn:last-child>.btn-group>.btn,
.form-wrap.form-builder .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form-wrap.form-builder .input-group .form-control,
.form-wrap.form-builder .input-group-addon,
.form-wrap.form-builder .input-group-btn {
	display: table-cell
}

.form-wrap.form-builder .input-group-lg>.form-control,
.form-wrap.form-builder .input-group-lg>.input-group-addon,
.form-wrap.form-builder .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.form-wrap.form-builder .input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.form-wrap.form-builder .form-control,
.form-wrap.form-builder output {
	display: block;
	font-size: 14px;
	line-height: 1.42857143
}

.form-wrap.form-builder .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.form-wrap.form-builder textarea.form-control {
	height: auto
}

.form-wrap.form-builder .form-control {
	height: 42px;
	width: 100%;
	padding: 6px 12px;
	border-radius: 4px;
}

.form-wrap.form-builder .form-control:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-wrap.form-builder .form-group {
	margin-left: 0;
	margin-bottom: 15px
}

.form-wrap.form-builder .fb-checkbox-group .checkbox input,
.form-wrap.form-builder .fb-checkbox-group .checkbox-inline input,
.form-wrap.form-builder .fb-radio-group .radio input,
.form-wrap.form-builder .fb-radio-group .radio-inline input {
	position: relative;
	margin: 4px 0 0
}

.form-wrap.form-builder .pull-right {
	float: right
}

.form-wrap.form-builder .pull-left {
	float: left
}

.form-wrap.form-builder .fb-required,
.form-wrap.form-builder .required-asterisk {
	color: #c10000
}

.form-wrap.form-builder .fb-checkbox-group .checkbox,
.form-wrap.form-builder .fb-checkbox-group .checkbox-inline {
	padding-left: 0
}

.form-wrap.form-builder .fb-checkbox-group .checkbox label,
.form-wrap.form-builder .fb-checkbox-group .checkbox-inline label {
	padding-left: 4px
}

.form-wrap.form-builder .fb-radio-group .radio,
.form-wrap.form-builder .fb-radio-group .radio-inline {
	padding-left: 0
}

.form-wrap.form-builder .fb-radio-group .radio label,
.form-wrap.form-builder .fb-radio-group .radio-inline label {
	padding-left: 4px
}

.form-wrap.form-builder .fb-checkbox-inline,
.form-wrap.form-builder .fb-radio-inline {
	display: inline-block;
	vertical-align: middle
}

.form-wrap.form-builder .fb-checkbox-inline:first-child,
.form-wrap.form-builder .fb-radio-inline:first-child {
	padding-left: 0
}

.form-wrap.form-builder .fb-autocomplete-list {
	background-color: #fff;
	display: none;
	list-style: none;
	padding: 0;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	position: absolute;
	z-index: 20;
	max-height: 200px;
	overflow-y: auto
}

.form-wrap.form-builder .fb-autocomplete-list li {
	display: none;
	cursor: default;
	padding: 5px;
	margin: 0;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}

.form-wrap.form-builder .fb-autocomplete-list li.active-option,
.form-wrap.form-builder .fb-autocomplete-list li:hover {
	background-color: rgba(0, 0, 0, .075)
}

@-webkit-keyframes PLACEHOLDER {
	0% {
		height: 1px
	}
	100% {
		height: 15px
	}
}

@keyframes PLACEHOLDER {
	0% {
		height: 1px
	}
	100% {
		height: 15px
	}
}

.form-wrap.form-builder .cb-wrap {
	float: right;
	width: 17%;
	width: 17% !important;
	-webkit-transition: -webkit-transform 250ms;
	transition: -webkit-transform 250ms;
	transition: transform 250ms;
	transition: transform 250ms, -webkit-transform 250ms;
	background: #eee;
    padding: 10px;
}

.build-wrap{
	background: #f5f5f5;
    padding: 10px;
}

.form-wrap.form-builder .cb-wrap.pull-left .form-actions {
	float: left
}

.form-wrap.form-builder .cb-wrap h4 {
	margin-top: 0;
	color: #666
}

@media(max-width:481px) {
	.form-wrap.form-builder .cb-wrap {
		width: 64px
	}
	.form-wrap.form-builder .cb-wrap h4 {
		display: none
	}
}

.form-wrap.form-builder .frmb-control {
	margin: 0;
	padding: 0;
	border-radius: 5px
}

.form-wrap.form-builder .frmb-control li {
	cursor: move;
	list-style: none;
	padding: 4px;
	text-align: left;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px #c5c5c5;
	-webkit-box-shadow: inset 0 0 0 1px #c5c5c5
}

.form-wrap.form-builder .frmb-control li .control-icon {
	width: 16px;
	height: auto;
	margin-right: 10px;
	margin-left: .2em;
	display: inline-block
}

.form-wrap.form-builder .frmb-control li .control-icon img,
.form-wrap.form-builder .frmb-control li .control-icon svg {
	max-width: 100%;
	height: auto
}

.form-wrap.form-builder .frmb-control li:first-child {
	border-radius: 5px 5px 0 0;
	margin-top: 0
}

.form-wrap.form-builder .frmb-control li:last-child {
	border-radius: 0 0 5px 5px
}

.form-wrap.form-builder .frmb-control li::before {
	margin-right: 10px;
	font-size: 11px !important;
}

.form-wrap.form-builder .frmb-control li:hover {
	background-color: #f2f2f2
}

.form-wrap.form-builder .frmb-control li.ui-sortable-helper {
	border-radius: 5px;
	-webkit-transition: -webkit-box-shadow 250ms;
	transition: -webkit-box-shadow 250ms;
	transition: box-shadow 250ms;
	transition: box-shadow 250ms, -webkit-box-shadow 250ms;
	-webkit-box-shadow: 2px 2px 6px 0 #666;
	box-shadow: 2px 2px 6px 0 #666;
	border: 1px solid #fff
}

.form-wrap.form-builder .frmb-control li.ui-state-highlight {
	width: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0
}

.form-wrap.form-builder .frmb-control li.moving {
	opacity: .6
}

.form-wrap.form-builder .frmb-control li.fb-separator {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	cursor: default
}

.form-wrap.form-builder .frmb-control li.fb-separator hr {
	margin: 10px 0
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb-control li::before {
		font-size: 30px
	}
	.form-wrap.form-builder .frmb-control li span {
		display: none
	}
}

.form-wrap.form-builder .frmb-control.sort-enabled li.ui-state-highlight {
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 0;
	width: 100%;
	background: radial-gradient(ellipse at center, #545454 0, rgba(0, 0, 0, 0) 75%);
	border: 0;
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	visibility: visible;
	overflow: hidden;
	margin: 1px 0 3px;
	-webkit-animation: PLACEHOLDER 250ms forwards;
	animation: PLACEHOLDER 250ms forwards
}

.form-wrap.form-builder .fb-mobile .form-actions {
	width: 100%
}

.form-wrap.form-builder .fb-mobile .form-actions button {
	width: 100%;
	font-size: .85em!important;
	display: block!important;
	border-radius: 0!important;
	margin-top: -1px;
	margin-left: 0!important
}

.form-wrap.form-builder .fb-mobile .form-actions button:first-child {
	border-radius: 5px 5px 0 0!important;
	margin-top: 0!important;
	border-bottom: 0 none
}

.form-wrap.form-builder .fb-mobile .form-actions button:last-child {
	border-radius: 0 0 5px 5px!important
}

.form-wrap.form-builder .form-actions {
	float: right;
	margin-top: 5px
}

.form-wrap.form-builder .form-actions button {
	border: 0
}

.form-wrap.form-builder .empty .frmb {
	border: 3px dashed #ccc;
	margin-right: 5px;
	background-color: rgba(255, 255, 255, .25)
}

.form-wrap.form-builder .stage-wrap {
	position: relative;
	float: left;
	width: 80%
}

.form-wrap.form-builder .frmb-control {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    margin-left: 0px !important;
}

.form-wrap.form-builder .stage-wrap.pull-right .frmb {
	margin: 0 0 0 6px
}

@media(max-width:481px) {
	.form-wrap.form-builder .stage-wrap {
		width: calc(100% - 64px)
	}
}

.form-wrap.form-builder .stage-wrap.empty::after {
	content: attr(data-content);
	position: absolute;
	text-align: center;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -1em
}

.form-wrap.form-builder .frmb .prev-holder input[type=number],
.form-wrap.form-builder .frmb .prev-holder input[type=date] {
	width: auto
}

.form-wrap.form-builder .frmb {
	list-style-type: none;
	min-height: 200px;
	margin: 0 6px 0 0;
	padding: 0;
	-webkit-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out
}

.form-wrap.form-builder .frmb .fb-required {
	color: #c10000
}

.form-wrap.form-builder .frmb.removing {
	overflow: hidden
}

.form-wrap.form-builder .frmb>li:hover {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(102, 175, 233, .6)
}

.form-wrap.form-builder .frmb>li:hover .field-actions {
	opacity: 1
}

.form-wrap.form-builder .frmb>li:hover li :hover {
	background: #fefefe
}

.form-wrap.form-builder .frmb li {
	position: relative;
	padding: 6px;
	clear: both;
	margin-left: 0;
	margin-bottom: 3px;
	background-color: #fff;
	-webkit-transition: background-color 250ms ease-in-out, margin-top .4s;
	transition: background-color 250ms ease-in-out, margin-top .4s
}

.form-wrap.form-builder .frmb li.hidden-field {
	background-color: rgba(255, 255, 255, .6)
}

.form-wrap.form-builder .frmb li:first-child {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px
}

.form-wrap.form-builder .frmb li:first-child .field-actions .btn:last-child {
	border-radius: 0 5px 0 0
}

.form-wrap.form-builder .frmb li:last-child {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.form-wrap.form-builder .frmb li.no-fields label {
	font-weight: 400
}

@keyframes PLACEHOLDER {
	0% {
		height: 0
	}
	100% {
		height: 15px
	}
}

.form-wrap.form-builder .frmb li.frmb-placeholder,
.form-wrap.form-builder .frmb li.ui-state-highlight {
	height: 0;
	padding: 0;
	background: radial-gradient(ellipse at center, #545454 0, rgba(0, 0, 0, 0) 75%);
	border: 0;
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	visibility: visible;
	overflow: hidden;
	margin-bottom: 3px;
	-webkit-animation: PLACEHOLDER 250ms forwards;
	animation: PLACEHOLDER 250ms forwards
}

.form-wrap.form-builder .frmb li.moving,
.form-wrap.form-builder .frmb li.ui-sortable-helper {
	-webkit-transition: -webkit-box-shadow .5s ease-in-out;
	transition: -webkit-box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
	-webkit-box-shadow: 2px 2px 6px 0 #666;
	box-shadow: 2px 2px 6px 0 #666;
	border: 1px solid #fff;
	border-radius: 5px
}

.form-wrap.form-builder .frmb li.disabled-field {
	z-index: 1;
	position: relative;
	overflow: visible
}

.form-wrap.form-builder .frmb li.deleting,
.frmb-tt {
	z-index: 20;
	pointer-events: none
}

.form-wrap.form-builder .frmb li.disabled-field:hover .frmb-tt {
	display: inline-block
}

.form-wrap.form-builder .frmb li.disabled-field [type=checkbox] {
	float: left;
	margin-right: 10px
}

.form-wrap.form-builder .frmb li.disabled-field h2 {
	border-bottom: 0 none
}

.form-wrap.form-builder .frmb li.disabled-field label {
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.form-wrap.form-builder .frmb li.disabled-field .prev-holder {
	cursor: default;
	line-height: 28px;
	padding-left: 5px
}

.form-wrap.form-builder .frmb li .close-field {
	position: absolute;
	color: #666;
	left: 50%;
	bottom: 6px;
	background: #fff;
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 5px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	cursor: pointer;
	-webkit-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out
}

.form-wrap.form-builder .frmb li .close-field:hover {
	text-decoration: none
}

.form-wrap.form-builder .frmb li.button-field .prev-holder,
.form-wrap.form-builder .frmb li.button-field address,
.form-wrap.form-builder .frmb li.button-field blockquote,
.form-wrap.form-builder .frmb li.button-field canvas,
.form-wrap.form-builder .frmb li.button-field h1,
.form-wrap.form-builder .frmb li.button-field h2,
.form-wrap.form-builder .frmb li.button-field h3,
.form-wrap.form-builder .frmb li.button-field output,
.form-wrap.form-builder .frmb li.button-field p,
.form-wrap.form-builder .frmb li.header-field .prev-holder,
.form-wrap.form-builder .frmb li.header-field address,
.form-wrap.form-builder .frmb li.header-field blockquote,
.form-wrap.form-builder .frmb li.header-field canvas,
.form-wrap.form-builder .frmb li.header-field h1,
.form-wrap.form-builder .frmb li.header-field h2,
.form-wrap.form-builder .frmb li.header-field h3,
.form-wrap.form-builder .frmb li.header-field output,
.form-wrap.form-builder .frmb li.header-field p,
.form-wrap.form-builder .frmb li.paragraph-field .prev-holder,
.form-wrap.form-builder .frmb li.paragraph-field address,
.form-wrap.form-builder .frmb li.paragraph-field blockquote,
.form-wrap.form-builder .frmb li.paragraph-field canvas,
.form-wrap.form-builder .frmb li.paragraph-field h1,
.form-wrap.form-builder .frmb li.paragraph-field h2,
.form-wrap.form-builder .frmb li.paragraph-field h3,
.form-wrap.form-builder .frmb li.paragraph-field output,
.form-wrap.form-builder .frmb li.paragraph-field p {
	margin: 0
}

.form-wrap.form-builder .frmb li.button-field .field-label,
.form-wrap.form-builder .frmb li.header-field .field-label,
.form-wrap.form-builder .frmb li.paragraph-field .field-label {
	display: none
}

.form-wrap.form-builder .frmb li.button-field.editing .field-label,
.form-wrap.form-builder .frmb li.header-field.editing .field-label,
.form-wrap.form-builder .frmb li.paragraph-field.editing .field-label {
	display: block
}

.form-wrap.form-builder .frmb .frm-holder,
.form-wrap.form-builder .frmb li.checkbox-field .field-label {
	display: none
}

.form-wrap.form-builder .frmb li.paragraph-field .fld-label {
	min-height: 150px;
	overflow-y: auto
}

.form-wrap.form-builder .frmb li.delete:hover,
.form-wrap.form-builder .frmb li.delete:hover .close-field,
.form-wrap.form-builder .frmb li.deleting,
.form-wrap.form-builder .frmb li.deleting .close-field,
.form-wrap.form-builder .frmb li:hover li.delete:hover,
.form-wrap.form-builder .frmb li:hover li.delete:hover .close-field {
	background-color: #fdd
}

.form-wrap.form-builder .frmb.disabled-field {
	padding: 0 5px
}

.form-wrap.form-builder .frmb.disabled-field :hover {
	border-color: transparent
}

.form-wrap.form-builder .frmb.disabled-field .form-element {
	float: none;
	margin-bottom: 10px;
	overflow: visible;
	padding: 5px 0;
	position: relative
}

.form-wrap.form-builder .frmb .tooltip {
	left: 20px
}

.form-wrap.form-builder .frmb .prev-holder {
	display: block
}

.form-wrap.form-builder .frmb .prev-holder .form-group {
	margin: 0
}

.form-wrap.form-builder .frmb .prev-holder .ql-editor {
	min-height: 125px
}

.form-wrap.form-builder .frmb .prev-holder .form-group>label:not([class=fb-checkbox-label]) {
	display: none
}

.form-wrap.form-builder .frmb .prev-holder input[type=text],
.form-wrap.form-builder .frmb .prev-holder input[type=number],
.form-wrap.form-builder .frmb .prev-holder select,
.form-wrap.form-builder .frmb .prev-holder textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-wrap.form-builder .frmb .prev-holder select[multiple] {
	height: auto
}

.form-wrap.form-builder .frmb .prev-holder label {
	font-weight: 400
}

.form-wrap.form-builder .frmb .prev-holder input[type=color] {
	width: 60px;
	padding: 2px;
	display: inline-block
}

.form-wrap.form-builder .frmb .required-asterisk {
	display: none
}

.form-wrap.form-builder .frmb .field-label,
.form-wrap.form-builder .frmb .legend {
	color: #666;
	margin-bottom: 5px;
	line-height: 27px;
	font-size: 16px;
	font-weight: 400
}

.form-wrap.form-builder .frmb .disabled-field .field-label {
	display: block
}

.form-wrap.form-builder .frmb .other-val {
	margin-left: 5px;
	display: none
}

.form-wrap.form-builder .frmb .field-actions {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0
}

.form-wrap.form-builder .frmb .field-actions a::before {
	margin: 0
}

.form-wrap.form-builder .frmb .field-actions a:hover {
	text-decoration: none;
	color: #000
}

.form-wrap.form-builder .frmb .field-actions .btn {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 0 6px;
	border-radius: 0;
	border-color: #c5c5c5;
	background-color: #fff;
	color: #c5c5c5;
	line-height: 32px;
	font-size: 16px;
	border-width: 0 0 1px 1px
}

.form-wrap.form-builder .frmb .field-actions .btn:first-child {
	border-bottom-left-radius: 5px
}

.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
	background-color: #65aac6;
	color: #fff
}

.form-wrap.form-builder .frmb .field-actions .copy-button:hover {
	background-color: #6fc665;
	color: #fff
}

.form-wrap.form-builder .frmb .field-actions .del-button:hover {
	background-color: #c66865;
	color: #fff
}

.form-wrap.form-builder .frmb .option-actions {
	text-align: right;
	margin-top: 10px;
	width: 100%;
	margin-left: 2%
}

.form-wrap.form-builder .frmb .option-actions a,
.form-wrap.form-builder .frmb .option-actions button {
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #c5c5c5;
	font-size: 14px;
	border-radius: 5px;
	cursor: default
}

.form-wrap.form-builder .frmb .sortable-options-wrap {
	width: 81.33333333%;
	display: inline-block
}

.form-wrap.form-builder .frmb .sortable-options-wrap label {
	font-weight: 400
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .sortable-options-wrap {
		display: block;
		width: 100%
	}
}

.form-wrap.form-builder .frmb .sortable-options {
	display: inline-block;
	width: 100%;
	margin-left: 2%;
	background: #c5c5c5;
	margin-bottom: 0;
	border-radius: 5px;
	list-style: none;
	padding: 0
}

.form-wrap.form-builder .frmb .sortable-options>li {
	cursor: move;
	margin: 1px
}

.form-wrap.form-builder .frmb .sortable-options>li:nth-child(1) .remove,
.radio-group-field .form-wrap.form-builder .frmb .sortable-options>li:nth-child(2) .remove {
	display: none
}

.form-wrap.form-builder .frmb .sortable-options>li .remove {
	position: absolute;
	opacity: 1;
	right: 14px;
	height: 17px;
	width: 17px;
	line-height: 17px;
	text-align: center;
	top: 14px;
	font-size: 18px;
	padding: 0;
	color: #351e1e!important
}

.form-wrap.form-builder .frmb .sortable-options>li .remove:hover {
	background-color: #c10000;
	text-decoration: none;
	color: #fff!important
}

.form-wrap.form-builder .frmb .sortable-options .option-selected {
	margin: 0;
	width: 5%
}

.form-wrap.form-builder .frmb .sortable-options input[type=text] {
	width: calc(44.5% - 17px);
	margin: 0 1%;
	float: none
}

.form-wrap.form-builder .frmb .form-field .form-group {
	width: 100%;
	clear: left;
	float: none
}

.form-wrap.form-builder .frmb .col-md-6 .form-elements,
.form-wrap.form-builder .frmb .col-md-8 .form-elements {
	width: 100%
}

.form-wrap.form-builder .frmb .field-options .add-area .add {
	clear: both
}

.form-wrap.form-builder .frmb .style-wrap button.selected {
	border: 1px solid #000;
	margin-top: 0;
	margin-right: 1px;
	-webkit-box-shadow: 0 0 0 1px #fff inset;
	box-shadow: 0 0 0 1px #fff inset;
	padding: 1px 5px
}

.form-wrap.form-builder .frmb .form-elements {
	padding: 10px 5px;
	background: #f7f7f7;
	border-radius: 3px;
	margin: 0;
	border: 1px solid #c5c5c5
}

.form-wrap.form-builder .frmb .form-elements .input-wrap {
	width: 81.33333333%;
	margin-left: 2%;
	float: left
}

.form-wrap.form-builder .frmb .form-elements .input-wrap>input[type=checkbox] {
	margin-top: 8px
}

.form-wrap.form-builder .frmb .form-elements .add {
	clear: both
}

.form-wrap.form-builder .frmb .form-elements input[type=text],
.form-wrap.form-builder .frmb .form-elements input[type=number],
.form-wrap.form-builder .frmb .form-elements input[type=color],
.form-wrap.form-builder .frmb .form-elements input[type=date],
.form-wrap.form-builder .frmb .form-elements select,
.form-wrap.form-builder .frmb .form-elements textarea {
	-webkit-transition: background 250ms ease-in-out;
	transition: background 250ms ease-in-out;
	padding: 6px 12px;
	border: 1px solid #c5c5c5;
	background-color: #fff
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .form-elements .input-wrap {
		width: 100%;
		margin-left: 0;
		float: none
	}
}

.form-wrap.form-builder .frmb .form-elements input[type=number] {
	width: auto
}

.form-wrap.form-builder .frmb .form-elements .btn-group {
	margin-left: 2%
}

.col-md-6 .form-wrap.form-builder .frmb .form-elements .false-label,
.col-md-6 .form-wrap.form-builder .frmb .form-elements label,
.col-md-8 .form-wrap.form-builder .frmb .form-elements .false-label,
.col-md-8 .form-wrap.form-builder .frmb .form-elements label {
	display: block
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
.form-wrap.form-builder .frmb .form-elements label:first-child {
	width: 16.66666667%;
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right;
	font-weight: 700;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
	.form-wrap.form-builder .frmb .form-elements label:first-child {
		display: block;
		width: auto;
		float: none;
		text-align: left
	}
	.form-wrap.form-builder .frmb .form-elements .false-label:first-child.empty-label,
	.form-wrap.form-builder .frmb .form-elements label:first-child.empty-label {
		display: none
	}
}

.form-wrap.form-builder .frmb .form-elements .false-label.multiple,
.form-wrap.form-builder .frmb .form-elements .false-label.other-label,
.form-wrap.form-builder .frmb .form-elements .false-label.required-label,
.form-wrap.form-builder .frmb .form-elements .false-label.roles-label,
.form-wrap.form-builder .frmb .form-elements .false-label.toggle-label,
.form-wrap.form-builder .frmb .form-elements label.multiple,
.form-wrap.form-builder .frmb .form-elements label.other-label,
.form-wrap.form-builder .frmb .form-elements label.required-label,
.form-wrap.form-builder .frmb .form-elements label.roles-label,
.form-wrap.form-builder .frmb .form-elements label.toggle-label {
	text-align: left;
	float: none;
	margin-bottom: -3px;
	font-weight: 400;
	width: calc(81.3333% - 23px)
}

.form-wrap.form-builder .frmb .form-elements input.error {
	border: 1px solid #c10000
}

.form-wrap.form-builder .frmb .form-elements input.fld-maxlength {
	width: 75px
}

.form-wrap.form-builder .frmb .form-elements input.field-error {
	background: #fefefe;
	border: 1px solid #c5c5c5
}

.form-wrap.form-builder .frmb .form-elements label em {
	display: block;
	font-weight: 400;
	font-size: .75em
}

.form-wrap.form-builder .frmb .form-elements label.maxlength-label {
	line-height: 1em
}

.form-wrap.form-builder .frmb .form-elements .available-roles {
	display: none;
	padding: 10px;
	margin: 10px 0;
	background: #e6e5e5;
	-webkit-box-shadow: inset 0 0 2px 0 #b3b2b2;
	box-shadow: inset 0 0 2px 0 #b3b2b2
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .form-elements .available-roles {
		margin-left: 0
	}
}

.form-wrap.form-builder .frmb .form-elements .available-roles label {
	font-weight: 400;
	width: auto;
	float: none;
	display: inline
}

.form-wrap.form-builder .frmb .form-elements .available-roles input {
	display: inline;
	top: auto
}

.form-wrap.form-builder .autocomplete-field .sortable-options .option-selected {
	display: none
}

.form-wrap.form-builder .fb-mobile .field-actions {
	opacity: 1
}

.form-wrap.form-builder [tooltip] {
	position: relative
}

.form-wrap.form-builder [tooltip]:hover:after {
	background: rgba(0, 0, 0, .9);
	border-radius: 5px 5px 5px 0;
	bottom: 23px;
	color: #fff;
	content: attr(tooltip);
	padding: 10px 5px;
	position: absolute;
	z-index: 98;
	left: 2px;
	width: 230px;
	text-shadow: none;
	font-size: 12px;
	line-height: 1.5em;
	cursor: default
}

.form-wrap.form-builder [tooltip]:hover:before {
	border: solid;
	border-color: #222 transparent;
	border-width: 6px 6px 0;
	bottom: 17px;
	content: '';
	left: 2px;
	position: absolute;
	z-index: 99;
	cursor: default
}

.form-wrap.form-builder .tooltip-element {
	visibility: visible;
	color: #fff;
	background: #000;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	margin: 0 5px;
	font-size: 12px;
	cursor: default
}

.form-wrap.form-builder .kc-toggle {
	padding-left: 0!important
}

.form-wrap.form-builder .kc-toggle span {
	position: relative;
	width: 48px;
	height: 24px;
	background: #e6e5e5;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 2px;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	will-change: transform
}

.form-wrap.form-builder .kc-toggle span::after,
.form-wrap.form-builder .kc-toggle span::before {
	position: absolute;
	display: inline-block;
	top: 0
}

.form-wrap.form-builder .kc-toggle span::after {
	position: relative;
	content: '';
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ccc));
	background: linear-gradient(to bottom, #fff 0, #ccc 100%);
	border: 1px solid #999;
	-webkit-transition: -webkit-transform .1s;
	transition: -webkit-transform .1s;
	transition: transform .1s;
	transition: transform .1s, -webkit-transform .1s;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.form-wrap.form-builder .kc-toggle span::before {
	border-radius: 4px;
	top: 2px;
	left: 2px;
	content: '';
	width: calc(100% - 4px);
	height: 18px;
	-webkit-box-shadow: 0 0 1px 1px #b3b2b2 inset;
	box-shadow: 0 0 1px 1px #b3b2b2 inset;
	background-color: transparent
}

.form-wrap.form-builder .kc-toggle input {
	height: 0;
	overflow: hidden;
	width: 0;
	opacity: 0;
	pointer-events: none;
	margin: 0
}

.form-wrap.form-builder .kc-toggle input:checked+span::after {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.form-wrap.form-builder .kc-toggle input:checked+span::before {
	background-color: #6fc665
}

.form-wrap.form-builder::after {
	content: '';
	display: table;
	clear: both
}

.cb-wrap,
.stage-wrap {
	vertical-align: top
}

.cb-wrap.pull-right,
.stage-wrap.pull-right {
	float: right
}

.cb-wrap.pull-left,
.stage-wrap.pull-left {
	float: left
}

.stage-wrap h4 {
	margin-top: 0;
	color: #666
}

.form-elements,
.form-group,
.multi-row span,
textarea {
	display: block
}

.form-elements::after,
.form-group::after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.form-elements .field-options div:hover,
.frmb .legend,
.frmb .prev-holder {
	cursor: move
}

.frmb-tt {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #262626;
	background-color: #666;
	border-radius: 5px;
	padding: 5px;
	color: #fff;
	text-align: left;
	font-size: 12px
}

.frmb-tt::after,
.frmb-tt::before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #666 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -10px;
	bottom: -10px;
	left: 20px
}

.frmb-tt a {
	text-decoration: underline;
	color: #fff
}

.fb-mobile .frmb li .del-button,
.fb-mobile .frmb li .toggle-form,
.frmb li:hover .del-button,
.frmb li:hover .toggle-form {
	opacity: 1
}

.frmb-xml .ui-dialog-content {
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 12px;
	padding: 0 30px;
	margin-top: 0
}

.toggle-form {
	opacity: 0
}

.toggle-form:hover {
	border-color: #ccc
}

.toggle-form::before {
	margin: 0
}

.formb-field-vars .copy-var {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #b3b2b2;
	text-indent: -9999px
}

.ui-button .ui-button-text {
	line-height: 0
}

.form-builder-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: none;
	z-index: 10
}

.form-builder-overlay.visible {
	display: block
}

.form-builder-dialog {
	position: absolute;
	border-radius: 5px;
	background: #fff;
	z-index: 20;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 0;
	left: 0;
	padding: 10px;
	-webkit-box-shadow: 0 3px 10px #000;
	box-shadow: 0 3px 10px #000;
	min-width: 166px;
	max-height: 80%;
	overflow-y: scroll
}

.form-builder-dialog h3 {
	margin-top: 0
}

.form-builder-dialog.data-dialog {
	width: 65%;
	background-color: #23241f
}

.form-builder-dialog.data-dialog pre {
	background: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	color: #f2f2f2
}

.form-builder-dialog.positioned {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}

.form-builder-dialog.positioned .button-wrap::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px)
}

.form-builder-dialog .button-wrap {
	position: relative;
	margin-top: 10px;
	text-align: right;
	clear: both
}

.form-builder-dialog .button-wrap .btn {
	margin-left: 10px
}

.ul_role_list {
	list-style: none
}

[type=checkbox][_ngcontent-c1]:checked,
[type=checkbox][_ngcontent-c1]:not(:checked) {
	position: relative!important;
	left: 0!important;
	opacity: 1!important
}

.right-side {
	float: right
}

.tooltip-inner {
	max-width: 400px!important
}

@media all and (max-width:767px) {
	.tooltip-inner {
		max-width: 200px!important
	}
}



.icon-attachment_template:before {
	content: '\f1ea';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-richtexteditor:before {
	content: '\f1ea';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}


.icon-attachment_template span {
	text-transform: capitalize;
}

.icon-formula:before {
	content: '\f1ec';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-formula span {
	text-transform: capitalize;
}


.icon-qrcode:before {
	content: '\f029';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-qrcode span {
	text-transform: capitalize;
}


.icon-rebate_type:before {
	content: '\f009';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-rebate_type span {
	text-transform: capitalize;
}

.icon-break:before {
	content: '\f141';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-imageurl:before {
	content: '\f03e';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-starrating:before {
	content: '\f005';
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased
}

.icon-pencil:before {
	content: '\e809'
}

.icon-file:before {
	content: '\e80a'
}

.icon-hidden:before {
	content: '\e80b'
}

.icon-cancel:before {
	content: '\e80c'
}

.icon-button:before {
	content: '\e80d'
}

.icon-header:before {
	content: '\e80f'
}

.icon-paragraph:before {
	content: '\e810'
}

.icon-table:before {
	content: '\f0ce'
}

.icon-number:before {
	content: '\e811'
}

.icon-copy:before {
	content: '\f24d'
}

.form-wrap.form-builder {
	position: relative
}

.form-wrap.form-builder * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

.form-wrap.form-builder button,
.form-wrap.form-builder input,
.form-wrap.form-builder optgroup,
.form-wrap.form-builder select,
.form-wrap.form-builder textarea {
	margin: 0;
	font: inherit;
	color: inherit
}

.form-wrap.form-builder textarea {
	overflow: auto
}

.form-wrap.form-builder button,
.form-wrap.form-builder input,
.form-wrap.form-builder select,
.form-wrap.form-builder textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

.form-wrap.form-builder .btn-group {
	position: relative;
	display: inline-block;
	vertical-align: middle
}

.form-wrap.form-builder .btn-group>.btn {
	position: relative;
	float: left
}

.form-wrap.form-builder .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.form-wrap.form-builder .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 0
}

.form-wrap.form-builder .btn-group .btn+.btn,
.form-wrap.form-builder .btn-group .btn+.btn-group,
.form-wrap.form-builder .btn-group .btn-group+.btn,
.form-wrap.form-builder .btn-group .btn-group+.btn-group {
	margin-left: -1px
}

.form-wrap.form-builder .btn-group .input-group .form-control:last-child,
.form-wrap.form-builder .btn-group .input-group-addon:last-child,
.form-wrap.form-builder .btn-group .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:first-child>.btn:not(:first-child),
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.btn-group>.btn,
.form-wrap.form-builder .btn-group .input-group-btn:last-child>.dropdown-toggle,
.form-wrap.form-builder .btn-group>.btn:last-child:not(:first-child),
.form-wrap.form-builder .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form-wrap.form-builder .btn-group>.btn.active,
.form-wrap.form-builder .btn-group>.btn:active,
.form-wrap.form-builder .btn-group>.btn:focus,
.form-wrap.form-builder .btn-group>.btn:hover {
	z-index: 2
}

.form-wrap.form-builder .btn {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	user-select: none;
	border-radius: 4px
}

.form-wrap.form-builder .btn.btn-lg {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px
}

.form-wrap.form-builder .btn.btn-sm {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.form-wrap.form-builder .btn.btn-xs {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.form-wrap.form-builder .input-group .form-control:last-child,
.form-wrap.form-builder .input-group-addon:last-child,
.form-wrap.form-builder .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.form-wrap.form-builder .input-group-btn:first-child>.btn:not(:first-child),
.form-wrap.form-builder .input-group-btn:last-child>.btn,
.form-wrap.form-builder .input-group-btn:last-child>.btn-group>.btn,
.form-wrap.form-builder .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.form-wrap.form-builder .input-group .form-control,
.form-wrap.form-builder .input-group-addon,
.form-wrap.form-builder .input-group-btn {
	display: table-cell
}

.form-wrap.form-builder .input-group-lg>.form-control,
.form-wrap.form-builder .input-group-lg>.input-group-addon,
.form-wrap.form-builder .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}

.form-wrap.form-builder .input-group {
	position: relative;
	display: table;
	border-collapse: separate
}

.form-wrap.form-builder .form-control,
.form-wrap.form-builder output {
	display: block;
	font-size: 14px;
	line-height: 1.42857143
}

.form-wrap.form-builder .input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0
}

.form-wrap.form-builder textarea.form-control {
	height: auto
}

.form-wrap.form-builder .form-control {
	height: 42px;
	width: 100%;
	padding: 6px 12px;
	border-radius: 4px
}

.form-wrap.form-builder .form-control:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.form-wrap.form-builder .form-group {
	margin-left: 0;
	margin-bottom: 15px
}

.form-wrap.form-builder .fb-checkbox-group .checkbox input,
.form-wrap.form-builder .fb-checkbox-group .checkbox-inline input,
.form-wrap.form-builder .fb-radio-group .radio input,
.form-wrap.form-builder .fb-radio-group .radio-inline input {
	position: relative;
	margin: 4px 0 0
}

.form-wrap.form-builder .pull-right {
	float: right
}

.form-wrap.form-builder .pull-left {
	float: left
}

.form-wrap.form-builder .fb-required,
.form-wrap.form-builder .required-asterisk {
	color: #c10000
}

.form-wrap.form-builder .fb-checkbox-group .checkbox,
.form-wrap.form-builder .fb-checkbox-group .checkbox-inline {
	padding-left: 0
}

.form-wrap.form-builder .fb-checkbox-group .checkbox label,
.form-wrap.form-builder .fb-checkbox-group .checkbox-inline label {
	padding-left: 24px
}

.form-wrap.form-builder .fb-radio-group .radio,
.form-wrap.form-builder .fb-radio-group .radio-inline {
	padding-left: 0
}

/* .form-wrap.form-builder .fb-radio-group .radio label,
.form-wrap.form-builder .fb-radio-group .radio-inline label {
	padding-left: 24px
} */

.form-wrap.form-builder .fb-checkbox-inline,
.form-wrap.form-builder .fb-radio-inline {
	display: inline-block;
	vertical-align: middle
}

.form-wrap.form-builder .fb-checkbox-inline:first-child,
.form-wrap.form-builder .fb-radio-inline:first-child {
	padding-left: 0
}

.form-wrap.form-builder .fb-autocomplete-list {
	background-color: #fff;
	display: none;
	list-style: none;
	padding: 0;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	position: absolute;
	z-index: 20;
	max-height: 200px;
	overflow-y: auto
}

.form-wrap.form-builder .fb-autocomplete-list li {
	display: none;
	cursor: default;
	padding: 5px;
	margin: 0;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}

.form-wrap.form-builder .fb-autocomplete-list li.active-option,
.form-wrap.form-builder .fb-autocomplete-list li:hover {
	background-color: rgba(0, 0, 0, .075)
}

@-webkit-keyframes PLACEHOLDER {
	0% {
		height: 1px
	}
	100% {
		height: 15px
	}
}

@keyframes PLACEHOLDER {
	0% {
		height: 1px
	}
	100% {
		height: 15px
	}
}

.form-wrap.form-builder .cb-wrap {
	float: right;
	width: 17% !important;
	-webkit-transition: -webkit-transform 250ms;
	transition: -webkit-transform 250ms;
	transition: transform 250ms;
	transition: transform 250ms, -webkit-transform 250ms
}

.form-wrap.form-builder .cb-wrap.pull-left .form-actions {
	float: left
}

.form-wrap.form-builder .cb-wrap h4 {
	margin-top: 0;
	color: #666
}

@media(max-width:481px) {
	.form-wrap.form-builder .cb-wrap {
		width: 64px
	}
	.form-wrap.form-builder .cb-wrap h4 {
		display: none
	}
}

.form-wrap.form-builder .frmb-control {
	margin: 0;
	padding: 0;
	border-radius: 5px
}

.form-wrap.form-builder .frmb-control li {
	cursor: move;
	list-style: none;
	padding: 6px;
	font-size: 11px !important;
	text-align: left;
	background: #fff;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-shadow: inset 0 0 0 1px #c5c5c5;
	-webkit-box-shadow: inset 0 0 0 1px #c5c5c5;
	text-transform: capitalize;
}

.form-wrap.form-builder .frmb-control li .control-icon {
	width: 16px;
	height: auto;
	margin-right: 10px;
	margin-left: .2em;
	display: inline-block
}

.form-wrap.form-builder .frmb-control li .control-icon img,
.form-wrap.form-builder .frmb-control li .control-icon svg {
	max-width: 100%;
	height: auto
}

.form-wrap.form-builder .frmb-control li:first-child {
	border-radius: 5px 5px 0 0;
	margin-top: 0
}

.form-wrap.form-builder .frmb-control li:last-child {
	border-radius: 0 0 5px 5px
}

.form-wrap.form-builder .frmb-control li::before {
	margin-right: 10px;
	font-size: 16px
}

.form-wrap.form-builder .frmb-control li:hover {
	background-color: #f2f2f2
}

.form-wrap.form-builder .frmb-control li.ui-sortable-helper {
	border-radius: 5px;
	-webkit-transition: -webkit-box-shadow 250ms;
	transition: -webkit-box-shadow 250ms;
	transition: box-shadow 250ms;
	transition: box-shadow 250ms, -webkit-box-shadow 250ms;
	-webkit-box-shadow: 2px 2px 6px 0 #666;
	box-shadow: 2px 2px 6px 0 #666;
	border: 1px solid #fff
}

.form-wrap.form-builder .frmb-control li.ui-state-highlight {
	width: 0;
	overflow: hidden;
	padding: 0;
	margin: 0;
	border: 0
}

.form-wrap.form-builder .frmb-control li.moving {
	opacity: .6
}

.form-wrap.form-builder .frmb-control li.fb-separator {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	cursor: default
}

.form-wrap.form-builder .frmb-control li.fb-separator hr {
	margin: 10px 0
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb-control li::before {
		font-size: 30px
	}
	.form-wrap.form-builder .frmb-control li span {
		display: none
	}
}

.form-wrap.form-builder .frmb-control.sort-enabled li.ui-state-highlight {
	-webkit-box-shadow: none;
	box-shadow: none;
	height: 0;
	width: 100%;
	background: radial-gradient(ellipse at center, #545454 0, rgba(0, 0, 0, 0) 75%);
	border: 0;
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	visibility: visible;
	overflow: hidden;
	margin: 1px 0 3px;
	-webkit-animation: PLACEHOLDER 250ms forwards;
	animation: PLACEHOLDER 250ms forwards
}

.form-wrap.form-builder .fb-mobile .form-actions {
	width: 100%
}

.form-wrap.form-builder .fb-mobile .form-actions button {
	width: 100%;
	font-size: .85em!important;
	display: block!important;
	border-radius: 0!important;
	margin-top: -1px;
	margin-left: 0!important
}

.form-wrap.form-builder .fb-mobile .form-actions button:first-child {
	border-radius: 5px 5px 0 0!important;
	margin-top: 0!important;
	border-bottom: 0 none
}

.form-wrap.form-builder .fb-mobile .form-actions button:last-child {
	border-radius: 0 0 5px 5px!important
}

.form-wrap.form-builder .form-actions {
	float: right;
	margin-top: 5px
}

.form-wrap.form-builder .form-actions button {
	border: 0
}

.form-wrap.form-builder .empty .frmb {
	border: 3px dashed #ccc;
	margin-right: 5px;
	background-color: rgba(255, 255, 255, .25)
}

.form-wrap.form-builder .stage-wrap {
	position: relative;
	float: left;
	width: 80%
}
.form-wrap.form-builder .frmb-control {
    margin: 0;
    padding: 0;
    border-radius: 5px;
    margin-left: 0px !important;
}

.form-wrap.form-builder .stage-wrap.pull-right .frmb {
	margin: 0 0 0 6px
}

@media(max-width:481px) {
	.form-wrap.form-builder .stage-wrap {
		width: calc(100% - 64px)
	}
}

.form-wrap.form-builder .stage-wrap.empty::after {
	content: attr(data-content);
	position: absolute;
	text-align: center;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -1em
}

.form-wrap.form-builder .frmb .prev-holder input[type=number],
.form-wrap.form-builder .frmb .prev-holder input[type=date] {
	width: auto
}

.form-wrap.form-builder .frmb {
	list-style-type: none;
	min-height: 200px;
	margin: 0 6px 0 0;
	padding: 0;
	-webkit-transition: background-color .5s ease-in-out;
	transition: background-color .5s ease-in-out
}

.form-wrap.form-builder .frmb .fb-required {
	color: #c10000
}

.form-wrap.form-builder .frmb.removing {
	overflow: hidden
}

.form-wrap.form-builder .frmb>li:hover {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 8px rgba(102, 175, 233, .6)
}

.form-wrap.form-builder .frmb>li:hover .field-actions {
	opacity: 1
}

.form-wrap.form-builder .frmb>li:hover li :hover {
	background: #fefefe
}

.form-wrap.form-builder .frmb li {
	position: relative;
	padding: 6px;
	clear: both;
	margin-left: 0;
	margin-bottom: 3px;
	background-color: #fff;
	-webkit-transition: background-color 250ms ease-in-out, margin-top .4s;
	transition: background-color 250ms ease-in-out, margin-top .4s
}

.form-wrap.form-builder .frmb li.hidden-field {
	background-color: rgba(255, 255, 255, .6)
}

.form-wrap.form-builder .frmb li:first-child {
	border-top-right-radius: 5px;
	border-top-left-radius: 5px
}

.form-wrap.form-builder .frmb li:first-child .field-actions .btn:last-child {
	border-radius: 0 5px 0 0
}

.form-wrap.form-builder .frmb li:last-child {
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px
}

.form-wrap.form-builder .frmb li.no-fields label {
	font-weight: 400
}

@keyframes PLACEHOLDER {
	0% {
		height: 0
	}
	100% {
		height: 15px
	}
}

.form-wrap.form-builder .frmb li.frmb-placeholder,
.form-wrap.form-builder .frmb li.ui-state-highlight {
	height: 0;
	padding: 0;
	background: radial-gradient(ellipse at center, #545454 0, rgba(0, 0, 0, 0) 75%);
	border: 0;
	-webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	visibility: visible;
	overflow: hidden;
	margin-bottom: 3px;
	-webkit-animation: PLACEHOLDER 250ms forwards;
	animation: PLACEHOLDER 250ms forwards
}

.form-wrap.form-builder .frmb li.moving,
.form-wrap.form-builder .frmb li.ui-sortable-helper {
	-webkit-transition: -webkit-box-shadow .5s ease-in-out;
	transition: -webkit-box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out;
	transition: box-shadow .5s ease-in-out, -webkit-box-shadow .5s ease-in-out;
	-webkit-box-shadow: 2px 2px 6px 0 #666;
	box-shadow: 2px 2px 6px 0 #666;
	border: 1px solid #fff;
	border-radius: 5px
}

.form-wrap.form-builder .frmb li.disabled-field {
	z-index: 1;
	position: relative;
	overflow: visible
}

.form-wrap.form-builder .frmb li.deleting,
.frmb-tt {
	z-index: 20;
	pointer-events: none
}

.form-wrap.form-builder .frmb li.disabled-field:hover .frmb-tt {
	display: inline-block
}

.form-wrap.form-builder .frmb li.disabled-field [type=checkbox] {
	float: left;
	margin-right: 10px
}

.form-wrap.form-builder .frmb li.disabled-field h2 {
	border-bottom: 0 none
}

.form-wrap.form-builder .frmb li.disabled-field label {
	font-size: 12px;
	font-weight: 400;
	color: #666
}

.form-wrap.form-builder .frmb li.disabled-field .prev-holder {
	cursor: default;
	line-height: 28px;
	padding-left: 5px
}

.form-wrap.form-builder .frmb li .close-field {
	position: absolute;
	color: #666;
	left: 50%;
	bottom: 6px;
	background: #fff;
	border-top: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	border-right: 1px solid #c5c5c5;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 5px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	cursor: pointer;
	-webkit-transition: background-color 250ms ease-in-out;
	transition: background-color 250ms ease-in-out
}

.form-wrap.form-builder .frmb li .close-field:hover {
	text-decoration: none
}

.form-wrap.form-builder .frmb li.button-field .prev-holder,
.form-wrap.form-builder .frmb li.button-field address,
.form-wrap.form-builder .frmb li.button-field blockquote,
.form-wrap.form-builder .frmb li.button-field canvas,
.form-wrap.form-builder .frmb li.button-field h1,
.form-wrap.form-builder .frmb li.button-field h2,
.form-wrap.form-builder .frmb li.button-field h3,
.form-wrap.form-builder .frmb li.button-field output,
.form-wrap.form-builder .frmb li.button-field p,
.form-wrap.form-builder .frmb li.header-field .prev-holder,
.form-wrap.form-builder .frmb li.header-field address,
.form-wrap.form-builder .frmb li.header-field blockquote,
.form-wrap.form-builder .frmb li.header-field canvas,
.form-wrap.form-builder .frmb li.header-field h1,
.form-wrap.form-builder .frmb li.header-field h2,
.form-wrap.form-builder .frmb li.header-field h3,
.form-wrap.fo rm-builder .frmb li.header-field output,
.form-wrap.form-builder .frmb li.header-field p,
.form-wrap.form-builder .frmb li.paragraph-field .prev-holder,
.form-wrap.form-builder .frmb li.paragraph-field address,
.form-wrap.form-builder .frmb li.paragraph-field blockquote,
.form-wrap.form-builder .frmb li.paragraph-field canvas,
.form-wrap.form-builder .frmb li.paragraph-field h1,
.form-wrap.form-builder .frmb li.paragraph-field h2,
.form-wrap.form-builder .frmb li.paragraph-field h3,
.form-wrap.form-builder .frmb li.paragraph-field output,
.form-wrap.form-builder .frmb li.paragraph-field p {
	margin: 0
}

.form-wrap.form-builder .frmb li.button-field .field-label,
.form-wrap.form-builder .frmb li.header-field .field-label,
.form-wrap.form-builder .frmb li.paragraph-field .field-label {
	display: none
}

.form-wrap.form-builder .frmb li.button-field.editing .field-label,
.form-wrap.form-builder .frmb li.header-field.editing .field-label,
.form-wrap.form-builder .frmb li.paragraph-field.editing .field-label {
	display: block
}

.form-wrap.form-builder .frmb .frm-holder,
.form-wrap.form-builder .frmb li.checkbox-field .field-label {
	display: none
}

.form-wrap.form-builder .frmb li.paragraph-field .fld-label {
	min-height: 150px;
	overflow-y: auto
}

.form-wrap.form-builder .frmb li.delete:hover,
.form-wrap.form-builder .frmb li.delete:hover .close-field,
.form-wrap.form-builder .frmb li.deleting,
.form-wrap.form-builder .frmb li.deleting .close-field,
.form-wrap.form-builder .frmb li:hover li.delete:hover,
.form-wrap.form-builder .frmb li:hover li.delete:hover .close-field {
	background-color: #fdd
}

.form-wrap.form-builder .frmb.disabled-field {
	padding: 0 5px
}

.form-wrap.form-builder .frmb.disabled-field :hover {
	border-color: transparent
}

.form-wrap.form-builder .frmb.disabled-field .form-element {
	float: none;
	margin-bottom: 10px;
	overflow: visible;
	padding: 5px 0;
	position: relative
}

.form-wrap.form-builder .frmb .tooltip {
	left: 20px
}

.form-wrap.form-builder .frmb .prev-holder {
	display: block
}

.form-wrap.form-builder .frmb .prev-holder .form-group {
	margin: 0
}

.form-wrap.form-builder .frmb .prev-holder .ql-editor {
	min-height: 125px
}


.form-wrap.form-builder .frmb .prev-holder input[type=text],
.form-wrap.form-builder .frmb .prev-holder input[type=number],
.form-wrap.form-builder .frmb .prev-holder select,
.form-wrap.form-builder .frmb .prev-holder textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.form-wrap.form-builder .frmb .prev-holder select[multiple] {
	height: auto
}

.form-wrap.form-builder .frmb .prev-holder label {
	font-weight: 400
}

.form-wrap.form-builder .frmb .prev-holder input[type=color] {
	width: 60px;
	padding: 2px;
	display: inline-block
}

.form-wrap.form-builder .frmb .required-asterisk {
	display: none
}

.form-wrap.form-builder .frmb .field-label,
.form-wrap.form-builder .frmb .legend {
	color: #666;
	margin-bottom: 5px;
	line-height: 27px;
	font-size: 16px;
	font-weight: 400;
	text-transform: capitalize;
}

.form-wrap.form-builder .frmb .disabled-field .field-label {
	display: block
}

.form-wrap.form-builder .frmb .other-val {
	margin-left: 5px;
	display: none
}

.form-wrap.form-builder .frmb .field-actions {
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0
}

.form-wrap.form-builder .frmb .field-actions a::before {
	margin: 0
}

.form-wrap.form-builder .frmb .field-actions a:hover {
	text-decoration: none;
	color: #000
}

.form-wrap.form-builder .frmb .field-actions .btn {
	display: inline-block;
	width: 32px;
	height: 32px;
	padding: 0 6px;
	border-radius: 0;
	border-color: #c5c5c5;
	background-color: #fff;
	color: #c5c5c5;
	line-height: 32px;
	font-size: 16px;
	border-width: 0 0 1px 1px
}

.form-wrap.form-builder .frmb .field-actions .btn:first-child {
	border-bottom-left-radius: 5px
}

.form-wrap.form-builder .frmb .field-actions .toggle-form:hover {
	background-color: #65aac6;
	color: #fff
}

.form-wrap.form-builder .frmb .field-actions .copy-button:hover {
	background-color: #6fc665;
	color: #fff
}

.form-wrap.form-builder .frmb .field-actions .del-button:hover {
	background-color: #c66865;
	color: #fff
}

.form-wrap.form-builder .frmb .option-actions {
	text-align: right;
	margin-top: 10px;
	width: 100%;
	margin-left: 2%
}

.form-wrap.form-builder .frmb .option-actions a,
.form-wrap.form-builder .frmb .option-actions button {
	background: #fff;
	padding: 5px 10px;
	border: 1px solid #c5c5c5;
	font-size: 14px;
	border-radius: 5px;
	cursor: default
}

.form-wrap.form-builder .frmb .sortable-options-wrap {
	width: 81.33333333%;
	display: inline-block
}

.form-wrap.form-builder .frmb .sortable-options-wrap label {
	font-weight: 400
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .sortable-options-wrap {
		display: block;
		width: 100%
	}
}

.form-wrap.form-builder .frmb .sortable-options {
	display: inline-block;
	width: 100%;
	margin-left: 2%;
	background: #c5c5c5;
	margin-bottom: 0;
	border-radius: 5px;
	list-style: none;
	padding: 0
}

.form-wrap.form-builder .frmb .sortable-options>li {
	cursor: move;
	margin: 1px
}

.form-wrap.form-builder .frmb .sortable-options>li:nth-child(1) .remove,
.radio-group-field .form-wrap.form-builder .frmb .sortable-options>li:nth-child(2) .remove {
	display: none
}

.form-wrap.form-builder .frmb .sortable-options>li .remove {
	position: absolute;
	opacity: 1;
	right: 14px;
	height: 17px;
	width: 17px;
	line-height: 17px;
	text-align: center;
	top: 14px;
	font-size: 18px;
	padding: 0;
	color: #351e1e!important
}

.form-wrap.form-builder .frmb .sortable-options>li .remove:hover {
	background-color: #c10000;
	text-decoration: none;
	color: #fff!important
}

.form-wrap.form-builder .frmb .sortable-options .option-selected {
	margin: 0;
	width: 5%
}

.form-wrap.form-builder .frmb .sortable-options input[type=text] {
	width: calc(44.5% - 17px);
	margin: 0 1%;
	float: none
}

.form-wrap.form-builder .frmb .form-field .form-group {
	width: 100%;
	clear: left;
	float: none
}

.form-wrap.form-builder .frmb .col-md-6 .form-elements,
.form-wrap.form-builder .frmb .col-md-8 .form-elements {
	width: 100%
}

.form-wrap.form-builder .frmb .field-options .add-area .add {
	clear: both
}

.form-wrap.form-builder .frmb .style-wrap button.selected {
	border: 1px solid #000;
	margin-top: 0;
	margin-right: 1px;
	-webkit-box-shadow: 0 0 0 1px #fff inset;
	box-shadow: 0 0 0 1px #fff inset;
	padding: 1px 5px
}

.form-wrap.form-builder .frmb .form-elements {
	padding: 10px 5px;
	background: #f7f7f7;
	border-radius: 3px;
	margin: 0;
	border: 1px solid #c5c5c5
}

.form-wrap.form-builder .frmb .form-elements .input-wrap {
	width: 81.33333333%;
	margin-left: 2%;
	float: left
}


.form-wrap.form-builder .frmb .sortable-options .option-selected {
    margin: 0;
	width: 5%;
	margin-top: 8px;
    margin-left: 0px;
	opacity: 1 !important;
    left: 180px !important;
}


.form-wrap.form-builder .frmb .form-elements .add {
	clear: both
}

.form-wrap.form-builder .frmb .form-elements input[type=text],
.form-wrap.form-builder .frmb .form-elements input[type=number],
.form-wrap.form-builder .frmb .form-elements input[type=color],
.form-wrap.form-builder .frmb .form-elements input[type=date],
.form-wrap.form-builder .frmb .form-elements select,
.form-wrap.form-builder .frmb .form-elements textarea {
	-webkit-transition: background 250ms ease-in-out;
	transition: background 250ms ease-in-out;
	padding: 6px 12px;
	border: 1px solid #c5c5c5;
	background-color: #fff
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .form-elements .input-wrap {
		width: 100%;
		margin-left: 0;
		float: none
	}
}

.form-wrap.form-builder .frmb .form-elements input[type=number] {
	width: auto
}

.form-wrap.form-builder .frmb .form-elements .btn-group {
	margin-left: 2%
}

.col-md-6 .form-wrap.form-builder .frmb .form-elements .false-label,
.col-md-6 .form-wrap.form-builder .frmb .form-elements label,
.col-md-8 .form-wrap.form-builder .frmb .form-elements .false-label,
.col-md-8 .form-wrap.form-builder .frmb .form-elements label {
	display: block
}

.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
.form-wrap.form-builder .frmb .form-elements label:first-child {
	width: 16.66666667%;
	padding-top: 7px;
	margin-bottom: 0;
	text-align: right;
	font-weight: 700;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: capitalize
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .form-elements .false-label:first-child,
	.form-wrap.form-builder .frmb .form-elements label:first-child {
		display: block;
		width: auto;
		float: none;
		text-align: left
	}
	.form-wrap.form-builder .frmb .form-elements .false-label:first-child.empty-label,
	.form-wrap.form-builder .frmb .form-elements label:first-child.empty-label {
		display: none
	}
}

.form-wrap.form-builder .frmb .form-elements .false-label.multiple,
.form-wrap.form-builder .frmb .form-elements .false-label.other-label,
.form-wrap.form-builder .frmb .form-elements .false-label.required-label,
.form-wrap.form-builder .frmb .form-elements .false-label.roles-label,
.form-wrap.form-builder .frmb .form-elements .false-label.toggle-label,
.form-wrap.form-builder .frmb .form-elements label.multiple,
.form-wrap.form-builder .frmb .form-elements label.other-label,
.form-wrap.form-builder .frmb .form-elements label.required-label,
.form-wrap.form-builder .frmb .form-elements label.roles-label,
.form-wrap.form-builder .frmb .form-elements label.toggle-label {
	text-align: left;
	float: none;
	margin-bottom: -3px;
	font-weight: 400;
	width: calc(81.3333% - 23px)
}

.form-wrap.form-builder .frmb .form-elements input.error {
	border: 1px solid #c10000
}

.form-wrap.form-builder .frmb .form-elements input.fld-maxlength {
	width: 75px
}

.form-wrap.form-builder .frmb .form-elements input.field-error {
	background: #fefefe;
	border: 1px solid #c5c5c5
}

.form-wrap.form-builder .frmb .form-elements label em {
	display: block;
	font-weight: 400;
	font-size: .75em
}

.form-wrap.form-builder .frmb .form-elements label.maxlength-label {
	line-height: 1em
}

.form-wrap.form-builder .frmb .form-elements .available-roles {
	display: none;
	padding: 10px;
	margin: 10px 0;
	background: #e6e5e5;
	-webkit-box-shadow: inset 0 0 2px 0 #b3b2b2;
	box-shadow: inset 0 0 2px 0 #b3b2b2
}

@media(max-width:481px) {
	.form-wrap.form-builder .frmb .form-elements .available-roles {
		margin-left: 0
	}
}

.form-wrap.form-builder .frmb .form-elements .available-roles label {
	font-weight: 400;
	width: auto;
	float: none;
	display: inline
}

.form-wrap.form-builder .frmb .form-elements .available-roles input {
	display: inline;
	top: auto
}

.form-wrap.form-builder .autocomplete-field .sortable-options .option-selected {
	display: none
}

.form-wrap.form-builder .fb-mobile .field-actions {
	opacity: 1
}

.form-wrap.form-builder [tooltip] {
	position: relative
}

.form-wrap.form-builder [tooltip]:hover:after {
	background: rgba(0, 0, 0, .9);
	border-radius: 5px 5px 5px 0;
	bottom: 23px;
	color: #fff;
	content: attr(tooltip);
	padding: 10px 5px;
	position: absolute;
	z-index: 98;
	left: 2px;
	width: 230px;
	text-shadow: none;
	font-size: 12px;
	line-height: 1.5em;
	cursor: default
}

.form-wrap.form-builder [tooltip]:hover:before {
	border: solid;
	border-color: #222 transparent;
	border-width: 6px 6px 0;
	bottom: 17px;
	content: '';
	left: 2px;
	position: absolute;
	z-index: 99;
	cursor: default
}

.form-wrap.form-builder .tooltip-element {
	visibility: visible;
	color: #fff;
	background: #000;
	width: 16px;
	height: 16px;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	margin: 0 5px;
	font-size: 12px;
	cursor: default
}

.form-wrap.form-builder .kc-toggle {
	padding-left: 0!important
}

.form-wrap.form-builder .kc-toggle span {
	position: relative;
	width: 48px;
	height: 24px;
	background: #e6e5e5;
	display: inline-block;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 2px;
	overflow: hidden;
	float: left;
	margin-right: 5px;
	will-change: transform
}

.form-wrap.form-builder .kc-toggle span::after,
.form-wrap.form-builder .kc-toggle span::before {
	position: absolute;
	display: inline-block;
	top: 0
}

.form-wrap.form-builder .kc-toggle span::after {
	position: relative;
	content: '';
	width: 50%;
	height: 100%;
	left: 0;
	border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(#ccc));
	background: linear-gradient(to bottom, #fff 0, #ccc 100%);
	border: 1px solid #999;
	-webkit-transition: -webkit-transform .1s;
	transition: -webkit-transform .1s;
	transition: transform .1s;
	transition: transform .1s, -webkit-transform .1s;
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.form-wrap.form-builder .kc-toggle span::before {
	border-radius: 4px;
	top: 2px;
	left: 2px;
	content: '';
	width: calc(100% - 4px);
	height: 18px;
	-webkit-box-shadow: 0 0 1px 1px #b3b2b2 inset;
	box-shadow: 0 0 1px 1px #b3b2b2 inset;
	background-color: transparent
}

.form-wrap.form-builder .kc-toggle input {
	height: 0;
	overflow: hidden;
	width: 0;
	opacity: 0;
	pointer-events: none;
	margin: 0
}

.form-wrap.form-builder .kc-toggle input:checked+span::after {
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.form-wrap.form-builder .kc-toggle input:checked+span::before {
	background-color: #6fc665
}

.form-wrap.form-builder::after {
	content: '';
	display: table;
	clear: both
}

.cb-wrap,
.stage-wrap {
	vertical-align: top
}

.cb-wrap.pull-right,
.stage-wrap.pull-right {
	float: right
}

.cb-wrap.pull-left,
.stage-wrap.pull-left {
	float: left
}

.stage-wrap h4 {
	margin-top: 0;
	color: #666
}

.form-elements,
.form-group,
.multi-row span,
textarea {
	display: block
}

.form-elements::after,
.form-group::after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

.form-elements .field-options div:hover,
.frmb .legend,
.frmb .prev-holder {
	cursor: move
}

.frmb-tt {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #262626;
	background-color: #666;
	border-radius: 5px;
	padding: 5px;
	color: #fff;
	text-align: left;
	font-size: 12px
}

.frmb-tt::after,
.frmb-tt::before {
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #666 transparent;
	display: block;
	width: 0;
	z-index: 1;
	margin-left: -10px;
	bottom: -10px;
	left: 20px
}

.frmb-tt a {
	text-decoration: underline;
	color: #fff
}

.fb-mobile .frmb li .del-button,
.fb-mobile .frmb li .toggle-form,
.frmb li:hover .del-button,
.frmb li:hover .toggle-form {
	opacity: 1
}

.frmb-xml .ui-dialog-content {
	white-space: pre-wrap;
	word-wrap: break-word;
	font-size: 12px;
	padding: 0 30px;
	margin-top: 0
}

.toggle-form {
	opacity: 0
}

.toggle-form:hover {
	border-color: #ccc
}

.toggle-form::before {
	margin: 0
}

.formb-field-vars .copy-var {
	display: inline-block;
	width: 24px;
	height: 24px;
	background: #b3b2b2;
	text-indent: -9999px
}

.ui-button .ui-button-text {
	line-height: 0
}

.form-builder-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .5);
	display: none;
	z-index: 10
}

.form-builder-overlay.visible {
	display: block
}

.form-builder-dialog {
	position: absolute;
	border-radius: 5px;
	background: #fff;
	z-index: 20;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 0;
	left: 0;
	padding: 10px;
	-webkit-box-shadow: 0 3px 10px #000;
	box-shadow: 0 3px 10px #000;
	min-width: 166px;
	max-height: 80%;
	overflow-y: scroll
}

.form-builder-dialog h3 {
	margin-top: 0
}

.form-builder-dialog.data-dialog {
	width: 65%;
	background-color: #23241f
}

.form-builder-dialog.data-dialog pre {
	background: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	color: #f2f2f2
}

.form-builder-dialog.positioned {
	-webkit-transform: translate(-50%, -100%);
	transform: translate(-50%, -100%)
}

.form-builder-dialog.positioned .button-wrap::before {
	content: '';
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 10px solid #fff;
	position: absolute;
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, 10px);
	transform: translate(-50%, 10px)
}

.form-builder-dialog .button-wrap {
	position: relative;
	margin-top: 10px;
	text-align: right;
	clear: both
}

.form-builder-dialog .button-wrap .btn {
	margin-left: 10px
}

.ul_role_list {
	list-style: none
}




.icon-layer:before {
	content: '\f123';
	color: #000;
	font-family: "FontAwesome"
}

.icon-layer-t:before {
	content: '\f089';
	color: #000;
	font-family: "FontAwesome"
}

.icon-layer-f:before {
	content: '\f005';
	color: #000;
	font-family: "FontAwesome"
}

.icon-converter:before {
	content: '\f0ec';
	color: #000;
	font-family: "FontAwesome"
}

.icon-emailverify:before {
	content: '\f003';
	color: #000;
	font-family: "FontAwesome"
}

.icon-smsverify:before {
	content: '\f0e6';
	color: #000;
	font-family: "FontAwesome"
}

.icon-email_sms_group:before {
	content: '\f003';
	color: #000;
	font-family: "FontAwesome"
}

.icon-autopopulate:before {
	content: '\f0d0';
	color: #5a789b;
	font-family: "FontAwesome"
}

.icon-display:before {
	content: '\f26c';
	color: #000;
	font-family: "FontAwesome"
}

.icon-graph:before {
	content: '\f200';
	color: #000;
	font-family: "FontAwesome"
}

.icon-table:before {
	content: '\f0ce';
	color: #000;
	font-family: "FontAwesome"
}
.icon-country:before {
	content: '\f0ac';
	color: #000;
	font-family: "FontAwesome"
}

.icon-username:before {
	content: '\f007';
	color: #000;
	font-family: "FontAwesome"
}

.icon-confirmpassword:before {
	content: '\f13e';
	color: #000;
	font-family: "FontAwesome"
}

.icon-termscondition:before {
	content: '\f035';
	color: #000;
	font-family: "FontAwesome"
}

.full-one {
	width: 100%!important
}

.two {
	width: 49%!important
}


.three {
	width: 32.6%!important
}

.three-half {
	width: 73.6%!important
}

.four {
	width: 22.6%!important
}
.fb-select select {
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important
}

.form-field input[type=text],
input[type=number] {
	line-height: 30px!important;
	height: 30px!important;
	border-radius: 0px;
	border: 1px solid #ccc;
}

.form-field input[type=date] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 0px!important;
	border: 1px solid #ccc;
}

.form-field input[type=datetime-local] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 0px!important;
	border: 1px solid #ccc;
}

.form-field input[type=graph] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 0px!important;
	border: 1px solid #ccc;
}

.form-field input[type=table] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 0px!important;
	border: 1px solid #ccc;
}
.form-field input[type=time] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 0px!important;
	border: 1px solid #ccc;
}

.form-field input[type=rebate_type] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 0px!important;
	border: 1px solid #ccc;
}



.form-field input[type=emailverify] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 5px!important;
	border: 1px solid #ccc;
}



.form-field input[type=smsverify] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 5px!important;
	border: 1px solid #ccc;
}

.form-field input[type=email_sms_group] {
	width: 100%!important;
	height: 38px!important;
	border-radius: 5px!important;
	border: 1px solid #ccc;
}

.form-wrap.form-builder .frmb .sortable-options {
    display: inline-block;
	width: 99%  !important;
    background: #c5c5c5;
    margin-left: 3% !important;
    background: #c5c5c5;
    margin-bottom: 0;
    border-radius: 2px;
    list-style: none;
    padding: 0;
}


.form-wrap.form-builder .frmb .sortable-options>li .remove {
    position: absolute  !important;
    opacity: 1;
    height: 18px;
    width: 18px !important;
    right: 8px  !important;
    top: 11px !important;
    font-size: 12px;
    padding: 0;
    color: #c10000;
    background: #f97979;
    color: #fff !important;
}


.form-wrap.form-builder .frmb .sortable-options .option-selected {
    margin: 0;
    width: 2% !important;
    position: absolute !important;
    left: 6px !important;
    top: 15px;
}


.form-wrap.form-builder .frmb .sortable-options input[type=text].option-id{
	 width:10% !important;
	 margin-right: 0px !important;
}

.form-wrap.form-builder .frmb .sortable-options input[type=text].option-value{
	 width:30% !important;
	 margin-right: 0px !important;
}
.form-wrap.form-builder .frmb .sortable-options input[type=text].option-label{
	 width:30% !important;
	 margin-right: 0px !important;
}
.form-wrap.form-builder .frmb .sortable-options input[type=text].option-is_label{
	 width:20% !important;
	 margin-right: 30px !important;
}

.form-wrap.form-builder .frmb .sortable-options>li {
    cursor: move;
    margin: 1px;
    padding: 6px;
    background-color: #fff;
    display: flex;
	flex-direction: row-reverse;
	flex-grow: 1;
 
}


.form-wrap.form-builder .frmb .sortable-options input[type=text] {
	width: 20% !important;
	
}

.form-wrap.form-builder .frmb .sortable-options input[type=radio] {
    position: absolute;
    top: 15px;
    left: 0px !important;
}

input[type=converter] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

input[type=formula] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

input[type=qrcode] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}


input[type=country] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

input[type=attachment_template] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

input[type=richtexteditor] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}


input[type=confirmpassword] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

input[type=imageurl] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

input[type=starrating] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}



input[type=username] {
	width: 100% !important;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	padding: 6px 12px;
	line-height: 30px!important;
	height: 38px!important;
	border-radius: 5px!important;
}

.form-wrap.form-builder .frmb li.termscondition-field .fld-label {
    min-height: 150px;
    overflow-y: auto;
}


.form-wrap.form-builder .frmb li.termscondition-field.editing .field-label {
    display: block;
}
.form-wrap.form-builder .frmb li.termscondition-field .field-label {
    display: none;
}


 .stage-wrap ul{
	margin-left: 0px !important;
}

/* Styling Checkbox Starts */