(()=>{"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} Simple Slots – Mobi Promo – Largest Mobile Advertising Platfrom

Simple Slots

The brand new Slot machines is actually entitled in different ways in numerous elements of country. The new Slots are also called Web based poker host, Fruits machine, the new Position, etc. The Players Paradise pokie jackpot new Slot machine is the about three otherwise five reeled server and that revolves since the user presses the newest button. Slots would be the most well-known Casino games which can be are played and also the Local casino get much of its local casino earnings from the newest Slot machines. Slots are most simple Gambling establishment online game and more than adored Local casino game from the somebody.

  • Plunge on the cardiovascular system from adventure with the distinct the newest industry’s most popular position video game during the British Position Game.
  • But not, PayPal casinos will even allow you to build a detachment.
  • It’s a reliable pay by mobile phone charging you casino alternative instead of GamStop and you will allows all sorts of participants.

Whichever kind of jackpot you choose to try out to have, there is constantly the possibility to help you victory huge. Because of so many differing types available to choose from, there can be certain to be some thing for everybody. When you’re on the a shedding move, don’t continue playing in the an enthusiastic make an effort to winnings again your losings. Get a break and you may started once again when you are impact much more refreshed and able to gamble once more. Before you start to play, take care of exactly how a great deal bucks you happen to be enthusiastic to pay and you will adhere to help you they. This will help stay away from overspending and you can dropping a lot more than just you can afford.

Players Paradise pokie jackpot: Gamble Free Brands Before Committing Hardly any money

Inside the April 2020, the uk Playing Percentage prohibited the use of playing cards on the theUK gaming internet sites. Boku allows you to finest up your pro membership up against your following cellular telephone expenses. This is why its position regarding the the new playing laws and regulations try a good piece of a grey area for today. Your own deposit within the Boku gambling enterprises is either put in your following cellular telephone bill otherwise subtracted out of your prepaid harmony.

Making A fees That have Shell out

Simple Slots

Megaways implies that the amount of icons for the reels alter with each twist, undertaking much more possibilities to win. And, the game are jam-packed with other special features such as Avalanches, totally free spin series, and broadening multipliers all the way to 50x. You’ll find a large number of mobile slot online game out there, you naturally won’t have the ability to is actually all of them, no matter what a lot of time you spend. The brand new online game also are released all day, so that the assortment is just broadening. Already, the most popular spend by the cellular telephone statement approach inside Canada is Boku, having Payforit following directly about.

Addititionally there is the brand new play feature where you are able to twice or quadruple your own profits for the people awards made. Keep in mind that a wrong gamble could see you losing everything’ve currently won therefore be mindful… Interested understand much more? Read out loud newest site on exactly how to Victory at the Slots to have a lot more pro knowledge. In the end, you will need to look at the security steps set up in the casino. Professionals gain access to the favourite slots video games from anywhere, when, for as long as it’ve had a smart phone and an internet connection.

And that Cellular Systems Help Spend By Cellular telephone Local casino Repayments?

Copy of the most recent taxation come back fee (if the self-employed). Congratulations, The phone Gambling enterprise is providing you with two hundred.00 within the real money without restrictions. After received, the ID is encrypted and you can stored in our secure machine. We do not citation any of your info to any third team sales organization. Indicate the newest the amount that it statement applies to your gambling during the last 3 months. Remember gambling will likely be enjoyable and you should always play inside your function.

Simple Slots

Pay because of the cell phone gambling enterprises are receiving ever more popular because they provide a convenient and you can safer way to deposit financing and you can gamble online. These types of web based casinos ensure it is players in order to put money making use of their mobile debts, which is experienced a convenient and safer means to fix put currency by many people players in the Canada. Any spend from the Pphone bill gambling establishment Canada functions hooking up their cellular amount for you personally. After you have entered for a merchant account, you will be able to deposit money utilizing your cellular telephone bill. The funds will be transported into your membership and certainly will be employed to enjoy any of the online game to be had. Pay by the Mobile phone casinos get increasingly popular certainly players, and lots of today take on Canadian people.

Playing Utilizing your Cell phone Costs

You can also check out the Just around the corner case to get hyped the better releases coming soon on the web site. To learn exactly how a telephone casino functions, it’s advantageous to learn just how antique gambling enterprises work. When someone gets in a timeless local casino, he could be considering an account matter and you may an excellent PIN. Bluefox Gambling establishment might have been authorized because of the Malta Betting Authority as well as the Betting Percentage.