/home/altere25/infinet.finance/wp-content/plugins/formidable/css
Edit: /home/altere25/infinet.finance/wp-content/plugins/formidable/css/frm_admin.css (176109B)
@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 {
font-size: 20px;
}
form .form-field.frm_field_loading {
margin-bottom: 0;
min-height: 0;
padding: 0;
text-align: center;
}
.frm_sorting > .frm_field_loading .frm_visible_spinner.frm-wait {
margin-bottom: 10px;
}
.frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.frm-wait {
margin-bottom: 0;
display: none;
}
.frm_description,
.with_frm_style form div.description,
.frm_error {
margin: 0;
}
.frm_error {
color: #B94A48;
}
form .frm_blank_field input,
form .frm_blank_field textarea,
form .frm_blank_field select,
form .frm_blank_field .frm-g-recaptcha iframe,
form .frm_blank_field .g-recaptcha iframe {
border-color: #B94A48;
}
form .frm_blank_field label {
color: #B94A48;
}
.frm_required {
color: #B94A48;
}
.with_frm_style .wp-editor-container textarea,
.postbox .wp-editor-container textarea,
.frm_remove_border {
border: none;
}
.with_frm_style .mceIframeContainer,
.postbox .mceIframeContainer {
background-color: #fff;
}
.frm_pro_license_msg {
clear: left;
margin-top: 10px;
}
.frm-license-input {
position: relative;
}
.frm-license-input span {
position: absolute;
right: 0;
top: 5px;
padding: 0 10px;
font-size: 15px;
}
.frm-license-input .frmsvg {
width: 20px;
height: 20px;
margin-left: 5px;
vertical-align: text-top;
}
.frm-license-input .frmsvg,
.frm-license-input span,
.frm-license-input i {
color: rgb(0, 131, 26);
}
.upgrade_to_pro {
padding: 10px 25px 25px;
max-width: 700px;
margin: 20px auto !important;
}
.upgrade_to_pro .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;
}
.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 {
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-cancel {
display: none;
}
#frm_embed_modal.frm-on-page-2 .frm-modal-cancel {
display: inline;
}
.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,