(()=>{"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} 100 percent free Slot machines To experience Online Just for Enjoyable five-hundred+ Harbors – Mobi Promo – Largest Mobile Advertising Platfrom

100 percent free Slot machines To experience Online Just for Enjoyable five-hundred+ Harbors

They may has something ranging from step 3 and you can 9 reels and provide paylines https://real-money-pokies.net/raging-bull/ around the new various. Totally free added bonus game is the main draw for these sort of slot machines. They frequently include 100 percent free spins otherwise exciting micro-online game that produce these 100 percent free slots extra common.

bonus codes for no deposit online casino

  • But really, now, it’s a major international online vendor who may have delivered more than three hundred head-blowing on the web slot online game.
  • The newest Cleo icon will act as a wild, replacing for the icon inside the a fantastic integration, excluding scatters and you may doubles winning outlines.
  • It’s probably one of the most well-known and you may well-known harbors in the the historical past of gambling which is often known not simply from the the way it looks as well as by the the way it tunes.
  • When you yourself have any sort of tastes, you can utilize our strain to discover the best slot for your.

Even if demonstrations render big modern jackpots, winning chances are high scarcely worth the higher risks and you can entry will set you back. Put your bets judiciously, saving money inside the looking for high repayments. Play free Aristocrat online slots; they don’t you desire their credit card to operate. Have fun with all of our totally free gamble type as any not the same as the feet online game.

Jackpot Cleopatras Gold Luxury

RTP, or go back to user payment, can be known more crucial ever. So it rates reveals the amount of money a new player should expect to get back. Think, but not, that commission is theoretic, and you may an enthusiastic RTP of 97percent does not always mean one to a new player becomes 97 for every a hundred it choice.

How to decide on An informed Free online Ports To your Download?

The new supplier is to start with a secure-dependent game merchant however now now offers a full library from on line game too. For wagers lower than 0.10 borrowing from the bank, an additional Spread out by means of a golden Community appears to your reels. Collect these to gain access to around three other Extra Wheel, which you can spin to have a way to score among the three Modern Jackpots of your own online game. The new Pig Added bonus icons have to be lined up on the an excellent payline so you can initiate another pig-smashing bullet. For every pig honors some chance that you could used to extend the size of the bonus bullet. With each crush, you also score a chance to win up to twenty five minutes the choice.

It pokie server also offers a remarkable Vegas feel at the 95.06percent RTP. Starburst video slot try an alternative to possess to experience a real income across some online casinos. Actively offered and you will appeared within the finest-positions casinos, it gift ideas totally free spins to the fresh participants. On subscription and you will taking relevant private information, these types of casinos usually fits first dumps that have incentives, some exceeding one thousand. Look at local casino characteristics are courtroom from the legislation, be sure compliance having gambling laws and regulations, and you may show compatible percentage options prior to to play.

NetEnt also provides a variety of styled ports which have excellent images, animated graphics, and you can soundtracks. Try different varieties of position game, for example branded headings and you may three-dimensional video ports. Continue reading for all of your need to know from the totally free harbors Canada. This article is for knowledgeable participants and you will novices; it’s expertise on the starting out, examining position brands, expertise features, and looking finest-rated headings.

Put-out Sep 23, 2020, it has become a betting landmark. Purchases of digital and public software invention businesses for example Plarium and Big Seafood offered independency. Aristocrat slots might be played for the cellular of programs regarding the Bing and Application Shop as well as your web browser to the a pc.

Our very own Favourite Gambling enterprises

The essence is always to click on the icons or products which are available one to add one thing to their winnings, whether it is currency or multipliers. Combos is actually effective combos when a huge number of emails arrive at a time. Arcade-Style Have That is a completely the fresh and you may improved quantity of incentives, in which a variety of enjoy on the online game takes place. Ocean Wonders is a position one antique bettors love because this game showed up on the internet out of belongings-dependent gambling enterprises with free ports 7777 vibes.

As to why Slotomania?

Jokers, multipliers, Quantum Plunge and you will Gargantoon can help to enhance your victories. It is advisable to read the complete conditions and terms related to the totally free twist incentives. Most of the time, there’s a betting or a great playthrough specifications. In most instances, all casino are certain to get totally free ports designed for an excellent punter in order to enjoy. Typically the most popular ways operators make this happen is by along with trial settings because of their popular position titles.