Edit File

Edit File: frm_admin.css

@import url(font_icons.css);

:root,
.frm-white-body,
.frm_wrap {
	--grey-900: #101828;
	--grey-800: #1D2939;
	--grey-700: #344054;
	--grey-500: #667085; /* Roughly 65% opacity */
	--grey-400: #98A2B3;
	--grey-300: #D0D5DD;
	--grey-200: #EAECF0;
	--grey-100: #F2F4F7;
	--grey-50: #F9FAFB;
	--grey-25: #FCFCFD;
	--darkest-grey: var(--grey-900); /* Deprecated */
	--dark-grey: var(--grey-700); /* Deprecated */
	--medium-grey: rgba(40, 47, 54, .65);
	--grey: var(--grey-500); /* Deprecated */
	--grey-border: var(--grey-300); /* Deprecated */
	--lightest-grey: rgb(250, 250, 250);
	--sidebar-color: var(--grey-50);
	--sidebar-hover: var(--grey-200);
	--primary-700: #2B66A9;
	--primary-500: #4199FD;
	--primary-200: #C0DDFE;
	--primary-25: #F5FAFF;
	--primary-color: var(--primary-500); /* Deprecated */
	--primary-hover: var(--primary-700); /* Deprecated */
	--light-blue: var(--primary-25); /* Deprecated */
	--blue-border: rgb(188, 224, 253);
	--error-700: #B42318;
	--error-500: #F04438;
	--error-300: #FECDCA;
	--error-100: #FEE4E2;
	--green: rgb(63, 172, 37);
	--orange: #F15A24;
	--pink: rgb(226, 42, 110);
	--purple: rgb(141, 53, 245);
	--success-800: #065F46;
	--success-500: #12b76a;
	--success-100: #D1FAE5;
	--success-25: #f6fef9;
	--border-radius: 35px;
	--small-radius: 8px;
	--small-sidebar: 275px;
	--medium-sidebar: 350px;
	--big-sidebar: 390px;
	--biggest-sidebar: 450px;
	--text-xs: 12px;
	--text-sm: 14px;
	--text-md: 16px;
	--text-lg: 18px;
	--text-xl: 20px;
	--h-xs: 24px;
	--h-sm: 30px;
	--h-md: 36px;
	--leading: 1.5;
	--gap-2xs: 4px;
	--gap-xs: 8px;
	--gap-sm: 16px;
	--gap-md: 24px;
	--gap-lg: 32px;
	--gap-xl: 40px;
	--gap-2xl: 48px;
	--box-shadow-xs: 0px 0.47074466943740845px 0.9414893388748169px 0px rgba(16, 24, 40, 0.05);
	--box-shadow-sm: 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06);
	--box-shadow-md: 0px 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0px 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);
	--box-shadow-lg: 0px 6px 8px -2px rgba(16, 24, 40, 0.08), 0px 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06);
	--box-shadow-xl: 0px 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0px 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);

/* Override front-end CSS */
	--check-label-color: var(--grey-700);
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-VariableFont_slnt,wght.ttf?v=1') format('truetype');
}

.with_frm_style,
.frm-white-body .wpbody-content,
.frm_wrap {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}

/* Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
	@supports (-webkit-appearance:none) and (stroke-color:transparent) {
		.with_frm_style,
		.frm-white-body .wpbody-content,
		.frm_wrap {
			-webkit-font-smoothing: antialiased;
		}
	}
}

.frm-white-body,
.frm-white-body p,
.frm_wrap,
.frm_wrap p,
.frm-modal,
.frm-white-body .postbox .inside {
	font-size: var(--text-sm);
	color: var(--grey-500);
	line-height: var(--leading);
}

.frm-white-body p,
.frm_wrap p {
	margin: var(--gap-sm) 0;
}

body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset {
	--fieldset-padding: 15px 0;
}

a, .widget .widget-top, .stuffbox h3, .frm-collapsed {
	cursor: pointer;
	text-decoration: none;
}

.post-type-frm_display .wrap > #posts-filter,
.wrap.frm-with-margin,
.frm_wrap > .wrap {
	margin: var(--gap-sm) var(--gap-md) var(--gap-md);
}

#frm_top_bar + .wrap {
	margin: var(--gap-xl);
}

.frm-full-screen #wpbody-content > .wrap {
	margin: 0;
}

.post-type-frm_display .wrap {
	margin: 0;
}

.toplevel_page_formidable #post-body-content {
	overflow-x: visible;
}

.frm-full-screen {
	height: 100%;
	overflow: hidden;
}

.frm-full-screen.frm-admin-page-reports,
.frm-full-screen.frm-admin-page-entries,
.frm-full-screen.post-type-frm_display {
	overflow: auto;
}

.frm-full-screen #wpadminbar,
.frm-full-screen #adminmenumain,
.frm-full-screen .wp-header-end {
	display: none;
}

body.frm-white-body:not(.frm-full-screen) .mce-fullscreen {
	top: 32px;
	left: 160px;
}

.frm-full-screen #wpbody-content,
.frm-full-screen #wpbody,
.frm-full-screen #wpcontent {
	padding: 0;
	overflow: hidden;
	margin: 0 !important;
}

.frm-white-body #wpbody-content {
	position: relative; /* For screen meta links */
	padding-bottom: 0;
}

.post-new-php.post-type-frm_display #screen-meta-links,
.post-php.post-type-frm_display #screen-meta-links {
	display: none;
}

.frm-white-body #screen-meta-links {
	position: fixed;
	bottom: 0;
    right: 20px;
}

.frm-full-screen #screen-meta-links .screen-meta-toggle {
	right: 55px;
}

.frm-white-body #screen-meta-links .show-settings {
	border-radius: var(--small-radius) var(--small-radius) 0 0;
	border: 1px solid var(--grey-300);
	border-bottom: none;
}

.frm-white-body.frm-lite #screen-meta-links .screen-meta-toggle {
	right: 125px; /* Don't cover the lite upgrade button */
}

.frm-white-body #screen-meta {
	margin: 0;
}

.frm-white-body #screen-meta-links .show-settings:after {
	color: var(--grey);
}

.frm-white-body .columns-2 {
	border-bottom: 1px solid var(--grey-300);
}

.frm-full-screen .columns-2 {
	border: none;
}

body.formidable_page_formidable-pro-upgrade,
body.post-type-frm_display.edit-php,
body.frm-white-body {
	background: #fff;
}

body.frm-white-body ul#adminmenu a.wp-has-current-submenu:after,
body.frm-white-body ul#adminmenu > li.current > a.current:after {
	border-right-color: #fff;
}

.frm-white-body #wpcontent {
	padding-left: 0;
	padding-right: 0;
}

.frm-white-body .wrap #post-body {
	padding: 0 20px;
}

.frm-grey-body #wpbody {
	background: var(--grey-100);
}

.frm-grey-body #frm_top_bar {
	background: #fff;
}

.post-type-frm_display .tablenav,
.frm_wrap .tablenav {
	margin-bottom: 10px;
}

.frm-white-body .tablenav .actions select,
.wp-admin .frm_wrap .tablenav select {
	margin-right: var(--gap-xs);
}

.tablenav .actions .button {
	margin-top: 1px;
}

.frm-white-body table.widefat {
	background: var(--lightest-grey);
	border-width: 0;
	box-shadow: none;
	margin: 20px 0;
}

.frm-white-body table.widefat tfoot,
.frm-white-body table.widefat thead {
	background: #fff;
}

.frm-white-body table.widefat th {
	font-size: var(--text-md);
}

.frm-white-body table.widefat th a {
	color: var(--grey-700);
}

.frm-white-body table.widefat strong a {
	color: var(--primary-700);
}

.frm-scroll-box {
	clear: both;
	overflow: auto;
	max-height: 405px;
	border: 1px solid var(--grey-300);
	border-radius: var(--small-radius);
}

.frm_form_field.frm_scroll_box .frm_opt_container {
	height: 100px;
	overflow: auto;
	border: 1px solid var(--grey-300);
}

.frm-short-list {
	overflow: auto;
	max-height: 190px;
}

.frm-white-body table.frm-border td {
	font-size: var(--text-sm);
}

.frm-white-body .striped > tbody > :nth-child(odd) {
	background-color: #fff;
}

.frm_wrap td.column-title strong {
	display: inline;
}

td.column-title .frm_actions_dropdown {
	float: right;
}

#frm_top_bar {
	display: flex;
	gap: var(--gap-sm);
	width: 100%;
	height: 72px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
	padding: 0 var(--gap-md);
}

#frm_top_bar > .frm-full-close:last-child,
#frm_top_bar > #frm-publishing:last-child {
	margin-left: auto;
}

#frm_top_bar {
	border-bottom: 1px solid var(--grey-300);
	padding: 0 var(--gap-md);
	overflow: visible;
}

.frm-white-body h1,
.frm-white-body h2,
.frm-white-body h3,
.frm-white-body h4 {
	color: var(--grey-900);
	font-weight: 400;
	line-height: var(--leading) !important;
}

.frm-white-body .wrap h1,
.frm-white-body h1 {
	font-size: var(--text-xl);
}

.frm-white-body .wrap h2,
.frm-white-body h2 {
	font-size: var(--text-lg);
	font-weight: 500;
}

.frm-white-body .wrap h3,
.frm-white-body h3 {
	font-size: var(--text-md);
}

.frm-white-body .wrap h4,
.frm-white-body h4 {
	font-size: var(--text-sm);
	font-weight: 500;
}

/* Error modal */
#frm_error_modal .frm_lock_simple {
	padding: 20px;
    border-radius: 50%;
	background-color: var(--primary-25);
	display: inline-block;
}

#frm_error_modal #frm_lock_simple {
	color: var(--primary-500);
}

#frm_error_modal .frm-modal-title {
	display: block;
}

#frm_error_modal .frm-modal-title h2 {
	font-weight: 600;
	font-size: var(--text-xl);
	margin: 0;
}

#frm_error_modal .frm_modal_content {
	padding: var(--gap-md);
	color: var(--grey-900);
}

/* Override CSS in Views plugin. */
.frm-views-editor-body .frm_page_container #frm_top_bar h1 {
	padding: 0 !important;
	color: var(--grey-900);
	font-size: var(--text-xl) !important;
}

.post-type-frm_display .frm_top_left {
	padding-bottom: 0 !important;
}

.frm-new-table-view-option.frm-selected-table-view-option {
	border-radius: var(--small-radius);
	background: var(--primary-25);
}

.frm-views-editor-body #frm_adv_info .tabs-panel { /* Views sidebar */
	padding-left: 4px;
	padding-right: 4px;
}

#frm_edit_box_content_modal .frm_modal_footer {
	padding-top: var(--gap-sm);
	border-top: 1px solid var(--grey-300);
}

#frm_edit_box_content_modal .frm_modal_footer > div {
	display: flex;
    justify-content: space-between;
}

#frm_edit_box_content_modal #frm_modal_box_select_area,
#frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper,
#frm_edit_box_content_modal .frm_modal_content {
	max-height: calc(100vh - 176px) !important;
}

#frm_edit_box_content_modal #frm_modal_box_select_area {
	height: calc(100vh - 176px) !important;
}

#frm_edit_box_content_modal #wp-content-editor-tools {
	padding-top: 0;
}

#frm_edit_box_content_modal.frm-modal .postbox .frm-modal-title + div:last-child {
	right: var(--gap-md);
}

.frm_code_list.frm-full-hover .frm-dropdown-view a {
	flex-direction: row-reverse; /* Switch in the HTML */
}

#frm_view_editor_left.frm-right-panel .accordion-section-title:before {
	content: '' !important;
	margin: 0;
}
/** End Temporary View CSS */

.frm-upgrade-bar {
	background: rgba(188, 224, 253, 0.23);
	border-bottom: 1px solid var(--sidebar-hover);
	padding: 3px 0 3px 40px;
	font-size: 95%;
}

.frm-upgrade-bar span {
	opacity: .9;
}

a h1 .frmsvg {
	color: var(--grey-400);
	vertical-align: middle;
	min-width: var(--text-sm);
}

a .frmsvg {
	color: currentColor;
}

.frm_wrap .view-switch a.current:before,
.frm-white-body a,
.frm_wrap a,
.frm_wrap a i {
	color: var(--primary-color);
}

.frm_wrap a:active,
.frm_wrap a:hover {
	color: var(--primary-700);
	box-shadow: none;
}

.post-type-frm_display a:focus,
.frm_wrap a:focus {
	box-shadow: none;
}

.frm_top_left {
	text-align: left;
	float: left;
	white-space: nowrap;
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	align-self: center;
}

.post-type-frm_display .frm_top_left,
.frm_top_left.frm_top_wide {
	max-width: 100%;
}

.post-type-frm_display .frm_nav_bar .frm-header-logo,
.frm_nav_bar .frm-header-logo {
	margin: 18px 0 10px;
}

#frm_top_bar .frm_form_nav {
	flex: 1;
}

ul.frm_form_nav {
	margin: 0 auto;
	padding-top: 18px;
	display: block;
	min-width: 240px;
}

.nav-tab-wrapper.frm_form_nav {
	padding: 0 25px;
}

ul.frm_form_nav > li {
	margin: 0 min(3.5%, 32px) 0 0;
	display: inline-block;
}

.post-type-frm_display #advanced-sortables h2.hndle,
.post-type-frm_display #side-sortables h2.hndle,
.post-type-frm_display #normal-sortables h2.hndle,
.post-type-frm_display .frm_form_nav .nav-tab-active,
.frm_form_nav > li > a {
	font-size: 1.3em;
	text-decoration: none;
	display: block;
	padding: 6px 2px 4px;
	font-weight: 500;
	color: var(--grey-700);
	border-bottom: 2px solid transparent;
}

.post-type-frm_display.js .postbox .handlediv .toggle-indicator:before {
	margin-top: 10px;
}

.frm-nav-tabs a:focus,
.frm-nav-tabs a:active,
.frm_form_nav a:active,
.frm_form_nav a:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.frm_form_nav > li > a {
	font-size: var(--text-md);
	font-weight: 400;
	color: var(--grey-500);
}

.frm_form_nav > li > a:hover {
	border-color: var(--primary-700);
}

.frm_form_nav .frm-dropdown-menu a:hover {
	background-color: #eaf2fa;
}

.post-type-frm_display .frm_form_nav .nav-tab-active,
.post-type-frm_display .frm_form_nav .nav-tab-active:hover,
.frm_form_nav > li a.current_page {
	color: var(--primary-500);
	border-color: var(--primary-500);
	background: transparent;
	opacity: 1;
	font-weight: 600;
}

.frm-full-close {
	display: none;
	padding-left: var(--gap-md);
	border: 0 solid var(--grey-300);
	border-left-width: 1px; /* Make RTL a bit less maintenance */
	height: 100%;
	box-sizing: border-box;
}

.frm-full-screen .frm-full-close {
	display: flex;
	align-items: center;
}

.frm-full-close a {
	display: block;
}

.frm-full-close .frmsvg {
	font-size: 20px;
	width: 20px;
	height: 20px;
	color: var(--grey-500);
}

#frm_top_bar h1 {
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: var(--grey-900);
	display: inline-flex;
	gap: var(--gap-sm);
	align-items: center;
	text-align: left;
	width: 200px;
}

#frm_top_bar h1 span {
	max-width: 175px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	vertical-align: bottom;
}

#frm_top_bar ul.frm_form_nav,
#frm_top_bar .frm-header-logo,
#frm_top_bar #frm_bs_dropdown {
	align-self: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
}

#frm_top_bar .frm-header-logo {
	display: flex; /* Get rid of extra padding below logo */
}

#frm_top_bar h2 {
	float: left;
	margin: 0 0 0 var(--gap-sm);
	padding: 2px 0 2px var(--gap-sm);
	font-weight: normal;
	border-left: 2px solid var(--grey);
}

.frm_wrap > #frm_top_bar #frm-publishing {
    margin-top: 0;
}

#frm-publishing {
	min-width: 225px;
	align-self: center;
	align-items: center;
	display: flex;
	flex-direction: row-reverse;
	gap: 0 var(--gap-sm);
	flex-wrap: wrap;
}

.frm_wrap .postbox {
	border-color: var(--grey-300);
	border-radius: 6px;
	box-shadow: none;
}

.frm_wrap .postbox h3.hndle {
	cursor: default;
	padding: 10px 20px;
	margin: 0;
	line-height: 1.4em;
	border-color: var(--grey-300);
}

.frm-pre-hndle {
	font-size: 15px;
	padding: 5px;
	margin: 9px 15px;
}

.frm-empty-row {
	display: none;
}

.frm-child-row {
	box-shadow: 5px 0px 0px 0px inset var(--sidebar-hover);
}

.frm_animate_bg {
	transition: background 200ms linear, color 200ms linear;
}

.wrap > .subsubsub {
	clear: both;
	margin: 0;
}

.frm_wrap .subsubsub a {
	line-height: var(--leading);
	font-size: var(--text-sm);
}

.frm-admin-page-styles .frm_page_container,
.frm_wrap .frm_page_container { /* Use .frm_wrap to avoid messing up Views editor layout */
	height: calc( 100vh - 32px );
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-top: 0;
	position: fixed;
	top: 32px;
	bottom: 0;
	left: 0;
	right: 0;
}

.frm-admin-page-translate .frm_wrap .frm_page_container, .frm-admin-page-update_translations .frm_wrap .frm_page_container {
	position: static;
}

.auto-fold.frm-admin-page-styles .frm_page_container,
.auto-fold .frm_wrap .frm_page_container,
.frm-unfold.frm-admin-page-styles .frm_page_container,
.frm-unfold .frm_wrap .frm_page_container {
	left: 160px;
}

.folded.frm-admin-page-styles .frm_page_container,
.folded .frm_wrap .frm_page_container {
	left: 38px;
}

.frm-full-screen.frm-admin-page-styles .frm_page_container,
.frm-full-screen .frm_wrap .frm_page_container {
	height: 100vh;
	top: 0;
	left: 0;
}

.frm-full-screen.frm-admin-page-entries .frm_page_container,
.frm-new-entry .frm_page_container,
.frm-admin-page-reports .frm_page_container,
.frm_list_entry_page .frm_page_container {
	height: auto;
	display: block;
}

.frm-new-entry .columns-2 {
	border: none;
}

.frm-white-body #frm_top_bar,
.frm-white-body .columns-2 {
	flex: 0 0 auto;
}

.columns-2 .frm-right-panel + div {
	padding-bottom: var(--gap-md);
	border-left: 1px solid var(--grey-300);
}

.columns-2 .frm-right-panel + div,
.frm_wrap #post-body-content {
	padding-bottom: 0;
	padding-top: var(--gap-sm);
	margin-bottom: 0;
	background: #fff;
	width: auto;
	float: none;
	flex: 2;
}

.frm-white-body .columns-2 {
	flex: 1;
	display: flex;
	overflow: hidden;
}

.frm-white-body .columns-2 > div {
	overflow-y: auto;
	box-sizing: border-box;
}

.frm_wrap .columns-2 .frm-right-panel,
.frm-right-panel {
	flex: 0 0 var(--biggest-sidebar);
	float: none;
	width: var(--biggest-sidebar);
	min-width: var(--biggest-sidebar);
	background-color: var(--sidebar-color);
	margin: 0;
	box-shadow: none;
	border: none;
	padding-bottom: 25px;
}

.frm-right-panel .frm_field_list,
.frm_wrap .frm-right-panel #frm_adv_info,
.frm_wrap #postbox-container-1 #frm_adv_info {
	box-shadow: none;
	border: none;
	margin-bottom: 26px;
}

.frm-default-switcher {
	float: right;
	position: absolute;
	top: 15px;
	right: 7px;
	z-index: 1;
}

.frm-default-switcher a {
	padding: 0 2px;
}

.frm-default-switcher a .frmsvg {
	vertical-align: initial;
}

.frm-default-switcher a,
.frm-default-switcher a .frmsvg,
.frm-default-switcher a i {
	color: var(--grey);
}

.frm-default-switcher a.current,
.frm-default-switcher a.current .frmsvg,
.frm-default-switcher a.current i {
	color: var( --primary-500);
}

#new_fields,
.frm-has-modal,
p.frm_has_shortcodes {
	position: relative;
}

.frm-inline-modal.postbox {
	background: #fff;
}

.frm_has_shortcodes .frmsvg,
.frm_has_shortcodes i:not([class*=mce-]) {
	position: absolute;
	color: var(--primary-500);
	border-radius: 50%;
	border: 1px solid transparent;
	z-index: 100;
	text-align: center;
}

.frm_has_shortcodes input,
.frm_has_shortcodes textarea {
	padding-left: 18px;
	box-sizing: border-box;
}

#form_settings_page #frm_adv_info {
	display: none;
	top: 0;
	width: 310px;
	max-height: 315px;
	min-height: 200px;
	overflow-y: scroll;
	z-index: 100;
}

#form_global_settings .columns-2 .frm-right-panel,
#form_settings_page .columns-2 .frm-right-panel,
#frm-form-templates-page .frm-right-panel {
	flex: 0 0 var(--small-sidebar);
	width: var(--small-sidebar);
	min-width: var(--small-sidebar);
}

#form_global_settings .frm_grid_container {
	gap: 0 var(--gap-md);
}

.frm-inner-content {
	padding: var(--gap-md);
}

.post-type-frm_display #poststuff {
	padding: 0 0 10px 40px;
}

#postbox-container-2 .postbox .inside {
	padding: 15px 25px;
}

#postbox-container-2 #frm_advanced .inside h3 {
	margin: 15px -25px;
	font-weight: 600;
}

#form_settings_page .frm-inner-content {
	padding-top: 0;
	padding-bottom: 150px;
	position: relative;
}

.frm_wrap #submitdiv {
	margin-bottom: 0;
	border-width: 0 0 1px;
	width: 100%;
	min-width: unset;
}

.frm_wrap #frm_adv_info .handlediv,
.frm_wrap #frm_adv_info .hndle {
	display: none;
}

.frm_wrap .menu-settings {
	/* for add-on reverse compatibility */
	border: none;
	margin-top: 0;
}

.nodrag a {
	cursor: pointer;
}

.frm_wrap #frm_adv_info .inside {
	margin: 0;
}

#frm_adv_info > .inside {
	padding: 0;
}

.frm-right-panel .frm-inline-modal.postbox .inside {
	margin: 0;
	padding-top: 0;
}

.frm-right-panel .frm-inline-modal .inside p:not(.howto),
.frm-right-panel .frm-inline-modal .inside a {
	font-size: 15px;
}

.frm-inline-modal .inside a.frm_icon_font {
	font-size: 18px;
}

.frm-right-panel .frm_field_list #frm-insert-fields {
	max-height: none;
	font-size: var(--text-sm);
	padding: 0;
}

.frm-nav-tabs {
	margin: 10px 0 20px;
	padding: 0 var(--gap-sm);
	display: block;
	border-bottom: 1px solid var(--grey-300);
}

#frm-nav-tabs {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	background-color: var(--sidebar-color);
	z-index: 98; /* must be < 99 */
	margin-top: 0;
	padding-top: 5px;
}

.frm_form_settings #frm_adv_info #frm-nav-tabs {
	background-color: #fff;
	margin: 0 -4px;
}

.frm_form_settings span.frm-with-right-icon {
	display: block;
}

.frm-inline-modal .frm-nav-tabs,
#frm_adv_info .frm-nav-tabs {
	margin: 5px 0 0;
}

#frm_adv_info .frm-nav-tabs.frm-compact-nav {
	padding-right: 0;
	padding-left: 20px;
}

.frm-nav-tabs li {
	display: inline-block;
	margin: 0;
}

.frm-nav-tabs a {
	color: var(--grey-700);
	padding: 10px 1px;
	margin: 0 9px;
	border-bottom: 2px solid transparent;
}

.frm_form_settings #frm_adv_info .frm-nav-tabs a {
	padding: 5px 1px;
	color: var(--grey-500);
}

.frm-nav-tabs.frm-compact-nav a {
	margin: 0 5px;
}

.frm-nav-tabs a {
	display: block;
	opacity: .9;
}

#frm_adv_info .frm-nav-tabs a {
	color: var(--grey-700);
}

.frm-nav-tabs a:hover,
.frm-nav-tabs .frm-tabs a {
	color: var(--primary-500) !important;
	border-color: var(--primary-500);
}

.frm_form_settings #frm_adv_info .frm-nav-tabs .frm-tabs a {
	font-weight: 500;
}

#frm-bulk-modal .howto,
#frm-bulk-modal h3 {
	font-size: var(--text-sm);
	font-weight: 400;
	margin: 5px 0 10px;
	color: var(--grey);
}

#frm-bulk-modal h3 {
	margin-left: 20px;
}

.frm-right-panel a.frm_add_logic_link,
.frm-right-panel h3 {
	color: var(--grey-700);
	font-size: var(--text-lg);
	font-weight: 400;
	border-top: 2px solid var(--sidebar-hover);
	margin: 0;
}

.frm-single-settings > h3:first-of-type {
	border-bottom: 2px solid var(--sidebar-hover);
	border-top: none;
	padding-top: 0 !important;
}

.frm-flex-justify,
.frm-right-panel .frm-single-settings h3 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.frm-right-panel h3 i {
	color: var(--grey-700);
	float: right;
	width: 16px;
	cursor: pointer;
}

/* right sidebar */
#post-body-content + .frm-right-panel {
	flex: 0 0 var(--medium-sidebar);
	width: var(--medium-sidebar);
	min-width: var(--medium-sidebar);
	border-left: 1px solid var(--sidebar-hover);
}

.frm-new-entry #post-body-content + .frm-right-panel,
.frm-new-entry .frm-right-panel {
	background: none;
	border: none;
}

#post-body-content + .frm-right-panel h3 {
	padding: 20px 20px 0;
	font-size: 17px;
}

#post-body-content + .frm-right-panel .frm_with_icons:first-of-type h3 {
	border: none;
}

#frm-insert-fields h3 {
	color: var(--grey);
	font-size: 15px;
	font-weight: normal;
	border-top: none;
	border-bottom: 1px solid var(--sidebar-hover);
	margin: 0;
	padding: 10px 10px 10px 25px;
}

.frm_wrap #frm_adv_info ul.category-tabs {
	margin: 0;
	padding: 10px 0 9px;
	font-size: 15px;
	background: transparent;
}

.frm_wrap #frm_adv_info ul.category-tabs li {
	padding: 10px;
	background-color: transparent !important;
}

.frm_wrap #frm_adv_info ul.category-tabs li:first-child {
	border: none;
}

.frm_wrap #frm_adv_info .categorydiv div.tabs-panel {
	border: none;
	background: transparent;
}

.frm_wrap #frm-categorydiv {
	border-right: none;
}

#frm_adv_info #frm-conditionals {
	padding-top: var(--gap-sm);
}

#postbox-container-1 #taxonomy-linkcategory #frm-html-tags {
	display: none;
	max-height: none;
}

#postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown {
	position: relative;
}

/* Admin footer */
.frm-white-body #footer-upgrade {
	display: none;
}

.frm-admin-footer-links,
.frm-admin-footer-links-nav,
.frm-admin-footer-links-socials {
	display: flex;
	justify-content: center;
}

.frm-admin-footer-links {
	gap: var(--gap-2xs);
	flex-direction: column;
	text-align: center;
	padding: var(--gap-xl) 0 var(--gap-lg);
	font-size: var(--text-xs);
	color: var(--grey-400);
}

body.frm-hidden-overflow {
	height: 100%;
	overflow: hidden;
}

.frm-admin-footer-links-nav {
	gap: var(--gap-2xs);
	margin-bottom: var(--gap-xs);
}

.frm-admin-footer-links-socials {
	gap: var(--gap-xs);
}

.frm-admin-footer-links-socials a {
	color: var(--grey-400);
}
/* End Admin footer */

.frm_list_entry_page h2 {
	float: left;
}

.frm_list_entry_page h2 + .error {
	clear: both;
}

.frm_sidebar select {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.frm_sidebar #search-submit {
	float: right;
}

.frm_single_entry_page #submitdiv {
	margin: 0;
}

.frm_single_entry_page .hndle a {
	font-size: 13px;
}

/* Build New Form page */

.frm-right-panel #publishing-action {
	float: none;
}

.frm-right-panel #major-publishing-actions {
	border-top: none;
	height: 32px;
	background: transparent;
}

#major-publishing-actions .frm_submit_form {
	float: right;
	margin-left: 5px;
}

/* Buttons */

.frm_orange_button,
.frm_reverse_button {
	font-size: 12px;
	border: 1px solid var(--orange);
	color: var(--orange);
	font-weight: 600;
	padding: 1px 4px;
	border-radius: 4px;
	background: transparent;
}

.frm_reverse_button:hover,
.frm_reverse_button:active,
.frm_reverse_button:focus {
	color: #fff;
	background: var(--orange);
	border: 1px solid var(--orange);
}

.frm_reverse_button {
	font-size: 1em;
	transition: all .2s ease;
}

.frm-button-primary,
.wp-core-ui .button-primary.frm-button-primary,
.wp-core-ui .button.frm-button-primary,
.frm-button-secondary,
.wp-core-ui .button-secondary.frm-button-secondary,
.wp-core-ui .button.frm-button-secondary,
.frm-white-body .frm-search .button,
.frm-white-body .search-box .button, /* Views */
.frm-white-body .tablenav .button,
.frm_orange_button,
.toplevel_page_formidable #frm_upgrade_modal .button-primary,
.wp-core-ui.frm-white-body .button-primary,
.wp-core-ui.frm-white-body .button-secondary,
.frm-white-body .button-primary,
.frm-white-body .button-secondary,
#frm-form-button button,
.frm-preview-buttons button,
.frm-button-red,
.frm-button-tertiary {
	text-shadow: none;
	box-shadow: none;
	border-radius: 30px;
	border: 1px solid var(--primary-500);
	font-size: var(--text-sm);
	transition: all .2s ease;
	padding: 7px 16px;
	height: auto;
	min-height: 28px;
	outline: none;
	line-height: var(--leading);
	box-sizing: border-box;
	font-weight: 500;
	margin-bottom: 0;
	display: inline-block;
}

.frm-button-tertiary {
	border-color: transparent;
	color: var(--primary-500);
}

.frm-button-red,
.frm-button-red:focus {
	color: #fff !important;
	--primary-500: var(--error-500);
	--primary-700: var(--error-700);
}

.frm-white-body h2 .button,
.post-type-frm_display h2 .frm-button-primary,
.frm-white-body .tablenav .button,
.frm-button-primary.frm-button-sm,
.frm-button-secondary.frm-button-sm,
.frm-button-tertiary.frm-button-sm,
.frm-button-red.frm-button-sm {
	padding: 4px 12px !important;
	font-size: var(--text-xs) !important;
}

.frm_no_style_button {
	background: transparent;
}

.frm-with-icon {
	display: flex;
	gap: var(--gap-xs);
	align-items: center;
}

.frm-with-icon svg {
	opacity: .65; /* Get close to grey-500 without overriding hover colors */
}

.frm-with-icon.button svg {
	height: var(--text-sm);
	width: var(--text-sm);
}

.frm-with-icon.frm-button-sm svg {
	height: var(--text-xs);
	width: var(--text-xs);
}

.frm-white-body .button.add_media {
	/* Media buttons above RTE */
	padding-left: 12px !important;
	padding-right: 12px !important;
	font-size: var(--text-xs);
	border-radius: var(--border-radius);
}

.wp-core-ui.frm-white-body #post-query-submit.button,
.wp-core-ui.frm-white-body .button.tablenav-pages-navspan,
.wp-core-ui.frm-white-body .button.first-page,
.wp-core-ui.frm-white-body .button.prev-page,
.wp-core-ui.frm-white-body .button.next-page,
.wp-core-ui.frm-white-body .button.last-page,
.wp-core-ui.frm-white-body .button.action {
	background-color: transparent;
	border-color: var(--grey-300);
	color: var(--grey-700);
	border-radius: var(--border-radius);
}

.post-type-frm_display.wp-core-ui .button-primary,
.frm-button-primary,
.wp-core-ui .button-primary.frm-button-primary,
.frm_single_entry_page .button-primary {
	background-color: var(--primary-500) !important;
	color: #fff !important;
}

.frm-button-primary.frm_large{
	font-size: var(--text-md) !important;
	height: auto !important;
	padding: 9px 18px !important;
}

.frm-button-secondary.frm-small,
.frm-button-primary.frm-small {
    font-size: var(--text-xs) !important;
    height: auto !important;
    padding: var(--gap-2xs) 12px !important;
}

.frm-button-primary i:before {
	color: #fff;
}

.wp-core-ui .button-primary.frm-button-primary:not([disabled]):hover,
.frm-button-primary:not([disabled]):hover {
	background: var(--primary-700) !important;
	border-color: var(--primary-700) !important;
}

.wp-core-ui .button-primary.frm-button-primary:active {
	vertical-align: inherit;
}

.frm-white-body #search-submit,
#frm-form-button .frm_button_submit,
.frm-white-body .frm-preview-buttons button,
.frm-white-body .button:not(.frm-button-primary),
.wp-core-ui.frm-white-body .button-secondary,
.wp-core-ui .button-secondary.frm-button-secondary,
.wp-core-ui .button.frm-button-secondary,
.frm-white-body .frm-button-secondary,
.frm-button-secondary {
	color: var(--grey-800);
	border-color: var(--grey-300);
	background-color: #fff;
}

#wp-content-media-buttons button,
#wp-content-media-buttons a.button {
	border-color: var(--grey-300);
}

.frm_orange_button {
	border-color: #da791d !important;
	background: var(--orange);
	color: #fff;
}

.frm-white-body .button:not(.frm-button-primary):focus,
.frm-white-body .button:not(.frm-button-primary):active,
.frm-white-body .frm-button-secondary:hover,
.wp-core-ui.frm-white-body .frm-button-secondary:hover,
.wp-core-ui.frm-white-body .button-secondary:hover,
.wp-core-ui.frm-white-body .button-secondary:focus,
.wp-core-ui.frm-white-body .tablenav .button:hover,
.frm_wrap .preview > .button:hover {
	border-color: var(--grey-300) !important;
	color: var(--grey-800);
	background: var(--grey-50) !important;
	box-shadow: none !important;
	outline: none !important;
}

.frm-button-primary .frmsvg {
	color: #fff;
}

.frm_wrap .preview i {
	font-size: inherit;
}

.frm-white-body .frm-button-primary:focus,
.frm-white-body .frm-button-primary:active,
#frm-addons-page .button-primary:focus,
#form_global_settings .button-primary:focus,
#frm_upgrade_modal .button:focus {
	border-color: var(--primary-700) !important;
	background-color: var(--primary-700) !important;
	box-shadow: none !important;
	outline: none !important;
}

.frm_wrap .preview > .button:focus,
.frm_orange_button:hover,
.frm_orange_button:focus,
.toplevel_page_formidable #frm_upgrade_modal .button-primary:hover,
.toplevel_page_formidable #frm_upgrade_modal .button-primary:focus,
.toplevel_page_formidable .frm_wrap button.button-primary:hover,
.toplevel_page_formidable .frm_wrap button.button-primary:focus {
	outline: none;
}

.frm_orange_button:hover,
.frm_orange_button:focus {
	border-color: var(--orange) !important;
	background: transparent;
	color: var(--orange);
	opacity: 1;
}

.major-publishing-actions.frm_create_form_header {
	padding: 8px 0;
}

.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner {
	font-size: 15px;
	background: transparent;
}

.frm-menu-boxes .frm_blank_form_text {
	padding-bottom: 26px;
}

input.frm_insert_in_template {
	font-size: 10px;
	width: 98%;
	font-weight: normal
}

/* Review request */
.frm-review-notice.notice {
	border: 1px solid #ddd;
	text-align: center;
	position: fixed !important;
	z-index: 999;
	bottom: 0;
	right: 0;
	width: 400px;
}

.frm-review-notice.notice form,
.frm-review-notice.notice p {
	font-size: var(--text-sm);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.frm-review-notice a {
	margin: 0 var(--gap-xs) !important;
}

.frm-review-notice .frm-button-primary,
.frm-review-notice .frm-button-secondary {
	min-width: 100px;
}

.frm-review-notice p > span {
	font-size: 13px;
	opacity: 0.75;
}

#frmapi-feedback {
	margin-top: var(--gap-lg);
}

.frm-review-notice .frm_error,
.frm-review-notice label {
	color: #444;
	text-align: left;
}

.frm-review-notice label {
	font-size: var(--text-sm);
}

.frm-floating-success-message {
	border-radius: 4px;
	right: 10px !important;
	bottom: 10px !important;
}

/* Generic Classes */
.frm_no_margin, /* deprecated */
.frm-m-0 {
	margin: 0 !important;
}

.frm-m-12 {
	margin: var(--gap-2xl);
}

.frm_no_top_margin, /* deprecated */
.frm-mt-0 {
	margin-top: 0 !important;
}

.frm-mt-xs {
	margin-top: var(--gap-xs) !important;
}

.frm-mt-sm {
	margin-top: var(--gap-sm) !important;
}

.frm-mt-md {
	margin-top: var(--gap-md) !important;
}

.frm-mt-auto {
	margin-top: auto !important;
}

.frm_no_bottom_margin, /* deprecated */
.frm-mb-0 {
	margin-bottom: 0 !important;
}

.frm-mb-2xs {
	margin-bottom: var(--gap-2xs) !important;
}

.frm-mb-xs {
	margin-bottom: var(--gap-xs) !important;
}

.frm-mb-sm {
	margin-bottom: var(--gap-sm) !important;
}

.frm-mb-md {
	margin-bottom: var(--gap-md) !important;
}

.frm-mb-lg {
	margin-bottom: var(--gap-lg) !important;
}

.frm-ml-auto {
	margin-left: auto;
}

.frm-mx-xs {
	margin-left: var(--gap-xs) !important;
	margin-right: var(--gap-xs) !important;
}

.frm-mx-sm {
	margin-left: var(--gap-sm) !important;
	margin-right: var(--gap-sm) !important;
}

.frm-p-0 {
	padding: 0 !important;
}

.frm-p-1 {
	padding: 4px;
}

.frm-p-sm,
.frm-p-4 {
	padding: var(--gap-sm) !important;
}

.frm-p-6,
.frm-p-md {
	padding: var(--gap-md) !important;
}

.frm-px-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.frm-py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.frm-pt-sm {
	padding-top: var(--gap-sm) !important;
}

.frm-pt-xl {
	padding-top: var(--gap-xl) !important;
}

.frm-pb-md {
	padding-bottom: var(--gap-md) !important;
}

.frm-px-md {
	padding-right: var(--gap-md) !important;
	padding-left: var(--gap-md) !important;
}

.frm-text-xs {
	font-size: var(--text-xs) !important;
}

.frm-text-sm {
	font-size: var(--text-sm) !important;
}

.frm-text-md {
	font-size: var(--text-md) !important;
}

.frm-text-lg {
	font-size: var(--text-lg) !important;
}

.frm-text-xl {
	font-size: var(--text-xl) !important;
}

.frm-capitalize {
	text-transform: capitalize;
}

.frm-font-medium {
	font-weight: 500 !important;
}

.frm-font-semibold {
	font-weight: 600 !important;
}

.frm-rounded-sm {
	border-radius: var(--small-radius) !important;
}

.frm-w-auto {
	width: auto !important;
}

.frm-w-full {
	width: 100% !important;
}

.frm_block, /* deprecated */
.frm-block {
	display: block;
}

.frm_inline {
	display: inline;
}

.frm_inline_block {
	display: inline-block !important;
}

.frm-flex {
	display: flex;
}

.frm_hidden,
.js .frm-hide-js {
	display: none;
}

.frm-flex-box {
	display: flex;
	gap: var(--gap-sm);
}

.frm-flex-col {
	display: flex;
	flex-direction: column;
}

.frm-flex-full {
	flex: 1;
}

.frm-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.frm-shrink-0 {
	flex-shrink: 0;
}

.frm-gap-0 {
	gap: 0 !important;
}

.frm-gap-xs {
	gap: var(--gap-xs);
}

.frm-gap-sm {
	gap: var(--gap-sm);
}

.frm-gap-md {
	gap: var(--gap-md);
}

.frm-gap-xl {
	gap: var(--gap-xl);
}

.frm-justify-center {
	justify-content: center;
}

.frm-justify-between {
	justify-content: space-between;
}

.frm-justify-end {
	justify-content: end;
}

.frm-items-center {
	align-items: center;
}

.frm-transition-ease {
	transition: all .2s ease;
}

.frm_invisible {
	visibility: hidden;
	transition: all .2s ease;
}

.frm_no_float {
	float: none;
}

.frm-text-right {
	text-align: right;
}

.frm-border-b {
	border-bottom: 1px solid var(--grey-300);
}

.frm-no-border {
	border: none !important;
}

.frm-opacity-100 {
	opacity: 1;
}

.frm-on-bottom {
	z-index: -1;
}

/* End Generic Classes, Start Forced Generic Classes */

.frm-fields p > label.frm_hidden,
.frm-lookup-modal .dismiss,
.frm-right-panel .inside a.frm_hidden,
#form_global_settings .frm_hidden,
ul.frm_form_nav > li.frm_hidden,
a.frm_hidden,
.button.frm_hidden,
.wp-core-ui .button.frm_hidden {
	display: none;
}

.postbox .inside > p.frm_no_bottom_margin:last-child {
	margin-bottom: 0 !important;
}

.frm_no_section_fields.frm_block {
	display: block;
}

.actions.frm_visible_overflow {
	overflow: visible !important;
}

.frm_full_opacity, /* deprecated */
.frm_submit .frm_full_opacity,
.frm_submit .frm-opacity-100 {
	opacity: 1;
}

.frm-dropdown-menu.frm-on-top {
	z-index: 99999;
}

/* End Forced Generic Classes */

/* Start Helper Classes */
.frm-vertical-line {
	display: inline-block;
	width: 1px;
	height: 12px;
	background-color: var(--grey-300);
}
/* End Helper Classes */

.frm_forms.with_frm_style {
	max-width: 100%;
}

.post-type-frm_display .wrap > .subsubsub,
.post-type-frm_display .wrap > .icl_subsubsub,
.frm_form_settings > p {
	margin: 6px var(--gap-md);
	padding: 0;
}

.frm-entry-container {
	margin: 0 40px 40px;
	padding: 0;
}

#form_reports_page .frm-inner-content {
	width: calc(100% - 40px);
	max-width: 900px;
	margin: 20px auto;
	padding: 20px;
}

.frm_inner_field_container > .frm_form_fields {
	clear: both;
}

.post-type-frm_display h2,
.frm_wrap h2 {
	margin-top: 0 !important;
	font-size: var(--text-lg);
	line-height: var(--leading);
}

.post-type-frm_display .wrap > h2:first-child,
.frm_wrap .wrap > h2:first-child {
	padding-top: 0;
	margin-top: 0 !important;
	font-size: var(--text-lg);
}

#frm_form_editor_container {
	position: relative;
	margin-top: 28px;
}

.form-field p {
	/* for conflicts */
	background: none;
	border: none;
}

.form-field label.frm_primary_label {
	display: block;
	float: none;
	width: auto;
}

#frm_view_editor_left label, /* Views */
#frm_view_editor_left .frm_primary_label, /* Views */
.frm-dialog .frm-sub-label,
.frm-dialog label,
.dropdown .frm_primary_label,
.accordion-container label,
.frm-fields td > label,
.frm-fields td > div > label,
.frm_form_field > label:first-child,
.frm-fields p > label,
.frm_on_submit_type > label,
.post-type-frm_display .frm_form_field > label,
#new_fields .frm_primary_label,
#form_global_settings .frm_primary_label,
#frm_form_editor_container .frm_primary_label,
#permissions_settings_settings .frm_primary_label {
	color: var(--grey-700);
	margin: 0 0 3px;
	padding: 0;
	width: auto;
	font-size: var(--text-sm);
	display: block;
	line-height: var(--leading);
}

#frm_form_editor_container #frm-show-fields .frm_primary_label {
	min-height: 21px;
}

.frm-fields td input + label {
	display: inline;
}

#frm_form_editor_container .edit_field_type_end_divider .frm_primary_label,
#frm_form_editor_container .edit_field_type_break .frm_primary_label {
	display: none;
}

form .frm_primary_label input {
	font-size: 12px;
}

.with_frm_style form .form-field {
	margin-bottom: 20px;
}

#frm_builder_page .with_frm_style form .frm_combo_inputs_container > .form-field {
	margin-bottom: 0;
}

.frm_description,
.with_frm_style form div.description,
.frm_error,
.with_frm_style form div.description textarea {
	padding: 0;
	font-size: 11px;
}

.with_frm_style .description {
	color: inherit;
}

#frm_form_editor_container .divider_section_only .frm_primary_label {
	display: flex;
	align-items: center;
	gap: var(--gap-xs);
	font-size: 20px;
}

#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label {
	padding: 0;
}

form .form-field.frm_field_loading {
	margin-bottom: 0;
	min-height: 0;
	padding: 0;
	text-align: center;
}

.frm_sorting > .frm_field_loading .frm_visible_spinner.frm-wait {
	margin-bottom: 10px;
}

.frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.frm-wait {
	margin-bottom: 0;
	display: none;
}

.frm_description,
.with_frm_style form div.description,
.frm_error {
	margin: 0;
}

.frm_error {
	color: #B94A48;
}

form .frm_blank_field input,
form .frm_blank_field textarea,
form .frm_blank_field select,
form .frm_blank_field .frm-g-recaptcha iframe,
form .frm_blank_field .g-recaptcha iframe {
	border-color: #B94A48;
}

form .frm_blank_field label {
	color: #B94A48;
}

.frm_required {
	color: #B94A48;
}

.with_frm_style .wp-editor-container textarea,
.postbox .wp-editor-container textarea,
.frm_remove_border {
	border: none;
}

.with_frm_style .mceIframeContainer,
.postbox .mceIframeContainer {
	background-color: #fff;
}

.frm_pro_license_msg {
	clear: left;
	margin-top: 10px;
}

.frm-license-input {
	position: relative;
}

.frm-license-input span {
	font-size: var(--text-sm);
}

.frm-license-input .frmsvg {
	width: 20px;
	height: 20px;
	margin-left: 5px;
	vertical-align: text-top;
}

.frm-license-input .frmsvg,
.frm-license-input span,
.frm-license-input i {
	color: rgb(0, 131, 26);
}

.upgrade_to_pro {
	padding: 10px 25px 25px;
	max-width: 700px;
	margin: 20px auto !important;
}

.upgrade_to_pro .error {
	display: none;
}

.toplevel_page_formidable #wpbody-content > .error {
	margin: 1px;
	padding: 5px 12px;
}

.frm_error_style,
.frm_warning_style,
.frm_note_style,
.frm_message,
#post-body-content .frm_updated_message,
div.frm_updated_message {
	border-radius: var(--small-radius);
	background-color: #D5F2DC;
	color: #1E561F;
	padding: var(--gap-sm) var(--gap-md);
	font-size: var(--text-sm);
	margin: var(--gap-sm) 0;
	text-align: left;
}

#frm_top_bar + .wrap > .frm_updated_message, #frm_top_bar + .wrap > .frm_warning_style {
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

#post-body-content > .frm_updated_message {
	margin: 5px 65px;
}

#form_global_settings #post-body-content > .frm_updated_message,
#form_global_settings #post-body-content > .frm_warning_style {
	margin: 5px 25px;
}

.frm_error_style {
	color: #973937;
	background-color: #EBCCCC;
	clear: both;
}

.frm_error_style a {
    text-decoration: underline;
    font-weight: 600;
}

.frm_error_style svg {
    opacity: .7;
}

.frm_warning_style {
	color: #7A4D05;
	background-color: #FFF2D2;
}

.frm_warning_heading{
	font-weight: bold;
	margin-bottom:4px;
}

/* Warning message dismiss */
.frm_warning_style {
	position: relative;
	padding-right: calc(var(--gap-md) + 15px);
}

body.rtl .frm_warning_style {
	padding-right: var(--gap-md);
	padding-left: calc(var(--gap-md) + 15px);
}

.frm-warning-dismiss {
	position: absolute;
	top: 10px;
	right: 10px;
	display: flex;
	cursor: pointer;
	transition: opacity 0.2s ease-out;
}

body.rtl .frm-warning-dismiss {
	left: 10px;
	right: auto;
}

.frm-warning-dismiss:hover {
	opacity: 0.8;
}

.frm-warning-dismiss.frmsvg,
.frm-warning-dismiss.frmsvg svg {
	width: 15px;
	height: 15px;
}

.frm_note_style {
	background: rgba(188, 224, 253, 0.23);
	color: var(--grey-700);
}

.frm-banner-alert {
	text-align: left;
	margin: 0;
	border-radius: 0;
	padding: 10px 0 10px 40px;
}

.frm-banner-alert a {
	color: var(--primary-500);
	font-weight: 400;
	text-decoration: none;
}

.frm_updated_message ul,
.frm_updated_message li,
.frm_warning_style ul,
.frm_warning_style li,
.frm_error_style ul,
.frm_error_style li {
	margin: 0;
}

.frm-inline-message {
	border: 1px solid var(--primary-700);
	border-radius: var(--small-radius);
	color: var(--primary-700);
	background: #fff;
	text-align: center;
	padding: 20px;
	font-size: var(--text-sm);
	line-height: var(--leading);
}

.frm-inline-message a {
	text-decoration: underline;
	font-weight: 600;
	color: var(--primary-700);
}

.frm_pro_heading span {
	margin-top: 10px;
}

.frm_pro_heading .alignright {
	text-align: right;
}

.frm-yes {
	color: var(--green);
	font-size: var(--text-xl);
}

.frm-nope {
	color: var(--grey-400);
	font-size: var(--text-xl);
}

.upgrade_to_pro a {
	color: var(--orange);
}

.upgrade_to_pro table .frmsvg {
	height: var(--text-xl);
	width: var(--text-xl);
}

.upgrade_to_pro table.widefat {
	background-color: #fff;
	border-collapse: collapse;
}

.frm-white-body .upgrade_to_pro table th,
.upgrade_to_pro table td {
	padding: 10px 15px;
	border: 1px solid var(--grey-300);
	line-height: var(--leading);
	font-size: var(--text-sm);
}

.upgrade_to_pro table th.frmcenter {
	text-align: center;
}

.widefat th.frm_table_break {
	background-color: var(--sidebar-color);
}

h2.frm-h2 + .howto {
	color: var(--medium-grey);
	max-width: 850px;
	margin: 5px 0 20px;
}

.frm-admin-page-addons #frm-using-lite {
	display: none;
}

.frm-admin-page-addons .frm-search {
	margin-top: 0;
}

.frm-addons {
	margin-top: var(--gap-lg);
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: var(--gap-md);
}

.frm-addons,
.frm-addons h2,
.frm-addons h3 {
	color: var(--grey-700);
}

.frm-addons h2 {
	font-size: 17px;
}

.frm-addons h3 {
	margin-top: 0;
}

.frm-card {
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--grey-300);
	opacity: 1;
	transition: opacity 1s;
}

.frm-fade {
	opacity: 0;
	transition: all 1s;
}

/* Add-on tiles */
.frm-addons .frm-card.frm-addon-not-installed {
	position: relative;
}

.frm-addons .plugin-card-top {
	min-height: 155px;
	padding-top: var(--gap-lg);
	overflow: hidden;
}

.frm-addons .plugin-card-top h2 {
	margin-top: 0;
	font-weight: 400;
}

.frm-template-row p,
.frm-addons .plugin-card-top p {
	opacity: 0.8;
}

.frm-addons .plugin-card-bottom {
	padding: 5px 20px 20px;
	text-align: center;
	background: transparent;
	border-top: none;
}

.frm-addons .plugin-card-bottom,
.frm-addons .plugin-card-bottom .button {
	font-size: 15px;
}

.frm-addons .button {
	float: right;
}

.frm-addons .addon-status {
	float: left;
	padding-top: 4px;
}

.frm-addon-not-installed .frm-activate-addon,
.frm-addon-not-installed .frm-deactivate-addon,
.frm-addon-not-installed .frm-uninstall-addon,
.frm-addon-installed .frm-install-addon,
.frm-addon-installed .frm-deactivate-addon,
.frm-addon-active  .frm-activate-addon,
.frm-addon-active  .frm-install-addon,
.frm-addon-active .frm-uninstall-addon,
.plugin-card-pro.frm-addon-active .button {
	display: none !important;
}

#frm-addons-page .frm-addon-button {
	opacity: 1 !important;
}

.frm-save-and-reload-options {
	margin-top: 10px;
	font-size: 13px;
}

.frm-save-and-reload,
.frm-save-and-reload + .frm-button-secondary {
	visibility: visible !important;
}

.addon-status-label {
	opacity: .7;
}

.frm-addon-active .addon-status-label {
	color: var(--green);
	opacity: 1;
}

.frm-addon-error {
	position: absolute;
	top: 55px;
	left: 10px;
	right: 10px;
	font-weight: bold;
	text-align: center;
}

/* Form Templates */

.frm-featured-form .frm-inner-circle {
	margin: 0 auto 5px;
}

.frm-new-template.plugin-card-bottom {
	overflow: visible;
}

#frm-new-template p:first-child {
	margin-top: 0;
}

.frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert),
#wpbody-content > .updated,
#wpbody-content > #update-nag,
#wpbody-content > .update-nag,
#wpbody-content > .notice:not(.frm-review-notice),
#wpbody-content > .error:not(.frm_previous_install),
.frm-white-body .updated,
.frm-white-body .notice:not(.frm-review-notice),
.frm-white-body .error:not(.frm_previous_install)
{
	display: none;
}

.frm-admin-page-formidableedit #frm_builder_page {
	display: block !important;
}

.frm-white-body .updated,
.frm-white-body .notice,
.frm-white-body .error {
	margin: 0;
	padding: 10px 20px;
}

.frm-modal .postbox {
	max-height: 600px;
	overflow: hidden;
	margin-bottom: 0;
}

.frm-modal .postbox .frm_modal_top,
.frm-dialog .frm_common_modal .postbox > div:first-child,
.frm-error-modal .frm_modal_top {
	padding: var(--gap-md) var(--gap-md) 0;
	position: relative;
}

.frm-modal h2,
.frm-modal .postbox .inside h2, /* Override WP. */
.frm-modal .postbox .frm-modal-title,
.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child,
.frm-error-modal .frm-modal-title {
	display: inline-block;
	font-size: var(--text-lg);
	color: var(--grey-900);
	font-weight: 600;
	margin: 0;
	padding: 0;
}

.frm-modal h3 {
	font-weight: 500;
}

/* Dismiss icon button */

.frm-inline-modal > a.dismiss,
.frm-modal .postbox > a.dismiss,
.frm-modal .postbox .frm-modal-title + div:last-child,
.frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child {
	position: absolute;
	top: 19px;
	right: 19px;
	display: flex;
	z-index: 2;
}

body.rtl .frm-inline-modal > a.dismiss,
body.rtl .frm-modal .postbox > a.dismiss,
body.rtl .frm-modal .postbox .frm-modal-title + div:last-child,
body.rtl .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child {
	right: unset;
	left: 30px;
}

.frm-info-modal .postbox > a.dismiss,
.frm-inline-modal > a.dismiss {
	right: 13px;
	top: 13px;
}

.frm-modal .postbox .frm-modal-title + div:last-child a,
.frm-modal a.dismiss .frmsvg,
.frm_common_modal .frm_modal_top a .frmsvg {
	color: var(--grey-400);
}

.frm-modal .frm_modal_content > div.inside,
.frm_common_modal .frm_modal_content > div.inside {
	padding: var(--gap-md);
	margin: 0;
	font-size: var(--text-sm);
	color: var(--grey-700);
}

.frm-modal p {
	color: var(--grey-900);
}

.frm_common_modal .postbox {
	display: flex;
	flex-direction: column;
}

.frm-modal .postbox > div.inside .cta-inside {
	overflow-y: auto;
	height: auto;
}

.frm_modal_footer {
	padding: 0 var(--gap-md) var(--gap-sm);
	text-align: right;
}

body.frm-body-with-open-modal {
	overflow-y: hidden;
}

.frm-templates-list {
	margin-top: 0;
}

.frm-templates-list.frm_grid_container li {
	margin-bottom: 0;
}

.frm-templates-list li {
	vertical-align: top;
	position: relative;
	box-sizing: border-box;
	border-radius: 6px;
	border: 1px solid transparent;
	text-align: left;
}

.frm-templates-list li:not(.frm_hidden) {
	display: inline-block;
}

.frm-templates-list.frm-categories-list li {
	width: 100%;
}

.frm-templates-list li.frm-selectable {
	cursor: pointer;
}

.frm-templates-list li.frm-selectable:hover {
	background: var(--light-blue);
	border-color: rgba(65, 153, 253, 0.5);
}

.frm-templates-list li.frm-selectable:hover h3,
.frm-templates-list li.frm-selectable:hover p {
	max-width: calc( 100% - 65px );
}

.frm-templates-list .frm-featured-form {
	display: flex;
	width: 100%;
}

.frm-templates-list li .frm-featured-form {
	padding: 7px 5px;
}

.frm-templates-list li li > div {
	padding-left: 0;
}

.frm-templates-list li > div > div {
	vertical-align: middle;
}

.frm-templates-list .frm-inner-circle,
.frm-category-icon, /* Deprecated */
.frm-icon-wrapper {
	background: var(--primary-500);
	border-radius: var(--small-radius);
	color: #fff;
	width: 32px;
	height: 32px;
	font-size: 18px;
	box-sizing: border-box;
	align-self: center;
	justify-content: center;
	align-items: center;
	display: inline-flex;
}

.frm-templates-list .frm-inner-circle .frmsvg {
	vertical-align: top;
}

.frm-templates-list li .frm-category-icon {
	overflow: hidden;
}

.frm-templates-list .frm-template-details {
	/* the content container to the right of the icon in Create new form modal */
	display: inline-block;
	width: calc( 100% - 40px );
	padding-left: var(--gap-sm);
	box-sizing: border-box;
	transform: translateY(-2px);
}

.frm-templates-list li h3,
.frm-templates-list li p {
	text-align: left;
	margin: 0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.frm-templates-list li h3,
.frm-templates-list .frm-install-template h3 {
	font-size: var(--text-sm) !important;
}

.frm-templates-list .frm-install-template div {
	text-align: left;
}

#frm_leave_email,
#frm_code_from_email {
	width: 480px;
	max-width: 100%;
}

.control-section:hover .accordion-section-title {
	background: #fff !important;
	border-bottom-color: transparent;
}

.frm-templates-list.frm-categories-list li > div > div:last-child {
	padding-left: 0;
}

.frm-hover-icons {
	position: absolute;
	right: 0;
	top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */
	max-width: 91px;
	height: 100%;
	box-sizing: border-box;
	padding: 0 10px 0 5px !important;
	border-radius: var(--small-radius);
	text-align: right;
	display: flex;
	gap: 5px;
}

.frm-ready-made-solution .frm-hover-icons {
	visibility: hidden;
}

.frm-ready-made-solution:hover .frm-hover-icons {
	visibility: visible;
}

.frm-hover-icons a {
	width: 22px;
	height: 22px;
	font-size: var(--text-md);
	display: inline-flex;
    align-items: center;
    justify-content: center;
	border-radius: 50%;
	box-sizing: border-box;
	line-height: var(--leading);
	text-align: center;
}

.frm-hover-icons > .frm-preview-form,
.frm-hover-icons > .frm-delete-form {
	border: 1px solid var(--primary-500);
}

.frm-hover-icons > .frm-create-form,
.frm-ready-made-solution .frm-hover-icons a {
	background-color: var(--primary-500);
}

.frm-hover-icons > a .frmsvg {
	width: 14px;
	height: 14px;
	vertical-align: baseline;
}

.frm-hover-icons > .frm-preview-form .frmsvg,
.frm-hover-icons > .frm-delete-form .frmsvg {
	color: var(--primary-500);
}

.frm-hover-icons > .frm-unlock-form {
	background-color: var(--primary-500);
}

.frm-hover-icons > .frm-unlock-form .frmsvg {
	background-color: var(--primary-500);
}

.frm-ready-made-solution .frmsvg {
	width: 14px;
	height: 14px;
}

.frm-hover-icons .frm-create-form svg,
.frm-ready-made-solution .frm-hover-icons svg {
	color: #fff;
}

.frm-hover-icons .frm-create-form:hover,
.frm-ready-made-solution .frm-hover-icons a:hover,
.frm-hover-icons > .frm-unlock-form:hover,
.frm-hover-icons > .frm-unlock-form:hover .frmsvg
{
	background-color: var(--primary-700) !important;
}

.frm-hover-icons .frm-preview-form:hover,
.frm-hover-icons .frm-delete-form:hover
{
	border: 1px solid var(--primary-700) !important;
}

.frm-hover-icons .frm-preview-form:hover .frmsvg,
.frm-hover-icons .frm-delete-form:hover .frmsvg {
	color: var(--primary-700) !important;
}

.frm-application-card h4 .frmsvg,
.frm-locked-template h3 .frmsvg {
	height: var(--text-sm);
	width: var(--text-sm);
	vertical-align: text-top;
	color: var(--grey-500);
}

.frm-modal-back {
	cursor: pointer;
	margin-right: 4px;
}

.frm-modal-cancel {
	float: left;
}

.frm-meta-tag,
.frm-meta-tag:hover {
	padding: var(--gap-2xs) var(--gap-xs);
	border-radius: var(--small-radius);
	font-weight: 600;
	display: inline-flex;
	background-color: #D9EBFF;
	gap: 2px;
}

.frm-meta-tag.frm-grey-tag,
.frm-meta-tag.frm-grey-tag:hover {
	background-color: var(--sidebar-hover);
	color: var(--grey-900);
}

.frm-meta-tag.frm-red-tag,
.frm-meta-tag.frm-red-tag:hover {
	background: var(--error-100);
	color: var(--error-700);
}

.frm-meta-tag.frm-orange-tag,
.frm-meta-tag.frm-orange-tag:hover {
    background-color: #FEF7F4;
	color: var(--orange);
}

.frm-meta-tag.frm-green-tag,
.frm-meta-tag.frm-green-tag:hover {
	background-color: var(--success-500);
	color: #fff;
}

.frm-entry-status-0,
.frm-meta-tag.frm-lt-green-tag,
.frm-meta-tag.frm-lt-green-tag:hover {
	background-color: var(--success-100);
	color: var(--success-800);
}

.frm-meta-tag.frm-new-pill {
	background-color: var(--success-500);
	vertical-align: text-bottom;
}

/* Start entry statuses */
.frm-entry-status {
	font-weight: 500;
}

.frm-entry-status-1 {
	color: #7A4D05;
	background: #FFF2D2;
}
/* End entry statuses */

#frm-create-footer {
    padding: 15px 20px;
}

li .frm-hover-icons .frm-preview-form,
.frm-hover-icons .frm-unlock-form,
.frm-locked-template .frm-hover-icons .frm-create-form,
.frm-modal-back
{
	display: none;
}

.frm-locked-template .frm-hover-icons .frm-unlock-form,
li[data-preview] .frm-hover-icons .frm-preview-form {
	display: inline-flex;
}

.frm-modal-back svg {
	color: #7F7F7F;
}

#frm-upgrade-body-list-wrapper > div {
	display: inline-block;
	width: calc( 100% / 3 );
	vertical-align: top;
	text-align: left;
	margin-bottom: 10px;
}

#frm-upgrade-body-list-wrapper ul {
	padding-left: 40px;
}

#frm-upgrade-body-list-wrapper ul li:before {
	content: "\2022";
	color: var(--primary-500);
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/* Embed Form Modal */

.frm-embed-modal-content {
	padding: var(--gap-md);
}

.frm-embed-modal-content.frm-loading-page-options {
	display: flex;
	justify-content: center;
}

#frm_embed_modal .frm_embed_example {
	background: var(--sidebar-color);
	border: 1px solid var(--sidebar-hover);
	border-radius: var(--small-radius);
	color: var(--grey-900);
	font-size: var(--text-sm);
	padding-right: var(--gap-lg);
	width: 100%;
	height: auto !important;
	resize: none;
}

#frm_embed_modal textarea.frm_embed_example {
	padding-bottom: 0;
}

.frm-embed-modal-content > div a {
	position: absolute;
	right: 0;
	top: 0;
}

.frm-embed-modal-content > div {
	position: relative;
	margin-bottom: var(--gap-sm);
}

.frm-embed-modal-content > div:last-child {
	margin-bottom: 0;
}

.frm-embed-modal-content svg[id^="frm_copy_embed_"] {
	position: absolute;
	bottom: calc( ( 38px - 18px ) / 2 ); /* Input height - SVG height */
	right: 10px;
	cursor: pointer;
	opacity: 0.5;
}

.frm-border-info-box,
.frm-embed-modal-option {
	border-radius: var(--small-radius);
	border: 1px solid var(--grey-300);
	padding: var(--gap-sm);
	cursor: pointer;
	display: flex;
	gap: var(--gap-sm);
	font-size: var(--text-sm);
}

.frm-embed-modal-option + .frm-embed-modal-option {
	margin-top: var(--gap-sm);
}

.frm-collapsed .frmsvg,
.caret.rotate-270,
.frm-embed-modal-option .caret {
	align-self: center;
	margin-left: auto;
	transform: rotate(-90deg);
}

#frm_embed_modal .frm_modal_footer {
	display: none;
}

#frm_embed_modal.frm-on-page-2 .frm_modal_footer {
	display: block;
}

.frm-embed-modal-content ul {
	max-height: 300px;
	overflow-y: scroll;
}

.frm-embed-modal-wrapper.frm-dialog {
	overflow: visible;
}

/* Bulk Options */
#frm-bulk-modal .frm_grid_container {
	grid-template-columns: repeat(12, 8.33%);
	grid-gap: 0;
}

#frm-bulk-modal .frm8 {
	border-right: 1px solid var(--grey-300);
	padding: 10px 20px 10px var(--gap-lg);
}

#frm-bulk-modal .frm4 {
	padding: 10px 0;
}

.frm-inline-modal .howto {
	margin: 5px 0 10px;
	color: var(--grey);
}

.frm-inline-modal .frm_code_list + .howto {
	margin-bottom: 0;
}

#frm_bulk_options {
	height: 240px;
	width: 100%;
	border: none;
	box-shadow: none;
	padding: 0;
}

.frm-bulk-edit-link {
	text-align: right;
	font-size: var(--text-sm);
	padding: 0 5px 10px;
}

.frm-small-add {
	font-size: var(--text-sm) !important;
}

.frm-small-add span {
	color: var(--primary-500);
	font-size: 12px;
	height: 12px;
	width: 12px;
}

.frm_no_captcha_text {
	font-weight: bold;
	color: #AA0000;
}

.frm_image_from_url {
	height: 50px;
}

/*Switch form dropdown*/
h1 .fa-caret-down {
	font-size: 18px;
}

.caret {
	display: inline-block;
	width: 19px;
	height: 9px;
	margin-right: -8px;
	vertical-align: middle;
}

.caret,
.wp-admin .frm_wrap select,
.frm_wrap .frm_form_builder select,
.frm_wrap .ui-autocomplete-input {
	background: transparent url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23667085%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
	background-size: var(--text-md) var(--text-md);
	padding-right: var(--gap-lg) !important;
}

.caret {
	padding-right: var(--gap-xs) !important;
}

.frm-btn-group .caret {
	float: right;
	margin-top: calc( var(--text-md) / 2 );
}

.dropdown {
	position: relative;
}

.dropdown-toggle:focus {
	outline: 0;
}

.frm_wrap .ui-autocomplete,
#frm_adv_info.frm-dropdown-menu,
.frm-dropdown-menu {
	/* Copied from .dropdown-menu rules from Bootstrap */
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	margin: var(--gap-xs) 0 0;
	text-align: left;
	list-style: none;
	background: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid var(--grey-100);
	border-radius: 0.25rem;
	box-shadow: var(--box-shadow-lg);

/* Custom rules */
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: var(--text-md);
	width: auto;
	min-width: 160px;
}

.frm6 .frm-dropdown-menu {
	min-width: 100px;
	max-width: 99%;
}

#frm_bs_dropdown .frm-dropdown-menu {
	max-width: 400px;
}

.field_type_list .frm-dropdown-menu {
	min-width: 150px !important;
}

#frm_field_group_controls .frm-dropdown-menu,
.frm-field-action-icons .frm-dropdown-menu {
	min-width: 180px !important;
}

.frm-field-action-icons .frm-dropdown-toggle svg {
	color: #9EA9B8;
}

.multiselect-container.frm-dropdown-menu,
#search-submit .frm-dropdown-menu {
	min-width: 200px !important;
}

.preview .frm-dropdown-menu {
	min-width: 230px !important;
}

.frm-dropdown-menu.dropdown-menu-right {
	right: 0;
	left: auto;
}

.frm-dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.frm-dropdown-menu > .dropdown-item {
	margin: 0;
}

.frm-select-list-item,
.frm_wrap .ui-autocomplete li > div,
.multiselect-container button.multiselect-option,
.frm-dropdown-menu > .dropdown-item > a,
.frm-dropdown-menu .frm_dropdown_li {
	clear: both;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
	border-radius: var(--small-radius);
}

.frm-dropdown-menu > .active > a,
.frm-dropdown-menu > .active > a:hover,
.frm-dropdown-menu > .active > a:focus {
	text-decoration: none;
	outline: 0;
}

.frm-select-list-item.disabled,
.frm-dropdown-menu > .disabled > a, .frm-dropdown-menu > .disabled > a:hover, .frm-dropdown-menu > .disabled > a:focus {
	color: #999999;
}

.frm-select-list-item.disabled:hover,
.frm-dropdown-menu > .disabled > a:hover,
.frm-dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	cursor: not-allowed;
}

.open > .frm-dropdown-menu {
	display: block;
}

.open > a {
	outline: 0;
}

.dropdown-header {
	display: block;
	padding: 3px 10px;
	font-size: var(--text-xs);
	color: var(--grey-400);
}

.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: 990;
}

.dropdown-menu-right > .frm-dropdown-menu,
.pull-right > .frm-dropdown-menu {
	right: 0;
	left: auto;
}

.navbar-fixed-bottom .dropdown .caret {
	border-top: 0 dotted;
	border-bottom: 4px solid #000000;
	content: "";
}

.navbar-fixed-bottom .dropdown .frm-dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 1px;
}

.btn {
	border: 1px solid #ddd;
	background: #fff;
	height: 28px;
	line-height: var(--leading);
}

a.frm_option_icon:before {
	color: var(--primary-500);
	font-size: 22px;
	width: 22px;
	height: 22px;
}

a.frm_option_icon:focus::before,
a.frm_option_icon:hover::before {
	color: var(--primary-700);
}

.frm_top_left .frm-dropdown-toggle {
	color: #999;
}

.frm-card ol {
	margin-left: 15px;
}

.frm-dropdown-toggle {
	text-decoration: none;
}

.frm-card .frm-dropdown-toggle {
	border: 1px solid var(--grey-300);
	border-radius: var(--small-radius);
	font-size: 13px;
	color: var(--grey-700);
	padding: 7px 20px;
}

.frm_actions_dropdown .frm-dropdown-menu {
	font-size: var(--text-sm);
	color: #5F6C72;
}

.frm-dropdown-menu .frm_icon_font {
	vertical-align: middle;
	color: #5F6C72;
	margin-right: 3px;
}

/* BS Multiselect */
.multiselect-container.frm-dropdown-menu {
	top: auto;
	left: auto;
	font-size: var(--text-sm);
	padding: 4px;
    margin-bottom: 3px;
}

.frm-right-panel .accordion-section-content {
	background: transparent;
	padding: 0;
	overflow: initial;
}

.frm-right-panel .accordion-section-content > .inside {
	padding: 0 0 var(--gap-xs);
}

.frm-right-panel .accordion-section-content .inside a {
	font-size: inherit;
}

#post-body-content + .frm-right-panel h3.accordion-section-title {
	padding: 7px 10px 8px 14px;
	font-size: var(--text-md);
	color: var(--grey-700);
}

.frm-right-panel .control-section.open h3 {
	border-bottom: none;
}

.js .frm-right-panel .control-section.open .accordion-section-title,
.js .frm-right-panel .control-section .accordion-section-title:focus,
.js .frm-right-panel .control-section .accordion-section-title:hover {
	background: transparent;
	color: var(--grey-900);
}

.js .frm-right-panel .control-section .accordion-section-title:hover:before {
	color: var(--grey-700);
}

.frm-with-line,
.accordion-section-content h4 {
	font-size: var(--text-md);
	font-weight: 400;
	margin: 20px -20px 10px;
	padding: 0 20px;
	color: var(--grey-700);
	position: relative;
	border: none !important;
}

.frm-with-line span,
.accordion-section-content h4 span {
	background: #fff;
	padding: 0 10px;
	position: relative;
	display: inline-block;
	z-index: 2;
}

.accordion-section-content h4 span {
	background: var(--sidebar-color);
}

.frm-right-panel .frm-with-line span {
	background: var(--sidebar-color) !important;
	margin-left: -4px;
}

.frm-right-panel .frm-inline-modal .frm-with-line span {
	background: #fff !important;
}

.frm-with-line:before,
.accordion-section-content h4:before {
	content: '';
	display: block;
	position: absolute;
	border-bottom: 1px solid var(--grey-300);
	left: 0;
	width: 100%;
	top: 50%;
}

.frm-right-panel .accordion-section {
	border: none;
	position: relative;
}

.frm-right-panel .accordion-section-title:before,
.frm-right-panel .accordion-section-title:after {
	content: "\e913" !important;
	font-family: "s11-fp" !important;
	font-size: 18px;
	font-variant: normal;
	text-rendering: auto;
	vertical-align: text-top;
}

.frm-right-panel .accordion-section-title:after {
	top: calc(50% - 10px) !important;
}

.frm-right-panel .open .accordion-section-title:after {
	content: "\e62a" !important;
}

.frm-right-panel .accordion-section-title:before {
	content: "\f1de" !important;
	color: var(--grey);
	font-size: 17px !important;
	margin: 0 10px 0 0;
}

.form-title-style .accordion-section-title:before,
.section-fields-style .accordion-section-title:before {
	content: "\f1dc" !important;
}

.form-description-style .accordion-section-title:before {
	content: "\e90f" !important;
}

.field-colors-style .accordion-section-title:before {
	content: "\e96d" !important;
}

.field-sizes-style .accordion-section-title:before {
	content: "\e920" !important;
}

.field-labels-style .accordion-section-title:before {
	content: "\e953" !important;
}

.field-description-style .accordion-section-title:before{
	content: "\e611" !important;
}

.check-box-radio-fields-style .accordion-section-title:before{
	content: "\f14a" !important;
}

.buttons-style .accordion-section-title:before{
	content: "\e911" !important;
}

.repeater-fields-style .accordion-section-title:before{
	content: "\e974" !important;
}

.toggle-fields-style .accordion-section-title:before{
	content: "\f205" !important;
}

.slider-fields-style .accordion-section-title:before{
	content: "\f386" !important;
}

.form-messages-style .accordion-section-title:before{
	content: "\e915" !important;
}

.date-fields-style .accordion-section-title:before{
	content: "\f073" !important;
}

.progress-bars-style .accordion-section-title:before{
	content: "\e939" !important;
}

#frm_view_editor_left.frm-right-panel .accordion-section-title,
.frm-right-panel h3.accordion-section-title {
	padding: 15px 20px;
	background: var(--sidebar-color);
	line-height: var(--leading);
	color: var(--grey-700);
	font-size: var(--text-lg);
	font-weight: 400;
}

.control-section .accordion-section-title:after, /** Form template list */
.customize-pane-child .accordion-section-title:after {
	top: 15px;
}

.accordion-container .frm-dropdown-menu {
	min-width: 40px;
}

.frm-btn-group .multiselect.dropdown-toggle {
	box-sizing: border-box;
	min-height: unset;
	cursor: pointer;
}

.accordion-container .frm-dropdown-menu:before,
.accordion-container .multiselect.dropdown-toggle:before {
	font-family: "s11-fp" !important;
}

.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 250px;
}

.multiselect-container button.multiselect-option {
	width: 100%;
	text-align: left;
	border: none;
	margin-bottom: 4px;
}

.multiselect-container button.multiselect-option label {
	margin-left: 5px;
}

.accordion-container .multiselect-container label {
	padding: 3px 19px 3px 7px;
}

.frm-btn-group.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.frm-btn-group.btn-group, .frm-btn-group.btn-group-vertical {
	display: block;
}

.multiselect-option label {
	max-width: calc(100% - 22px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.frm_scale {
	text-align: center;
	float: left;
	margin-right: 10px;
}

.frm_scale input {
	display: block;
	margin: 5px
}

.frm_multi_fields_container {
	float: left;
}

.frm_multi_fields_container,
.frm_form_builder .frm_form_fields input[type=tel]
.frm_form_builder .frm_form_fields input[type=range],
.frm_form_builder .frm_form_fields input[type=text] {
	width: 100%;
	height: auto;
}

.frm_form_builder .frm_time_wrap .frm_time_sep {
	vertical-align: sub;
	vertical-align: -webkit-baseline-middle;
}

.frm_form_builder input[type=range]::-webkit-slider-runnable-track {
	background-color: var(--blue-border);
}

.frm_form_builder input[type=range]::-moz-range-track {
	background-color: var(--blue-border);
}

.frm_form_builder input[type=range]::-ms-fill-lower {
	background-color: var(--blue-border);
}

.frm_form_builder input[type=range]::-ms-fill-upper {
	background-color: var(--blue-border);
}

.frm-embed-field-placeholder {
	text-align: center;
	height: 145px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.frm-fake-field {
	display: block;
	height: 25px;
	background-color: var(--light-blue);
	border: 1px solid var(--grey-300);
	margin: 10px 0;
	border-radius: var(--small-radius);
}

.frm-embed-message {
	position: absolute;
	background: #fff;
	border: 1px solid var(--grey-300);
	color: var(--grey-700);
	padding: var(--gap-md);
	font-size: var(--text-lg);
	max-width: 200px;
	min-width: 50%;
	margin: 0 var(--gap-md);
	overflow: hidden;
	text-overflow: ellipsis;
}

.frm-summary-message {
	top: 50%;
	left: 50%;
	padding: 15px 0;
	font-size: var(--text-md);
	transform: translate(-50%, -50%);
}

.frm-summary-learn-more {
	font-size: inherit !important;
}

.frm-single-settings .frm-embed-message {
	width: 100%;
	position: static;
	border-radius: var(--small-radius);
}

#new_fields input[type=text],
#new_fields input[type=number],
.frm_field_box .frm_form_fields > textarea,
.frm_form_fields .frm_form_field > textarea,
.frm_form_fields .frm_form_field > input[type=email],
.frm_form_fields .frm_form_field > input[type=url],
.frm_form_fields .frm_form_field > input[type=number],
.frm_form_fields .frm_form_field > input[type=tel],
.frm_form_fields .frm_form_field > input[type=text],
.frm_form_fields .frm_form_field > input[type=range] {
	width: 100%;
}

.frm_form_fields textarea.wp-editor-area {
	width: 100%;
	border: none;
}

.frm_form_fields input[type="file"], .frm_form_fields input[type="file"]:disabled {
	background: transparent;
	border: none;
	box-shadow: none;
	width: auto;
}

.frm_form_fields select {
	width: auto;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	width: 16px;
	padding: 0;
}

.frm_wrap .frm-number-range + .frm_last input,
.frm_wrap .frm-number-range input {
	text-align: center;
	font-weight: 600;
}

.frm_wrap .frm-number-range input[type=number],
.frm_wrap .frm-number-range input[type=text] {
	color: var(--primary-700);
}

.frm-range-min {
	position: relative;
}

.frm-range-min:after {
	content: '';
	height: 3px;
	width: 10px;
	border-radius: 30%;
	background: var(--primary-700);
	position: absolute;
	top: 17px;
	right: -28%;
}

.frm_grid_container > p,
.frm_grid_container > p.frm_form_field,
.frm_grid_container > div.frm_form_field,
#new_fields .frm_grid_container > p {
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 0;
}

#new_fields div.frm_grid_container > .frm_primary_label {
	margin-top: 8px;
}

#new_fields .frm_primary_label + p,
#new_fields .frm_primary_label + .frm6 + .frm6,
#new_fields .frm_primary_label + .frm6 + .frm-inline-modal + .frm6 {
	margin-top: 0;
}

.frm_catlevel_2, .frm_catlevel_3, .frm_catlevel_4, .frm_catlevel_5 {
	margin-left: 18px;
}

.frm_wrap .frm-fields .auto_width,
.frm_form_fields input.auto_width, .frm_form_fields select.auto_width, .frm_form_fields textarea.auto_width {
	width: auto !important;
}

.frm_form_fields select.auto_width {
	min-width: 60px;
}

.frm_form_fields input:focus, .frm_form_fields select:focus,
.frm_form_fields textarea:focus, .frm_focus_field input {
	background-color: #fff;
	border-color: #ddd;
}

.frm_form_builder .frm_radio,
.frm_form_builder .frm_checkbox {
	display: block;
	margin-bottom: 2px;
}

.frm_form_builder .frm_radio label,
.frm_form_builder .frm_checkbox label {
	font-size: var(--text-sm);
}

/* Start copied front-end CSS */
.horizontal_radio .frm_radio,
.horizontal_radio .frm_checkbox {
	margin-right: 5px;
	display: inline-block;
}

.frm_form_field.frm_two_col .frm_opt_container,
.frm_form_field.frm_three_col .frm_opt_container,
.frm_form_field.frm_four_col .frm_opt_container{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-rows: max-content;
	grid-gap: 0 2.5%;
}

.frm_form_field.frm_three_col .frm_opt_container{
	grid-template-columns: repeat(3, 1fr);
}

.frm_form_field.frm_four_col .frm_opt_container{
	grid-template-columns: repeat(4, 1fr);
}

.frm_form_field.frm_two_col .frm_radio,
.frm_form_field.frm_two_col .frm_checkbox,
.frm_form_field.frm_three_col .frm_radio,
.frm_form_field.frm_three_col .frm_checkbox,
.frm_form_field.frm_four_col .frm_radio,
.frm_form_field.frm_four_col .frm_checkbox{
	grid-column-end: span 1;
}
/* End copied */

.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],
.frm_wrap .with_frm_style .frm_radio input[type=radio],
.frm_wrap input[type=checkbox],
.frm-white-body input[type=checkbox],
.field-group input[type=checkbox],
.frm_scale input[type=radio],
.frm_radio input[type=radio],
.frm_checkbox input[type=checkbox] {
	border: 1px solid var(--grey-300);
	box-shadow: none;
	-webkit-appearance: none;
}

.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],
.frm_wrap input[type=checkbox],
.frm-white-body input[type=checkbox],
.field-group input[type=checkbox],
.frm_checkbox input[type=checkbox] {
	border-radius: 4px;
}

.frm-white-body input[type="checkbox"]:checked,
.frm_wrap input[type="checkbox"]:checked {
	background-color: var(--primary-500);
	border-color: var(--primary-500) !important;
}

.frm-white-body input[type="checkbox"]:checked:focus,
.frm_wrap input[type="checkbox"]:checked:focus {
	border-color: var(--primary-500);
}

.frm-white-body input[type="checkbox"]:checked::before,
.frm_wrap input[type="checkbox"]:checked::before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2010%27%3E%3Cpath%20d%3D%27M9.2%202c.2.3.2.7%200%201l-5%205c-.3.2-.6.2-.9%200L.8 5.3a.6.6%200%200%201%20.9-.8l2%202%204.6-4.5c.3-.3.6-.3.9%200Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
    height: 12px;
    width: 12px;
    margin: 1px;
}

.frm_radio input[type="radio"],
.frm_checkbox input[type="checkbox"] {
	margin-right: 5px;
}

.frm_single_entry_page .with_frm_style .frm_radio input[type=radio] {
	margin: 5px 0;
	width: 18px;
	position: relative; /* override Bootstrap */
}

.frm_single_entry_page .with_frm_style .frm_radio input[type=radio]:before {
	position: relative !important;
	left: calc(50% - 6px);
	top: calc(50% - 6px);
	margin: 0 !important;
}

.frm_inner_field_container {
	margin-bottom: 10px;
}

.frm_conf_inline .frm_inner_field_container,
.frm_conf_inline .frm_inner_conf_container {
	width: 49%;
	float: left;
}

.frm_conf_inline .frm_inner_field_container {
	margin-right: 2%;
	clear: both;
}

.frm_inner_field_container > label {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > label,
.frm_field_box .divider_section_only:hover > .frm_inner_field_container > label,
li.ui-state-default.selected > .frm_inner_field_container > label {
	max-width: calc(100% - 100px);
}

.frm-drag-fade {
	background-color: var(--lightest-grey) !important;
	border-radius: 4px;
}

.frm-drag-fade * {
	opacity: 0;
}

.frm-dragging .divider_section_only,
.frm-dragging .frm_field_box {
	pointer-events: none;
}

.frm_form_settings #op-popup, /* 1Password */
.frm_form_settings com-1password-op-button,
.frm_conf_below .frm_conf_field_container .frm_primary_label,
.frm_conf_inline .frm_inner_field_container .frm-show-click a,
.frm_conf_below .frm_conf_field_container .frm-show-click a {
	display: none !important;
}

.frm_conf_inline .frm_inner_field_container .frm-field-action-icons {
	position: absolute;
	right: 5px;
}

.frm_conf_below .frm_conf_field_container {
	margin-top: 10px;
}

.frm_calc_dec {
	width: 50px;
}

.frm_ext_sc {
	display: none;
}

.frm_long_input {
	width: 100% !important;
	box-sizing: border-box;
}

.frmcenter {
	text-align: center;
}

img.frm_help {
	margin-left: 2px;
	vertical-align: middle;
	padding-bottom: 2px;
}

/* Loading */
.frm_spinner.frm-wait,
.frm_spinner.spinner {
	float: left;
	visibility: hidden;
	margin: 0 10px;
}

.frm_visible_spinner.frm-wait,
.frm_visible_spinner.spinner {
	visibility: visible;
	float: none;
}

.frm_form_action_settings .frm_spinner.frm-wait,
.frm_form_action_settings .frm_spinner.spinner {
	visibility: visible;
	float: none;
	vertical-align: bottom;
}

.frm_form_action_settings .frm_loading {
	font-size: 15px;
	text-align: center;
}

.frm_ajax_settings_tab .frm-wait,
.frm_ajax_settings_tab .spinner {
	visibility: visible;
	float: none;
	margin-top: 20px;
}

.wp-core-ui .frm_loading_button.button-primary.frm-button-primary,
.frm_loading_button,
.frm_loading_form.frm_button_submit {
	position: relative !important;
	opacity: .8;
	color: transparent !important;
	text-shadow: none !important;
}

.frm_loading_button:hover,
.frm_loading_button:active,
.frm_loading_button:focus,
.frm_loading_form.frm_button_submit:hover,
.frm_loading_form.frm_button_submit:active,
.frm_loading_form.frm_button_submit:focus {
	cursor: not-allowed;
	color: transparent !important;
	outline: none !important;
	box-shadow: none;
}

.frm-wait {
	margin: 20px;
	width: 20px;
	height: 20px;
	position: relative;
	display: inline-block;
}

#frm-show-fields .frm-wait:only-child {
	position: absolute;
	left: 50px;
	top: 30px;
}

.frm-wait:before,
.frm_loading_button:before,
.frm_loading_form.frm_button_submit:before {
	content: '';
	display: inline-block;

position: absolute;
	background: transparent;
	border: 1px solid #fff;
	border-top-color: transparent;
	border-left-color: transparent;
	border-radius: 50%;

box-sizing: border-box;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
	width: 20px;
	height: 20px;

-webkit-animation: spin 2s linear infinite;
	-moz-animation: spin 2s linear infinite;
	-o-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

.frm-wait:before {
	border-bottom-color: var(--primary-700);
	border-right-color: var(--primary-700);
}

.frm_loading_button.frm-button-secondary:before {
	border-bottom-color: var(--primary-500);
	border-right-color: var(--primary-500);
}

input[type=submit]:focus {
	outline: none !important;
}

/* Effects */

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

label input[type="checkbox"], label input[type="radio"] {
	vertical-align: inherit;
}

#editorcontainer #dyncontent {
	margin: 0;
	width: 100%;
	padding: 6px;
	line-height: var(--leading);
	border: 0 none;
	outline: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*ICONS*/
.frm_postbox_icon {
	margin: -6px 0 0 -10px;
}

.frm_form_builder a:hover {
	text-decoration: underline;
}

.frm_form_builder .widget-title h4 {
	padding: 10px 15px;
}

.frm_form_builder .widget-top a.widget-action:after {
	margin: 7px 12px 0;
}

.frmbutton.frm_tgateway {
	display: none !important;
}

.frm_html_legend pre {
	display: inline;
}

#ed_fullscreen {
	display: none !important;
}

.frm_posttax_opt_list {
	overflow: auto;
	max-height: 200px;
	background-color: #fff;
}

.frm_posttax_opt_list p.howto {
	font-size: 12px;
}

.frm_border_bottom {
	border-bottom: 1px solid var(--grey-300);
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.frm_posttax_opt_list .frm_border_bottom span.howto {
	padding-right: 10px;
}

.frm_posttax_opt_list .frm_border_bottom input {
	margin-right: 1px;
}

.frm_add_remove div.frm_form_field {
	padding-bottom: 5px;
}

.frm_field_opts_list {
	max-height: 190px;
	overflow: auto;
}

.frm_white_bg {
	background-color: #fff;
}

.frm_border_light {
	border: solid 1px #ddd;
}

#new_fields .form-table input[type=text],
#new_fields .form-table select,
.form-table .form-field input,
.form-table .form-field .quicktags-toolbar input,
.form-field input, .form-field .quicktags-toolbar input {
	width: auto;
}

.frm_aff_link {
	float: right;
}

.frm_select_box {
	text-align: center;
	font-weight: bold;
	width: 100%;
	background-color: transparent !important;
}

.wp-list-table input.frm_select_box {
	text-align: left;
	font-weight: normal;
	font-size: inherit !important;
	border: none;
	padding: 0 !important;
	background-color: transparent !important;
}

.wp-list-table input.frm_select_box:focus {
	outline: none;
	box-shadow: none;
}

.wp-list-table .frm_no_items.frm_select_box {
	text-align: center;
	font-weight: bold;
	width: 500px;
	max-width: 100%;
	font-size: inherit;
}

#frm-options-panel {
	padding: 0 var(--gap-sm);
	color: var(--grey-900);
}

.frm-right-panel a.frm_add_logic_link,
#frm-options-panel h3 {
	padding: 15px 0;
	margin-top: -2px;
}

.frm-right-panel a.frm_add_logic_link:focus {
	outline: auto;
}

#frm_style_sidebar h3,
#frm_view_editor_left.frm-right-panel .accordion-section-title {
	padding: 15px 0;
}

.frm_field_key {
	background-color: #F7F7F7;
}

#frm_form_editor_container #edit-slug-box {
	padding: 0;
}

.frm-alt-table {
	position: relative;
	width:100%;
	border-collapse:collapse;
	margin-top:0.5em;
	font-size:15px;
}

/* Before `applyZebraStriping` is executed, an empty space is displayed */
#form_show_entry_page .frm-alt-table:not(.frm-zebra-striping)::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

.frm-alt-table th {
	width:200px;
}

.frm-alt-table tr,
.frm-alt-table tr.frm-odd {
	background-color:transparent;
}

.frm-alt-table tr.frm-even {
	background-color: var(--sidebar-color);
}

.frm-alt-table th,
.frm-alt-table td {
	background-color:transparent;
	vertical-align:top;
	text-align:left;
	padding:20px;
}

.frm-alt-table h3 {
	margin-bottom: 0;
}

.form-field .frm_cb_button {
	height: 22px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.edit_field_type_select .frm_option_val_label {
	margin-left: 12px;
}

.frm_rte {
	background: url(../images/rte.png) no-repeat;
}

.frm_rte .howto {
	margin: 10px 0 46px;
}

.subform_section {
	margin: 25px;

}

.subform_section,
.subform_section label,
.subform_section input {
	opacity: 80;
}

.subform_section .frm_sortable_field_opts {
	display: none;
}

#frm_form_editor_container .subform_section .frm_primary_label {
	display: block;
}

.subform_section.subform_break {
	border-top: 1px dashed #ccc;
}

.button-secondary.frm_html_field {
	background-color: #ededed;
	padding: 10px 20px;
	line-height: inherit;
	width: auto;
	height: auto !important;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.frm_html_field_placeholder {
	margin-bottom: 10px;
	text-align: center;
}

.recaptcha_placeholder {
	border: 1px solid #d3d3d3;
	width: 300px;
}

.frm_sorting .frm_rte textarea {
	width: 653px;
	background: #fff;
	margin: 1px 0 0;
	border: 1px solid #dfdfdf;
	border-top: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	float: none !important;
}

.frm_full_rte textarea {
	width: 98%;
	padding: 0;
}

.frm_field_box {
	padding: 5px;
	min-height: 20px;
	margin: 10px 0;
}

.frm_indent_opt, td.frm_indent_opt {
	padding-left: 25px;
}

.frm_charts object {
	background: transparent;
}

.frm_charts h2 {
	height: 34px;
}

.frm_single_option.ui-sortable-placeholder,
li.sortable-placeholder {
	border: none;
	margin: 0;
	visibility: visible !important;
	box-shadow: 2px -10px 0 2px var(--primary-500);
}

#frm_form_editor_container > ul > .frm_single_option.ui-sortable-placeholder,
#frm_form_editor_container > ul > li.sortable-placeholder {
	width: calc(100% - 5px) !important;
	height: 0 !important;
}

#frm_form_editor_container > ul > li > ul {
	position: relative;
}

#frm_form_editor_container > ul > li > ul > li.sortable-placeholder,
#frm_form_editor_container ul.start_divider > li > ul > li.sortable-placeholder {
	position: absolute;
	top: 20px;
	bottom: 0;
}

.edit_field_type_divider + li.sortable-placeholder {
	box-shadow: 2px 5px 0 2px var(--primary-500);
}

.start_divider li.sortable-placeholder {
	box-shadow: 2px -5px 0 2px var(--primary-500);
}

.frm-is-collapsed + .sortable-placeholder {
	box-shadow: 2px 15px 0 2px var(--primary-500);
}

.frm_single_option.ui-sortable-placeholder {
	box-shadow: 0 0 1px 1px var(--primary-500);
}

.frm_sorting > li.edit_field_type_end_divider:first-child,
.frm-show-click,
li.ui-state-default.edit_field_type_divider .frm-show-click {
	display: none;
}

.frm_form_field.ui-sortable-helper .frm-field-action-icons,
.frm_form_field.ui-sortable-helper .frm_form_fields,
.frm_form_field.ui-sortable-helper .frm_description,
.frm_form_field.ui-sortable-helper .description {
	display: none;
}

.frm_form_field.ui-sortable-helper .frm_primary_label,
.frm_form_field.ui-sortable-helper .frm_inner_field_container {
	margin: 0 !important;
}

.frm-single-settings .frm-show-click {
	display: block !important;
}

.frm-show-hover,
.frm_single_visible_hover,
li.ui-state-default.edit_field_type_divider .frm-show-hover {
	opacity: 0;
	transition: opacity .15s ease-in-out;
}

#frm-show-fields .frm-field-settings-open .frm-show-hover {
	opacity: 1;
}

.frm_sortable_field_opts {
	margin-top: 5px;
}

.frm_single_option {
	clear: both;
	margin: 0;
	padding-bottom: 5px;
}

.frm_product_price_wrapper,
.frm_image_preview_wrapper,
#new_fields .frm_single_option select,
#new_fields .frm_single_option input[type=text] {
	width: calc(100% - 73px);
}

.frm-right-panel .frm_single_option a.frm_remove_tag,
.frm_single_option a {
	padding-left: 7px;
}

.frm_single_option:hover .frm_single_visible_hover {
	opacity: 100;
}

.frm_single_option .frm-drag {
	font-size: 23px;
	width: 22px;
	height: 19px;
	margin-left: -6px;
	color: var(--grey);
}

.frm_single_option .frm-drag:before {
	vertical-align: middle;
}

.frm-drag,
.frm_single_option.ui-sortable-helper {
	cursor: move;
}

.frm_single_option .frm_option_key {
	margin-left: 19px !important;
}

.frm_option_key input[type=text] {
	margin-top: 15px !important;
}

li.ui-state-default.selected .frm-show-click,
li.ui-state-default.selected.edit_field_type_divider .frm-show-click {
	display: inline;
	vertical-align: top;
}

.frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > .frm-show-hover,
.frm_field_box .divider_section_only:hover > .frm_inner_field_container > .frm-show-hover,
li.ui-state-default.selected > .frm_inner_field_container > .frm-show-hover,
li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover {
	opacity: 100;
}

li.frm_field_box > ul.frm_grid_container {
	position: relative;
}

.frm_sorting span.ui-icon {
	width: 16px;
}

/* Image options for Radio and Checkbox */

.frm_image_options .frm_image_option_container {
	--field-border-width: 1px;
	--border-color: var(--grey-300);
	--border-color-active: var(--primary-500);
	--border-radius: var(--small-radius);
}

#form_show_entry_page .frm_file_link,
#form_show_entry_page .frm_image_option_container {
	display: inline-flex;
	flex-wrap: nowrap;
	flex-direction: column;
	text-align: center;
	align-items: center;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#form_show_entry_page .frm_image_option_container img {
	width: 150px;
	height: 150px;
	object-fit: cover;
}

#form_show_entry_page .frm_file_link img {
	max-width: 150px;
	height: auto;
}

#form_show_entry_page .frm_file_link ~ br {
	display: none;
}

#form_show_entry_page .frm_upload_label {
	padding: 10px;
}

#form_show_entry_page.frm_wrap .postbox {
	overflow: hidden;
}

.frm_image_option_container .frm_image_placeholder_icon svg{
	height: 150px;
}

.frm_list_entry_page .frm_file_link,
.frm_list_entry_page .frm_image_option_container.frm_label_with_image {
	display: block;
	text-align: center;
}

.frm_list_entry_page .frm_image_option_container img {
	width: 75px;
	height: 75px;
	object-fit: cover;
}

.frm_list_entry_page img {
	max-width: 100%;
	height: auto;
}

.frm_image_option_container .frm_empty_url {
	background-color: var(--sidebar-color);
}

.frm_list_entry_page .frm_image_option_container .frm_text_label_for_image {
	display: block;
	padding: 5px 0 10px;
}

.frm_list_entry_page .frm_upload_label,
.frm-summary-page-wrapper .frm_text_label_for_image {
	display: block;
}

#frm-welcome .frm_image_options .frm_image_option_container,
#form_global_settings .frm_image_options .frm_image_option_container{
	background: var(--sidebar-color);
}

#frm-welcome .frm_image_option_container svg,
#form_global_settings .frm_image_option_container svg {
	max-width: calc( 100% - 20px );
}

/* Style image option container for Directory add on. */
#frm-new-template .frm_image_option_container svg {
	height: 50px;
	margin: 10px auto 0;
}

/* Show an icon on top */
.frm_image_option_container {
	position: relative;
}

.frm_text_label_for_image > svg {
	width: 30px;
	position: absolute;
	top: 5px;
	right: calc( 50% - 15px );
}
/* End show an icon on top */

.frm_single_option .frm_option_key {
	margin-top: 17px;
}

.frm_image_data {
	margin-left: var(--gap-xs);
	display: flex;
	flex-direction: column;
	font-size: var(--text-sm);
	justify-content: space-around;
}

.frm_image_styling_frame {
	display: flex;
	align-items: stretch;
	margin-left: 1.5rem;
}

.frm_image_styling_frame img{
	height: 54px;
	width: 54px;
	min-width: auto;
	min-height: auto;
	border-radius: 3px;
	object-fit: cover;
	object-position: center;
}

.frm_image_styling_frame .frm_email_attachment_icon img {
	height: auto;
	width: auto;
	max-width: 54px;
}

.frm_image_preview_title{
	color: var(--grey-500);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.frm_wrap .frm_choose_image_box {
	cursor: pointer;
	color: var(--grey-700);
	background-color: #F2F2F2;
	margin-left: 24px;
	text-align: center;
	width: 100%;
}

.frm_wrap .frm_choose_image_box:hover {
	background: #fff;
}

a.frm_remove_image_option,
.frm_remove_image_option {
	color: var(--grey-400);
	cursor: pointer;
}

a.frm_remove_image_option:hover .frmsvg,
a.frm_remove_image_option:hover,
.frm_remove_image_option:hover {
	color: rgba(40, 47, 54, 0.8);
}

/* Form settings */

.frm-form-setting-tabs {
	margin-top: var(--gap-sm) !important;
}

.frm-right-panel > .postbox {
	background-color: transparent;
	border: none;
	box-shadow: none;
	margin: 0;
}

.frm-right-panel .postbox.frm_with_icons .inside,
.frm-right-panel .postbox .inside,
.frm-right-panel .inside {
	font-size: var(--text-md);
	padding: 15px 20px 20px;
	color: var(--grey-700);
}

.frm-right-panel .misc-pub-section {
	padding: var(--gap-xs) 0;
	position: relative;
}

.frm-right-panel .inside a,
.frm-form-setting-tabs a {
	font-size: var(--text-md);
	color: var(--grey-700);
	padding: var(--gap-sm);
	display: block;
}

.frm-form-setting-tabs a {
	color: var(--grey-900);
	padding: var(--gap-sm) var(--gap-md);
}

.frm-right-panel .inside a {
	padding: 0;
	color: var(--primary-500);
	display: inline-block;
}

.frm-right-panel .inside a:hover {
	color: var(--primary-700);
}

.frm-form-setting-tabs a:hover {
	background: var(--sidebar-hover);
	color: var(--grey-900);
}

.frm-right-panel .inside i,
.frm-right-panel .inside .frmsvg,
.frm-form-setting-tabs a i,
.frm-form-setting-tabs a .frmsvg {
	margin: 0 5px;
	display: inline-block;
	width: 20px;
	height: 20px;
	color: var(--grey-500);
}

.frm-form-setting-tabs a .frmsvg {
	margin: 0;
}

.frm-right-panel .inside a:hover i,
.frm-right-panel .inside a:hover .frmsvg,
.frm-form-setting-tabs a:hover .frmsvg,
.frm-form-setting-tabs a:hover span {
	color: var(--grey-700);
}

.frm_settings_form .tabs-panel {
	padding: 0 25px;
}

#form_settings_page .tabs-panel,
.frm_settings_form .tabs-panel {
	max-height: initial !important;
	min-height: 50px !important;
}

#frm_adv_info .tabs-panel {
	min-height: 0 !important;
	overflow-x: hidden;
	padding: 0;
	border: none;
	background: transparent;
}

select.frm_cancelnew, input.frm_enternew {
	width: 175px;
}

.frm_posttax_opt_list,
.frm_submit_logic_rows {
	border: 1px solid var(--grey-300);
	padding: var(--gap-md);
	border-radius: var(--small-radius);
	margin: 5px 0 5px var(--gap-md);
}

.frm_submit_logic_rows .frm_grid_container > p.frm_form_field {
	margin: 0;
}

/* Color picker CSS */
.frm-right-panel .wp-picker-open + .wp-picker-input-wrap {
	position: absolute;
	margin-left: calc( ( 100% - 35px ) * -1 );
	margin-top: 1px;
	width: calc( 100% - 36px );
}

.frm-right-panel .wp-picker-container input[type="text"].wp-color-picker {
	border: none;
	padding: 5px 8px;
	font-family: inherit;
	color: var(--grey-700);
	font-size: var(--text-md);
	width: 100%;
	line-height: var(--leading);
}

.frm-right-panel .wp-picker-input-wrap .wp-picker-clear {
	display: none !important;
}

.frm-right-panel .wp-picker-holder {
	position: absolute;
	z-index: 999;
}

.frm-right-panel .wp-picker-input-wrap label {
	margin-bottom: 0;
}

.frm-right-panel .wp-picker-container .wp-color-result.button {
	width: 100%;
	overflow: hidden;
	margin: 0 !important;
	height: var(--h-md) !important;
	padding: 0 0 0 var(--gap-lg) !important;
	border-radius: var(--small-radius);
	border-color: var(--grey-300);
}

.frm-right-panel .wp-color-result-text {
	line-height: var(--leading) !important;
	font-size: var(--text-md);
	background: #fff !important;
	color: var(--grey-900);
	padding: 5px 8px;
	border-color: var(--grey-300);
	text-align: left;
}

.frm-right-panel .color-alpha {
	width: var(--gap-lg) !important;
}

.frm_grid_container .wp-picker-container {
	width: 100%;
	position: relative;
}

.wp-picker-container button.wp-color-result {
	border: 1px solid var(--grey-300) !important;
}

.wp-picker-container .wp-picker-input-wrap input.hex.wp-color-picker {
	max-width: 100%;
	position: relative;
}

.frm_end .wp-picker-holder {
	margin-left: -145px;
}

.frm_end.frm6 .wp-picker-holder {
    margin-left: -86px;
}
/* End of color picker CSS */

/*
These are the styles for the "Enable Formidable styling" toggle in the visual styler.
To use this element, you can call the FrmHtmlHelper::toggle function.
*/
.frm_toggle_opt {
	padding: 0;
	white-space: normal;
	display: inline;
	vertical-align: middle;
	font-weight: normal;
}

.frm_on_label,
.frm_off_label {
	color: var(--grey-700);
}

.frm_toggle {
	position: relative;
	display: inline-block;
	width: 40px;
	height: var(--h-xs);
	vertical-align: middle;
}

.frm_toggle_block {
	display: inline-flex !important;
    gap: var(--gap-sm);
	align-items: center;
}

.frm_toggle input, /* Reverse compatibility */
.frm_toggle_block input {
	display:none !important;
}

.frm_toggle_slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--grey-border);
	transition: .4s;
	border-radius: 30px;
}

.frm_toggle_slider:before {
	border-radius: 50%;
	position: absolute;
	content: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 height=%2711px%27 width=%2711px%27 viewBox=%270 0 20 20%27><path d=%27M16.8 4.5l-1.3-1.3L10 8.6 4.5 3.2 3.2 4.5 8.6 10l-5.4 5.5 1.3 1.3 5.5-5.4 5.5 5.4 1.3-1.3-5.4-5.5 5.4-5.5z%27 fill=%27%2398A2B3%27/%3E</svg>");
	height: 22px;
	width: 22px;
	padding: 0 5.5px;
	left: 1px;
	bottom: 1px;
	background-color: white;
	transition: .4s;
	box-sizing: border-box;
	box-shadow: var(--box-shadow-md);
	font-size: 21px;
	line-height: 18px;
}

input:checked + .frm_toggle .frm_toggle_slider {
	background-color: var(--primary-500);
}

input:focus + .frm_toggle .frm_toggle_slider {
	box-shadow: var(--box-shadow-md);
}

input:checked + .frm_toggle .frm_toggle_slider:before {
	padding: 0 6px;
	transform: translateX(16px);
	content: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 height=%2711px%27 width=%2711px%27 viewBox=%270 0 10 10%27><path d=%27M9.2 2c.2.3.2.7 0 1l-5 5c-.3.2-.6.2-.9 0L.8 5.3a.6.6 0 0 1 .9-.8l2 2 4.6-4.5c.3-.3.6-.3.9 0Z%27 fill=%27%234199FD%27/%3E</svg>");
}

input[disabled] + .frm_toggle_slider {
	pointer-events: none;
	cursor: text;
	opacity: .5;
}

.frm_toggle_opt ~ .frm_toggle .frm_toggle_slider:before {
	content: '' !important; /* Don't show x/check if off label included or on builder page */
}

.rtl .frm_toggle_opt {
	padding: 0 8px;
}

.rtl .frm_toggle_slider:before {
	left: 17px;
}

.rtl input:checked + .frm_toggle .frm_toggle_slider:before {
	transform: none!important;
	left: 1px;
}

/* Deprecated admin toggle */
.frm_toggle_off,
.frm_toggle_on {
	display: none;
	color: #fff;
	z-index: 999;
	position: absolute;
	font-size: 10px;
	line-height: 20px;
	left: 6px;
}

.frm_toggle_off {
	display: inline;
	left: auto;
	right: 5px;
	color: var(--dark-grey);
}

.frm_toggle_long {
	width: 80% !important;
	height: 28px;
	display: inline-block !important;
}

.frm_toggle_long .frm_toggle_slider {
	background: var(--primary-700);
	box-shadow: 0 0 0 2px var(--primary-700);
}

.frm_toggle_long .frm_toggle_off,
.frm_toggle_long .frm_toggle_on {
	width: 50%;
	text-align: center;
	font-size: 13px;
	line-height: 28px;
}

.frm_toggle_long .frm_toggle_on {
	left: 0;
}

.frm_toggle_long .frm_toggle_off {
	right: 0;
}

.frm_toggle_long .frm_toggle_slider:before {
	width: 50%;
	left: 0;
	top: 0;
	border-radius: var(--border-radius) 0 0 var(--border-radius);
	height: 100%;
	background-color: #fff;
	color: var(--primary-color);
	content: '' !important;
}

.frm_toggle_long input:checked + .frm_toggle_slider:before {
	transform: translateX(101%);
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

input:checked + .frm_toggle_slider + .frm_toggle_on {
	display: inline;
}

input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off {
	display: none;
}

.frm_toggle_long .frm_toggle_on,
.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off {
	display: inline;
	color: var(--primary-500);
	font-weight: normal;
}

.frm_toggle_long .frm_toggle_off,
.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on {
	color: #fff;
	font-weight: bold;
}

/* End toggle styling */

/* Global Settings */

.tabs-panel {
	height: auto !important;
	min-height: 260px;
}

.tabs-panel.panel_secondary {
	min-height: 20px;
	margin-top: 10px;
	margin-left: 150px;
}

label.frm-example-icon {
	margin-right: 20px !important;
	display: inline-block !important;
}

#frm_stripe_icon {
	border-radius: 5px;
}

#captcha_settings .frm_primary_label {
	margin-top: var(--gap-sm);
}

.frm-long-icon-buttons {
	display: flex;
    gap: var(--gap-md);
}

.frm-long-icon-buttons > label {
	border: 1px solid var(--grey-300);
	color: var(--grey-700);
	border-radius: var(--small-radius);
	display: flex;
	padding: var(--gap-sm);
	gap: var(--gap-sm);
	justify-content: center;
	align-items: center;
	width: calc( 33% - var(--gap-sm) );
	box-sizing: border-box;
}

.frm-long-icon-buttons > label:hover {
	color: var(--primary-500);
}

.frm-long-icon-buttons input[type=radio] {
	display: none;
}

.frm-long-icon-buttons input[type=radio]:checked + label {
	border-color: var(--primary-500);
	box-shadow: 0 0 0 1px var(--primary-color);
}

.frm-long-icon-buttons label > svg {
	height: 21px;
}

.frm-example-icon .frmsvg,
.frm-example-icon i {
	height: 20px;
	width: 20px;
	font-size: 20px;
	color: var(--grey-700);
}

.frm_license_msg {
	margin-top: 0;
}

.frm_authorized_box .frm-show-unauthorized,
.frm_unauthorized_box .frm-show-authorized {
	display: none;
}

.edd_frm_status_icon.frm_icon_font {
	color: #D54E21;
	margin: 0 5px;
}

.edd_frm_status_icon.frm_icon_font.frm_inactive_icon {
	color: green;
}

/* Hide the install steps for solutions */
#form_global_settings .tabs-panel .num svg {
	display: none;
}

/* Empty List */

.frm_no_items {
	margin: 0 auto 50px;
	text-align: center;
	color: var(--grey-700);
	max-width: 500px;
}

.frm-subscribe {
	margin: var(--gap-lg) 0;
}

/* Inbox */

#frm_inbox_page .frm_page_container {
	height: auto;
}

.frm_inbox_card {
	display: grid;
	grid-template-columns: 72px 1fr;
	grid-gap: var(--gap-xs);
	border-bottom: 1px solid var(--grey-300);
	padding: var(--gap-md);
}

.frm_inbox_card_icon {
	grid-row: span 3 / span 3;
	padding-top: var(--gap-xs);
	text-align: center
}

.frm_inbox_card_icon svg {
	height: 48px;
	width: 48px;
	color: var(--blue-border);
}

.frm_inbox_card header {
	display: grid;
	grid-template-columns: 1fr 150px;
	align-items: center;
}

.frm_inbox_card h3 {
	border: none;
	text-transform: none;
	margin: 0;
	padding: 0;
}

.frm_inbox_date {
	text-align: right;
}

.frm_inbox_count,
.frm_inbox_unread {
	background: var(--orange);
	color: #fff;
	border-radius: 50%;
	display: inline-block;
	margin-right: 8px;
	font-size: 11px;
	text-align: center;
}

.frm_inbox_unread {
	width: 8px;
	height: 8px;
}

.frm_inbox_count {
	min-width: 18px;
	height: 18px;
	margin-left: 2px;
	vertical-align: text-bottom;
}

/* Import/Export */
.frm-lite .xml_opts .frm-export-xml-items {
	display: none;
}

.csv_opts #frm_csv_col_sep {
	width: 45px;
}

#frm_advanced td.frm_left_label {
	width: 20%;
	padding-right: 2px;
}

#frm_where_options select {
	max-width: 200px;
}

#frm_where_options select.frm_insert_where_options {
	width: 30%;
}

#frm_where_options select.frm_where_is_options {
	width: 20%;
}

#frm_where_options span.frm_where_val {
	width: 32%;
	display: inline-block;
	position: relative;
}

#frm_where_options span.frm_where_val .frm_tooltip_icon {
	left: -4px;
	position: absolute;
}

#frm_where_options span.frm_where_val.frm_hidden {
	display: none;
}

#frm_where_options span.frm_where_val input, #frm_where_options span.frm_where_val select {
	width: 90%;
	margin-left: 10px;
}

#frm_where_options {
	min-height: 31px;
}

.tabs-panel.active .tabs-panel, .frm_settings_form .tabs-panel .tabs-panel {
	border: none;
	padding: 0;
}

.frm-feature-banner {
	background: var(--grey-700);
	color: #fff;
	border-radius: var(--small-radius);
	padding: 20px;
	margin: 10px 0;
}

.frm-feature-banner p {
	font-size: var(--text-sm);
}

.frm-feature-banner .dismiss {
    margin-top: -10px;
    margin-right: -10px;
}

.frm-feature-banner .dismiss svg {
	color: #fff;
}

.frm-feature-banner .frm-big-icon {
	padding-right: 20px;
	float: left;
	min-height: 60px;
}

.frm-big-icon svg {
	height: 60px;
	width: 60px;
}

.frm-feature-banner p {
	margin-top: 0;
}

/*for add-on reverse compatibility */

.frm_98_width {
	width: 100% !important;
}

/*Form Settings Tab*/

h2.frm-h2,
.frm_form_settings h2 {
	border-bottom: 1px solid var(--grey-300);
	color: var(--grey-900);
	font-weight: 400 !important;
	padding: 9px 0 5px;
	margin: 0;
}

.frm_settings_form h3,
.frm_form_settings h3,
.frm_form_settings span.frm_add_logic_link {
	font-size: var(--text-md);
	border-top: 1px solid var(--grey-300);
	padding-top: var(--gap-sm);
	margin: var(--gap-sm) 0;
	font-weight: normal;
	text-transform: uppercase;
	color: var(--medium-grey);
	display: block;
}

.frm_form_settings .howto {
	color: var(--grey-500);
	font-size: var(--text-sm);
	margin-top: 8px;
}

.frm_form_settings .advanced_settings .form-table {
	margin-top: 0;
}

.frm_form_settings td.frm_175_width {
	width: 175px;
}

.frm_form_settings #success_url {
	width: 95%;
}

.frm_wrap .ui-autocomplete {
	padding: 3px 0;
	max-height: 310px;
}

.frm_wrap .ui-widget {
	font-family: inherit;
}

.frm_wrap .ui-autocomplete li {
	padding: 2px 4px;
	background: none;
	color: var(--grey-700);
	border: none;
	font-weight: normal;
}

.frm_wrap .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
	border: none;
	font-weight: inherit;
}

.frm_select_with_label {
	margin: 7px 0 0;
}

/* Customization Panel */
#frm-insert-fields-box, #frm-conditionals {
	max-height: none;
}

#frm-conditionals, #frm-adv-info-tab {
	display: none;
	max-height: 355px;
}

#frm-insert-fields-box ul.subsubsub,
#frm-conditionals ul.subsubsub {
	float: right;
	margin: 0;
}

#frm-insert-fields-box ul.alignleft,
#frm-conditionals ul.alignleft {
	margin: 5px 0 0;
}

#frm_adv_info ul.frm_code_list.frm-full-hover {
	clear: both;
	max-height: 215px;
	overflow: auto;
}

#frm-insert-fields-box ul.frm_code_list li.clear.frm_block {
	height: 10px;
}

#frm_adv_info .frm_noallow {
	display: none;
}

#frm_adv_info #frm-conditionals .frm_noallow {
	display: block;
}

/* Customize HTML Tab */
#frm_html_tab.frm_hidden {
	display: none;
}

#frm_html_tab.active {
	display: inline;
}

/*Form Actions Tab*/
.frm_email_reply_container select,
.frm_email_reply_container input,
.form-table td.frm_150_width {
	width: 170px;
}

#frm_notification_settings .frm_no_top_padding {
	padding-top: 0;
}

.frm_email_settings.frm_email_settings.widgets-holder-wrap {
	overflow: auto;
	box-shadow: none;
}

#frm_notification_settings .widget-top .widget-action,
#frm_form_editor_container .widget-top .widget-action {
	border: 0;
	margin: 0;
	padding: 8px;
	background: 0 0;
	cursor: pointer;
	outline: 0;
}

#frm_email_addon_menu {
	border: 1px solid var(--grey-300);
	padding: var(--gap-sm);
	border-radius: 4px;
	margin: var(--gap-md) 0 var(--gap-sm);
}

#frm_email_addon_menu .frm-search {
	float: right;
	margin: 0;
}

#frm_email_addon_menu h3.frm-no-border {
	clear: none;
	padding-top: 7px;
}

.frm_email_settings .widget .widget-top {
	background-color: var(--sidebar-color);
}

.frm_email_settings .widget .widget-top,
.frm_email_settings .widget .widget-top h3 {
	cursor: pointer !important;
}

.frm_email_settings .widget {
	margin-bottom: var(--gap-sm);
}

.frm_form_action_settings .widget-top {
	box-shadow: none;
	border-color: var(--grey-300);
	border-radius: var(--small-radius);
	background: var(--lightest-grey);
	color: var(--grey-700);
}

.frm_form_action_settings:hover .widget-top {
	border-color: var(--grey);
}

.frm_form_action_settings.open .widget-top {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: none;
}

.frm_form_action_settings.open:hover .widget-top {
	border-color: var(--grey-300);
}

.frm_form_action_settings > .widget-inside {
	display: none;
}

.frm_form_action_settings.open > .widget-inside {
	display: block;
}

.frm_form_action_settings .widget-inside {
	min-height: 25px;
	padding: 15px;
	border-color: var(--grey-300);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

.frm_form_action_settings .widget-title h4,
.frm_form_action_settings .widget-title h3 {
	display: inline-block;
	border-bottom: none;
	padding: 10px 10px 5px;
	font-size: var(--text-md);
	font-weight: 500;
}

#frm_email_addon_menu h3 {
	margin: 0 0 var(--gap-sm);
	clear: both;
}

.frm_single_api_settings p > label {
	display: inline;
}

.frm_form_action_icon {
	margin-right: 5px;
}

.frm_actions_list {
	margin: 0;
	display: inline;
}

.frm_actions_list li {
	float: left;
	width: 15.6%;
	margin: 10px .5% 15px;
	height: 100px;
	text-align: center;
}

.frm-limited-actions .frm-group-heading,
.frm-limited-actions #frm-hide-groups,
.frm-all-actions #frm-show-groups,
.frm-limited-actions .frm-not-installed:not(.frm-search-result):not(.frm-default-show) {
	display: none;
}

label.frm_action_events {
	padding-left: 15px;
}

#frm-hide-groups,
#frm-show-groups {
	font-size: var(--text-md);
	float: right;
}

.frm_actions_list a:active, .frm_actions_list a:focus {
	outline: none;
}

.frm_actions_list a {
	font-size: var(--text-sm);
	color: var(--grey-700);
	word-break: break-word;
}

.frm_actions_list span.frm-outer-circle {
	/* 50px total with 30px content */
	background-color: var(--grey-100);
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 15px;
	line-height: 1;
}

.frm_email_settings .widget-title h4 {
	color: var(--grey-700);
}

.frm_disabled_action .widget-title h4 {
	color: var(--grey);
}

.frm_actions_list a .frmsvg,
.frm_actions_list a i {
	height: 18px;
	width: 18px;
	font-size: 18px;
	padding: 2px;
	color: var(--lightest-grey);
}

span.frm-inner-circle,
.frm_email_settings .widget-title .frm_form_action_icon {
	background-color: var(--grey-400);
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 1;
}

span.frm-inner-circle {
	background-color: var(--primary-700);
	height: 22px;
	width: 22px;
	padding: 4px;
	color: #fff;
}

.frm-inner-circle svg {
	fill: currentColor;
}

.frm_email_settings .widget-title .frm_form_action_icon {
	height: 15px;
	width: 15px;
	padding: 5px;
	color: #fff;
	vertical-align: middle;
}

.frm_actions_list .frmsvg,
.frm_actions_list i:before,
.frm_email_settings .widget-title .frm_form_action_icon i,
.frm_email_settings .widget-title .frm_form_action_icon .frmsvg {
	height: 15px;
	width: 15px;
	vertical-align: text-top;
}

.frm_actions_list i:before {
	vertical-align: middle;
}

.frm_email_settings .widget-title:hover .frm_form_action_icon {
	background-color: var(--grey);
}

span.frm-inner-circle.frm-inverse {
	background-color: transparent;
	color: var(--primary-700);
	padding: 0;
	height: 30px;
	width: 100%;
}

.frm_actions_list span.frm-inverse i,
.frm_actions_list span.frm-inverse .frmsvg {
	color: var(--primary-700);
	height: 30px;
	width: 30px;
	font-size: 30px;
	padding: 0;
}

.frm_actions_list i.frm-inverse:before {
	height: 30px;
	width: 100%;
	font-size: 30px;
}

.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse {
	background: #fff;
	padding: 0;
	height: 24px;
	width: 24px;
}

.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse .frmsvg,
.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse i:before {
	color: var(--grey-400);
	height: 24px;
	width: 24px;
	font-size: 24px;
}

.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse .frmsvg,
.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse i:before {
	color: var(--grey-500);
}

.frm_email_icons {
	padding: 10px 0 5px 6px;
	font-size: 20px;
}

.frm_email_icons a {
	margin-left: 8px;
	color: var(--grey);
	opacity: 0;
	transition: all .2s ease;
}

.frm_email_icons a .frmsvg {
	color: var(--grey);
}

.frm_email_icons a:hover,
.widget-top:hover .frm_email_icons a {
	opacity: 1;
}

.frm_actions_list a.frm_inactive_action {
	color: var(--grey);
}

.frm_inactive_action .frm-inner-circle,
.frm_actions_list .frm_inactive_action i {
	opacity: .4;
}

table td, .form-table tr td {
	vertical-align: top;
}

#new_fields .form-table tr td {
	display: block;
	padding: 7px 0 0;
}

#new_fields .form-table tr td:first-child {
	margin: 0;
}

#new_fields .form-table tr td:last-child {
	margin-bottom: 9px;
}

.form-table #list-table th {
	text-align: center;
}

#form_settings_page th,
#form_settings_page td,
.frm_settings_form td,
#frm_notification_settings .frm_form_action_settings td p {
	padding: 7px 0;
}

#permissions_settings_settings .frm_grid_container {
	align-items: center;
}

#frm_notification_settings .form-table > tbody > tr > th {
	width: 150px;
	font-weight: normal;
	padding-right: 10px;
}

#frm_notification_settings .frm_single_email_settings .form-table > tbody > tr > th {
	width: 80px;
}

#frm_notification_settings table tr td:first-child {
	padding-left: 0;
}

#frm_notification_settings table tr td:last-child {
	padding-right: 0;
}

#frm_notification_settings .frm_left_label {
	/* For add-ons that haven't been updated for 4.0 */
	float: none;
	width: auto !important;
}

.frm-fields .frm_autoresponder_rows select {
	width: auto;
}

#frm_notification_settings .frm_with_left_label,
#frm_notification_settings .frm_left_label + textarea,
#frm_notification_settings .frm_left_label + select,
#frm_notification_settings .frm_left_label + input[type=text] {
	width: 100%;
}

#frm_notification_settings .frm_email_buttons {
	padding: var(--gap-2xs);
	background: var(--light-blue);
	color: var(--primary-700);
	border-radius: var(--small-radius);
	border-color: var(--blue-border);
	line-height: 1;
	height: auto;
	min-height: 12px;
	font-size: var(--text-xs);
	box-shadow: none;
}

p.frm_bcc_cc_container,
p.frm_reply_to_container {
	float: right;
	z-index: 1;
	position: relative;
}

p.frm_bcc_cc_container {
	margin: 14px 0 0;
}

p.frm_reply_to_container {
	margin: -4px 0 0;
}

.frm_email_row .frm_cancel1_icon:before {
	vertical-align: bottom;
}

.frm_logic_field_opts {
	max-width: 35%;
}

.frm-inline-select,
p.frm-inline-select,
#frm_submit_logic_row,
.frm_logic_rows .frm-collapse-me {
	line-height: var(--h-md) !important;
}

.frm_logic_row {
	padding: var(--gap-xs) 0 0;
	align-items: center;
}

.frm-single-settings .frm_logic_row > select {
	max-width: 32.5% !important;
}

.frm-single-settings .frm_logic_row select:nth-child(2) {
	max-width: 20% !important;
}

.frm-single-settings .frm_logic_row span input,
.frm-single-settings .frm_logic_row span select {
	max-width: 36% !important;
}

.frm-single-settings .frm_logic_row input {
	max-width: 118px !important;
}

.frm-single-settings ul.frm_sortable_field_opts {
	margin-bottom: 5px;
}

.advanced_settings .frm_logic_row {
	margin: 14px 0;
}

.advanced_settings .frm_logic_row select,
.advanced_settings .frm_logic_row input {
	max-width: 30% !important;
}

.frm_form_action_settings .frm_logic_row p {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside {
	padding-bottom: 0;
}

#poststuff .frm_form_settings .widgets-holder-wrap .widget-inside {
	padding-left: 15px;
	padding-right: 15px;
}

#form_global_settings h3 {
	font-size: var(--text-sm);
	margin-top: 25px;
}

#form_global_settings .tabs-panel + h3 {
	margin-top: 0;
	border: none;
}

#poststuff .frm_form_settings .widget-inside h3,
#poststuff .frm_form_settings .advanced_settings h3,
#poststuff .frm_settings_form h3,
#frm_advanced .inside h3 {
	border-top: 1px solid #eee;
	border-bottom: none;
	margin: 15px -15px 0;
	padding: 8px 15px;
	font-size: var(--text-sm);
}

#poststuff .frm_form_settings h3.frm_first_h3,
#poststuff h3.frm_first_h3 {
	border: none;
	margin-top: 0;
}

h3.frm_add_logic_link {
	margin-bottom: 0 !important;
}

a.frm_add_logic_link.frm_hidden {
	display: none;
}

.frm_add_logic_link .frmsvg,
.frm_add_logic_link i {
	margin-right: 5px;
}

.frm_right_addon {
	position: relative;
}

.frm_right_addon .frm_remove_field {
	position: absolute;
	padding: 5px 10px;
	right: 10px;
	bottom: 0;
}

.frm_right_addon input {
	padding-right: var(--gap-lg);
}

.frm_icon_font {
	color: #A0A0A0;
	color: var(--grey);
}

.frm-fields label .frm_icon_font {
	font-size: inherit;
}

.misc-pub-revisions.frm_icon_font,
.misc-pub-revisions.frm_icon_font:hover {
	color: inherit;
}

.postbox.frm_with_icons .inside {
	padding: 0;
	margin: 0;
}

.frm_add_tag:before {
	content: '\e602';
}

.frm_remove_tag:before {
	content: '\e600';
}

.frm_logic_row .frm_remove_tag {
	padding-left: 7px;
}

.frm_logic_row .frm1 > .frm_remove_tag {
	padding: 0;
}

.frm_tooltip_icon:before {
	font-size: 13px;
	vertical-align: top;
}

.form-field input[type=text].frm_other_input {
	width: 30%;
	margin-left: 10px;
}

.frm-add-other {
	text-align: right;
}

.frm_add_opt .frm_add_tag,
.frm-add-other .frm_add_tag {
	vertical-align: 20%;
}

.frm_action_icon {
	margin: 5px 0 0 5px;
}

span.frm_action_icon {
	margin: 0 4px 0 0;
}

.frm_action_icon:active {
	outline: none;
}

a.frm_action_icon:hover {
	text-decoration: none;
}

.frm_action_icon.frm_error_icon:before {
	content: '\e608';
}

.frm_inactive_icon.frm_action_icon.frm_error_icon:before {
	content: '\e606';
}

.frm-field-action-icons {
	text-align: right;
	position: absolute;
	top: 2px;
	right: 2px;
	max-width: 100%;
}

.frm-field-action-icons .frm-field-id {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 80px;
	max-width: calc( 100% - 50px );
	position: relative;
	top: 2px;
}

.frm-field-action-icons > a {
	font-size: var(--text-md);
	width: 17px;
}

.frm-field-action-icons a:hover {
	text-decoration: none;
}

.frm-field-action-icons .dropdown {
	display: inline-block;
}

.frm-field-action-icons > a .frmsvg {
	color: var(--grey-500) !important;
	font-size: 17px;
	width: 17px;
	height: 17px;
}

.frm-field-action-icons > a .frmsvg,
.frm-field-action-icons > div > a .frmsvg {
	vertical-align: baseline;
}

.edit_field_type_end_divider .frm-field-action-icons {
	display: none !important;
}

.frm-move {
	cursor: grab;
}

span.howto {
	display: inline;
}

.frm_import_message {
	margin: 15px 0;
	line-height: 2.5em;
}

.frm_sorting .form-field .widget input[type="text"],
.frm_sorting .form-field .widget input[type="number"],
.frm_sorting .form-field .widget select,
#wpcontent .frm_sorting .form-field .widget select,
.frm_sorting .form-field .widget textarea {
	width: auto;
}

.tagchecklist span.no_taglist {
	display: inline;
	float: none;
	line-height: 15px;
	margin-right: 0;
	font-size: inherit;
}

.tagchecklist .frm_exclude_cat_list span {
	display: inline;
}

.tagchecklist span a:before {
	line-height: 23px;
	text-align: start;
}

/* Entries Page */
.frm_no_entries_form {
	padding: 60px 0;
}

.frm_no_entries_form .frm_no_entries_header {
	font-size: 20px;
	margin-bottom: 10px;
}

.frm_no_entries_form .frm_no_entries_text {
	line-height: var(--leading);
}

#form_entries_page #the-list .no-items {
	height: 240px; /* Equals to the max height of search dropdown */
}

/* Reports Page */
#form_reports_page img.frm_no_reports {
	max-width: 100%;
}

.frm_wrap .google-visualization-table .gradient,
.frm_wrap .google-visualization-table-tr-head,
.frm_wrap .google-visualization-table-tr-odd,
.frm_wrap .google-visualization-table-tr-odd.google-visualization-table-tr-over {
	background: var(--lightest-grey);
}

.frm_wrap .google-visualization-table-tr-over {
	background: #fff;
}

.frm_wrap .google-visualization-table-table th,
.frm_wrap .google-visualization-table-table td {
	border-right-width: 0;
	padding: 10px !important;
}

.frm_wrap .google-visualization-table-tr-head,
.frm_wrap .google-visualization-table-tr-head th {
	white-space: pre-wrap;
	font-size: var(--text-md);
	font-weight: 400 !important;
	text-align: left;
}

.frm_wrap .google-visualization-table-td-number {
	text-align: inherit;
}

#form_reports_page .postbox{
	text-align: center;
	float: none;
	display: inline-block;
	margin-right: 2%;
	width: 20%;
	min-width: 175px;
}

/* Views Page */
#form_views_page img.frm_no_views {
	max-width: 100%;
}

/* Field options popup */
.frm_field_opts_popup {
	min-width: 300px;
	background-color: #fff;
}

.frm_field_opts_popup #wpadminbar {
	display: none;
}

.frm_prepop {
	width: 100%;
	list-style: none;
	overflow: auto;
	margin: 0;
	max-height: 295px;
}

.frm_prepop li {
	margin: 0;
}

.frm_prepop li a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 20px;
}

.frm_prepop li a:hover {
	background: var(--sidebar-color);
}

/* */
#frm_form_editor_container #frm_form_key_box {
	width: 13em;
	max-width: 30%
}

#frm_form_editor_container #frm_form_desc {
	width: 70%;
}

#frm_form_editor_container .ui-widget-content {
	display: none;
	padding: 15px;
}

#frm_form_editor_container .ui-widget-content label {
	float: left;
	width: 170px;
	text-align: right;
	padding-right: 5px;
	clear: both;
}

#frm_form_editor_container .ui-widget-content label.nofloat {
	clear: none;
	float: none;
	margin-left: 10px;
}

#frm_form_editor_container .ui-state-default {
	color: #333 !important;
}

.frm_green {
	color: var(--green) !important;
}

#frm_form_editor_container .ui-state-default a.frm_orange, .frm-right-panel a.frm_orange, #postbox-container-1 a.frm_orange {
	color: #D54E21;
}

#styling_settings input[type=checkbox], #styling_settings input[type=radio] {
	border: solid 1px #bbb;
}

#styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top {
	cursor: pointer;
}

.frm_sorting .widget, .frm_settings_page .widget {
	background: #fff;
}

.frm_sorting .widget-title h4 {
	font-weight: normal;
}

.frm_sorting .widget, #postbox-container-1 .widget, .frm-right-panel .widget, .frm_settings_page .widget {
	margin-bottom: 0;
}

.frm_settings_page .widget-inside {
	padding: 0 5px 5px;
}

.frm_sorting .widget,
.widget-inside,
.frm_sorting .form-field .widget {
	display: none;
}

#frm-show-fields {
	min-height: 350px;
	padding: 0 0 35px;
	margin: 0;
	position: relative;
}

.frm-has-fields #frm-show-fields {
	min-height: 50px;
}

#frm_builder_page .frm-lite-credit-card-element,
body.frm-admin-page-styles .frm-lite-credit-card-element {
	position: relative;
}

#frm_builder_page .frm-lite-credit-card-element > div,
body.frm-admin-page-styles .frm-lite-credit-card-element > div {
	position: absolute;
	top: calc( 50% - 1px);
	transform: translateY(-50%);
	right: 10px;
	color: #d0d4dd;
}

#frm_builder_page #frm_field_group_controls {
	position: absolute;
	padding: 5px;
	border-radius: 4px 4px 0 0;
	text-align: right;
	box-sizing: border-box;
	right: 0;
	top: -28px;
	height: 28px;
	z-index: 3; /* section dividers use z-index: 2; position above that to avoid it taking over hover control. */
}

.frm-field-group-hover-target,
.frm-has-open-field-group-popup,
#frm_builder_page #frm_field_group_controls,
.frm-selected-field-group {
	background: rgba(65, 153, 253, 0.04);
}

.frm-selected-field-group {
	position: relative;
}

#frm_builder_page #frm_field_group_controls > span:first-child {
	margin-right: 5px;
}

#frm_builder_page #frm_field_group_controls svg {
	pointer-events: none;
}

#frm_field_group_controls {
	visibility: hidden;
}

.frm-field-group-hover-target #frm_field_group_controls {
	visibility: visible;
}

#frm_field_group_controls .dropdown-item a span {
	color: var(--grey-700);
}

#frm_field_group_controls .dropdown-item a:hover {
	text-decoration: none;
}

.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider {
	display: none !important;
}

.frm-right-panel .ui-state-default,
#postbox-container-1 .ui-state-default,
.frm_sorting > li.ui-state-default,
.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover {
	border: 1px solid transparent;
	font-weight: normal !important;
	background-color: transparent;
	background-image: none;
	padding: 5px;
	margin: 0;
	box-shadow: none;
	display: block;
	text-align: inherit !important;
	overflow: visible;
	position: relative;
}

#frm-show-fields li.frm_cancel_sort {
	/* If a section gets dropped into a section, hide it */
	display: none;
}

.divider_drop {
	text-align: center;
}

.divider_drop .howto .frm_icon_font {
	font-style: normal;
}

.show_repeat_sec {
	display: none;
}

.repeat_section .show_repeat_sec {
	display: inline-block;
	margin: 5px 0 0;
}

.repeat_section tr.show_repeat_sec {
	display: table-row;
}

.repeat_format .frm_repeat_label,
.repeat_formattext .frmsvg,
.repeat_formattext i {
	display: none;
}

.frm_button {
	text-decoration: none;
	border: 1px solid #eee;
	padding: 5px;
	color: #444;
	vertical-align: middle;
	box-shadow: none !important;
}

a.frm_button:hover {
	text-decoration: none !important;
}

.frm_button,
.frm_button .frm_icon_font:before {
	font-size: 13px;
	vertical-align: middle;
}

.frm_button .frmsvg {
	width: 13px;
	height: 13px;
}

.frm-right-panel .ui-state-default,
#postbox-container-1 .ui-state-default {
	padding: 0;
	margin: 0;
}

ul.start_divider {
	padding: 8px 13px 0 8px;
	min-height: 115px;
	transition: all 0.4s linear;
}

.frm-section-collapsed .frm_no_section_fields,
.frm-section-collapsed ul.start_divider {
	height: 0;
	min-height: 0 !important;
}

.frm-section-collapsed ul.start_divider {
	overflow: hidden;
}

.frm-section-collapsed .frm_no_section_fields {
	overflow: hidden;
	padding: 0;
	opacity: 0;
}

.frm-section-collapsed .divider_section_only .frm-collapsed-label {
	display: inline;
}

.frm-page-collapsed .frm_clone_icon,
.frm-page-collapsed .frm_delete_field,
.frm-page-collapsed .frm_clone_field,
.frm-section-collapsed .frm_clone_icon {
	opacity: .5;
	cursor: not-allowed;
}

/* Hide the Duplicate summary option because we are missing the logic that also adds a new page */
.edit_field_type_summary .frm_more_options_li:nth-child(2) {
	display: none !important;
}

.frm_no_section_fields:not(.frm_block) + ul.start_divider {
	padding: 0;
	min-height: 132px;
}

.frm_sorting li.ui-state-default .divider_section_only {
	padding: 6px;
	margin-top: -10px;
	border: 2px solid transparent;
	border-radius: var(--small-radius);
	z-index: 2;
	position: relative;
}

.divider_section_only > .frm_inner_field_container {
	padding: 5px 0;
	margin: 0;
}

.frm-collapsed-label,
.divider_section_only > .frm_inner_field_container .frm_form_fields {
	display: none;
}

.frm-section-collapsed .divider_section_only:after,
.divider_section_only:before {
	content: '';
	display: block;
	padding: 2px 0;
	line-height: 1px;
	border-top: 2px solid var(--grey-300);
	top: -2px;
	position: absolute;
	width: 100%;
	transition: .5s border-color ease-in-out;
}

.frm-section-collapsed .divider_section_only:after {
	top: auto;
	bottom: -6px;
}

.frm-section-collapsed .divider_section_only:hover:after,
li.selected.frm-section-collapsed .divider_section_only:before,
li.selected.frm-section-collapsed .divider_section_only:after,
.divider_section_only:hover:before,
li.selected .divider_section_only:before {
	border-color: transparent;
}

.frm_sorting li.ui-state-default.edit_field_type_divider {
	overflow: visible;
	position: relative;
	padding: 0 0 0 20px;
	margin: 25px 0 0 -5px;
	border-left: 1px solid var(--primary-700);
	transition: border 0.7s ease-out;
}

.frm-section-collapsed {
	border-left-color: transparent !important;
}

.frm_sorting li.edit_field_type_end_divider,
.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover {
	margin: 0 0 var(--gap-sm);
}

.frm-first-page .frm_prev_page {
	display: none;
}

#frm_builder_page .frm_remove_form_row.frm_button,
#frm_builder_page .frm_add_form_row.frm_button {
	border-radius: var(--small-radius);
	border: 1px solid var(--blue-border);
}

#frm_builder_page .frm_remove_form_row .frmsvg,
#frm_builder_page .frm_remove_form_row i:before,
#frm_builder_page .frm_add_form_row .frmsvg,
#frm_builder_page .frm_add_form_row i:before {
	color: var(--primary-700);
}

.frm-preview-buttons .frm_button_submit {
	margin: 0 5px;
}

.frm-page-break {
	border-top: 1px dashed var(--primary-700);
	margin-top: var(--gap-lg);
	position: relative;
}

.edit_field_type_divider:before,
.edit_field_type_divider:after,
.frm-page-break:before,
.frm-page-break:after {
	content: '';
	position: absolute;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid var(--primary-700);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.edit_field_type_divider:before {
	font-family: 's11-fp';
	content: '\f1dc';
	width: 20px;
	height: 20px;
	left: -11px;
	top: 0;
	background: var(--primary-700);
	text-align: center;
	color: #fff;
	font-size: 13px;
}

.repeat_section.edit_field_type_divider:before {
	font-family: 's11-fp';
	content: '\f363';
}

.edit_field_type_divider:after {
	width: 5px;
	height: 5px;
	left: -4px;
	bottom: -4px;
	transition: all 0.4s ease-out;
}

.frm-page-break:before,
.frm-page-break:after {
	width: 8px;
	height: 8px;
	top: -6px;
	border-color: var(--grey);
}

.frm-page-break:after {
	right: 0;
}

#frm-fake-page .frm-page-break {
	border-color: var(--grey);
}

#frm-fake-page {
	padding: 0 5px;
}

.frm_sorting li.edit_field_type_divider:hover,
.frm_sorting li.edit_field_type_divider.selected {
	border-left-color: var(--primary-500);
}

.edit_field_type_divider.selected:before,
.edit_field_type_divider:hover:before {
	border-color: var(--primary-500);
	background: var(--primary-500);
}

.edit_field_type_divider.selected:after,
.edit_field_type_divider:hover:after {
	border-color: var(--primary-500);
}

.frm-section-collapsed:after {
	border-color: transparent !important;
	color: transparent;
}

.frm-page-break .frm-collapse-page.button {
	margin-left: 46%;
	margin-top: calc( -32px / 2 );
	padding: 6px 12px !important;
}

#frm-fake-page.frm-page-collapsed {
	margin-bottom: 0;
}

.frm-page-collapsed {
	position: relative;
	overflow: visible !important;
	margin-bottom: var(--gap-lg);
}

.frm-collapse-page .frmsvg,
.frm-collapse-page .frm_arrowdown6_icon {
	width: var(--text-sm);
	height: var(--text-sm);
	font-size: var(--text-sm);
	text-align: center;
	margin-left: 2px;
	color: currentColor;
	transition: transform 300ms ease-in-out;
}

.frm-page-collapsed .frm-collapse-page .frmsvg {
	transform: rotate(180deg);
}

#frm-fake-page .frm_arrowdown6_icon {
	color: currentColor;
}

.frm-collapsed i:before,
.frm-page-collapsed .frm_arrowdown6_icon:before {
	content: '\e913';
}

.frm-collapse-section svg {
	fill: var(--primary-color);
	transition: transform 0.2s ease-out, fill 0.2s ease-out;
}

.frm-collapse-section:hover svg {
	fill: var(--primary-700);
}

.frm-section-collapsed .frm-collapse-section svg {
	transform: rotate(-90deg);
}

.open .widget-top .frm_arrow_right_icon:before {
	content: '\e62a';
}

.frm-collapsed + .frm-collapse-me {
    overflow: hidden !important;
}

.frm-collapse-me {
	padding-bottom: 10px;
}

.frm-collapsed + div {
	height: 0;
	padding: 0;
	border-bottom: 2px solid var(--sidebar-hover);
}

.frm_sorting .divider_section_only > .frm_ipe_field_label {
	font-size: 116%;
}

#frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button {
	width: 150px;
	text-align: center;
	margin-bottom: 3px;
	display: block;
}

tr.frm_options_heading td {
	padding-bottom: 0;
}

.frm_sorting .widget-inside .form-table td p,
.frm_sorting .widget-inside .form-wrap label {
	padding: 10px 0;
}

.frm_no_fields,
.frm_no_section_fields {
	text-align: center;
	position: absolute;
	color: var(--medium-grey);
	font-size: var(--text-md);
	box-sizing: border-box;
	border: 1px dashed var(--grey-300);
}

.ui-droppable-active ~ .frm_no_fields {
	border-style: solid;
}

.frm_no_section_fields {
	display: none;
	margin: 0;
	padding: 20px 0 0;
	width: calc( 100% - 20px );
	height: 121px;
	transition: all 0.4s linear;
}

.frm_no_fields {
	min-height: 300px;
	margin: 20px 5%;
	width: 90%;
	top: 0;
}

.frm-empty-fields .frm_updated_message ~ .frm_no_fields {
	top: 60px;
}

.frm-has-fields .frm_no_fields {
	display: none;
}

#frm-form-button {
	display: none;
	margin: 0 7px 25px;
}

.frm-has-fields #frm-form-button {
	display: block;
}

.frm-large-plus.frmsvg {
	color: var(--primary-700);
	height: 45px;
	width: 45px;
}

.frm_drag_inst {
	line-height: normal;
	font-size: 35px;
	font-weight: 300;
	margin: 80px 0 25px;
}

.frm_no_section_fields p,
.frm_no_fields p {
	color: var(--grey);
	font-size: 15px;
}

.frm_product_price_wrapper {
	display: inline-block;
	vertical-align: middle;
}

.frm_prod_type_single .frm_product_price_wrapper {
	width: 100%;
}

#new_fields .frm_product_price_wrapper input:first-child {
	width: 60%;
	float: left;
}

#new_fields .frm_product_price_wrapper input:nth-child(2) {
	width: 37%;
	float: right;
}

.frm_priority_field_choices,
li.frm_single_option {
	padding-bottom: 16px;
	border-bottom: 1px solid var(--sidebar-hover);
}

.frm_priority_field_choices,
li.frm_single_option:not(:last-child) {
	margin-bottom: 16px;
}

.frm_prod_type_single input[type=radio],
.frm_prod_type_single .frm_drag_icon,
.frm_prod_type_single .frm_sortable_field_opts li:nth-child( n + 3 ),
.frm_prod_type_single .frm_sortable_field_opts .frm_remove_tag,
.frm_prod_type_single .frm_form_field:not(.frm_product_type):not(.frm_sep_val_product),
.frm_prod_type_single .frm-bulk-edit-link,
.frm_prod_type_user_def.frm_grid_container,
.frm_prod_options_heading.frm_prod_user_def {
	display: none;
}

.plugin-card-bottom .frm-trash {
	color: #a00;
}

.frm-fields p > .frm_inline_label,
.frm_inline_label {
	padding-left: 3px;
    margin-right: 12px;
    display: inline-block;
}

.frm_left_label {
	clear: both;
	float: left;
	width: 32% !important;
	margin-right: 2% !important;
	line-height: 2em;
}

table td.frm_left_label {
	float: none;
	line-height: inherit;
	padding: 5px 0 5px 2%;
}

.frm_left_label.frm_alignright {
	padding-right: 10px;
	text-align: right;
}

.frm-fields .frm_left_label + textarea,
.frm-fields .frm_left_label + select,
.frm-fields .frm_left_label + input[type=text],
.frm_with_left_label {
	width: 66%;
}

td.frm_left_label + td {
	width: 66%;
	padding-top: 0;
}

#html_settings label {
	display: block;
}

#html_settings .frm_field_html_box {
	width: 100%;
}

ul.frm-category-tabs {
	margin-top: 2px;
}

.frm-category-tabs > li a,
.frm-category-tabs > li a:active {
	outline: none;
	box-shadow: none;
	display: flex;
	gap: var(--gap-xs);
	align-items: center;
}

.frm-category-tabs > li.active .frmsvg,
.frm-category-tabs > li.active i,
.frm-category-tabs > li.active span,
.frm-category-tabs > li.active a {
	color: var(--primary-500);
}

.frm_wrap .manage-menus {
	margin-top: 0;
	border: none;
	border-bottom: 1px solid var(--grey-300);
	background: var(--lightest-grey);
}

.general_settings .postbox .manage-menus {
	border-top: none;
	border-left: none;
	border-right: none;
}

.postbox .frm-help-tabs.inside,
#poststuff .frm-help-tabs.inside {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 12px;
	margin-top: 0;
	margin-bottom: 0;
}

.postbox .frm-help-tabs.inside {
	padding-bottom: inherit;
}

.frm-help-tabs form > .submit {
	margin-left: 154px;
	padding-left: 0.9em;
}

#poststuff h3.frm_no_bg {
	background: none;
	cursor: default;
}

.frm-postbox-no-h3 {
	padding-top: 10px;
}

.frm-right-panel .ui-state-default, #postbox-container-1 .ui-state-default {
	color: var(--grey-900);
}

.no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover {
	box-shadow: none;
}

.frm-selected-field-group li.ui-state-default,
.start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected,
.start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover,
.frm_sorting li.ui-state-default.frm_not_divider:hover,
.frm_sorting li.ui-state-default.ui-sortable-helper,
.frm_sorting li.ui-state-default.edit_field_type_divider .divider_section_only:hover,
.frm_sorting .repeat_section li.ui-state-default.edit_field_type_end_divider:hover,
.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only,
.frm_update_msg,
.frm_sorting li.ui-state-default.frm_not_divider.selected,
.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only {
	border-color: var(--primary-500);
	transition: .5s border-color ease-in-out;
}

.frm_sorting li.ui-state-default.frm_not_divider.selected {
	box-shadow: 0 0 1px 0 var(--primary-500);
}

.frm_sorting li.ui-state-default {
	transition: .7s box-shadow ease-in-out, .7s height linear;
}

.frm_sorting li.ui-state-default.frm-newly-added {
	box-shadow: inset 0 0 2px 1px var(--blue-border);
}

.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover {
	visibility: visible !important;
	display: inline !important;
}

.edit_field_type_end_divider > label {
	display: none !important;
}

.frm_email_actions.feature-filter {
	font-weight: bold;
	border: 1px solid #DFDFDF;
	background-color: #EEEEEE;
	padding: 3px 5px 2px;
	font-size: var(--text-md);
	line-height: 20px;
}

.frm_update_msg {
	border-style: solid;
	margin: 10px 0;
	color: #21759B;
	padding: 8px 15px;
	border-radius: 4px;
}

.frm_update_msg.wrap {
	margin: 10px 20px 0 2px;
}

#frm-insert-fields-box .frm_update_msg {
	margin-right: 0.9em;
}

.frm_update_msg a {
	font-weight: bold;
}

.widefat td {
	width: auto;
}

.widefat .column-id {
	width: 3.7em;
}

.widefat .column-show_count {
	width: 5em;
}

.widefat .column-shortcode {
	width: 9em;
}

.toplevel_page_formidable .column-shortcode div {
	display: flex;
	gap: var(--gap-xs);
}

.widefat .column-entries, .widefat .column-link {
	width: 10%;
	text-align: center;
}

.widefat .column-form_key, .widefat .column-created_at {
	width: 10%;
}

.frm-white-body .search-box,
.frm_wrap .frm-search {
	float: right;
	margin: 0;
	clear: right;
}

.frm-white-body .search-box,
.frm-search {
	min-width: 32%;
	position: relative;
	display: flex;
	gap: var(--gap-sm);
	align-items: center;
}

.frm-inline-modal .frm-search,
#frm_adv_info .frm-search {
	float: none;
	width: 100%;
	clear: both;
	margin: var(--gap-xs) 0;
}

.frm-button-group a {
	margin: 0 7px !important;
}

.frm_has_textarea .frm-with-right-icon {
	display: block;
}

.frm-with-left-icon,
.frm-with-right-icon {
	position: relative;
}

i.frm-show-box,
i.frm-show-inline-modal,
.frm-with-left-icon i,
.frm-with-right-icon i:not([class*=mce-]),
.frmsvg.frm-show-box,
.frmsvg.frm-show-inline-modal,
.frm-with-left-icon .frmsvg,
.frm-with-right-icon .frmsvg,
.frm-search > .frmsvg,
.frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select) {
	position: absolute;
	padding: 0 14px;
	pointer-events: none;
	left: 0;
	color: var(--grey-400);
	font-size: var(--text-xs);
}

.frm-with-right-icon .frmsvg,
.frm-with-right-icon i:not([class*=mce-]) {
	right: 0;
	top: -3px;
	left: auto;
	padding: 0 10px 0 5px;
}

.frm_form_settings .frm-with-right-icon .frmsvg {
	top: 0;
}

.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg {
	top: auto;
	bottom: 0;
}

.frm_form_settings .frm_has_textarea .frm-with-right-icon .frmsvg {
	top: auto;
	bottom: 6px;
}

.frmsvg.frm-show-box,
.frmsvg.frm-show-inline-modal,
i.frm-show-box,
i.frm-show-inline-modal {
	color: var(--primary-500);
	pointer-events: initial;
	cursor: pointer;
	z-index: 1;
	opacity: 1;
	top: auto;
	margin: calc( ( 36px - 18px ) / 2 ); /* input height - svg / 2 */
	margin-bottom: 0;
	padding: 0;
}

.frm-open .frmsvg.frm-show-inline-modal,
.frm-open i.frm-show-inline-modal {
	opacity: .5;
}

.frm-lookup-box-label + .frm-inline-modal,
.frm-open + .frm-inline-modal {
	top: -10px;
	margin-bottom: 0;
}

.frm_grid_container > .frm-open + .frm-inline-modal {
	top: -4px;
}

.frm-with-left-icon input {
	padding-left: 37px !important;
}

.frm_wrap .frm-with-right-icon textarea,
.frm_wrap .frm-with-right-icon input,
.frm_wrap .frm-with-right-icon input[type=text] {
	padding-right: var(--gap-md);
}

#frm-show-fields .frm-with-left-icon .frmsvg,
#frm-show-fields .frm-with-left-icon i {
	padding-top: 10px;
}

.frm-search .frm_search_icon {
	padding-left: 18px !important;
	padding-right: 12px !important;
}

.frm-search input[name="s"],
.frm-search .dropdown-toggle,
.frm-search input.frm-search-input {
	border-radius: var(--small-radius);
	border-color: var(--grey-300);
}

.frm-white-body .search-box input[name="s"], /* Views search */
#wpwrap .frm-search input[type="search"] {
	flex: 1;
	font-size: var(--text-sm);
	line-height: var(--text-lg);
	padding: var(--gap-xs);
}

.frm-search input[type="search"],
.frm-search input[type="text"] {
	padding-left: var(--gap-xl) !important;
}

.frm-search .dropdown-toggle {
	width: 100%;
	float: none;
	max-width: 200px;
	background: transparent;
	padding: 7px;
	padding-left: 33px !important;
	min-height: 32px;
	text-align: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
}

span.multiselect-selected-text {
	white-space: nowrap;
	display: inline-block;
	max-width: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.frm-search #search-submit a {
	color: var(--grey-800);
}

.frm-search #search-submit .caret {
	opacity:.7;
}

.frm-not-set input {
	color: var(--primary-500) !important;
	font-size: 13px;
}

.frm-not-set .frmsvg,
.frm-not-set i {
	color: var(--primary-700);
	opacity: 1;
}

.post-type-frm_display select[name="m"] + #post-query-submit,
select[name="m"] {
	display: none;
}

.frm_shortcode_select optgroup option {
	margin-left: 1em;
}

.frm_shortcode_select optgroup {
	padding-top: 5px;
}

.frm_shortcode_select .frm_subopt {
	margin-left: 2em;
}

.misc-pub-section a.edit-frm_shortcode, .misc-pub-section a.edit-form-status {
	float: none;
	font-size: 13px;
}

.frm-grid {
	border-collapse: collapse;
	border: none;
	margin-right: 10px;
}

.frm-grid td, .frm-grid th {
	padding: 5px;
	border: 1px solid black;
}

.pro_feature {
	text-decoration: line-through;
}

/* View page */

.post-type-frm_display #poststuff #post-body.columns-2 {
	margin-right: var(--big-sidebar);
}

.post-type-frm_display #post-body.columns-2 #postbox-container-1 {
	margin-right: calc( var(--big-sidebar) * -1 );
	width: calc( var(--big-sidebar) - 40px );
}

.post-type-frm_display #poststuff #post-body.columns-2 #side-sortables {
	width: 100%;
}

#frm_dyncontent .hndle,
#frm_dyncontent .handlediv {
	display: none !important;
}

.post-type-frm_display .meta-box-sortables .frm_form_nav > li > a,
.post-type-frm_display .frm_form_nav .nav-tab-active {
	padding: 0 2px 5px;
	line-height: 1.4;
}

.post-type-frm_display #advanced-sortables h2.hndle,
.post-type-frm_display #side-sortables h2.hndle,
.post-type-frm_display #normal-sortables h2.hndle {
	border-bottom: 1px solid var(--grey-300);
	margin: 10px 0 0 !important;
	padding: 0 25px 8px;
}

.post-type-frm_display #side-sortables h2.hndle {
	margin-top: 0 !important;
	padding-top: 10px;
}

.post-type-frm_display #post-body-content {
	margin-top: var(--gap-lg);
}

.post-type-frm_display.edit-php #wpbody-content > .wrap {
	margin: 0;
}

.post-type-frm_display .postbox .hndle,
.post-type-frm_display .postbox {
	border-color: var(--grey-300);
}

.post-type-frm_display #postbox-container-1 .postbox,
.post-type-frm_display #postbox-container-2 .postbox {
	border-radius: var(--small-radius);
	border-color: var(--grey-300);
	box-shadow: none;
}

.post-type-frm_display #side-sortables .postbox {
	border-radius: 0;
	border-top-width: 0;
	margin-bottom: 0;
}

.post-type-frm_display #side-sortables .misc-pub-section {
    padding: 15px 20px 10px;
}

.post-type-frm_display .misc-pub-section .frmsvg,
.post-type-frm_display #post-body .misc-pub-post-status:before,
.post-type-frm_display #post-body #visibility:before,
.post-type-frm_display .curtime #timestamp:before,
.post-type-frm_display #post-body .misc-pub-revisions:before,
.post-type-frm_display span.wp-media-buttons-icon:before {
	color: var( --grey);
}

.post-type-frm_display #frm_top_bar + #poststuff #submitdiv #publishing-action, /* Hide only if top bar is present */
.post-type-frm_display #frm_top_bar + #poststuff #submitdiv #minor-publishing-actions,
.post-type-frm_display #frm_top_bar + #poststuff #edit-slug-box,
.post-type-frm_display .wrap h1.wp-heading-inline,
.post-type-frm_display .wrap > .page-title-action {
	display: none;
}

.post-type-frm_display #poststuff h2.nav-tab-wrapper {
	padding-left: 10px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.post-type-frm_display .nav-menus-php .wrap {
	margin: 10px 0 0;
}

.post-type-frm_display .nav-menus-php .wrap p {
	padding-left: 12px;
	padding-right: 12px;
}

.post-type-frm_display .nav-tab {
	display: inline-block;
	background-color: #f4f4f4;
}

.post-type-frm_display .nav-tab.frm_hidden {
	display: none;
}

.post-type-frm_display .nav-tab:hover {
	background-color: #e4e4e4;
}

.frm_order_row,
.frm_where_row {
	margin-bottom: 7px;
	line-height: 30px;
}

.frm-single-settings .frm_prod_field_opt_cont {
	margin-top: initial;
	margin-bottom: 20px;
}

/*hide elements if js is avail*/
select.texture {
	display: none;
}

.post-type-frm_display #wp-content-editor-tools,
#wp-content-editor-tools {
	background-color: transparent;
}

.post-type-frm_display #major-publishing-actions {
	border-color: var(--grey-300);
	background: var(--sidebar-color);
}

.post-type-frm_display #frm_adv_info {
	width: calc( var(--big-sidebar) - 40px );
	height: calc( 100vh - 32px );
	overflow: hidden;
}

.post-type-frm_display #frm_adv_info:not(.frm_fixed) {
	top: 0 !important;
}

.post-type-frm_display #frm_adv_info.frm_fixed {
	position: fixed;
	z-index: 9999;
	top: 32px;
}

.post-type-frm_display #frm_adv_info ul.frm_code_list.frm-full-hover {
	max-height: calc( 100vh - 180px );
}

.frm_col_one {
	margin-right: 4%;
	clear: both;
}

ul .frm_col_one {
	float: left;
}

ul .frm_col_two {
	float: right;
}

ul.frm_two_col {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--gap-sm);
}

.frm_two_col li {
	margin-bottom: 0;
}

.frm-info-modal a,
.frm-info-modal ul,
.frm-info-modal p,
.frm-info-modal,
.settings-lite-cta a,
.settings-lite-cta ul,
.settings-lite-cta {
	color: var(--grey-500);
	font-size: var(--text-md);
	box-shadow: none !important;
}

.frm-info-modal h3,
.settings-lite-cta h3 {
	font-size: 17px !important;
}

.frm-green-icons .frmsvg {
	color: var(--green);
}

.frm-info-modal .postbox .inside,
.settings-lite-cta .postbox .inside {
	padding: var(--gap-md);
	margin: 0;
}

.cta-inside a {
	color: var(--orange)
}

.info-modal-inside a.frm-standard-link {
	color: var(--primary-500);
}

.info-modal-inside a.frm-standard-link:hover {
	color: var(--primary-700);
}

.frm_no_p_margin > p {
	margin: 0;
}

.frm_code_list a.button {
	display: block;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
}

#frm-navbarDrop + .frm_code_list.frm-full-hover {
	margin: var(--gap-xs) 0 0;
	min-width: 300px;
	max-height: calc( ( 40px * 5 ) + 56px );
}

.frm_code_list.frm-full-hover li {
	margin: 0;
}

.frm-select-list-item,
.frm_wrap .ui-autocomplete li > div,
.multiselect-container button.multiselect-option,
.frm-dropdown-menu > .dropdown-item > a,
.frm-dropdown-menu > .dropdown-item > a:visited,
.frm-dropdown-menu > .dropdown-item > a:link, /* Override jQuery UI */
.frm-dropdown-menu .frm_dropdown_li,
.frm_code_list.frm-full-hover a {
	display: flex;
	color: var(--grey-700);
	padding: 5px 10px;
	font-size: var(--text-md);
	gap: var(--gap-xs);
    align-items: center;
}

.frm_code_list.frm-full-hover a span {
	max-width: 83px;
	text-align: right;
	margin-left: auto;
}

.frm_code_list.frm-full-hover a,
.frm_code_list.frm-full-hover a span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frm_code_list.frm-full-hover.frmcenter a {
	display: block;
}

#frm-layout-classes frm-full-hover a span {
	max-width: 45%;
}

.frm-select-list-item.active,
.frm-select-list-item:hover,
.frm_wrap .ui-autocomplete li div.ui-state-active,
.frm_wrap .ui-autocomplete li.ui-state-focus,
.multiselect-container button.multiselect-option.active,
.multiselect-container button.multiselect-option:hover,
.frm-dropdown-menu > .dropdown-item > a:hover,
.frm_code_list.frm-full-hover a:hover span,
.frm_code_list.frm-full-hover a:hover {
	background: var(--primary-25);
	color: var(--primary-500);
	border-radius: var(--small-radius);
}

.frm-select-list-item .frmsvg,
.frm-dropdown-menu > .dropdown-item > a .frmsvg {
	opacity: .8;
}

.frm-select-list-item:hover .frmsvg,
.frm-dropdown-menu > .dropdown-item > a:hover .frmsvg {
	opacity: 1;
}

.frm-dropdown-menu.frm_code_list > li > a {
	padding: 3px 15px;
	width: 300px;
}

#frm_edit_box_content_modal .frm-with-search, /* Temp. Add .frm-dropdown-menu in Views */
.frm-dropdown-menu .frm-with-search {
	padding: var(--gap-xs) 10px 0;
}

.frm-dropdown-menu .subsubsub {
	padding: 0 10px;
}

.frm_grid_container {
	overflow: visible;
}

.frm_code_list.frm_grid_container {
	grid-gap: 5px;
}

.frm_code_list.frm_grid_container li {
	width: auto;
	margin: 0;
}

.frm_code_list.frm_grid_container a {
	padding: 5px 0;
	text-align: center;
	background-color: var(--light-blue);
	border: 1px solid var(--primary-500);
	color: var(--primary-500);
	display: block;
	border-radius: var(--small-radius);
}

.frm_code_list.frm_grid_container a:hover {
	background-color: var(--primary-700);
	color: #fff;
}

.frm_field_list #frm-insert-fields .button a {
	display: block;
	max-width: 95%;
	overflow: hidden;
}

.field_type_list.frm_grid_container {
	gap: var(--gap-xs) var(--gap-sm);
	margin: var(--gap-xs);
}

.field_type_list li {
	margin: 0;
	padding: 0;
}

#frm-insert-fields .frm-search {
	float: none;
	margin: 15px 20px;
	width: auto;
}

#frm-insert-fields li,
#frm-insert-fields li a {
	text-decoration: none;
	font-weight: normal;
	font-size: var(--text-md) !important;
	color: var(--grey-900);
}

#frm-insert-fields li.frm_show_upgrade {
	cursor: pointer;
	opacity: .5;
}

#frm-insert-fields li a span {
	vertical-align: middle;
}

.frmbutton.ui-draggable-dragging a,
#frm-insert-fields li a:not(.disabled):hover {
	background: var(--grey-100);
}

#frm-insert-fields li a.disabled:hover {
	cursor: not-allowed;
}

#frm-insert-fields li.ui-draggable-disabled {
	opacity: 0.5;
}

.frm_code_list {
	clear: both;
}

.frm_code_list.frm-full-hover a.frm_hidden,
.frm_code_list .frmkeys {
	display: none;
}

.frmsvg {
	fill: currentColor;
	width: 18px;
	height: 18px;
	vertical-align: middle;
}

input[disabled],
.frmsvg svg {
	pointer-events: none;
}

.frmsvg.frm_svg20 {
	width: 20px;
	height: 20px;
}

.frmsvg.frm_svg15 {
	width: 15px;
	height: 15px;
}

.frmsvg.frm_svg14 {
	width: 14px;
	height: 14px;
}

.frmsvg.frm_svg13 {
	width: 13px;
	height: 13px;
}

.frmbutton.ui-sortable-helper .frmsvg,
.field_type_list li.frmbutton .frmsvg,
.frmbutton.ui-sortable-helper i,
.field_type_list li.frmbutton i,
.frm_code_list a .frmsvg,
.frm_code_list a i {
	color: var(--grey-500);
	display: inline-block;
	vertical-align: middle;
	width: var(--text-md);
	font-size: var(--text-md);
}

/* Standardize icon size for field buttons in the builder */
.field_type_list li.frmbutton .frmsvg {
	width: var(--text-xl);
	font-size: var(--text-xl);
}

.frm_code_list i:before {
	font-size: inherit;
}

#frm-insert-fields li a:not(.disabled):hover .frmsvg,
#frm-insert-fields li a:not(.disabled):hover i {
	color: var(--grey-600);
}

/* Icon while dragging */
.frmbutton.ui-draggable-dragging {
	pointer-events: none;
}

#frm-insert-fields li.frm_show_upgrade,
#frm-insert-fields li a,
.frmbutton.ui-draggable-dragging a {
	text-decoration: none;
	display: inline-flex !important;
	gap: var(--gap-xs);
	align-items: center;
	border-radius: var(--border-radius) !important;
	padding: var(--gap-xs) var(--gap-sm) !important;
	color: var(--grey-900) !important;
}

/* Adjust field button size to full width in builder */
#frm-insert-fields li a {
	display: flex !important;
}

/* Prevents advanced fields from always appearing in search results */
#frm-insert-fields li.frm_show_upgrade.frm_hidden {
	display: none !important;
}

.frmbutton.ui-draggable-dragging a {
	border: 1px solid var(--grey-300);
	box-shadow: var(--box-shadow-md);
}

.frmbutton.ui-draggable-dragging span {
	font-size: 15px;
}

#frm-show-fields .frmbutton.ui-sortable-helper i,
.frmbutton.ui-draggable-dragging i,
.frmbutton.ui-draggable-dragging .frmsvg {
	color: #fff !important;
}

.frmbutton.ui-draggable-dragging i,
.frmbutton.ui-draggable-dragging .frmsvg {
	color: var(--grey-700) !important;
}

.frm_sorting li.ui-state-default.ui-sortable-helper,
.frmbutton.ui-sortable-helper {
	transition: opacity .2s;
	opacity: 1;
}

.frm-field-group-count {
	background-color: var(--sidebar-hover);
	padding: 5px;
	color: #fff !important;
	border-radius: 10px;
}

/* End dragging */

.field_type_list .frm_icon_font:before {
	font-size: 20px;
}

li.frm_noallow.button,
.frm_noallow {
	opacity: .5;
	filter: alpha(opacity=50);
}

.frm_actions_list a.frm_show_upgrade.frm_inactive_action:before,
li.frm_noallow.button.frm_show_upgrade {
	cursor: pointer;
}

.field_type_list li.frm_noallow.button.frm_show_upgrade:hover {
	border-color: inherit;
}

.frm_noallow a {
	color: inherit;
}

#frm_upgrade_modal_image {
	max-width: 200px;
}

.frm-tab-message {
	max-width: 600px;
	margin: 20px auto;
	color: rgba(63, 75, 91, 0.8);
}

.frm-settings-screenshot-toolbar {
	min-height: 39px;
	display: flex;
}

.frm-settings-screenshot-toolbar .frm-minmax-icon {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	align-self: center;
	margin-left: 10px;
}

.frm-settings-screenshot-toolbar .frm-minmax-icon:first-of-type {
	margin-left: 20px;
}

.frm-settings-screenshot-toolbar img {
	object-fit: contain;
	align-self: flex-end;
	margin-left: 25px;
}

.frm-settings-screenshot-toolbar + div {
	background: #fff;
	padding-top: 25px;
	border-radius: 0 0 16px 16px;
}

.frm-settings-screenshot-toolbar + div img {
	max-width: calc( 100% - 40px );
}

.frm-settings-screenshot-wrapper {
	max-width: 700px;
	margin: 50px auto 0;
	box-shadow: 0px 4px 4px rgba(189, 196, 205, 0.25), 0px 12px 56px rgba(42, 57, 75, 0.25);
	border-radius: 16px;
	background: #EBECF1;
}

.frm-dialog {
	z-index: 100;
	padding: 0 !important;
	border-radius: 16px;
	border: none;
	background-color: #fff;
	max-width: 100% !important;
}

.frm-dialog .postbox {
	background: transparent;
	box-shadow: none;
	border: none;
	line-height: var(--leading);
}

.frm-dialog input[type=text],
.frm-dialog textarea {
	font-size: var(--text-md);
}

.frm-dialog textarea {
	height: 75px;
}

.frm-dialog button.frm-button-primary {
	margin-right: 10px;
}

.frm-dialog .frm-sub-label,
.frm-sub-label {
	color: var(--grey);
	text-transform: none;
	padding-left: 8px;
}

h2 .frm-sub-label {
	font-size: var(--text-md);
}

.frm-views-editor-body .ui-widget-overlay,
.frm-white-body .ui-widget-overlay,
.toplevel_page_formidable .ui-widget-overlay,
body[class*=formidable-payments] .ui-widget-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--grey-500);
	opacity: .5;
	z-index: 2;
}

.frm-circled-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: var(--primary-25);
}

.frm-circled-icon .frmsvg {
	width: 21px;
	height: 24px;
}

.frm-circled-icon .frmsvg use {
	color: var(--primary-500);
 }

.frm-upgrade-message img {
	max-width: 100%;
}

a.frm-link-secondary {
	color: #c4c4c4;
	font-size: var(--text-sm);
	text-decoration: underline;
}

.field_type_list li.button.frm_noallow,
.field_type_list li.button.frm_noallow:hover,
.button.frm_noallow,
.button.frm_noallow:hover {
	color: inherit;
	border-color: #ccc;
	background: inherit;
}

iframe#dyncontent_ifr {
	min-height: 150px;
}

/*!
 * Bootstrap v4.6.1
 */

.tooltip {
	/* Copied from Bootstrap */
	position: absolute;
	display: block;
	margin: 0;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: 0.875rem;
	word-wrap: break-word;
	opacity: 0;

/* Custom rules */
	z-index: 9999999;
	pointer-events: none;
}

.tooltip.show {
	opacity: 0.9;
}

.tooltip .arrow {
	position: absolute;
	display: block;
	width: 0.8rem;
	height: 0.4rem;
	margin-left: 0 !important;
}

.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
	padding: 0.4rem 0;
}

.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
	bottom: 0;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #000;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
	padding: 0 0.4rem;
}

.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
	left: 0;
	width: 0.4rem;
	height: 0.8rem;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
	right: 0;
	border-width: 0.4rem 0.4rem 0.4rem 0;
	border-right-color: #000;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
	padding: 0.4rem 0;
}

.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
	top: 0;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
	bottom: 0;
	border-width: 0 0.4rem 0.4rem;
	border-bottom-color: #000;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
	padding: 0 0.4rem;
}

.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
	right: 0;
	width: 0.4rem;
	height: 0.8rem;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
	left: 0;
	border-width: 0.4rem 0 0.4rem 0.4rem;
	border-left-color: #000;
}

.tooltip-inner {
	max-width: 200px;
	padding: 0.25rem 0.5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 0.25rem;
}

.frm-dropdown-menu.show {
	display: block;
}

/* End Bootstrap */

.preview.dropdown .dropdown-menu {
	min-width: 205px;
}

.frm_clear {
	clear: both;
}

.frm_clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.frm_clearfix {
	display: block;
}

.frm_admin_progress {
	overflow: hidden;
	height: 20px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border-radius: 4px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.frm_admin_progress_bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #ffffff;
	text-align: center;
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	transition: width 0.6s ease;
	background-color: #04A4CC;
}

.tooltip.frm_tooltip {
	position: fixed;
	top: auto !important;
	bottom: 0 !important;
	left: 0 !important;
	max-width: none;
	width: 100% !important;
	z-index: 99999;
}

.tooltip.frm_tooltip.bottom {
	padding: 0;
}

.frm_tooltip .tooltip-inner {
	max-width: none;
	min-height: 40px !important;
	text-align: left;
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
	padding: 10px 40px;
	border-top-color: #ccc;
	background: var(--sidebar-color);
	color: var(--grey-700);
	border-radius: 0;
	opacity: 1;
	font-size: var(--text-sm);
}

#frm_custom_css_box {
	width: 100%;
}

/*form inputs/selects */
.frm_form_field.frm_scroll_box .frm_opt_container,
.frm-white-body .wrap input[type="text"], /* Cover Views pages */
.frm-white-body .wrap input[type="search"],
.frm-white-body .wrap input[type="number"],
.frm-white-body .wrap select,
#frm-form-templates-modal select,
.frm-white-body .wrap textarea,
button.frm_choose_image_box,
#titlediv input[type="text"],
.frm-fields button.btn,
.frm_wrap textarea,
.frm_wrap input[type="tel"],
.frm_wrap input[type="text"],
.frm_wrap input[type="email"]
.frm_wrap input[type=search],
.frm_wrap input[type="number"],
.frm_wrap input[type="date"],
.frm_wrap select,
.wp-admin .frm_wrap select,
.field-group textarea,
.field-group input[type="text"],
.field-group select {
	outline: 0;
	box-shadow: none;
	border-radius: var(--small-radius);
	padding: 5px 14px;
	border-color: var(--grey-300);
	color: var(--grey-800);
	font-size: var(--text-md);
	margin: 0;
	background-color: #fff;
	line-height: var(--leading);
}

.frm_wrap ::-webkit-datetime-edit {
    line-height: var(--leading);
}

.frm-white-body textarea:focus,
.frm-white-body input:focus,
.frm-white-body select:focus,
.frm_wrap input:focus,
.frm_wrap select:focus,
.wp-core-ui .frm_wrap select:focus,
#frm-form-templates-modal select:focus,
.frm-btn-group .multiselect.dropdown-toggle:focus,
.frm_wrap textarea:focus {
	border-color: var(--primary-500) !important;
	box-shadow: none !important;
}

#postbox-container-2 textarea,
.frm_wrap textarea,
.field-group textarea {
	line-height: 2;
}

.frm_wrap input[type="number"] {
	height: auto;
}

.frm_wrap select {
	padding: 2px;
}

.wp-admin .frm_wrap select,
#frm-form-templates-modal select {
	max-width: 100%;
}

.frm_form_field.frm_scroll_box .frm_opt_container {
	padding: 10px 12px;
}

.frm_wrap input[disabled],
.frm_wrap select[disabled],
.frm_wrap textarea[disabled],
.frm_wrap input[readonly],
.frm_wrap select[readonly],
.frm_wrap textarea[readonly],
.frm_wrap input::placeholder {
	color: var(--grey-500);
}

.frm_wrap .frm-button-primary.frm-disabled {
	opacity: 0.5;
	cursor: default;
}

#postcustomstuff table td > div {
	/* To override some inline css in add-on */
	padding-top: 0 !important;
}

.wp-admin .frm_wrap .form-table select {
	vertical-align: top;
}

.frm_wrap .frm_form_builder select {
	line-height: var(--leading);
	height: var(--text-md);
	width: 100%;
}

#postbox-container-2 select,
.wp-admin .frm_wrap select,
.frm_wrap .frm_form_builder select,
#frm-form-templates-modal select {
	height: auto;
	background-position: right 11px top 55%;
}

.frm-white-body .tablenav select,
.frm-white-body .tablenav input[type="text"],
.wp-admin .frm_wrap .tablenav select,
.frm_wrap .tablenav input[type="date"],
.frm_wrap .tablenav input[type="text"] {
	padding-top: 0;
	padding-bottom: 0;
	line-height: 1;
}

.frm_wrap .tablenav ::-webkit-datetime-edit {
    line-height: 1;
}

.frm-fields button.btn,
.frm-fields textarea,
.frm-fields input[type="text"],
.frm-fields select,
.field-group textarea,
.field-group input[type="text"],
.field-group select,
.accordion-container input.hex {
	width: 100%;
	outline: 0;
}

.frm-fields button.btn {
	height: var(--h-md);
	text-align: inherit;
}

.global-font .field-group input[type="text"] {
	width: auto;
}

/* Image Options */

.frm_images_dropdown .frm_image_option {
	margin: 0 !important;
}

.frm_images_dropdown .frm_radio input[type=radio] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.frm_images_dropdown__image .frmsvg {
	width: 100%;
	max-width: 102px;
	fill: none;
	margin: 0;
}

.frm_images_dropdown .frm_noallow .frm_image_option_container {
	opacity: .5;
}

.frm_images_dropdown .frm_image_option_container {
	border-radius: var(--small-radius);
	border: 2px solid transparent;
	align-items: center;
}

.frm_images_dropdown .frm_image_option_container:hover {
	background: #fff !important;
}

.frm_images_dropdown input[type="radio"]:checked + .frm_image_option_container {
	background: #fff !important;
	border-color: var(--primary-500);
}

.frm_images_dropdown .frm_text_label_for_image {
	padding: 0;
	text-align: left;
}

/* End Image Options */

/* Welcome page */

.wp-core-ui .frm_grey.frm-button-primary.disabled,
.wp-core-ui .frm_grey.frm-button-primary,
#frm-welcome .frm_grey {
	opacity: 0.5;
	background: #F6F6F6 !important;
	border-color: #ddd !important;
	color: #9FA5AA !important;
}

/* Chrome Scrollbars for Windows */
.windows::-webkit-scrollbar,
.windows ::-webkit-scrollbar {
	width: 7px;
	background: transparent;
}

.windows::-webkit-scrollbar-thumb,
.windows ::-webkit-scrollbar-thumb {
	background: var(--grey-300);
	-webkit-border-radius: var(--border-radius);
	-webkit-box-shadow: none;
}

.windows::-webkit-scrollbar-corner,
.windows ::-webkit-scrollbar-corner {
	background: transparent;
}

.frm-scrollbar-wrapper {
	overflow-x: hidden;
	overflow-y: auto; /* Enable scrolling */
	-ms-overflow-style: none; /* For IE and Edge */
	scrollbar-color: transparent transparent; /* Firefox Scrollbar - transparent by default and show on hover */
	scrollbar-width: thin;
}

.frm-scrollbar-wrapper:hover {
	scrollbar-color: var(--grey-300) var(--sidebar-color); /* Firefox Scrollbar - Show on hover */
}

.frm-scrollbar-wrapper::-webkit-scrollbar {
	width: 3px;
}

.frm-scrollbar-wrapper::-webkit-scrollbar-track {
	background: var(--sidebar-color);
}

.frm-scrollbar-wrapper::-webkit-scrollbar-thumb {
	background: transparent;
	border-radius: 100vw;
}

.frm-scrollbar-wrapper:hover::-webkit-scrollbar-thumb {
	background: var(--grey-300); /* Show scrollbar on hover */
}

.frm-scrollbar-wrapper::-webkit-scrollbar-thumb:hover {
	background: var(--grey-400); /* Show scrollbar on hover */
}
/* End scrollbar */

/* RTL */
.rtl h3 {
	font-weight: inherit !important;
}

.rtl.js .accordion-section-title:after {
	left: 10px;
	right: auto;
}

.rtl #frm_top_bar #frm_bs_dropdown {
	padding-left: 15px;
}

.rtl .frm-full-close,
.rtl .frm_wrap .columns-2 .frm-right-panel,
.rtl .frm-right-panel {
	border-right-width: 1px;
	border-left-width: 0;
}

.rtl .frm-full-close {
	padding-left: 0;
	padding-right: var(--gap-md);
}

.rtl .frm-text-right {
	text-align: left;
}

.rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
	border-left-width: 1px;
}

.rtl .frm-dropdown-menu {
	text-align: right;
}

.rtl .frm_actions_dropdown .frm_icon_font {
	float: right;
	margin-right: 0;
	margin-left: 3px;
}

.rtl #frm-insert-fields-box,
.rtl #frm-conditionals {
	padding-right: .9em;
}

.rtl #html_settings .frm_field_html_box {
	margin-right: 0;
}

.rtl .frm_list_entry_page h2 {
	float: right;
}

.rtl .frm_scale {
	float: right;
	margin-left: 10px;
	margin-right: 0;
}

.rtl .frm-page-break .frm-collapse-page.button {
	margin-left: 0;
	margin-right: 46%;
}

.rtl .frm-field-action-icons {
	right: unset;
	left: 2px;
}

.rtl .frm_has_shortcodes > i {
	right: auto;
	left: 5px;
}

.rtl p.frm_reply_to_container,
.rtl p.frm_bcc_cc_container {
	float: left;
}

.rtl .frm-default-switcher {
	float: left;
	position: relative;
}

.rtl .frm-with-right-icon .frmsvg {
	right: auto;
	left: 0;
}

.rtl .frm-inline-modal > a.dismiss {
	left: 13px;
	right: auto;
}

.rtl.wp-admin .frm_wrap select {
	padding-left: var(--gap-lg) !important;
	padding-right: 5px !important;
	background-position: left 11px top 55%;
}

/* ---------------------------------------------------------------
Clearfix
--------------------------------------------------------------- */
span.clear {
	display: block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*Override styling from other plugins*/
.frm_form_fields .clear {
	height: auto;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* End hide from IE-mac */

/*-----------------------------------------------------------------
Responsive Design
---------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
	.frm-addons {
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width: 1050px) {
	.frm-white-body,
	.frm_wrap {
		--biggest-sidebar: 390px;
	}

#form_settings_page .columns-2 {
		margin: 0;
	}

.frm_actions_list {
		margin-left: 0;
	}
}

@media only screen and (max-width: 960px) {
	.frm-white-body,
	.frm_wrap {
		--gap-sm: 8px;
		--gap-md: 16px;
		--gap-2xl: 24px;
	}

.auto-fold #adminmenuwrap {
		width: 36px;
	}

.frm_wrap #postbox-container-1 #frm_adv_info {
		min-width: 220px;
	}

p.howto {
		display: inline-block;
	}

/* Fix: Issue where the admin page content had extra white space to the left on small screens */
	.auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container,
	.auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container {
		left: 36px;
	}
}

@media only screen and (max-width: 850px) {
	#frm_bs_dropdown {
		/* There isn't enough room for the title on a screen this size so just hide it. */
		display: none;
	}

.frm-white-body,
	.frm_wrap {
		--biggest-sidebar: 350px;
		--big-sidebar: 350px;
	}

#frm_bs_dropdown .frm_bstooltip {
		/* There isn't enough room for the title on a screen this size so just hide it. */
		display: none !important;
	}

.frm_col_one {
		clear: none;
	}

.frm-fields p > .frm_inline_label,
	.frm_inline_label {
		display: block;
		margin: 5px 0;
	}

#frm_top_bar h1 {
		width: auto;
		max-width: 200px;
	}

#frm-publishing {
		width: auto;
	}

#frm_form_editor_container,
	.frm-entry-container {
		margin: 0 20px;
	}

.frmbutton.ui-sortable-helper .frmsvg,
	.field_type_list li.frmbutton .frmsvg,
	.frmbutton.ui-sortable-helper i,
	.field_type_list li.frmbutton i {
		margin: .15em 0 .15em .1em;
		width: 25px;
	}

.rtl .frmbutton.ui-sortable-helper .frmsvg,
	.rtl .field_type_list li.frmbutton .frmsvg,
	.rtl .frmbutton.ui-sortable-helper i,
	.rtl .field_type_list li.frmbutton i {
		margin: .15em .1em .15em 0;
	}

.frm_wrap .frm-search {
		float: none !important;
		width: auto;
		clear: both;
	}

.post-type-frm_display #frm_adv_info {
		top: auto !important;
		position: static;
		width: auto;
	}

.frm_wrap .frm-right-panel #frm_adv_info,
	.frm_wrap #postbox-container-1 #frm_adv_info {
		min-width: 275px;
	}

.frm_wrap #frm_adv_info ul.category-tabs li,
	.frm_wrap #frm_adv_info ul.category-tabs li.tabs {
		border: none;
	}

.frm_wrap #frm_adv_info ul.category-tabs li:first-child {
		margin-left: 12px;
	}

.frm_wrap #frm_adv_info ul.category-tabs li.tabs {
		border-bottom: 2px solid #5b9dd9;
		padding-bottom: 8px;
	}

.post-type-frm_display #poststuff {
		padding: 10px 25px;
	}

.post-type-frm_display #side-sortables .postbox {
		margin-bottom: 20px;
		border-radius: var(--small-radius);
		border-top-width: 1px;
	}
}

@media only screen and (max-width: 782px) {
	.frm-white-body,
	.frm_wrap {
		--small-sidebar: 20%;
		--medium-sidebar: 35%
	}

#form_settings_page .advanced_settings .form-table td, .form-table th {
		display: table-cell;
		width: auto !important;
	}

.frm-white-body #publishing-action,
	.frm_wrap #publishing-action {
		line-height: normal;
	}

.frm-white-body #screen-meta-links {
		display: none;
	}

.frm_wrap .misc-pub-section {
		padding: 6px 0;
	}

.frm_wrap .misc-pub-section > a {
		float: none;
		white-space: nowrap;
	}

.frm-form-setting-tabs a {
		position: relative;
		padding: 10px 5px 10px 40px;
	}

.frm-form-setting-tabs a .frmsvg,
	.frm-form-setting-tabs a i {
		position: absolute;
		left: 13px;
		top: calc(50% - 10px);
		margin: 0;
	}

#frm-insert-fields .button,
	#frm-insert-fields .button a,
	.frmbutton.ui-sortable-helper a {
		line-height: 26px;
		max-height: 28px;
	}

a.frm_add_logic_link {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		box-sizing: border-box;
	}

a.frm_add_logic_link .frmsvg,
	a.frm_add_logic_link i {
		display: none;
	}

#new_fields .frm_single_option select,
	#new_fields .frm_single_option input[type=text] {
		width: calc(100% - 83px);
	}

.frm_single_entry_page .frm_form_fields input[type=text],
	.frm_single_entry_page .frm_form_fields select,
	.frm_single_entry_page .frm_form_fields textarea {
		width: 100%;
	}

.with_frm_style .frm_radio input[type=radio],
	.with_frm_style .frm_checkbox input[type=checkbox] {
		width: 25px !important;
	}

.frm_single_entry_page .with_frm_style .frm_radio input[type=radio],
	.frm_single_entry_page .with_frm_style .frm_checkbox input[type=checkbox] {
		width: 18px !important;
	}

.wp-list-table.toplevel_page_formidable .column-entries,
	.wp-list-table.toplevel_page_formidable .column-form_key,
	.wp-list-table.toplevel_page_formidable .column-shortcode,
	.wp-list-table.toplevel_page_formidable .column-created_at {
		display: none !important;
	}

.wp-list-table.toplevel_page_formidable td.column-entries,
	.wp-list-table.toplevel_page_formidable td.column-form_key,
	.wp-list-table.toplevel_page_formidable td.column-shortcode,
	.wp-list-table.toplevel_page_formidable td.column-created_at {
		padding: 3px 8px 3px 35%;
		text-align: left;
	}

#form_entries_page .wp-list-table th.frm_hidden,
	#form_entries_page .wp-list-table td.frm_hidden {
		display: none !important;
	}

.frm-white-body.auto-fold #wpcontent {
		padding-left: 0;
	}

.frm_right_addon .frm_remove_field {
		bottom: 11px;
	}

.frm-addons {
		grid-template-columns: 1fr;
	}

.frm-admin-page-styles .frm_page_container,
	.frm_wrap .frm_page_container {
		left: 0 !important;
		top: 46px !important;
		height: calc( 100vh - 46px ) !important;
	}

.frm_single_entry_page.frm_wrap .columns-2 {
		display: block;
		border-bottom: none;
	}

.frm_single_entry_page .wrap.frm-with-margin {
		margin: 10px 20px;
	}

.frm_single_entry_page #post-body-content + .frm-right-panel {
		width: auto;
		margin: 0 20px;
		border: 1px solid var(--sidebar-hover);
		border-radius: 6px;
	}

#wp-content-media-buttons a.frm_insert_form {
		padding: 0 var(--gap-sm);
	}

.frm-white-body input[type="checkbox"]:checked::before,
	.frm_wrap input[type="checkbox"]:checked::before {
		width: 1.2rem;
		height: 1.2rem;
		margin: 0.125rem;
	}
}

@media only screen and (max-width: 700px) {
	.frm-white-body,
	.frm_wrap {
		--biggest-sidebar: 50%;
		--big-sidebar: 50%;
	}
}

@media only screen and (max-width: 600px) {
	.frm-white-body,
	.frm_wrap {
		--small-sidebar: 45px;
	}

.frm-form-setting-tabs a {
		visibility: collapse;
		font-size: 0;
		padding: 0 var(--gap-sm);
	}

.frm-form-setting-tabs a .frmsvg,
	.frm-form-setting-tabs a i {
		visibility: visible;
		position: initial;
		font-size: 18px;
	}

#frm_builder_page #frm-insert-fields {
		padding: 0;
	}

.frm_wrap #frm_adv_info ul.category-tabs li {
		display: inline-block;
		padding: 0;
		margin: 2px 0;
		border-bottom: 2px solid transparent;
	}

.frm_wrap #frm_adv_info ul.category-tabs li.tabs,
	.frm_wrap #frm_adv_info ul.category-tabs li:first-child {
		margin-left: 0;
		padding: 0;
	}

.field_type_list li {
		text-align: center;
	}

#frm-insert-fields li a {
		padding: 5px;
	}

.frmbutton.ui-sortable-helper .frmsvg,
	.field_type_list li.frmbutton .frmsvg,
	.frmbutton.ui-sortable-helper i,
	.field_type_list li.frmbutton i {
		display: block;
		margin: 0 auto 3px;
		text-align: center;
	}

#frm_form_editor_container .frm_primary_label {
		clear: both;
	}

#frm_builder_page .frm_code_list a.button {
		padding: 2px;
	}

#frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
		right: 0;
		left: auto;
	}

.frm-right-panel h3.accordion-section-title {
		padding-right: 10px;
		padding-left: 10px;
		font-size: 20px;
		white-space: nowrap;
		overflow: hidden;
	}

.frm-right-panel .accordion-section-title:before {
		margin-left: 0;
		margin-right: 3px;
	}

.rtl #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
		right: auto;
		left: 0;
	}

.frm_on_submit_type svg {
		display: none;
	}
}

@media only screen and (max-width: 475px) {
	#frm_bs_dropdown {
		float: none;
	}

#frm-nav-tabs {
		padding: 0;
		white-space: nowrap;
	}

#frm-nav-tabs a {
		margin-right: 0;
	}
}

/* Firefox */
@-moz-document url-prefix() {
	.frm-white-body .tablenav select,
	.frm-white-body .tablenav input[type="text"],
	.wp-admin .frm_wrap .tablenav select,
	.frm_wrap .tablenav input[type="text"] {
		padding-top: 5px;
	}
}

/* PRINT */
@media print {
	a, .misc-pub-section a {
		color: #000 !important;
	}

.add-new-h2, #frm_top_bar, .dashicons,
	#adminmenuwrap, #adminmenuback, #wphead, #button_bar, #submitdiv, .button-secondary,
	#screen-metas, #screen-meta-links, #footer, #wpfooter, .inner-sidebar, .frm_form_nav,
	.frm_flash_graph, .frm_no_print, object, .error {
		visibility: hidden;
		display: none !important;
	}

.widget, .postbox, .stuffbox, .postbox h3 {
		border-width: 0 !important;
		border-color: #fff;
	}

.postbox {
		background: #fff !important;
		border: none;
		position: static;
	}

.postbox h3, .postbox h4 {
		background: #fff !important;
	}

#wpbody-content {
		float: none;
	}

#wpcontent, #post-body-content,
	.has-right-sidebar #post-body,
	#poststuff .columns-2 {
		margin: 0 !important;
	}

.frm_wrap #poststuff .columns-2 {
		display: block;
	}

#post-body-content + .frm-right-panel,
	.frm_wrap .columns-2 .frm-right-panel,
	.frm-right-panel {
		border: none;
		width: auto;
		display: block;
		padding: 20px;
	}

.frm_wrap .columns-2,
	.frm_wrap .frm_page_container {
		height: auto;
		display: block;
	}

.misc-pub-section > span {
		padding: 0;
	}

.frm-right-panel .postbox .inside {
		padding-left: 12px;
		padding-right: 12px;
	}

.curtime #timestamp:before {
		display: none;
		content: none !important;
	}

.frm_charts .alignleft {
		float: none;
	}

.pg_odd, .pg_even {
		page-break-inside: avoid;
		max-width: 600px;
	}

.form-table td, .form-table th {
		padding: 0;
	}

.frm_file_container a {
		display: block;
		width: 100%;
	}
}

.frm-admin-page-styles #frm-publishing #save_menu_header,
.frm-admin-page-styles2 #frm-publishing #save_menu_header {
	display: inline-block;
}

/* Change the order of subfields of the Name field in the backend */
.edit_form_item .frm_combo_inputs_container[data-name-layout="last_first"] .frm_form_subfield-first {
	order: 2;
}

.frm-video-wrapper iframe {
	width: 100%;
	max-width: 843px;
	border-radius: var(--border-radius);
}

#frm_field_group_popup {
	position: absolute;
	top: 0;
	right: 0;
	width: 366px;
	max-height: 231px;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15);
	z-index: 3;
	box-sizing: border-box;
	padding: 24px 0;
	text-align: left;
}

.rtl #frm_field_group_popup {
	text-align: right;
}

.frm-merge-fields-into-row #frm_field_group_popup {
	top: unset;
	bottom: 50px;
	height: 196px;
}

#frm_field_group_popup > hr {
	margin: 12px 0;
}

#frm_field_group_popup .frm-cancel-custom-field-group-layout,
#frm_field_group_popup .frm-save-custom-field-group-layout {
	padding: 4px 18px;
}

#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover {
	border-color: var(--primary-500) !important;
    color: var(--primary-500);
	background-color: transparent !important;
}

.frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group {
	display: none;
}

.frm-merge-fields-into-row > a {
	color: rgba(40, 47, 54, 0.85);
	position: relative;
	top: 2px;
}

.frm-row-layout-title {
	font-weight: 600;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	color: rgba(40, 47, 54, 0.45);
	margin-bottom: 27px;
}

.frm-row-layout-option {
	background: #F6F7FB;
	box-sizing: border-box;
	border-radius: 2px;
	padding: 15px 10px;
}

#frm_field_group_popup .frm-row-layout-option .frm_grid_container {
	grid-gap: 0 5%;
	grid-template-columns: repeat(12, auto);
}

#frm_field_group_popup .frm-row-layout-option {
	cursor: pointer;
	border: 2px solid transparent;
}

#frm_field_group_popup .frm-row-layout-option.frm-active-row-layout,
#frm_field_group_popup .frm-row-layout-option:hover {
	border-color: var(--primary-500);
}

.frm-custom-field-group-layout,
.frm-break-field-group {
	padding: 4px 24px;
	cursor: pointer;
	font-size: var(--text-sm);
	line-height: 19px;
	color: rgba(72, 78, 84, 1);
}

.frm-custom-field-group-layout:hover,
.frm-break-field-group:hover {
	background-color: #f5f5f5f5;
}

.frm-custom-field-group-layout svg,
.frm-break-field-group svg {
	margin-right: 5px;
}

#frm_field_multiselect_popup {
	background: white;
	height: 48px;
	position: fixed;
	border-radius: 4px;
	box-shadow: 0px 8px 24px rgba(40, 47, 54, 0.15);
	color: rgba(40, 47, 54, 0.85);
	font-size: 13px;
	right: 30px;
	bottom: 10px;
}

#frm_field_multiselect_popup > div {
	display: inline-block;
	line-height: 48px;
	vertical-align: top;
}

#frm_field_multiselect_popup.frm-unmergable > .frm-merge-fields-into-row,
#frm_field_multiselect_popup.frm-unmergable > .frm-multiselect-popup-separator {
	display: none;
}

#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator) {
	padding: 0 20px;
	cursor: pointer;
}

#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator):hover {
	background: #f5f5f5f5;
}

.frm-builder-popup-heading {
	font-weight: 600;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	color: rgba(40, 47, 54, 0.45);
	margin-bottom: 7px;
}

.frm-builder-popup-subheading {
	font-size: 12px;
	line-height: 16px;
	color: rgba(40, 47, 54, 0.45);
}

#frm_field_group_popup input[type="text"] {
	height: 30px;
	border-radius: 3px;
	font-size: 14px;
	padding: 8px;
	color: rgba(84, 95, 110, 1);
	border-color: rgba(40, 47, 54, 0.2);
}

.frm-multiselect-popup-separator {
	height: 36px;
	width: 1px;
	position: relative;
	top: 6px;
	background: #C4C4C4;
}

.frm-sortable-helper,
.frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider) {
	pointer-events: none;
}

.frm-sortable-helper {
	/* Make sure the item being dragged appears above other form builder fields */
	z-index: 99;
}

#frm_banner {
	width: 100%;
	color: #fff;
	background: var(--primary-500);
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
}

.frm-banner-emoji {
	font-size: 19px;
}

.frm-banner-emoji,
.frm-banner-title {
	margin-right: 5px;
	vertical-align: top;
}

.frm-banner-cta a {
	text-decoration: underline !important;
}

.frm-banner-dismiss {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY( -50% );
}

.frm-banner-dismiss .frmsvg {
	vertical-align: top;
}

.frm-ready-made-solution:not(.frm-search-result) {
	display: none !important;
}

#frm_leave_email_wrapper .frmsvg {
	top: 0;
}

#frm-add-my-email-address {
	margin-top: 30px;
}

.frm-ready-made-solution h3 ~ a {
	color: var(--primary-500);
}

.frm-ready-made-solution img {
	max-width: 100%;
	display: block;
	box-shadow: var(--box-shadow-lg);
}

/* On Submit action */
.frm_single_on_submit_settings .frm_form_field {
	margin: 8px 0;
}

.frm_on_submit_type_setting {
	padding: 8px 0;
}

.frm_on_submit_type label {
	display: flex;
	border: 1px solid var(--grey-border);
	border-radius: var(--small-radius);
	gap: 16px;
	padding: 16px;
	align-items: center;
	justify-content: center;
}

.frm_on_submit_type input {
	opacity: 0 !important;
    position: absolute;
    z-index: -1;
}

.frm_on_submit_type input[type="radio"]:checked + label {
	border-color: var(--primary-color);
	box-shadow: 0 0 0 1px var(--primary-color);
}

#form_settings_page .frm_on_submit_type label:hover,
.frm_on_submit_type input[type="radio"]:checked + label svg {
	color: var(--primary-color);
}
/* End On Submit action */

/* Start call-to-action */
.frm_pro_tip,
.frm-cta {
	justify-content: space-between;
	align-items: center;
	gap: var(--gap-2xl);
	padding: var(--gap-xs) var(--gap-sm);
	border-radius: var(--small-radius);
	background: var(--primary-25);
}

.frm-cta h4 {
	font-weight: 600;
	margin: 0;
}

.frm-cta-green {
	background-color: var(--success-25);
}

.frm-cta-green .frm-banner-title {
	gap: calc(var(--gap-2xs) + 1px);
	color: var(--grey-700);
}

.frm-right-panel .inside .frm_pro_tip,
.frm_pro_tip {
	color: var(--grey-700);
	background: #FFE7DE;
	margin: 0 auto;
	display: flex;
	gap: var(--gap-xs);
}

.frm_field_list .frm_pro_tip {
	margin: 10px 15px;
	position: relative;
	width: calc(100% - 30px);
	box-sizing: border-box;
}

.frm_pro_tip .frmsvg,
.frm_pro_tip i {
	color: var(--orange);
}

.frm-tip-info {
	flex: 1;
	text-align: left;
}

.frm-tip-cta {
	color: var(--orange);
}

.frm-light-tip .frm_pro_tip {
	background: var(--primary-25);
}

.frm-light-tip .frm_pro_tip .frmsvg,
.frm-light-tip .frm_pro_tip i,
.frm-light-tip .frm-tip-cta {
	color: var(--primary-500);
}

.frm-tip-cta:hover  {
	color: var(--primary-500);
}

.nav-tab-wrapper .frm_pro_tip {
	float: right;
}
/* End call-to-action */

/* Start confirm and form templates modals */
#frm-form-templates-modal textarea {
	height: 108px;
}

#frm-form-templates-modal .frm-fields button.btn {
	border-color: var(--grey-300);
	color: var(--grey-900);
	cursor: pointer;
}

#frm-form-templates-modal .frm-fields button.btn .frmsvg  {
	color: var(--grey-400);
	width: 14px;
	height: 14px;
}

#frm-form-templates-modal .frm-form-templates-modal-fieldset {
	position: relative;
}

#frm-form-templates-modal .frm-form-templates-modal-fieldset .frm-with-left-icon .frmsvg {
	padding: 0;
	top: 0;
	left: 13px;
}

/* Fixes pro issue #3508, prevent a conflict that hides the postbox in modal */
#frm-form-templates-modal .postbox {
	display: block !important;
}

/* Leave email modal */
#frm_empty_inbox #frm-leave-email-modal {
	margin-top: var(--gap-2xl);
}

/* Name your form modal */
#frm-name-your-form-modal .frm_modal_top {
	padding-top: var(--gap-sm);
}
/* End confirm and form templates modals */

/* Field Group Message */
#frm-field-group-message {
	position: absolute;
	bottom: 32px;
	right: calc(50% - var(--biggest-sidebar));
	padding: var(--gap-xs) var(--gap-sm);
	border-radius: 100px;
	background-color: var(--primary-25);
}

#frm-field-group-message .frm-field-group-message-text {
	gap: 10px;
	color: var(--grey-800);
}

#frm-field-group-message-dismiss {
	margin-left: var(--gap-xs)
}

#frm-field-group-message-dismiss .frmsvg {
	color: var(--grey-800);
	width: 15px;
	height: 15px;
	cursor: pointer;
	transition: color 300ms ease-in-out;
}

#frm-field-group-message-dismiss .frmsvg:hover {
	color: var(--grey-500);
}
/* End Field Group Message */

/* Start card layout */
.frm-card-item {
	display: flex;
	border: 1px solid var(--grey-200);
	border-radius: var(--small-radius);
	padding: var(--gap-sm);
	box-shadow: var(--box-shadow-xs);
	background: #FFFFFF;
}
.frm-card-item:not(.frm-counter-card) {
	gap: 10px;
}
/* End card layout */

/* Pirate forms importer */
#welcome-panel:has(#frm_form_pf_importer) {
	background-color: #fff;
	margin: var(--gap-sm) var(--gap-md) var(--gap-md);
	line-height: 2;
}

#welcome-panel:has(#frm_form_pf_importer) .welcome-panel-content {
	text-align: start !important;
	min-height: unset;
	display: block;
}

#frm_form_pf_importer div {
	margin: 10px 0 !important;
}

#frm_form_pf_importer button {
	border: 1px solid var(--primary-500);
	padding: 7px 16px;
	min-height: 28px;
	line-height: var(--leading);
	margin-bottom: 0;
	background: var(--primary-500);
	color: #fff !important;
}

#frm_form_pf_importer button:hover {
	background: #135e96;
	border-color: #135e96;
}
/* End Pirate forms importer */

Back