/* Chrome, Safari, Opera */ 
@-webkit-keyframes slideUp {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-10px,0);
	}
} 
@keyframes slideUp {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0,-10px,0);
		transform: translate3d(0,-10px,0);
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(50px,0,0) scale(.98);
	}
} 
@keyframes fadeOut {
	0% {
		opacity: 1;
		-webkit-transform: translate3d(0,0,0) scale(1);
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(50px,0,0) scale(.98);
	}
}

html
{
	background-image: url(data:image/png;base64, );
	background-color: transparent;
}
html h1,
html h2,
html h3,
html h4,
html h5
{
	line-height: normal;
}
/* I'm sorry but I have to do this */
html .notice.is-dismissible,
html .update-nag,
html #wpbody-content > .updated
{
	display: none !important;
}

body.folded.wp-admin .fc_modal-backdrop,
body.folded.wp-admin .fc_modal
{
	left: 36px;
}
body.wp-admin .fc_modal-backdrop,
body.wp-admin .fc_modal
{
	left: 160px;
}
.ui-datepicker
{
	display: none;
}
.ie9 .formcraft-css .fc-form
{
	border: 1px solid #ccc;
	border-top-color: #ddd;
	border-bottom: #bbb;
}
.icon-help-circled:before
{
	margin: 0;
}
#wpfooter
{
	display: none;
}
#help_modal
{
	.fc_modal-body
	{
		position: relative;
		padding: 0;
	}
	.fc_modal-content
	{
		overflow: hidden;
	}
	#help-menu
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 170px;
		bottom: 0;
		background-color: #f0f0f2;
		form
		{
			padding: 25px 12px;
		}
		form input
		{
			width: 100%;
			margin: 0;
			box-sizing: border-box;
			border-radius: 100px;
			padding: 5px 10px;
			color: #666;
			box-shadow: none;
			border-color: #ccc;
			&:focus
			{
				border-color: #48e;
			}
		}
		ul
		{
			margin: 0;
			padding: 0;
			letter-spacing: -4px;
		}
		ul li:first-child
		{
			border-top: 1px solid #ddd;
			height: 37px;
		}
		ul li
		{
			letter-spacing: 0;
			margin: 0;
			cursor: pointer;
			padding: 8px 12px;
			color: #777;
			border-bottom: 1px solid #ddd;
		}
		ul li:hover,
		ul li.active
		{
			background-color: #e4e4e6;
			color: #777;
		}
	}
	#help-content
	{
		margin-left: 170px;
		min-height: 300px;
		display: block;
		background-color: #f9f9f9;
		box-shadow: 0px 0px 3px rgba(0,0,0,.4);
		position: relative;
		z-index: 101;
	}
	#help-content.loading
	{
		.loader
		{
			display: block;
		}
		#help-content-content
		{
			opacity: 0;
		}
	}
	.fc_close
	{
		top: 0px;
		background-color: #f0f0f2;
		right: 11px;
		color: #999;
		line-height: 33px;
		height: 35px;
		border-radius: 0 0 3px 0;
		border-bottom: 1px solid #dde;
		border-right: 1px solid #dde;
	}
	.fc_close:hover
	{
		color: #48e;
	}
	#help-top
	{
		letter-spacing: 0;
		font-size: 11px;
		top: 0px;
		right: 32px;
		text-transform: uppercase;
		font-weight: bold;
		position: absolute;
		overflow: hidden;
		color: #888;
		letter-spacing: .4px;
		border-top-width: 0px;
		box-shadow: 0px 0px 3px rgba(0,0,0,.42);
		span
		{
			cursor: pointer;
			padding: 8px 12px;
			display: inline-block;
			vertical-align: top;
			border-left: 1px solid #ddd;
			background-color: #f0f0f2;
		}
		span:first-child
		{
			border-left-width: 0px;
		}
		span:hover
		{
			color: #666;
		}
	}
	#help-top.disabled,
	#help-top.disabled:hover
	{
		color: #999;
		cursor: default;
	}
	#help-content-content
	{
		letter-spacing: -4px;
		opacity: 1;
		transition: opacity .3s;
		padding: 15px;
		padding-top: 44px;
		height: 575px;
		color: #555;
		.no-posts
		{
			position: absolute;
			top: 50%;
			left: 50%;
			margin-left: -86px;
			margin-top: -74px;
			letter-spacing: 0;
			padding: 40px 10px;
			font-size: 17px;
			color: #a5a5b0;
			text-align: center;
			font-weight: normal;
		}
		.icon-emo-unhappy
		{
			font-size: 26px;
			display: block;
			margin-bottom: 20px;
		}
		h2
		{
			letter-spacing: 0;
			font-weight: bold;
			letter-spacing: 0;
			border-bottom: 1px solid #ddd;
			padding: 9px 24px;
			color: #666;
			margin: 0 -15px 5px -15px;
		}
		.category
		{
			padding: 5px 9px;
			color: #666;
			font-size: 15px;
			margin-bottom: 0;
			font-weight: bold;
			letter-spacing: 0;
			margin-top: 30px;
			cursor: pointer;
			&:hover
			{
				color: #48e;
			}
		}
		> div h3:first-child
		{
			margin-top: 15px;
		}
		.post
		{
			letter-spacing: 0;
			cursor: pointer;
			font-size: 13px;
			padding: 4px 9px;
			display: block;
		}
		.post:hover
		{
			color: #48e;
		}
		article
		{
			letter-spacing: 0;
			max-height: 490px;
			overflow: auto;
			padding: 9px 32px 40px 24px;
			text-align: justify;
			line-height: 1.6em;
			margin: 0 -15px;
			font-size: 13px;
			h2:first-child
			{
				margin-top: 15px;
			}
			p
			{
				margin: .8em 0;
			}
			a, li a
			{
				color: #48e;
				outline: none;
				text-decoration: none;
				box-shadow: none;
				&:hover
				{
					color: darken(#48e, 10%);
				}
			}
			h2, h3
			{
				padding: 0;
				margin: 35px 0 0 0;
				border: 0px;
				font-size: 17px;
				font-weight: bold;
				color: #666;
			}
			.button
			{
				border: 1px solid #ccc;
				font-size: 10px;
				color: #888;
				font-weight: bold;
				&:hover
				{
					color: #666;
				}
			}
			.code
			{
				width: 100%;
				background-color: #F0F0F2;
				padding: 9px 10px 7px 10px;
				white-space: pre;
				border-radius: 2px;
				box-shadow: 0 0 0px 1px rgba(156,165,181,0.5),0 1px 0px rgba(156,165,181,0.5);
				border: 0px;
				margin: 8px auto;
			}
			li h3
			{
				font-size: 15px;
				margin-bottom: -4px;
				text-transform: none;
				letter-spacing: 0;
				position: relative;
				top: 1px;
			}
			ol {
				counter-reset: some-counter;
			}
			li
			{
				margin: 15px 0;
			}
			ol li
			{
				list-style: none;
				padding-left: 16px;
				position: relative;
				h2:first-child
				{
					padding-top: 6px;
				}
			}
			ol.small-li li
			{
				padding-left: 1px;
				margin: 5px 0;
			}
			ol li:before {
				content: counter(some-counter);
				position: absolute;
				left: -25px;
				top: 4px;
				width: 30px;
				height: 30px;
				text-align: center;
				line-height: 30px;
				font-weight: bold;
				color: white;
				background-color: #649EF2;
				font-size: 16px;
				border-radius: 3px;
				display: inline-block;
				counter-increment: some-counter;
				box-shadow: 0 1px 0 #3c69ab;
			}
			ol.small-li li:before
			{
				width: 20px;
				height: 20px;
				line-height: 20px;
				font-size: 12px;
				border-radius: 20px;
				top: 2px;
				box-shadow: none;
			}
			ul, ul li
			{
				list-style: none;
				position: relative;
			}
			ul
			{
				padding-left: 1.8em;
			}
			ul li
			{
				margin: 5px 0;
			}
			ul li::before
			{
				content: '→';
				position: absolute;
				left: -1.5em;
				font-weight: bold;
				font-size: 1.1em;
				top: 0;
				color: #48e;
			}
			.wp-caption-text
			{
				margin-top: -1.1em;
				font-weight: bold;
			}
			.wp-caption
			{
				max-width: 100%;
			}
			table
			{
				font-size: inherit;
				border-collapse:collapse;
				tr td
				{
					border-bottom: 1px solid #e5e5e5;
					padding: 4px 9px;
					vertical-align: top;
				}
				tr th
				{
					border-bottom: 1px solid #bbb;
					padding: 4px 9px;
					vertical-align: top;
				}
			}
			img
			{
				border: 1px solid rgba(0,0,0,.25);
				box-shadow: 0 0 3px rgba(0,0,0,0.3);
				max-width: 100%;
				margin-bottom: 20px;
				display: block;
				height: auto;
				border-radius: 3px;
			}
			li img
			{
				margin-top: 12px;
				margin-bottom: 12px;
				max-width: 100%;
				display: inline-block;
			}			
			h3
			{
				font-size: 13px;
				margin-top: 25px;
				text-transform: uppercase;
				letter-spacing: .6px;
			}
		}
	}
}
#autoresponder_modal
{
	.fc_modal-body
	{
		letter-spacing: -4px;
		> label
		{
			display: inline-block;
			width: 50%;
			letter-spacing: 0;
			margin-bottom: 30px;
		}
		.tooltip-cover
		{
			position: absolute;
			top: -9px;
			left: 110px;
			font-size: 17px;
			text-align: center;
			color: #48e;
		}
		.tooltip
		{
			letter-spacing: 0;
		}
		.tooltip-inner
		{
			width: 300px;
			min-width: 300px;
		}
		> p
		{
			letter-spacing: 0;
			margin-top: 0;
			font-size: 12px;
			margin-bottom: 30px;
		}
	}
}
#form_logic_box
{
	width: 590px;
	.nav-tabs > button
	{
		color: #999;
		font-size: 12px;
		cursor: pointer;
		margin-top: -1px;
		float: left;
		&:hover
		{
			color: #666;
		}
	}	
	.nav-content > div
	{
		max-height: 470px;
		width: 100%;
		padding-bottom: 40px;
		overflow: auto;		
	}
	#add-logic-cover
	{
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
		button
		{
			font-size: 14px;
			color: #999;
			width: 92%;
			height: 71px;
			background: transparent;
			border: 1px dashed #bbb;
			box-shadow: none;
			&:hover
			{
				border-color: #999;
				color: #777;
			}
		}
	}
	#add-logic-heads
	{
		letter-spacing: -4px;
		font-size: 15px;
		color: #48e;
		text-transform: uppercase;
		padding-bottom: 10px;
		margin-top: 10px;
		> div
		{
			letter-spacing: .6px;
			font-size: 11px;
			display: inline-block;
			text-align: center;
			position: relative;
			font-weight: bold;
		}
		> div:after
		{
			content: '↓';
			position: absolute;
			left: 50%;
			font-size: 15px;
			bottom: -18px;
			margin-left: -5px;
		}
	}
	.add-logic-area
	{
		letter-spacing: -4px;
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bold;
		color: #777;
		position: relative;
		padding: 20px 4px 0 4px;
		> div.remove-logic
		{
			font-size: 16px;
			text-align: center;
			border-radius: 3px;
			cursor: pointer;
			color: #888;
			background-color: #F6F6F9;
			border: 1px solid #d4d4d4;
			box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4);			
			height: 30px;
			line-height: 28px;
			z-index: 101;
			&:hover
			{
				color: red;
			}
		}
		> div
		{
			letter-spacing: .4px;
			display: inline-block;
			text-align: center;
			position: relative;
			padding-left: 1px;
			line-height: 24px;
		}
		input[type='text'],
		select
		{
			font-size: 11px;
			font-weight: normal;
			text-transform: none;
			letter-spacing: 0;
			background-image: none;
			box-shadow: none;
			border: 0px;
			max-width: 100%;
			width: 100%;
			padding: 5px 6px;
			border-radius: 0px;
			vertical-align: middle;
			margin: 0;
			color: #666;
			line-height: 18px;
			background-color: transparent;
			&:hover
			{
				color: #444;
				background-color: #e6e6e6;
			}
		}
		.select2
		{
			font-size: 11px;
		}
		select
		{
			cursor: pointer;
		}		
		> div.group
		{
			position: relative;
			background-color: #f6f6f9;
			border: 1px solid #ccc;
			box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4);
			border-radius: 3px;
			-moz-border-radius: 3px;
			letter-spacing: -4px;
			margin-top: 0;
			vertical-align: top;
			padding: 0;
			.no-nos
			{
				display: none;
				padding: 4px 0;
				letter-spacing: .4px;
				text-transform: uppercase;
				font-weight: bold;
				font-size: 10px;
				line-height: 20px;
				text-align: center;
				border-bottom: 1px solid #d4d4d4;
			}
			&.actions-nos-0
			{
				.no-nos
				{
					display: inline-block;
					width: 100%;
				}
			}
			.add-group
			{
				letter-spacing: 0;
				width: 100%;
				text-align: center;
				border-top-width: 0px;
				padding: 3px 10px;
				font-size: 10px;
				color: #888;
				cursor: pointer;
				&:hover
				{
					color: #666;
					background-color: #f0f0f2;
				}
			}
			.add-group:active
			{
				top: auto;
			}
			> div
			{
				padding: 0;
				letter-spacing: -4px;
				position: relative;
				text-align: center;
				font-size: 15px;
				.set-value-set_value .set-value-field
				{
					display: block;
					border-right: 1px solid #d4d4d4;
					margin-left: 1px;
				}
				.set-value-field
				{
					display: none;
				}
				.result-type-show_fields,
				.result-type-hide_fields
				{
					> select
					{
						display: none;
					}
					> input
					{
						display: none;
					}
				}
				.result-type-email_to,
				.result-type-redirect_to,
				.result-type-set_value,
				.result-type-
				{
					> select
					{
						display: none;
					}
					.select-fields-logic
					{
						display: none;
					}
				}
				.result-type-trigger_integration
				{
					> select
					{
						display: block;
					}
					> input,
					.select-fields-logic
					{
						display: none;
					}
				}
				> div:last-child
				{
					border-right-width: 0px;
				}
				.remove-action
				{
					right: 0px;
					color: #888;
					z-index: 101;
					cursor: pointer;
					line-height: 28px;
					font-size: 16px;
					vertical-align: bottom;
					text-align: center;
					&:hover
					{
						color: red;
					}
				}
				input:hover, select:hover
				{
					background-color: #f0f0f2;
				}
				.selectize-control
				{
					font-size: 11px;
					text-transform: none;
					text-align: left;
					.selectize-input
					{
						padding: 0;
						border: 0px;
						box-shadow: none;
						border-radius: 0px;
						font-weight: normal;
						background: inherit !important;
						display: block;
					}
					.selectize-input.dropdown-active
					{
						z-index: 102;
						background-color: white;
						position: relative;
					}
					.selectize-input.dropdown-active > input
					{
						z-index: 102;
						overflow: hidden;
						box-shadow: -2px 0px 3px -1px rgba(0,0,0,0.22),2px 0 3px -1px rgba(0,0,0,0.22),0px -2px 5px -1px rgba(0,0,0,0.22);
						border-radius: 3px 3px 0 0;
						width: 100% !important;
						background-color: white;
						&:hover
						{
							background: white;
						}
					}
					.selectize-input > input
					{
						padding: 5px 6px;
						display: block;
						width: 100% !important;
						position: static !important;
						&:hover
						{
							background: #f0f0f2;
						}
					}
					.selectize-input > div
					{
						padding: 0px 6px;
						min-height: 24px;
						color: inherit;
						margin: 0;
						display: block;
						width: 100%;
						text-transform: none;
						&:hover
						{
							background: #f0f0f2;
						}
					}
					.selectize-dropdown
					{
						border: 0px;
						overflow: hidden;
						border-radius: 0 0 3px 3px;
						box-shadow: 0 0px 5px rgba(0,0,0,0.5);
					}
					.selectize-dropdown .option
					{
						border-top: 1px solid transparent;
						border-bottom: 1px solid transparent;
						box-sizing: border-box;
						height: auto;
						min-height: 24px;
						line-height: 22px;
					}
					.selectize-dropdown .active
					{
						background-color: #f6f6f9;
						border-color: #eee;
					}
					.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header
					{
						padding: 0px 6px;
						font-weight: normal;
					}
				}
				.and-or
				{
					display: block;
					width: 100%;
				}
				.and-or select
				{
					width: 100%;
					font-size: 11px;
					color: #777;
					letter-spacing: 0;
					font-weight: bold;
				}
				&:nth-last-child(2) .and-or
				{
					display: none;
				}
				> div
				{
					display: inline-block;
					letter-spacing: 0;
					position: relative;
					vertical-align: top;
					border-right: 1px solid #d4d4d4;
					border-bottom: 1px solid #d4d4d4;
				}
				> div.has-arrow::after
				{
					content: '→';
					position: absolute;
					right: -5px;
					z-index: 101;
					color: #666;
					font-size: 12px;
					top: 50%;
					margin-top: -9px;
				}				
			}
		}
	}
}
#form_addon_box
{
	.no-addons
	{
		text-align: center;
		font-size: 21px;
		padding: 20px 10px;
		margin-top: 40px;
		color: #aab;
	}
	.fc_highlight
	{
		display: none;
		background-color: rgba(255,255,255,1);
		-webkit-animation: zoomIn 1s;
		animation: zoomIn 1s;	
	}
	.addon
	{
		padding: 0px;
		position: relative;
		input[type='text'],
		select
		{
			padding: 6px 8px;
			box-shadow: 1px 0px 0 #eee inset;
			-webkit-box-shadow: 1px 0px 0 #eee inset;
			margin-top: 0;
			margin-bottom: 0;
			font-size: 12px;
		}
	}
	.addon-head
	{
		border-bottom: 1px solid #ddd;
		line-height: 48px;
		height: 48px;
		padding-top: 1px;
		padding-left: 79px;
		position: relative;
	}
	.addon-content
	{
		display: none;
		padding: 0;
		background-color: #f7f7f7;
		box-shadow: rgba(0,0,0,0.15) 0 -1px 4px -2px inset,rgba(0,0,0,0.15) 0 1px 4px -2px inset;
		position: relative;
		&.addon-excerpt
		{
			box-shadow: rgba(0,0,0,0.15) 0 -1px 4px -2px inset;
			background-color: white;
		}
		.simple-toggle,
		.simple-head
		{
			padding: 12px 16px;
			color: #666;
			margin: 0;
			cursor: pointer;
			font-size: 14px;
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			margin-bottom: -1px;
			display: block;
			width: 100%;
		}
		.simple-toggle.active,
		.simple-head.active
		{
			background-color: #ededef;
		}
		.simple-toggle .icon-angle-up,
		.simple-toggle .icon-angle-down,
		.simple-head .icon-angle-up,
		.simple-head .icon-angle-down
		{
			margin-left: 5px;
		}
		.simple-toggle .icon-angle-up,
		.simple-head .icon-angle-up
		{
			display: none;
		}
		.simple-toggle.active .icon-angle-down,
		.simple-head.active .icon-angle-down
		{
			display: none;
		}
		.simple-toggle.active .icon-angle-up,
		.simple-head.active .icon-angle-up
		{
			display: inline;
		}
		.simple-toggle:hover,
		.simple-head:hover
		{
			background-color: #ededef;
		}
	}
	.addon-excerpt
	{
		padding: 13px 20px 20px 20px;
		font-size: 13px;
		color: #666;
		br
		{
			margin-top: 5px;
			display: block;
			content: '';
		}
		img
		{
			margin-top: 8px;
		}
		p
		{
			margin: 0;
			padding: 15px 0 0 0;
			font-size: 13px;
		}
		ul
		{
			padding: 7px 0 0 0;
			margin: 0;
			font-size: 13px;
			color: #666;
		}
		ul li
		{
			margin: 2px 0;
			padding-left: 0px;
			position: relative;
		}
		ul li::before
		{
			content: '\e80c';
			font-family: "fc";
			font-style: normal;
			font-weight: normal;
			color: #19A919;
			font-size: .8em;
			margin-right: 5px;
		}
	}
	.new-addons > .icon-spin5
	{
		position: absolute;
		top: 80px;
		font-size: 32px;
		opacity: .75;
		height: auto;
		margin-left: -22px;
	}
	.button
	{
		display: inline-block;
		font-size: 10px;
		margin-top: 10px;
		padding: 7px 12px;
		text-transform: uppercase;
		letter-spacing: .6px;
		font-weight: bold;
		.icon-spin5
		{
			display: none;
		}
	}
	.button.toggle-install
	{
		background-color: #4E8EED;
		border-color: #3075DC;
		color: white;
		&:hover
		{
			box-shadow: 0px 0px 4px rgba(0,0,0,.4);
		}
	}
	.button.coming-soon
	{
		opacity: .75;
		cursor: default;
		color: #888;
		border-color: #ccc;
		&:hover,
		&:hover > span,
		&:focus > span
		{
			color: #888;
			box-shadow: none;
			border-color: #ccc;
			background: inherit;
		}
	}
	.button.purchase
	{
		cursor: default;
		color: #fff;
		background-color: #37B373;
		border-color: darken(#37B373, 5%);
		box-shadow: none;
		cursor: pointer;
		&:hover
		{
			background-color: #37B373;
			color: #fff;
			box-shadow: 0px 0px 4px rgba(0,0,0,.4);
			border-color: darken(#37B373, 7%);
		}
	}
	a.read-more-addon
	{
		text-decoration: none;
		color: #888;
		display: inline-block;
		padding: 0 12px;
		margin-top: 10px;
		font-size: 10px;
		outline: none;
		box-shadow: none;
		text-transform: uppercase;
		letter-spacing: .2px;
		font-weight: bold;
		line-height: 30px;
		&:hover
		{
			color: #48e;
		}
	}
	.button.loading
	{
		span
		{
			opacity: 0;
		}
		.icon-spin5
		{
			display: inline;
		}
	}
	.icon-spin5
	{
		display: inline;
		position: absolute;
		top: 1px;
		left: 50%;
		height: 26px;
		right: auto;
		margin-left: -10px;
		cursor: pointer;
		font-size: 18px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		&::before
		{
			left: 0;
			position: static;
		}
	}
	.toggle-angle
	{
		display: inline-block;
		border-left: 1px solid #ddd;
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 48px;
		padding: 0px 0px;
		cursor: pointer;
		color: #48e;
		font-size: 20px;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		overflow: hidden;
		.icon-angle-up,
		.icon-angle-down
		{
			padding: 0 10px;
			display: block;
			height: 47px;
			line-height: 47px;
		}
	}
	.addon-type
	{
		border-bottom: 1px solid #ddd;
		padding: 25px 12px 8px 15px;
		font-size: 12px;
		background-color: #fafafa;
		text-align: right;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .6px;
		color: #888;
	}
	.addon-head .icon-angle-up
	{
		display: none;
	}
	.addon.show-content
	{
		.addon-head .icon-angle-up
		{
			display: block;
		}
		.addon-head .icon-angle-down
		{
			display: none;
		}
	}
	.addon-logo-cover
	{
		position: absolute;
		left: 15px;
		top: -1px;
		bottom: -1px;
		width: 49px;
		overflow: hidden;
	}
	.addon-logo
	{
		height: 49px;
		bottom: 0px;
		left: 0px;
		position: absolute;
		margin: 0;
		width: auto;
		display: inline-block;
	}
}
.formcraft-css .option-box
{
	transform-origin: 0% 50%;
	-webkit-animation: fadeInRightSmooth .35s;
	animation: fadeInRightSmooth .35s;
	display: none;

	.button
	{
		height: auto;
		text-transform: none;
		letter-spacing: 0;
		line-height: normal;
		border-radius: 3px;
		padding: 6px 11px 5px 11px;
		color: #777;
		font-weight: normal;
		font-size: 13px;
		background: #f6f6f9;
		border: 1px solid #ccc;
		border-bottom-color: #bbb;
		box-shadow: none;
		border-radius: 3px;
		-moz-border-radius: 3px;
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
		-webkit-transition: none;
		transition: none;
	}
	.button.toggle
	{
		opacity: .6;
		&:hover
		{
			opacity: .75;
		}
		&.active
		{
			opacity: 1;
			box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2);
		}
	}
	.button:hover	
	{
		box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2);
		border-color: #bbb;
		background: #f6f6f9;
		color: #777;
		position: static;
	}
	.button:focus,
	.button:focus:hover
	{
		background: #f6f6f9;
		color: #777;
		position: static;
		box-shadow: none;
	}
	.button.active
	{
		opacity: 1;
		background: #f6f6f9;
		color: #777;
		position: static;
		&:hover
		{
			box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2);
			border-color: #bbb;
			position: static;
			border: 1px solid #ccc;
			border-bottom-color: #bbb;			
		}
	}	

	&.state-,
	&.state-false
	{
		display: none;
	}
	&.state-true
	{
		display: block;
	}

	&.state-hiding
	{
		transform-origin: 0% 50%;
		-webkit-animation: fadeOutRightSmooth .35s;
		animation: fadeOutRightSmooth .35s;
		display: block;
	}
	position: fixed;
	top: 88px;
	margin-left: -10px;
	min-height: 560px;
	background-color: white;
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	width: 397px;
	color: #666;
	border-radius: 2px;
	z-index: 998;
	overflow: hidden;
	.nav-content-slide
	{
		white-space: nowrap;
		transition: left 1s;
		position: relative;
		letter-spacing: -4px;
		font-size: 16px;
		transition: transform .3s cubic-bezier(0.8,0,0.1,1);
		-webkit-transition: -webkit-transform .3s cubic-bezier(0.8,0,0.1,1);
	}
	.nav-content-slide > div
	{
		letter-spacing: 0;
		display: inline-block;
		white-space: initial;
		width: 100%;
		font-size: 13px;
		vertical-align: top;
		height: 465px;
		max-height: 465px;
		overflow: auto;
		position: relative;
	}
	.help-link
	{
		margin-bottom: 14px;
		color: #48e;
		font-size: 12px;
		text-align: center;
	}
	.help-link a
	{
		color: #48e;
		cursor: pointer;
		&:hover
		{
			color: #2F70D3;
		}
	}
	> h2
	{
		display: block;
		font-size: 14px;
		text-transform: uppercase;
		font-weight: bold;
		letter-spacing: .6px;
		margin: 0;
		color: #778;
		padding: 14px 15px;
		position: relative;
		.icon-angle-left
		{
			position: absolute;
			cursor: pointer;
			right: 0;
			line-height: 45px;
			border-radius: 0 3px 0 0;
			top: 0;
			border-left: 1px solid #ddd;
			font-size: 19px;
			padding: 0 10px;
			padding-bottom: 1px;
			&:hover
			{
				background-color: #f6f6f9;
			}
		}
	}
	.ac-toggle
	{
		position: relative;
		padding-left: 20px;
		line-height: 48px;
		cursor: pointer;
		height: 48px;
		border-bottom: 1px solid #ddd;
		margin: 0;
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: .6px;
		color: #888;
		font-weight: bold;
		&:hover
		{
			background-color: #fafafa;
			color: #778;
		}
		.tooltip-icon
		{
			position: relative;
			top: 1px;
			left: 3px;
			font-size: 16px;
		}
		[class^="icon-"],
		[class*=" icon-"]
		{
			position: absolute;
			top: 0;
			min-width: 49px;
			line-height: 47px;
			cursor: pointer;
			height: 47px;
			border-left: 1px solid #ddd;
			padding: 0 10px;
			text-align: center;
			right: 0;
			color: #888;
			font-size: 20px;
			&.icon-popup
			{
				font-size: 17px;
			}
			&:hover
			{
				background-color: #f6f6f9;
			}
		}
	}
	.ta-text
	{
		max-height: 170px;
		min-height: 170px;
		overflow: auto;
	}
	.ac-inner
	{
		padding: 15px;
		background-color: #fafafa;
		border-bottom: 1px solid #ddd;
		input
		{
			color: #666;
		}
		select
		{
			cursor: pointer;
		}
	}
	#options_tabs
	{
		padding: 0;
	}
	.divider
	{
		display: block;
		background-color: #eee;
		min-height: 25px;
		border-bottom: 1px solid #ddd;
	}
	.nav-tabs,
	.nav-tabs-slide
	{
		display: block;
		background-color: #f0f0f1;
		padding: 0px 15px 0px 6px;
		min-height: 35px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		box-shadow: 0px 2px 2px -2px rgba(0,0,10,.07) inset,0px -2px 2px -2px rgba(0,0,10,.07) inset;		
		> span
		{
			display: inline-block;
			padding: 14px 7px 12px 7px;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: .6px;
			text-transform: uppercase;
			color: #aaa;
			cursor: pointer;
			&:hover
			{
				color: #778;
			}
			&.active
			{
				color: #48e;
				position: relative;
			}
		}
	}
	.font-show
	{
		line-height: 28px;
		text-transform: uppercase;
		margin-top: 11px;
		font-weight: bold;
		font-size: 11px;
		letter-spacing: 1px;
		color: #777;
		margin-left: 8px;
		display: inline-block;
	}
	.standalone,
	.font-btn
	{
		height: auto;
		text-transform: none;
		letter-spacing: 0;
		line-height: normal;
		border-radius: 3px;
		padding: 6px 11px 5px 11px;
		color: #777;
		font-weight: normal;
		font-size: 13px;
		background: #f6f6f9;
		border: 1px solid #ccc;
		border-bottom-width: 0px;
		box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4);
		border-radius: 3px;
		-moz-border-radius: 3px;
		position: relative;
		margin-top: 2px;
		margin-bottom: 0;
		opacity: .6;
		-webkit-transition: none;
		transition: none;
	}	
	.standalone:hover,
	.font-btn:hover,
	.standalone:focus,
	.font-btn:focus,
	.standalone.active,
	.font-btn.active
	{
		opacity: .75;
		box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2);
		border-color: #bbb;
		border-bottom-width: 1px;
		margin-bottom: -1px;
		position: static;
	}
	.standalone.active,
	.font-btn.active
	{
		opacity: 1;
		position: static;
	}
	.font-btn,
	.font-btn:hover
	{
		opacity: 1;
	}	
	.grid-allow
	{
		letter-spacing: -4px;
		> div, > label
		{
			letter-spacing: 0;
			display: inline-block;
			position: relative;
			height: 70px;
			border: 1px solid #ccc;
			border-radius: 3px;
			background-color: #f6f6f9;
			border-bottom-width: 0px;
			margin-bottom: 1px;
			box-shadow: 0 1px 0 rgba(0,0,0,0.4);
			opacity: .6;
			&:hover,
			&.active
			{
				box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2);
				border-color: #bbb;
				border-bottom-width: 1px;
				margin-bottom: 0px;
				opacity: .75;
			}
			&.active
			{
				opacity: 1;
			}			
			> span
			{
				position: absolute;
				border-radius: 1px;
			}
			input
			{
				position: relative;
				left: -999em;
			}
		}
	}
	.group
	{
		position: relative;
		margin-top: 24px;
		> h2
		{
			left: 12px;
			color: #48e;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: .6px;
			background-color: white;
			margin: 0;
			font-size: 12px;
		}
		> div
		{
			padding: 4px 0;
			font-size: 12px;
			.option-label
			{
				vertical-align: top;
				font-size: 12px;
				position: relative;
				top: 3px;
				padding-right: 5px;
				vertical-align: top;
				display: inline-block;
			}
			p
			{
				margin: 0;
				position: relative;
				top: 3px;
				display: inline-block;
				font-size: 12px;
			}
		}
	}
	.custom-color
	{
		h2
		{
			margin-bottom: 8px;
		}
		.wp-picker-container
		{
			position: absolute;
			width: 112px;
			white-space: nowrap;
			left: 258px;
		}
		.wp-picker-input-wrap,
		.wp-picker-holder
		{
			position: absolute;
			left: -130px;
			top: -225px;
		}
		.wp-picker-input-wrap
		{
			top: 0;
		}
		> div
		{
			margin: 6px 0;
		}
	}
	.color-schemes.image-schemes
	{
		.wp-color-result
		{
			width: 52px;
			height: 52px;
			vertical-align: top;
			outline: none;
			margin: 0;
			border: 1px solid #ccc;
			box-shadow: 0 1px 0 rgba(0,0,0,.2);
			&:after
			{
				content: none;
			}
		}
		> div
		{
			margin: 4px 4px 4px 0;			
			display: inline-block;
			position: relative;
		}
		.wp-picker-input-wrap
		{
			position: absolute;
			width: 150px;
			bottom: -1px;
			top: auto;
			left: 56px;
		}
		.color-picker
		{
			height: 23px;
		}
		.wp-picker-holder
		{
			position: absolute;
			bottom: -218px;
			top: auto;
		}
		> label
		{
			border-color: #ccc;
			vertical-align: top;
			box-shadow: 0 1px 0 rgba(0,0,0,.22);
		}
		> label > span,
		> div > span,
		.wp-picker-container::after
		{
			position: absolute;
			font-size: 9px;
			letter-spacing: 0;
			right: 0;
			left: 0;
			text-align: center;
			margin-top: -9px;
			top: 50%;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: .4px;
			color: #bbb;
			z-index: 99;
		}
		.wp-picker-container::after
		{
			content: 'CUSTOM';
		}
		.wp-picker-container:hover::after
		{
			display: none;
		}
		> label.active span
		{
			color: #666;
		}
		> label.active
		{
			box-shadow: 0 1px 4px rgba(0,0,0,0.5);
			border: 0px;
		}
		> label:nth-child(1),
		> label:nth-child(2)
		{
			span
			{
				display: block;
			}
		}
		> label:nth-child(2)
		{
			background-size: 102% !important;
		}
	}
	.color-schemes.colors
	{
		input[type='radio'],
		input[type='radio']:focus,
		input[type='radio']:hover
		{
			position: absolute;
			left: -9999em;
			margin-left: -10px;
			margin-top: -8px;
			background: none;
			border: 0px;
			top: 50%;
			opacity: 0;
			&::before
			{
				font-size: 15px;
			}
		}
		label.active input[type='radio']
		{
			opacity: 1;
			left: 50%;
		}
	}
	.color-schemes
	{
		width: 101%;
		> label
		{
			position: relative;
			cursor: pointer;
			width: 52px;
			height: 52px;
			border-radius: 2px;
			display: inline-block;
			margin: 4px 4px 4px 0;
			border: 1px solid transparent;
			transition: transform .2s;
		}
		> label.active
		{
		}
	}
}
#form_options_box
{
	span.option-label
	{
		display: inline-block;
		width: 140px;
		line-height: 38px;
	}
	.nav-content
	{
		padding: 0px 15px 15px 15px;		
	}
	input[type='radio'],
	input[type='checkbox']
	{
		position: relative;
		top: 1px;
	}
	.wp-picker-container .wp-picker-input-wrap input
	{
		height: 22px;
		width: 75px;
		padding: 0px 8px;
		line-height: 22px;
	}
	.button
	{
		vertical-align: middle;
	}
	.custom-text-cover
	{
		max-height: 490px;
		overflow: auto;
		padding: 0;
		input[type='text'],
		textarea
		{
			width: 100%;
			margin: 0;
			padding: 9px 17px;
			box-shadow: none;
			display: block;
			text-transform: none;
			letter-spacing: 0;
			color: #777;
			font-size: 13px;
			text-align: left;
			opacity: 1;
			border-color: #e8e8e8;
			border-top-width: 0px;
			&:focus
			{
				border-color: #e8e8e8;
				background-color: #fafafa;
				color: #555;
			}
		}
	}
	label.single-option.active,
	label.single-option:hover
	{
		opacity: 1;
		background-color: #fafafa;
	}
	label.single-option span
	{
		margin-left: 23px;
	}
	div.single-option h3
	{
		font-size: 13px;
	}
	div.active .single-option:nth-child(1) .step
	{
		transition: transform .6s;
	}
	div.active .single-option:nth-child(2) .step
	{
		transition: transform .8s;
	}
	div.active .single-option:nth-child(3) .step
	{
		transition: transform 1s;
	}
	div.active .single-option:nth-child(4) .step
	{
		transition: transform 1.2s;
	}
	div.active .single-option .step
	{
		transform: translate3d(0,0,0);
	}
	.single-option
	{
		display: block;
		padding: 12px 15px;
		margin: 0;
		border-bottom: 1px solid #e2e2e2;
		&:last-child
		{
			border-bottom-width: 0px;
		}
		opacity: .9;
		position: relative;
		.bg-image
		{
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: auto;
			z-index: -1;
			opacity: .75;
		}
		.step
		{
			position: absolute;
			transition: transform .6s;
			right: 5px;
			transform: translate3d(100px,0,0);
			top: 5px;
			background-color: rgba(68, 136, 238, 0.72);
			color: #fff;
			text-align: center;
			font-weight: bold;
			font-size: 16px;
			width: 30px;
			height: 30px;
			line-height: 30px;
			border-radius: 100px;
			z-index: 101;
		}
		input[type='text'],
		textarea,
		select
		{
			display: inline-block;
			padding: 4px 8px;
			text-align: center;
			text-transform: uppercase;
			letter-spacing: .4px;
			font-size: 11px;
			width: auto;
			box-shadow: none;
			width: 80px;
			margin: 0 4px;
			background-image: none;
		}
		select
		{
			text-transform: none;
			letter-spacing: 0;
			font-weight: normal;
		}
		h3
		{
			display: inline-block;
			font-size: 12px;
			color: #666;
			margin: 0;
		}
		span
		{
			font-size: 12px;
			color: #777;
			display: block;
			margin-top: 3px;
			a
			{
				margin: 0;
				display: inline;
			}
			input[type='text'],
			textarea
			{
				margin: 4px 0 4px 0;
				text-transform: none;
				font-size: 12px;
				letter-spacing: 0px;
				text-align: left;
				padding: 6px 9px;
				font-family: monospace, Arial;
			}
		}
	}
	.group
	{
		> div
		{
			letter-spacing: -4px;
			> span, > div, > label, > p
			{
				letter-spacing: 0;
				display: inline-block;
			}
		}
		.tooltip-inner
		{
			max-width: 400px;
		}
		> .tooltip-icon
		{
			border-radius: 100px;
			position: absolute;
			right: 30px;
			top: -10px;
			font-size: 18px;
			background-color: #fff;
			color: #999;
		}
		> div
		{
			margin-bottom: 10px;
		}
		span.option-label
		{
			width: 25%;
			vertical-align: top;
		}
	}
	.tooltip-wide
	{
		.tooltip-inner
		{
			width: 280px;
		}
	}
	.tooltip-cover
	{
		display: inline-block;
		position: absolute;
		top: 10px;
		right: 9px;
		margin-left: 4px;
		text-align: center;
		font-size: 18px;
		.tooltip-icon
		{
			display: block;
			color: #999;
			background-color: white;
			text-align: center;
			border-radius: 100px;
		}
		.tooltip
		{
			min-width: 200px;
			text-align: left;
		}
	}
	.sub-label-left
	{
		font-size: 12px;
		min-width: 90px;
		display: inline-block;
		color: #777;
		text-align: right;
	}
	.email-method-check
	{
		vertical-align: top;
		margin-top: 4px;
		letter-spacing: -4px;
		.tooltip-icon
		{
			border-radius: 100px;
			position: absolute;
			right: 7px;
			top: -10px;
			background-color: #fff;
			color: #999;
		}			
		label:last-child
		{
			margin-right: 0px;
		}
		.icon-help-circled:before
		{
			display: block;
		}
		label
		{
			letter-spacing: 0;
			background-color: transparent;				
			display: inline-block;
			vertical-align: top;
			margin-bottom: 0px;
			padding: 8px 10px;
			border: 1px solid #ddd;
			border-bottom: 0px;
		}
		label.active
		{
			background-color: #fff;
		}
	}
	.test-email
	{
		position: relative;
		margin-top: 18px;
	}
	.test-email input
	{
		box-shadow: none;
		width: 100%;
		border-color: #d7d7d7;
		border-radius: 3px;
		margin-bottom: 25px;
	}
	.test-email .tooltip-icon
	{
		position: absolute;
		right: 4px;
		top: 11px;
		font-size: 14px;
		color: #888;
		z-index: 101;
	}
	.test-email > span
	{
		position: absolute;
		right: 2px;
		top: 38px;
		font-size: 10px;
		color: #888;
	}
	.test-email > div
	{
		text-align: center;
		line-height: 1.5em;
		font-size: 13px;
		.fc-spinner
		{
			padding: 0;
			margin: 0 auto;
		}
		.icon-ok
		{
			font-size: 11px;
		}
		.cancel-x
		{
			font-size: 16px;
			color: red;
			line-height: 17px;
			vertical-align: middle;
			font-weight: bold;
		}
	}
	.email-method-list
	{
		display: inline-block;
		position: relative;
		width: 100%;
		.input-group > label:first-child input
		{
			border-radius: 0px;
			border-top-color: #ddd;
		}
		.input-group > label input
		{
			border-right-color: #ddd;
			border-left-color: #ddd;
		}
	}
	.show-php,
	.hide-smtp
	{
		display: block;
	}
	.hide-php,
	.show-smtp
	{
		display: none;
	}
	.fc_modal-header
	{
		background: #eee;
		padding-bottom: 0;
		color: #999;
	}
}
#styling_tabs.nav-content-slide > div
{
	padding: 0 15px 15px;
}
.textangular
{
	display: block;
	background-color: white;
	border-radius: 3px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-top-color: #bababa;
	border-left-color: #bfbfbf;
	margin: 1px;
	letter-spacing: 0;
	textarea
	{
		display: block;
		width: 100%;
		margin: 0;
		border: 0px;
		font-family: monospace, Arial;
		line-height: 1.4;
		font-size: 14px;
	}
	[class^="fa-"]:before, [class*=" fa-"]:before {
		font-family: "fc";
		font-style: normal;
		font-weight: normal;
		speak: 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;
		/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
	}
	.fa-list-ol:before { content: '\e82b'; } /* '' */
	.fa-list-ul:before { content: '\e82c'; } /* '' */
	.fa-quote-right:before { content: '\e827'; } /* '' */
	.fa-bold:before { content: '\e829'; } /* '' */
	.fa-italic:before { content: '\e82a'; } /* '' */
	.fa-align-left:before { content: '\e818'; } /* '' */
	.fa-align-center:before { content: '\e819'; } /* '' */
	.fa-align-right:before { content: '\e81a'; } /* '' */
	.fa-repeat:before { content: '\e82d'; } /* '' */
	.fa-undo:before { content: '\e82e'; } /* '' */
	.fa-underline:before { content: '\e82f'; } /* '' */
	.fa-strikethrough:before { content: '\e830'; } /* '' */
	.fa-ban:before { content: '\e831'; } /* '' */
	.fa-code:before { content: '\e832'; } /* '' */
	.fa-picture-o:before { content: '\e833'; } /* '' */
	.fa-link:before { content: '\e834'; } /* '' */
	.fa-youtube-play:before { content: '\e835'; } /* '' */
	.fa-indent:before { content: '\e836'; } /* '' */
	.fa-outdent:before { content: '\e837'; } /* '' */	
	.fa-trash-o:before { content: '\e800'; } /* '' */
	.fa-align-justify:before { content: '\e838'; } /* '' */
	.fa-unlink:before { content: '\e839'; } /* '' */
	.fa-edit:before { content: '\e812'; } /* '' */

	button, .btn
	{
		background-color: inherit;
		border: 0px;
		box-shadow: none;
		display: inline-block;
		cursor: pointer;
		color: #888;
		padding: 6px;
		min-width: 31px;
		font-size: 12px;
		background: inherit;
		&:hover
		{
			background-color: #eee;
			color: #000;
		}
	}

	.ta-editor
	{
		p
		{
			margin: 6px 0;
			width: auto;
		}
		h1, h2, h3, h4, h5
		{
			color: inherit !important;
			position: static !important;
			line-height: normal !important;
			margin: 10px 0 !important;
			display: block !important;
			font-weight: bold !important;
		}
	}

	.btn-group
	{
		display: inline;
		white-space: normal;
	}

	.btn-group .btn:first-child
	{
		border-left: 0px;
	}

	.ta-toolbar
	{
		border-bottom: 1px solid #ddd;
		background-color: #fafafa;
		margin-top: 0;
		margin-bottom: 0;
	}
}
html [class^="icon-"]:before,
html [class*=" icon-"]:before {
	font-family: "fc";
	font-style: normal;
	font-weight: normal;
	speak: 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;
}
html .formcraft-css
{
	*
	{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}	
	label
	{
		position: relative;
		display: inline-block;
	}
	label > span.sub-label
	{
		position: absolute;
		z-index: 1;
		left: 13px;
		top: -2px;
		font-size: 12px;
		font-weight: bold;
		color: #48e;
		line-height: 4px;
		background-color: white;
	}
	.trigger-help
	{
		color: #48e;
		display: inline-block;
		margin: 5px 0;
		cursor: pointer;
		letter-spacing: 0;
		&:hover
		{
			color: darken(#48e, 10%);
		}
	}
	#form_styling_box .trigger-help
	{
		color: #999;
		&:hover
		{
			color: #48e;
		}
	}
	.options-head,
	#help_button_cover
	{
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transition: transform .5s ease-out;
		-webkit-transition: -webkit-transform .5s ease-out;
	}
	#form-cover-html
	{
		opacity: 1;
		transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transition: transform .5s ease-out;
		-webkit-transition: -webkit-transform .5s ease-out;
	}
	.fc-form
	{
		transition: width .25s ease-out;
		-webkit-transition: width .25s ease-out;
	}
	.form_width_change
	{
		opacity: 1;
		transform: translate3d(0, 0, 0) scaleX(1);
		-webkit-transform: translate3d(0, 0, 0) scaleX(1);
		transition: transform .5s cubic-bezier(0.8,0,0.1,1);
		-webkit-transition: -webkit-transform .5s cubic-bezier(0.8,0,0.1,1);
		z-index: 1;
	}
	.hide-form-options
	{
		.form-options
		{
			display: none !important;
		}
	}
	&.hide-form
	{
		.options-head,
		#help_button_cover
		{
			transform: translate3d(0, -60px, 0);
			-webkit-transform: translate3d(0, -60px, 0);
		}
		#form-cover-html
		{
			opacity: 0;
			transform: translate3d(0, 60px, 0);
			-webkit-transform: translate3d(0, 60px, 0);
		}
		.form_width_change
		{
			transform: translate3d(0, 0, 0) scaleX(0);
			-webkit-transform: translate3d(0, 0, 0) scaleX(0);			
			opacity: 0;
		}
		.fc-pagination-cover
		{
			display: none;
		}
		.fc-spinner-form
		{
			display: block;
			margin: 0px auto;
			padding: 0;
			white-space: nowrap;
			position: absolute;
			top: 50%;
			margin-top: -10px;
			left: 0; right: 0;
			width: auto;
			> div
			{
				width: 15px;
				height: 15px;
				background-color: #999;
				margin: 0 1px;
			}
		}
	}
	.fc-spinner-form
	{
		display: none;
	}
	.fc-pagination-cover
	{
		margin-bottom: 3em;
	}
	.fc-pagination
	{
		display: block;
		width: 100% !important;
		div input
		{
			display: block;
			text-align: center;
			text-transform: uppercase;
			font-size: 11px;
			color: #888;
			letter-spacing: .4px;
			font-weight: bold;
			box-shadow: none;
			border: 0px;
			border-radius: 0px;
			background-color: transparent;
			border-bottom: 1px solid #bbb;
			padding: 6px;
		}
		div .page-name
		{
			display: none;
		}
		div:first-child .page-number
		{
			transform: scale(1.1);
		}
	}	
	.fc-form
	{
		&.frame-hidden .form-page
		{
			padding: 0;
		}		
		.form-page
		{
			border-top: 1px dashed #ddd;
			margin-top: -1px;
			min-height: 30px;
			position: relative;
			padding: 1.5em 1.5em;
			padding-right: 0;
			padding-bottom: 0;			
		}
		.form-page .form-page-content
		{
			padding: 0;
			min-height: 78px;
			position: relative;
		}
		.form-page-0
		{
			.delete-page
			{
				display: none;
			}
		}
		.delete-page
		{
			position: absolute;
			color: #aaa;
			top: -12px;
			left: 50%;
			font-weight: bold;
			font-size: 16px;
			width: 22px;
			height: 22px;
			line-height: 22px;
			margin-left: 36px;
			border-radius: 50px;
			cursor: pointer;
			z-index: 9999;
			&:hover
			{
				color: red;
			}
		}
		.form-page::after
		{
			content: 'page break';
			letter-spacing: 0;
			position: absolute;
			top: -10px;
			background-color: white;
			color: #999;
			font-size: 10px;
			letter-spacing: .6px;
			text-transform: uppercase;
			font-weight: bold;
			margin-left: -32px;
			left: 50%;
		}
		.form-page:first-child
		{
			border-top: 0px;
		}
		.form-page:first-child::after
		{
			content: none;
		}
		.form-element.even
		{
			.form-options:before
			{
				content: '';
				width: 0; 
				height: 0; 
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent; 
				border-right:7px solid #d3d3d3;
				position: absolute;
				left: 0;
				margin-left: -7px;
				top: 33px;
				z-index: 101;
			}
			.form-options:after
			{
				content: '';
				width: 0; 
				height: 0; 
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent; 
				border-right:6px solid #fff;
				position: absolute;
				left: 0;
				margin-left: -5px;
				top: 34px;
				z-index: 102;
			}
		}
		.form-element.odd
		{
			.form-options:before
			{
				content: '';
				width: 0; 
				height: 0; 
				border-top: 7px solid transparent;
				border-bottom: 7px solid transparent; 
				border-left: 7px solid #d3d3d3;
				position: absolute;
				right: 0;
				margin-right: -7px;
				top: 33px;
				z-index: 101;
			}
			.form-options:after
			{
				content: '';
				width: 0; 
				height: 0; 
				border-top: 6px solid transparent;
				border-bottom: 6px solid transparent; 
				border-left:6px solid #fff;
				position: absolute;
				right: 0;
				margin-right: -5px;
				top: 34px;
				z-index: 102;
			}
		}
		.form-element.even .form-options .sub-options
		{
			text-align: right;
		}
		.form-element.even .form-options
		{
			.delete
			{
				right: auto;
				left: 8px;
			}
			.duplicate
			{
				right: auto;
				left: 32px;
			}
		}
		.form-options
		{
			display: block;
			font-size: 13px;
			letter-spacing: -4px;
			position: absolute;
			width: 330px;
			box-shadow: 0 0 3px rgba(0,0,0,.3);
			-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
			top: -10px;
			background: white;
			border-radius: 2px;
			color: #666;
			font-family: 'Open Sans', 'Helvetica', Arial;
			.textangular textarea
			{
				margin: 0 !important;
				background-color: white;
				box-shadow: none;
			}
			.ta-toolbar
			{
				white-space: normal;
				.btn
				{
					min-width: 29px;
				}
				.btn.active
				{
					box-shadow: 0px 0px 1px #aaa inset;
					background: #eee;
					border-radius: 1px;
				}
			}
			.textangular .ta-editor
			{
				cursor: auto;
				font-size: 1.1em;
				p
				{
					font-weight: normal;
					color: inherit;
					display: block;
					font-size: 1em;
					width: auto;
				}
			}
			> div
			{
				letter-spacing: 0;
			}
			.options-main
			{
				padding: 10px 0 2px 15px;
				text-align: left;
			}
			.sub-options
			{
				border-bottom: 1px solid #ddd;
				border-radius: 2px 2px 0 0;
				background-color: #f9f9f9;
				text-align: left;
				padding: 0 10px;
				font-size: 15px;
				> div
				{
					display: inline-block;
					cursor: auto;
					text-transform: uppercase;
					letter-spacing: .5px;
					font-size: 14px;
					padding: 7px 3px;
					color: #888;
					font-weight: bold;
				}
				.icon-trash-empty
				{
					font-size: 14px;
					position: relative;
					bottom: 1px;
				}
				.delete,
				.duplicate
				{
					position: absolute;
					top: 6px;
					background: red;
					color: white;
					right: 8px;
					height: 19px;
					border-radius: 100px;
					text-align: center;
					font-size: 15px;
					width: 19px;
					line-height: 19px;
					padding: 0;
					opacity: .4;
				}
				.duplicate
				{
					right: 32px;
					font-size: 13px;
					background-color: rgb(8, 143, 8);
				}
				.delete:hover
				{
					color: white;
					opacity: .9;
				}
				.duplicate:hover
				{
					color: white;
					opacity: .9;
				}
				> span
				{
					cursor: pointer;
					font-weight: bold;
					opacity: .8;
					display: inline-block;
					padding: 8px 3px;
					color: #888;
				}
				> span:hover
				{
					opacity: 1;
				}
			}
			.w-3.w-3-images
			{
				display: none;
			}
			.images-true
			{
				.w-3-images
				{
					display: inline-block;
				}
				.w-3
				{
					width: 50%;
					display: inline-block;
				}
			}
			.icons-list
			{
				position: relative;
				font-weight: bold;
				text-align: center;
			}
			.icons-list > div > span
			{
				display: inline-block;
				font-size: 15px;
				height: 20px;
				vertical-align: bottom;
				opacity: .75;
				cursor: pointer;
				width: 100%;
				&:hover
				{
					opacity: 1;
				}
				[class^="icon-"]
				{
					position: static;
					font-size: inherit;
				}
			}
			.icons-list > div
			{
				border: 1px solid #ddd;
				border-top-color: #c6c6c6;
				border-left-color: #c9c9c9;
				box-shadow: 1px 1px 0 #eee inset;
				border-radius: 2px;
				padding: 6px;
				background-color: rgb(250, 250, 250);
				.no-icon
				{
					position: relative;
					width: 100%;
					height: 20px;
					display: block;
					margin: 0;
					text-align: center;
					&::after
					{
						position: absolute;
						content: 'NONE';
						text-transform: uppercase;
						font-style: initial;
						font-size: 9px;
						font-weight: bold;
						line-height: 20px;
						left: 0;
						top: 2px;
						bottom: 0;
						right: 0;
					}
				}
			}
			.icons-list > div > span.super
			{
				position: absolute;
				top: -1px;
				left: 10px;
				line-height: 2px;
				background-color: white;
				font-size: 12px;
				height: auto;
				vertical-align: top;
				opacity: 1;
				width: auto;
			}
			.icons-list > div > div
			{
				width: 200px;
				padding: 6px;
				color: #656565;
				text-align: left;
				text-decoration: none;
				background-color: #FAFAFA;
				box-shadow: 0 0 6px rgba(0,0,0,0.5);
				-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
				border-radius: 2px;
				position: absolute;
				top: 33px;
				left: -53%;
				letter-spacing: -4px;
				white-space: normal;
				z-index: 99;
				&::after
				{
					position: absolute;
					content: '';
					left: 57px;
					top: -5px;
					background-color: rgb(250, 250, 250);
					height: 5px;
					width: 88px;
				}
				> label
				{
					width: 20%;
					padding: 7px 0;
					border: 0px;
					opacity: .5;
					margin: 0;
					font-size: 15px;
					text-align: center;
					letter-spacing: 0;
					display: inline-block;
					color: #555;
					[class^="icon-"]
					{
						position: static;
						font-size: inherit;
					}
					&.active,&:hover
					{
						opacity: 1;
					}
				}
			}
			.w-1,.w-2,.w-3,.w2-1,.w2-2
			{
				letter-spacing: 0;
				padding-right: 15px;
				font-size: 90%;
				white-space: nowrap;
				margin-bottom: 12px;
				.icon-help
				{
					position: absolute;
					right: 17px;
					top: 50%;
					margin-top: -5px;
					color: #888;
				}
				.icon-help-circled::before
				{
					margin: 0;
				}
				input[type="text"], textarea, select
				{
					width: 100%;
					margin: 0;
					margin-top: 8px;
					padding: 8px 10px 6px 10px;
				}
				p
				{
					margin: 0;
					width: 100px;
					padding-right: 8px;
					display: inline-block;
					font-weight: bold;
					font-size: 12px;
					color: #777;
				}
				.tooltip
				{
					white-space: normal;
					width: 220px;
					max-width: 220px;
					padding-bottom: 0;
					margin-top: -4px;
				}
				.icon-help-circled
				{
					position: absolute;
					right: 25px;
					font-size: 16px;
					text-align: center;
					color: #999;
					border-radius: 100px;
					background-color: white;
					width: 17px;
					line-height: 17px;
					height: 17px;
					top: 0;
				}
			}
			.stuck-input
			{
				letter-spacing: -4px;
				position: relative;
				padding-top: 20px;
				padding-bottom: 5px;
			}
			.stuck-input > span
			{
				letter-spacing: 0px;
				width: 25%;
				text-align: center;
				display: inline-block;
				position: absolute;
				z-index: 101;
				font-size: 9px;
				text-transform: uppercase;
				letter-spacing: .4px;
				top: 5px;
				font-weight: bold;
			}
			.stuck-input > input[type='text']
			{
				width: 25%;
				display: inline-block;
				letter-spacing: 0;
				position: relative;
				border-radius: 0px;
				margin: 0;
				border-right-width: 0px;
				padding: 6px 8px;
				box-shadow: none;
			}
			.stuck-input > input[type='text']:nth-child(2)
			{
				border-radius: 2px 0 0 2px;
			}
			.stuck-input > input[type='text']:last-child
			{
				border-radius: 0 2px 2px 0;
				border-right-width: 1px;
			}
			.wp-picker-holder
			{
				z-index: 101;
			}
			.wp-picker-input-wrap input[type="text"]
			{
				max-width: 67px;
				margin: 0;
				padding: 2px 2px 2px 2px;
			}
			.w2-1
			{
				display: inline-block;
				width: 50%;
			}
			.w2-2
			{
				display: inline-block;
				width: 25%;
			}
			.w-3,.w2-3
			{
				display: block;
				width: 100%;
			}
			.w-2
			{
				display: inline-block;
				width: 66.6%;
			}
			.w-1
			{
				display: inline-block;
				width: 33.3%;
				&.last
				{
					width: 33.4%;
				}
			}
			.heading-sizes
			{
				.button,
				.hide-checkbox .button,
				label.button,
				span.button
				{
					font-size: 13px;
					[class^="icon-"]::before
					{
						position: static;
					}
				}
			}
			.hide-checkbox .button,
			.button,
			label.button
			{
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				-o-user-select: none;
				user-select: none;
				cursor: pointer;
				padding: 7px 11px 6px 11px !important;
				color: #777;
				background-color: #f6f6f8;
				border: 0px;
				border-width: 1px;
				border-style: solid;
				border-color: #ccc;        
				border-bottom-width: 0px;
				box-shadow: inset 0 1px 0 #fff,0 1px 0 rgba(0,0,0,0.4);
				border-radius: 3px;
				-moz-border-radius: 3px;
				position: relative;
				text-transform: uppercase;
				font-weight: bold;
				letter-spacing: .4px;
				text-shadow: none;
				position: relative;
				font-size: 9px;
				margin-right: 5px;
				margin-top: 5px;
				margin-bottom: 2px;
				height: auto;
				line-height: normal;
				text-align: center;
				opacity: .6;
				-webkit-transition: none;
				transition: none;
				vertical-align: middle;
				[class^="icon-"]::before
				{
					position: static;
				}
				&:hover,
				&:focus
				{
					opacity: .75;
					margin-bottom: 1px;
					box-shadow: inset 0 1px 0 #fff,0 0px 3px rgba(0,0,0,0.2);
					border-bottom-width: 1px;
					border-color: #bbb;
					position: static;
				}
				&.active,
				&:active
				{
					opacity: 1;
					position: static;
					&:hover
					{
						opacity: 1;
					}
				}
			}
			.button.wp-picker-clear
			{
				margin: 0;
				margin-left: 5px;
				vertical-align: top;
				opacity: 1;
				padding: 4px 8px 3px 8px !important;
			}
			.hide-checkbox
			{
				label
				{
					opacity: .5;
					opacity: .5;
					border: 1px solid #ccc;
					padding: 5px 5px 3px 5px;
					border-radius: 2px;
					img
					{
						max-width: 28px;
					}
				}
				label:hover,label.active
				{
					opacity: 1;
				}
			}
			.align-icons .button
			{
				font-size: 13px;
			}
			label, div.label
			{
				position: relative;
				display: inline-block;
				> span
				{
					position: absolute;
					font-size: 12px;
					line-height: 10px;
					left: 10px;
					top: 2px;
					font-weight: bold;
					background: white;
					color: #777;
				}
			}
		}
		.form-options
		{
			display: none;
		}
		.form-options.state-true
		{
			display: block;
		}
		.form-options.state-false
		{
			display: none;
		}
		.even .form-options
		{
			right: 0;
			margin-right: -352px;
		}
		.odd .form-options
		{
			left: -1.5em;
			margin-left: -352px;
		}
		.odd .form-options
		{
			transform-origin: 0;
			-webkit-animation: fadeInLeft .25s;
			animation: fadeInLeft .25s;
		}
		.odd .form-options.animate-hiding.state-false
		{
			display: block;
			-webkit-animation: fadeOutLeft .25s;
			animation: fadeOutLeft .25s;
		}
		.even .form-options
		{
			transform-origin: 0;
			-webkit-animation: fadeInRight .25s;
			animation: fadeInRight .25s;
		}
		.even .form-options.animate-hiding.state-false
		{
			display: block;
			-webkit-animation: fadeOutRight .25s;
			animation: fadeOutRight .25s;
		}
	}
	.form-cover-builder
	{
		padding-top: 120px;
		padding-bottom: 300px;
		min-height: 610px;
		.prev-next
		{
			input
			{
				display: block;
				margin: 0 auto;
				&:hover
				{
					color: #48e;
				}
			}
			div span
			{
				display: none;
			}
		}
		.fc-form
		{
			.form-element-html
			{
				min-height: 20px;
			}
			.form-element-type-customText .form-element-html
			{
				min-height: 0;
			}
			.form-element
			{
				cursor: pointer;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				.form-element-html
				{
					margin-left: -.75em;
					padding-left: .75em;
					margin-top: -.75em;
					padding-top: .75em;
				}
			}
			.form-page-content .form-element:first-child .form-element-html
			{
				margin-top: 0;
			}
			.form-element .options-panel
			{
				display: none;
				cursor: move;
				cursor: -webkit-grab;
			}
			.form-element:hover .options-panel
			{
				display: block;
			}
			.form-element::after
			{
				position: absolute;
				border: 1px dashed #aaa;
				top: -.75em;
				bottom: 0;
				left: -.75em;
				right: .75em;
				height: 100%;
				content: '';
				display: none;
				z-index: -1;
			}
			.form-element:hover::after
			{
				display: block;
			}
			.form-element.ui-sortable-placeholder
			{
				position: relative;
				visibility: visible !important;
				display: inline-block !important;
				margin-bottom: 0px;
				margin-right: -1px;
				min-height: 38px;
				&::after
				{
					display: block;
					width: auto;
					position: absolute;
					left: -.75em;
					right: 0;
					top: 0;
					bottom: 0;
					border: 0px;
					margin-right: 0.75em;
					margin-top: -0.75em;
					border: 1px dashed #aaa;
					background-color: rgba(0,0,0,.02);
				}				
			}
			.form-element:hover
			{
				opacity: 1;
			}
			.form-element.ui-sortable-helper
			{
				opacity: .3;
				cursor: -webkit-grabbing;
			}			
		}
		.fc-form.options-fade
		{
			.form-element
			{
				opacity: .65;
			}
			.form-element.options-true
			{
				opacity: 1;
			}
		}
		.required_field
		{
			display: none;
		}
		.form_width_change
		{
			border: 1px solid #bbb;
			border-bottom: 0px;
			height: 18px;
			text-align: center;
			margin: 0 auto 10px auto;
			position: relative;
			.icon-help
			{
				z-index: 102;
				position: absolute;
				left: 50%;
				margin-left: 32px;
				color: #999;
				top: -9px;
				border-radius: 100px;
				font-size: 10px;
			}
			input
			{
				padding: 4px 6px;
				box-shadow: none;
				border: 1px solid #bbb;
				width: 100px;
				position: absolute;
				top: -14px;
				left: 50%;
				text-align: center;
				margin-left: -50px;
				text-transform: uppercase;
				letter-spacing: .6px;
				font-size: 11px;
				color: #666;
				font-weight: bold;
			}
			span
			{
				position: absolute;
				z-index: 101;
				top: -30px;
				font-size: 11px;
				letter-spacing: .6px;
				color: #666;
				text-transform: uppercase;
				font-weight: bold;
				width: 100px;
				left: 50%;
				margin-left: -50px;
			}
		}
	}
	.wp-picker-container
	{
		position: relative;
		.wp-color-picker
		{
			padding: 2px;
		}
		.wp-picker-holder
		{
			position: absolute;
			top: 23px;
			z-index: 101;
		}
		.wp-picker-holder .iris-picker
		{
			-webkit-animation: slideDown .3s ease-out;
			animation: slideDown .3s ease-out;
		}
		.wp-picker-input-wrap input
		{
			-webkit-animation: slideRight .3s ease-out;
			animation: slideRight .3s ease-out;			
		}
		.wp-color-result
		{
			margin-bottom: 0;
		}
		.wp-color-result:after
		{
			box-shadow: none;
			line-height: 20px;
		}
		.wp-picker-clear
		{
			height: 22px;
			line-height: 20px;
			padding: 0 10px;
			font-size: 11px;
		}
	}
	#help_button_cover
	{
		position: fixed;
		right: 8px;
		top: 44px;	
		z-index: 101;
		.icon-help-circled
		{
			top: -1px;
			right: -1px;
		}
	}
	#help_button
	{
		margin-top: -4px;
		z-index: 999;
	}
	.icon-help-circled
	{
		position: relative;
		font-size: 15px;
	}
	.options-head
	{
		position: fixed;
		z-index: 997;
		top: 40px;
		margin-left: -10px;
		height: 38px;
		letter-spacing: -4px;
		> div
		{
			display: inline-block;
			white-space: nowrap;
			height: 38px;
			> div, > a
			{
				display: inline-block;
				letter-spacing: 0;
				vertical-align: top;
				> button,
				.add_fields > button,
				&.button
				{
					margin: 0;
					border-radius: 0px;
					border: 0px;
					border-left: 1px solid #3c69ab;
				}
				&.button
				{
					border-radius: 3px 0 0 3px;
					border-left: 0px;
				}
			}
			>div:last-child .button
			{
				border-radius: 0px 3px 3px 0px;
			}
		}
		#form_save_button
		{
			.fc-spinner
			{
				display: none;
				padding: 1px;
				margin: 0 auto;
				> div
				{
					background-color: white;
				}
			}
			&.saving
			{
				.fc-spinner
				{
					display: block;
				}
				.one
				{
					display: none;
				}
			}
		}
	}
	.add_fields
	{
		width: 125px;
		display: inline-block;
		.ui-sortable-placeholder
		{
			display: none;
		}
		> div
		{
			box-shadow: 0 0 3px rgba(0,0,0,0.32);
			-webkit-animation: slideDown .2s;
			animation: slideDown .2s;
		}
		> div.ng-hide
		{
			-webkit-animation: slideUp .2s;
			animation: slideUp .2s;
		}
		> div
		{
			margin-top: 14px;
			position: relative;
			&:before
			{
				content: '';
				width: 0; 
				height: 0; 
				border-left: 6px solid transparent;
				border-right: 6px solid transparent; 
				border-bottom:6px solid #c8c8c8;
				position: absolute;
				left: 50%;
				margin-left: -3px;
				margin-top: 1px;
				top: -7px;
				z-index: 101;
			}
			&:after
			{
				content: '';
				width: 0; 
				height: 0; 
				border-left: 6px solid transparent;
				border-right: 6px solid transparent; 
				border-bottom: 6px solid #f6f6f9;
				position: absolute;
				left: 50%;
				margin-left: -3px;
				top: -6px;
				margin-top: 2px;
				z-index: 102;
			}
			.button
			{
				border-radius: 0px;
				text-align: center;
				letter-spacing: .2px;
				font-size: 10.5px;
				position: relative;
				z-index: 102;
				box-shadow: none;
				border-left: 0px;
				border-right: 0px;
			}
			.button:active
			{
				border-top: 1px solid #ddd;
				left: 0;
				top: 0;
			}
			> .button:first-child
			{
				border-radius: 3px 3px 0px 0px;
				border-top: 0px;				
			}
			> div:last-child
			{
				border-radius: 0 0 3px 3px;
				border-bottom: 0px;
			}
		}
		div.adv-fields
		{
			position: relative;
			z-index: 101;
			border-bottom-width: 1px;
			&.fields-nos-0
			{
				display: none;
			}
			> div
			{
				position: relative;
				z-index: 101;
			}
			ul
			{
				display: none;
				position: absolute;
				z-index: 99;
				left: 100%;
				margin-bottom: 0;
				bottom: 0px;
				background-color: #eee;
				box-shadow: 0 0 3px rgba(0,0,0,0.32);
				border-left: 1px solid #ccc;
				li:first-child .button
				{
					border-top-width: 0px;
					height: 37px;
				}
				.button
				{
					border-left-width: 0px;
				}
				.button:first-child
				{
					border-radius: 3px 3px 0px 0px;
				}
				.button:last-child
				{
					border-radius: 0 0 3px 0px;
					border-bottom-width: 0px;
				}
			}
			ul li
			{
				margin: 0;
			}
			&.hover-false ul
			{
				display: block;
				-webkit-animation: fadeOutRight .2s ease-in;
				animation: fadeOutRight .2s ease-in;
			}
			&.hover-true ul
			{
				display: block;
				-webkit-animation: fadeInRight .25s ease-out;
				animation: fadeInRight .25s ease-out;
			}
			&:hover
			{
				border-bottom-right-radius: 0px;
			}
		}
		.icon-angle-up
		{
			display: none;
		}
		.icon-true .icon-angle-up
		{
			display: inline-block;
		}
		.icon-true .icon-angle-down
		{
			display: none;
		}
		> div.state-true
		{
			display: block;
			> .button
			{
				cursor: move;
			}
		}
		.button
		{
			display: block;
			width: 100%;
			margin-bottom: 0px;
		}
	}
}

.rtl .formcraft-css .option-box>h2 .icon-angle-left,
.rtl .formcraft-css .option-box .ac-toggle [class^="icon-"],
.rtl .formcraft-css .option-box .ac-toggle [class*=" icon-"],
.rtl #form_addon_box .toggle-angle
{
	right: auto;
	left: 0;
}
.rtl #form_options_box .tooltip-cover
{
	right: 0px;
}
html .rtl .formcraft-css .options-head>div>div .button,
html .rtl .formcraft-css .options-head>div>div.button,
html .rtl .formcraft-css .options-head>div>a.button
{
	border-radius: 0px;
}

.hljs {
	display: block;
	overflow-x: auto;
	padding: 0.5em;
	background: #f0f0f0;
	-webkit-text-size-adjust: none
}
.hljs,
.hljs-subst,
.hljs-tag .hljs-title,
.nginx .hljs-title {
	color: black
}
.hljs-string,
.hljs-title,
.hljs-constant,
.hljs-parent,
.hljs-tag .hljs-value,
.hljs-rule .hljs-value,
.hljs-preprocessor,
.hljs-pragma,
.hljs-name,
.haml .hljs-symbol,
.ruby .hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.hljs-template_tag,
.django .hljs-variable,
.smalltalk .hljs-class,
.hljs-addition,
.hljs-flow,
.hljs-stream,
.bash .hljs-variable,
.pf .hljs-variable,
.apache .hljs-tag,
.apache .hljs-cbracket,
.tex .hljs-command,
.tex .hljs-special,
.erlang_repl .hljs-function_or_atom,
.asciidoc .hljs-header,
.markdown .hljs-header,
.coffeescript .hljs-attribute {
	color: #800
}
.smartquote,
.hljs-comment,
.hljs-annotation,
.diff .hljs-header,
.hljs-chunk,
.asciidoc .hljs-blockquote,
.markdown .hljs-blockquote {
	color: #888
}
.hljs-number,
.hljs-date,
.hljs-regexp,
.hljs-literal,
.hljs-hexcolor,
.smalltalk .hljs-symbol,
.smalltalk .hljs-char,
.go .hljs-constant,
.hljs-change,
.lasso .hljs-variable,
.makefile .hljs-variable,
.asciidoc .hljs-bullet,
.markdown .hljs-bullet,
.asciidoc .hljs-link_url,
.markdown .hljs-link_url {
	color: #080
}
.hljs-label,
.hljs-javadoc,
.ruby .hljs-string,
.hljs-decorator,
.hljs-filter .hljs-argument,
.hljs-localvars,
.hljs-array,
.hljs-attr_selector,
.hljs-important,
.hljs-pseudo,
.hljs-pi,
.haml .hljs-bullet,
.hljs-doctype,
.hljs-deletion,
.hljs-envvar,
.hljs-shebang,
.apache .hljs-sqbracket,
.nginx .hljs-built_in,
.tex .hljs-formula,
.erlang_repl .hljs-reserved,
.hljs-prompt,
.asciidoc .hljs-link_label,
.markdown .hljs-link_label,
.vhdl .hljs-attribute,
.clojure .hljs-attribute,
.asciidoc .hljs-attribute,
.lasso .hljs-attribute,
.coffeescript .hljs-property,
.hljs-phony {
	color: #88f
}
.hljs-keyword,
.hljs-id,
.hljs-title,
.hljs-built_in,
.css .hljs-tag,
.hljs-javadoctag,
.hljs-phpdoc,
.hljs-dartdoc,
.hljs-yardoctag,
.smalltalk .hljs-class,
.hljs-winutils,
.bash .hljs-variable,
.pf .hljs-variable,
.apache .hljs-tag,
.hljs-type,
.hljs-typename,
.tex .hljs-command,
.asciidoc .hljs-strong,
.markdown .hljs-strong,
.hljs-request,
.hljs-status {
	font-weight: bold
}
.asciidoc .hljs-emphasis,
.markdown .hljs-emphasis {
	font-style: italic
}
.nginx .hljs-built_in {
	font-weight: normal
}
.coffeescript .javascript,
.javascript .xml,
.lasso .markup,
.tex .hljs-formula,
.xml .javascript,
.xml .vbscript,
.xml .css,
.xml .hljs-cdata {
	opacity: 0.5
}