.with_frm_style{ --form-width:100%;--form-align:left;--direction:ltr;--fieldset:0px;--fieldset-color:#000000;--fieldset-padding:0 0 15px 0;--fieldset-bg-color:transparent;--title-size:20px;--title-color:#444444;--title-margin-top:10px;--title-margin-bottom:10px;--form-desc-size:14px;--form-desc-color:#666666;--form-desc-margin-top:10px;--form-desc-margin-bottom:25px;--form-desc-padding:0px;--font:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;--font-size:14px;--label-color:#444444;--weight:bold;--position:none;--align:left;--width:150px;--required-color:#B94A48;--required-weight:bold;--label-padding:0 0 3px 0;--description-font-size:12px;--description-color:#666666;--description-weight:normal;--description-style:normal;--description-align:left;--description-margin:0px;--field-font-size:14px;--field-height:32px;--line-height:32px;--field-width:100%;--auto-width:100%;--field-pad:6px 10px;--field-margin:20px;--field-weight:normal;--text-color:#555555;--border-color:#cccccc;--field-border-width:1px;--field-border-style:solid;--bg-color:#ffffff;--bg-color-active:#ffffff;--border-color-active:#66afe9;--text-color-error:#444444;--bg-color-error:#ffffff;--border-color-error:#B94A48;--border-width-error:1px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#E5E5E5;--text-color-disabled:#A1A1A1;--radio-align:block;--check-align:block;--check-font-size:13px;--check-label-color:#444444;--check-weight:normal;--section-font-size:18px;--section-color:#444444;--section-weight:bold;--section-pad:15px 0 3px 0;--section-mar-top:15px;--section-mar-bottom:12px;--section-bg-color:transparent;--section-border-color:#e8e8e8;--section-border-width:2px;--section-border-style:solid;--section-border-loc:-top;--collapse-pos:after;--repeat-icon-color:#ffffff;--submit-font-size:14px;--submit-width:auto;--submit-height:auto;--submit-bg-color:#ffffff;--submit-border-color:#cccccc;--submit-border-width:1px;--submit-text-color:#444444;--submit-weight:normal;--submit-border-radius:4px;--submit-margin:10px;--submit-padding:6px 11px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#efefef;--submit-hover-color:#444444;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#444444;--submit-active-border-color:#cccccc;--border-radius:4px;--error-bg:#F2DEDE;--error-border:#EBCCD1;--error-text:#B94A48;--error-font-size:14px;--success-bg-color:#DFF0D8;--success-border-color:#D6E9C6;--success-text-color:#468847;--success-font-size:14px;--progress-bg-color:#EAECF0;--progress-color:#1D2939;--progress-active-bg-color:#4199FD;--progress-active-color:#ffffff;--progress-border-color:#EAECF0;--progress-border-size:1px;--progress-size:30px;--use-base-font-size:;--base-font-size:15px;--field-shape-type:rounded-corner;--box-shadow:0 1px 2px 0 rgba(18, 18, 23, 0.05);} .frm_hidden, .frm_add_form_row.frm_hidden, .frm_remove_form_row.frm_hidden, .with_frm_style .frm_button.frm_hidden{ display:none; } .with_frm_style, .with_frm_style form, .with_frm_style .frm-show-form div.frm_description p{ text-align: var(--form-align); } /* Keep this. This is used for Honeypot */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } /* Form description */ .with_frm_style .frm-show-form div.frm_description p{ font-size: var(--form-desc-size); color: var(--form-desc-color); margin-top: var(--form-desc-margin-top); margin-bottom: var(--form-desc-margin-bottom); padding: var(--form-desc-padding); } form .frm__654951a455ef4 { overflow: hidden; width: 0; height: 0; position: absolute; } .with_frm_style fieldset{ min-width:0; display: block; /* Override 2021 theme */ } .with_frm_style fieldset fieldset{ border:none; margin:0; padding:0; background-color:transparent; } .with_frm_style .frm_form_fields > fieldset{ border-width: var(--fieldset); border-style:solid; border-color: var(--fieldset-color); margin:0; padding: var(--fieldset-padding); background-color: var(--fieldset-bg-color); font-family:var(--font); } legend.frm_hidden{ display:none !important; } .with_frm_style .frm_form_fields{ opacity:1; transition: opacity 0.1s linear; } .with_frm_style .frm_doing_ajax{ opacity:.5; } .frm_transparent{ color:transparent; } .with_frm_style legend + h3, .with_frm_style h3.frm_form_title{ font-size: var(--title-size); color: var(--title-color); font-family: var(--font); margin-top: var(--title-margin-top); margin-bottom: var(--title-margin-bottom); } .with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field .frm_show_it{ font-family: var(--font); color: var(--form-desc-color); } .with_frm_style .frm_form_field.frm_html_container{ font-size: var(--form-desc-size); } .with_frm_style .frm_form_field .frm_show_it{ font-size: var(--field-font-size); font-weight: var(--field-weight); } .with_frm_style .frm_required { color: var(--required-color); font-weight: var(--required-weight); } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement { font-family:var(--font); font-size: var(--field-font-size); margin-bottom:0; } .with_frm_style textarea{ vertical-align:top; height:auto; } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main { color: var(--text-color); background-color: var(--bg-color); border-color: var(--border-color); border-width: var(--field-border-width); border-style: var(--field-border-style); border-radius: var(--border-radius); width: var(--field-width); max-width: 100%; font-size: var(--field-font-size); padding: var(--field-pad); box-sizing: border-box; outline: none; font-weight: var(--field-weight); } .with_frm_style select option { color: var(--text-color); } .with_frm_style select option.frm-select-placeholder { color: var(--text-color-disabled); } .with_frm_style input[type=radio], .with_frm_style input[type=checkbox]{ border-color: var(--border-color); box-shadow: var(--box-shadow); float: none; } .with_frm_style input[type=radio]:after, .with_frm_style input[type=checkbox]:after { display: none; /* 2021 conflict */ } .with_frm_style input[type=radio]:not(:checked):focus, .with_frm_style input[type=checkbox]:not(:checked):focus { border-color: var(--border-color) !important; } .with_frm_style input[type=radio]:focus, .with_frm_style input[type=checkbox]:focus { box-shadow:0px 0px 0px 3px rgba(102,175,233, 0.4) !important; } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{ min-height: var(--field-height); line-height:1.3; } .with_frm_style select[multiple=multiple]{ height:auto; } .input[type=file].frm_transparent:focus, .with_frm_style input[type=file]{ background-color:transparent; border:none; outline:none; box-shadow:none; } .with_frm_style input[type=file]{ color: var(--text-color); padding: 0px; font-family: var(--font); font-size: var(--field-font-size); display: initial; } .with_frm_style input[type=file].frm_transparent{ color:transparent; } .with_frm_style .wp-editor-wrap{ width: var(--field-width); max-width:100%; } .with_frm_style .wp-editor-container textarea{ border:none; box-shadow:none !important; } .with_frm_style .mceIframeContainer{ background-color: var(--bg-color); } .with_frm_style select{ width: var(--auto-width); max-width:100%; background-position-y: calc(50% + 3px); } .with_frm_style input[disabled], .with_frm_style select[disabled], .with_frm_style textarea[disabled], .with_frm_style input[readonly], .with_frm_style select[readonly], .with_frm_style textarea[readonly] { background-color: var(--bg-color-disabled); color: var(--text-color-disabled); border-color: var(--border-color-disabled); } .frm_preview_page:before{ content:normal !important; } .frm_preview_page{ padding:25px; } .with_frm_style .frm_primary_label{ max-width:100%; font-family: var(--font); font-size: var(--font-size); color: var(--label-color); font-weight: var(--weight); text-align: var(--align); padding: var(--label-padding); margin:0; width:auto; display:block; } .with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{ display:block; float:none; width:auto; } .with_frm_style .frm_inline_container .frm_primary_label{ margin-right:10px; } .with_frm_style .frm_right_container .frm_primary_label, .with_frm_style .frm_pos_right{ display:inline; float:right; margin-left:10px; } .with_frm_style .frm_pos_center { text-align: center; } .with_frm_style .frm_none_container .frm_primary_label, .with_frm_style .frm_pos_none, .frm_pos_none, .frm_none_container .frm_primary_label{ display:none; } .with_frm_style .frm_section_heading.frm_hide_section{ margin-top:0 !important; } .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_hidden, .frm_hidden_container .frm_primary_label{ visibility:hidden; white-space:nowrap; } .frm_visible{ opacity:1; } /* Floating labels */ .with_frm_style .frm_inside_container { position: relative; padding-top: 18px; padding-top: calc(0.5 * var(--field-height)); } .with_frm_style .frm_inside_container > input, .with_frm_style .frm_inside_container > select, .with_frm_style .frm_inside_container > textarea { display: block; } /* These do not work if they are combined */ .with_frm_style input::placeholder, .with_frm_style textarea::placeholder { font-size: var(--field-font-size); } .with_frm_style .frm_inside_container > input::-moz-placeholder, .with_frm_style .frm_inside_container > textarea::-moz-placeholder { opacity: 0 !important; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > input:-ms-input-placeholder, .with_frm_style .frm_inside_container > textarea:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > input::placeholder, .with_frm_style .frm_inside_container > textarea::placeholder { opacity: 0; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > label { transition: all 0.3s ease-in; position: absolute; top: 19px; top: calc(1px + .5 * var(--field-height)); left: 3px; width: 100%; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 8px 12px; padding: var(--field-pad); font-size: 14px; font-size: var(--field-font-size); font-weight: normal; font-weight: var(--field-weight); pointer-events: none; } .with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label { line-height: 1; } .with_frm_style .frm_inside_container.frm_label_float_top > label { top: 0; left: 0; padding: 0; font-size: 12px; font-size: calc(0.85 * var(--field-font-size)); } /* These do not work if they are combined */ .with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder { opacity: 1 !important; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { opacity: 1; transition: opacity 0.3s ease-in; } /* End floating label */ .with_frm_style .frm_description, .with_frm_style .frm_pro_max_limit_desc{ clear:both; } .with_frm_style input[type=number][readonly]{ -moz-appearance: textfield; } .with_frm_style select[multiple="multiple"]{ height:auto; line-height:normal; } .with_frm_style .frm_catlevel_2, .with_frm_style .frm_catlevel_3, .with_frm_style .frm_catlevel_4, .with_frm_style .frm_catlevel_5{ margin-left:18px; } .with_frm_style .wp-editor-container{ border:1px solid #e5e5e5; } .with_frm_style .quicktags-toolbar input{ font-size:12px !important; } .with_frm_style .wp-editor-container textarea{ border:none; } .with_frm_style .auto_width #loginform input, .with_frm_style .auto_width input, .with_frm_style input.auto_width, .with_frm_style select.auto_width, .with_frm_style textarea.auto_width{ width:auto; } .with_frm_style .frm_repeat_buttons{ white-space:nowrap; } .with_frm_style .frm_button{ text-decoration:none !important;; border:1px solid #eee; display:inline-block; padding: var(--submit-padding); border-radius:4px; border-radius:var(--border-radius); font-size: var(--submit-font-size); font-family: var(--font); font-weight: var(--submit-weight); color: var(--submit-text-color); background: var(--submit-bg-color); border-width: var(--submit-border-width); border-color: var(--submit-border-color); height: var(--submit-height); } .with_frm_style .frm_button.frm_inverse{ color:var(--submit-bg-color); background:var(--submit-text-color); } .with_frm_style .frm_submit{ clear:both; } .frm_inline_form .frm_form_field, .frm_inline_form .frm_submit{ grid-column: span 1 / span 1; } .frm_inline_form .frm_submit{ margin:0; } .frm_submit.frm_inline_submit input[type=submit], .frm_submit.frm_inline_submit button, .frm_inline_form .frm_submit input[type=submit], .frm_inline_form .frm_submit button{ margin-top:0; } .with_frm_style.frm_center_submit .frm_submit{ text-align:center; } .with_frm_style.frm_center_submit .frm_flex.frm_submit { justify-content: center; } .with_frm_style .frm_inline_success .frm_submit{ display: flex; flex-direction: row; align-items: center; margin: 0; } .with_frm_style .frm_inline_success .frm_submit .frm_message{ flex: 1; margin: 0; padding-left: 10px; } .with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{ text-align: right; } .with_frm_style.frm_center_submit .frm_submit input[type=submit], .with_frm_style.frm_center_submit .frm_submit input[type=button], .with_frm_style.frm_center_submit .frm_submit button{ margin-bottom:8px !important; } .with_frm_style .frm-edit-page-btn, .with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .with_frm_style .frm_submit button{ -webkit-appearance: none; cursor: pointer; } .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ display: block; margin: 0 auto; } .with_frm_style .frm_loading_prev .frm_ajax_loading, .with_frm_style .frm_loading_form .frm_ajax_loading{ /* keep this for reverse compatibility for old HTML */ visibility:visible !important; } .with_frm_style .frm_loading_prev .frm_prev_page, .with_frm_style .frm_loading_form .frm_button_submit { position: relative; color: transparent !important; text-shadow: none !important; } .with_frm_style .frm_loading_prev .frm_prev_page:hover, .with_frm_style .frm_loading_prev .frm_prev_page:active, .with_frm_style .frm_loading_prev .frm_prev_page:focus, .with_frm_style .frm_loading_form .frm_button_submit:hover, .with_frm_style .frm_loading_form .frm_button_submit:active, .with_frm_style .frm_loading_form .frm_button_submit:focus { cursor: not-allowed; color: transparent; outline: none !important; box-shadow: none; } .with_frm_style .frm_loading_prev .frm_prev_page::before, .with_frm_style .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: -6px; margin-left: -6px; width: 12px; height: 12px; animation: spin 2s linear infinite; } .with_frm_style .frm_submit.frm_flex { align-items: center; gap: 2%; } .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page { order: -1; } .frm_style_formidable-style.with_frm_style{ } .frm_forms.frm_style_formidable-style.with_frm_style{ max-width:100%; direction:ltr; } .frm_style_formidable-style.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_formidable-style.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_formidable-style.with_frm_style p.description, .frm_style_formidable-style.with_frm_style div.description, .frm_style_formidable-style.with_frm_style div.frm_description, .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc{ margin:0px; padding:0; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:12px; color:#666666; font-weight:normal; text-align:left; font-style:normal; max-width:100%; } /* Left and right labels */ .frm_style_formidable-style.with_frm_style .frm_form_field.frm_left_container{ grid-template-columns: 150px auto; } .frm_style_formidable-style.with_frm_style .frm_form_field.frm_right_container{ grid-template-columns: auto 150px; } .frm_form_field.frm_right_container{ grid-template-columns: auto 25%; } .frm_style_formidable-style.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container, .frm_style_formidable-style.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{ display:inline; } .frm_style_formidable-style.with_frm_style .frm_pos_right{ display:inline; width:150px; } .frm_style_formidable-style.with_frm_style .frm_none_container .frm_primary_label, .frm_style_formidable-style.with_frm_style .frm_pos_none{ display:none; } /* These do not work if they are combined */ .frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .frm_default, .frm_style_formidable-style.with_frm_style input.frm_default, .frm_style_formidable-style.with_frm_style textarea.frm_default, .frm_style_formidable-style.with_frm_style select.frm_default, .frm_style_formidable-style.with_frm_style .placeholder { color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#ffffff; border-color:#66afe9; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(102,175,233, 0.6); } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { width:auto; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; height:auto; line-height:normal; text-align:center; background: #ffffff ; border-width:1px; border-color: #cccccc; border-style:solid; color:#444444; cursor:pointer; font-weight:normal; border-radius:4px; text-shadow:none; padding:6px 11px; box-sizing:border-box; box-shadow:0 1px 1px #eeeeee; margin:10px; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover{ background: #efefef; border-color: #cccccc; color: #444444; } .frm_style_formidable-style.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:10px; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:focus, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus, .frm_style_formidable-style.with_frm_style .frm_submit button:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:active, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, .frm_style_formidable-style.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #444444; outline: none; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #ffffff; border-color: #ffffff; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #444444; border-right-color: #444444; } .frm_style_formidable-style.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; color:#444444; font-weight:bold; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit input, .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit button, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_formidable-style.with_frm_style #frm_field_cptch_number_container{ font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; color:#444444; font-weight:bold; clear:both; } .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid { color:#444444; background-color:#ffffff; border-color:#B94A48; border-width:var(--border-width-error) ; border-style:solid; } .frm_style_formidable-style.with_frm_style .frm_blank_field .sigWrapper{ border-color:#B94A48 !important; } .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{ font-weight:bold; color:#444444; } .frm_style_formidable-style.with_frm_style .frm_error_style{ background-color:#F2DEDE; border:1px solid #EBCCD1; border-radius:4px; color: #B94A48; font-size:14px; margin:0; margin-bottom:20px; } .frm_style_formidable-style.with_frm_style #frm_loading .progress-striped .progress-bar{ background-image:linear-gradient(45deg, #cccccc 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .frm_style_formidable-style.with_frm_style #frm_loading .progress-bar{ background-color:#ffffff; } .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total textarea{ color: #555555; background-color:transparent; border:none; display:inline; width:auto; padding:0; } .frm_ajax_loading{ visibility:hidden; width:auto; } .frm_form_submit_style{ height:auto; } a.frm_save_draft{ cursor:pointer; } .with_frm_style a.frm_save_draft, .with_frm_style a.frm_start_over{ font-family: var(--font); font-size: var(--submit-font-size); font-weight: var(--submit-weight); } .horizontal_radio .frm_radio{ margin:0 5px 0 0; } .horizontal_radio .frm_checkbox{ margin:0; margin-right:12px; } .vertical_radio .frm_checkbox, .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; } .horizontal_radio .frm_checkbox, .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; padding-left: 0; } .with_frm_style .frm_radio{ display: var(--radio-align); } .with_frm_style .frm_checkbox{ display: var(--check-align); } .with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; margin-bottom: 10px; } .with_frm_style .horizontal_radio .frm_checkbox, .with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; } .with_frm_style .frm_checkbox label, .with_frm_style .frm_radio label { display: inline-block; vertical-align: middle; white-space:normal; } .with_frm_style .frm_checkbox label input[type=checkbox], .with_frm_style .frm_radio label input[type=radio] { margin-right: 4px; } .with_frm_style .frm_checkbox label:not(.frm-label-disabled), .with_frm_style .frm_radio label:not(.frm-label-disabled) { cursor: pointer; } .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{ display: block; width: 100%; } .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label { font-family: var(--font); font-size: var(--check-font-size); color: var(--check-label-color); font-weight: var(--check-weight); line-height: 1.3; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] { font-size: var(--check-font-size); position: static; } .frm_file_container .frm_file_link, .with_frm_style .frm_radio label .frm_file_container, .with_frm_style .frm_checkbox label .frm_file_container{ display:inline-block; margin:5px; vertical-align:middle; } .with_frm_style .frm_radio input[type=radio] { border-radius:50%; } .with_frm_style .frm_checkbox input[type=checkbox]{ border-radius: calc(var(--border-radius) / 2); } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{ appearance: none; background-color: var(--bg-color); flex: none; display:inline-block !important; width: 16px !important; min-width: 16px !important; height: 16px !important; color: var(--border-color); border: 1px solid currentColor; border-color: var(--border-color); vertical-align: middle; position: initial; /* override Bootstrap */ padding: 0; margin: 0; } .frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { border-color: var(--border-color-active) !important; } .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { background-color: var(--border-color-active) !important; } .with_frm_style .frm_radio input[type=radio][disabled]:checked, .with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked { border-color: var(--border-color) !important; /* Override Style Preview */ } .with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked { background-color: var(--border-color) !important; } .with_frm_style .frm_radio input[type=radio]:checked:before, .with_frm_style .frm_checkbox input[type=checkbox]:checked:before { position: static !important; /* Override Style Preview */ content: ''; display: block; } .frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before { width: 100% !important; height: 100% !important; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; background-size: 9px !important; background-repeat: no-repeat !important; background-position: center !important; margin: 0; } .with_frm_style .frm_radio input[type=radio]:before { width: 8px; height: 8px; border-radius: 50%; background-color: var(--border-color-active); margin: 3px; } .with_frm_style .frm_radio input[type=radio][disabled]:before { background-color: var(--border-color); } .with_frm_style :invalid, .with_frm_style :-moz-ui-invalid{ box-shadow:none; } .with_frm_style .frm_error_style img{ padding-right:10px; vertical-align:middle; border:none; } .with_frm_style .frm_trigger{ cursor:pointer; } .with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style{ border-radius:4px; padding:15px; } .with_frm_style .frm_message p { margin-bottom: 5px; color: var(--success-text-color); } .with_frm_style .frm_message, .frm_success_style { margin: 5px 0 15px; border: 1px solid var(--success-border-color); background-color: var(--success-bg-color); color: var(--success-text-color); border-radius: var(--border-radius); font-size: var(--success-font-size); } .with_frm_style .frm_plain_success .frm_message { background-color: transparent; padding:0; border:none; font-size:inherit; color:inherit; } .with_frm_style .frm_plain_success .frm_message p { color:inherit; } .frm_form_fields_style, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_form_submit_style{ width:auto; } .with_frm_style .frm_trigger span{ float:left; } .with_frm_style table.frm-grid, #content .with_frm_style table.frm-grid{ border-collapse:collapse; border:none; } .frm-grid td, .frm-grid th{ padding:5px; border-width:1px; border-style:solid; border-color: var(--border-color); border-top:none; border-left:none; border-right:none; } .frm-alt-table { width:100%; border-collapse:separate; margin-top:0.5em; font-size:15px; border-width:1px; } .with_frm_style .frm-alt-table{ border-color: var(--border-color); } .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; border-color:transparent; } .frm-alt-table tr:nth-child(even) { background-color:#f9f9f9; } table.form_results.with_frm_style{ border-style: solid; border-width: var(--field-border-width); border-color: var(--border-color); } table.form_results.with_frm_style tr td{ text-align:left; padding:7px 9px; color: var(--text-color); border-top-style: solid; border-top-width: var(--field-border-width); border-top-color: var(--border-color); } table.form_results.with_frm_style tr.frm_even, .frm-grid .frm_even{ background-color:#fff; background-color:var(--bg-color); } table.form_results.with_frm_style tr.frm_odd, .frm-grid .frm_odd { background-color: var(--bg-color); } .frm_color_block { background-color:#f9f9f9; padding: 40px; } .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3, .frm_color_block.frm_section_heading h3 { border-width: 0 !important; } .frm_collapse .ui-icon{ display:inline-block; } .frm_toggle_container{ /* Prevent the slide and bounce */ border:1px solid transparent; } .frm_toggle_container ul{ margin:5px 0; padding-left:0; list-style-type:none; } .frm_toggle_container .frm_month_heading{ text-indent:15px; } .frm_toggle_container .frm_month_listing{ margin-left:40px; } #frm_loading{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; } #frm_loading h3{ font-weight:500; padding-bottom:15px; color:#fff; font-size:24px; } #frm_loading_content{ position:fixed; top:20%; left:33%; width:33%; text-align:center; padding-top:30px; font-weight:bold; z-index:9999999; } #frm_loading img{ max-width:100%; } #frm_loading .progress{ border-radius:4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; height:20px; margin-bottom:20px; overflow:hidden; } #frm_loading .progress.active .progress-bar{ animation:2s linear 0s normal none infinite progress-bar-stripes; } #frm_loading .progress-striped .progress-bar { background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px; } #frm_loading .progress-bar { background-color: var(--bg-color); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; float: left; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 100%; } .frm_image_from_url{ height:50px; } .frm-loading-img{ background:url(/opa/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center; padding:6px 12px; } select.frm_loading_lookup{ background-image: url(/opa/wp-content/plugins/formidable/images/ajax_loader.gif) !important; background-position: 10px; background-repeat: no-repeat; color: transparent !important; } .frm_screen_reader { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ } .frm_screen_reader.frm_hidden{ display:initial; } .frm_clear_none{ clear:none; } .frm_clear{ clear:both; } .frm_form_field.frm_alignright{ float:right !important; } .with_frm_style .frm_form_field{ clear:both; } .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container{ display:grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: max-content; grid-gap: 0 2%; } .frm_combo_inputs_container > *, .frm_grid_container > *, .frm_section_heading > *, .frm_fields_container .frm_form_field, .frm_fields_container > *{ grid-column: span 12 / span 12; } .frm_inline, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_inline{ width:auto; grid-column: span 2 / span 2; } .frm6, .frm_half, .frm_form_field.frm_three_fifths, /* 5ths deprecated */ .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half{ grid-column:span 6 / span 6; } .frm4, .frm_third, .frm_form_field.frm_two_fifths, /* 5ths deprecated */ .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third{ grid-column:span 4 / span 4; } .frm8, .frm_two_thirds, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds{ grid-column: span 8/span 8; } .frm3, .frm_fourth, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth{ grid-column: span 3/span 3; } .frm9, .frm_three_fourths, .frm_form_field.frm_four_fifths, /* 5ths deprecated */ .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm_three_fourths{ grid-column: span 9/span 9; } /* fifths are deprecated */ .frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth{ grid-column: span 2/span 2; } .frm2, .frm_sixth, .frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth{ grid-column: span 2/span 2; } .frm10, .frm_form_field.frm10, .frm_submit.frm10{ grid-column: span 10/span 10; } .frm1, .frm_form_field.frm1, .frm_submit.frm1, /* 7ths and 8ths are deprecated */ .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_first_seventh, .frm_form_field.frm_last_seventh .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_eighth, .frm_form_field.frm_last_eighth{ grid-column: span 1/span 1; } .frm5, .frm_form_field.frm5, .frm_submit.frm5{ grid-column: span 5/span 5; } .frm7, .frm_form_field.frm7, .frm_submit.frm7{ grid-column: span 7/span 7; } .frm11, .frm_form_field.frm11, .frm_submit.frm11{ grid-column: span 11/span 11; } .frm12, .frm_full, .frm_full .wp-editor-wrap, .frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full textarea{ width:100% !important; grid-column: span 12/span 12; box-sizing: border-box; } .frm_full .wp-editor-wrap input{ width:auto !important; } .frm_first, .frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_first{ grid-column-start:1; } .frm_last, .frm_form_field.frm_last, .frm_form_field.frm_alignright{ grid-column-end:-1; justify-content: end; } /* RTL Grids */ .with_frm_style.frm_rtl .frm_form_fields .star-rating{ float:right; } .with_frm_style.frm_rtl .frm_grid .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_first .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label, .with_frm_style.frm_rtl .frm_grid .frm_radio, .with_frm_style.frm_rtl .frm_grid_first .frm_radio, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio, .with_frm_style.frm_rtl .frm_grid .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{ float:right !important; margin-right:0 !important; } .with_frm_style.frm_rtl .frm_grid_first .frm_radio label input, .with_frm_style.frm_rtl .frm_grid .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{ float:left; } .with_frm_style.frm_rtl .frm_catlevel_2, .with_frm_style.frm_rtl .frm_catlevel_3, .with_frm_style.frm_rtl .frm_catlevel_4, .with_frm_style.frm_rtl .frm_catlevel_5{ margin-right:18px; } .with_frm_style.frm_rtl div > .frm_time_select{ margin-right:5px; } /* Left and right label styling for non-Formidable styling */ .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container{ display: grid; grid-template-columns: 25% auto; width:100%; grid-auto-rows: min-content; } .frm_form_field.frm_right_container{ grid-template-columns: auto 25%; } .frm_form_field.frm_inline_container{ grid-template-columns: repeat(2, minmax(auto, max-content) ); } .frm_form_field.frm_inline_container .frm_primary_label, .frm_form_field.frm_right_container .frm_primary_label, .frm_form_field.frm_left_container .frm_primary_label{ margin-right:10px; grid-row:span 2/span 2; padding-top:4px; } .frm_form_field.frm_left_container .frm_primary_label{ grid-column:1; grid-row:span 2/span 2; /* cover a row for the description */ } .frm_form_field.frm_right_container .frm_primary_label{ grid-column:2; grid-row:1; margin-right:0; margin-left:10px; } .frm_form_field.frm_inline_container .frm_description, .frm_form_field.frm_left_container .frm_description{ grid-column:2; } .frm_form_field.frm_right_container .frm_description{ grid-column:1; } .frm_conf_field.frm_left_container{ grid-template-columns: 67%; } .frm_conf_field.frm_left_container .frm_description{ grid-column:1; } /* End RTL Grids */ .frm-fade-in { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @media only screen and (max-width: 750px) { .frm_grid_container.frm_no_grid_750 > div{ grid-column: span 12/span 12; } } @media only screen and (max-width: 600px) { .frm_section_heading > .frm_form_field, .frm_fields_container > .frm_submit, .frm_grid_container > .frm_form_field, .frm_fields_container > .frm_form_field{ grid-column: 1 / span 12 !important; } .frm_grid_container.frm_no_grid_600, .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container{ display:block; } } .frm_conf_field.frm_left_container .frm_primary_label{ display:none; } .wp-editor-wrap *, .wp-editor-wrap *:after, .wp-editor-wrap *:before{ box-sizing:content-box; } .with_frm_style .frm_grid, .with_frm_style .frm_grid_first, .with_frm_style .frm_grid_odd{ clear:both; margin-bottom:0 !important; padding:5px; border-width:1px; border-style:solid; border-color: var(--border-color); border-left:none; border-right:none; } .with_frm_style .frm_grid, .with_frm_style .frm_grid_odd{ border-top:none; } .frm_grid .frm_error, .frm_grid_first .frm_error, .frm_grid_odd .frm_error, .frm_grid .frm_limit_error, .frm_grid_first .frm_limit_error, .frm_grid_odd .frm_limit_error{ display:none; } .frm_grid:after, .frm_grid_first:after, .frm_grid_odd:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .frm_grid_first{ margin-top:20px; } .frm_grid_first, .frm_grid_odd { background-color: var(--bg-color); } .frm_grid { background-color: var(--bg-color-active); } .with_frm_style .frm_grid.frm_blank_field, .with_frm_style .frm_grid_first.frm_blank_field, .with_frm_style .frm_grid_odd.frm_blank_field{ background-color:var(--error-bg); border-color: var(--error-border); } .frm_grid .frm_primary_label, .frm_grid_first .frm_primary_label, .frm_grid_odd .frm_primary_label, .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ float:left !important; display:block; margin-top:0; margin-left:0 !important; } .frm_grid_first .frm_radio label, .frm_grid .frm_radio label, .frm_grid_odd .frm_radio label, .frm_grid_first .frm_checkbox label, .frm_grid .frm_checkbox label, .frm_grid_odd .frm_checkbox label{ color:transparent; text-indent: -9999px; white-space:nowrap; text-align:left; } .frm_grid_first .frm_radio label input, .frm_grid .frm_radio label input, .frm_grid_odd .frm_radio label input, .frm_grid_first .frm_checkbox label input, .frm_grid .frm_checkbox label input, .frm_grid_odd .frm_checkbox label input{ visibility:visible; margin:2px 0 0; float:right; } .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ display:inline; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox, .frm_grid_2 .frm_primary_label{ width:48% !important; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox{ margin-right:4%; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox, .frm_grid_3 .frm_primary_label{ width:30% !important; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox{ margin-right:3%; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ width:20% !important; } .frm_grid_4 .frm_primary_label{ width:28% !important; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ margin-right:4%; } .frm_grid_5 .frm_primary_label, .frm_grid_7 .frm_primary_label{ width:24% !important; } .frm_grid_5 .frm_radio, .frm_grid_5 .frm_checkbox{ width:17% !important; margin-right:2%; } .frm_grid_6 .frm_primary_label{ width:25% !important; } .frm_grid_6 .frm_radio, .frm_grid_6 .frm_checkbox{ width:14% !important; margin-right:1%; } .frm_grid_7 .frm_primary_label{ width:22% !important; } .frm_grid_7 .frm_radio, .frm_grid_7 .frm_checkbox{ width:12% !important; margin-right:1%; } .frm_grid_8 .frm_primary_label{ width:23% !important; } .frm_grid_8 .frm_radio, .frm_grid_8 .frm_checkbox{ width:10% !important; margin-right:1%; } .frm_grid_9 .frm_primary_label{ width:20% !important; } .frm_grid_9 .frm_radio, .frm_grid_9 .frm_checkbox{ width:9% !important; margin-right:1%; } .frm_grid_10 .frm_primary_label{ width:19% !important; } .frm_grid_10 .frm_radio, .frm_grid_10 .frm_checkbox{ width:8% !important; margin-right:1%; } .frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_left_container .frm_opt_container{ padding-top:4px; } .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{ margin-right:0; } .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; } .frm_form_field .frm_checkbox, .frm_form_field .frm_radio { margin-top: 0; margin-bottom: 0; } .frm_form_field.frm_scroll_box .frm_opt_container{ height:100px; overflow:auto; } .frm_html_container.frm_scroll_box, .frm_form_field.frm_html_scroll_box { height: 100px; overflow: auto; background-color: var(--bg-color); border-color: var(--border-color); border-width: var(--field-border-width); border-style: var(--field-border-style); border-radius: var(--border-radius); width: var(--field-width); max-width: 100%; font-size: var(--field-font-size); padding: var(--field-pad); box-sizing: border-box; outline: none; font-weight: normal; box-shadow: var(--box-shadow); } .frm_form_field.frm_total_big input, .frm_form_field.frm_total_big textarea, .frm_form_field.frm_total input, .frm_form_field.frm_total textarea{ opacity:1; background-color:transparent !important; border:none !important; font-weight:bold; width:auto !important; height:auto !important; box-shadow:none !important; display:inline; -moz-appearance:textfield; padding:0; } .frm_form_field.frm_total_big input::-webkit-outer-spin-button, .frm_form_field.frm_total_big input::-webkit-inner-spin-button, .frm_form_field.frm_total input::-webkit-outer-spin-button, .frm_form_field.frm_total input::-webkit-inner-spin-button { -webkit-appearance: none; } .frm_form_field.frm_total_big input:focus, .frm_form_field.frm_total_big textarea:focus, .frm_form_field.frm_total input:focus, .frm_form_field.frm_total textarea:focus{ background-color:transparent; border:none; box-shadow:none; } .frm_form_field.frm_label_justify .frm_primary_label{ text-align:justify !important; } .frm_form_field.frm_capitalize input, .frm_form_field.frm_capitalize select, .frm_form_field.frm_capitalize .frm_opt_container label{ text-transform:capitalize; } .frm_clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .frm_clearfix{ display:block; } .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first, .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle, .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last { margin-bottom: 0 !important; } /* Responsive */ @media only screen and (max-width: 900px) { .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ display: block !important; } } @media only screen and (max-width: 600px) { .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(2, 1fr); } .with_frm_style .frm_repeat_inline, .with_frm_style .frm_repeat_grid{ margin: 20px 0; } } @media only screen and (max-width: 500px) { .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{ width: auto; margin-right: 0; float: none; display:block; } .frm_form_field input[type=file] { max-width:220px; } .with_frm_style .frm-g-recaptcha > div > div, .with_frm_style .g-recaptcha > div > div{ width:inherit !important; display:block; overflow:hidden; max-width:302px; border-right:1px solid #d3d3d3; border-radius:4px; box-shadow:2px 0px 4px -1px rgba(0,0,0,.08); } .with_frm_style .g-recaptcha iframe, .with_frm_style .frm-g-recaptcha iframe{ width:100%; } }