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

Cellular Gambling enterprise

In the online casinos run on White hat, professionals can enjoy an educated gambling games in the business. It’s https://happy-gambler.com/blazing-star/ been to as the 1990’s, same as Microgaming, and has brought numerous slot games. The firm is recognized as among the best company on the on line playing community with its headings getting available at a respected online casinos in britain market. Some online casinos will wade as far as giving several Welcome Incentives, which happen to be related to additional gambling establishment playing kinds, fee steps, and currency.

no deposit bonus $50

  • Betfred and stands out featuring its tremendous online game portfolio and you may smooth program.
  • Joining and to play during the the newest mobile casinos is a lot easier than ever for the rise of your own “use the brand new wade” trend.
  • That’s a consistent concern of numerous casino lovers ask themselves.
  • Boku is the leading spend by mobile phone expenses seller because can be obtained so you can players international.

For many who home a good Starburst Insane, it does expand to cover whole reel, secure the brand new reel for the condition, and you may prize you an excellent respin. Put a set number as the expressed from the gambling establishment and play it due to on your own favorite on the web position video game, usually on the weekdays. Or you can function as earliest to use the brand new gambling games, the place you score several totally free spins playing for the a great the fresh position release. Although not, participants is to remember that winnings made from such video game aren’t actual which means that, can’t be cashed out.

Which are the Choices To help you Ukash To have Money Online casino Profile?

Real time broker is an excellent way of getting the experience of a land gambling establishment from your own home or cellular telephone. Because of this we’lso are specific the ratings offer the better insight into the new UK’s best gaming websites. OnlineCasinos.co.british is one of the United kingdom’s esteemed gambling enterprise recommendations internet sites. When both-day Frost London Appointment comes as much as, of a lot professionals international plan their trips to the United kingdom. More than 6000 benefits are involved, sharing with other local casino owners regarding the future of the newest betting globe. Ice London ‘s the biggest venue to explore the ongoing future of the fresh betting globe, focusing on improvement and you will choices because of vital conferences and you will networking connectivity.

Live Online game Incentives

Blackjack is one of the most well-known video game to the on line betting systems, as it has an easy means. In this video game, the goal is to overcome the fresh broker to arrive a credit worth closest in order to 21. The online game is appropriate for brand new bettors, and the outcome is luck-centered. We read the casino’s put formula and you will complete terms and conditions to find out if there are one invisible fees you should be conscious of. We screen information about deposit fees within local casino ratings’ fee approach areas. On the internet character is another aspect i take a look at – i realize ratings and opinions of actual British players for the discussion boards and you may other sites.

Exactly what are Specific Alternatives To your Pay By Cellular phone Deposit Means?

It is now more available and you may straightforward to experience video game for the your own mobile otherwise tablet, whether or not make use of an android otherwise new iphone 4 to experience online casino games. Good luck the fresh portable gambling enterprises supply the most widely used gaming alternatives, in addition to video clips ports, roulette, black-jack, casino poker, baccarat and craps. It conform to your mobile phone otherwise tablet screen, bringing a smooth gambling feel on the go. You might gamble inside the-web browser or down load an application to enjoy online game. Latest trend show that simply half of profiles like a cellular cell phone as their popular device to play on line.

Though it might be difficult to keep through to the newest launches, we’ve accumulated the best the fresh PayPal gambling establishment British sites for your convenient perusal. Not simply really does all of our greatest-rated the brand new local casino take on PayPal, but it also now offers great game and you can incentives. These show just the better cellular gambling establishment websites acknowledging PayPal. Suppose you’d including the lowdown about what’s on cellular more generally. If so, we recommend supposed out to our cellular gambling enterprises positions for more guidance. This isn’t completely correct; application developers make new gambling games having fun with HTML5 having cellular in your mind.

Prompt Distributions Tip

With an abundant set of game and you can worthwhile incentive bundles, Griffon Gambling enterprise try certain to make you stay entertained when you’re helping you enhance your payouts. The platform allows payments within the GBP, EUR, USD, CAD, JPY, and you will Bitcoin. Keep in mind that certain banking steps can be not available to you personally since the of your own location. Deposits usually are eliminated instantaneously, when you are distributions takes to a few working days. BetNeptune opened the digital gates inside 2020 and that is another addition to your ProgressPlay Limited loved ones. Authorized and regulated because of the Malta Gaming Power and the United kingdom Gambling Payment, the working platform have such to offer so you can each other on-line casino professionals and you can wagering followers.

Find A gambling establishment You to definitely Speaks For you

As we know, plenty of United kingdom alive casino sites provide different kinds of actual broker online game. But the truth is not all of them work at offering real time gambling enterprise enthusiasts enough choices. Precisely the greatest real time online casinos in britain that people highly recommend supply the best band of actual broker games which you could play on the internet. Generally, gambling games are not created by the new real time gambling enterprise websites on their own, alternatively from the specialised alive local casino software company.