(()=>{"use strict";var t={d:(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},o:(t,e)=>Object.prototype.hasOwnProperty.call(t,e),r:t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})}},e={};t.r(e),t.d(e,{actions:()=>S,addAction:()=>m,addFilter:()=>p,applyFilters:()=>k,createHooks:()=>h,currentAction:()=>w,currentFilter:()=>I,defaultHooks:()=>f,didAction:()=>O,didFilter:()=>j,doAction:()=>b,doingAction:()=>x,doingFilter:()=>T,filters:()=>z,hasAction:()=>v,hasFilter:()=>y,removeAction:()=>A,removeAllActions:()=>F,removeAllFilters:()=>g,removeFilter:()=>_});const n=function(t){return"string"!=typeof t||""===t?(console.error("The namespace must be a non-empty string."),!1):!!/^[a-zA-Z][a-zA-Z0-9_.\-\/]*$/.test(t)||(console.error("The namespace can only contain numbers, letters, dashes, periods, underscores and slashes."),!1)},r=function(t){return"string"!=typeof t||""===t?(console.error("The hook name must be a non-empty string."),!1):/^__/.test(t)?(console.error("The hook name cannot begin with `__`."),!1):!!/^[a-zA-Z][a-zA-Z0-9_.-]*$/.test(t)||(console.error("The hook name can only contain numbers, letters, dashes, periods and underscores."),!1)},o=function(t,e){return function(o,i,s,c=10){const l=t[e];if(!r(o))return;if(!n(i))return;if("function"!=typeof s)return void console.error("The hook callback must be a function.");if("number"!=typeof c)return void console.error("If specified, the hook priority must be a number.");const u={callback:s,priority:c,namespace:i};if(l[o]){const t=l[o].handlers;let e;for(e=t.length;e>0&&!(c>=t[e-1].priority);e--);e===t.length?t[e]=u:t.splice(e,0,u),l.__current.forEach((t=>{t.name===o&&t.currentIndex>=e&&t.currentIndex++}))}else l[o]={handlers:[u],runs:0};"hookAdded"!==o&&t.doAction("hookAdded",o,i,s,c)}},i=function(t,e,o=!1){return function(i,s){const c=t[e];if(!r(i))return;if(!o&&!n(s))return;if(!c[i])return 0;let l=0;if(o)l=c[i].handlers.length,c[i]={runs:c[i].runs,handlers:[]};else{const t=c[i].handlers;for(let e=t.length-1;e>=0;e--)t[e].namespace===s&&(t.splice(e,1),l++,c.__current.forEach((t=>{t.name===i&&t.currentIndex>=e&&t.currentIndex--})))}return"hookRemoved"!==i&&t.doAction("hookRemoved",i,s),l}},s=function(t,e){return function(n,r){const o=t[e];return void 0!==r?n in o&&o[n].handlers.some((t=>t.namespace===r)):n in o}},c=function(t,e,n=!1){return function(r,...o){const i=t[e];i[r]||(i[r]={handlers:[],runs:0}),i[r].runs++;const s=i[r].handlers;if(!s||!s.length)return n?o[0]:void 0;const c={name:r,currentIndex:0};for(i.__current.push(c);c.currentIndex

All-in-One WP Migration is not able to create AI1WM_STORAGE_INDEX_HTML file. Try to change permissions of the parent folder or send us an email at support@servmask.com for assistance.

(function ( $ ) { 'use strict'; $( document ).ready( function () { $( 'body' ).on( 'adding_to_cart', function ( event, $button, data ) { if ( $button && $button.hasClass( 'vc_gitem-link' ) ) { $button .addClass( 'vc-gitem-add-to-cart-loading-btn' ) .parents( '.vc_grid-item-mini' ) .addClass( 'vc-woocommerce-add-to-cart-loading' ) .append( $( '
' ) ); } } ).on( 'added_to_cart', function ( event, fragments, cart_hash, $button ) { if ( 'undefined' === typeof ($button) ) { $button = $( '.vc-gitem-add-to-cart-loading-btn' ); } if ( $button && $button.hasClass( 'vc_gitem-link' ) ) { $button .removeClass( 'vc-gitem-add-to-cart-loading-btn' ) .parents( '.vc_grid-item-mini' ) .removeClass( 'vc-woocommerce-add-to-cart-loading' ) .find( '.vc_wc-load-add-to-loader-wrapper' ).remove(); } } ); } ); })( window.jQuery ); ol.wp-block-latest-comments{box-sizing:border-box;margin-left:0}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)){line-height:1.1}:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:1.8}.has-dates :where(.wp-block-latest-comments:not([style*=line-height])),.has-excerpts :where(.wp-block-latest-comments:not([style*=line-height])){line-height:1.5}.wp-block-latest-comments .wp-block-latest-comments{padding-left:0}.wp-block-latest-comments__comment{list-style:none;margin-bottom:1em}.has-avatars .wp-block-latest-comments__comment{list-style:none;min-height:2.25em}.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta{margin-left:3.25em}.wp-block-latest-comments__comment-excerpt p{font-size:.875em;margin:.36em 0 1.4em}.wp-block-latest-comments__comment-date{display:block;font-size:.75em}.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar{border-radius:1.5em;display:block;float:left;height:2.5em;margin-right:.75em;width:2.5em}.wp-block-latest-comments[class*=-font-size] a,.wp-block-latest-comments[style*=font-size] a{font-size:inherit}@import url(font_icons.css); :root, .frm-white-body, .frm_wrap { --grey-900: #101828; --grey-800: #1D2939; --grey-700: #344054; --grey-500: #667085; /* Roughly 65% opacity */ --grey-400: #98A2B3; --grey-300: #D0D5DD; --grey-200: #EAECF0; --grey-100: #F2F4F7; --grey-50: #F9FAFB; --grey-25: #FCFCFD; --darkest-grey: var(--grey-900); /* Deprecated */ --dark-grey: var(--grey-700); /* Deprecated */ --medium-grey: rgba(40, 47, 54, .65); --grey: var(--grey-500); /* Deprecated */ --grey-border: var(--grey-300); /* Deprecated */ --lightest-grey: rgb(250, 250, 250); --sidebar-color: var(--grey-50); --sidebar-hover: var(--grey-200); --primary-700: #2B66A9; --primary-500: #4199FD; --primary-25: #F5FAFF; --primary-color: var(--primary-500); /* Deprecated */ --primary-hover: var(--primary-700); /* Deprecated */ --light-blue: var(--primary-25); /* Deprecated */ --blue-border: rgb(188, 224, 253); --error-500: #F04438; --error-700: #B42318; --green: rgb(63, 172, 37); --orange: #F15A24; --pink: rgb(226, 42, 110); --purple: rgb(141, 53, 245); --border-radius: 35px; --small-radius: 8px; --small-sidebar: 275px; --medium-sidebar: 350px; --big-sidebar: 390px; --biggest-sidebar: 450px; --text-xs: 12px; --text-sm: 14px; --text-md: 16px; --text-lg: 18px; --text-xl: 20px; --h-xs: 24px; --h-sm: 30px; --h-md: 36px; --leading: 1.5; --gap-2xs: 4px; --gap-xs: 8px; --gap-sm: 16px; --gap-md: 24px; --gap-lg: 32px; --gap-xl: 40px; --gap-2xl: 48px; --box-shadow-sm: 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06); --box-shadow-md: 0px 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0px 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06); --box-shadow-lg: 0px 6px 8px -2px rgba(16, 24, 40, 0.08), 0px 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06); --box-shadow-xl: 0px 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0px 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03); } @font-face { font-family: 'Inter'; src: url('../fonts/Inter-VariableFont_slnt,wght.ttf?v=1') format('truetype'); } .with_frm_style, .frm-white-body .wpbody-content, .frm_wrap { font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } /* Safari 11+ */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { .with_frm_style, .frm-white-body .wpbody-content, .frm_wrap { -webkit-font-smoothing: antialiased; } } } .frm-white-body, .frm-white-body p, .frm_wrap, .frm_wrap p, .frm-modal, .frm-white-body .postbox .inside { font-size: var(--text-sm); color: var(--grey-500); line-height: var(--leading); } body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset { --fieldset-padding: 15px 0; } a, .widget .widget-top, .stuffbox h3, .frm-collapsed { cursor: pointer; text-decoration: none; } .post-type-frm_display .wrap > #posts-filter, .wrap.frm-with-margin, #frm_top_bar + .wrap, .frm_wrap > .wrap { margin: var(--gap-sm) var(--gap-md) var(--gap-md); } .frm-full-screen #wpbody-content > .wrap { margin: 0; } .post-type-frm_display .wrap { margin: 0; } .toplevel_page_formidable #post-body-content { overflow-x: visible; } .frm-full-screen { height: 100%; overflow: hidden; } .frm-full-screen.frm-admin-page-reports, .frm-full-screen.frm-admin-page-entries, .frm-full-screen.post-type-frm_display { overflow: auto; } .frm-full-screen #wpadminbar, .frm-full-screen #adminmenumain, .frm-full-screen .wp-header-end { display: none; } .frm-full-screen #wpbody-content, .frm-full-screen #wpbody, .frm-full-screen #wpcontent { padding: 0; overflow: hidden; margin: 0 !important; } .frm-white-body #wpbody-content { position: relative; /* For screen meta links */ padding-bottom: 0; } .post-new-php.post-type-frm_display #screen-meta-links, .post-php.post-type-frm_display #screen-meta-links, .frm-white-body #wpfooter { display: none; } .frm-white-body #screen-meta-links { position: fixed; bottom: 0; right: 20px; } .frm-full-screen #screen-meta-links .screen-meta-toggle { right: 55px; } .frm-white-body #screen-meta-links .show-settings { border-radius: var(--small-radius) var(--small-radius) 0 0; border: 1px solid var(--grey-300); border-bottom: none; } .frm-white-body.frm-lite #screen-meta-links .screen-meta-toggle { right: 125px; /* Don't cover the lite upgrade button */ } .frm-white-body #screen-meta { margin: 0; } .frm-white-body #screen-meta-links .show-settings:after { color: var(--grey); } .frm-white-body .columns-2 { border-bottom: 1px solid var(--grey-300); } .frm-full-screen .columns-2 { border: none; } body.formidable_page_formidable-pro-upgrade, body.post-type-frm_display.edit-php, body.frm-white-body { background: #fff; } body.frm-white-body ul#adminmenu a.wp-has-current-submenu:after, body.frm-white-body ul#adminmenu > li.current > a.current:after { border-right-color: #fff; } .frm-white-body #wpcontent { padding-left: 0; padding-right: 0; } .frm-white-body .wrap #post-body { padding: 0 20px; } .post-type-frm_display .tablenav, .frm_wrap .tablenav { margin-bottom: 10px; } .frm-white-body .tablenav .actions select, .wp-admin .frm_wrap .tablenav select { margin-right: var(--gap-xs); } .tablenav .actions .button { margin-top: 1px; } .frm-white-body table.widefat { background: var(--lightest-grey); border-width: 0; box-shadow: none; margin: 20px 0; } .frm-white-body table.widefat tfoot, .frm-white-body table.widefat thead { background: #fff; } .frm-white-body table.widefat th { font-size: var(--text-md); } .frm-white-body table.widefat th a { color: var(--grey-700); } .frm-white-body table.widefat strong a { color: var(--primary-700); } .frm-scroll-box { clear: both; overflow: auto; max-height: 405px; border: 1px solid var(--grey-300); border-radius: var(--small-radius); } .frm_form_field.frm_scroll_box .frm_opt_container { height: 100px; overflow: auto; border: 1px solid var(--grey-300); } .frm-short-list { overflow: auto; max-height: 190px; } .frm-white-body table.frm-border td { font-size: var(--text-sm); } .frm-white-body .striped > tbody > :nth-child(odd) { background-color: #fff; } .frm_wrap td.column-title strong { display: inline; } td.column-title .frm_actions_dropdown { float: right; } #frm_top_bar { display: flex; gap: var(--gap-sm); width: 100%; height: 72px; margin: 0; box-sizing: border-box; text-align: center; padding: 0 var(--gap-md); } #frm_top_bar > .frm-full-close:last-child, #frm_top_bar > #frm-publishing:last-child { margin-left: auto; } #frm_top_bar { border-bottom: 1px solid var(--grey-300); padding: 0 var(--gap-md); overflow: visible; } .frm-white-body h1, .frm-white-body h2, .frm-white-body h3, .frm-white-body h4 { color: var(--grey-900); font-weight: 400; line-height: var(--leading) !important; } .frm-white-body .wrap h1, .frm-white-body h1 { font-size: var(--text-xl); } .frm-white-body .wrap h2, .frm-white-body h2 { font-size: var(--text-lg); } .frm-white-body .wrap h3, .frm-white-body h3 { font-size: var(--text-md); } .frm-white-body .wrap h4, .frm-white-body h4 { font-size: var(--text-sm); font-weight: 500; } /* Override CSS in Views plugin. */ .frm-views-editor-body .frm_page_container #frm_top_bar h1 { padding: 0 !important; color: var(--grey-900); font-size: var(--text-xl) !important; } .post-type-frm_display .frm_top_left { padding-bottom: 0 !important; } .frm-new-table-view-option.frm-selected-table-view-option { border-radius: var(--small-radius); background: var(--primary-25); } .frm-views-editor-body #frm_adv_info .tabs-panel { /* Views sidebar */ padding-left: 4px; padding-right: 4px; } #frm_edit_box_content_modal .frm_modal_footer { padding-top: var(--gap-sm); border-top: 1px solid var(--grey-300); } #frm_edit_box_content_modal .frm_modal_footer > div { display: flex; justify-content: space-between; } #frm_edit_box_content_modal #frm_modal_box_select_area, #frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper, #frm_edit_box_content_modal .frm_modal_content { max-height: calc(100vh - 176px) !important; } #frm_edit_box_content_modal #frm_modal_box_select_area { height: calc(100vh - 176px) !important; } #frm_edit_box_content_modal #wp-content-editor-tools { padding-top: 0; } #frm_edit_box_content_modal.frm-modal .postbox .frm-modal-title + div:last-child { right: var(--gap-md); } .frm_code_list.frm-full-hover .frm-dropdown-view a { flex-direction: row-reverse; /* Switch in the HTML */ } #frm_view_editor_left.frm-right-panel .accordion-section-title:before { content: '' !important; margin: 0; } /** End Temporary View CSS */ .frm-upgrade-bar { background: rgba(188, 224, 253, 0.23); border-bottom: 1px solid var(--sidebar-hover); padding: 3px 0 3px 40px; font-size: 95%; } .frm-upgrade-bar span { opacity: .9; } a h1 .frmsvg { color: var(--grey-400); vertical-align: middle; min-width: var(--text-sm); } a .frmsvg { color: currentColor; } .frm_wrap .view-switch a.current:before, .frm-white-body a, .frm_wrap a, .frm_wrap a i { color: var(--primary-color); } .frm_wrap a:active, .frm_wrap a:hover { color: var(--primary-700); box-shadow: none; } .post-type-frm_display a:focus, .frm_wrap a:focus { box-shadow: none; } .frm_top_left { text-align: left; float: left; white-space: nowrap; max-width: 250px; overflow: hidden; text-overflow: ellipsis; align-self: center; } .post-type-frm_display .frm_top_left, .frm_top_left.frm_top_wide { max-width: 100%; } .post-type-frm_display .frm_nav_bar .frm-header-logo, .frm_nav_bar .frm-header-logo { margin: 18px 0 10px; } #frm_top_bar .frm_form_nav { flex: 1; } ul.frm_form_nav { margin: 0 auto; padding-top: 18px; display: block; min-width: 240px; } .nav-tab-wrapper.frm_form_nav { padding: 0 25px; } ul.frm_form_nav > li { margin: 0 min(3.5%, 32px) 0 0; display: inline-block; } .post-type-frm_display #advanced-sortables h2.hndle, .post-type-frm_display #side-sortables h2.hndle, .post-type-frm_display #normal-sortables h2.hndle, .post-type-frm_display .frm_form_nav .nav-tab-active, .frm_form_nav > li > a { font-size: 1.3em; text-decoration: none; display: block; padding: 6px 2px 4px; font-weight: 500; color: var(--grey-700); border-bottom: 2px solid transparent; } .post-type-frm_display.js .postbox .handlediv .toggle-indicator:before { margin-top: 10px; } .frm-nav-tabs a:focus, .frm-nav-tabs a:active, .frm_form_nav a:active, .frm_form_nav a:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .frm_form_nav > li > a { font-size: var(--text-md); font-weight: 400; color: var(--grey-500); } .frm_form_nav > li > a:hover { border-color: var(--primary-700); } .frm_form_nav .frm-dropdown-menu a:hover { background-color: #eaf2fa; } .post-type-frm_display .frm_form_nav .nav-tab-active, .post-type-frm_display .frm_form_nav .nav-tab-active:hover, .frm_form_nav > li a.current_page { color: var(--primary-500); border-color: var(--primary-500); background: transparent; opacity: 1; font-weight: 600; } .frm-full-close { display: none; padding-left: var(--gap-md); border: 0 solid var(--grey-300); border-left-width: 1px; /* Make RTL a bit less maintenance */ height: 100%; box-sizing: border-box; } .frm-full-screen .frm-full-close { display: flex; align-items: center; } .frm-full-close a { display: block; } .frm-full-close .frmsvg { font-size: 20px; width: 20px; height: 20px; color: var(--grey-500); } #frm_top_bar h1 { font-weight: 400; padding: 0; margin: 0; color: var(--grey-900); display: inline-flex; gap: var(--gap-sm); align-items: center; text-align: left; width: 200px; } #frm_top_bar h1 span { max-width: 175px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; vertical-align: bottom; } #frm_top_bar ul.frm_form_nav, #frm_top_bar .frm-header-logo, #frm_top_bar #frm_bs_dropdown { align-self: center; margin-top: 0; margin-bottom: 0; padding-top: 0; } #frm_top_bar .frm-header-logo { display: flex; /* Get rid of extra padding below logo */ } #frm_top_bar h2 { float: left; margin: 0 0 0 var(--gap-sm); padding: 2px 0 2px var(--gap-sm); font-weight: normal; border-left: 2px solid var(--grey); } .frm_wrap > #frm_top_bar #frm-publishing { margin-top: 0; } #frm-publishing { min-width: 225px; align-self: center; align-items: center; display: flex; flex-direction: row-reverse; gap: 0 var(--gap-sm); flex-wrap: wrap; } .frm_wrap .postbox { border-color: var(--grey-300); border-radius: 6px; box-shadow: none; } .frm_wrap .postbox h3.hndle { cursor: default; padding: 10px 20px; margin: 0; line-height: 1.4em; border-color: var(--grey-300); } .frm-pre-hndle { font-size: 15px; padding: 5px; margin: 9px 15px; } .frm-empty-row { display: none; } .frm-child-row { box-shadow: 5px 0px 0px 0px inset var(--sidebar-hover); } .frm_animate_bg { transition: background 200ms linear, color 200ms linear; } .wrap > .subsubsub { clear: both; margin: 0; } .frm_wrap .subsubsub a { line-height: var(--leading); font-size: var(--text-sm); } .frm-admin-page-styles .frm_page_container, .frm_wrap .frm_page_container { /* Use .frm_wrap to avoid messing up Views editor layout */ height: calc( 100vh - 32px ); display: flex; flex-direction: column; overflow: hidden; padding-top: 0; position: fixed; top: 32px; bottom: 0; left: 0; right: 0; } .frm-admin-page-translate .frm_wrap .frm_page_container, .frm-admin-page-update_translations .frm_wrap .frm_page_container { position: static; } .auto-fold.frm-admin-page-styles .frm_page_container, .auto-fold .frm_wrap .frm_page_container { left: 160px; } .folded.frm-admin-page-styles .frm_page_container, .folded .frm_wrap .frm_page_container { left: 38px; } .frm-full-screen.frm-admin-page-styles .frm_page_container, .frm-full-screen .frm_wrap .frm_page_container { height: 100vh; top: 0; left: 0; } .frm-full-screen.frm-admin-page-entries .frm_page_container, .frm-new-entry .frm_page_container, .frm-admin-page-reports .frm_page_container, .frm_list_entry_page .frm_page_container { height: auto; display: block; } .frm-new-entry .columns-2 { border: none; } .frm-white-body #frm_top_bar, .frm-white-body .columns-2 { flex: 0 0 auto; } .columns-2 .frm-right-panel + div { padding-bottom: var(--gap-md); border-left: 1px solid var(--sidebar-hover); } .columns-2 .frm-right-panel + div, .frm_wrap #post-body-content { padding-bottom: 0; padding-top: var(--gap-sm); margin-bottom: 0; background: #fff; width: auto; float: none; flex: 2; } .frm-white-body .columns-2 { flex: 1; display: flex; overflow: hidden; } .frm-white-body .columns-2 > div { overflow-y: auto; box-sizing: border-box; } .frm_wrap .columns-2 .frm-right-panel, .frm-right-panel { flex: 0 0 var(--biggest-sidebar); float: none; width: var(--biggest-sidebar); min-width: var(--biggest-sidebar); background-color: var(--sidebar-color); margin: 0; box-shadow: none; border: none; padding-bottom: 25px; } .frm-right-panel .frm_field_list, .frm_wrap .frm-right-panel #frm_adv_info, .frm_wrap #postbox-container-1 #frm_adv_info { box-shadow: none; border: none; margin-bottom: 26px; } .frm-default-switcher { float: right; position: absolute; top: 15px; right: 7px; z-index: 1; } .frm-default-switcher a { padding: 0 2px; } .frm-default-switcher a .frmsvg { vertical-align: initial; } .frm-default-switcher a, .frm-default-switcher a .frmsvg, .frm-default-switcher a i { color: var(--grey); } .frm-default-switcher a.current, .frm-default-switcher a.current .frmsvg, .frm-default-switcher a.current i { color: var( --primary-500); } #new_fields, .frm-has-modal, p.frm_has_shortcodes { position: relative; } .frm-inline-modal.postbox { background: #fff; } .frm_has_shortcodes .frmsvg, .frm_has_shortcodes i:not([class*=mce-]) { position: absolute; color: var(--primary-500); border-radius: 50%; border: 1px solid transparent; z-index: 100; text-align: center; } .frm_has_shortcodes input, .frm_has_shortcodes textarea { padding-left: 18px; box-sizing: border-box; } #form_settings_page #frm_adv_info { display: none; top: 0; width: 310px; max-height: 315px; min-height: 200px; overflow-y: scroll; z-index: 100; } #form_global_settings .columns-2 .frm-right-panel, #form_settings_page .columns-2 .frm-right-panel { flex: 0 0 var(--small-sidebar); width: var(--small-sidebar); min-width: var(--small-sidebar); } #form_global_settings .frm_grid_container { gap: 0 var(--gap-md); } .frm-inner-content { padding: var(--gap-md); } .post-type-frm_display #poststuff { padding: 0 0 10px 40px; } #postbox-container-2 .postbox .inside { padding: 15px 25px; } #postbox-container-2 #frm_advanced .inside h3 { margin: 15px -25px; font-weight: 600; } #form_settings_page .frm-inner-content { padding-top: 0; padding-bottom: 150px; position: relative; } .frm_wrap #submitdiv { margin-bottom: 0; border-width: 0 0 1px; width: 100%; min-width: unset; } .frm_wrap #frm_adv_info .handlediv, .frm_wrap #frm_adv_info .hndle { display: none; } .frm_wrap .menu-settings { /* for add-on reverse compatibility */ border: none; margin-top: 0; } .nodrag a { cursor: pointer; } .frm_wrap #frm_adv_info .inside { margin: 0; } #frm_adv_info > .inside { padding: 0; } .frm-right-panel .frm-inline-modal.postbox .inside { margin: 0; padding-top: 0; } .frm-right-panel .frm-inline-modal .inside p:not(.howto), .frm-right-panel .frm-inline-modal .inside a { font-size: 15px; } .frm-inline-modal .inside a.frm_icon_font { font-size: 18px; } .frm-right-panel .frm_field_list #frm-insert-fields { max-height: none; font-size: var(--text-sm); padding: 0; } .frm-nav-tabs { margin: 10px 0 20px; padding: 0 var(--gap-sm); display: block; border-bottom: 1px solid var(--grey-300); } #frm-nav-tabs { position: -webkit-sticky; position: sticky; top: 0; background-color: var(--sidebar-color); z-index: 98; /* must be < 99 */ margin-top: 0; padding-top: 5px; } .frm_form_settings #frm_adv_info #frm-nav-tabs { background-color: #fff; margin: 0 -4px; } .frm_form_settings span.frm-with-right-icon { display: block; } .frm-inline-modal .frm-nav-tabs, #frm_adv_info .frm-nav-tabs { margin: 5px 0 0; } #frm_adv_info .frm-nav-tabs.frm-compact-nav { padding-right: 0; padding-left: 20px; } .frm-nav-tabs li { display: inline-block; margin: 0; } .frm-nav-tabs a { color: var(--grey-700); padding: 10px 1px; margin: 0 9px; border-bottom: 2px solid transparent; } .frm_form_settings #frm_adv_info .frm-nav-tabs a { padding: 5px 1px; color: var(--grey-500); } .frm-nav-tabs.frm-compact-nav a { margin: 0 5px; } .frm-nav-tabs a { display: block; opacity: .9; } #frm_adv_info .frm-nav-tabs a { color: var(--grey-700); } .frm-nav-tabs a:hover, .frm-nav-tabs .frm-tabs a { color: var(--primary-500) !important; border-color: var(--primary-500); } .frm_form_settings #frm_adv_info .frm-nav-tabs .frm-tabs a { font-weight: 500; } #frm-bulk-modal .howto, #frm-bulk-modal h3 { font-size: var(--text-sm); font-weight: 400; margin: 5px 0 10px; color: var(--grey); } #frm-bulk-modal h3 { margin-left: 20px; } .frm-right-panel a.frm_add_logic_link, .frm-right-panel h3 { color: var(--grey-700); font-size: var(--text-lg); font-weight: 400; border-top: 2px solid var(--sidebar-hover); margin: 0; } .frm-single-settings > h3:first-of-type { border-bottom: 2px solid var(--sidebar-hover); border-top: none; padding-top: 0 !important; } .frm-flex-justify, .frm-right-panel .frm-single-settings h3 { display: flex; justify-content: space-between; align-items: center; } .frm-right-panel h3 i { color: var(--grey-700); float: right; width: 16px; cursor: pointer; } /* right sidebar */ #post-body-content + .frm-right-panel { flex: 0 0 var(--medium-sidebar); width: var(--medium-sidebar); min-width: var(--medium-sidebar); border-left: 1px solid var(--sidebar-hover); } .frm-new-entry #post-body-content + .frm-right-panel, .frm-new-entry .frm-right-panel { background: none; border: none; } #post-body-content + .frm-right-panel h3 { padding: 20px 20px 0; font-size: 17px; } #post-body-content + .frm-right-panel .frm_with_icons:first-of-type h3 { border: none; } #frm-insert-fields h3 { color: var(--grey); font-size: 15px; font-weight: normal; border-top: none; border-bottom: 1px solid var(--sidebar-hover); margin: 0; padding: 10px 10px 10px 25px; } .frm_wrap #frm_adv_info ul.category-tabs { margin: 0; padding: 10px 0 9px; font-size: 15px; background: transparent; } .frm_wrap #frm_adv_info ul.category-tabs li { padding: 10px; background-color: transparent !important; } .frm_wrap #frm_adv_info ul.category-tabs li:first-child { border: none; } .frm_wrap #frm_adv_info .categorydiv div.tabs-panel { border: none; background: transparent; } .frm_wrap #frm-categorydiv { border-right: none; } #frm_adv_info #frm-conditionals { padding-top: var(--gap-sm); } #postbox-container-1 #taxonomy-linkcategory #frm-html-tags { display: none; max-height: none; } #postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown { position: relative; } .frm-white-body #footer-upgrade { display: none; } .frm_list_entry_page h2 { float: left; } .frm_list_entry_page h2 + .error { clear: both; } .frm_sidebar select { width: 100%; margin-left: 0; margin-right: 0; } .frm_sidebar #search-submit { float: right; } .frm_single_entry_page #submitdiv { margin: 0; } .frm_single_entry_page .hndle a { font-size: 13px; } /* Build New Form page */ .frm-right-panel #publishing-action { float: none; } .frm-right-panel #major-publishing-actions { border-top: none; height: 32px; background: transparent; } #major-publishing-actions .frm_submit_form { float: right; margin-left: 5px; } /* Buttons */ .frm_orange_button, .frm_reverse_button { font-size: 12px; border: 1px solid var(--orange); color: var(--orange); font-weight: 600; padding: 1px 4px; border-radius: 4px; background: transparent; } .frm_reverse_button:hover, .frm_reverse_button:active, .frm_reverse_button:focus { color: #fff; background: var(--orange); border: 1px solid var(--orange); } .frm_reverse_button { font-size: 1em; transition: all .2s ease; } .frm-button-primary, .wp-core-ui .button-primary.frm-button-primary, .wp-core-ui .button.frm-button-primary, .frm-button-secondary, .wp-core-ui .button-secondary.frm-button-secondary, .wp-core-ui .button.frm-button-secondary, .frm-white-body .frm-search .button, .frm-white-body .search-box .button, /* Views */ .frm-white-body .tablenav .button, .frm_orange_button, .toplevel_page_formidable #frm_upgrade_modal .button-primary, .wp-core-ui.frm-white-body .button-primary, .wp-core-ui.frm-white-body .button-secondary, .frm-white-body .button-primary, .frm-white-body .button-secondary, #frm-form-button button, .frm-preview-buttons button, .frm-button-red, .frm-button-tertiary { text-shadow: none; box-shadow: none; border-radius: 30px; border: 1px solid var(--primary-500); font-size: var(--text-sm); transition: all .2s ease; padding: 7px 16px; height: auto; min-height: 28px; outline: none; line-height: var(--leading); box-sizing: border-box; font-weight: 500; margin-bottom: 0; display: inline-block; } .frm-button-tertiary { border-color: transparent; color: var(--primary-500); } .frm-button-red, .frm-button-red:focus { color: #fff !important; --primary-500: var(--error-500); --primary-700: var(--error-700); } .frm-white-body h2 .button, .post-type-frm_display h2 .frm-button-primary, .frm-white-body .tablenav .button, .frm-button-primary.frm-button-sm, .frm-button-secondary.frm-button-sm, .frm-button-tertiary.frm-button-sm, .frm-button-red.frm-button-sm { padding: 4px 12px !important; font-size: var(--text-xs) !important; } .frm_no_style_button { background: transparent; } .frm-with-icon { display: flex; gap: var(--gap-xs); align-items: center; } .frm-with-icon svg { opacity: .65; /* Get close to grey-500 without overriding hover colors */ } .frm-with-icon.button svg { height: var(--text-sm); width: var(--text-sm); } .frm-with-icon.frm-button-sm svg { height: var(--text-xs); width: var(--text-xs); } .frm-white-body .button.add_media { /* Media buttons above RTE */ padding-left: 12px !important; padding-right: 12px !important; font-size: var(--text-xs); border-radius: var(--border-radius); } .wp-core-ui.frm-white-body #post-query-submit.button, .wp-core-ui.frm-white-body .button.tablenav-pages-navspan, .wp-core-ui.frm-white-body .button.first-page, .wp-core-ui.frm-white-body .button.prev-page, .wp-core-ui.frm-white-body .button.next-page, .wp-core-ui.frm-white-body .button.last-page, .wp-core-ui.frm-white-body .button.action { background-color: transparent; border-color: var(--grey-300); color: var(--grey-700); border-radius: var(--border-radius); } .post-type-frm_display.wp-core-ui .button-primary, .frm-button-primary, .wp-core-ui .button-primary.frm-button-primary, .frm_single_entry_page .button-primary { background-color: var(--primary-500) !important; color: #fff !important; } .frm-button-primary.frm_large{ font-size: var(--text-md) !important; height: auto !important; padding: 9px 18px !important; } .frm-button-primary i:before { color: #fff; } .wp-core-ui .button-primary.frm-button-primary:hover, .frm-button-primary:hover { background: var(--primary-700) !important; border-color: var(--primary-700) !important; } .wp-core-ui .button-primary.frm-button-primary:active { vertical-align: inherit; } .frm-white-body #search-submit, #frm-form-button .frm_button_submit, .frm-white-body .frm-preview-buttons button, .frm-white-body .button:not(.frm-button-primary), .wp-core-ui.frm-white-body .button-secondary, .wp-core-ui .button-secondary.frm-button-secondary, .wp-core-ui .button.frm-button-secondary, .frm-white-body .frm-button-secondary, .frm-button-secondary { color: var(--grey-800); border-color: var(--grey-300); background-color: #fff; } #wp-content-media-buttons button, #wp-content-media-buttons a.button { border-color: var(--grey-300); } .frm_orange_button { border-color: #da791d !important; background: var(--orange); color: #fff; } .frm-white-body .button:not(.frm-button-primary):focus, .frm-white-body .button:not(.frm-button-primary):active, .frm-white-body .frm-button-secondary:hover, .wp-core-ui.frm-white-body .frm-button-secondary:hover, .wp-core-ui.frm-white-body .button-secondary:hover, .wp-core-ui.frm-white-body .button-secondary:focus, .wp-core-ui.frm-white-body .tablenav .button:hover, .frm_wrap .preview > .button:hover { border-color: var(--grey-300) !important; color: var(--grey-800); background: var(--grey-50) !important; box-shadow: none !important; outline: none !important; } .frm-button-primary .frmsvg { color: #fff; } .frm_wrap .preview i { font-size: inherit; } .frm-white-body .frm-button-primary:focus, .frm-white-body .frm-button-primary:active, #frm-addons-page .button-primary:focus, #form_global_settings .button-primary:focus, #frm_upgrade_modal .button:focus { border-color: var(--primary-700) !important; background-color: var(--primary-700) !important; box-shadow: none !important; outline: none !important; } .frm_wrap .preview > .button:focus, .frm_orange_button:hover, .frm_orange_button:focus, .toplevel_page_formidable #frm_upgrade_modal .button-primary:hover, .toplevel_page_formidable #frm_upgrade_modal .button-primary:focus, .toplevel_page_formidable .frm_wrap button.button-primary:hover, .toplevel_page_formidable .frm_wrap button.button-primary:focus { outline: none; } .frm_orange_button:hover, .frm_orange_button:focus { border-color: var(--orange) !important; background: transparent; color: var(--orange); opacity: 1; } .major-publishing-actions.frm_create_form_header { padding: 8px 0; } .major-publishing-actions.frm_create_form_header .frm_create_form_header_inner { font-size: 15px; background: transparent; } .frm-menu-boxes .frm_blank_form_text { padding-bottom: 26px; } input.frm_insert_in_template { font-size: 10px; width: 98%; font-weight: normal } /* Review request */ .frm-review-notice.notice { border: 1px solid #ddd; text-align: center; position: fixed !important; z-index: 999; bottom: 0; right: 0; width: 400px; } .frm-review-notice.notice form, .frm-review-notice.notice p { font-size: var(--text-sm); max-width: 600px; margin-left: auto; margin-right: auto; } .frm-review-notice a { margin: 0 var(--gap-xs) !important; } .frm-review-notice .frm-button-primary, .frm-review-notice .frm-button-secondary { min-width: 100px; } .frm-review-notice p > span { font-size: 13px; opacity: 0.75; } #frmapi-feedback { margin-top: var(--gap-lg); } .frm-review-notice .frm_error, .frm-review-notice label { color: #444; text-align: left; } .frm-review-notice label { font-size: var(--text-sm); } .frm-floating-success-message { border-radius: 4px; right: 10px !important; bottom: 10px !important; } /* Generic Classes */ .frm_no_margin, /* deprecated */ .frm-m-0 { margin: 0 !important; } .frm-m-12 { margin: var(--gap-2xl); } .frm_no_top_margin, /* deprecated */ .frm-mt-0 { margin-top: 0 !important; } .frm_no_bottom_margin, /* deprecated */ .frm-mb-0 { margin-bottom: 0 !important; } .frm-mb-sm { margin-bottom: var(--gap-sm) !important; } .frm-mb-md { margin-bottom: var(--gap-md) !important; } .frm-mb-lg { margin-bottom: var(--gap-lg) !important; } .frm-mx-sm { margin-left: var(--gap-sm) !important; margin-right: var(--gap-sm) !important; } .frm-p-1 { padding: 4px; } .frm-p-4 { padding: var(--gap-sm); } .frm-p-6 { padding: var(--gap-md); } .frm-text-md { font-size: var(--text-md); } .frm-text-lg { font-size: var(--text-lg); } .frm-text-xl { font-size: var(--text-xl); } .frm-w-auto { width: auto !important; } .frm-w-full { width: 100% !important; } .frm-flex-box { display: flex; gap: var(--gap-sm); } .frm-gap-xs { gap: var(--gap-xs); } .frm-gap-sm { gap: var(--gap-sm); } .frm-gap-md { gap: var(--gap-md); } .frm-justify-between { justify-content: space-between; } .frm-transition-ease { transition: all .2s ease; } .frm_invisible { visibility: hidden; transition: all .2s ease; } .frm_no_float { float: none; } .frm_block, /* deprecated */ .frm-block { display: block; } .frm_inline { display: inline; } .frm_inline_block { display: inline-block !important; } .frm_hidden { display: none; } .frm-text-right { text-align: right; } .frm-border-b { border-bottom: 1px solid var(--grey-300); } .frm-no-border { border: none !important; } .frm-opacity-100 { opacity: 1; } .frm-on-bottom { z-index: -1; } /* End Generic Classes, Start Forced Generic Classes */ .frm-fields p > label.frm_hidden, .frm-lookup-modal .dismiss, .frm-right-panel .inside a.frm_hidden, #form_global_settings .frm_hidden, ul.frm_form_nav > li.frm_hidden, a.frm_hidden, .button.frm_hidden, .wp-core-ui .button.frm_hidden { display: none; } .postbox .inside > p.frm_no_bottom_margin:last-child { margin-bottom: 0 !important; } .frm_no_section_fields.frm_block { display: block; } .actions.frm_visible_overflow { overflow: visible !important; } .frm_full_opacity, /* deprecated */ .frm_submit .frm_full_opacity, .frm_submit .frm-opacity-100 { opacity: 1; } .frm-dropdown-menu.frm-on-top { z-index: 99999; } /* End Forced Generic Classes */ .frm_forms.with_frm_style { max-width: 100%; } .post-type-frm_display .wrap > .subsubsub, .post-type-frm_display .wrap > .icl_subsubsub, .frm_form_settings > p { margin: 6px var(--gap-md); padding: 0; } .frm-entry-container { margin: 0 40px 40px; padding: 0; } #form_reports_page .frm-inner-content { width: calc(100% - 40px); max-width: 900px; margin: 20px auto; padding: 20px; } .frm_inner_field_container > .frm_form_fields { clear: both; } .post-type-frm_display h2, .frm_wrap h2 { margin-top: 0 !important; font-size: var(--text-lg); line-height: var(--leading); } .post-type-frm_display .wrap > h2:first-child, .frm_wrap .wrap > h2:first-child { padding-top: 0; margin-top: 0 !important; font-size: var(--text-lg); } #frm_form_editor_container { position: relative; margin-top: 28px; } .form-field p { /* for conflicts */ background: none; border: none; } .form-field label.frm_primary_label { display: block; float: none; width: auto; } #frm_view_editor_left label, /* Views */ #frm_view_editor_left .frm_primary_label, /* Views */ .frm-dialog .frm-sub-label, .frm-dialog label, .dropdown .frm_primary_label, .accordion-container label, .frm-fields td > label, .frm-fields td > div > label, .frm_form_field > label:first-child, .frm-fields p > label, .frm_on_submit_type > label, .post-type-frm_display .frm_form_field > label, #new_fields .frm_primary_label, #form_global_settings .frm_primary_label, #frm_form_editor_container .frm_primary_label { color: var(--grey-700); margin: 0 0 3px; padding: 0; width: auto; font-size: var(--text-sm); display: block; line-height: var(--leading); } .frm-fields td input + label { display: inline; } #frm_form_editor_container .edit_field_type_end_divider .frm_primary_label, #frm_form_editor_container .edit_field_type_break .frm_primary_label { display: none; } form .frm_primary_label input { font-size: 12px; } .with_frm_style form .form-field { margin-bottom: 20px; } #frm_builder_page .with_frm_style form .frm_combo_inputs_container > .form-field { margin-bottom: 0; } .frm_description, .with_frm_style form div.description, .frm_error, .with_frm_style form div.description textarea { padding: 0; font-size: 11px; } .with_frm_style .description { color: inherit; } #frm_form_editor_container .divider_section_only .frm_primary_label { display: flex; align-items: center; gap: var(--gap-xs); font-size: 20px; } #frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label { padding: 0; } form .form-field.frm_field_loading { margin-bottom: 0; min-height: 0; padding: 0; text-align: center; } .frm_sorting > .frm_field_loading .frm_visible_spinner.frm-wait { margin-bottom: 10px; } .frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.frm-wait { margin-bottom: 0; display: none; } .frm_description, .with_frm_style form div.description, .frm_error { margin: 0; } .frm_error { color: #B94A48; } form .frm_blank_field input, form .frm_blank_field textarea, form .frm_blank_field select, form .frm_blank_field .frm-g-recaptcha iframe, form .frm_blank_field .g-recaptcha iframe { border-color: #B94A48; } form .frm_blank_field label { color: #B94A48; } .frm_required { color: #B94A48; } .with_frm_style .wp-editor-container textarea, .postbox .wp-editor-container textarea, .frm_remove_border { border: none; } .with_frm_style .mceIframeContainer, .postbox .mceIframeContainer { background-color: #fff; } .frm_pro_license_msg { clear: left; margin-top: 10px; } .frm-license-input { position: relative; } .frm-license-input span { 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 .error { display: none; } .toplevel_page_formidable #wpbody-content > .error { margin: 1px; padding: 5px 12px; } .frm_error_style, .frm_warning_style, .frm_note_style, .frm_message, #post-body-content .frm_updated_message, div.frm_updated_message { border-radius: var(--small-radius); background-color: #D5F2DC; color: #1E561F; padding: var(--gap-sm) var(--gap-md); font-size: var(--text-sm); margin: var(--gap-sm) 0; text-align: left; } #frm_top_bar + .wrap > .frm_updated_message, #frm_top_bar + .wrap > .frm_warning_style { display: inline-block; width: 100%; box-sizing: border-box; } #post-body-content > .frm_updated_message { margin: 5px 65px; } #form_global_settings #post-body-content > .frm_updated_message, #form_global_settings #post-body-content > .frm_warning_style { margin: 5px 25px; } .frm_error_style { color: #973937; background-color: #EBCCCC; clear: both; } .frm_error_style a { text-decoration: underline; font-weight: 600; } .frm_error_style svg { opacity: .7; } .frm_warning_style { color: #7A4D05; background-color: #FFF2D2; } .frm_warning_heading{ font-weight: bold; margin-bottom:4px; } /* Warning message dismiss */ .frm_warning_style { position: relative; padding-right: calc(var(--gap-md) + 15px); } body.rtl .frm_warning_style { padding-right: var(--gap-md); padding-left: calc(var(--gap-md) + 15px); } .frm-warning-dismiss { position: absolute; top: 10px; right: 10px; display: flex; cursor: pointer; transition: opacity 0.2s ease-out; } body.rtl .frm-warning-dismiss { left: 10px; right: auto; } .frm-warning-dismiss:hover { opacity: 0.8; } .frm-warning-dismiss.frmsvg, .frm-warning-dismiss.frmsvg svg { width: 15px; height: 15px; } .frm_note_style { background: rgba(188, 224, 253, 0.23); color: var(--grey-700); } .frm-banner-alert { text-align: left; margin: 0; border-radius: 0; padding: 10px 0 10px 40px; } .frm-banner-alert a { color: var(--primary-500); font-weight: 400; text-decoration: none; } .frm_updated_message ul, .frm_updated_message li, .frm_warning_style ul, .frm_warning_style li, .frm_error_style ul, .frm_error_style li { margin: 0; } .frm-inline-message { border: 1px solid var(--primary-700); border-radius: var(--small-radius); color: var(--primary-700); background: #fff; text-align: center; padding: 20px; font-size: var(--text-sm); line-height: var(--leading); } .frm-inline-message a { text-decoration: underline; font-weight: 600; color: var(--primary-700); } .frm_pro_heading span { margin-top: 10px; } .frm_pro_heading .alignright { text-align: right; } .frm-yes { color: var(--green); font-size: var(--text-xl); } .frm-nope { color: var(--grey-400); font-size: var(--text-xl); } .upgrade_to_pro a { color: var(--orange); } .upgrade_to_pro table .frmsvg { height: var(--text-xl); width: var(--text-xl); } .upgrade_to_pro table.widefat { background-color: #fff; border-collapse: collapse; } .frm-white-body .upgrade_to_pro table th, .upgrade_to_pro table td { padding: 10px 15px; border: 1px solid var(--grey-300); line-height: var(--leading); font-size: var(--text-sm); } .upgrade_to_pro table th.frmcenter { text-align: center; } .widefat th.frm_table_break { background-color: var(--sidebar-color); } h2.frm-h2 + .howto { color: var(--medium-grey); max-width: 850px; margin: 5px 0 20px; } .frm-admin-page-addons #frm-using-lite { display: none; } .frm-admin-page-addons .frm-search { margin-top: 0; } .frm-addons { margin-top: var(--gap-lg); display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: var(--gap-md); } .frm-addons, .frm-addons h2, .frm-addons h3 { color: var(--grey-700); } .frm-addons h2 { font-size: 17px; } .frm-addons h3 { margin-top: 0; } .frm-card { width: 100%; border-radius: 10px; border: 1px solid var(--grey-300); opacity: 1; transition: opacity 1s; } .frm-fade { opacity: 0; transition: all 1s; } /* Add-on tiles */ .frm-addons .frm-card.frm-addon-not-installed { position: relative; } .frm-addons .plugin-card-top { min-height: 155px; padding-top: var(--gap-lg); overflow: hidden; } .frm-addons .plugin-card-top h2 { margin-top: 0; font-weight: 400; } .frm-template-row p, .frm-addons .plugin-card-top p { opacity: 0.8; } .frm-addons .plugin-card-bottom { padding: 5px 20px 20px; text-align: center; background: transparent; border-top: none; } .frm-addons .plugin-card-bottom, .frm-addons .plugin-card-bottom .button { font-size: 15px; } .frm-addons .button { float: right; } .frm-addons .addon-status { float: left; padding-top: 4px; } .frm-addon-active .button { visibility: hidden; } .frm-save-and-reload-options { margin-top: 10px; font-size: 13px; } .frm-save-and-reload, .frm-save-and-reload + .frm-button-secondary { visibility: visible !important; } .addon-status-label { opacity: .7; } .frm-addon-active .addon-status-label { color: var(--green); opacity: 1; } .frm-addon-error { position: absolute; top: 55px; left: 10px; right: 10px; font-weight: bold; text-align: center; } /* Form Templates */ .frm-featured-form .frm-inner-circle { margin: 0 auto 5px; } .frm-new-template.plugin-card-bottom { overflow: visible; } #frm-new-template p:first-child { margin-top: 0; } .frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert), #wpbody-content > .updated, #wpbody-content > #update-nag, #wpbody-content > .update-nag, #wpbody-content > .notice:not(.frm-review-notice), #wpbody-content > .error:not(.frm_previous_install), .frm-white-body .updated, .frm-white-body .notice:not(.frm-review-notice), .frm-white-body .error:not(.frm_previous_install) { display: none; } .frm-admin-page-formidableedit #frm_builder_page { display: block !important; } .frm-white-body .updated, .frm-white-body .notice, .frm-white-body .error { margin: 0; padding: 10px 20px; } .frm-modal .postbox, #frm_new_form_modal .postbox { max-height: 600px; overflow: hidden; margin-bottom: 0; } .frm-modal .postbox .frm_modal_top, .frm-dialog .frm_common_modal .postbox > div:first-child { padding: var(--gap-md) var(--gap-md) 0; position: relative; } .frm-modal .postbox .frm-modal-title, .frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child { display: inline-block; font-size: var(--text-xl); color: var(--grey-900); } .frm-inline-modal > a.dismiss, .frm-modal .postbox > a.dismiss, .frm-modal .postbox .frm-modal-title + div:last-child, .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { position: absolute; right: 30px; top: 25px; z-index: 2; } body.rtl .frm-inline-modal > a.dismiss, body.rtl .frm-modal .postbox > a.dismiss, body.rtl .frm-modal .postbox .frm-modal-title + div:last-child, body.rtl .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child { right: unset; left: 30px; } .frm-info-modal .postbox > a.dismiss, .frm-inline-modal > a.dismiss { right: 13px; top: 13px; } .frm-modal .postbox .frm-modal-title + div:last-child a, .frm-modal a.dismiss .frmsvg, .frm_common_modal .frm_modal_top a .frmsvg { color: var(--grey-900); } .frm-modal .frm_modal_content > div.inside, .frm_common_modal .frm_modal_content > div.inside { padding: var(--gap-md); margin: 0; font-size: var(--text-sm); color: var(--grey-700); } .frm_common_modal .postbox { display: flex; flex-direction: column; } .frm-modal .postbox > div.inside .cta-inside { overflow-y: auto; height: auto; padding: 0 var(--gap-sm); } .frm_modal_footer { padding: 0 var(--gap-md) var(--gap-sm); text-align: right; } body.frm-body-with-open-modal { overflow-y: hidden; } #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 var(--gap-md); } #frm_new_form_modal .accordion-container { width: 100%; } .frm-templates-list { margin-top: 0; } .frm-templates-list.frm_grid_container li { margin-bottom: 0; } .frm-templates-list li { vertical-align: top; position: relative; box-sizing: border-box; border-radius: 6px; border: 1px solid transparent; text-align: left; } .frm-templates-list li:not(.frm_hidden) { display: inline-block; } .frm-templates-list.frm-categories-list li { width: 100%; } .frm-templates-list li.frm-selectable { cursor: pointer; } .frm-templates-list li.frm-selectable:hover { background: var(--light-blue); border-color: rgba(65, 153, 253, 0.5); } .frm-templates-list li.frm-selectable:hover h3, .frm-templates-list li.frm-selectable:hover p { max-width: calc( 100% - 65px ); } .frm-templates-list .frm-featured-form { display: flex; width: 100%; } .frm-templates-list li .frm-featured-form { padding: 7px 5px; } .frm-templates-list li li > div { padding-left: 0; } .frm-templates-list li > div > div { vertical-align: middle; } .frm-templates-list .frm-inner-circle, .frm-category-icon, /* Deprecated */ .frm-icon-wrapper { background: var(--primary-500); border-radius: var(--small-radius); color: #fff; width: 40px; height: 40px; font-size: 18px; box-sizing: border-box; align-self: center; justify-content: center; align-items: center; display: inline-flex; } .frm-templates-list .frm-inner-circle .frmsvg { vertical-align: top; } .frm-templates-list li .frm-category-icon { overflow: hidden; align-self: flex-start; } .frm-templates-list .frm-template-details { /* the content container to the right of the icon in Create new form modal */ display: inline-block; width: calc( 100% - 40px ); padding-left: var(--gap-sm); box-sizing: border-box; transform: translateY(-2px); } .frm-templates-list li h3, .frm-templates-list li p { text-align: left; margin: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .frm-templates-list li h3, .frm-templates-list .frm-install-template h3 { font-size: var(--text-sm) !important; } .frm-templates-list .frm-install-template div { text-align: left; } #frm_new_form_modal .frm-search { width: 100%; margin: var(--gap-sm) 0 var(--gap-md); } #frm_leave_email, #frm_code_from_email { width: 480px; } #frm_new_form_modal #template-search-input { width: 100%; } #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-300); box-sizing: border-box; margin: 0 5px; width: calc( 100% - 10px ); } #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-color: transparent; } #frm_new_form_modal .accordion-section.open:hover { border-bottom-color: transparent; } #frm_new_form_modal .accordion-section { padding: 8px 0 4px; } #frm_new_form_modal .accordion-section + .accordion-section { border-top: 1px solid var(--grey-300); 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: var(--gap-sm); } #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: var(--gap-sm); } .frm-hover-icons { position: absolute; right: 0; top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */ max-width: 91px; height: 100%; box-sizing: border-box; padding: 0 10px 0 5px !important; border-radius: var(--small-radius); text-align: right; display: flex; gap: 5px; } .frm-ready-made-solution .frm-hover-icons { visibility: hidden; } .frm-ready-made-solution:hover .frm-hover-icons { visibility: visible; } .frm-hover-icons a { width: 22px; height: 22px; font-size: var(--text-md); display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-sizing: border-box; line-height: var(--leading); text-align: center; } .frm-hover-icons > .frm-preview-form, .frm-hover-icons > .frm-delete-form { border: 1px solid var(--primary-500); } .frm-hover-icons > .frm-create-form, .frm-ready-made-solution .frm-hover-icons a { background-color: var(--primary-500); } .frm-hover-icons > a .frmsvg { width: 14px; height: 14px; vertical-align: baseline; } .frm-hover-icons > .frm-preview-form .frmsvg, .frm-hover-icons > .frm-delete-form .frmsvg { color: var(--primary-500); } .frm-hover-icons > .frm-unlock-form { background-color: var(--primary-500); } .frm-hover-icons > .frm-unlock-form .frmsvg { background-color: var(--primary-500); } .frm-ready-made-solution .frmsvg { width: 14px; height: 14px; } .frm-hover-icons .frm-create-form svg, .frm-ready-made-solution .frm-hover-icons svg { color: #fff; } .frm-hover-icons .frm-create-form:hover, .frm-ready-made-solution .frm-hover-icons a:hover, .frm-hover-icons > .frm-unlock-form:hover, .frm-hover-icons > .frm-unlock-form:hover .frmsvg { background-color: var(--primary-700) !important; } .frm-hover-icons .frm-preview-form:hover, .frm-hover-icons .frm-delete-form:hover { border: 1px solid var(--primary-700) !important; } .frm-hover-icons .frm-preview-form:hover .frmsvg, .frm-hover-icons .frm-delete-form:hover .frmsvg { color: var(--primary-700) !important; } .frm-application-card h4 .frmsvg, .frm-locked-template h3 .frmsvg { height: var(--text-sm); width: var(--text-sm); vertical-align: text-top; color: var(--grey-500); } #frm_new_form_modal .frm-use-this-template { margin-left: 10px; } #frm_new_form_modal #frm-preview-block { padding: var(--gap-md) var(--gap-lg); overflow-x: hidden; } #frm_new_form_modal #frm-details-block { padding: var(--gap-md) var(--gap-lg); } .frm-modal-back { cursor: pointer; margin-right: 4px; } .frm-modal-cancel { float: left; } .frm-plan-required-tag { margin-left: 5px; transform: translateY(-1px); background: #FDE6DE; color: #F15A24; } .frm-ready-made-solution .frm-meta-tag { width: fit-content; background: #FDE6DE; color: #F15A24; } .frm-meta-tag { font-size: 10px; padding: 4px 6px; border-radius: 4px; text-transform: uppercase; font-weight: normal; display: inline-block; line-height: 12px; } #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_code_from_email_options { margin-top: 20px; } #frm_code_from_email_options * { color: var(--primary-500); } #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_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"] { display: inline-block; } .frm-locked-template .frm-hover-icons .frm-unlock-form, li[data-preview] .frm-hover-icons .frm-preview-form, #frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form { display: inline-flex; } #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-500); display: inline-block; width: 1em; margin-left: -1em; } /* Embed Form Modal */ .frm-embed-modal-content { padding: var(--gap-md); } .frm-embed-modal-content.frm-loading-page-options { display: flex; justify-content: center; } #frm_embed_modal .frm_embed_example { background: var(--sidebar-color); border: 1px solid var(--sidebar-hover); border-radius: var(--small-radius); color: var(--grey-900); font-size: var(--text-sm); padding-right: var(--gap-lg); width: 100%; height: auto !important; resize: none; } #frm_embed_modal textarea.frm_embed_example { padding-bottom: 0; } .frm-embed-modal-content > div a { position: absolute; right: 0; top: 0; } .frm-embed-modal-content > div { position: relative; margin-bottom: var(--gap-sm); } .frm-embed-modal-content > div:last-child { margin-bottom: 0; } .frm-embed-modal-content svg[id^="frm_copy_embed_"] { position: absolute; bottom: calc( ( 38px - 18px ) / 2 ); /* Input height - SVG height */ right: 10px; cursor: pointer; opacity: 0.5; } .frm-border-info-box, .frm-embed-modal-option { border-radius: var(--small-radius); border: 1px solid var(--grey-300); padding: var(--gap-sm); cursor: pointer; display: flex; gap: var(--gap-sm); font-size: var(--text-sm); } .frm-embed-modal-option + .frm-embed-modal-option { margin-top: var(--gap-sm); } .frm-collapsed .frmsvg, .caret.rotate-270, .frm-embed-modal-option .caret { align-self: center; margin-left: auto; transform: rotate(-90deg); } #frm_embed_modal .frm_modal_footer { display: none; } #frm_embed_modal.frm-on-page-2 .frm_modal_footer { display: block; } .frm-embed-modal-content ul { max-height: 300px; overflow-y: scroll; } .frm-embed-modal-wrapper.frm-dialog { overflow: visible; } /* Bulk Options */ #frm-bulk-modal .frm_grid_container { grid-template-columns: repeat(12, 8.33%); grid-gap: 0; } #frm-bulk-modal .frm8 { border-right: 1px solid var(--grey-300); padding: 10px 20px 10px var(--gap-lg); } #frm-bulk-modal .frm4 { padding: 10px 0; } .frm-inline-modal .howto { margin: 5px 0 10px; color: var(--grey); } .frm-inline-modal .frm_code_list + .howto { margin-bottom: 0; } #frm_bulk_options { height: 240px; width: 100%; border: none; box-shadow: none; padding: 0; } .frm-bulk-edit-link { text-align: right; font-size: var(--text-sm); padding: 0 5px 10px; } .frm-small-add { font-size: var(--text-sm) !important; } .frm-small-add span { color: var(--primary-500); font-size: 12px; height: 12px; width: 12px; } .frm_no_captcha_text { font-weight: bold; color: #AA0000; } .frm_image_from_url { height: 50px; } .frm-right-panel .inside a.frm_pro_tip, a.frm_pro_tip { font-size: var(--text-sm); display: inline-block; color: var(--grey-700); background: #FFE7DE; border-radius: var(--small-radius); padding: 5px 15px; margin: 0 auto; display: flex; align-items: center; } a.frm_pro_tip:hover { color: var(--grey-700); border-color: var(--primary-500); } a.frm_pro_tip:hover .frmsvg { fill: var(--primary-500); } .frm_field_list .frm_pro_tip { margin: 10px 15px; position: relative; width: calc(100% - 30px); box-sizing: border-box; } a.frm_pro_tip .frmsvg, a.frm_pro_tip i { color: var(--orange); margin-right: 5px; } a.frm_pro_tip .frmsvg { margin-right: 10px; } .frm-tip-info { flex: 1; text-align: left; } .frm-tip-cta { color: var(--orange); } .nav-tab-wrapper .frm_pro_tip { float: right; } .frm_pro_tip:hover .frm-tip-cta { color: var(--primary-500); } /*Switch form dropdown*/ h1 .fa-caret-down { font-size: 18px; } .caret { display: inline-block; width: 19px; height: 9px; margin-right: -8px; vertical-align: middle; } .caret, .wp-admin .frm_wrap select, .frm_wrap .frm_form_builder select, .frm_wrap .ui-autocomplete-input { background: transparent url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23667085%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%; background-size: var(--text-md) var(--text-md); padding-right: var(--gap-lg) !important; } .caret { padding-right: var(--gap-xs) !important; } .frm-btn-group .caret { float: right; margin-top: calc( var(--text-md) / 2 ); } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .frm_wrap .ui-autocomplete, #frm_adv_info.frm-dropdown-menu, .frm-dropdown-menu { /* Copied from .dropdown-menu rules from Bootstrap */ position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; padding-left: 4px; padding-right: 4px; margin: var(--gap-xs) 0 0; text-align: left; list-style: none; background: none; background-color: #fff; background-clip: padding-box; border: 1px solid var(--grey-100); border-radius: 0.25rem; box-shadow: var(--box-shadow-lg); /* Custom rules */ max-height: 200px; overflow-y: auto; overflow-x: hidden; font-size: var(--text-md); width: auto; min-width: 160px; } .frm6 .frm-dropdown-menu { min-width: 100px; max-width: 99%; } #frm_bs_dropdown .frm-dropdown-menu { max-width: 400px; } .field_type_list .frm-dropdown-menu { min-width: 150px !important; } #frm_field_group_controls .frm-dropdown-menu, .frm-field-action-icons .frm-dropdown-menu { min-width: 180px !important; } .frm-field-action-icons .frm-dropdown-toggle svg { color: #9EA9B8; } .multiselect-container.frm-dropdown-menu, #search-submit .frm-dropdown-menu { min-width: 200px !important; } .preview .frm-dropdown-menu { min-width: 230px !important; } .frm-dropdown-menu.dropdown-menu-right { right: 0; left: auto; } .frm-dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .frm-dropdown-menu > .dropdown-item { margin: 0; } .frm-select-list-item, .frm_wrap .ui-autocomplete li > div, .multiselect-container button.multiselect-option, .frm-dropdown-menu > .dropdown-item > a, .frm-dropdown-menu .frm_dropdown_li { clear: both; font-weight: normal; white-space: nowrap; text-decoration: none; border-radius: var(--small-radius); } .frm-dropdown-menu > .active > a, .frm-dropdown-menu > .active > a:hover, .frm-dropdown-menu > .active > a:focus { text-decoration: none; outline: 0; } .frm-select-list-item.disabled, .frm-dropdown-menu > .disabled > a, .frm-dropdown-menu > .disabled > a:hover, .frm-dropdown-menu > .disabled > a:focus { color: #999999; } .frm-select-list-item.disabled:hover, .frm-dropdown-menu > .disabled > a:hover, .frm-dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; cursor: not-allowed; } .open > .frm-dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-header { display: block; padding: 3px 10px; font-size: var(--text-xs); color: var(--grey-400); } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .dropdown-menu-right > .frm-dropdown-menu, .pull-right > .frm-dropdown-menu { right: 0; left: auto; } .navbar-fixed-bottom .dropdown .caret { border-top: 0 dotted; border-bottom: 4px solid #000000; content: ""; } .navbar-fixed-bottom .dropdown .frm-dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } .btn { border: 1px solid #ddd; background: #fff; height: 28px; line-height: var(--leading); } a.frm_option_icon:before { color: var(--primary-500); font-size: 22px; width: 22px; height: 22px; } a.frm_option_icon:focus::before, a.frm_option_icon:hover::before { color: var(--primary-700); } .frm_top_left .frm-dropdown-toggle { color: #999; } .frm-card ol { margin-left: 15px; } .frm-dropdown-toggle { text-decoration: none; } .frm-card .frm-dropdown-toggle { border: 1px solid var(--grey-300); border-radius: var(--small-radius); font-size: 13px; color: var(--grey-700); padding: 7px 20px; } .frm_actions_dropdown .frm-dropdown-menu { font-size: var(--text-sm); color: #5F6C72; } .frm-dropdown-menu .frm_icon_font { vertical-align: middle; color: #5F6C72; margin-right: 3px; } /* BS Multiselect */ .multiselect-container.frm-dropdown-menu { top: auto; left: auto; font-size: var(--text-sm); padding: 4px; margin-bottom: 3px; } .frm-right-panel .accordion-section-content { background: transparent; padding: 0; overflow: initial; } .frm-right-panel .accordion-section-content > .inside { padding: 0 0 var(--gap-xs); } .frm-right-panel .accordion-section-content .inside a { font-size: inherit; } #post-body-content + .frm-right-panel h3.accordion-section-title { padding: 7px 10px 8px 14px; font-size: var(--text-md); color: var(--grey-700); } .frm-right-panel .control-section.open h3 { border-bottom: none; } .js .frm-right-panel .control-section.open .accordion-section-title, .js .frm-right-panel .control-section .accordion-section-title:focus, .js .frm-right-panel .control-section .accordion-section-title:hover { background: transparent; color: var(--grey-900); } .js .frm-right-panel .control-section .accordion-section-title:hover:before { color: var(--grey-700); } .frm-with-line, .accordion-section-content h4 { font-size: var(--text-md); font-weight: 400; margin: 20px -20px 10px; padding: 0 20px; color: var(--grey-700); position: relative; border: none !important; } .frm-with-line span, .accordion-section-content h4 span { background: #fff; padding: 0 10px; position: relative; display: inline-block; z-index: 2; } .accordion-section-content h4 span { background: var(--sidebar-color); } .frm-right-panel .frm-with-line span { background: var(--sidebar-color) !important; margin-left: -4px; } .frm-right-panel .frm-inline-modal .frm-with-line span { background: #fff !important; } .frm-with-line:before, .accordion-section-content h4:before { content: ''; display: block; position: absolute; border-bottom: 1px solid var(--grey-300); left: 0; width: 100%; top: 50%; } .frm-right-panel .accordion-section { border: none; position: relative; } .frm-right-panel .accordion-section-title:before, .frm-right-panel .accordion-section-title:after, #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; vertical-align: text-top; } #frm_new_form_modal .accordion-section.open .accordion-section-title:after { transform: rotate(90deg); } .frm-right-panel .accordion-section-title:after { top: calc(50% - 10px) !important; } .frm-right-panel .open .accordion-section-title:after { content: "\e62a" !important; } .frm-right-panel .accordion-section-title:before { content: "\f1de" !important; color: var(--grey); font-size: 17px !important; margin: 0 10px 0 0; } .form-title-style .accordion-section-title:before, .section-fields-style .accordion-section-title:before { content: "\f1dc" !important; } .form-description-style .accordion-section-title:before { content: "\e90f" !important; } .field-colors-style .accordion-section-title:before { content: "\e96d" !important; } .field-sizes-style .accordion-section-title:before { content: "\e920" !important; } .field-labels-style .accordion-section-title:before { content: "\e953" !important; } .field-description-style .accordion-section-title:before{ content: "\e611" !important; } .check-box-radio-fields-style .accordion-section-title:before{ content: "\f14a" !important; } .buttons-style .accordion-section-title:before{ content: "\e911" !important; } .repeater-fields-style .accordion-section-title:before{ content: "\e974" !important; } .toggle-fields-style .accordion-section-title:before{ content: "\f205" !important; } .slider-fields-style .accordion-section-title:before{ content: "\f386" !important; } .form-messages-style .accordion-section-title:before{ content: "\e915" !important; } .date-fields-style .accordion-section-title:before{ content: "\f073" !important; } .progress-bars-style .accordion-section-title:before{ content: "\e939" !important; } #frm_view_editor_left.frm-right-panel .accordion-section-title, .frm-right-panel h3.accordion-section-title { padding: 15px 20px; background: var(--sidebar-color); line-height: var(--leading); color: var(--grey-700); font-size: var(--text-lg); font-weight: 400; } .control-section .accordion-section-title:after, /** Form template list */ .customize-pane-child .accordion-section-title:after { top: 15px; } .accordion-container .frm-dropdown-menu { min-width: 40px; } .frm-btn-group .multiselect.dropdown-toggle { box-sizing: border-box; min-height: unset; } .accordion-container .frm-dropdown-menu:before, .accordion-container .multiselect.dropdown-toggle:before { font-family: "s11-fp" !important; } .multiselect-container { position: absolute; list-style-type: none; margin: 0; padding: 0; width: 100%; max-width: 250px; } .multiselect-container button.multiselect-option { width: 100%; text-align: left; border: none; margin-bottom: 4px; } .multiselect-container button.multiselect-option label { margin-left: 5px; } .accordion-container .multiselect-container label { padding: 3px 19px 3px 7px; } .frm-btn-group.btn-group > .btn-group:nth-child(2) > .multiselect.btn { border-top-left-radius: 4px; border-bottom-left-radius: 4px } .frm-btn-group.btn-group, .frm-btn-group.btn-group-vertical { display: block; } .multiselect-option label { max-width: calc(100% - 22px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .frm_scale { text-align: center; float: left; margin-right: 10px; } .frm_scale input { display: block; margin: 5px } .frm_multi_fields_container { float: left; } .frm_multi_fields_container, .frm_form_builder .frm_form_fields input[type=tel] .frm_form_builder .frm_form_fields input[type=range], .frm_form_builder .frm_form_fields input[type=text] { width: 100%; height: auto; } .frm_form_builder .frm_time_wrap .frm_time_sep { vertical-align: sub; vertical-align: -webkit-baseline-middle; } .frm_form_builder input[type=range]::-webkit-slider-runnable-track { background-color: var(--blue-border); } .frm_form_builder input[type=range]::-moz-range-track { background-color: var(--blue-border); } .frm_form_builder input[type=range]::-ms-fill-lower { background-color: var(--blue-border); } .frm_form_builder input[type=range]::-ms-fill-upper { background-color: var(--blue-border); } .frm-embed-field-placeholder { text-align: center; height: 145px; display: flex; align-items: center; justify-content: center; } .frm-fake-field { display: block; height: 25px; background-color: var(--light-blue); border: 1px solid var(--grey-300); margin: 10px 0; border-radius: var(--small-radius); } .frm-embed-message { position: absolute; background: #fff; border: 1px solid var(--grey-300); color: var(--grey-700); padding: var(--gap-md); font-size: var(--text-lg); max-width: 200px; min-width: 50%; margin: 0 var(--gap-md); overflow: hidden; text-overflow: ellipsis; } .frm-summary-message { top: 50%; left: 50%; padding: 15px 0; font-size: var(--text-md); transform: translate(-50%, -50%); } .frm-summary-learn-more { font-size: inherit !important; } .frm-single-settings .frm-embed-message { width: 100%; position: static; border-radius: var(--small-radius); } #new_fields input[type=text], #new_fields input[type=number], .frm_field_box .frm_form_fields > textarea, .frm_form_fields .frm_form_field > textarea, .frm_form_fields .frm_form_field > input[type=email], .frm_form_fields .frm_form_field > input[type=url], .frm_form_fields .frm_form_field > input[type=number], .frm_form_fields .frm_form_field > input[type=tel], .frm_form_fields .frm_form_field > input[type=text], .frm_form_fields .frm_form_field > input[type=range] { width: 100%; } .frm_form_fields textarea.wp-editor-area { width: 100%; border: none; } .frm_form_fields input[type="file"], .frm_form_fields input[type="file"]:disabled { background: transparent; border: none; box-shadow: none; width: auto; } .frm_form_fields select { width: auto; max-width: 100%; } input[type="radio"], input[type="checkbox"] { width: 16px; padding: 0; } .frm_wrap .frm-number-range + .frm_last input, .frm_wrap .frm-number-range input { text-align: center; font-weight: 600; } .frm_wrap .frm-number-range input[type=number], .frm_wrap .frm-number-range input[type=text] { color: var(--primary-700); } .frm-range-min { position: relative; } .frm-range-min:after { content: ''; height: 3px; width: 10px; border-radius: 30%; background: var(--primary-700); position: absolute; top: 17px; right: -28%; } .frm_grid_container > p, .frm_grid_container > p.frm_form_field, .frm_grid_container > div.frm_form_field, #new_fields .frm_grid_container > p { margin-top: 8px; margin-bottom: 8px; margin-right: 0; } #new_fields div.frm_grid_container > .frm_primary_label { margin-top: 8px; } #new_fields .frm_primary_label + p, #new_fields .frm_primary_label + .frm6 + .frm6, #new_fields .frm_primary_label + .frm6 + .frm-inline-modal + .frm6 { margin-top: 0; } .frm_catlevel_2, .frm_catlevel_3, .frm_catlevel_4, .frm_catlevel_5 { margin-left: 18px; } .frm_wrap .frm-fields .auto_width, .frm_form_fields input.auto_width, .frm_form_fields select.auto_width, .frm_form_fields textarea.auto_width { width: auto !important; } .frm_form_fields select.auto_width { min-width: 60px; } .frm_form_fields input:focus, .frm_form_fields select:focus, .frm_form_fields textarea:focus, .frm_focus_field input { background-color: #fff; border-color: #ddd; } .frm_form_builder .frm_radio, .frm_form_builder .frm_checkbox { display: block; margin-bottom: 2px; } .frm_form_builder .frm_radio label, .frm_form_builder .frm_checkbox label { font-size: var(--text-sm); } /* Start copied front-end CSS */ .horizontal_radio .frm_radio, .horizontal_radio .frm_checkbox { margin-right: 5px; display: inline-block; } .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container{ display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: max-content; grid-gap: 0 2.5%; } .frm_form_field.frm_three_col .frm_opt_container{ grid-template-columns: repeat(3, 1fr); } .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(4, 1fr); } .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col .frm_checkbox{ grid-column-end: span 1; } /* End copied */ .frm_wrap .with_frm_style .frm_checkbox input[type=checkbox], .frm_wrap .with_frm_style .frm_radio input[type=radio], .frm_wrap input[type=checkbox], .frm-white-body input[type=checkbox], .field-group input[type=checkbox], .frm_scale input[type=radio], .frm_radio input[type=radio], .frm_checkbox input[type=checkbox] { border: 1px solid var(--grey-300); box-shadow: none; -webkit-appearance: none; } .frm_wrap .with_frm_style .frm_checkbox input[type=checkbox], .frm_wrap input[type=checkbox], .frm-white-body input[type=checkbox], .field-group input[type=checkbox], .frm_checkbox input[type=checkbox] { border-radius: 4px; } .frm-white-body input[type="checkbox"]:checked, .frm_wrap input[type="checkbox"]:checked { background-color: var(--primary-500); border-color: var(--primary-500) !important; } .frm-white-body input[type="checkbox"]:checked:focus, .frm_wrap input[type="checkbox"]:checked:focus { border-color: var(--primary-500); } .frm-white-body input[type="checkbox"]:checked::before, .frm_wrap input[type="checkbox"]:checked::before { content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2010%27%3E%3Cpath%20d%3D%27M9.2%202c.2.3.2.7%200%201l-5%205c-.3.2-.6.2-.9%200L.8 5.3a.6.6%200%200%201%20.9-.8l2%202%204.6-4.5c.3-.3.6-.3.9%200Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E"); height: 12px; width: 12px; margin: 1px; } .frm_radio input[type="radio"], .frm_checkbox input[type="checkbox"] { margin-right: 5px; } .frm_single_entry_page .with_frm_style .frm_radio input[type=radio] { margin: 5px 0; width: 18px; position: relative; /* override Bootstrap */ } .frm_single_entry_page .with_frm_style .frm_radio input[type=radio]:before { position: relative !important; left: calc(50% - 6px); top: calc(50% - 6px); margin: 0 !important; } .frm_inner_field_container { margin-bottom: 10px; } .frm_conf_inline .frm_inner_field_container, .frm_conf_inline .frm_inner_conf_container { width: 49%; float: left; } .frm_conf_inline .frm_inner_field_container { margin-right: 2%; clear: both; } .frm_inner_field_container > label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > label, .frm_field_box .divider_section_only:hover > .frm_inner_field_container > label, li.ui-state-default.selected > .frm_inner_field_container > label { max-width: calc(100% - 100px); } .frm-drag-fade { background-color: var(--lightest-grey) !important; border-radius: 4px; } .frm-drag-fade * { opacity: 0; } .frm-dragging .divider_section_only, .frm-dragging .frm_field_box { pointer-events: none; } .frm_form_settings #op-popup, /* 1Password */ .frm_form_settings com-1password-op-button, .frm_conf_below .frm_conf_field_container .frm_primary_label, .frm_conf_inline .frm_inner_field_container .frm-show-click a, .frm_conf_below .frm_conf_field_container .frm-show-click a { display: none !important; } .frm_conf_inline .frm_inner_field_container .frm-field-action-icons { position: absolute; right: 5px; } .frm_conf_below .frm_conf_field_container { margin-top: 10px; } .frm_calc_dec { width: 50px; } .frm_ext_sc { display: none; } .frm_long_input { width: 100% !important; box-sizing: border-box; } .frmcenter { text-align: center; } img.frm_help { margin-left: 2px; vertical-align: middle; padding-bottom: 2px; } /* Loading */ .frm_spinner.frm-wait, .frm_spinner.spinner { float: left; visibility: hidden; margin: 0 10px; } .frm_visible_spinner.frm-wait, .frm_visible_spinner.spinner { visibility: visible; float: none; } .frm_form_action_settings .frm_spinner.frm-wait, .frm_form_action_settings .frm_spinner.spinner { visibility: visible; float: none; vertical-align: bottom; } .frm_form_action_settings .frm_loading { font-size: 15px; text-align: center; } .frm_ajax_settings_tab .frm-wait, .frm_ajax_settings_tab .spinner { visibility: visible; float: none; margin-top: 20px; } .wp-core-ui .frm_loading_button.button-primary.frm-button-primary, .frm_loading_button, .frm_loading_form.frm_button_submit { position: relative !important; opacity: .8; color: transparent !important; text-shadow: none !important; } .frm_loading_button:hover, .frm_loading_button:active, .frm_loading_button:focus, .frm_loading_form.frm_button_submit:hover, .frm_loading_form.frm_button_submit:active, .frm_loading_form.frm_button_submit:focus { cursor: not-allowed; color: transparent !important; outline: none !important; box-shadow: none; } .frm-wait { margin: 20px; width: 20px; height: 20px; position: relative; display: inline-block; } #frm-show-fields .frm-wait:only-child { position: absolute; left: 50px; top: 30px; } .frm-wait:before, .frm_loading_button:before, .frm_loading_form.frm_button_submit:before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #fff; border-top-color: transparent; border-left-color: transparent; border-radius: 50%; box-sizing: border-box; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .frm-wait:before { border-bottom-color: var(--primary-700); border-right-color: var(--primary-700); } .frm_loading_button.frm-button-secondary:before { border-bottom-color: var(--primary-500); border-right-color: var(--primary-500); } input[type=submit]:focus { outline: none !important; } /* Effects */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } label input[type="checkbox"], label input[type="radio"] { vertical-align: inherit; } #editorcontainer #dyncontent { margin: 0; width: 100%; padding: 6px; line-height: var(--leading); border: 0 none; outline: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /*ICONS*/ .frm_postbox_icon { margin: -6px 0 0 -10px; } .frm_form_builder a:hover { text-decoration: underline; } .frm_form_builder .widget-title h4 { padding: 10px 15px; } .frm_form_builder .widget-top a.widget-action:after { margin: 7px 12px 0; } .frmbutton.frm_tgateway { display: none !important; } .frm_html_legend pre { display: inline; } #ed_fullscreen { display: none !important; } .frm_posttax_opt_list { overflow: auto; max-height: 200px; background-color: #fff; } .frm_posttax_opt_list p.howto { font-size: 12px; } .frm_border_bottom { border-bottom: 1px solid var(--grey-300); margin-bottom: 10px; padding-bottom: 10px; } .frm_posttax_opt_list .frm_border_bottom span.howto { padding-right: 10px; } .frm_posttax_opt_list .frm_border_bottom input { margin-right: 1px; } .frm_add_remove div.frm_form_field { padding-bottom: 5px; } .frm_field_opts_list { max-height: 190px; overflow: auto; } .frm_white_bg { background-color: #fff; } .frm_border_light { border: solid 1px #ddd; } #new_fields .form-table input[type=text], #new_fields .form-table select, .form-table .form-field input, .form-table .form-field .quicktags-toolbar input, .form-field input, .form-field .quicktags-toolbar input { width: auto; } .frm_aff_link { float: right; } .frm_select_box { text-align: center; font-weight: bold; width: 100%; background-color: transparent !important; } .wp-list-table input.frm_select_box { text-align: left; font-weight: normal; font-size: inherit !important; border: none; padding: 0 !important; background-color: transparent !important; } .wp-list-table input.frm_select_box:focus { outline: none; box-shadow: none; } .wp-list-table .frm_no_items.frm_select_box { text-align: center; font-weight: bold; width: 500px; max-width: 100%; font-size: inherit; } #frm-options-panel { padding: 0 var(--gap-sm); color: var(--grey-900); } .frm-right-panel a.frm_add_logic_link, #frm-options-panel h3 { padding: 15px 0; margin-top: -2px; } #frm_style_sidebar h3, #frm_view_editor_left.frm-right-panel .accordion-section-title { padding: 15px 0; } .frm_field_key { background-color: #F7F7F7; } #frm_form_editor_container #edit-slug-box { padding: 0; } .frm-alt-table { 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); } .frm-alt-table h3 { margin-bottom: 0; } .form-field .frm_cb_button { height: 22px; line-height: 20px; margin-bottom: 10px; margin-right: 5px; } .edit_field_type_select .frm_option_val_label { margin-left: 12px; } .frm_rte { background: url(../images/rte.png) no-repeat; } .frm_rte .howto { margin: 10px 0 46px; } .subform_section { margin: 25px; } .subform_section, .subform_section label, .subform_section input { opacity: 80; } .subform_section .frm_sortable_field_opts { display: none; } #frm_form_editor_container .subform_section .frm_primary_label { display: block; } .subform_section.subform_break { border-top: 1px dashed #ccc; } .button-secondary.frm_html_field { background-color: #ededed; padding: 10px 20px; line-height: inherit; width: auto; height: auto !important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .frm_html_field_placeholder { margin-bottom: 10px; text-align: center; } .recaptcha_placeholder { border: 1px solid #d3d3d3; width: 300px; } .frm_sorting .frm_rte textarea { width: 653px; background: #fff; margin: 1px 0 0; border: 1px solid #dfdfdf; border-top: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; float: none !important; } .frm_full_rte textarea { width: 98%; padding: 0; } .frm_field_box { padding: 5px; min-height: 20px; margin: 10px 0; } .frm_indent_opt, td.frm_indent_opt { padding-left: 25px; } .frm_charts object { background: transparent; } .frm_charts h2 { height: 34px; } .frm_single_option.ui-sortable-placeholder, li.sortable-placeholder { border: none; margin: 0; visibility: visible !important; box-shadow: 2px -10px 0 2px var(--primary-500); } #frm_form_editor_container > ul > .frm_single_option.ui-sortable-placeholder, #frm_form_editor_container > ul > li.sortable-placeholder { width: calc(100% - 5px) !important; height: 0 !important; } #frm_form_editor_container > ul > li > ul { position: relative; } #frm_form_editor_container > ul > li > ul > li.sortable-placeholder, #frm_form_editor_container ul.start_divider > li > ul > li.sortable-placeholder { position: absolute; top: 20px; bottom: 0; } .edit_field_type_divider + li.sortable-placeholder { box-shadow: 2px 5px 0 2px var(--primary-500); } .start_divider li.sortable-placeholder { box-shadow: 2px -5px 0 2px var(--primary-500); } .frm-is-collapsed + .sortable-placeholder { box-shadow: 2px 15px 0 2px var(--primary-500); } .frm_single_option.ui-sortable-placeholder { box-shadow: 0 0 1px 1px var(--primary-500); } .frm_sorting > li.edit_field_type_end_divider:first-child, .frm-show-click, li.ui-state-default.edit_field_type_divider .frm-show-click { display: none; } .frm_form_field.ui-sortable-helper .frm-field-action-icons, .frm_form_field.ui-sortable-helper .frm_form_fields, .frm_form_field.ui-sortable-helper .frm_description, .frm_form_field.ui-sortable-helper .description { display: none; } .frm_form_field.ui-sortable-helper .frm_primary_label, .frm_form_field.ui-sortable-helper .frm_inner_field_container { margin: 0 !important; } .frm-single-settings .frm-show-click { display: block !important; } .frm-show-hover, .frm_single_visible_hover, li.ui-state-default.edit_field_type_divider .frm-show-hover { opacity: 0; transition: opacity .15s ease-in-out; } #frm-show-fields .frm-field-settings-open .frm-show-hover { opacity: 1; } .frm_sortable_field_opts { margin-top: 5px; } .frm_single_option { clear: both; margin: 0; padding-bottom: 5px; } .frm_product_price_wrapper, .frm_image_preview_wrapper, #new_fields .frm_single_option select, #new_fields .frm_single_option input[type=text] { width: calc(100% - 73px); } .frm-right-panel .frm_single_option a.frm_remove_tag, .frm_single_option a { padding-left: 7px; } .frm_single_option:hover .frm_single_visible_hover { opacity: 100; } .frm_single_option .frm-drag { font-size: 23px; width: 22px; height: 19px; margin-left: -6px; color: var(--grey); } .frm_single_option .frm-drag:before { vertical-align: middle; } .frm-drag, .frm_single_option.ui-sortable-helper { cursor: move; } .frm_single_option .frm_option_key { margin-left: 19px !important; } .frm_option_key input[type=text] { margin-top: 15px !important; } li.ui-state-default.selected .frm-show-click, li.ui-state-default.selected.edit_field_type_divider .frm-show-click { display: inline; vertical-align: top; } .frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > .frm-show-hover, .frm_field_box .divider_section_only:hover > .frm_inner_field_container > .frm-show-hover, li.ui-state-default.selected > .frm_inner_field_container > .frm-show-hover, li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover { opacity: 100; } li.frm_field_box > ul.frm_grid_container { position: relative; } .frm_sorting span.ui-icon { width: 16px; } /* Image options for Radio and Checkbox */ .frm_image_options .frm_image_option_container { --field-border-width: 1px; --border-color: var(--grey-300); --border-color-active: var(--primary-500); --border-radius: var(--small-radius); } .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 img { max-width: 100%; height: auto; } .frm_image_option_container .frm_empty_url { background-color: var(--sidebar-color); } .frm_list_entry_page .frm_image_option_container .frm_text_label_for_image { display: block; padding: 5px 0 10px; } .frm_list_entry_page .frm_upload_label, .frm-summary-page-wrapper .frm_text_label_for_image { display: block; } #frm-welcome .frm_image_options .frm_image_option_container, #form_global_settings .frm_image_options .frm_image_option_container{ background: var(--sidebar-color); } #frm-welcome .frm_image_option_container svg, #form_global_settings .frm_image_option_container svg { max-width: calc( 100% - 20px ); } /* Show an icon on top */ .frm_image_option_container { position: relative; } .frm_text_label_for_image > svg { width: 30px; position: absolute; top: 5px; right: calc( 50% - 15px ); } /* End show an icon on top */ .frm_single_option .frm_option_key { margin-top: 17px; } .frm_image_data { margin-left: var(--gap-xs); display: flex; flex-direction: column; font-size: var(--text-sm); justify-content: space-around; } .frm_image_styling_frame { display: flex; align-items: stretch; margin-left: 1.5rem; } .frm_image_styling_frame img{ height: 54px; width: 54px; min-width: auto; min-height: auto; border-radius: 3px; object-fit: cover; object-position: center; } .frm_image_styling_frame .frm_email_attachment_icon img { height: auto; width: auto; max-width: 54px; } .frm_image_preview_title{ color: var(--grey-500); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .frm_wrap .frm_choose_image_box { cursor: pointer; color: var(--grey-700); background-color: #F2F2F2; margin-left: 24px; text-align: center; width: 100%; } .frm_wrap .frm_choose_image_box:hover { background: #fff; } a.frm_remove_image_option, .frm_remove_image_option { color: var(--grey-400); cursor: pointer; } a.frm_remove_image_option:hover .frmsvg, a.frm_remove_image_option:hover, .frm_remove_image_option:hover { color: rgba(40, 47, 54, 0.8); } /* Form settings */ .frm-form-setting-tabs { margin-top: var(--gap-sm) !important; } .frm-right-panel > .postbox { background-color: transparent; border: none; box-shadow: none; margin: 0; } .frm-right-panel .postbox.frm_with_icons .inside, .frm-right-panel .postbox .inside, .frm-right-panel .inside { font-size: var(--text-md); padding: 15px 20px 20px; color: var(--grey-700); } .frm-right-panel .misc-pub-section { padding: var(--gap-xs) 0; position: relative; } .frm-right-panel .inside a, .frm-form-setting-tabs a { font-size: var(--text-md); color: var(--grey-700); padding: var(--gap-sm); display: block; } .frm-form-setting-tabs a { color: var(--grey-900); padding: var(--gap-sm) var(--gap-md); } .frm-right-panel .inside a { padding: 0; color: var(--primary-500); display: inline-block; } .frm-right-panel .inside a:hover { color: var(--primary-700); } .frm-form-setting-tabs a:hover { background: var(--sidebar-hover); color: var(--grey-900); } .frm-right-panel .inside i, .frm-right-panel .inside .frmsvg, .frm-form-setting-tabs a i, .frm-form-setting-tabs a .frmsvg { margin: 0 5px; display: inline-block; width: 20px; height: 20px; color: var(--grey-500); } .frm-form-setting-tabs a .frmsvg { margin: 0; } .frm-right-panel .inside a:hover i, .frm-right-panel .inside a:hover .frmsvg, .frm-form-setting-tabs a:hover .frmsvg, .frm-form-setting-tabs a:hover span { color: var(--grey-700); } .frm_settings_form .tabs-panel { padding: 0 25px; } #form_settings_page .tabs-panel, .frm_settings_form .tabs-panel { max-height: initial !important; min-height: 50px !important; } #frm_adv_info .tabs-panel { min-height: 0 !important; overflow-x: hidden; padding: 0; border: none; background: transparent; } select.frm_cancelnew, input.frm_enternew { width: 175px; } .frm_posttax_opt_list, .frm_submit_logic_rows { border: 1px solid var(--grey-300); padding: var(--gap-md); border-radius: var(--small-radius); margin: 5px 0 5px var(--gap-md); } .frm_submit_logic_rows .frm_grid_container > p.frm_form_field { margin: 0; } /* Color picker CSS */ .frm-right-panel .wp-picker-open + .wp-picker-input-wrap { position: absolute; margin-left: calc( ( 100% - 35px ) * -1 ); margin-top: 1px; width: calc( 100% - 36px ); } .frm-right-panel .wp-picker-container input[type="text"].wp-color-picker { border: none; padding: 5px 8px; font-family: inherit; color: var(--grey-700); font-size: var(--text-md); width: 100%; line-height: var(--leading); } .frm-right-panel .wp-picker-input-wrap .wp-picker-clear { display: none !important; } .frm-right-panel .wp-picker-holder { position: absolute; z-index: 999; } .frm-right-panel .wp-picker-input-wrap label { margin-bottom: 0; } .frm-right-panel .wp-picker-container .wp-color-result.button { width: 100%; overflow: hidden; margin: 0 !important; height: var(--h-md) !important; padding: 0 0 0 var(--gap-lg) !important; border-radius: var(--small-radius); border-color: var(--grey-300); } .frm-right-panel .wp-color-result-text { line-height: var(--leading) !important; font-size: var(--text-md); background: #fff !important; color: var(--grey-900); padding: 5px 8px; border-color: var(--grey-300); text-align: left; } .frm-right-panel .color-alpha { width: var(--gap-lg) !important; } .frm_grid_container .wp-picker-container { width: 100%; position: relative; } .wp-picker-container button.wp-color-result { border: 1px solid var(--grey-300) !important; } .wp-picker-container .wp-picker-input-wrap input.hex.wp-color-picker { max-width: 100%; position: relative; } .frm_end .wp-picker-holder { margin-left: -145px; } .frm_end.frm6 .wp-picker-holder { margin-left: -86px; } /* End of color picker CSS */ /* These are the styles for the "Enable Formidable styling" toggle in the visual styler. To use this element, you can call the FrmHtmlHelper::toggle function. */ .frm_toggle_opt { padding: 0; white-space: normal; display: inline; vertical-align: middle; font-weight: normal; } .frm_on_label, .frm_off_label { color: #444444; } .frm_toggle { position: relative; display: inline-block; width: 40px; height: var(--h-xs); vertical-align: middle; } .frm_toggle_block { display: inline-flex; gap: var(--gap-sm); align-items: center; } .frm_toggle input, /* Reverse compatibility */ .frm_toggle_block input { display:none !important; } .frm_toggle_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--grey-border); transition: .4s; border-radius: 30px; } .frm_toggle_slider:before { border-radius: 50%; position: absolute; content: url("data:image/svg+xml;utf8,"); height: 22px; width: 22px; padding: 0 5.5px; left: 1px; bottom: 1px; background-color: white; transition: .4s; box-sizing: border-box; box-shadow: var(--box-shadow-md); font-size: 21px; line-height: 18px; } input:checked + .frm_toggle .frm_toggle_slider { background-color: var(--primary-500); } input:focus + .frm_toggle .frm_toggle_slider { box-shadow: var(--box-shadow-md); } input:checked + .frm_toggle .frm_toggle_slider:before { padding: 0 6px; transform: translateX(16px); content: url("data:image/svg+xml;utf8,"); } input[disabled] + .frm_toggle_slider { pointer-events: none; cursor: text; opacity: .5; } .frm_toggle_opt ~ .frm_toggle .frm_toggle_slider:before { content: '' !important; /* Don't show x/check if off label included or on builder page */ } .rtl .frm_toggle_opt { padding: 0 8px; } .rtl .frm_toggle_slider:before { left: 17px; } .rtl input:checked + .frm_toggle .frm_toggle_slider:before { transform: none!important; left: 1px; } /* Deprecated admin toggle */ .frm_toggle_off, .frm_toggle_on { display: none; color: #fff; z-index: 999; position: absolute; font-size: 10px; line-height: 20px; left: 6px; } .frm_toggle_off { display: inline; left: auto; right: 5px; color: var(--dark-grey); } .frm_toggle_long { width: 80% !important; height: 28px; display: inline-block !important; } .frm_toggle_long .frm_toggle_slider { background: var(--primary-700); box-shadow: 0 0 0 2px var(--primary-700); } .frm_toggle_long .frm_toggle_off, .frm_toggle_long .frm_toggle_on { width: 50%; text-align: center; font-size: 13px; line-height: 28px; } .frm_toggle_long .frm_toggle_on { left: 0; } .frm_toggle_long .frm_toggle_off { right: 0; } .frm_toggle_long .frm_toggle_slider:before { width: 50%; left: 0; top: 0; border-radius: var(--border-radius) 0 0 var(--border-radius); height: 100%; background-color: #fff; color: var(--primary-color); content: '' !important; } .frm_toggle_long input:checked + .frm_toggle_slider:before { transform: translateX(101%); border-radius: 0 var(--border-radius) var(--border-radius) 0; } input:checked + .frm_toggle_slider + .frm_toggle_on { display: inline; } input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off { display: none; } .frm_toggle_long .frm_toggle_on, .frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off { display: inline; color: var(--primary-500); font-weight: normal; } .frm_toggle_long .frm_toggle_off, .frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on { color: #fff; font-weight: bold; } /* End toggle styling */ /* Global Settings */ .tabs-panel { height: auto !important; min-height: 260px; } .tabs-panel.panel_secondary { min-height: 20px; margin-top: 10px; margin-left: 150px; } label.frm-example-icon { margin-right: 20px !important; display: inline-block !important; } #frm_stripe_icon { border-radius: 5px; } #captcha_settings .frm_primary_label { margin-top: var(--gap-sm); } .frm-long-icon-buttons { display: flex; gap: var(--gap-md); } .frm-long-icon-buttons > label { border: 1px solid var(--grey-300); color: var(--grey-700); border-radius: var(--small-radius); display: flex; padding: var(--gap-sm); gap: var(--gap-sm); justify-content: center; align-items: center; width: calc( 33% - var(--gap-sm) ); box-sizing: border-box; } .frm-long-icon-buttons > label:hover { color: var(--primary-500); } .frm-long-icon-buttons input[type=radio] { display: none; } .frm-long-icon-buttons input[type=radio]:checked + label { border-color: var(--primary-500); box-shadow: 0 0 0 1px var(--primary-color); } .frm-long-icon-buttons label > svg { height: 21px; } .frm-example-icon .frmsvg, .frm-example-icon i { height: 20px; width: 20px; font-size: 20px; color: var(--grey-700); } .frm_license_msg { margin-top: 0; } .frm_authorized_box .frm-show-unauthorized, .frm_unauthorized_box .frm-show-authorized { display: none; } .edd_frm_status_icon.frm_icon_font { color: #D54E21; margin: 0 5px; } .edd_frm_status_icon.frm_icon_font.frm_inactive_icon { color: green; } /* Hide the install steps for solutions */ #form_global_settings .tabs-panel .num svg { display: none; } /* Empty List */ .frm_no_items { margin: 0 auto 50px; text-align: center; color: var(--grey-700); max-width: 500px; } .frm-subscribe { margin: var(--gap-lg) 0; } /* Inbox */ #frm_inbox_page .frm_page_container { height: auto; } .frm_inbox_card { display: grid; grid-template-columns: 72px 1fr; grid-gap: var(--gap-xs); border-bottom: 1px solid var(--grey-300); padding: var(--gap-md); } .frm_inbox_card_icon { grid-row: span 3 / span 3; padding-top: var(--gap-xs); text-align: center } .frm_inbox_card_icon svg { height: 48px; width: 48px; color: var(--blue-border); } .frm_inbox_card header { display: grid; grid-template-columns: 1fr 150px; align-items: center; } .frm_inbox_card h3 { border: none; text-transform: none; margin: 0; padding: 0; } .frm_inbox_date { text-align: right; } .frm_inbox_count, .frm_inbox_unread { background: var(--orange); color: #fff; border-radius: 50%; display: inline-block; margin-right: 8px; font-size: 11px; text-align: center; } .frm_inbox_unread { width: 8px; height: 8px; } .frm_inbox_count { min-width: 18px; height: 18px; margin-left: 2px; vertical-align: text-bottom; } /* Import/Export */ .csv_opts #frm_csv_col_sep { width: 45px; } #frm_advanced td.frm_left_label { width: 20%; padding-right: 2px; } #frm_where_options select { max-width: 200px; } #frm_where_options select.frm_insert_where_options { width: 30%; } #frm_where_options select.frm_where_is_options { width: 20%; } #frm_where_options span.frm_where_val { width: 32%; display: inline-block; position: relative; } #frm_where_options span.frm_where_val .frm_tooltip_icon { left: -4px; position: absolute; } #frm_where_options span.frm_where_val.frm_hidden { display: none; } #frm_where_options span.frm_where_val input, #frm_where_options span.frm_where_val select { width: 90%; margin-left: 10px; } #frm_where_options { min-height: 31px; } .tabs-panel.active .tabs-panel, .frm_settings_form .tabs-panel .tabs-panel { border: none; padding: 0; } .frm-feature-banner { background: var(--grey-700); color: #fff; border-radius: var(--small-radius); padding: 20px; margin: 10px 0; } .frm-feature-banner p { font-size: var(--text-sm); } .frm-feature-banner .dismiss { margin-top: -10px; margin-right: -10px; } .frm-feature-banner .dismiss svg { color: #fff; } .frm-feature-banner .frm-big-icon { padding-right: 20px; float: left; min-height: 60px; } .frm-big-icon svg { height: 60px; width: 60px; } .frm-feature-banner p { margin-top: 0; } /*for add-on reverse compatibility */ .frm_98_width { width: 100% !important; } /*Form Settings Tab*/ h2.frm-h2, .frm_form_settings h2 { border-bottom: 1px solid var(--grey-300); color: var(--grey-900); font-weight: 400 !important; padding: 9px 0 5px; margin: 0; } .frm_settings_form h3, .frm_form_settings h3, .frm_form_settings span.frm_add_logic_link { font-size: var(--text-md); border-top: 1px solid var(--grey-300); padding-top: var(--gap-sm); margin: var(--gap-sm) 0; font-weight: normal; text-transform: uppercase; color: var(--medium-grey); display: block; } .frm_form_settings .howto { color: var(--grey-500); font-size: var(--text-sm); margin-top: 8px; } .frm_form_settings .advanced_settings .form-table { margin-top: 0; } .frm_form_settings td.frm_175_width { width: 175px; } .frm_form_settings #success_url { width: 95%; } .frm_wrap .ui-autocomplete { padding: 3px 0; max-height: 310px; } .frm_wrap .ui-widget { font-family: inherit; } .frm_wrap .ui-autocomplete li { padding: 2px 4px; background: none; color: var(--grey-700); border: none; font-weight: normal; } .frm_wrap .ui-autocomplete .ui-menu-item-wrapper.ui-state-active { border: none; font-weight: inherit; } .frm_select_with_label { margin: 7px 0 0; } /* Customization Panel */ #frm-insert-fields-box, #frm-conditionals { max-height: none; } #frm-conditionals, #frm-adv-info-tab { display: none; max-height: 355px; } #frm-insert-fields-box ul.subsubsub, #frm-conditionals ul.subsubsub { float: right; margin: 0; } #frm-insert-fields-box ul.alignleft, #frm-conditionals ul.alignleft { margin: 5px 0 0; } #frm_adv_info ul.frm_code_list.frm-full-hover { clear: both; max-height: 215px; overflow: auto; } #frm-insert-fields-box ul.frm_code_list li.clear.frm_block { height: 10px; } #frm_adv_info .frm_noallow { display: none; } #frm_adv_info #frm-conditionals .frm_noallow { display: block; } /* Customize HTML Tab */ #frm_html_tab.frm_hidden { display: none; } #frm_html_tab.active { display: inline; } /*Form Actions Tab*/ .frm_email_reply_container select, .frm_email_reply_container input, .form-table td.frm_150_width { width: 170px; } #frm_notification_settings .frm_no_top_padding { padding-top: 0; } .frm_email_settings.frm_email_settings.widgets-holder-wrap { overflow: auto; box-shadow: none; } #frm_notification_settings .widget-top .widget-action, #frm_form_editor_container .widget-top .widget-action { border: 0; margin: 0; padding: 8px; background: 0 0; cursor: pointer; outline: 0; } #frm_email_addon_menu { border: 1px solid var(--grey-300); padding: var(--gap-sm); border-radius: 4px; margin: var(--gap-md) 0 var(--gap-sm); } #frm_email_addon_menu .frm-search { float: right; margin: 0; } #frm_email_addon_menu h3.frm-no-border { clear: none; padding-top: 7px; } .frm_email_settings .widget .widget-top { background-color: var(--sidebar-color); } .frm_email_settings .widget .widget-top, .frm_email_settings .widget .widget-top h3 { cursor: pointer !important; } .frm_email_settings .widget { margin-bottom: var(--gap-sm); } .frm_form_action_settings .widget-top { box-shadow: none; border-color: var(--grey-300); border-radius: var(--small-radius); background: var(--lightest-grey); color: var(--grey-700); } .frm_form_action_settings:hover .widget-top { border-color: var(--grey); } .frm_form_action_settings.open .widget-top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: none; } .frm_form_action_settings.open:hover .widget-top { border-color: var(--grey-300); } .frm_form_action_settings > .widget-inside { display: none; } .frm_form_action_settings.open > .widget-inside { display: block; } .frm_form_action_settings .widget-inside { min-height: 25px; padding: 15px; border-color: var(--grey-300); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .frm_form_action_settings .widget-title h4, .frm_form_action_settings .widget-title h3 { display: inline-block; border-bottom: none; padding: 10px 10px 5px; font-size: var(--text-md); font-weight: 500; } #frm_email_addon_menu h3 { margin: 0 0 var(--gap-sm); clear: both; } .frm_single_api_settings p > label { display: inline; } .frm_form_action_icon { margin-right: 5px; } .frm_actions_list { margin: 0; display: inline; } .frm_actions_list li { float: left; width: 15.6%; margin: 10px .5% 15px; height: 100px; text-align: center; } .frm-limited-actions .frm-group-heading, .frm-limited-actions #frm-hide-groups, .frm-all-actions #frm-show-groups, .frm-limited-actions .frm-not-installed:not(.frm-search-result):not(.frm-default-show) { display: none; } label.frm_action_events { padding-left: 15px; } #frm-hide-groups, #frm-show-groups { font-size: var(--text-md); float: right; } .frm_actions_list a:active, .frm_actions_list a:focus { outline: none; } .frm_actions_list a { font-size: var(--text-sm); color: var(--grey-700); word-break: break-word; } .frm_actions_list span.frm-outer-circle { /* 50px total with 30px content */ background-color: var(--grey-100); padding: 10px; text-align: center; border-radius: 50%; display: block; width: 30px; height: 30px; margin: 0 auto 15px; line-height: 1; } .frm_email_settings .widget-title h4 { color: var(--grey-700); } .frm_disabled_action .widget-title h4 { color: var(--grey); } .frm_actions_list a .frmsvg, .frm_actions_list a i { height: 18px; width: 18px; font-size: 18px; padding: 2px; color: var(--lightest-grey); } span.frm-inner-circle, .frm_email_settings .widget-title .frm_form_action_icon { background-color: var(--grey-400); border-radius: 50%; display: inline-block; text-align: center; line-height: 1; } span.frm-inner-circle { background-color: var(--primary-700); height: 22px; width: 22px; padding: 4px; color: #fff; } .frm-inner-circle svg { fill: currentColor; } .frm_email_settings .widget-title .frm_form_action_icon { height: 15px; width: 15px; padding: 5px; color: #fff; vertical-align: middle; } .frm_actions_list .frmsvg, .frm_actions_list i:before, .frm_email_settings .widget-title .frm_form_action_icon i, .frm_email_settings .widget-title .frm_form_action_icon .frmsvg { height: 15px; width: 15px; vertical-align: text-top; } .frm_actions_list i:before { vertical-align: middle; } .frm_email_settings .widget-title:hover .frm_form_action_icon { background-color: var(--grey); } span.frm-inner-circle.frm-inverse { background-color: transparent; color: var(--primary-700); padding: 0; height: 30px; width: 100%; } .frm_actions_list span.frm-inverse i, .frm_actions_list span.frm-inverse .frmsvg { color: var(--primary-700); height: 30px; width: 30px; font-size: 30px; padding: 0; } .frm_actions_list i.frm-inverse:before { height: 30px; width: 100%; font-size: 30px; } .frm_email_settings .widget-title .frm_form_action_icon.frm-inverse { background: #fff; padding: 0; height: 24px; width: 24px; } .frm_email_settings .widget-title .frm_form_action_icon.frm-inverse .frmsvg, .frm_email_settings .widget-title .frm_form_action_icon.frm-inverse i:before { color: var(--grey-400); height: 24px; width: 24px; font-size: 24px; } .frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse .frmsvg, .frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse i:before { color: var(--grey-500); } .frm_email_icons { padding: 10px 0 5px 6px; font-size: 20px; } .frm_email_icons a { margin-left: 8px; color: var(--grey); opacity: 0; transition: all .2s ease; } .frm_email_icons a .frmsvg { color: var(--grey); } .frm_email_icons a:hover, .widget-top:hover .frm_email_icons a { opacity: 1; } .frm_actions_list a.frm_inactive_action { color: var(--grey); } .frm_inactive_action .frm-inner-circle, .frm_actions_list .frm_inactive_action i { opacity: .4; } table td, .form-table tr td { vertical-align: top; } #new_fields .form-table tr td { display: block; padding: 7px 0 0; } #new_fields .form-table tr td:first-child { margin: 0; } #new_fields .form-table tr td:last-child { margin-bottom: 9px; } .form-table #list-table th { text-align: center; } #form_settings_page th, #form_settings_page td, .frm_settings_form td, #frm_notification_settings .frm_form_action_settings td p { padding: 7px 0; } #permissions_settings_settings .frm_grid_container { align-items: center; } #frm_notification_settings .form-table > tbody > tr > th { width: 150px; font-weight: normal; padding-right: 10px; } #frm_notification_settings .frm_single_email_settings .form-table > tbody > tr > th { width: 80px; } #frm_notification_settings table tr td:first-child { padding-left: 0; } #frm_notification_settings table tr td:last-child { padding-right: 0; } #frm_notification_settings .frm_left_label { /* For add-ons that haven't been updated for 4.0 */ float: none; width: auto !important; } .frm-fields .frm_autoresponder_rows select { width: auto; } #frm_notification_settings .frm_with_left_label, #frm_notification_settings .frm_left_label + textarea, #frm_notification_settings .frm_left_label + select, #frm_notification_settings .frm_left_label + input[type=text] { width: 100%; } #frm_notification_settings .frm_email_buttons { padding: var(--gap-2xs); background: var(--light-blue); color: var(--primary-700); border-radius: var(--small-radius); border-color: var(--blue-border); line-height: 1; height: auto; min-height: 12px; font-size: var(--text-xs); box-shadow: none; } .frm_reply_to_container, .frm_bcc_cc_container { float: right; margin: -4px 0 0; z-index: 1; position: relative; } .frm_email_row .frm_cancel1_icon:before { vertical-align: bottom; } .frm_logic_field_opts { max-width: 35%; } .frm-inline-select, p.frm-inline-select, #frm_submit_logic_row, .frm_logic_rows .frm-collapse-me { line-height: var(--h-md) !important; } .frm_logic_row { padding: var(--gap-xs) 0 0; align-items: center; } .frm-single-settings .frm_logic_row > select { max-width: 32.5% !important; } .frm-single-settings .frm_logic_row select:nth-child(2) { max-width: 20% !important; } .frm-single-settings .frm_logic_row span input, .frm-single-settings .frm_logic_row span select { max-width: 36% !important; } .frm-single-settings .frm_logic_row input { max-width: 118px !important; } .frm-single-settings ul.frm_sortable_field_opts { margin-bottom: 5px; } .advanced_settings .frm_logic_row { margin: 14px 0; } .advanced_settings .frm_logic_row select, .advanced_settings .frm_logic_row input { max-width: 30% !important; } .frm_form_action_settings .frm_logic_row p { margin-top: 0; margin-bottom: 0; padding: 0; } #poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside { padding-bottom: 0; } #poststuff .frm_form_settings .widgets-holder-wrap .widget-inside { padding-left: 15px; padding-right: 15px; } #form_global_settings h3 { font-size: var(--text-sm); margin-top: 25px; } #form_global_settings .tabs-panel + h3 { margin-top: 0; border: none; } #poststuff .frm_form_settings .widget-inside h3, #poststuff .frm_form_settings .advanced_settings h3, #poststuff .frm_settings_form h3, #frm_advanced .inside h3 { border-top: 1px solid #eee; border-bottom: none; margin: 15px -15px 0; padding: 8px 15px; font-size: var(--text-sm); } #poststuff .frm_form_settings h3.frm_first_h3, #poststuff h3.frm_first_h3 { border: none; margin-top: 0; } h3.frm_add_logic_link { margin-bottom: 0 !important; } a.frm_add_logic_link.frm_hidden { display: none; } .frm_add_logic_link .frmsvg, .frm_add_logic_link i { margin-right: 5px; } .frm_right_addon { position: relative; } .frm_right_addon .frm_remove_field { position: absolute; padding: 5px 10px; right: 10px; bottom: 0; } .frm_right_addon input { padding-right: var(--gap-lg); } .frm_icon_font { color: #A0A0A0; color: var(--grey); } .frm-fields label .frm_icon_font { font-size: inherit; } .misc-pub-revisions.frm_icon_font, .misc-pub-revisions.frm_icon_font:hover { color: inherit; } .postbox.frm_with_icons .inside { padding: 0; margin: 0; } .frm_add_tag:before { content: '\e602'; } .frm_remove_tag:before { content: '\e600'; } .frm_logic_row .frm_remove_tag { padding-left: 7px; } .frm_logic_row .frm1 > .frm_remove_tag { padding: 0; } .frm_tooltip_icon:before { font-size: 13px; vertical-align: top; } .form-field input[type=text].frm_other_input { width: 30%; margin-left: 10px; } .frm-add-other { text-align: right; } .frm_add_opt .frm_add_tag, .frm-add-other .frm_add_tag { vertical-align: 20%; } .frm_action_icon { margin: 5px 0 0 5px; } span.frm_action_icon { margin: 0 4px 0 0; } .frm_action_icon:active { outline: none; } a.frm_action_icon:hover { text-decoration: none; } .frm_action_icon.frm_error_icon:before { content: '\e608'; } .frm_inactive_icon.frm_action_icon.frm_error_icon:before { content: '\e606'; } .frm-field-action-icons { text-align: right; position: absolute; top: 2px; right: 2px; max-width: 100%; } .frm-field-action-icons .frm-field-id { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80px; max-width: calc( 100% - 50px ); position: relative; top: 2px; } .frm-field-action-icons > a { font-size: var(--text-md); width: 17px; } .frm-field-action-icons a:hover { text-decoration: none; } .frm-field-action-icons .dropdown { display: inline-block; } .frm-field-action-icons > a .frmsvg { color: var(--grey-500) !important; font-size: 17px; width: 17px; height: 17px; } .frm-field-action-icons > a .frmsvg, .frm-field-action-icons > div > a .frmsvg { vertical-align: baseline; } .edit_field_type_end_divider .frm-field-action-icons { display: none !important; } .frm-move { cursor: grab; } span.howto { display: inline; } .frm_import_message { margin: 15px 0; line-height: 2.5em; } .frm_sorting .form-field .widget input[type="text"], .frm_sorting .form-field .widget input[type="number"], .frm_sorting .form-field .widget select, #wpcontent .frm_sorting .form-field .widget select, .frm_sorting .form-field .widget textarea { width: auto; } .tagchecklist span.no_taglist { display: inline; float: none; line-height: 15px; margin-right: 0; font-size: inherit; } .tagchecklist .frm_exclude_cat_list span { display: inline; } .tagchecklist span a:before { line-height: 23px; text-align: start; } /* Entries Page */ .frm_no_entries_form { padding: 60px 0; } .frm_no_entries_form .frm_no_entries_header { font-size: 20px; margin-bottom: 10px; } .frm_no_entries_form .frm_no_entries_text { line-height: var(--leading); } #form_entries_page #the-list .no-items { height: 240px; /* Equals to the max height of search dropdown */ } /* Reports Page */ #form_reports_page img.frm_no_reports { max-width: 100%; } .frm_wrap .google-visualization-table .gradient, .frm_wrap .google-visualization-table-tr-head, .frm_wrap .google-visualization-table-tr-odd, .frm_wrap .google-visualization-table-tr-odd.google-visualization-table-tr-over { background: var(--lightest-grey); } .frm_wrap .google-visualization-table-tr-over { background: #fff; } .frm_wrap .google-visualization-table-table th, .frm_wrap .google-visualization-table-table td { border-right-width: 0; padding: 10px !important; } .frm_wrap .google-visualization-table-tr-head, .frm_wrap .google-visualization-table-tr-head th { white-space: pre-wrap; font-size: var(--text-md); font-weight: 400 !important; text-align: left; } .frm_wrap .google-visualization-table-td-number { text-align: inherit; } #form_reports_page .postbox{ text-align: center; float: none; display: inline-block; margin-right: 2%; width: 20%; min-width: 175px; } /* Views Page */ #form_views_page img.frm_no_views { max-width: 100%; } /* Field options popup */ .frm_field_opts_popup { min-width: 300px; background-color: #fff; } .frm_field_opts_popup #wpadminbar { display: none; } .frm_prepop { width: 100%; list-style: none; overflow: auto; margin: 0; max-height: 295px; } .frm_prepop li { margin: 0; } .frm_prepop li a { display: block; text-decoration: none; cursor: pointer; padding: 5px 20px; } .frm_prepop li a:hover { background: var(--sidebar-color); } /* */ #frm_form_editor_container #frm_form_key_box { width: 13em; max-width: 30% } #frm_form_editor_container #frm_form_desc { width: 70%; } #frm_form_editor_container .ui-widget-content { display: none; padding: 15px; } #frm_form_editor_container .ui-widget-content label { float: left; width: 170px; text-align: right; padding-right: 5px; clear: both; } #frm_form_editor_container .ui-widget-content label.nofloat { clear: none; float: none; margin-left: 10px; } #frm_form_editor_container .ui-state-default { color: #333 !important; } .frm_green { color: var(--green) !important; } #frm_form_editor_container .ui-state-default a.frm_orange, .frm-right-panel a.frm_orange, #postbox-container-1 a.frm_orange { color: #D54E21; } #styling_settings input[type=checkbox], #styling_settings input[type=radio] { border: solid 1px #bbb; } #styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top { cursor: pointer; } .frm_sorting .widget, .frm_settings_page .widget { background: #fff; } .frm_sorting .widget-title h4 { font-weight: normal; } .frm_sorting .widget, #postbox-container-1 .widget, .frm-right-panel .widget, .frm_settings_page .widget { margin-bottom: 0; } .frm_settings_page .widget-inside { padding: 0 5px 5px; } .frm_sorting .widget, .widget-inside, .frm_sorting .form-field .widget { display: none; } #frm-show-fields { min-height: 350px; padding: 0 0 35px; margin: 0; position: relative; } .frm-has-fields #frm-show-fields { min-height: 50px; } #frm_builder_page #frm_field_group_controls { position: absolute; padding: 5px; border-radius: 4px 4px 0 0; text-align: right; box-sizing: border-box; right: 0; top: -28px; height: 28px; z-index: 3; /* section dividers use z-index: 2; position above that to avoid it taking over hover control. */ } .frm-field-group-hover-target, .frm-has-open-field-group-popup, #frm_builder_page #frm_field_group_controls, .frm-selected-field-group { background: rgba(65, 153, 253, 0.04); } .frm-selected-field-group { position: relative; } #frm_builder_page #frm_field_group_controls > span:first-child { margin-right: 5px; } #frm_builder_page #frm_field_group_controls svg { pointer-events: none; } #frm_field_group_controls { visibility: hidden; } .frm-field-group-hover-target #frm_field_group_controls { visibility: visible; } #frm_field_group_controls .dropdown-item a span { color: var(--grey-700); } #frm_field_group_controls .dropdown-item a:hover { text-decoration: none; } .frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider { display: none !important; } .frm-right-panel .ui-state-default, #postbox-container-1 .ui-state-default, .frm_sorting > li.ui-state-default, .frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover { border: 1px solid transparent; font-weight: normal !important; background-color: transparent; background-image: none; padding: 5px; margin: 0; box-shadow: none; display: block; text-align: inherit !important; overflow: visible; position: relative; } #frm-show-fields li.frm_cancel_sort { /* If a section gets dropped into a section, hide it */ display: none; } .divider_drop { text-align: center; } .divider_drop .howto .frm_icon_font { font-style: normal; } .show_repeat_sec { display: none; } .repeat_section .show_repeat_sec { display: inline-block; margin: 5px 0 0; } .repeat_section tr.show_repeat_sec { display: table-row; } .repeat_format .frm_repeat_label, .repeat_formattext .frmsvg, .repeat_formattext i { display: none; } .frm_button { text-decoration: none; border: 1px solid #eee; padding: 5px; color: #444; vertical-align: middle; box-shadow: none !important; } a.frm_button:hover { text-decoration: none !important; } .frm_button, .frm_button .frm_icon_font:before { font-size: 13px; vertical-align: middle; } .frm_button .frmsvg { width: 13px; height: 13px; } .frm-right-panel .ui-state-default, #postbox-container-1 .ui-state-default { padding: 0; margin: 0; } ul.start_divider { padding: 8px 13px 0 8px; min-height: 115px; transition: all 0.4s linear; } .frm-section-collapsed .frm_no_section_fields, .frm-section-collapsed ul.start_divider { height: 0; min-height: 0 !important; } .frm-section-collapsed ul.start_divider { overflow: hidden; } .frm-section-collapsed .frm_no_section_fields { overflow: hidden; padding: 0; opacity: 0; } .frm-section-collapsed .divider_section_only .frm-collapsed-label { display: inline; } .frm-page-collapsed .frm_clone_icon, .frm-page-collapsed .frm_delete_field, .frm-page-collapsed .frm_clone_field, .frm-section-collapsed .frm_clone_icon { opacity: .5; cursor: not-allowed; } /* Hide the Duplicate summary option because we are missing the logic that also adds a new page */ .edit_field_type_summary .frm_more_options_li:nth-child(2) { display: none !important; } .frm_no_section_fields:not(.frm_block) + ul.start_divider { padding: 0; min-height: 132px; } .frm_sorting li.ui-state-default .divider_section_only { padding: 6px; margin-top: -10px; border: 2px solid transparent; border-radius: var(--small-radius); z-index: 2; position: relative; } .divider_section_only > .frm_inner_field_container { padding: 5px 0; margin: 0; } .frm-collapsed-label, .divider_section_only > .frm_inner_field_container .frm_form_fields { display: none; } .frm-section-collapsed .divider_section_only:after, .divider_section_only:before { content: ''; display: block; padding: 2px 0; line-height: 1px; border-top: 2px solid var(--grey-300); top: -2px; position: absolute; width: 100%; transition: .5s border-color ease-in-out; } .frm-section-collapsed .divider_section_only:after { top: auto; bottom: -6px; } .frm-section-collapsed .divider_section_only:hover:after, li.selected.frm-section-collapsed .divider_section_only:before, li.selected.frm-section-collapsed .divider_section_only:after, .divider_section_only:hover:before, li.selected .divider_section_only:before { border-color: transparent; } .frm_sorting li.ui-state-default.edit_field_type_divider { overflow: visible; position: relative; padding: 0 0 0 20px; margin: 25px 0 0 -5px; border-left: 1px solid var(--primary-700); transition: border 0.7s ease-out; } .frm-section-collapsed { border-left-color: transparent !important; } .frm_sorting li.edit_field_type_end_divider, .frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover { margin: 0 0 var(--gap-sm); } .frm-first-page .frm_prev_page { display: none; } #frm_builder_page .frm_remove_form_row.frm_button, #frm_builder_page .frm_add_form_row.frm_button { border-radius: var(--small-radius); border: 1px solid var(--blue-border); } #frm_builder_page .frm_remove_form_row .frmsvg, #frm_builder_page .frm_remove_form_row i:before, .frm_wrap .frm_add_form_row .frmsvg, .frm_add_form_row i:before { color: var(--primary-700); } .frm-preview-buttons .frm_button_submit { margin: 0 5px; } .frm-page-break { border-top: 1px dashed var(--primary-700); margin-top: var(--gap-lg); position: relative; } .edit_field_type_divider:before, .edit_field_type_divider:after, .frm-page-break:before, .frm-page-break:after { content: ''; position: absolute; top: -4px; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; border: 1px solid var(--primary-700); 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-700); text-align: center; color: #fff; font-size: 13px; } .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-500); } .edit_field_type_divider.selected:before, .edit_field_type_divider:hover:before { border-color: var(--primary-500); background: var(--primary-500); } .edit_field_type_divider.selected:after, .edit_field_type_divider:hover:after { border-color: var(--primary-500); } .frm-section-collapsed:after { border-color: transparent !important; color: transparent; } .frm-page-break .frm-collapse-page.button { margin-left: 46%; margin-top: calc( -28px / 2 ); } #frm-fake-page.frm-page-collapsed { margin-bottom: 0; } .frm-page-collapsed { position: relative; overflow: visible !important; margin-bottom: var(--gap-lg); } .frm-page-collapsed:after { content: ''; display: block; border: 1px dashed var(--grey-300); border-left: none; border-right: none; height: 6px; position: absolute; width: calc( 100% - 10px ); bottom: -15px; } .frm-collapse-page .frmsvg, .frm-collapse-page .frm_arrowdown6_icon { width: var(--text-sm); height: var(--text-sm); font-size: var(--text-sm); text-align: center; margin-left: 2px; color: currentColor; } #frm-fake-page .frm_arrowdown6_icon { color: currentColor; } .frm-collapsed i:before, .frm-page-collapsed .frm_arrowdown6_icon:before { content: '\e913'; } .frm-collapse-section svg { fill: var(--primary-color); transition: transform 0.2s ease-out, fill 0.2s ease-out; } .frm-collapse-section:hover svg { fill: var(--primary-700); } .frm-section-collapsed .frm-collapse-section svg { transform: rotate(-90deg); } .open .widget-top .frm_arrow_right_icon:before { content: '\e62a'; } .frm-collapsed + .frm-collapse-me { overflow: hidden !important; } .frm-collapse-me { padding-bottom: 10px; } .frm-collapsed + div { height: 0; padding: 0; border-bottom: 2px solid var(--sidebar-hover); } .frm_sorting .divider_section_only > .frm_ipe_field_label { font-size: 116%; } #frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button { width: 150px; text-align: center; margin-bottom: 3px; display: block; } tr.frm_options_heading td { padding-bottom: 0; } .frm_sorting .widget-inside .form-table td p, .frm_sorting .widget-inside .form-wrap label { padding: 10px 0; } .frm_no_fields, .frm_no_section_fields { text-align: center; position: absolute; color: var(--medium-grey); font-size: var(--text-md); box-sizing: border-box; border: 1px dashed var(--grey-300); } .ui-droppable-active ~ .frm_no_fields { border-style: solid; } .frm_no_section_fields { display: none; margin: 0; padding: 20px 0 0; width: calc( 100% - 20px ); height: 121px; transition: all 0.4s linear; } .frm_no_fields { min-height: 300px; margin: 20px 5%; width: 90%; top: 0; } .frm-has-fields .frm_no_fields { display: none; } #frm-form-button { display: none; margin: 0 7px 25px; } .frm-has-fields #frm-form-button { display: block; } .frm-large-plus.frmsvg { color: var(--primary-700); height: 45px; width: 45px; } .frm_drag_inst { line-height: normal; font-size: 35px; font-weight: 300; margin: 80px 0 25px; } .frm_no_section_fields p, .frm_no_fields p { color: var(--grey); font-size: 15px; } .frm_product_price_wrapper { display: inline-block; vertical-align: middle; } .frm_prod_type_single .frm_product_price_wrapper { width: 100%; } #new_fields .frm_product_price_wrapper input:first-child { width: 60%; float: left; } #new_fields .frm_product_price_wrapper input:nth-child(2) { width: 37%; float: right; } .frm_priority_field_choices, li.frm_single_option { padding-bottom: 16px; border-bottom: 1px solid var(--sidebar-hover); } .frm_priority_field_choices, li.frm_single_option:not(:last-child) { margin-bottom: 16px; } .frm_prod_type_single input[type=radio], .frm_prod_type_single .frm_drag_icon, .frm_prod_type_single .frm_sortable_field_opts li:nth-child( n + 3 ), .frm_prod_type_single .frm_sortable_field_opts .frm_remove_tag, .frm_prod_type_single .frm_form_field:not(.frm_product_type):not(.frm_sep_val_product), .frm_prod_type_single .frm-bulk-edit-link, .frm_prod_type_user_def.frm_grid_container, .frm_prod_options_heading.frm_prod_user_def { display: none; } #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; box-shadow: none; display: flex; gap: var(--gap-xs); align-items: center; } .frm-category-tabs > li.active .frmsvg, .frm-category-tabs > li.active i, .frm-category-tabs > li.active span, .frm-category-tabs > li.active a { color: var(--primary-500); } .frm_wrap .manage-menus { margin-top: 0; border: none; border-bottom: 1px solid var(--grey-300); background: var(--lightest-grey); } .general_settings .postbox .manage-menus { border-top: none; border-left: none; border-right: none; } .postbox .frm-help-tabs.inside, #poststuff .frm-help-tabs.inside { padding-left: 0; padding-right: 0; padding-bottom: 12px; margin-top: 0; margin-bottom: 0; } .postbox .frm-help-tabs.inside { padding-bottom: inherit; } .frm-help-tabs form > .submit { margin-left: 154px; padding-left: 0.9em; } #poststuff h3.frm_no_bg { background: none; cursor: default; } .frm-postbox-no-h3 { padding-top: 10px; } .frm-right-panel .ui-state-default, #postbox-container-1 .ui-state-default { color: var(--grey-900); } .no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover { box-shadow: none; } .frm-selected-field-group li.ui-state-default, .start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected, .start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover, .frm_sorting li.ui-state-default.frm_not_divider:hover, .frm_sorting li.ui-state-default.ui-sortable-helper, .frm_sorting li.ui-state-default.edit_field_type_divider .divider_section_only:hover, .frm_sorting .repeat_section li.ui-state-default.edit_field_type_end_divider:hover, .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only, .frm_update_msg, .frm_sorting li.ui-state-default.frm_not_divider.selected, .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only { border-color: var(--primary-500); transition: .5s border-color ease-in-out; } .frm_sorting li.ui-state-default.frm_not_divider.selected { box-shadow: 0 0 1px 0 var(--primary-500); } .frm_sorting li.ui-state-default { transition: .7s box-shadow ease-in-out, .7s height linear; } .frm_sorting li.ui-state-default.frm-newly-added { box-shadow: inset 0 0 2px 1px var(--blue-border); } .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover { visibility: visible !important; display: inline !important; } .edit_field_type_end_divider > label { display: none !important; } .frm_email_actions.feature-filter { font-weight: bold; border: 1px solid #DFDFDF; background-color: #EEEEEE; padding: 3px 5px 2px; font-size: var(--text-md); line-height: 20px; } .frm_update_msg { border-style: solid; margin: 10px 0; color: #21759B; padding: 8px 15px; border-radius: 4px; } .frm_update_msg.wrap { margin: 10px 20px 0 2px; } #frm-insert-fields-box .frm_update_msg { margin-right: 0.9em; } .frm_update_msg a { font-weight: bold; } .widefat td { width: auto; } .widefat .column-id { width: 3.7em; } .widefat .column-show_count { width: 5em; } .widefat .column-shortcode { width: 9em; } .toplevel_page_formidable .column-shortcode div { display: flex; gap: var(--gap-xs); } .widefat .column-entries, .widefat .column-link { width: 10%; text-align: center; } .widefat .column-form_key, .widefat .column-created_at { width: 10%; } .frm-white-body .search-box, .frm_wrap .frm-search { float: right; margin: 0; clear: right; } .frm-white-body .search-box, .frm-search { min-width: 32%; position: relative; display: flex; gap: var(--gap-sm); align-items: center; } .frm-inline-modal .frm-search, #frm_adv_info .frm-search { float: none; width: 100%; clear: both; margin: var(--gap-xs) 0; } .frm-button-group a { margin: 0 7px !important; } .frm_has_textarea .frm-with-right-icon { display: block; } .frm-with-left-icon, .frm-with-right-icon { position: relative; } i.frm-show-box, i.frm-show-inline-modal, .frm-with-left-icon i, .frm-with-right-icon i:not([class*=mce-]), .frmsvg.frm-show-box, .frmsvg.frm-show-inline-modal, .frm-with-left-icon .frmsvg, .frm-with-right-icon .frmsvg, .frm-search > .frmsvg, .frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select) { position: absolute; padding: 0 14px; pointer-events: none; left: 0; color: var(--grey-400); font-size: var(--text-xs); } .frm-with-right-icon .frmsvg, .frm-with-right-icon i:not([class*=mce-]) { right: 0; top: -3px; left: auto; padding: 0 10px 0 5px; } .frm_form_settings .frm-with-right-icon .frmsvg { top: 0; } .frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg { top: auto; bottom: 0; } .frm_form_settings .frm_has_textarea .frm-with-right-icon .frmsvg { top: auto; bottom: 6px; } .frmsvg.frm-show-box, .frmsvg.frm-show-inline-modal, i.frm-show-box, i.frm-show-inline-modal { color: var(--primary-500); pointer-events: initial; cursor: pointer; z-index: 1; opacity: 1; top: auto; margin: calc( ( 36px - 18px ) / 2 ); /* input height - svg / 2 */ margin-bottom: 0; padding: 0; } .frm-open .frmsvg.frm-show-inline-modal, .frm-open i.frm-show-inline-modal { opacity: .5; } .frm-lookup-box-label + .frm-inline-modal, .frm-open + .frm-inline-modal { top: -10px; margin-bottom: 0; } .frm_grid_container > .frm-open + .frm-inline-modal { top: -4px; } .frm-with-left-icon input { padding-left: 37px !important; } .frm_wrap .frm-with-right-icon textarea, .frm_wrap .frm-with-right-icon input, .frm_wrap .frm-with-right-icon input[type=text] { padding-right: var(--gap-md); } #frm-show-fields .frm-with-left-icon .frmsvg, #frm-show-fields .frm-with-left-icon i { padding-top: 10px; } .frm-search input[name="s"], .frm-search .dropdown-toggle, .frm-search input.frm-search-input { border-radius: var(--small-radius); padding-left: 33px !important; border-color: var(--grey-300); } .frm_wrap .frm-search .frm-search-input, .frm-modal .frm-search .frm-search-input, .frm-white-body .search-box input[name="s"], /* Views search */ .frm_wrap .frm-search input[name="s"] { padding-top: 3px; padding-bottom: 3px; flex: 1; font-size: var(--text-sm); } .frm-search .dropdown-toggle { width: 100%; float: none; max-width: 200px; background: transparent; padding: 7px; min-height: 32px; text-align: inherit; overflow: hidden; text-overflow: ellipsis; } span.multiselect-selected-text { white-space: nowrap; display: inline-block; max-width: 90%; text-overflow: ellipsis; overflow: hidden; } .frm-search #search-submit a { color: var(--grey-800); } .frm-search #search-submit .caret { opacity:.7; } .frm-not-set input { color: var(--primary-500) !important; font-size: 13px; } .frm-not-set .frmsvg, .frm-not-set i { color: var(--primary-700); opacity: 1; } .post-type-frm_display select[name="m"] + #post-query-submit, select[name="m"] { display: none; } .frm_shortcode_select optgroup option { margin-left: 1em; } .frm_shortcode_select optgroup { padding-top: 5px; } .frm_shortcode_select .frm_subopt { margin-left: 2em; } .misc-pub-section a.edit-frm_shortcode, .misc-pub-section a.edit-form-status { float: none; font-size: 13px; } .frm-grid { border-collapse: collapse; border: none; margin-right: 10px; } .frm-grid td, .frm-grid th { padding: 5px; border: 1px solid black; } .pro_feature { text-decoration: line-through; } /* View page */ .post-type-frm_display #poststuff #post-body.columns-2 { margin-right: var(--big-sidebar); } .post-type-frm_display #post-body.columns-2 #postbox-container-1 { margin-right: calc( var(--big-sidebar) * -1 ); width: calc( var(--big-sidebar) - 40px ); } .post-type-frm_display #poststuff #post-body.columns-2 #side-sortables { width: 100%; } #frm_dyncontent .hndle, #frm_dyncontent .handlediv { display: none !important; } .post-type-frm_display .meta-box-sortables .frm_form_nav > li > a, .post-type-frm_display .frm_form_nav .nav-tab-active { padding: 0 2px 5px; line-height: 1.4; } .post-type-frm_display #advanced-sortables h2.hndle, .post-type-frm_display #side-sortables h2.hndle, .post-type-frm_display #normal-sortables h2.hndle { border-bottom: 1px solid var(--grey-300); margin: 10px 0 0 !important; padding: 0 25px 8px; } .post-type-frm_display #side-sortables h2.hndle { margin-top: 0 !important; padding-top: 10px; } .post-type-frm_display #post-body-content { margin-top: var(--gap-lg); } .post-type-frm_display.edit-php #wpbody-content > .wrap { margin: 0; } .post-type-frm_display .postbox .hndle, .post-type-frm_display .postbox { border-color: var(--grey-300); } .post-type-frm_display #postbox-container-1 .postbox, .post-type-frm_display #postbox-container-2 .postbox { border-radius: var(--small-radius); border-color: var(--grey-300); box-shadow: none; } .post-type-frm_display #side-sortables .postbox { border-radius: 0; border-top-width: 0; margin-bottom: 0; } .post-type-frm_display #side-sortables .misc-pub-section { padding: 15px 20px 10px; } .post-type-frm_display .misc-pub-section .frmsvg, .post-type-frm_display #post-body .misc-pub-post-status:before, .post-type-frm_display #post-body #visibility:before, .post-type-frm_display .curtime #timestamp:before, .post-type-frm_display #post-body .misc-pub-revisions:before, .post-type-frm_display span.wp-media-buttons-icon:before { color: var( --grey); } .post-type-frm_display #frm_top_bar + #poststuff #submitdiv #publishing-action, /* Hide only if top bar is present */ .post-type-frm_display #frm_top_bar + #poststuff #submitdiv #minor-publishing-actions, .post-type-frm_display #frm_top_bar + #poststuff #edit-slug-box, .post-type-frm_display .wrap h1.wp-heading-inline, .post-type-frm_display .wrap > .page-title-action { display: none; } .post-type-frm_display #poststuff h2.nav-tab-wrapper { padding-left: 10px; margin-bottom: 0; padding-bottom: 0; } .post-type-frm_display .nav-menus-php .wrap { margin: 10px 0 0; } .post-type-frm_display .nav-menus-php .wrap p { padding-left: 12px; padding-right: 12px; } .post-type-frm_display .nav-tab { display: inline-block; background-color: #f4f4f4; } .post-type-frm_display .nav-tab.frm_hidden { display: none; } .post-type-frm_display .nav-tab:hover { background-color: #e4e4e4; } .frm_order_row, .frm_where_row { margin-bottom: 7px; line-height: 30px; } .frm-single-settings .frm_prod_field_opt_cont { margin-top: initial; margin-bottom: 20px; } /*hide elements if js is avail*/ select.texture { display: none; } .post-type-frm_display #wp-content-editor-tools, #wp-content-editor-tools { background-color: transparent; } .post-type-frm_display #major-publishing-actions { border-color: var(--grey-300); background: var(--sidebar-color); } .post-type-frm_display #frm_adv_info { width: calc( var(--big-sidebar) - 40px ); height: calc( 100vh - 32px ); overflow: hidden; } .post-type-frm_display #frm_adv_info:not(.frm_fixed) { top: 0 !important; } .post-type-frm_display #frm_adv_info.frm_fixed { position: fixed; z-index: 9999; top: 32px; } .post-type-frm_display #frm_adv_info ul.frm_code_list.frm-full-hover { max-height: calc( 100vh - 180px ); } .frm_col_one { margin-right: 4%; clear: both; } ul .frm_col_one { float: left; } ul .frm_col_two { float: right; } .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: var(--text-md); box-shadow: none !important; } .frm-info-modal h3, .settings-lite-cta h3 { font-size: 17px !important; } .frm-green-icons .frmsvg { color: var(--green); } .frm-info-modal .postbox .inside, .settings-lite-cta .postbox .inside { padding: 20px 40px; margin: 0; } .cta-inside a { color: var(--orange) } .info-modal-inside a.frm-standard-link { color: var(--primary-500); } .info-modal-inside a.frm-standard-link:hover { color: var(--primary-700); } .frm_no_p_margin > p { margin: 0; } .frm_code_list a.button { display: block; text-align: center; font-size: 11px; overflow: hidden; } #frm-navbarDrop + .frm_code_list.frm-full-hover { margin: var(--gap-xs) 0 0; min-width: 300px; max-height: calc( ( 40px * 5 ) + 56px ); } .frm_code_list.frm-full-hover li { margin: 0; } .frm-select-list-item, .frm_wrap .ui-autocomplete li > div, .multiselect-container button.multiselect-option, .frm-dropdown-menu > .dropdown-item > a, .frm-dropdown-menu > .dropdown-item > a:visited, .frm-dropdown-menu > .dropdown-item > a:link, /* Override jQuery UI */ .frm-dropdown-menu .frm_dropdown_li, .frm_code_list.frm-full-hover a { display: flex; color: var(--grey-700); padding: 5px 10px; font-size: var(--text-md); gap: var(--gap-xs); align-items: center; } .frm_code_list.frm-full-hover a span { max-width: 83px; text-align: right; margin-left: auto; } .frm_code_list.frm-full-hover a, .frm_code_list.frm-full-hover a span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .frm_code_list.frm-full-hover.frmcenter a { display: block; } #frm-layout-classes frm-full-hover a span { max-width: 45%; } .frm-select-list-item.active, .frm-select-list-item:hover, .frm_wrap .ui-autocomplete li div.ui-state-active, .frm_wrap .ui-autocomplete li.ui-state-focus, .multiselect-container button.multiselect-option.active, .multiselect-container button.multiselect-option:hover, .frm-dropdown-menu > .dropdown-item > a:hover, .frm_code_list.frm-full-hover a:hover span, .frm_code_list.frm-full-hover a:hover { background: var(--primary-25); color: var(--primary-500); border-radius: var(--small-radius); } .frm-select-list-item .frmsvg, .frm-dropdown-menu > .dropdown-item > a .frmsvg { opacity: .8; } .frm-select-list-item:hover .frmsvg, .frm-dropdown-menu > .dropdown-item > a:hover .frmsvg { opacity: 1; } .frm-dropdown-menu.frm_code_list > li > a { padding: 3px 15px; width: 300px; } #frm_edit_box_content_modal .frm-with-search, /* Temp. Add .frm-dropdown-menu in Views */ .frm-dropdown-menu .frm-with-search { padding: var(--gap-xs) 10px 0; } .frm-dropdown-menu .subsubsub { padding: 0 10px; } .frm_grid_container { overflow: visible; } .frm_code_list.frm_grid_container { grid-gap: 5px; } .frm_code_list.frm_grid_container li { width: auto; margin: 0; } .frm_code_list.frm_grid_container a { padding: 5px 0; text-align: center; background-color: var(--light-blue); border: 1px solid var(--primary-500); color: var(--primary-500); display: block; border-radius: var(--small-radius); } .frm_code_list.frm_grid_container a:hover { background-color: var(--primary-700); color: #fff; } .frm_field_list #frm-insert-fields .button a { display: block; max-width: 95%; overflow: hidden; } .field_type_list.frm_grid_container { gap: var(--gap-xs) var(--gap-sm); margin: var(--gap-xs); } .field_type_list li { margin: 0; padding: 0; } #frm-insert-fields .frm-search { float: none; margin: 15px 20px; width: auto; } #frm-insert-fields li, #frm-insert-fields li a { text-decoration: none; font-weight: normal; font-size: var(--text-md) !important; color: var(--grey-900); } #frm-insert-fields li.frm_show_upgrade { cursor: pointer; opacity: .5; } #frm-insert-fields li a span { vertical-align: middle; } .frmbutton.ui-draggable-dragging a, #frm-insert-fields li a:not(.disabled):hover { background: var(--grey-100); } #frm-insert-fields li a.disabled:hover { cursor: not-allowed; } #frm-insert-fields li.ui-draggable-disabled { opacity: 0.5; } .frm_code_list { clear: both; } .frm_code_list.frm-full-hover a.frm_hidden, .frm_code_list .frmkeys { display: none; } .frmsvg { fill: currentColor; width: 18px; height: 18px; vertical-align: middle; } input[disabled], .frmsvg svg { pointer-events: none; } .frmsvg.frm_svg20 { width: 20px; height: 20px; } .frmsvg.frm_svg15 { width: 15px; height: 15px; } .frmsvg.frm_svg14 { width: 14px; height: 14px; } .frmsvg.frm_svg13 { width: 13px; height: 13px; } .frmbutton.ui-sortable-helper .frmsvg, .field_type_list li.frmbutton .frmsvg, .frmbutton.ui-sortable-helper i, .field_type_list li.frmbutton i, .frm_code_list a .frmsvg, .frm_code_list a i { color: var(--grey-500); display: inline-block; vertical-align: middle; width: var(--text-md); font-size: var(--text-md); } /* Standardize icon size for field buttons in the builder */ .field_type_list li.frmbutton .frmsvg { width: var(--text-xl); font-size: var(--text-xl); } .frm_code_list i:before { font-size: inherit; } #frm-insert-fields li a:not(.disabled):hover .frmsvg, #frm-insert-fields li a:not(.disabled):hover i { color: var(--grey-600); } /* Icon while dragging */ .frmbutton.ui-draggable-dragging { pointer-events: none; } #frm-insert-fields li.frm_show_upgrade, #frm-insert-fields li a, .frmbutton.ui-draggable-dragging a { text-decoration: none; display: inline-flex !important; gap: var(--gap-xs); align-items: center; border-radius: var(--border-radius) !important; padding: var(--gap-xs) var(--gap-sm) !important; color: var(--grey-900) !important; } /* Adjust field button size to full width in builder */ #frm-insert-fields li a { display: flex !important; } .frmbutton.ui-draggable-dragging a { border: 1px solid var(--grey-300); box-shadow: var(--box-shadow-md); } .frmbutton.ui-draggable-dragging span { font-size: 15px; } #frm-show-fields .frmbutton.ui-sortable-helper i, .frmbutton.ui-draggable-dragging i, .frmbutton.ui-draggable-dragging .frmsvg { color: #fff !important; } .frmbutton.ui-draggable-dragging i, .frmbutton.ui-draggable-dragging .frmsvg { color: var(--grey-700) !important; } .frm_sorting li.ui-state-default.ui-sortable-helper, .frmbutton.ui-sortable-helper { transition: opacity .2s; opacity: 1; } .frm-field-group-count { background-color: var(--sidebar-hover); padding: 5px; color: #fff !important; border-radius: 10px; } /* End dragging */ .field_type_list .frm_icon_font:before { font-size: 20px; } li.frm_noallow.button, .frm_noallow { opacity: .5; filter: alpha(opacity=50); } .frm_actions_list a.frm_show_upgrade.frm_inactive_action:before, li.frm_noallow.button.frm_show_upgrade { cursor: pointer; } .field_type_list li.frm_noallow.button.frm_show_upgrade:hover { border-color: inherit; } .frm_noallow a { color: inherit; } #frm_upgrade_modal_image { max-width: 200px; } .frm-tab-message { max-width: 600px; margin: 20px auto; color: rgba(63, 75, 91, 0.8); } .frm-settings-screenshot-toolbar { min-height: 39px; display: flex; } .frm-settings-screenshot-toolbar .frm-minmax-icon { height: 8px; width: 8px; border-radius: 50%; align-self: center; margin-left: 10px; } .frm-settings-screenshot-toolbar .frm-minmax-icon:first-of-type { margin-left: 20px; } .frm-settings-screenshot-toolbar img { object-fit: contain; align-self: flex-end; margin-left: 25px; } .frm-settings-screenshot-toolbar + div { background: #fff; padding-top: 25px; border-radius: 0 0 16px 16px; } .frm-settings-screenshot-toolbar + div img { max-width: calc( 100% - 40px ); } .frm-settings-screenshot-wrapper { max-width: 700px; margin: 50px auto 0; box-shadow: 0px 4px 4px rgba(189, 196, 205, 0.25), 0px 12px 56px rgba(42, 57, 75, 0.25); border-radius: 16px; background: #EBECF1; } .frm-dialog { z-index: 100; padding: 0 !important; border-radius: 16px; border: none; background-color: #fff; max-width: 100% !important; } .frm-dialog .postbox { background: transparent; box-shadow: none; border: none; line-height: var(--leading); } .frm-dialog input[type=text], .frm-dialog textarea { font-size: var(--text-md); } .frm-dialog textarea { height: 75px; } .frm-dialog button.frm-button-primary { margin-right: 10px; } .frm-dialog .frm-sub-label, .frm-sub-label { color: var(--grey); text-transform: none; padding-left: 8px; } h2 .frm-sub-label { font-size: var(--text-md); } .frm-views-editor-body .ui-widget-overlay, .frm-white-body .ui-widget-overlay, .toplevel_page_formidable .ui-widget-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; background: var(--grey-500); opacity: .5; 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: var(--text-sm); text-decoration: underline; } .field_type_list li.button.frm_noallow, .field_type_list li.button.frm_noallow:hover, .button.frm_noallow, .button.frm_noallow:hover { color: inherit; border-color: #ccc; background: inherit; } iframe#dyncontent_ifr { min-height: 150px; } /*! * Bootstrap v4.6.1 */ .tooltip { /* Copied from Bootstrap */ position: absolute; display: block; margin: 0; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; /* Custom rules */ z-index: 9999999; pointer-events: none; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; margin-left: 0 !important; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .frm-dropdown-menu.show { display: block; } /* End Bootstrap */ .preview.dropdown .dropdown-menu { min-width: 205px; } .frm_clear { clear: both; } .frm_clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .frm_clearfix { display: block; } .frm_admin_progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .frm_admin_progress_bar { float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #ffffff; text-align: center; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; background-color: #04A4CC; } .tooltip.frm_tooltip { position: fixed; top: auto !important; bottom: 0 !important; left: 0 !important; max-width: none; width: 100% !important; z-index: 99999; } .tooltip.frm_tooltip.bottom { padding: 0; } .frm_tooltip .tooltip-inner { max-width: none; min-height: 40px !important; text-align: left; box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5); padding: 10px 40px; border-top-color: #ccc; background: var(--sidebar-color); color: var(--grey-700); border-radius: 0; opacity: 1; font-size: var(--text-sm); } #frm_custom_css_box { width: 100%; } /*form inputs/selects */ .frm_form_field.frm_scroll_box .frm_opt_container, .frm-white-body .wrap input[type="text"], /* Cover Views pages */ .frm-white-body .wrap input[type="search"], .frm-white-body .wrap input[type="number"], .frm-white-body .wrap select, .frm-white-body .wrap textarea, button.frm_choose_image_box, #titlediv input[type="text"], .frm-fields button.btn, .frm_wrap textarea, .frm_wrap input[type="tel"], .frm_wrap input[type="text"], .frm_wrap input[type=search], .frm_wrap input[type="number"], .frm_wrap input[type="date"], .frm_wrap select, .wp-admin .frm_wrap select, .field-group textarea, .field-group input[type="text"], .field-group select { outline: 0; box-shadow: none; border-radius: var(--small-radius); padding: 5px 14px; border-color: var(--grey-300); color: var(--grey-800); font-size: var(--text-md); margin: 0; background-color: #fff; line-height: var(--leading); } .frm_wrap ::-webkit-datetime-edit { line-height: var(--leading); } .frm-white-body textarea:focus, .frm-white-body input:focus, .frm-white-body select:focus, .frm_wrap input:focus, .frm_wrap select:focus, .wp-core-ui .frm_wrap select:focus, .frm-btn-group .multiselect.dropdown-toggle:focus, .frm_wrap textarea:focus { border-color: var(--primary-500) !important; box-shadow: none !important; } #postbox-container-2 textarea, .frm_wrap textarea, .field-group textarea { line-height: 2; } .frm_wrap input[type="number"] { height: auto; } .frm_wrap select { padding: 2px; } .wp-admin .frm_wrap select { max-width: 100%; } .frm_form_field.frm_scroll_box .frm_opt_container { padding: 10px 12px; } .frm_wrap input[disabled], .frm_wrap select[disabled], .frm_wrap textarea[disabled], .frm_wrap input[readonly], .frm_wrap select[readonly], .frm_wrap textarea[readonly], .frm_wrap input::placeholder { color: var(--grey-500); } #postcustomstuff table td > div { /* To override some inline css in add-on */ padding-top: 0 !important; } .wp-admin .frm_wrap .form-table select { vertical-align: top; } .frm_wrap .frm_form_builder select { line-height: var(--leading); height: var(--text-md); width: 100%; } #postbox-container-2 select, .wp-admin .frm_wrap select, .frm_wrap .frm_form_builder select { height: auto; background-position: right 11px top 55%; } .frm-white-body .tablenav select, .frm-white-body .tablenav input[type="text"], .wp-admin .frm_wrap .tablenav select, .frm_wrap .tablenav input[type="date"], .frm_wrap .tablenav input[type="text"] { padding-top: 0; padding-bottom: 0; line-height: 1; } .frm_wrap .tablenav ::-webkit-datetime-edit { line-height: 1; } .frm-fields button.btn, .frm-fields textarea, .frm-fields input[type="text"], .frm-fields select, .field-group textarea, .field-group input[type="text"], .field-group select, .accordion-container input.hex { width: 100%; outline: 0; } .frm-fields button.btn { height: var(--h-md); text-align: inherit; } .global-font .field-group input[type="text"] { width: auto; } /* Image Options */ .frm_images_dropdown .frm_image_option { margin: 0 !important; } .frm_images_dropdown .frm_radio input[type=radio] { opacity: 0; position: absolute; z-index: -1; } .frm_images_dropdown__image .frmsvg { width: 100%; max-width: 102px; fill: none; margin: 0; } .frm_images_dropdown .frm_noallow .frm_image_option_container { opacity: .5; } .frm_images_dropdown .frm_image_option_container { border-radius: var(--small-radius); border: 2px solid transparent; align-items: center; } .frm_images_dropdown .frm_image_option_container:hover { background: #fff !important; } .frm_images_dropdown input[type="radio"]:checked + .frm_image_option_container { background: #fff !important; border-color: var(--primary-500); } .frm_images_dropdown .frm_text_label_for_image { padding: 0; text-align: left; } /* End Image Options */ /* Welcome page */ .wp-core-ui .frm_grey.frm-button-primary.disabled, .wp-core-ui .frm_grey.frm-button-primary, #frm-welcome .frm_grey { opacity: 0.5; background: #F6F6F6 !important; border-color: #ddd !important; color: #9FA5AA !important; } /* Chrome Scrollbars for Windows */ .windows::-webkit-scrollbar, .windows ::-webkit-scrollbar { width: 7px; background: transparent; } .windows::-webkit-scrollbar-thumb, .windows ::-webkit-scrollbar-thumb { background: var(--grey-300); -webkit-border-radius: var(--border-radius); -webkit-box-shadow: none; } .windows::-webkit-scrollbar-corner, .windows ::-webkit-scrollbar-corner { background: transparent; } /* RTL */ .rtl h3 { font-weight: inherit !important; } .rtl.js .accordion-section-title:after { left: 10px; right: auto; } .rtl #frm_top_bar #frm_bs_dropdown { padding-left: 15px; } .rtl .frm-full-close, .rtl .frm_wrap .columns-2 .frm-right-panel, .rtl .frm-right-panel { border-right-width: 1px; border-left-width: 0; } .rtl .frm-full-close { padding-left: 0; padding-right: var(--gap-md); } .rtl .frm-text-right { text-align: left; } .rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child { border-left-width: 1px; } .rtl .frm-dropdown-menu { text-align: right; } .rtl .frm_actions_dropdown .frm_icon_font { float: right; margin-right: 0; margin-left: 3px; } .rtl #frm-insert-fields-box, .rtl #frm-conditionals { padding-right: .9em; } .rtl #html_settings .frm_field_html_box { margin-right: 0; } .rtl .frm_list_entry_page h2 { float: right; } .rtl .frm_scale { float: right; margin-left: 10px; margin-right: 0; } .rtl .frm-page-break .frm-collapse-page.button { margin-left: 0; margin-right: 46%; } .rtl .frm-field-action-icons { right: unset; left: 2px; } .rtl .frm_has_shortcodes > i { right: auto; left: 5px; } .rtl .frm_reply_to_container, .rtl .frm_bcc_cc_container { float: left; } .rtl .frm-default-switcher { float: left; position: relative; } .rtl .frm-with-right-icon .frmsvg { right: auto; left: 0; } .rtl .frm-inline-modal > a.dismiss { left: 13px; right: auto; } .rtl.wp-admin .frm_wrap select { padding-left: var(--gap-lg) !important; padding-right: 5px !important; background-position: left 11px top 55%; } /* --------------------------------------------------------------- Clearfix --------------------------------------------------------------- */ span.clear { display: block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /*Override styling from other plugins*/ .frm_form_fields .clear { height: auto; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /*----------------------------------------------------------------- Responsive Design ---------------------------------------------------------------- */ @media only screen and (max-width: 1200px) { .frm-addons { grid-template-columns: 1fr 1fr; } } @media only screen and (max-width: 1050px) { .frm-white-body, .frm_wrap { --biggest-sidebar: 390px; } #form_settings_page .columns-2 { margin: 0; } .frm_actions_list { margin-left: 0; } } @media only screen and (max-width: 960px) { .frm-white-body, .frm_wrap { --gap-sm: 8px; --gap-md: 16px; --gap-2xl: 24px; } .auto-fold #adminmenuwrap { width: 36px; } .frm_wrap #postbox-container-1 #frm_adv_info { min-width: 220px; } p.howto { display: inline-block; } /* Fix: Issue where the admin page content had extra white space to the left on small screens */ .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container, .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container { left: 36px; } } @media only screen and (max-width: 850px) { #frm_bs_dropdown { /* There isn't enough room for the title on a screen this size so just hide it. */ display: none; } .frm-white-body, .frm_wrap { --biggest-sidebar: 350px; --big-sidebar: 350px; } #frm_bs_dropdown .frm_bstooltip { /* There isn't enough room for the title on a screen this size so just hide it. */ display: none !important; } .frm_col_one { clear: none; } .frm-fields p > .frm_inline_label, .frm_inline_label { display: block; margin: 5px 0; } #frm_top_bar h1 { width: auto; max-width: 200px; } #frm-publishing { width: auto; } #frm_form_editor_container, .frm-entry-container { margin: 0 20px; } .frmbutton.ui-sortable-helper .frmsvg, .field_type_list li.frmbutton .frmsvg, .frmbutton.ui-sortable-helper i, .field_type_list li.frmbutton i { margin: .15em 0 .15em .1em; width: 25px; } .rtl .frmbutton.ui-sortable-helper .frmsvg, .rtl .field_type_list li.frmbutton .frmsvg, .rtl .frmbutton.ui-sortable-helper i, .rtl .field_type_list li.frmbutton i { margin: .15em .1em .15em 0; } .frm_wrap .frm-search { float: none !important; width: auto; clear: both; } .post-type-frm_display #frm_adv_info { top: auto !important; position: static; width: auto; } .frm_wrap .frm-right-panel #frm_adv_info, .frm_wrap #postbox-container-1 #frm_adv_info { min-width: 275px; } .frm_wrap #frm_adv_info ul.category-tabs li, .frm_wrap #frm_adv_info ul.category-tabs li.tabs { border: none; } .frm_wrap #frm_adv_info ul.category-tabs li:first-child { margin-left: 12px; } .frm_wrap #frm_adv_info ul.category-tabs li.tabs { border-bottom: 2px solid #5b9dd9; padding-bottom: 8px; } .post-type-frm_display #poststuff { padding: 10px 25px; } .post-type-frm_display #side-sortables .postbox { margin-bottom: 20px; border-radius: var(--small-radius); border-top-width: 1px; } } @media only screen and (max-width: 782px) { .frm-white-body, .frm_wrap { --small-sidebar: 20%; --medium-sidebar: 35% } #form_settings_page .advanced_settings .form-table td, .form-table th { display: table-cell; width: auto !important; } .frm-white-body #publishing-action, .frm_wrap #publishing-action { line-height: normal; } .frm-white-body #screen-meta-links { display: none; } .frm_wrap .misc-pub-section { padding: 6px 0; } .frm_wrap .misc-pub-section > a { float: none; white-space: nowrap; } .frm-form-setting-tabs a { position: relative; padding: 10px 5px 10px 40px; } .frm-form-setting-tabs a .frmsvg, .frm-form-setting-tabs a i { position: absolute; left: 13px; top: calc(50% - 10px); margin: 0; } #frm-insert-fields .button, #frm-insert-fields .button a, .frmbutton.ui-sortable-helper a { line-height: 26px; max-height: 28px; } a.frm_add_logic_link { margin-left: 0; margin-right: 0; width: 100%; box-sizing: border-box; } a.frm_add_logic_link .frmsvg, a.frm_add_logic_link i { display: none; } #new_fields .frm_single_option select, #new_fields .frm_single_option input[type=text] { width: calc(100% - 83px); } .frm_single_entry_page .frm_form_fields input[type=text], .frm_single_entry_page .frm_form_fields select, .frm_single_entry_page .frm_form_fields textarea { width: 100%; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] { width: 25px !important; } .frm_single_entry_page .with_frm_style .frm_radio input[type=radio], .frm_single_entry_page .with_frm_style .frm_checkbox input[type=checkbox] { width: 18px !important; } .wp-list-table.toplevel_page_formidable .column-entries, .wp-list-table.toplevel_page_formidable .column-form_key, .wp-list-table.toplevel_page_formidable .column-shortcode, .wp-list-table.toplevel_page_formidable .column-created_at { display: none !important; } .wp-list-table.toplevel_page_formidable td.column-entries, .wp-list-table.toplevel_page_formidable td.column-form_key, .wp-list-table.toplevel_page_formidable td.column-shortcode, .wp-list-table.toplevel_page_formidable td.column-created_at { padding: 3px 8px 3px 35%; text-align: left; } #form_entries_page .wp-list-table th.frm_hidden, #form_entries_page .wp-list-table td.frm_hidden { display: none !important; } .frm-white-body.auto-fold #wpcontent { padding-left: 0; } .frm_right_addon .frm_remove_field { bottom: 11px; } .frm-addons { grid-template-columns: 1fr; } .frm-admin-page-styles .frm_page_container, .frm_wrap .frm_page_container { left: 0 !important; top: 46px !important; height: calc( 100vh - 46px ) !important; } .frm_single_entry_page.frm_wrap .columns-2 { display: block; border-bottom: none; } .frm_single_entry_page .wrap.frm-with-margin { margin: 10px 20px; } .frm_single_entry_page #post-body-content + .frm-right-panel { width: auto; margin: 0 20px; border: 1px solid var(--sidebar-hover); border-radius: 6px; } #wp-content-media-buttons a.frm_insert_form { padding: 0 var(--gap-sm); } } @media only screen and (max-width: 700px) { .frm-white-body, .frm_wrap { --biggest-sidebar: 50%; --big-sidebar: 50%; } } @media only screen and (max-width: 600px) { .frm-white-body, .frm_wrap { --small-sidebar: 45px; } .frm-form-setting-tabs a { visibility: collapse; font-size: 0; padding: 0 var(--gap-sm); } .frm-form-setting-tabs a .frmsvg, .frm-form-setting-tabs a i { visibility: visible; position: initial; font-size: 18px; } #frm_builder_page #frm-insert-fields { padding: 0; } .frm_wrap #frm_adv_info ul.category-tabs li { display: inline-block; padding: 0; margin: 2px 0; border-bottom: 2px solid transparent; } .frm_wrap #frm_adv_info ul.category-tabs li.tabs, .frm_wrap #frm_adv_info ul.category-tabs li:first-child { margin-left: 0; padding: 0; } .field_type_list li { text-align: center; } #frm-insert-fields li a { padding: 5px; } .frmbutton.ui-sortable-helper .frmsvg, .field_type_list li.frmbutton .frmsvg, .frmbutton.ui-sortable-helper i, .field_type_list li.frmbutton i { display: block; margin: 0 auto 3px; text-align: center; } #frm_form_editor_container .frm_primary_label { clear: both; } #frm_builder_page .frm_code_list a.button { padding: 2px; } #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu { right: 0; left: auto; } .frm-right-panel h3.accordion-section-title { padding-right: 10px; padding-left: 10px; font-size: 20px; white-space: nowrap; overflow: hidden; } .frm-right-panel .accordion-section-title:before { margin-left: 0; margin-right: 3px; } .rtl #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu { right: auto; left: 0; } .frm_on_submit_type svg { display: none; } } @media only screen and (max-width: 475px) { #frm_bs_dropdown { float: none; } #frm-nav-tabs { padding: 0; white-space: nowrap; } #frm-nav-tabs a { margin-right: 0; } } /* Firefox */ @-moz-document url-prefix() { .frm-white-body .tablenav select, .frm-white-body .tablenav input[type="text"], .wp-admin .frm_wrap .tablenav select, .frm_wrap .tablenav input[type="text"] { padding-top: 5px; } } /* PRINT */ @media print { a, .misc-pub-section a { color: #000 !important; } .add-new-h2, #frm_top_bar, .dashicons, #adminmenuwrap, #adminmenuback, #wphead, #button_bar, #submitdiv, .button-secondary, #screen-metas, #screen-meta-links, #footer, #wpfooter, .inner-sidebar, .frm_form_nav, .frm_flash_graph, .frm_no_print, object, .error { visibility: hidden; display: none !important; } .widget, .postbox, .stuffbox, .postbox h3 { border-width: 0 !important; border-color: #fff; } .postbox { background: #fff !important; border: none; position: static; } .postbox h3, .postbox h4 { background: #fff !important; } #wpbody-content { float: none; } #wpcontent, #post-body-content, .has-right-sidebar #post-body, #poststuff .columns-2 { margin: 0 !important; } .frm_wrap #poststuff .columns-2 { display: block; } #post-body-content + .frm-right-panel, .frm_wrap .columns-2 .frm-right-panel, .frm-right-panel { border: none; width: auto; display: block; padding: 20px; } .frm_wrap .columns-2, .frm_wrap .frm_page_container { height: auto; display: block; } .misc-pub-section > span { padding: 0; } .frm-right-panel .postbox .inside { padding-left: 12px; padding-right: 12px; } .curtime #timestamp:before { display: none; content: none !important; } .frm_charts .alignleft { float: none; } .pg_odd, .pg_even { page-break-inside: avoid; max-width: 600px; } .form-table td, .form-table th { padding: 0; } .frm_file_container a { display: block; width: 100%; } } .frm-admin-page-styles #frm-publishing #save_menu_header, .frm-admin-page-styles2 #frm-publishing #save_menu_header { display: inline-block; } /* Change the order of subfields of the Name field in the backend */ .edit_form_item .frm_combo_inputs_container[data-name-layout="last_first"] .frm_form_subfield-first { order: 2; } .frm-video-wrapper iframe { width: 100%; max-width: 843px; border-radius: var(--border-radius); } #frm_field_group_popup { position: absolute; top: 0; right: 0; width: 366px; height: 231px; border-radius: 8px; background: #fff; box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15); z-index: 3; box-sizing: border-box; padding: 24px 0; text-align: left; } .rtl #frm_field_group_popup { text-align: right; } .frm-merge-fields-into-row #frm_field_group_popup { top: unset; bottom: 50px; height: 196px; } .frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group { display: none; } .frm-merge-fields-into-row > a { color: rgba(40, 47, 54, 0.85); position: relative; top: 2px; } .frm-row-layout-title { font-weight: 600; font-size: 11px; line-height: 15px; text-transform: uppercase; color: rgba(40, 47, 54, 0.45); margin-bottom: 40px; } .frm-row-layout-option { background: #F6F7FB; box-sizing: border-box; border-radius: 2px; padding: 18px 11px; } #frm_field_group_popup .frm-row-layout-option .frm_grid_container { grid-gap: 0 5%; grid-template-columns: repeat(12, auto); } #frm_field_group_popup .frm-row-layout-option { cursor: pointer; } #frm_field_group_popup .frm-row-layout-option.frm-active-row-layout, #frm_field_group_popup .frm-row-layout-option:hover { outline: 1px solid var(--primary-500); } .frm-custom-field-group-layout, .frm-break-field-group { padding: 5px 15px; cursor: pointer; font-size: var(--text-sm); line-height: 19px; color: rgba(40, 47, 54, 0.85); } .frm-custom-field-group-layout:hover, .frm-break-field-group:hover { background-color: #f5f5f5f5; } .frm-custom-field-group-layout svg, .frm-break-field-group svg { margin-right: 5px; } #frm_field_multiselect_popup { background: white; height: 48px; position: fixed; border-radius: 4px; box-shadow: 0px 8px 24px rgba(40, 47, 54, 0.15); color: rgba(40, 47, 54, 0.85); font-size: 13px; right: 30px; bottom: 10px; } #frm_field_multiselect_popup > div { display: inline-block; line-height: 48px; vertical-align: top; } #frm_field_multiselect_popup.frm-unmergable > .frm-merge-fields-into-row, #frm_field_multiselect_popup.frm-unmergable > .frm-multiselect-popup-separator { display: none; } #frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator) { padding: 0 20px; cursor: pointer; } #frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator):hover { background: #f5f5f5f5; } .frm-builder-popup-heading { font-weight: 600; font-size: 12px; line-height: 15px; text-transform: uppercase; color: rgba(40, 47, 54, 0.45); } .frm-builder-popup-subheading { font-size: 12px; line-height: 16px; color: rgba(40, 47, 54, 0.45); } .frm-multiselect-popup-separator { height: 36px; width: 1px; position: relative; top: 6px; background: #C4C4C4; } .frm-sortable-helper, .frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider) { pointer-events: none; } .frm-sortable-helper { /* Make sure the item being dragged appears above other form builder fields */ z-index: 99; } #frm_banner { width: 100%; color: #fff; background: var(--primary-500); height: 40px; line-height: 40px; text-align: center; position: relative; } .frm-banner-emoji { font-size: 19px; } .frm-banner-emoji, .frm-banner-title { margin-right: 5px; vertical-align: top; } .frm-banner-cta a { text-decoration: underline !important; } .frm-banner-dismiss { cursor: pointer; position: absolute; right: 10px; top: 50%; transform: translateY( -50% ); } .frm-banner-dismiss .frmsvg { vertical-align: top; } .frm-ready-made-solution:not(.frm-search-result) { display: none !important; } #frm_new_form_modal .frm-ready-made-solution { padding: var(--gap-xs) !important; margin: var(--gap-xs) 0 var(--gap-sm); display: flex; gap: var(--gap-sm); position: relative; overflow: visible !important; } #frm_new_form_modal .frm-ready-made-solution:after { width: 100%; height: 1px; background: var(--grey-300); content: ''; position: absolute; bottom: -10px; left: 0; } #frm_new_form_modal .frm-ready-made-solution.frm-search-result:last-of-type::after { content: none; } #frm_new_form_modal .frm-solution-details { flex: 1; display: flex; gap: var(--gap-2xs); flex-direction: column; } #frm_new_form_modal .frm-ready-made-solution > div:first-child { width: 30%; text-align: center; } .frm-ready-made-solution h3 ~ a { color: var(--primary-500); } .frm-ready-made-solution img { max-width: 100%; display: block; box-shadow: var(--box-shadow-lg); } /* On Submit action */ .frm_single_on_submit_settings .frm_form_field { margin: 8px 0; } .frm_on_submit_type_setting { padding: 8px 0; } .frm_on_submit_type label { display: flex; border: 1px solid var(--grey-border); border-radius: var(--small-radius); gap: 16px; padding: 16px; align-items: center; justify-content: center; } .frm_on_submit_type input { opacity: 0 !important; position: absolute; z-index: -1; } .frm_on_submit_type input[type="radio"]:checked + label { border-color: var(--primary-color); box-shadow: 0 0 0 1px var(--primary-color); } #form_settings_page .frm_on_submit_type label:hover, .frm_on_submit_type input[type="radio"]:checked + label svg { color: var(--primary-color); } /* End On Submit action */ .wp-block-details{box-sizing:border-box;overflow:hidden}.wp-block-details summary{cursor:pointer} Merely Shell out From the Contact Gambling casino pompeii 5 deposit and also to Best Spend From the Cell Casino slots – Mobi Promo – Largest Mobile Advertising Platfrom

Merely Shell out From the Contact Gambling casino pompeii 5 deposit and also to Best Spend From the Cell Casino slots

You just who sporting slot machines shell out from the mobile love that one since it is incredibly easy and to ensures well being for even brand new compensation methods want Bubble Gaming sites. In the end, alternatively deposit from the contact expenses is a convenient and secure payment ways to online casinos, it’s crucial that you consider one departure conclusion before you make a financial. While others casinos will offers withdrawal ways of money from the get in touch with bill customer, other folks don’t. It’s always prominent to check on for the gambling’s customers customer care team before making a consumer banking so that you can know what we choices are if you would like withdraw we victory then. With a few departure process in position, you can savor all advantages of first deposit by the email bill without having any issue when it’s time you can easily expenditure aside. Coolplay Net based casino try an online casino located in the Great britain that offers selection of for the meets such as for instance twenty-one, slot machines, and to roulette.

  • And while a lot of gambling enterprises you find on google is actually effective, there are several on the internet frauds that want to carry advantage of a person.
  • Obviously, this one reduces your odds of being victorious in once you baseball nevertheless it can help you enjoy the reels present the absolute maximum set of times.
  • You can cost your money stability making use of your cellular costs.
  • All those corner projections introduced nowadays on the WhichBookie try 100percent free.

Please relate with them and will fulfill all of them in the past saying a benefit. Electronic poker two can enjoy numerous casino poker fits at any the best contact invoice gaming Uk, such as Jacks or more, Deuces Crazy, and others. These types of fits merge areas of mobile slot machines also to web based poker for your an exciting feel. Casushi Gaming not just claims the most effective aesthetically desirable photographs but also shines in its successful customer support, smooth payment processing, and to a great deal of cute bonuses. The well-organized stage assures a wonderful and exciting video gaming knowledge for your the players.

Pompeii 5 deposit: Can i Still Have Playing Rewards While i Pay From the Email Invoice?

Recognized for their trustworthiness also to substantial choices, MeccaBingo assures a new player-centric method, particularly clear inside their flexible first deposit decisions. Out of commonplace debit credit it is simple to modern bundles enjoy Fruit Pay and Paysafecard, the working platform serves diverse capital judgements. Also, the cheapest first deposit patience install at only four for a lot of payment equipment makes it offered for everybody, away from informal the participants you can ardent bingo games a couple. Melbourne is one other country exactly where pay out by the contact gambling casino try removing. By using your own compensation processor chip Payforit, Australians get to shell out and sports within the Australian dollars from the web based casinos which will acknowledge your own spend by the mobile phone method. Here are gambling casino involving Boku to method cellular monthly payments available in Queensland also.

Board Matches Arrive at

And after this, it’s no wonder exactly why plenty gambling casino will provide you with lack of money limitations – they’re wanting to reduce the tolerance to be able to money, and maintain a person to play and to depositing various other. We’ve collected an enormous group of mobile gambling casino nowadays pompeii 5 deposit on the Bojoko. There are happy-produced fast strain and various other install your filtration to have the the very best gaming only for a person. Jammy Monkey try the very best Uk net based casino, therefore we have been managed by the United kingdom Thrust Income and follow every single rigid check always from the these people.

Merely Shell out From the Contact Gambling casino pompeii 5 deposit and also to Best Spend From the Cell Casino slots

Take into account that some other casinos on the web obtained varyingfree spinsprize cost constraints. Pro with the several least deposit gambling casino have the option associated with the paying other whenever they you will need it is simple to. There are often its names that have to be agreed on when to try out with the the best 5 least money gaming. several to be the absolute minimum first deposit needs often are present for several payment judgements yet not people.

You may take a break from European Live roulette by the to try out European and other English. Android os playing cell users you will get to smartphone gambling systems and also to baseball suppose-of-the-art online casino games for some very nice welcome perks. Live roulette features effectively on the cellular devices and it is a normal playing round. Its own Uk cellular casinos provide many tables because of merged rules, however circular diversity is short of. Just on the internet live roulette sites provides baseball-rewriting game variety, so far.

Everything way too major, so far one have feel sluggish load times and several slowdown. Next, you’ll be able to get 150 extra rotates if you deposit and to spend at least several. You should go into the ‘CASINO150’ extra laws to make your first deposit to interact the deal. There’s a lovely a couple of-pronged welcome excess container available with the PokerStars once you attend a story. Very first, you can get 100 excess moves without needing to create a finance. The create betting is actually overflowing of this exciting meets, because of Sunlight Las vegas supplying many different types of matches to suit every challenge.

Merely Shell out From the Contact Gambling casino pompeii 5 deposit and also to Best Spend From the Cell Casino slots

Also, until you produce a communication as well as other keep track of one charges, it might mean that a foul gift at the conclusion of the month if your call invoice is introduced. Take pleasure in the abstraction in the 1 75-golf ball and to 90-basketball meets as a result of actual money awards revealed. MrQ offers prize pot Bingo games bed with a rollover prize up to 20,000 that may be got in the some kind of circular. Casino slots and also to online casino games are not the only one thing we like to yell when it comes to in the MrQ; there’s also an intensive variety of exclusive bingo room as a result of meets functioning daily.