.with_frm_style{ --form-width:90%;--form-align:left;--direction:ltr;--fieldset:0px;--fieldset-color:rgba(0,0,0,0);--fieldset-padding:0 0 15px 0;--fieldset-bg-color:rgba(250,249,247,1);--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:0;--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:rgba(144,54,72,1);--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:0;--field-font-size:16px;--field-height:32px;--line-height:32px;--field-width:100%;--auto-width:100%;--field-pad:6px 10px;--field-margin:20px;--field-weight:normal;--text-color:#373947;--border-color:rgba(183,179,173,1);--field-border-width:1px;--field-border-style:solid;--bg-color:rgba(250,249,247,1);--bg-color-active:#ffffff;--border-color-active:#66afe9;--text-color-error:rgba(55,57,71,1);--bg-color-error:#ffffff;--border-color-error:rgba(144,54,72,1);--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:rgba(242,222,222,1);--error-text:rgba(144,54,72,1);--error-font-size:14px;--success-bg-color:#DFF0D8;--success-border-color:#D6E9C6;--success-text-color:rgba(96,95,14,1);--success-font-size:14px;--progress-bg-color:#dddddd;--progress-active-color:#ffffff;--progress-active-bg-color:#008ec2;--progress-color:#ffffff;--progress-border-color:#dfdfdf;--progress-border-size:2px;--progress-size:30px;--toggle-font-size:14px;--toggle-on-color:#008ec2;--toggle-off-color:#dddddd;--slider-font-size:24px;--slider-track-size:5px;--slider-circle-size:24px;--slider-color:#008ec2;--slider-bar-color:#008ec2;--date-head-bg-color:#008ec2;--date-head-color:#ffffff;--date-band-color:#005c90;--bg-image-id:0;--bg-image-opacity:100%;--box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;} .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:left; text-align:var(--form-align); } 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:14px; font-size:var(--form-desc-size); color:#666666; color:var(--form-desc-color); margin-top:10px; margin-top:var(--form-desc-margin-top); margin-bottom:25px; margin-bottom:var(--form-desc-margin-bottom); padding:0; padding:var(--form-desc-padding); } form .frm__65e0e497a6227 { 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:0px; border-width:var(--fieldset); border-style:solid; border-color:rgba(0,0,0,0); border-color:var(--fieldset-color); margin:0; padding:0 0 15px 0; padding:var(--fieldset-padding); background-color:rgba(250,249,247,1); 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:20px; font-size:var(--title-size); color:#444444; color:var(--title-color); font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); margin-top:10px; margin-top:var(--title-margin-top); margin-bottom:10px; 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:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); color:#666666; color:var(--form-desc-color); } .with_frm_style .frm_form_field.frm_html_container{ font-size:14px; font-size:var(--form-desc-size); } .with_frm_style .frm_form_field .frm_show_it{ font-size:16px; font-size:var(--field-font-size); font-weight:normal; font-weight:var(--field-weight); } .with_frm_style .frm_required{ color:rgba(144,54,72,1); color:var(--required-color); font-weight:bold; 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, .with_frm_style .chosen-container{ font-family:var(--font); font-size:16px; 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 .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single, .with_frm_style .frm_slimselect.ss-main { color:#373947; color:var(--text-color); background-color:rgba(250,249,247,1); background-color:var(--bg-color); border-color:rgba(183,179,173,1); border-color:var(--border-color); border-width:1px; border-width:var(--field-border-width); border-style:solid; border-style:var(--field-border-style); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); width:100%; width:var(--field-width); max-width:100%; font-size:16px; font-size:var(--field-font-size); padding:6px 10px; padding:var(--field-pad); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; font-weight:normal; font-weight:var(--field-weight); box-shadow:var(--box-shadow); } .with_frm_style select option { color:#373947; color:var(--text-color); } .with_frm_style select option.frm-select-placeholder { color:#A1A1A1; color:var(--text-color-disabled); } .with_frm_style input[type=radio], .with_frm_style input[type=checkbox]{ border-color:rgba(183,179,173,1); 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=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:32px; 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:#373947; color:var(--text-color); padding:0px; font-family:var(--font); font-size:16px; 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:100%; 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:rgba(250,249,247,1); background-color:var(--bg-color); } .with_frm_style select{ width:100%; 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:#ffffff; background-color:var(--bg-color-disabled); color:#A1A1A1; color:var(--text-color-disabled); border-color:#E5E5E5; 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:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); font-size:14px; font-size:var(--font-size); color:#444444; color:var(--label-color); font-weight:bold; font-weight:var(--weight); text-align:left; text-align:var(--align); padding:0 0 3px 0; 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: 16px; 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 .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: 17px; top: calc(1px + .5 * var(--field-height)); left: 3px; width: 100%; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 6px 10px; padding: var(--field-pad); font-size: 14px; font-size: var(--field-font-size); font-weight: normal; font-weight: var(--field-weight); -ms-pointer-events: none; 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:6px 11px; padding:var(--submit-padding); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); font-size:14px; font-size:var(--submit-font-size); font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); font-weight:normal; font-weight:var(--submit-weight); color:#444444; color:var(--submit-text-color); background:#ffffff; background:var(--submit-bg-color); border-width:1px; border-width:var(--submit-border-width); border-color:#cccccc; border-color:var(--submit-border-color); height:auto; 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; opacity: .8; 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: -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; } .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:90%; direction:ltr; } .frm_style_formidable-style.with_frm_style .frm_icon_font{ color:#444444; } .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before{ content:"\e600"; } .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before{ content:"\e602"; } .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before{ color:#444444; vertical-align:middle; } .frm_style_formidable-style.with_frm_style .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{ content:"\e62d"; color:#444444; } .frm_style_formidable-style.with_frm_style .frm_trigger .frm_icon_font.frm_arrow_icon:before{ content:"\e62a"; color:#444444; } .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{ 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; } .frm_style_formidable-style.with_frm_style .frm_scale label{ font-weight:normal; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:13px; color:#444444; } /* 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 input::-webkit-input-placeholder, .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style input::-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea::-moz-placeholder{ color: #A1A1A1; opacity: 1; } .frm_style_formidable-style.with_frm_style input:-ms-input-placeholder, frm_style_formidable-style.with_frm_style textarea:-ms-input-placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style input:-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea:-moz-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, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices li.search-field .default, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-default{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style 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, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices{ background-color:#ffffff; border-color:#66afe9; color: var(--text-color); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px 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; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; padding:6px 11px; -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-shadow:0 1px 1px #eeeeee; -webkit-box-shadow:0 1px 1px #eeeeee; 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; } .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_blank_field .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid{ color:rgba(55,57,71,1); background-color:#ffffff; border-color:rgba(144,54,72,1); border-width:1px; border-style:solid; } .frm_style_formidable-style.with_frm_style .frm_blank_field .sigWrapper{ border-color:rgba(144,54,72,1) !important; } .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{ font-weight:bold; } .frm_style_formidable-style.with_frm_style .frm_blank_field label, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{ color:rgba(144,54,72,1); } .frm_style_formidable-style.with_frm_style .frm_error_style{ background-color:#F2DEDE; border:1px solid rgba(242,222,222,1); border-radius:4px; color: rgba(144,54,72,1); 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, rgba(183,179,173,1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(183,179,173,1) 50%, rgba(183,179,173,1) 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:rgba(250,249,247,1); } .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: #373947; background-color:transparent; border:none; display:inline; width:auto; padding:0; } .frm_style_formidable-style.with_frm_style { } /* Prefix */ .frm_style_formidable-style.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_formidable-style.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; opacity:1; } .frm_style_formidable-style.with_frm_style .frm_progress_line input, .frm_style_formidable-style.with_frm_style .frm_progress_line input:disabled { border-color: #dfdfdf; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #cbcbcb; border-right-color: #cbcbcb; border-left-width: 1px ; border-right-width: 1px ; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:first-of-type input { border-left-color: #008ec2; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #008ec2; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #dfdfdf; } .frm_style_formidable-style.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #dfdfdf; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #cbcbcb; } .frm_style_formidable-style.with_frm_style .frm_progress_line input.frm_page_back { border-color: #008ec2; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #008ec2; border-right-color: #cbcbcb; } .frm_style_formidable-style.with_frm_style .frm_rootline input, .frm_style_formidable-style.with_frm_style .frm_rootline input:hover { width: 30px; height: 30px; border-radius: 30px; padding: 0; } .frm_style_formidable-style.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_formidable-style.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active { border-color: #007aae !important; background-color: #008ec2 !important; color: #ffffff !important; } .frm_style_formidable-style.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active { border-color: #007aae; background-color: #008ec2; color: #ffffff!important; } .frm_style_formidable-style.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #008ec2; } /* Start Range slider */ .frm_style_formidable-style.with_frm_style .form-field input[type=range], .frm_style_formidable-style.with_frm_style .form-field input[type=range]:focus { padding:0 ; background:transparent !important; } .frm_style_formidable-style.with_frm_style input[type=range]::-webkit-slider-thumb { border: 1px solid #008ec2; color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-fill-lower { background-color: #008ec2; } .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-progress { background-color: #008ec2; } .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-thumb { border: 1px solid #008ec2; color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-thumb { border: 1px solid #008ec2; color:#ffffff;} /* End Range Slider */ /* Start other fields */ .frm_style_formidable-style.with_frm_style input.frm_other_input:not(.frm_other_full){ width:auto ; } .frm_style_formidable-style.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full), .frm_style_formidable-style.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){ margin-left:5px; } .frm_style_formidable-style.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) { display:inline-block; } .frm_style_formidable-style.with_frm_style .frm_full input.frm_other_input:not(.frm_other_full){ margin-left:0 ; margin-top:8px; } /* End other */ /* Start Password field */ .frm_style_formidable-style.with_frm_style span.frm-pass-verified .frmsvg { color:rgba(96,95,14,1); } .frm_style_formidable-style.with_frm_style span.frm-pass-req .frmsvg { color:rgba(144,54,72,1); } /* End Password field */ /* Sections */ .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ border-top:2px solid #e8e8e8; } .frm_style_formidable-style.with_frm_style h3 .frm_after_collapse{ display:inline; } .frm_style_formidable-style.with_frm_style h3 .frm_before_collapse{ display:none; } .menu-edit #post-body-content .frm_style_formidable-style.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{ margin:0; } .frm_style_formidable-style.with_frm_style .frm_section_heading{ margin-top:15px; } .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{ margin-bottom:12px; } /* End Sections */ .frm_style_formidable-style.with_frm_style .frm_single_product_label, .frm_style_formidable-style.with_frm_style .frm_total_formatted { font-size:14px; color:#444444; } /* Datepicker */ .frm_style_formidable-style.with_frm_style .ui-datepicker-title > select { color: #373947; background-color:rgba(250,249,247,1); } .frm_style_formidable-style.with_frm_style .ui-datepicker-month, .frm_style_formidable-style.with_frm_style .ui-datepicker-year { color: #373947; } .frm_style_formidable-style.with_frm_style span.ui-datepicker-month, .frm_style_formidable-style.with_frm_style span.ui-datepicker-year { color: #ffffff; } .frm_style_formidable-style.with_frm_style .ui-widget-header, .frm_style_formidable-style.with_frm_style .ui-datepicker-header { background: #008ec2 !important; color: #ffffff !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-today { background: rgba(0,92,144,0.15) !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day, .frm_style_formidable-style.with_frm_style td .ui-state-hover, .frm_style_formidable-style.with_frm_style thead { background: #005c90 !important; color: #ffffff !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day .ui-state-default { color: #ffffff !important; } /* End Datepicker */ /* Submit Buttons */ .frm_style_formidable-style.with_frm_style .frm_button_submit[disabled] { opacity: 0.5; } .frm_style_formidable-style.with_frm_style input[type=submit][disabled], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button][disabled], .frm_style_formidable-style.with_frm_style .frm_submit button[disabled] { cursor: not-allowed; } /* End Submit Buttons */ .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:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); font-size:14px; font-size:var(--submit-font-size); font-weight:normal; font-weight:var(--submit-weight); } .horizontal_radio .frm_radio{ margin:0 5px 0 0; } .horizontal_radio .frm_checkbox{ margin:0; margin-right:5px; } .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:block; display:var(--radio-align); } .with_frm_style .frm_checkbox{ display:block; 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; } .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; white-space:normal; } .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{ display: block; padding-left: 20px; text-indent: -20px; } .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label{ font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); font-size:13px; font-size:var(--check-font-size); color:#444444; color:var(--check-label-color); font-weight:normal; 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:13px; 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] , .with_frm_style .frm_scale input[type=radio] { border-radius:50%; } .with_frm_style .frm_checkbox input[type=checkbox]{ border-radius:0; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_scale input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{ -webkit-appearance: none; appearance: none; background-color: var(--bg-color); flex: none; display:inline-block !important; margin: 0 5px 0 0; color: var(--border-color); width: 18px; min-width: 18px; height: 18px; border: 1px solid currentColor; border-color: var(--border-color); vertical-align: middle; position: initial; /* override Bootstrap */ padding: 0; } .with_frm_style .frm_radio input[type=radio]:before, .with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_checkbox input[type=checkbox]:before { content: ''; width: 12px; height: 12px; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 10px 10px var(--text-color); display: block; margin: 2px 0 0 2px; } .with_frm_style .frm_checkbox input[type=checkbox]:before{ clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); border-radius: 0; } .with_frm_style .frm_radio input[type=radio]:checked:before, .with_frm_style .frm_checkbox input[type=checkbox]:checked:before { transform: scale(1); } .with_frm_style :invalid, .with_frm_style :-moz-submit-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{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:15px; } .with_frm_style .frm_message p{ margin-bottom:5px; color:rgba(96,95,14,1); color:var(--success-text-color); } .with_frm_style .frm_message, .frm_success_style{ margin:5px 0 15px; border:1px solid #D6E9C6; border-color:var(--success-border-color); background-color:#DFF0D8; background-color:var(--success-bg-color); color:rgba(96,95,14,1); color:var(--success-text-color); border-radius:4px; border-radius:var(--border-radius); font-size:14px; 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:rgba(183,179,173,1); 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:rgba(183,179,173,1); 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:rgba(228,224,218,1); } table.form_results.with_frm_style{ border:1px solid rgba(183,179,173,1); 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:#373947; color:var(--text-color); border-top:1px solid rgba(183,179,173,1); 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:rgba(250,249,247,1); background-color:var(--bg-color); } .frm_color_block { background-color:rgba(228,224,218,1); 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, rgba(183,179,173,1) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(183,179,173,1) 50%, rgba(183,179,173,1) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px; } #frm_loading .progress-bar{ background-color:rgba(250,249,247,1); 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(/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center; padding:6px 12px; } select.frm_loading_lookup{ background-image: url(/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: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); 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 { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; 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{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; 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:rgba(183,179,173,1); 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:rgba(250,249,247,1); background-color:var(--bg-color); } .frm_grid{ background-color:#ffffff; 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:#F2DEDE; background-color:var(--error-bg); border-color:rgba(242,222,222,1); border-color:var(--error-bg); } .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{ visibility:hidden; 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_checkbox + .frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio + .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:rgba(250,249,247,1); background-color:var(--bg-color); border-color:rgba(183,179,173,1); border-color:var(--border-color); border-width:1px; border-width:var(--field-border-width); border-style:solid; border-style:var(--field-border-style); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); width:100%; width:var(--field-width); max-width:100%; font-size:16px; font-size:var(--field-font-size); padding:6px 10px; padding:var(--field-pad); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; 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; -moz-box-shadow:none; -webkit-box-shadow:none; 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; -moz-box-shadow:none; -webkit-box-shadow: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_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before { color:#ffffff; color:var(--repeat-icon-color); } .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; } .with_frm_style, .frm_forms { --progress-border-color-b: #d5d5d5; --image-size:150px; } .js .frm_logic_form:not(.frm_no_hide) { display:none; } .with_frm_style .frm_conf_field.frm_half label.frm_conf_label { overflow: hidden; white-space: nowrap; } .with_frm_style .frm_time_wrap{ white-space:nowrap; } .with_frm_style select.frm_time_select{ white-space:pre; display:inline; } /* Sections */ .with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ padding:15px 0 3px 0; margin:0; font-size:18px; font-size:var(--section-font-size); font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-family:var(--font); font-weight:bold; font-weight:var(--section-weight); color:#444444; color:var(--section-color); border:none; background-color:transparent; background-color:var(--section-bg-color); } .frm_trigger .frmsvg { width: 20px; height: 20px; } .frm_trigger > svg.frmsvg:nth-child(1) { display:inline-block; } .frm_trigger > svg.frmsvg:nth-child(2) { display:none; } .frm_trigger.active > svg.frmsvg:nth-child(2) { display:inline-block; } .frm_trigger.active > svg.frmsvg:nth-child(1) { display:none; } .with_frm_style .frm_repeat_sec{ margin-bottom:20px; margin-bottom:var(--field-margin); margin-top:20px; margin-top:var(--field-margin); padding-bottom:15px; border-bottom:2px solid #e8e8e8; border-bottom-width:var(--section-border-width); border-bottom-style:var(--section-border-style); border-color:var(--section-border-color); } .with_frm_style .frm_repeat_sec:last-child{ border-bottom:none; padding-bottom:0; } .with_frm_style .frm_repeat_inline{ clear:both; } .frm_invisible_section .frm_form_field, .frm_invisible_section{ display:none !important; visibility:hidden !important; height:0; margin:0; } .frm_form_field .frm_repeat_sec .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button { -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; pointer-events: none; } .frm_form_field .frm_repeat_sec .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button { display: none; } .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button { visibility: hidden; } .frm_form_field div.frm_repeat_grid .frm_add_form_row, .frm_form_field div.frm_repeat_inline .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row { display: inline-block; visibility: visible; pointer-events: auto; } .frm_repeat_buttons.frm_hidden:last-child, .frm_add_form_row.frm_icon_font.frm_hidden:last-child { display: inline-block; } .frm_form_fields .frm_section_heading.frm_hidden { display: none; } .frm_repeat_buttons a.frm_remove_form_row, .frm_repeat_buttons a.frm_add_form_row { line-height: 1.8; } .frm_form_field.frm_repeat_buttons .frm_remove_form_row:not(.frm_button) svg.frm-svg-icon, .frm_form_field.frm_repeat_buttons .frm_add_form_row:not(.frm_button) svg.frm-svg-icon { fill: #444444; fill: var(--submit-text-color) ; } .frm_repeat_inline .frm_repeat_buttons a.frm_icon_font{ vertical-align: sub; } .frm_repeat_inline .frm_repeat_buttons a.frm_icon_font:before{ vertical-align: text-top; } .frm_repeat_buttons .frmsvg { width: 20px; height: 20px; } .frm_repeat_grid .frm_button, .frm_repeat_inline .frm_button, .frm_repeat_sec .frm_button{ display: inline-block; line-height:1; } .with_frm_style .frm_button .frm_icon_font:before{ font-size:14px; font-size:var(--submit-font-size); } .frm_repeat_sec .frm_button .frm_icon_font:before, .frm_repeat_grid .frm_button .frm_icon_font:before, .frm_repeat_inline .frm_button .frm_icon_font:before{ line-height:1; } .frm_form_field .frm_repeat_grid ~ .frm_repeat_grid .frm_form_field .frm_primary_label{ display:none !important; } /* Prefix */ .with_frm_style .frm_input_group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .with_frm_style .frm_input_group.frm_hidden { display: none; } .with_frm_style .frm_inline_box { display: -ms-flexbox; display: flex; text-align: center; align-items: center; font-size: 90%; padding: 0 10px; color:#ffffff; color:var(--progress-color); border:1px solid rgba(183,179,173,1); border-color:var(--border-color); border-width:var(--field-border-width); border-style:var(--field-border-style); background-color: #dddddd; background-color:var(--progress-bg-color); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); width: auto; } .with_frm_style .frm_input_group .frm_inline_box:first-child { margin-right: -1px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .with_frm_style .frm_input_group .chosen-container + .frm_inline_box, .with_frm_style .frm_input_group select + .frm_inline_box, .with_frm_style .frm_input_group input + .frm_inline_box { margin-left: -1px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .with_frm_style .frm_input_group .chosen-container, .with_frm_style .frm_input_group > select, .with_frm_style .frm_input_group > input { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1% !important; min-width: 0; margin-bottom: 0; display: block; } .with_frm_style .frm_input_group.frm_with_pre .chosen-container-multi .chosen-choices, .with_frm_style .frm_input_group.frm_with_pre .chosen-single, .with_frm_style .frm_input_group.frm_with_pre > select, .with_frm_style .frm_input_group.frm_with_pre > input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .with_frm_style .frm_input_group.frm_with_post .chosen-container-multi .chosen-choices, .with_frm_style .frm_input_group.frm_with_post .chosen-single, .with_frm_style .frm_input_group.frm_with_post > select, .with_frm_style .frm_input_group.frm_with_post > input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Custom SlimSelect CSS */ .ss-content.frm_slimselect { padding: 0 !important; } .with_frm_style .ss-value-delete { border-left: none !important; padding-left: 0 !important; } .with_frm_style .ss-main { display:flex !important; --ss-font-color: var(--text-color); --ss-border-color: var(--border-color); --ss-border-radius: var(--border-radius); --ss-bg-color: var(--bg-color); /* TODO stop hard coding spacing. --field-pad is problematic because it's something like 6px 10px and ss-spacing-m gets used with ss-spacing-s */ --ss-spacing-s: 6px; --ss-spacing-m: 10px; --ss-main-height: var(--field-height); border-width: var(--fieldset); font-size: var(--field-font-size); line-height: 1.3; align-self: baseline; margin-top: 3px; /* This is to account for the difference in vertical alignment for being display: flex. */ font-family:var(--font); } .ss-content.frm_slimselect { font-size: 16px; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; } .with_frm_style .ss-main .ss-values .ss-value .ss-value-text { padding: 2px var(--ss-spacing-s); } /* End SlimSelect CSS */ .with_frm_style .frm_total input, .with_frm_style .frm_total_big input { background-color:transparent; border:none; width:auto; box-shadow: none !important; } .with_frm_style .frm_total .frm_inline_box, .with_frm_style .frm_total_big .frm_inline_box { background-color:transparent !important; border-width: 0 !important; box-shadow:none !important; color:var(--text-color); padding:0 3px 0 1px !important; } .with_frm_style .frm_inline_total { padding:0 3px; } /* Datepicker */ #ui-datepicker-div { display:none; z-index:999999 !important; } .frm-datepicker .ui-datepicker-title select.ui-datepicker-month, .frm-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 33% ; background-color:#fff; padding: 5px 10px; background-position-y: center; background-position-x: right 5px; line-height: 15px; } .frm-datepicker select.ui-datepicker-month{ margin-right: 3px; } .frm-datepicker .ui-datepicker-month, .frm-datepicker .ui-datepicker-year { max-width:100%; max-height:2em; padding:6px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display: inline; color: #373947; } .frm-datepicker span.ui-datepicker-month, .frm-datepicker span.ui-datepicker-year { line-height: 25px; font-weight: 600; } .frm-datepicker .ui-datepicker-calendar { margin: 0 !important; } .frm-datepicker .ui-datepicker-prev:before{ background-image: url( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTUuNSAxMS40TDEwLjggN2ExLjEgMS4xIDAgMCAwLTEuNiAwbC00LjcgNC41Yy0uNC41LS40IDEuMiAwIDEuNy41LjQgMSAuNCAxLjYgMEwxMCA5LjNsNCAzLjhjLjQuNCAxIC40IDEuNSAwIC40LS41LjQtMS4yIDAtMS43eiIvPjwvc3ZnPg== ); content: '' !important; } .frm-datepicker .ui-datepicker-prev:before, .frm-datepicker .ui-datepicker-next:before{ position: absolute; top: 10px; left: 6px; } .frm-datepicker .ui-datepicker-next:before{ background-image: url( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTUuNSAxMS40TDEwLjggN2ExLjEgMS4xIDAgMCAwLTEuNiAwbC00LjcgNC41Yy0uNC41LS40IDEuMiAwIDEuNy41LjQgMSAuNCAxLjYgMEwxMCA5LjNsNCAzLjhjLjQuNCAxIC40IDEuNSAwIC40LS41LjQtMS4yIDAtMS43eiIvPjwvc3ZnPg== ); content: '' !important; } .frm-datepicker .ui-datepicker-prev{ transform: rotate(-90deg) !important; } .frm-datepicker .ui-datepicker-next{ transform: rotate(90deg) !important; } /* Graphs */ .google-visualization-tooltip-item-list, .google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child { margin: 1em 0 !important; } .google-visualization-tooltip-item { list-style-type: none !important; margin: 0.65em 0 !important; } /* Radio Scale */ .with_frm_style .frm_scale{ margin-right:15px; text-align:center; float:left; } .with_frm_style .frm_scale input[type=radio]{ display:block !important; margin:0; } .with_frm_style .frm_scale input[type=radio]:checked:before { transform: scale(1); } /* Star ratings */ .frm-star-group { white-space: nowrap; } .frm-star-group input { opacity: 0; position: absolute !important; z-index: -1; } .frm-star-group .frmsvg, .frm-star-group input + label.star-rating { float:none; width:25px; height:25px; font-size:25px; line-height:1; cursor:pointer; background:transparent; overflow:hidden !important; clear:none; font-style:normal; vertical-align:top; position:relative; display: inline-block; } .frm-star-group .frmsvg { fill: #F0AD4E; } .frm-star-group input + label.star-rating .frmsvg { position: absolute; top: 0; } .frm-star-group input + label.star-rating:before { content: ''; } .frm-star-group input[type=radio]:checked + label:before, .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before{ color:#F0AD4E; } .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label, .frm-star-group input + label:hover, .frm-star-group:hover input + label:hover , .frm-star-group .star-rating-on, .frm-star-group .star-rating-hover { color:#F0AD4E; } .frm-star-group .star-rating-readonly{ cursor:default !important; } .frm-star-group > svg + svg { margin-left: 5px; } .frm-star-group .star-rating .frmsvg:last-of-type, .frm-star-group .star-rating-on .frmsvg:first-of-type, .frm-star-group .star-rating-hover .frmsvg:first-of-type { display: none; } .frm-star-group .star-rating-on .frmsvg:last-of-type, .frm-star-group .star-rating-hover .frmsvg:last-of-type { display: inline; } /* Other input */ .with_frm_style .frm_other_input.frm_other_full{ margin-top:10px; } .frm_left_container .frm_other_input{ grid-column:2; } .frm_inline_container.frm_other_container .frm_other_input, .frm_left_container.frm_other_container .frm_other_input{ margin-left:5px; } .frm_right_container.frm_other_container .frm_other_input{ margin-right:5px; } .frm_inline_container.frm_other_container select ~ .frm_other_input, .frm_right_container.frm_other_container select ~ .frm_other_input, .frm_left_container.frm_other_container select ~ .frm_other_input{ margin:0; } /* File Upload */ .with_frm_style input[type=file]::-webkit-file-upload-button{ color:#373947; color:var(--text-color); background-color:rgba(250,249,247,1); background-color:var(--bg_color); padding:6px 10px; padding:var(--field-pad); border-radius:4px; border-radius:var(--border-radius); border-color: rgba(183,179,173,1); border-color:var(--border-color); border-width:1px; border-width:var(--field-border-width); border-style:solid; border-style:var(--field-border-style); } /* Pagination */ .frm_pagination_cont ul.frm_pagination{ display:inline-block; list-style:none; margin-left:0 !important; } .frm_pagination_cont ul.frm_pagination > li{ display:inline; list-style:none; margin:2px; background-image:none; } ul.frm_pagination > li.active a{ text-decoration:none; } .frm_pagination_cont ul.frm_pagination > li:first-child{ margin-left:0; } .archive-pagination.frm_pagination_cont ul.frm_pagination > li{ margin:0; } /* Calendar Styling */ .frmcal{ padding-top:30px; } .frmcal-title{ font-size:116%; } .frmcal table.frmcal-calendar{ border-collapse:collapse; margin-top:20px; color:#373947; } .frmcal table.frmcal-calendar, .frmcal table.frmcal-calendar tbody tr td{ border:1px solid rgba(183,179,173,1); } .frmcal table.frmcal-calendar, .frmcal, .frmcal-header{ width:100%; } .frmcal-header{ text-align:center; } .frmcal-prev{ margin-right:10px; } .frmcal-prev, .frmcal-dropdown{ float:left; } .frmcal-dropdown{ margin-left:5px; } .frmcal-next{ float:right; } .frmcal table.frmcal-calendar thead tr th{ text-align:center; padding:2px 4px; } .frmcal table.frmcal-calendar tbody tr td{ height:110px; width:14.28%; vertical-align:top; padding:0 !important; color:#373947; font-size:12px; } table.frmcal-calendar .frmcal_date{ background-color:rgba(250,249,247,1); padding:0 5px; text-align:right; -moz-box-shadow:0 2px 5px rgba(183,179,173,1); -webkit-box-shadow:0 2px 5px rgba(183,179,173,1); box-shadow:0 2px 5px rgba(183,179,173,1); } table.frmcal-calendar .frmcal-today .frmcal_date{ background-color:#ffffff; padding:0 5px; text-align:right; -moz-box-shadow:0 2px 5px #66afe9; -webkit-box-shadow:0 2px 5px #66afe9; box-shadow:0 2px 5px #66afe9; } .frmcal_day_name, .frmcal_num{ display:inline; } .frmcal-content{ padding:2px 4px; } /* End Calendar Styling */ /* Start Toggle Styling */ .frm_switch_opt { padding:0 8px 0 0; white-space:normal; display:inline; vertical-align: middle; font-size:14px; font-size:var(--toggle-font-size); font-weight:normal; font-weight:var(--check-weight); } .frm_on_label{ padding:0 0 0 8px; } .frm_on_label, .frm_off_label{ color:#444444; color:var(--check-label-color); } .frm_switch { position: relative; display: inline-block; width: 40px; height: 25px; vertical-align: middle; } .frm_switch_block input { display:none !important; } .frm_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#dddddd; background-color:var(--toggle-off-color); transition: .4s; border-radius: 30px; } .frm_slider:before { border-radius: 50%; position: absolute; content: ""; height: 23px; width: 23px; left: 1px; bottom: 1px; background-color: white; transition: .4s; box-shadow:0 2px 6px rgba(41, 58, 82, 0.31); } input:checked + .frm_switch .frm_slider { background-color:#008ec2; background-color:var(--toggle-on-color); } input:focus + .frm_switch .frm_slider { box-shadow: 0 0 1px #3177c7; } input:checked + .frm_switch .frm_slider:before { transform: translateX(15px); } .frm_rtl .frm_switch_opt { padding: 0 8px; } .frm_rtl .frm_slider:before { left: 16px; } .frm_rtl input:checked + .frm_switch .frm_slider:before { transform: none!important; left: 1px; } /* End Toggle */ /* Range slider */ .with_frm_style .frm_range_unit, .with_frm_style .frm_range_value{ display:inline-block; padding-left: 2px; padding-right: 2px; } .with_frm_style .frm_range_value + .frm_range_unit, .with_frm_style .frm_range_container > .frm_range_unit, .with_frm_style .frm_range_value{ font-size:24px; font-size:var(--slider-font-size); color:#373947; color:var(--text-color); } .with_frm_style .frm_range_container { padding-top: 5px; } .with_frm_style input[type=range] { -webkit-appearance: none; box-shadow:none !important; border:none !important; cursor: pointer; padding:0 ; background:transparent !important; display: block; width: 100%; margin: 15px 0 8px; font-size:14px; height:auto; } .with_frm_style input[type=range]:active, .with_frm_style input[type=range]:focus { outline: none; box-shadow:none !important; background:transparent !important; padding:0 ; } .with_frm_style .frm_range_max { float: right; } .with_frm_style .frm_range_container input + .frm_range_value { text-align: center; display: block; } .with_frm_style input[type=range]::-webkit-slider-runnable-track { -webkit-appearance: none; border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #008ec2; background-color:var(--slider-bar-color);} .with_frm_style input[type=range]::-moz-range-track { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #008ec2; background-color:var(--slider-bar-color); border-color: transparent; border-width: 39px 0; color: transparent; background-color:var(--toggle-off-color); } .with_frm_style input[type=range]::-moz-range-progress { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #008ec2; background-color:var(--slider-bar-color); background-color: #3177c7; } .with_frm_style input[type=range]::-ms-fill-lower { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #008ec2; background-color:var(--slider-bar-color); background-color:var(--toggle-off-color); } .with_frm_style input[type=range]::-ms-fill-upper { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #008ec2; background-color:var(--slider-bar-color);} .with_frm_style input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; -webkit-border-radius: 20px; height: 24px;width: 24px;height: var(--slider-circle-size);width: var(--slider-circle-size);border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer; margin-top: calc( -10px + var(--slider-track-size) / 2 ); box-shadow:0 2px 6px rgba(41, 58, 82, 0.31); } .with_frm_style input[type=range]::-moz-range-thumb { height: 24px;width: 24px;height: var(--slider-circle-size);width: var(--slider-circle-size);border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer; -moz-border-radius: 20px; } .with_frm_style input[type=range]::-ms-thumb { height: 24px;width: 24px;height: var(--slider-circle-size);width: var(--slider-circle-size);border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer;} .with_frm_style input[type=range]::-moz-focus-outer { border: 0; } /* Dropzone */ .with_frm_style .frm_dropzone{ border-color: rgba(183,179,173,1); border-color: var(--border-color) ; border-radius:4px; border-radius: var(--border-radius) ; color: #373947; color: var(--text-color) ; background-color:rgba(250,249,247,1); background-color:var(--bg-color) ; } .with_frm_style .frm_dropzone .frm_upload_icon, .with_frm_style .frm_dropzone .dz-remove{ color: #373947; color: var(--text-color) ; } .with_frm_style .frm_compact .frm_dropzone .frm_upload_icon { color: #444444; color: var(--submit-text-color) ; } .with_frm_style .frm_dropzone .frmsvg { width: 40px; height: 40px; } .with_frm_style .frm_dropzone .frm_remove_link .frmsvg { width: 18px; height: 18px; cursor: pointer; } .with_frm_style .frm_blank_field .frm_dropzone{ border-color:rgba(144,54,72,1); border-color:var(--border-color-error) ; color:rgba(55,57,71,1); color:var(--text-color-error) ; background-color:#ffffff; background-color:var(--bg-color-error) ; } .with_frm_style .frm_dropzone .dz-preview .dz-progress { background: #dddddd; background: var(--progress-bg-color) ; } .with_frm_style .frm_dropzone .dz-preview .dz-progress .dz-upload, .with_frm_style .frm_dropzone .dz-preview.dz-complete .dz-progress { background: #008ec2; background: var(--progress-active-bg-color) ; } /** * Radio Button and Checkbox Images */ .frm_image_size_medium { --image-size:250px; } .frm_image_size_large { --image-size:320px; } .frm_image_size_xlarge { --image-size:400px; } .frm_image_options .frm_opt_container { display: inline-flex; flex-flow: wrap; flex-direction:row; margin: 0 -10px; } .frm_image_options .frm_radio input[type=radio], .frm_image_options .frm_checkbox input[type=checkbox]{ opacity: 0; position: absolute; z-index: -1; } .frm_image_options .frm_image_option_container { border: 1px solid rgba(183,179,173,1); border-color: var(--border-color); border-width: var(--field-border-width); border-radius: 3px; border-radius: var(--border-radius); display: flex; flex-wrap: wrap; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; height: 100%; } .frm_image_options .frm_image_option_container.frm_label_with_image .frm_empty_url, .frm_image_options .frm_image_option_container.frm_label_with_image img { border-bottom-left-radius:0; border-bottom-right-radius:0; } .with_frm_style .vertical_radio.frm_image_options .frm_image_option > label { text-indent: 0; padding-left: 0; } .frm_show_images.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; } .frm-summary-page-wrapper .frm_image_option_container img{ width: 100%; height: 150px; object-fit: cover; } .frm_image_option_container .frm_selected_checkmark{ position: absolute; z-index: 99; left: -10px; top: -12px; display: none; } .frm_image_option_container .frm_image_placeholder_icon { position: absolute; } .frm_image_option_container .frm_selected_checkmark svg{ fill: #66afe9; fill:var(--border-color-active); width: 24px; height: 24px; } .frm_image_option_container .frm_image_placeholder_icon svg{ width: 63px; opacity: .2; } .frm_text_label_for_image { text-align: center; width: 100%; padding: 10px; word-break: keep-all; } .frm_image_options .frm_image_option_container:hover, input[type="radio"]:checked + .frm_image_option_container, input[type="checkbox"]:checked + .frm_image_option_container { border-color: #66afe9; border-color: var(--border-color-active); box-shadow: 0 0 0 1px #66afe9; box-shadow: 0 0 0 1px var(--border-color-active); } input[type="radio"]:disabled + .frm_image_option_container, input[type="checkbox"]:disabled + .frm_image_option_container{ opacity: .7; border-color:var(--border-color-disabled); } input[type="radio"]:checked + .frm_image_option_container .frm_selected_checkmark, input[type="checkbox"]:checked + .frm_image_option_container .frm_selected_checkmark { display: block; } .frm_blank_field.frm_image_options .frm_image_option_container { border-color: var(--border-color-error); } .frm_image_options .frm_image_option_container .frm_empty_url, .frm_image_options .frm_image_option_container img { width: 100%; height: 150px; height: var(--image-size); object-fit: cover; border-radius:var(--border-radius); } .frm_image_option_container .frm_empty_url { background:rgba(228,224,218,1); display:flex; justify-content: center; align-items: center; } .horizontal_radio .frm_checkbox.frm_image_option, .horizontal_radio .frm_radio.frm_image_option { padding-left: 0; } .frm_checkbox.frm_image_option, .frm_radio.frm_image_option { width:var(--image-size) !important; /* Overrides grid classes */ } .frm_form_field .frm_checkbox.frm_image_option, .frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox, .frm_form_field .frm_radio.frm_image_option, .frm_form_field .frm_radio.frm_image_option + .frm_radio { margin:10px; /* Override for inline options */ } .frm_checkbox.frm_image_option label, .frm_radio.frm_image_option label{ padding-left: 0; margin-left: 0; min-height: 0; visibility: visible; /* Overrides grid classes */ } /** * Background image */ .frm_with_bg_image .frm_form_fields > fieldset { position: relative; } .frm_with_bg_image .frm_form_fields > fieldset:before { content: ' '; display: block; position: absolute; top: 0; height: 100%; background-position: 50% 0; left: 0; width: 100%; background-image: var(--bg-image-url); background-repeat: no-repeat; background-size: cover; } .frm_with_bg_image .frm_form_fields > fieldset > *:not(.frm_screen_reader) { z-index: 1; position: relative; } /** * Password strength meter CSS */ @media screen and (max-width: 768px) { .frm-pass-req, .frm-pass-verified { width: 50% !important; white-space: nowrap; } } .frm-pass-req, .frm-pass-verified { display: flex; align-items: center; float: left; width: 20%; line-height: 20px; font-size: 12px; padding-top: 4px; min-width: 175px; } .frm-pass-req .frmsvg, .frm-pass-verified .frmsvg { width: 12px; height: 12px; padding-right: 4px; } .passed_svg, .failed_svg { display: none !important; } .frm-pass-verified .passed_svg, .frm-pass-req .failed_svg { display: inline-block !important; } div.frm-password-strength { width: 100%; float: left; } .frm_show_password_wrapper { position: relative; display: block; } .frm_show_password_wrapper input { display: block; } .frm_show_password_wrapper button { position: absolute; top: 50%; height: 32px; height: var(--field-height); right: 0; border: 0; background: transparent !important; cursor: pointer; transform: translateY(-50%); padding: 0 10px; color: #BFC3C8; color: var(--border-color); display: flex; align-items: center; } .frm_show_password_wrapper button:hover { color: #BFC3C8; color: var(--border-color); background: transparent !important; } .frm_show_password_wrapper button svg { width: 24px; height: 24px; } input[type="text"] + .frm_show_password_btn svg:first-child, input[type="password"] + .frm_show_password_btn svg:last-child, .frm_form_builder input[type="text"] + .frm_show_password_btn svg:last-child { display: none; } .frm_form_builder input[type="text"] + .frm_show_password_btn svg:first-child { display: block; } div.frm_repeat_grid:after, div.frm_repeat_inline:after, div.frm_repeat_sec:after { content: ''; display: table; clear: both; } .with_frm_style .frm-summary-page-wrapper { padding: 50px; margin: 25px 0 50px; border: 1px solid rgba(183,179,173,1); border-color: var(--border-color); border-radius: 4px; border-radius: var(--border-radius); } .with_frm_style .frm-summary-page-wrapper .frm-edit-page-btn { float: right; margin: 0; padding: 3px 10px; font-size: 13px; } .frm-summary-page-wrapper .frm-line-table th { width: 40%; } button .frm-icon { display: inline-block; color: inherit; width: 12px; height: 12px; fill: currentColor; } .frm-line-table { width: 100%; border-collapse: collapse; margin-top: 0.5em; font-size: 14px; } .frm-line-table tr { background-color: transparent; border-bottom: 1px solid rgba(,,,0.6); } .frm-line-table td, .frm-line-table th { border: 0; padding: 20px 15px; background-color: transparent; vertical-align: top; color: #444444; } .frm-line-table th { opacity: .7; font-size: 1.1em; font-weight: 500; } .frm-line-table h3 { font-size: 21px; font-weight: 500; margin: 0; } .frm_form_field .frm_total_formatted { display: inline-block; margin: 5px 0 0; } .frm_form_field.frm_total_big .frm_total_formatted { margin: 0; } .frm_form_field.frm_total_big .frm_total_formatted, .frm_form_field.frm_total_big input[type=text], .frm_form_field.frm_total_big input[type=number], .frm_form_field.frm_total_big input, .frm_form_field.frm_total_big textarea{ font-size: 32px; font-weight: bold; line-height: 44px; } /* Views */ .frm_round{ border-radius:50%; } .frm_round.frm_color_block{ padding:3px; } .frm_square { border-radius:var(--border-radius); object-fit:cover; width:150px; height:150px; } .frmsvg{ max-width:100%; fill:currentColor; vertical-align:sub; display:inline-block; } .frm_smaller{ font-size:90%; } .frm_small{ font-size:14px; font-weight:normal; } .frm_bigger{ font-size:110%; } ul.frm_plain_list, ul.frm_plain_list li{ list-style:none; list-style-type:none; margin-left:0; margin-right:0; padding-left:0; padding-right:0; } ul.frm_inline_list li{ display:inline; padding:2px; } .frm_flex, .frm_full_row{ display:flex; flex-direction:row; flex-wrap:wrap; } .frm_full_row > li, .frm_full_row > div{ flex:1; text-align:center; } .frm_tiles > li, .frm_tiles > div{ border:1px solid rgba(183,179,173,1); border-radius:4px; margin-top:20px; padding:25px; box-shadow:0 0 5px 1px rgba(0,0,0,0.075); } /* Repeater Fields */ .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm-svg-icon { fill:#ffffff; fill:var(--repeat-icon-color); } .frm_style_frm_style_template .frm_form_field.frm_repeat_buttons .frm-svg-icon { fill: var(--submit-text-color)!important; } .with_frm_style .frm_remove_form_row:hover, .with_frm_style .frm_add_form_row:hover { border-color: var(--submit-hover-border-color); color: var(--submit-hover-color); } .with_frm_style .frm_remove_form_row.frm_button:hover, .with_frm_style .frm_add_form_row.frm_button:hover { background: var(--submit-hover-bg-color); } .with_frm_style .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frm-svg-icon, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frm-svg-icon, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frmsvg, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frmsvg { fill: var(--submit-hover-color); } /* End Repeater Fields */ .frm_tiles h3{ margin-top:5px; } /* Submit Button Position */ .frm_forms.frm_full_submit .frm_submit button { width: 100%; } /* Look ups */ select.frm_loading_lookup[multiple="multiple"] { background-image: none !important; } /* Slide in */ .frm_slidein .frm_form_fields > fieldset{ animation-name: frmSlideInRight; animation-duration: 1s; } .frm_slidein.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideInLeft; } .frm_slidein.frm_slideout .frm_form_fields > fieldset { animation-name: frmSlideOutLeft !important; } .frm_slidein.frm_slideout.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideOutRight !important; } .frm_slidein .frm-g-recaptcha .grecaptcha-badge{ animation-name: fadeIn; animation-duration: 2s; animation-fill-mode: both; } @keyframes frmSlideInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideInRight { 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideOutLeft { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes frmSlideOutRight { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } /* Slide Up */ .frm_slideup .frm_form_fields > fieldset { animation-name: frmSlideDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .frm_slideup.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideUp; } .frm_slideup.frm_slideout .frm_form_fields > fieldset { animation-name: frmSlideOutUp !important; } .frm_slideup.frm_slideout.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideOutDown !important; } @keyframes frmSlideUp { 0% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideDown { 0% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideOutUp { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } } @keyframes frmSlideOutDown { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } } :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{display:flex;align-self:center;justify-content:flex-end;flex:0 1 auto;width:8px;height:8px;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)}/*# sourceMappingURL=slimselect.css.map *//* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .frm_dropzone, .frm_dropzone * { box-sizing: border-box; } .frm_dropzone.frm_single_upload, .frm_dropzone.dz-clickable { min-height: 60px; margin-top:5px; line-height:1.42857143; } .frm_dropzone.dz-clickable * { cursor: default; } .frm_dropzone.frm_single_upload { max-width: 200px; } .frm_dropzone.frm_single_upload.dz-started { max-width: 300px; } .frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload, .frm_form_field.frm_full .frm_dropzone.dz-started.frm_single_upload, .frm_form_field.frm_full_upload .frm_dropzone.dz-started.frm_single_upload{ max-width:100%; } .frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message{ margin: .5em 0 1em; } .frm_dropzone .dz-message{ border: 2px dashed #dfdfdf; background:#ffffff; padding: 20px; border-radius:5px; cursor: pointer; display:none; font-size:20px; text-align: center; margin: 0; } .frm_dropzone.frm_single_upload.dz-started .dz-message{ display: none; } .frm_dropzone.dz-clickable .dz-message, .frm_dropzone .frm_upload_icon{ display:block; } .frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message * { cursor: pointer; } #frm_form_editor_container .frm_dropzone.dz-clickable, #frm_form_editor_container .frm_dropzone.dz-clickable *{ cursor: default; } .frm_dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .frm_dropzone .frm_upload_icon:before{ font-size:40px; } .frm_dropzone .frm_small_text { font-size:14px; } .frm_dropzone.dz-drag-hover { border-style: solid; } .frm_dropzone .dz-preview { padding: 15px 0; border-bottom: 1px solid #dfdfdf; } .frm_dropzone .dz-preview:last-child { border-bottom: none; } .frm_dropzone .dz-preview:hover { z-index: 1000; } .frm_dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .frm_dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .frm_dropzone .dz-preview .dz-remove { cursor: pointer; border: none; float: right; } .frm_dropzone .dz-preview:hover .dz-details { opacity: 1; } .frm_dropzone .dz-preview .dz-details { font-size: 14px; margin: 5px 0 10px; } .frm_dropzone .dz-preview .dz-details .dz-size, .frm_dropzone .dz-preview .dz-details .dz-filename { display: inline-block; overflow: hidden; white-space: nowrap; } .frm_dropzone .dz-preview .dz-details .dz-size strong { font-weight: normal; } .frm_dropzone .dz-preview .dz-details .dz-filename { max-width: 65%; text-overflow: ellipsis; } .frm_dropzone .dz-preview .dz-details .dz-filename a{ cursor:pointer; } .frm_dropzone .dz-preview .dz-column { float: right; width: 68%; } .frm_dropzone .dz-preview .dz-image { overflow: hidden; width: 30%; height: 60px; display: block; float: left; margin-right: 2%; } .frm_dropzone .dz-preview .dz-image img { display: block; margin:0 auto; max-height: 60px; } .frm_dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .frm_dropzone .dz-preview.dz-processing .dz-progress { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .frm_dropzone .dz-preview .dz-progress { pointer-events: none; position: relative; height: 10px; width: 100%; background: rgba(221, 221, 221, 1); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .frm_dropzone .dz-preview .dz-progress .dz-upload, .frm_dropzone .dz-preview.dz-complete .dz-progress{ background: #333; background: linear-gradient(to bottom, #666, #444); } .frm_dropzone .dz-preview .dz-progress .dz-upload { position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .frm_dropzone .dz-preview.dz-error .dz-error-message { display: block; opacity: 1; pointer-events: auto; } .frm_dropzone .dz-preview .dz-error-message { pointer-events: none; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #B94A48; padding: 0.5em; } .frm_dropzone .fallback input[type=file]{ display:block; } /* Compact version */ .frm_compact_text{ display:none; } .frm_compact .frm_dropzone.dz-clickable{ padding:0; border:none; background-color:transparent; } .frm_compact .frm_dropzone.dz-clickable.frm_single_upload{ max-width:100%; } .frm_compact .frm_compact_text{ display:inline; } .frm_upload_text button, .frm_compact_text button { background: none !important; color: inherit !important; border: none !important; padding: 0 !important; font: inherit !important; cursor: pointer !important; outline: inherit !important; height: auto !important; white-space: break-spaces; } .frm_compact .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_compact .frm_dropzone.dz-clickable .dz-message{ font-size:14px; border:1px solid #dfdfdf; background:#fff; display: inline-block; border-radius: 4px; padding: 6px 11px; box-sizing: border-box; box-shadow: 0 1px 1px #eeeeee; vertical-align: middle; margin: 0 0 1em; } .frm_compact .frm_dropzone.frm_single_upload.dz-started .dz-message, .frm_compact .frm_dropzone.frm_single_upload.dz-started.dz-clickable .dz-message { display: none; } .frm_compact .frm_dropzone .frm_upload_icon:before{ font-size:22px; padding-right:7px; vertical-align: middle; } .frm_compact .frm_dropzone .frm_upload_icon{ display:inline; } .frm_compact .frm_dropzone .dz-preview{ min-height:20px; max-width:200px; margin: 0 5px; padding: 0; display: inline-block; border-bottom: none; } .frm_compact .frm_dropzone .dz-preview.frm_clearfix:after { content:''; } .frm_compact .frm_dropzone .frm_upload_text, .frm_compact .frm_dropzone .frm_small_text, .frm_compact .frm_dropzone .dz-preview .dz-image, .frm_compact .frm_dropzone .dz-preview .dz-details .dz-size{ display:none; } .frm_compact .frm_dropzone .dz-preview .dz-details { margin: 0; } .frm_compact .frm_dropzone .dz-preview .dz-column { float: none; width: 100%; } .frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename { overflow: hidden; text-overflow: ellipsis; } /* Prevent horizontal scroll on RTL sites */ .frm-show-form .dz-hidden-input{ display:none; }.frm_rootline_group{ text-align: center; margin: 20px auto 30px; width: 100%; } ul.frm_page_bar{ list-style-type: none; margin: 0 !important; padding: 0; width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.frm_rootline { align-items: baseline; } ul.frm_page_bar li{ display: flex; -ms-flex: 1; flex: 1; align-items: center; justify-content: center; flex-direction: column; } .frm_page_bar.frm_hidden, .frm_page_bar .frm_hidden { display: none !important; } ul.frm_rootline_hidden_steps { z-index: 1; display: flex; width: auto; position: absolute; background: #fff; padding: 16px; gap: 16px; flex-direction: column; border-radius: 6px; box-shadow: 0px 8px 24px rgb(40 47 54 / 15%); top: calc( var(--progress-size) + 10px ); } .frm_show_titles ul.frm_rootline_hidden_steps { min-width: min(100%, 400px); } ul.frm_rootline_hidden_steps li { white-space: nowrap; text-align: start; z-index: 1; cursor: pointer; flex-direction: row; gap: 16px; position: relative; } .frm_rootline_hidden_steps li span.frm_rootline_title.frm_prev_page_title{ text-decoration: line-through; opacity: 0.45; font-weight: 400; } .frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after, .frm_rootline.frm_show_lines > .frm_rootline_single:after { height: 2px; height: var(--progress-border-size); background: #dfdfdf; background: var(--progress-border-color); content: ''; position: absolute; top: 12px; /* For IE */ top: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) ); left: 50%; width: 100%; z-index: -1; } .frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single::after { right: 50%; left: auto; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:last-child::after, .frm_rootline.frm_show_lines > .frm_rootline_single:last-child::after { content: none; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { width: 2px; width: var(--progress-border-size); height: 100%; top: max( 50%, 20px ); /* For smaller circles */ left: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) ); } .frm_rtl .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { right: calc( ( var(--progress-size) / 2 ) + var(--progress-border-size) ); left: auto; } .frm_rootline_hidden_steps .frm_rootline_title { flex: 1; } .frm_rootline_hidden_steps .frm_rootline_single input { margin: 0 !important; } .frm_page_bar .frm_rootline_single input{ margin-bottom: 10px; font-size: 14px; } .frm_forms .frm_page_bar input, .frm_forms .frm_page_bar input:disabled{ transition: background-color 0.1s ease; color: #ffffff; color: var(--progress-color) ; background-color: #dddddd; background-color: var(--progress-bg-color) ; border-width: 2px; border-width: var(--progress-border-size) ; border-style: solid; border-color: #d5d5d5; border-color: var(--progress-border-color-b) ; cursor: pointer ; } .frm_forms .frm_page_bar input:hover, .frm_forms .frm_page_bar input:focus{ background-color: #c9c9c9; color: #ebebeb; background-color: #c9c9c9; } .frm_forms .frm_rootline input { font-size: 14px; font-weight: 600; } .frm_forms .frm_rootline input:hover { opacity: 1; } .frm_forms .frm_rootline input:focus{ outline: none; } .frm_forms .frm_rootline .frm_rootline_single input { border-width: 0; } .frm_forms .frm_progress_line input.frm_page_back{ background-color: #008ec2; background-color: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline input.frm_page_back { background-color: #ffffff; background-color: var(--progress-color); color: #dddddd; color: var(--progress-bg-color); } .frm_forms .frm_rootline input.frm_page_back:hover, .frm_forms .frm_rootline input.frm_page_back:focus{ background-color: #ffffff; color: #ffffff; } .frm_forms .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; } .frm_progress .frm_rootline_single{ text-align: center; margin: 0; padding: 0; } .frm_rootline > .frm_rootline_single { min-width: 50px; position: relative; padding: 0 10px; margin-left: 0; margin-right: 0; } .frm_rootline.frm_show_titles > .frm_rootline_single { min-width: min(150px, 30%); } .frm_rootline_single input{ display: flex; text-align: center; justify-content: center; margin: auto; } .frm_rootline_hidden_steps .frm_rootline_single input{ display: inline-block; } .frm_current_page .frm_rootline_title{ color: #008ec2; color: var(--progress-active-bg-color) ; } .frm_rootline_title, .frm_pages_complete, .frm_percent_complete { font-size:14px; font-weight: 600; padding:4px; color: #666666; color: var(--description-color) ; } .frm_pages_complete { float: right; margin-right:13px; } .frm_percent_complete { float: left; margin-left:13px; } .frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled { width: 100%; border: none; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-shadow: inset 0 2px 10px -10px rgba(41, 58, 82, 0.31); margin: 5px 0; padding: 6px 0; border-radius:0; font-size:0; line-height:15px; } .frm_forms .frm_progress_line.frm_show_lines input { border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; } .frm_progress_line .frm_rootline_single { justify-content: flex-end; margin: 0; } .frm_forms .frm_progress_line li:first-of-type input { border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-left: 1px solid #008ec2; } .frm_forms .frm_progress_line li:last-of-type input { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 1px solid #008ec2; } .frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-right: 1px solid #dfdfdf; } .frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-left: 1px solid #dfdfdf; } .frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right: 1px solid #ffffff; } .frm_forms .frm_progress_line input.frm_page_back { border-color: #008ec2; } .frm_forms .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #008ec2; border-right-color: #ffffff; } /* IE Workarounds */ @media all and (-ms-high-contrast:none) { ul.frm_rootline_hidden_steps { display: block; min-width: 350px; border: 1px solid rgba(183,179,173,1); left: -50%; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { top: 50%; left: 12px; } .frm_rootline > .frm_rootline_single { min-width: 150px; } .frm_rootline.frm_show_lines span{ text-align: left; margin-left: 16px; } } /* Start RTL */ .frm_rtl.frm_forms .frm_progress_line li:first-of-type input { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius:0px; border-bottom-left-radius:0px; border-right: 1px solid #008ec2; } .frm_rtl.frm_forms .frm_progress_line li:last-of-type input { border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-left: 1px solid #008ec2; } .frm_rtl.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-left: 1px solid #dfdfdf; border-right:none; } .frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-right: 1px solid #dfdfdf; border-left:none; } .frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-left: 1px solid #ffffff; border-right:none; } /* End RTL */ .frm_rootline_single > .frm_rootline_node { position: relative; } .frm_rootline.frm_show_lines{ position: relative; z-index: 1; } .frm_rootline.frm_show_lines span{ display: block; } .frm_forms .frm_rootline input { width: 30px; height: 30px; min-height:auto; border-radius: 30px; padding:0; } .frm_forms input.frm_rootline_show_more_btn { font-weight: 900; } .frm_forms .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn { color: var(--progress-color) !important; } .frm_page_bar input.frm_rootline_show_more_btn.active { opacity: 1; } .frm_forms .frm_rootline input:focus { border-color: #008ec2; border-color: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline .frm_current_page input[type="button"] { border-color: #007aae; background-color: #008ec2; color: #ffffff; } .frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled, .frm_forms .frm_progress_line .frm_current_page input[type="button"], .frm_forms .frm_rootline.frm_no_numbers input, .frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] { color: transparent !important; } .frm_rootline_show_hidden_steps_btn:not(.active)>.frm_rootline_title{ display: none; } @media only screen and (max-width: 700px) { .frm_show_titles ul.frm_rootline_hidden_steps { min-width: 16px; } } @media only screen and (max-width: 500px) { .frm_rootline.frm_rootline_4 span.frm_rootline_title, .frm_rootline.frm_rootline_3 span.frm_rootline_title{ display:none; } } .with_frm_style.frm_login_form, .with_frm_style.frm_login_form form{ clear:both; } .frm_login_form .login_lost_pw.frm_half{ text-align:right; } /**** No labels ****/ .frm_inline_login.frm_no_labels .frm_submit input, .frm_inline_login.frm_no_labels .frm_submit button{ margin-top:0 !important; } /**** Sliding login form ****/ .with_frm_style.frm_login_form.frm_slide.frm_inline_login form, .with_frm_style.frm_login_form.frm_slide.frm_inline_login form{ clear:none; } .with_frm_style.frm_slide.frm_inline_login .frm-open-login{ float:left; margin-right:15px; } .with_frm_style.frm_slide form, .frm_slide form, .with_frm_style.frm_slide.frm_inline_login a.forgot-password, .with_frm_style.frm_slide.frm_inline_login .login-remember{ display:none; } .with_frm_style.frm_slide.frm_inline_login .frm-open-login + form a.forgot-password, .with_frm_style.frm_slide.frm_inline_login .frm-open-login + form .login-remember { display:inline-block; } .with_frm_style.frm_slide.frm_inline_login .frm_form_field, .with_frm_style.frm_slide.frm_inline_login .frm_submit input{ margin-bottom:0; } .with_frm_style.frm_slide.frm_inline_login fieldset{ padding-bottom:0; } /**** Links ****/ .with_frm_style.frm_login_form a{ text-decoration:none; border:none; outline:none; box-shadow:none; } /*** Responsive remember me and lost password ***/ @media only screen and (max-width: 600px) { .frm_login_form .login_lost_pw.frm_half{ text-align:left; } .with_frm_style .login-remember.frm_first.frm_half, .with_frm_style.frm_login_form .login_lost_pw.frm_half{ text-align:center; } .with_frm_style.frm_slide.frm_inline_login .frm_form_field, .with_frm_style.frm_slide.frm_inline_login .frm_submit input{ margin-bottom:20px; } } /* 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); -moz-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%; } }