File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: frm_admin.css

@import url(font_icons.css);

:root,
.frm_wrap {
	--light-blue: rgba(188, 224, 253, .2);
	--blue-border: rgb(188, 224, 253);
	--darkest-grey: rgb(40, 47, 54);
	--dark-grey: rgba(40, 47, 54, .85);
	--medium-grey: rgba(40, 47, 54, .65);
	--grey: rgba(40, 47, 54, .45);
	--grey-border: rgba(40, 47, 54, .2);
	--lightest-grey: rgb(250, 250, 250);
	--sidebar-color: rgb(246, 247, 251);
	--sidebar-hover: rgb(227, 232, 235);
	--primary-color: rgb(65, 153, 253);
	--primary-hover: rgb(49, 119, 199);
	--green: rgb(63, 172, 37);
	--orange: #F15A24;
	--pink: rgb(226, 42, 110);
	--purple: rgb(141, 53, 245);
	--border-radius: 35px;
	--small-radius: 6px;
	--small-sidebar: 275px;
	--medium-sidebar: 350px;
	--big-sidebar: 390px;
	--biggest-sidebar: 450px;
}

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

.wrap.frm-with-margin,
#frm_top_bar + .wrap,
.frm_wrap > .wrap {
	margin: 10px 40px 30px;
}

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

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

.columns-2 .frm-right-panel + #post-body-content {
	padding-bottom: 26px;
	border-left: 1px solid var(--sidebar-hover);
}

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

.formidable_page_formidable-pro-upgrade #wpfooter,
.toplevel_page_formidable #wpfooter {
	border-top: 1px solid #ddd;
	background: #fff;
}

.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 .wp-header-end {
	display: none;
}

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

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

.frm-white-body #screen-meta-links .screen-meta-toggle {
	position: absolute;
	right: 160px;
	box-shadow: none;
	border-bottom-left-radius: var(--small-radius);
	border-bottom-right-radius: var(--small-radius);
}

.frm-white-body #screen-meta-links .show-settings {
	box-shadow: none;
}

.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-border);
}

.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;
}

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

.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: 16px;
}

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

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

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

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

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

.frm-white-body table.frm-border td {
	font-size: 14px;
}

.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: block;
	width: 100%;
	max-height: 100px;
	padding: 25px 40px 25px;
	margin: 0;
	box-sizing: border-box;
	text-align: center;
}

.post-type-frm_display:not(.edit-php) #frm_top_bar,
.frm-full-screen.post-type-frm_display #frm_top_bar,
.frm_page_container #frm_top_bar {
	border-bottom: 1px solid var(--grey-border);
	padding: 0 20px;
	overflow: visible;
}

.frm-full-screen #frm_top_bar {
	padding: 0 15px !important;
}

a h1 .frmsvg {
	color: var(--medium-grey);
	vertical-align: baseline;
}

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

.frm_wrap a:active,
.frm_wrap a:hover {
	color: var(--primary-hover);
	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;
}

.frm_top_left.frm_top_wide {
	max-width: 100%;
}

.frm-header-logo,
.edit-php.post-type-frm_display .frm-header-logo {
	float: left;
	margin: 0 15px 0 0;
}

.frm-full-screen.post-type-frm_display .frm-header-logo,
.post-type-frm_display .frm-header-logo,
.frm_page_container .frm-header-logo {
	margin: 13px 0 0;
}

.frm_page_container .frm-header-logo {
	margin-bottom: 6px;
}

ul.frm_form_nav {
	margin: 0 auto;
	padding-top: 19px;
	display: block;
}

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

ul.frm_form_nav > li {
	margin: 0 3.5% 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: 5px 2px 15px;
	font-weight: 500;
	color: var(--dark-grey);
	border-bottom: 3px solid transparent;
	letter-spacing: 1px;
}

.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:hover {
	border-color: var(--primary-hover);
}

.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-color);
	border-color: var(--primary-color);
	background: transparent;
}

.frm-full-close {
	display: none;
	float: right;
	padding: 15px 0 14px 12px;
	border-left: 1px solid var(--grey-border);
	height: 100%;
	box-sizing: border-box;
}

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

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

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

.edit-php.post-type-frm_display #frm_top_bar h1,
.frm_wrap #frm_top_bar h1 {
	font-size: 22px;
	font-weight: 400;
	padding: 0;
	margin: 0;
	color: var(--medium-grey);
	display: inline-block;
	line-height: 1.4;
}

.frm-full-screen.post-type-frm_display #frm_top_bar h1,
.post-type-frm_display #frm_top_bar h1,
.frm_page_container #frm_top_bar h1 {
	margin: 0 15px;
	padding: 20px 0 0;
	text-align: left;
	width: 200px;
	line-height: 1.16;
}

.frm-full-screen.post-type-frm_display #frm_top_bar h1 span,
.post-type-frm_display #frm_top_bar h1 span,
.frm_page_container #frm_top_bar h1 span {
	font-size: 19px;
	max-width: 175px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
}

#frm_top_bar h1,
#frm_top_bar h2 {
	color: var(--medium-grey);
}

#frm_top_bar #frm_bs_dropdown {
	float: left;
}

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

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

#frm-publishing {
	float: right;
	margin-top: 15px;
	width: 225px;
	min-height: 10px;
}

#frm-publishing #publishing-action,
#frm-publishing #preview-action,
#frm-preview-action,
#frm-publishing > input[type=submit],
#frm-publishing > .button,
#frm-publishing > button {
	float: right;
	margin: 0 10px 0 0;
}

.frm_wrap .postbox {
	border-color: var(--grey-border);
	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-border);
}

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

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

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

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

.frm_wrap .frm_page_container {
	height: calc( 100vh - 32px );
	display: flex;
	flex-direction: column;
	overflow: hidden;
	padding-top: 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_wrap #frm_top_bar,
.frm_wrap .columns-2 {
	flex: 0 0 auto;
}

.frm_wrap #post-body-content {
	padding-bottom: 0;
	padding-top: 20px;
	margin-bottom: 0;
	background: #fff;
	width: auto;
	float: none;
	flex: 2;
}

.frm_wrap .columns-2 {
	flex: 1;
	display: flex;
	overflow: hidden;
}

.frm_wrap .columns-2 > div {
	overflow-y: auto;
}

.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-color);
}

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

.frm-inline-modal.postbox {
    border-color: var(--blue-border);
	background: #fff;
}

#frm_upgrade_modal .dismiss .frmsvg,
.frm-inline-modal .frmsvg,
#frm-bulk-modal .frmsvg,
.frm_has_shortcodes > .frmsvg,
#frm_upgrade_modal .dismiss i,
.frm-inline-modal i,
#frm-bulk-modal i,
.frm_has_shortcodes > i {
	top: 37px;
	right: 5px;
	margin-top: -9px;
	padding: 5px;
	font-size: 10px;
	height: 10px;
	width: 10px;
	line-height: 9px;
	font-weight: bold;
}

#frm_upgrade_modal .dismiss .frmsvg,
.frm-inline-modal .frmsvg,
#frm-bulk-modal .frmsvg,
.frm_has_shortcodes .frmsvg,
#frm_upgrade_modal .dismiss i,
.frm-inline-modal i,
#frm-bulk-modal i,
.frm_has_shortcodes i {
	position: absolute;
	color: var(--primary-color);
	border-radius: 50%;
	border: 1px solid transparent;
	z-index: 100;
	text-align: center;
}

#frm_info_modal .dismiss .frmsvg,
#frm_confirm_modal .dismiss .frmsvg,
#frm_upgrade_modal .dismiss .frmsvg,
#frm_info_modal .dismiss i,
#frm_confirm_modal .dismiss i,
#frm_upgrade_modal .dismiss i {
	top: 7px;
	right: 7px;
}

#frm-bulk-modal .frmsvg,
#frm-bulk-modal i {
	top: 15px;
	right: 7px;
}

.frm-inline-modal .frmsvg,
.frm-inline-modal i {
	top: 18px;
	right: 7px;
	font-size: 11px;
	height: 11px;
	width: 11px;
}

#frm_upgrade_modal .dismiss:hover .frmsvg,
.frm-inline-modal .dismiss:hover .frmsvg,
#frm-bulk-modal .dismiss:hover .frmsvg,
#frm_upgrade_modal .dismiss i:hover,
.frm-inline-modal i:hover,
#frm-bulk-modal i:hover {
	background: var(--sidebar-color);
}

#frm_upgrade_modal .dismiss .frmsvg,
.frm-inline-modal .dismiss .frmsvg,
#frm-bulk-modal .dismiss .frmsvg,
#frm_upgrade_modal .dismiss .frm_close_icon,
.frm-inline-modal .frm_close_icon,
#frm-bulk-modal .frm_close_icon {
	border-color: var(--primary-color);
}

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

#form_settings_page #frm_adv_info {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	max-height: 350px;
	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 {
	flex: 0 0 var(--small-sidebar);
	width: var(--small-sidebar);
	min-width: var(--small-sidebar);
}

.frm-inner-content {
	padding: 10px 25px;
}

.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: 14px;
	padding: 0;
}

.frm-nav-tabs,
#frm-bulk-modal h2 {
	margin: 10px 0 20px;
	padding: 0 15px;
	display: block;
	border-bottom: 2px solid var(--sidebar-hover);
}

#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-inline-modal .frm-nav-tabs,
#frm_adv_info .frm-nav-tabs {
	margin: 5px 0 10px;
}

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

#frm-bulk-modal h2,
.frm-nav-tabs li {
	display: inline-block;
	font-size: 15px;
	margin: 0;
}

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

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

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

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

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

#frm-bulk-modal h3,
#frm-bulk-modal h2 {
	font-size: 16px;
	margin-left: 20px;
	font-weight: 400;
}

#frm-bulk-modal h3 {
	margin: 5px 20px 10px;
	color: var(--grey);
}

.frm-right-panel h3 {
	color: var(--dark-grey);
	font-size: 20px;
	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-right-panel h3 i {
	color: var(--dark-grey);
	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;
}

#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;
}

.toplevel_page_formidable #footer-upgrade {
	display: none;
}

.frm_list_entry_page h2 {
	float: left;
}

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

#titlediv #title {
	line-height: 1.5;
	height: auto;
}

.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,
.post-type-frm_display .wrap .add-new-h2 {
	font-size: 12px;
	border: 1px solid var(--orange);
	color: var(--orange);
	line-height: 1.4;
	font-weight: 600;
	padding: 1px 4px;
	border-radius: 4px;
	background: transparent;
}

.post-type-frm_display .wrap .add-new-h2 {
	margin: 1px 0 0 10px;
	text-transform: lowercase;
	position: initial;
	vertical-align: middle;
}

h1 .frm-button-secondary,
h1 .frm-button-primary,
h2 .frm-button-secondary,
h2 .frm-button-primary {
	font-size: 14px !important;
	font-weight: normal;
	margin: 0 5px !important;
	line-height: 23px !important;
	vertical-align: text-bottom !important;
	height: auto !important;
}

.frm_reverse_button:hover,
.frm_reverse_button:active,
.frm_reverse_button:focus,
.post-type-frm_display .wrap .add-new-h2:hover,
.post-type-frm_display .wrap .add-new-h2:active,
.post-type-frm_display .wrap .add-new-h2: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,
.frm-button-secondary,
.wp-core-ui .button-secondary.frm-button-secondary,
.wp-core-ui .button.frm-button-secondary,
.frm_orange_button,
.toplevel_page_formidable #frm_upgrade_modal .button-primary,
#form_global_settings .button-secondary,
.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,
.wp-core-ui.frm-white-body .button:not(.button-small),
.frm-white-body button:not(.wp-switch-editor):not(.dropdown-toggle):not(.media-menu-item):not(.media-modal-close):not(.frm_no_style_button){
	text-shadow: none;
	box-shadow: none;
	border-radius: 30px;
	border-color: var(--primary-color);
	font-size: 1em;
	transition: all .2s ease;
	padding: 0 15px;
	height: 28px;
	min-height: 28px;
	outline: none;
	line-height: 26px;
}

.wp-core-ui.frm-white-body #post-query-submit.button,
.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: var(--lightest-grey);
	border-color: var(--grey-border);
	color: var(--dark-grey);
}

.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-color) !important;
	color: #fff !important;
}

.frm-button-primary.frm_large{
	font-size: 22px !important;
	height: auto !important;
	padding: 16px 32px !important;
}

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

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

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

#frm-form-button .frm_button_submit,
.wp-core-ui.frm-white-body .button-secondary,
.wp-core-ui .button-secondary.frm-button-secondary,
.wp-core-ui .button.frm-button-secondary,
.frm-button-secondary {
	color: var(--primary-color);
	background-color: transparent;
}

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

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

.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,
.frm_wrap .preview > .button:hover {
	border-color: var(--primary-hover) !important;
	background: var(--primary-hover);
	color: #fff;
	box-shadow: none;
}

.frm-with-plus {
	padding-left: 10px !important;
}

.frm-with-plus .frmsvg {
	margin-right: 5px;
}

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

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

.wp-core-ui.frm-white-body .frm-button-secondary:hover .frmsvg,
.frm_wrap .preview > .button:hover .frmsvg,
.wp-core-ui.frm-white-body .frm-button-secondary:hover i,
.frm_wrap .preview > .button:hover i {
	color: #fff;
}

#frm-addons-page .button-primary:focus,
#form_global_settings .button-primary:focus,
#frm_upgrade_modal .button:focus,
.frm_wrap .preview > .button:focus {
	border-color: var(--primary-hover) !important;
	outline: none;
}

.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: 14px;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

.frm-review-notice a {
	margin: 5px;
}

.frm-review-notice .frm-button-primary,
.frm-review-notice .frm-button-secondary {
	min-width: 100px;
	display: inline-block;
	text-align: center;
	padding: 2px 10px;
}

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

#frmapi-feedback {
	margin-top: 30px;
}

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

.frm-review-notice label {
	font-size: 14px;
}

/* Generic Classes */
.frm_invisible {
	visibility: hidden;
	transition: all .2s ease;
}

.frm_no_float {
	float: none;
}

.frm_block,
.frm_no_section_fields.frm_block {
	display: block;
}

.frm_inline {
	display: inline;
}

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

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

.frm_no_margin {
	margin: 0;
}

.frm_no_top_margin {
	margin-top: 0 !important;
}

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

.frm_tiny_top_margin {
	margin-top: 1px;
}

.frm_small_top_margin {
	margin-top: 5px;
}

.frm_cursor_pointer {
	cursor: pointer;
}

.frm_right_text {
	text-align: right;
}

.frm_submit .frm_full_opacity, .frm_full_opacity {
	opacity: 1;
}

.frm_med_padding {
	padding: 10px;
}

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

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

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

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

.post-type-frm_display .wrap > #posts-filter,
.post-type-frm_display .wrap > .subsubsub,
.frm_form_settings > p {
	margin: 6px 40px;
	padding: 0;
}

.frm-entry-container {
	margin: 20px 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_page_container h2 {
	margin: 10px 0 !important;
	color: var(--medium-grey);
	font-weight: 500;
	font-size: 19px;
}

.post-type-frm_display .wrap > h2:first-child,
.frm_page_container .wrap > h2:first-child {
	margin-top: 0 !important;
	font-size: 22px;
}

#frm_form_editor_container {
	position: relative;
	margin: 25px 50px 50px;
}

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

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

.accordion-container label,
.frm-fields td > label,
.frm-fields td > div > label,
.frm-fields p > label,
.post-type-frm_display .frm_form_field > label,
#new_fields .frm_primary_label,
#frm_form_editor_container .frm_primary_label {
	color: var(--dark-grey);
	margin: 0 0 3px;
	padding: 0;
	width: auto;
	font-size: 14px;
	display: block;
}

.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_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 {
	font-size: 20px;
}

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 {
	position: absolute;
	right: 0;
	top: 5px;
	padding: 0 10px;
	font-size: 15px;
}

.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 h1,
.upgrade_to_pro h3,
.upgrade_to_pro {
	color: #444;
}

.upgrade_to_pro .error {
	display: none;
}

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

.frm_error_style,
.frm_warning_style,
.frm_message,
#post-body-content .frm_updated_message,
div.frm_updated_message {
	border-radius: var(--border-radius);
	border: 1px solid #D6E9C6;
	background-color: #DFF0D8;
	color: #468847;
	padding: 5px 25px;
	font-size: 14px;
	margin: 5px 0 15px;
	text-align: center;
}

#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 .frm_updated_message {
	margin: 5px 25px;
}

.frm_error_style {
	color: #973937;
	border-color: #F2DEDE;
	background-color: #F2DEDE;
}

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

.frm_error_style svg {
    opacity: .7;
}

.frm_warning_style {
	color: #8B6E3C;
	border-color: #FBECCD;
	background-color: #FDF9E3;
	border-radius: 10px;
	text-align: left;
	padding-top: 5px;
}

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

.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-hover);
	border-radius: var(--small-radius);
	color: var(--primary-hover);
	background: #fff;
	text-align: center;
	padding: 20px;
	font-size: 14px;
	line-height: 1.4em;
}

.frm-inline-message a {
	font-weight: 600;
	color: var(--primary-hover);
}

.frm_ribbon {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	border: 25px solid transparent;
	border-bottom: 25px solid var(--orange);
	position: absolute;
	top: -31px;
	right: -74px;
	padding: 0px 10px;
	width: 30px;
	color: white;
	font-family: sans-serif;
	size: 11px;
}

.frm_ribbon span {
	position: absolute;
	left: 25px;
	font-size: 15px;
	top: 4px;
}

.accordion-section-content .frm-selectable:hover .frm_ribbon {
	display: none;
}

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

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

.frm-yes {
	color: var(--green);
	font-size: 21px;
	font-weight: 500;
}

.frm-nope {
	color: #d2e0f2;
	font-size: 21px;
}

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

.upgrade_to_pro table .frmsvg {
	height: 20px;
	width: 20px;
}

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

.upgrade_to_pro table th,
.upgrade_to_pro table td {
	padding: 10px 15px;
	border: 1px solid #d2e0f2;
}

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

.widefat th.frm_table_break {
	background-color: #f6f7fb;
}

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: 30px;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 30px 2%;
}

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

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

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

.frm-card {
	width: 100%;
	border-radius: 10px;
	border: 1px solid var(--grey-border);
	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 {
	height: 140px;
	padding-top: 30px;
	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-active .button {
	visibility: hidden;
}

.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-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install),
#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_new_form_modal .postbox {
	max-height: 600px;
	overflow: hidden;
}

#frm_new_form_modal .postbox > div:first-child {
	padding: 30px 20px;
	position: relative;
	border-bottom: 1px solid var(--grey-border);
}

#frm_new_form_modal .postbox > div:first-child > div:first-child {
	display: inline-block;
	font-size: 24px;
	color: #282F36;
}

#frm_new_form_modal .postbox > div:first-child > div:last-child {
	position: absolute;
	right: 20px;
	top: 37px;
}

#frm_new_form_modal .postbox > div:first-child > div:last-child a {
	color: var(--grey);
}

#frm_new_form_modal .postbox > div.inside {
	max-height: 490px;
	overflow-y: auto;
	overflow-x: hidden;
	margin: 0;
	padding: 10px 0 0;
}

#frm_new_form_modal .postbox > div.inside .cta-inside {
	overflow-y: auto;
	height: auto;
	padding: 0 15px;
}

#frm_new_form_modal .accordion-container {
	width: 100%;
}

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

.frm-templates-list li {
	width: 50%;
	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 li > div:not(.frm-hover-icons) {
	display: inline-block;
	width: 100%;
	padding: 5px;
}

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

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

.frm-templates-list li .frm-category-icon {
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: inline-block;
	border-radius: 4px;
	text-align: center;
	vertical-align: top;
}

.frm-templates-list li > div > div:last-child {
	/* the content container to the right of the icon in Create new form modal */
	display: inline-block;
	width: calc( 100% - 40px );
	padding-left: 13px;
	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: 14px !important;
	line-height: 24px;
	height: 24px;
}

.frm-templates-list li p {
	font-size: 13px;
	color: rgba(40, 47, 54, 0.6);
}

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

.frm-templates-list .frm-add-blank-form .frm-category-icon .frmsvg,
.frm-templates-list li:last-child div:not(.frm-hover-icons) > .frmsvg {
	color: #fff;
	transform: translateY(10px);
}

.frm-templates-list .frm-inner-circle {
	border-radius: 4px;
	width: 40px;
	height: 40px;
	padding: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	position: relative;
}

.frm-templates-list .frm-inner-circle .frmsvg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 10px;
}

#frm_new_form_modal .frm-search {
	width: calc( 100% - 20px );
	margin: 40px 10px 30px;
}

#frm_leave_email,
#frm_code_from_email
{
	width: 480px;
}

#frm_new_form_modal #template-search-input,
#frm_new_form_modal #frm_leave_email,
#frm_new_form_modal #frm_code_from_email
{
	border: 2px solid var(--grey-border);
	border-radius: 4px !important;
}

#frm-email-block .frm-with-left-icon .frmsvg {
	padding: 0;
	top: 0;
	left: 13px;
}

#frm_new_form_modal .accordion-container {
	display: inline-block;
	padding: 0;
	border-top: 1px solid var(--grey-border);
	box-sizing: border-box;
	margin: 0 10px;
	width: calc( 100% - 20px );
}

#frm_new_form_modal .accordion-section-title {
	padding: 0;
}

#frm_new_form_modal .accordion-section-title:hover,
.control-section:hover .accordion-section-title,
#frm_new_form_modal .accordion-section.open .accordion-section-title
{
	background: #fff !important;
	border-bottom: none;
}

#frm_new_form_modal .accordion-section.open:hover {
	border-bottom: none;
}

#frm_new_form_modal .accordion-section {
	padding: 8px 0 4px;
}

#frm_new_form_modal .accordion-section + .accordion-section {
    border-top: 1px solid var(--grey-border);
    border-radius: 0;
}

.frm-templates-list.frm-categories-list li > div > div:last-child,
#frm_new_form_modal .accordion-section .frm-featured-form
{
	padding-left: 0;
}

#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title {
	padding-left: 10px;
}

#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable {
	padding: 0 10px;
	overflow: hidden;
}

#frm_new_form_modal .accordion-section-content {
	padding: 10px 0;
}

.frm-hover-icons {
	position: absolute;
	right: 0;
	top: 0;
	height: 20px;
	width: 65px;
	height: 100%;
	box-sizing: border-box;
	padding: 14px 10px 0 5px !important;
	border-radius: 6px;
	text-align: right;
}

#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons {
	width: 91px;
}

.frm-hover-icons a {
	width: 22px;
	height: 22px;
	display: inline-block;
	border-radius: 50%;
	box-sizing: border-box;
	line-height: 20px;
	text-align: center;
}

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

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

.frm-hover-icons > .frm-preview-form .frmsvg {
	width: 16px;
	height: 16px;
	color: var(--primary-color);
}

.frm-hover-icons > .frm-delete-form .frmsvg {
	width: 14px;
	height: 14px;
	color: var(--primary-color);
	transform: translateY(-1px);
}

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

.frm-hover-icons > .frm-unlock-form .frmsvg {
	width: 12px;
	height: 12px;
	background-color: var(--primary-color);
	transform: translateY(-2px);
}

.frm-hover-icons > .frm-create-form .frmsvg {
	width: 14px;
	height: 14px;
}

.frm-hover-icons .frm-create-form svg {
	color: #fff;
}

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

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

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

.frm-locked-template h3 .frmsvg {
	height: 12px;
	width: 14px;
	vertical-align: top;
	padding-top: 6px;
}

.frm_modal_footer {
	background-color: #fff;
	padding: 30px 20px 15px;
	text-align: right;
	border-top: 1px solid var(--grey-border);
}

#frm_new_form_modal .frm-use-this-template {
	margin-left: 10px;
}

#frm_new_form_modal #frm-preview-block {
	padding: 20px 40px;
	overflow-x: hidden;
}

#frm_new_form_modal #frm-details-block {
	padding: 20px 40px;
}

.frm-modal-back {
	cursor: pointer;
	font-size: 17px;
	vertical-align: top;
	margin-top: 4px;
	margin-right: 4px;
}

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

.frm-plan-required-tag {
	background: #FDE6DE;
	color: #F15A24;
	font-size: 10px;
	padding: 4px 8px;
	border-radius: 4px;
	text-transform: uppercase;
	font-weight: normal;
	display: inline-block;
	line-height: 12px;
	transform: translateY(-1px);
	margin-left: 5px;
}

#frm_new_form_modal.frm-expired #frm-create-block,
#frm_new_form_modal.frm-expiring #frm-create-block {
    max-height: 450px;
}

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

#frm-create-footer .frm_error_style {
	border-radius: 6px;
}

#frm_code_from_email_options {
	margin-top: 20px;
}

#frm_code_from_email_options * {
	color: var(--primary-color);
}

#frm-email-block p,
#frm-code-block p,
#frm-renew-block p
{
	padding: 0 40px;
	max-width: 400px;
	margin: 0 auto 20px;
}

li .frm-hover-icons .frm-preview-form,
.frm-hover-icons .frm-unlock-form,
.frm-locked-template .frm-hover-icons .frm-create-form,
#frm_new_form_modal .frm-modal-back ~ span,
#frm_new_form_modal .postbox > div:first-child ~ div,
.frm-modal-back,
#frm_new_form_modal:not([frm-page="create"]) a.dismiss,
#frm_code_from_email_error span,
#frm_leave_email_error span,
#frm_new_form_modal .frm-delete-form,
#frm-details-block #frm-new-template button,
#frm-create-title span[frm-type="template"],
#frm-create-title[frm-type="template"] span[frm-type="form"]
{
	display: none;
}

#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back,
#frm_new_form_modal[frm-page="create"] #frm-create-title,
#frm-create-title[frm-type="template"] span[frm-type="template"],
#frm_new_form_modal[frm-page="preview"] #frm-preview-title,
#frm_new_form_modal[frm-page="details"] #frm-create-title,
#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title,
#frm_new_form_modal[frm-page="email"] #frm-email-title,
#frm_new_form_modal[frm-page="code"] #frm-email-title,
#frm_new_form_modal[frm-page="renew"] #frm-renew-title,
.frm-locked-template .frm-hover-icons .frm-unlock-form,
li[data-preview] .frm-hover-icons .frm-preview-form,
#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"],
#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"],
#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"],
#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"],
#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"],
#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form
{
	display: inline-block;
}

#frm_new_form_modal[frm-page="create"] #frm-create-block,
#frm_new_form_modal[frm-page="preview"] #frm-preview-block,
#frm_new_form_modal[frm-page="details"] #frm-details-block,
#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block,
#frm_new_form_modal[frm-page="email"] #frm-email-block,
#frm_new_form_modal[frm-page="code"] #frm-code-block,
#frm_new_form_modal[frm-page="renew"] #frm-renew-block,
#frm_new_form_modal[frm-page="create"] #frm-create-footer,
#frm_new_form_modal[frm-page="preview"] #frm-preview-footer,
#frm_new_form_modal[frm-page="details"] #frm-details-footer,
#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer,
#frm_new_form_modal[frm-page="email"] #frm-email-footer,
#frm_new_form_modal[frm-page="code"] #frm-code-footer,
#frm_new_form_modal[frm-page="renew"] #frm-renew-footer
{
	display: block;
}

.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-color);
	display: inline-block;
	width: 1em;
	margin-left: -1em;
}

/* Bulk Options */
#frm-bulk-modal .frm_grid_container {
	border-top: 1px solid var(--grey-border);
	grid-template-columns: repeat(12, 8.33%);
	grid-gap: 0;
}

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

.frm-inline-modal .howto,
#frm-bulk-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: 14px;
	padding: 0 5px 10px;
}

.frm-small-add {
	font-size: 14px !important;
}

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

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

.frm_image_from_url {
	height: 50px;
}

.frm-right-panel .inside a.frm_pro_tip,
a.frm_pro_tip {
	font-size: 14px;
	border: 1px solid var(--orange);
	display: inline-block;
	color: var(--dark-grey);
	background: var(--light-blue);
	border-radius: var(--border-radius);
	text-align: center;
	padding: 5px 15px;
	margin: 0 auto;
	line-height: 1.4;
}

a.frm_pro_tip:hover {
	color: var(--dark-grey);
	border-color: var(--primary-color);
}

a.frm_pro_tip:hover .frmsvg {
	fill: var(--primary-color);
}

.frm_field_list .frm_pro_tip {
	margin: 10px 15px;
	padding-left: 40px;
	position: relative;
	background: #fff;
}

a.frm_pro_tip .frmsvg,
a.frm_pro_tip i {
	color: var(--orange);
	margin-right: 5px;
}

.frm_field_list a.frm_pro_tip .frmsvg {
	position: absolute;
	left: 15px;
	top: calc(50% - 11px);
}

.pro-tip {
	font-weight: 500;
	color: var(--darkest-grey);
}

.frm-tip-cta {
	color: var(--orange);
}

.nav-tab-wrapper .frm_pro_tip {
	float: right;
}

.frm_pro_tip:hover .frm-tip-cta {
	color: var(--primary-color);
}

/*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,
.frm_wrap .ui-autocomplete-input {
	background:#fff 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%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
	background-size: 16px 16px;
}

.frm-btn-group .caret {
	float: right;
	margin-top: 6px;
}

.dropdown {
	position: relative;
}

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

.frm-dropdown-menu {
	max-height: 200px;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	text-align: left;
	min-width: 160px;
	width: auto;
	padding: 5px 0;
	margin: 2px 0 0;
	list-style: none;
	font-size: 12px;
	background-color: #ffffff;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

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

#frm_bs_dropdown > a {
	font-size: 1em;
}

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

.preview .frm-dropdown-menu {
	min-width: 60px;
}

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

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

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

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

.frm-dropdown-menu > li > a,
.frm-dropdown-menu .frm_dropdown_li {
	clear: both;
	font-weight: normal;
	white-space: nowrap;
	text-decoration: none;
}

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

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

.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 20px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #999999;
}

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

.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: 1.5;
}

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

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

.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-border);
	border-radius: var(--small-radius);
	font-size: 13px;
	color: var(--dark-grey);
	padding: 7px 20px;
}

.frm_actions_dropdown .frm-dropdown-menu {
	font-size: 14px;
	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: 14px;
	padding-top: 3px;
    margin-bottom: 3px;
}

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

.frm-right-panel .accordion-section-content  > .inside {
	padding: 0;
}

.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: 16px;
	color: var(--dark-grey);
}

.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(--dark-grey);
}

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

.frm-with-line,
.accordion-section-content h4 {
	font-size: 16px;
	font-weight: 400;
	margin: 20px -20px 10px;
	padding: 0 20px;
	color: var(--dark-grey);
	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-border);
	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,
#frm_new_form_modal .accordion-section-title:after
{
	content: "\e913" !important;
	font-family: "s11-fp" !important;
	font-size: 18px;
	font-variant: normal;
	text-rendering: auto;
}

#frm_new_form_modal .accordion-section.open .accordion-section-title:after {
	transform: rotate(90deg);
}

.frm-right-panel .accordion-section-title:after {
	right: 20px;
}

.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;
}

.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-right-panel h3.accordion-section-title {
	padding: 15px 20px;
	background: var(--sidebar-color);
	line-height: 1;
}

.control-section .accordion-section-title:after, .customize-pane-child .accordion-section-title:after {
	top: 19px;
}

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

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

.multiselect-container.frm-dropdown-menu input[type=radio] {
	display: none;
}

.multiselect-container {
	position: absolute;
	list-style-type: none;
	margin: 0;
	padding: 0
}

.multiselect-container .input-group {
	margin: 5px
}

.multiselect-container > li {
	padding: 0;
	margin: 0;
}

.multiselect-container > li > a.multiselect-all label {
	font-weight: 700
}

.multiselect-container > li > label.multiselect-group {
	margin: 0;
	padding: 3px 20px;
	height: 100%;
	font-weight: 700
}

.frm-dropdown-menu.multiselect-container > li > a {
	padding: 0
}

.multiselect-container > li > a > label {
	margin: 0;
	padding: 3px 25px;
	height: 100%;
	cursor: pointer;
	font-weight: 400;
	display: block;
}

.accordion-container .multiselect-container > li > a > 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
}

.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {
	padding: 3px 20px;
}

.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {
	margin-left: -20px;
	margin-right: 0;
}

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

.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 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;
	position: relative;
	height: 145px;
}

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

.frm-embed-message {
	position: absolute;
	background: #fff;
	border: 1px solid var(--grey-border);
	color: var(--dark-grey);
	padding: 37px 0;
	font-size: 18px;
	width: 50%;
	top: 23px;
	left: 25%
}

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

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

.frm-single-settings .frm-embed-message {
	width: 100%;
	position: static;
}

#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-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before,
.frm-star-group input + label:hover:before,
.frm-star-group:hover input + label:hover:before,
.frm-star-group .star-rating-on:before,
.frm-star-group .star-rating-hover:before,
.frm-star-group input[type=radio]:checked + label:before,
.frm-star-group input + label:before,
.frm-star-group .star-rating:before {
	color: var( --blue-border);
}

.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-hover);
}

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

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

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

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

#new_fields .frm_primary_label + p,
#new_fields .frm_primary_label + .frm6 + .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: 14px;
}

/* 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],
.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-border);
	box-shadow: none;
	-webkit-appearance: none;
}

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

.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_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-hover);
	border-right-color: var(--primary-hover);
}

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

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: 1.5;
	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-border);
	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_logic_row,
.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 15px;
	color: var(--darkest-grey);
}

#frm-options-panel h3 {
	padding: 15px 0;
	margin-top: -2px;
}

.frm_field_key {
	background-color: #F7F7F7;
}

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

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

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

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

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

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

.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;
}

.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 {
	width: calc(100% - 5px) !important;
	height: 0 !important;
	border: none;
	box-shadow: 2px -10px 0 1px var(--primary-color);
	margin: 0;
	visibility: visible !important;
}

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

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

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

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

.frm_sorting > li.edit_field_type_end_divider:first-child,
.frm_sorting > .frmbutton + .sortable-placeholder, /* hide for first field */
.no-drop-placeholder,
.frm-show-click,
li.ui-state-default.edit_field_type_divider .frm-show-click {
	display: none;
}

.frm_form_field.ui-sortable-helper {
	height: 30px !important;
	background-color: #fff !important;
	overflow: hidden !important;
	box-sizing: border-box;
}

.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_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;
}

.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-border);
	--border-color-active: var(--primary-color);
	--border-radius: var(--small-radius);
}

.frm_image_option_container svg {
	height: 50px;
	margin: 10px auto 0;
}

#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;
}

.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 .frm_file_link img {
	max-width: 75px;
	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 );
}

/* 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: 10px;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	line-height: 17px;
}

.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{
	margin-top: 6px;
	color: rgba(40, 47, 54, 0.65);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.frm_wrap .frm_choose_image_box {
	cursor: pointer;
	color: var(--dark-grey);
	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 .frmsvg,
a.frm_remove_image_option,
.frm_remove_image_option {
	margin-top: 9px;
	color: rgba(40, 47, 54, 0.4);
	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 */

#form_settings_page label,
.frm_form_builder label {
	font-weight: normal;
	font-size: 15px;
	color: var(--dark-grey);
}

.frm-form-setting-tabs {
	margin-top: 20px !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: 16px;
	padding: 15px 20px 20px;
	color: var(--dark-grey);
}

.frm-right-panel .misc-pub-section {
	padding: 10px 0;
	line-height: 1.4em;
	position: relative;
}

.frm-right-panel .inside a,
.frm-form-setting-tabs a {
	font-size: 16px;
	color: var(--dark-grey);
	padding: 15px 15px 15px 20px;
	display: block;
}

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

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

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

.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);
}

.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(--dark-grey);
}

.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 20px;
	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-border);
	padding: 25px;
	border-radius: var(--small-radius);
	margin: 5px 0 5px 25px;
}

/* 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 {
	position: relative;
	display: inline-block;
	width: 45px;
	height: 20px;
	vertical-align: middle;
	margin: 2px;
}

label > span.frm_toggle {
	margin-right: 15px;
}

.frm_toggle input {
	display: none !important;
}

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

.frm_toggle_slider:before {
	border-radius: 50%;
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 2px;
	top: 2px;
	transition: .3s;
	background-color: var(--grey);
}

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

.frm_toggle_long {
	width: 80%;
	height: 28px;
}

.frm_toggle_long .frm_toggle_slider {
	background: var(--primary-hover);
	box-shadow: 0 0 0 2px var(--primary-hover);
}

.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);
}

input:checked + .frm_toggle_slider {
	background-color: var(--primary-hover);
	box-shadow: 0 0 0 2px var(--primary-hover);
}

input:checked + .frm_toggle_slider:before {
	transform: translateX(25px);
	background-color: #fff;
}

.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-color);
	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;
}

input:focus + .frm_toggle_slider {
	box-shadow: 0 0 1px #008ec2;
}

/* 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-example-icon .frmsvg,
.frm-example-icon i {
	height: 20px;
	width: 20px;
	font-size: 20px;
	color: var(--dark-grey);
}

.edd_frm_license_row {
	clear: both;
	line-height: 2em;
}

.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(--dark-grey);
	max-width: 500px;
}

.frm_no_items h2 {
	font-size: 25px;
	margin-bottom: 30px !important;
}

.frm_no_items p {
	font-size: 14px;
}

.frm-subscribe {
	margin: 30px 0;
}

/* Inbox */

#frm_inbox_page .frm_page_container {
	height: auto;
}

.frm_inbox_card {
	display: grid;
	grid-template-columns: 72px 1fr;
	grid-gap: 15px;
	border-bottom: 1px solid var(--grey-border);
	padding: 25px;
}

.frm_inbox_card_icon {
	grid-row: span 3 / span 3;
	padding-top: 20px;
	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;
	font-weight: 600;
	color: var(--medium-grey);
	font-size: 16px;
}

.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;
}

/* Styles tabs */

#frm_styling_form #frm_delete_style {
	padding-right: 10px;
}

#frm_styling_form #frm_delete_style .frmsvg {
	vertical-align: -webkit-baseline-middle;
}

.frm_pro_form .frm_form_field.frm_lite_style,
.frm_pro_form .frm_lite_style {
	display: none !important;
}

label.default-style-box input[type="checkbox"] {
	vertical-align: middle;
}

#frm_styling_form .frm_form_field input[type="checkbox"],
#frm_styling_form .frm_form_field input[type="radio"] {
	vertical-align: bottom;
}

#frm_styling_form .howto span {
	float: none;
	margin-top: 0;
}

/* Import/Export */
.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(--dark-grey);
	color: #fff;
	border-radius: var(--small-radius);
	padding: 20px;
	margin: 10px 0;
}

.frm-feature-banner p {
	font-size: 14px;
}

.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-border);
	color: var(--dark-grey);
	font-size: 20px !important;
	font-weight: 500 !important;
	padding: 9px 0 5px;
	margin: 0;
}

.frm_settings_form h3,
.frm_form_settings h3 {
	font-size: 16px;
	border-top: 1px solid var(--grey-border);
	padding-top: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: var(--medium-grey);
}

.frm_form_settings .howto {
	color: var(--medium-grey);
	font-size: 15px;
	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 {
	box-shadow: none;
	border: 1px solid var(--grey-border);
	border-radius: var(--small-radius);
	background: var(--lightest-grey);
	position: absolute;
	padding: 3px 0;
	font-size: 15px;
	max-height: 310px;
	overflow-y: auto;
	overflow-x: hidden;
}

.frm_wrap .ui-widget {
	font-family: inherit;
}

.frm_wrap .ui-autocomplete li {
	padding: 2px 10px;
	background: none;
	color: var(--dark-grey);
	border: none;
	font-weight: normal;
}

.frm_wrap .ui-autocomplete li.ui-state-focus {
	background: rgb(65, 153, 253);
	color: #fff;
}

.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_page_container #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: 10px;
	background: 0 0;
	cursor: pointer;
	outline: 0;
}

#frm_email_addon_menu {
	border: 1px solid var(--grey-border);
	padding: 15px;
	border-radius: 4px;
	margin: 25px 0 15px;
}

#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,
.frm_email_settings .widget .widget-top h3 {
	cursor: pointer !important;
}

.frm_email_settings .widget {
	margin-bottom: 15px;
	line-height: 1.4em;
	padding: 0;
}

.frm_email_settings .widget:last-of-type {
	margin-bottom: 20px;
}

.frm_form_action_settings .widget-top {
	box-shadow: none;
	border-color: var(--grey-border);
	border-radius: 4px;
	background: var(--lightest-grey);
	color: var(--dark-grey);
}

.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-border);
}

.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-border);
	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: 16px;
	font-weight: 500;
}

#frm_email_addon_menu h3 {
	margin: 0 0 15px;
	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: 16px;
	float: right;
}

.frm_actions_list a:active, .frm_actions_list a:focus {
	outline: none;
}

.frm_actions_list a {
	font-size: 14px;
	color: var(--dark-grey);
	word-break: break-word;
}

.frm_actions_list span.frm-outer-circle {
	/* 50px total with 30px content */
	background-color: var(--sidebar-color);
	padding: 10px;
	text-align: center;
	border-radius: 50%;
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 15px;
}

.frm_email_settings .widget-title h4 {
	color: var(--dark-grey);
}

.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-border);
	border-radius: 50%;
	display: inline-block;
	text-align: center;
}

span.frm-inner-circle {
	background-color: var(--primary-hover);
	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: var(--lightest-grey);
	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-hover);
	padding: 0;
	height: 30px;
	width: 100%;
}

.frm_actions_list span.frm-inverse i,
.frm_actions_list span.frm-inverse .frmsvg {
	color: var(--primary-hover);
	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: transparent;
	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-border);
	height: 24px;
	width: 24px;
	font-size: 24px;
	line-height: 1em;
}

.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);
}

.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;
	vertical-align: middle;
}

.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;
}

.frm-no-margin {
	margin: 0;
}

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

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;
}

#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;
	line-height: 1;
}

.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: 7px;
	background: var(--light-blue);
	color: var(--primary-hover);
	border-radius: 4px;
	border-color: var(--blue-border);
	line-height: 1em;
	height: auto;
	font-size: 12px;
	box-shadow: none;
}

.frm_reply_to_container,
.frm_bcc_cc_container {
	float: right;
	margin: -8px 0 0;
	z-index: 1;
	position: relative;
}

.frm_email_row .frm_cancel1_icon:before {
	line-height: 1;
	vertical-align: bottom;
}

.frm_action_id {
	padding-top: 10px;
}

.frm_logic_field_opts {
	max-width: 35%;
}

.frm-inline-select,
#frm_submit_logic_row,
.frm_logic_rows .frm-collapse-me {
	line-height: 30px;
}

.frm_logic_row:first-of-type {
	padding-top: 8px;
}

.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;
}

.frm_form_settings input[type="text"] {
	line-height: normal;
	height: auto;
}

#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: 14px;
	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: 14px;
}

#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 {
	display: block;
	text-align: center;
	margin: 10px auto;
	padding: 10px;
	width: 80%;
	max-width: 290px;
	font-size: 19px;
	border: 1px solid var(--primary-color);
	border-radius: var(--border-radius);
}

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: 30px;
}

.frm_icon_font {
	color: #A0A0A0;
	color: var(--grey);
}

.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 a {
	margin-left: 15px;
	float: right;
	font-size: 16px;
	width: 17px;
}

.frm-field-action-icons a .frmsvg {
	color: var(--primary-hover) !important;
	font-size: 17px;
	width: 17px;
	height: 17px;
}

.edit_field_type_end_divider .frm-field-action-icons {
	display: none !important;
}

.frm-move {
	cursor: move;
}

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: 200%;
}

/* 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 {
	font-size: 16px;
	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;
}

#form_reports_page h2 {
	margin-top: 2em !important;
}

/* 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_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: 10px 0 35px;
	margin: 0;
}

.frm-has-fields #frm-show-fields {
	min-height: 50px;
}

.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: 2px solid transparent;
	border-radius: 4px;
	font-weight: normal !important;
	background-color: transparent;
	background-image: none;
	padding: 5px;
	margin: 10px 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;
}

.repeat_section .start_divider li:only-child {
	margin-top: 50px;
}

.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-section-collapsed .frm_clone_icon,
.frm-section-collapsed .frm_delete_field {
	opacity: .5;
	cursor: not-allowed;
}

.edit_field_type_summary .frm_clone_field {
	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-border);
	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,
.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 -20px;
	border-left: 1px solid var(--primary-hover);
	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 15px;
}

.frm-first-page .frm_prev_page {
	display: none;
}

#frm-form-button button,
.frm_remove_form_row.frm_button,
.frm_add_form_row.frm_button,
.frm-white-body .frm-preview-buttons button {
	border-radius: var(--small-radius);
	border: 1px solid var(--blue-border);
	color: var(--primary-color);
}

.frm_wrap .frm_remove_form_row .frmsvg,
.frm_remove_form_row i:before,
.frm_wrap .frm_add_form_row .frmsvg,
.frm_add_form_row i:before {
	color: var(--primary-hover);
}

.frm-preview-buttons .frm_button_submit {
	margin: 0 5px;
}

.frm-page-break {
	border-top: 1px dashed var(--primary-hover);
	margin-top: 30px;
	position: relative;
}

.edit_field_type_divider:before,
.edit_field_type_divider:after,
.frm-page-break:before,
.frm-page-break:after {
	content: '';
	position: absolute;
	top: -4px;
	width: 4px;
	height: 4px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid var(--primary-hover);
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

.frm-page-break:after {
	right: 0;
}

#frm-fake-page {
	padding: 0 5px;
}

#frm-fake-page .frm-page-break,
#frm-fake-page .frm-page-break:before,
#frm-fake-page .frm-page-break:after {
	border-color: var(--grey);
}

.edit_field_type_divider:before {
	width: 20px;
	height: 20px;
	left: -11px;
	top: 0;
	background: var(--primary-hover);
	text-align: center;
	color: #fff;
	font-size: 13px;
	line-height: 22px;
}

.edit_field_type_divider:before{
	font-family: 's11-fp';
	content: '\f1dc';
}

.repeat_section.edit_field_type_divider:before {
	font-family: 's11-fp';
	content: '\f363';
}

.edit_field_type_divider:after {
	left: -4px;
	bottom: 0;
	top: auto;
	transition: all 0.4s ease-out;
}

.frm_sorting li.edit_field_type_divider:hover,
.frm_sorting li.edit_field_type_divider.selected {
	border-left-color: var(--primary-color);
}

.edit_field_type_divider.selected:before,
.edit_field_type_divider:hover:before {
	border-color: var(--primary-color);
	background: var(--primary-color);
}

.edit_field_type_divider.selected:after,
.edit_field_type_divider:hover:after {
	border-color: var(--primary-color);
}

.frm-section-collapsed:after {
	border-color: transparent !important;
	color: transparent;
}

.frm-page-break .frm-collapse-page.button {
	margin-left: 46%;
	margin-top: -15px;
	background-color: #fff;
	border-color: var(--primary-hover) !important;
	color: var(--primary-hover);
}

#frm-fake-page .frm-collapse-page.button {
	border-color: var(--grey) !important;
	color: var(--grey);
}

#frm-fake-page.frm-page-collapsed {
	margin-bottom: 0;
}

.frm-page-collapsed {
	position: relative;
	overflow: visible !important;
	margin-bottom: 30px;
}

.frm-page-collapsed:after {
	content: '';
	display: block;
	border: 1px dashed var(--grey-border);
	border-left: none;
	border-right: none;
	height: 6px;
	position: absolute;
	width: calc( 100% - 10px );
	bottom: -15px;
}

.frm-collapse-page .frm_arrowdown6_icon {
	width: 16px;
	text-align: center;
	margin-left: 2px;
	color: var(--primary-hover);
}

#frm-fake-page .frm_arrowdown6_icon {
	color: var(--grey);
}

#frm-fake-page .frm-collapse-page:hover,
#frm-fake-page .frm-collapse-page:hover .frm_arrowdown6_icon,
.frm-collapse-page:hover .frm_arrowdown6_icon {
	color: #fff;
}

.frm-collapsed i:before,
.frm-section-collapsed .frm_arrowdown6_icon:before,
.frm-page-collapsed .frm_arrowdown6_icon:before {
	content: '\e913';
}

.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: 16px;
	box-sizing: border-box;
	border: 2px dashed var(--primary-color);
}

.drop-me + .frm_no_fields {
	border-style: solid;
}

.frm_no_section_fields {
	display: none;
	margin: 0;
	padding: 20px 0 0;
	width: calc( 100% - 20px );
	height: 121px;
	border-color: var(--grey-border);
	transition: all 0.4s linear;
}

.frm_no_fields {
	min-height: 300px;
	margin: 20px 5%;
	width: 90%;
	top: 0;
}

.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-hover);
	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:last-child {
	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;
}

#frm-preview-block {
	height: 400px;
	overflow: scroll;
	margin: 0;
}

.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;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.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-color);
}

.frm_wrap .manage-menus {
	margin-top: 0;
	border: none;
	border-bottom: 1px solid var(--grey-border);
	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(--darkest-grey);
}

.no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover {
	box-shadow: none;
}

.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-color);
	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-color);
}

.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: 16px;
	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;
}

.widefat .column-entries, .widefat .column-link {
	width: 10%;
	text-align: center;
}

.widefat .column-form_key, .widefat .column-created_at {
	width: 10%;
}

.post-type-frm_display .search-box,
.frm_wrap .frm-search {
	float: right;
	margin-bottom: 15px;
	clear: right;
}

#form_entries_page form .frm-search {
	margin-top: 15px;
}

.frm-search {
	width: 32%;
	float: right;
	position: relative;
}

.frm-inline-modal .frm-search,
#frm_adv_info .frm-search {
	float: none;
	width: 100%;
	clear: both;
	margin: 5px 0 10px;
}

.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,
.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: 7px 10px;
	pointer-events: none;
	left: 0;
	color: var(--grey);
	opacity: .5;
	font-size: 18px;
}

.frm-with-right-icon .frmsvg,
.frm-with-right-icon i {
	right: 0;
	top: -3px;
	left: auto;
	padding: 0 10px 0 5px;
}

.frmsvg.frm-show-box,
.frmsvg.frm-show-inline-modal,
i.frm-show-box,
i.frm-show-inline-modal {
	color: var(--primary-color);
	pointer-events: initial;
	cursor: pointer;
	z-index: 1;
	opacity: 1;
	right: 2px;
	top: auto;
	padding: 7px 10px;
}

.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: 35px;
}

#frm-show-fields .frm-with-left-icon .frmsvg,
#frm-show-fields .frm-with-left-icon i {
	padding-top: 10px;
}

.frm-search input.frm-search-input,
.frm-search input[name="s"],
.frm-search #search-submit {
	border-color: var(--grey-border);
	box-shadow: none;
	margin: 0;
	padding: 7px;
	height: auto;
	font-size: 13px;
	line-height: normal;
}

.frm-search .dropdown-toggle,
.frm-search input.frm-search-input {
	border-radius: var(--border-radius);
	padding-left: 33px !important;
}

.frm-search input[name="s"] {
	width: 70%;
	float: left;
	border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
	border-right-width: 0;
	padding-left: 33px;
}

.frm-search .dropdown-toggle,
.frm-search input.frm-auto-search {
	width: 100%;
	border-right-width: 1px;
	border-radius: var(--border-radius) !important;
	float: none;
}

.frm-search .dropdown-toggle {
	max-width: 200px;
	background: transparent;
	padding: 7px;
	min-height: 32px;
	text-align: inherit;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frm-search span.multiselect-selected-text {
	white-space: nowrap;
    display: inline-block;
}

.frm-search #search-submit {
	width: 30%;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
	text-align: center;
	background-color: var(--lightest-grey);
}

.frm-search #search-submit a {
	color: var(--primary-color);
}

.frm-search #search-submit .caret {
	opacity:.7;
}

.frm-not-set input {
	color: var(--primary-color) !important;
	font-size: 13px;
}

.frm-not-set .frmsvg,
.frm-not-set i {
	color: var(--primary-hover);
	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: 1px solid black;
	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-border);
	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: 30px;
}

.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-border);
}

.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-border);
	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-border);
	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;
}

.frm_two_col li {
	float: left;
	width: 48%;
	margin-right: 4%;
}

.frm_two_col li:nth-child(2n+2) {
	margin-right: 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 p,
.settings-lite-cta {
	color: #666;
	font-size: 16px;
	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: 20px 40px;
}

.cta-inside a {
	color: var(--orange)
}

.info-modal-inside a.frm-standard-link {
	color: var(--primary-color);
}

.info-modal-inside a.frm-standard-link:hover {
	color: var(--primary-hover);
}

.frm-caution {
	text-transform: uppercase;
	font-weight: bold;
	color: var(--dark-grey);
}

.field_type_list > li {
	width: 50%;
}

.frm_no_p_margin > p {
	margin: 0;
}

.frm_code_list a.button {
	display: block;
	text-align: center;
	font-size: 11px;
	overflow: hidden;
}

.frm_code_list.frm-full-hover {
	margin: 0 -20px;
}

#frm-navbarDrop + .frm_code_list.frm-full-hover {
	margin: 4px 0 0;
}

.frm_code_list.frm-full-hover li {
	margin: 0;
}

.frm-dropdown-menu > li > a,
.frm-dropdown-menu .frm_dropdown_li,
.frm_code_list.frm-full-hover a {
	display: block;
	color: var(--dark-grey);
	padding: 3px 25px;
	font-size: 15px;
}

.frm_code_list.frm-full-hover a span {
	color: var(--grey);
	float: right;
	font-size: 14px;
	max-width: 83px;
	text-align: right;
}

.frm_code_list.frm-full-hover a,
.frm_code_list.frm-full-hover a span {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.frm-dropdown-menu > li > a:hover,
.frm_code_list.frm-full-hover a:hover span,
.frm_code_list.frm-full-hover a:hover {
	background: var(--sidebar-color);
	color: var(--primary-color);
}

.frm-dropdown-menu.frm_code_list > li > a {
	padding: 3px 15px;
	width: 300px;
}

.frm-dropdown-menu.frm_code_list .frm-with-search {
	padding: 3px 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-color);
	color: var(--primary-color);
	display: block;
	border-radius: var(--small-radius);
}

.frm_code_list.frm_grid_container a:hover {
	background-color: var(--primary-hover);
	color: #fff;
}

.frm_field_list #frm-insert-fields .button a {
	display: block;
	max-width: 95%;
	overflow: hidden;
}

.field_type_list li {
	margin: 0 0 10px;
	padding: 0;
	clear: both;
	float: left;
}

.field_type_list li:nth-child(2n) {
	float: right;
	clear: none;
}

#frm-insert-fields li,
#frm-insert-fields li a {
	text-decoration: none;
	font-weight: normal;
	font-size: 15px !important;
	color: var(--dark-grey);
}

#frm-insert-fields li a {
	padding: 5px 20px;
	display: block;
	border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

#frm-insert-fields li.frm_show_upgrade {
	margin: 0 0 10px;
	padding: 5px 20px;
	box-sizing: border-box;
	cursor: pointer;
	opacity: .5;
}

#frm-insert-fields li a span {
	vertical-align: middle;
}

#frm-insert-fields li:nth-child(2n) a {
	border-radius: var(--border-radius) 0 0 var(--border-radius);
}

#frm-insert-fields li a:not(.disabled):hover {
	background: var(--sidebar-hover);
}

#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: text-bottom;
}

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;
}

.frm_code_list a .frmsvg,
.frmbutton.ui-sortable-helper .frmsvg,
.field_type_list li.frmbutton .frmsvg,
.frm_code_list a i,
.frmbutton.ui-sortable-helper i,
.field_type_list li.frmbutton i {
	margin: .15em .2em;
	color: var(--grey);
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	padding-right: 15px;
	text-align: left;
	font-size: 18px;
}

.frm_code_list a .frmsvg,
.frm_code_list a i {
	margin: 0 5px 0 0;
	padding: 0;
	width: 15px;
	font-size: 15px;
}

.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(--dark-grey);
}

/* Icon while dragging */
.frmbutton.ui-draggable-dragging,
.frmbutton.ui-draggable-dragging a {
	cursor: move;
}

.frmbutton.ui-sortable-helper a,
.frmbutton.ui-draggable-dragging a:hover,
.frmbutton.ui-draggable-dragging a {
	text-decoration: none;
	height: 25px !important;
	max-width: 180px;
	text-align: center;
	display: block !important;
	background-color: var(--primary-hover) !important;
	border-radius: var(--border-radius) !important;
	padding: 5px 20px !important;
}

.frmbutton.ui-draggable-dragging:not(.ui-sortable-helper) a {
	/* When the new field is held outside of a dropzone */
	cursor: not-allowed;
	background: var(--sidebar-color) !important;
	color: var(--dark-grey) !important;
}

.frmbutton.ui-draggable-dragging span {
	font-size: 15px;
}

#frm-show-fields .frmbutton.ui-sortable-helper i,
.frmbutton.ui-sortable-helper span,
.frmbutton.ui-draggable-dragging i {
	color: #fff !important;
}

.frmbutton.ui-draggable-dragging:not(.ui-sortable-helper) i {
	color: var(--dark-grey) !important;
}

.frmbutton.ui-draggable-dragging .frm-dropdown-menu {
	display: none;
}

.frm_sorting li.ui-state-default.ui-sortable-helper,
.frmbutton.ui-sortable-helper {
	transition: opacity .2s;
	opacity: 1;
}

.frmbutton.ui-sortable-helper:not(.ui-draggable-dragging) {
	opacity: 0;
}

/* 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-dialog {
	z-index: 100;
	padding: 0 !important;
	border-radius: 10px;
	border: 1px solid var(--grey);
	background-color: #fff;
}

.frm-dialog .postbox {
	background: transparent;
	box-shadow: none;
	border: none;
}

.frm-dialog .frm-sub-label,
.frm-dialog label {
	color: var(--dark-grey);
	font-size: 17px;
	font-weight: 300;
}

.frm-dialog input[type=text],
.frm-dialog textarea {
	font-size: 16px;
}

.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;
}

h2 .frm-sub-label {
	font-size: 16px;
}

.frm-white-body .ui-widget-overlay,
.toplevel_page_formidable .ui-widget-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--grey-border);
	z-index: 2;
}

#frm_upgrade_modal {
	text-align: center;
}

#frm_upgrade_modal .frm_lock_icon {
	display: block;
	margin: 0 auto;
	height: 35px;
	width: 35px;
	color: #c4c4c4;
	padding-bottom: 20px;
}

#frm-upgrade-message img {
	max-width: 100%;
}

a.frm-link-secondary {
	color: #c4c4c4;
	font-size: 14px;
	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 v3.0.2
 */

.tooltip {
	position: absolute;
	z-index: 9999999;
	display: block;
	visibility: visible;
	font-size: 14px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 10px;
	color: #fff;
	text-align: left;
	text-decoration: none;
	background-color: var(--dark-grey);
	border-radius: 4px;
	z-index: 99999999;
	text-transform: none;
}

.tooltip.right .tooltip-inner {
	min-width: 150px;
	max-width: 300px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: var(--dark-grey);
}

.tooltip.top-left .tooltip-arrow {
	bottom: 0;
	left: 5px;
	border-width: 5px 5px 0;
	border-top-color: var(--dark-grey);
}

.tooltip.top-right .tooltip-arrow {
	bottom: 0;
	right: 5px;
	border-width: 5px 5px 0;
	border-top-color: var(--dark-grey);
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: var(--dark-grey);
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: var(--dark-grey);
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: var(--dark-grey);
}

.tooltip.bottom-left .tooltip-arrow {
	top: 0;
	left: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: var(--dark-grey);
}

.tooltip.bottom-right .tooltip-arrow {
	top: 0;
	right: 5px;
	border-width: 0 5px 5px;
	border-bottom-color: var(--dark-grey);
}

.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;
}

/* End Bootstrap */

.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(--dark-grey);
	border-radius: 0;
	opacity: 1;
	font-size: 14px;
}

#frm_styling_form #post-body {
	padding: 20px;
}

.ui-datepicker-inline.ui-datepicker {
	max-width: 19em;
}

.default-style-box.howto {
	margin-left: 20px;
	font-style: normal;
}

#frm_custom_css_box {
	width: 100%;
}

#frm_styling_form .wp-picker-container .wp-color-result.button {
	width: 100%;
	overflow: hidden;
	margin: 0 !important;
	height: 32px !important;
	padding: 0 0 0 30px !important;
	border-radius: var(--small-radius);
	border-color: var(--grey-border);
}

#frm_styling_form .wp-color-result-text {
	line-height: 30px !important;
	font-size: 15px;
	background: #fff !important;
}

.wp-picker-open + .wp-picker-input-wrap {
	position: absolute;
	margin-left: -87px;
	margin-top: 1px;
	width: 86px;
}

.wp-picker-container input[type="text"].wp-color-picker {
	border: none;
	padding: 3px;
	font-family: inherit;
	color: var(--dark-grey);
	font-size: 15px;
	width: 100%;
	line-height: 1;
	text-align: center;
}

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

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

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

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

#frm_styling_form div.tabs-panel {
	padding-left: 5px;
	padding-right: 5px;
}

/*form inputs/selects */
.frm_form_field.frm_scroll_box .frm_opt_container,
#postbox-container-2 input[type="text"],
#postbox-container-2 input[type="number"],
#postbox-container-2 select,
#postbox-container-2 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="number"],
.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: 6px 9px;
	border-color: var(--grey-border);
	color: var(--dark-grey);
	font-size: 15px;
	margin: 0;
	background-color: #fff;
	line-height: 1;
}

#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 {
	max-width: 100%;
}

.frm_form_field.frm_scroll_box .frm_opt_container,
.frm_wrap .frm_form_builder textarea,
.frm_wrap .frm_form_builder input[type="tel"],
.frm_wrap .frm_form_builder input[type="text"] {
	padding: 10px 12px;
}

.frm_wrap .frm_form_builder input[type="text"].frm_other_input {
	padding: 6px 9px;
}

.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);
}

#postcustomstuff table input {
	width: 100% !important;
	margin: 0 !important;
}

#postcustomstuff table td {
	padding: 7px 0 7px 7px !important;
	line-height: 30px;
}

#postcustomstuff table td > div {
	/* To override some inline css in add-on */
	padding-top: 0 !important;
}

.wp-admin .frm_wrap .form-table select,
#postbox-container-2 select,
.wp-admin .frm_wrap select {
	line-height: 32px;
	height: 32px;
	vertical-align: top;
}

.frm_wrap .frm_form_builder select {
	line-height: 40px;
	height: 40px;
	width: 100%;
}

#postbox-container-2 select,
.wp-admin .frm_wrap select,
.frm_wrap .frm_form_builder select {
	height: auto;
	padding: 0 24px 0 12px;
}

.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 {
	line-height: normal;
	height: auto;
	text-align: inherit;
}

.global-font .field-group input[type="text"] {
	width: auto;
}

/* 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-border);
	-webkit-border-radius: var(--border-radius);
	-webkit-box-shadow: none;
}

.windows::-webkit-scrollbar-corner,
.windows ::-webkit-scrollbar-corner {
	background: transparent;
}

/* 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_wrap .columns-2 .frm-right-panel,
.rtl .frm-right-panel {
	border-right-width: 1px;
	border-left-width: 0;
}

.rtl .frm_right_text {
	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 a {
	float: left;
	margin-right: 15px;
	margin-left: 0;
}

.rtl #frm_upgrade_modal .dismiss i,
.rtl .frm-inline-modal i,
.rtl #frm-bulk-modal i,
.rtl .frm_has_shortcodes > i {
	right: auto;
	left: 5px;
}

.rtl .frm_code_list.frm-full-hover a span,
.rtl .frm_reply_to_container,
.rtl .frm_bcc_cc_container {
	float: left;
}

/* ---------------------------------------------------------------
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;
	}

ul.frm_form_nav > li {
		margin-right: 2.5%;
	}
}

@media only screen and (max-width: 1050px) {
	.frm_wrap {
		--biggest-sidebar: 390px;
	}

#form_settings_page .columns-2 {
		margin: 0;
	}

.frm_actions_list {
		margin-left: 0;
	}

ul.frm_form_nav > li {
		margin-right: 1.5%;
	}
}

@media only screen and (max-width: 960px) {
	.auto-fold #adminmenuwrap {
		width: 36px;
	}

.frm_wrap #postbox-container-1 #frm_adv_info {
		min-width: 220px;
	}

p.howto {
		display: inline-block;
	}

ul.frm_form_nav {
		clear: left;
		padding-top: 0;
	}

ul.frm_form_nav > li {
		margin-right: 3.5%;
	}

.frm-full-screen #frm_top_bar {
		padding: 0 10px !important;
	}

.frm-full-close {
		padding: 15px 0 10px 10px;
	}

.frm-full-close .frmsvg {
		padding: 0;
	}
}

@media only screen and (max-width: 850px) {
	.frm_wrap {
		--biggest-sidebar: 350px;
		--big-sidebar: 350px;
	}

.frm_col_one {
		clear: none;
	}

.frm-fields p > .frm_inline_label,
	.frm_inline_label {
		display: block;
		margin: 5px 0;
	}

.post-type-frm_display #frm_top_bar h1,
	.frm_page_container #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_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-full-screen #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;
	}

.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;
	}

.wp-list-table.toplevel_page_formidable td.column-title:before,
	.wp-list-table.toplevel_page_formidable td.column-id:before {
		display: none !important;
	}

.wp-list-table.toplevel_page_formidable td.column-title,
	.wp-list-table.toplevel_page_formidable td.column-id {
		display: table-cell !important;
	}

#form_entries_page .wp-list-table th.frm_hidden,
	#form_entries_page .wp-list-table td.frm_hidden {
		display: none !important;
	}

ul.frm_form_nav > li {
		margin-right: 15px;
	}

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

.frm_right_addon .frm_remove_field {
		bottom: 11px;
	}

.frm-addons {
		grid-template-columns: 1fr;
	}

.frm_single_entry_page.frm_wrap .frm_page_container {
		height: auto;
		display: block;
	}

.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 15px;
	}
}

@media only screen and (max-width: 700px) {
	.frm_wrap {
		--biggest-sidebar: 50%;
		--big-sidebar: 50%;
	}
}

@media only screen and (max-width: 600px) {
	.frm_wrap {
		--small-sidebar: 45px;
	}

.frm-form-setting-tabs a {
		visibility: collapse;
		font-size: 0;
		padding: 0 15px;
	}

.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;
	}
}

@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;
	}
}

/* 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_page_container .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%;
	}
}

File Editor

Directories:

Files:

Create New File

Edit File: frm_admin.css

Rename File