.with_frm_style{ --form-width:100%;--form-align:left;--direction:ltr;--fieldset:0px;--fieldset-color:#000000;--fieldset-padding:0 0 15px 0;--fieldset-bg-color:transparent;--title-size:20px;--title-color:#444444;--title-margin-top:10px;--title-margin-bottom:10px;--form-desc-size:14px;--form-desc-color:#666666;--form-desc-margin-top:10px;--form-desc-margin-bottom:25px;--form-desc-padding:0px;--font:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;--font-size:14px;--label-color:#444444;--weight:bold;--position:none;--align:left;--width:150px;--required-color:#B94A48;--required-weight:bold;--label-padding:0 0 3px 0;--description-font-size:12px;--description-color:#666666;--description-weight:normal;--description-style:normal;--description-align:left;--description-margin:0;--field-font-size:14px;--field-height:32px;--line-height:32px;--field-width:100%;--auto-width:100%;--field-pad:6px 10px;--field-margin:20px;--field-weight:normal;--text-color:#555555;--border-color:#cccccc;--field-border-width:1px;--field-border-style:solid;--bg-color:#ffffff;--bg-color-active:#ffffff;--border-color-active:#66afe9;--text-color-error:#444444;--bg-color-error:#ffffff;--border-color-error:#B94A48;--border-width-error:1px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#E5E5E5;--text-color-disabled:#A1A1A1;--radio-align:block;--check-align:block;--check-font-size:13px;--check-label-color:#444444;--check-weight:normal;--section-font-size:18px;--section-color:#444444;--section-weight:bold;--section-pad:15px 0 3px 0;--section-mar-top:15px;--section-mar-bottom:12px;--section-bg-color:transparent;--section-border-color:#e8e8e8;--section-border-width:2px;--section-border-style:solid;--section-border-loc:-top;--collapse-pos:after;--repeat-icon-color:#ffffff;--submit-font-size:14px;--submit-width:auto;--submit-height:auto;--submit-bg-color:#ffffff;--submit-border-color:#cccccc;--submit-border-width:1px;--submit-text-color:#444444;--submit-weight:normal;--submit-border-radius:4px;--submit-margin:10px;--submit-padding:6px 11px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#efefef;--submit-hover-color:#444444;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#444444;--submit-active-border-color:#cccccc;--border-radius:4px;--error-bg:#F2DEDE;--error-border:#EBCCD1;--error-text:#B94A48;--error-font-size:14px;--success-bg-color:#DFF0D8;--success-border-color:#D6E9C6;--success-text-color:#468847;--success-font-size:14px;--progress-bg-color:#EAECF0;--progress-color:#1D2939;--progress-active-bg-color:#4199FD;--progress-active-color:#ffffff;--progress-border-color:#EAECF0;--progress-border-size:1px;--progress-size:30px;--use-base-font-size:;--base-font-size:15px;--field-shape-type:rounded-corner;--toggle-font-size:15px;--toggle-on-color:#4199FD;--toggle-off-color:#EAECF0;--slider-font-size:24px;--slider-color:#4199FD;--slider-bar-color:#4199FD;--date-head-bg-color:#4199FD;--date-head-color:#ffffff;--date-band-color:#0f67cb;--bg-image-opacity:100%;--box-shadow:0 1px 2px 0 rgba(18, 18, 23, 0.05);} .frm_hidden, .frm_add_form_row.frm_hidden, .frm_remove_form_row.frm_hidden, .with_frm_style .frm_button.frm_hidden{ display:none; } .with_frm_style, .with_frm_style form, .with_frm_style .frm-show-form div.frm_description p{ text-align: var(--form-align); } /* Keep this. This is used for Honeypot */ input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } /* Form description */ .with_frm_style .frm-show-form div.frm_description p{ font-size: var(--form-desc-size); color: var(--form-desc-color); margin-top: var(--form-desc-margin-top); margin-bottom: var(--form-desc-margin-bottom); padding: var(--form-desc-padding); } form .frm__65652d5d6f79a { overflow: hidden; width: 0; height: 0; position: absolute; } .with_frm_style fieldset{ min-width:0; display: block; /* Override 2021 theme */ } .with_frm_style fieldset fieldset{ border:none; margin:0; padding:0; background-color:transparent; } .with_frm_style .frm_form_fields > fieldset{ border-width: var(--fieldset); border-style:solid; border-color: var(--fieldset-color); margin:0; padding: var(--fieldset-padding); background-color: var(--fieldset-bg-color); font-family:var(--font); } legend.frm_hidden{ display:none !important; } .with_frm_style .frm_form_fields{ opacity:1; transition: opacity 0.1s linear; } .with_frm_style .frm_doing_ajax{ opacity:.5; } .frm_transparent{ color:transparent; } .with_frm_style legend + h3, .with_frm_style h3.frm_form_title{ font-size: var(--title-size); color: var(--title-color); font-family: var(--font); margin-top: var(--title-margin-top); margin-bottom: var(--title-margin-bottom); } .with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field .frm_show_it{ font-family: var(--font); color: var(--form-desc-color); } .with_frm_style .frm_form_field.frm_html_container{ font-size: var(--form-desc-size); } .with_frm_style .frm_form_field .frm_show_it{ font-size: var(--field-font-size); font-weight: var(--field-weight); } .with_frm_style .frm_required { color: var(--required-color); font-weight: var(--required-weight); } .with_frm_style .chosen-container, .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement { font-family:var(--font); font-size: var(--field-font-size); margin-bottom:0; } .with_frm_style textarea{ vertical-align:top; height:auto; } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single, .with_frm_style .frm_slimselect.ss-main { color: var(--text-color); background-color: var(--bg-color); border-color: var(--border-color); border-width: var(--field-border-width); border-style: var(--field-border-style); border-radius: var(--border-radius); width: var(--field-width); max-width: 100%; font-size: var(--field-font-size); padding: var(--field-pad); box-sizing: border-box; outline: none; font-weight: var(--field-weight); } .with_frm_style select option { color: var(--text-color); } .with_frm_style select option.frm-select-placeholder { color: var(--text-color-disabled); } .with_frm_style input[type=radio], .with_frm_style input[type=checkbox]{ border-color: var(--border-color); box-shadow: var(--box-shadow); float: none; } .with_frm_style input[type=radio]:after, .with_frm_style input[type=checkbox]:after { display: none; /* 2021 conflict */ } .with_frm_style input[type=radio]:not(:checked):focus, .with_frm_style input[type=checkbox]:not(:checked):focus { border-color: var(--border-color) !important; } .with_frm_style input[type=radio]:focus, .with_frm_style input[type=checkbox]:focus { box-shadow:0px 0px 0px 3px rgba(102,175,233, 0.4) !important; } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{ min-height: var(--field-height); line-height:1.3; } .with_frm_style select[multiple=multiple]{ height:auto; } .input[type=file].frm_transparent:focus, .with_frm_style input[type=file]{ background-color:transparent; border:none; outline:none; box-shadow:none; } .with_frm_style input[type=file]{ color: var(--text-color); padding: 0px; font-family: var(--font); font-size: var(--field-font-size); display: initial; } .with_frm_style input[type=file].frm_transparent{ color:transparent; } .with_frm_style .wp-editor-wrap{ width: var(--field-width); max-width:100%; } .with_frm_style .wp-editor-container textarea{ border:none; box-shadow:none !important; } .with_frm_style .mceIframeContainer{ background-color: var(--bg-color); } .with_frm_style select{ width: var(--auto-width); max-width:100%; background-position-y: calc(50% + 3px); } .with_frm_style input[disabled], .with_frm_style select[disabled], .with_frm_style textarea[disabled], .with_frm_style input[readonly], .with_frm_style select[readonly], .with_frm_style textarea[readonly] { background-color: var(--bg-color-disabled); color: var(--text-color-disabled); border-color: var(--border-color-disabled); } .frm_preview_page:before{ content:normal !important; } .frm_preview_page{ padding:25px; } .with_frm_style .frm_primary_label{ max-width:100%; font-family: var(--font); font-size: var(--font-size); color: var(--label-color); font-weight: var(--weight); text-align: var(--align); padding: var(--label-padding); margin:0; width:auto; display:block; } .with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{ display:block; float:none; width:auto; } .with_frm_style .frm_inline_container .frm_primary_label{ margin-right:10px; } .with_frm_style .frm_right_container .frm_primary_label, .with_frm_style .frm_pos_right{ display:inline; float:right; margin-left:10px; } .with_frm_style .frm_pos_center { text-align: center; } .with_frm_style .frm_none_container .frm_primary_label, .with_frm_style .frm_pos_none, .frm_pos_none, .frm_none_container .frm_primary_label{ display:none; } .with_frm_style .frm_section_heading.frm_hide_section{ margin-top:0 !important; } .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_hidden, .frm_hidden_container .frm_primary_label{ visibility:hidden; white-space:nowrap; } .frm_visible{ opacity:1; } /* Floating labels */ .with_frm_style .frm_inside_container { position: relative; padding-top: 18px; padding-top: calc(0.5 * var(--field-height)); } .with_frm_style .frm_inside_container > input, .with_frm_style .frm_inside_container > select, .with_frm_style .frm_inside_container > textarea { display: block; } /* These do not work if they are combined */ .with_frm_style input::placeholder, .with_frm_style textarea::placeholder { font-size: var(--field-font-size); } .with_frm_style .frm_inside_container > input::-moz-placeholder, .with_frm_style .frm_inside_container > textarea::-moz-placeholder { opacity: 0 !important; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > input:-ms-input-placeholder, .with_frm_style .frm_inside_container > textarea:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > input::placeholder, .with_frm_style .frm_inside_container > textarea::placeholder { opacity: 0; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > label { transition: all 0.3s ease-in; position: absolute; top: 19px; top: calc(1px + .5 * var(--field-height)); left: 3px; width: 100%; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 8px 12px; padding: var(--field-pad); font-size: 14px; font-size: var(--field-font-size); font-weight: normal; font-weight: var(--field-weight); pointer-events: none; } .with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label { line-height: 1; } .with_frm_style .frm_inside_container.frm_label_float_top > label { top: 0; left: 0; padding: 0; font-size: 12px; font-size: calc(0.85 * var(--field-font-size)); } /* These do not work if they are combined */ .with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder { opacity: 1 !important; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { opacity: 1; transition: opacity 0.3s ease-in; } /* End floating label */ .with_frm_style .frm_description, .with_frm_style .frm_pro_max_limit_desc{ clear:both; } .with_frm_style input[type=number][readonly]{ -moz-appearance: textfield; } .with_frm_style select[multiple="multiple"]{ height:auto; line-height:normal; } .with_frm_style .frm_catlevel_2, .with_frm_style .frm_catlevel_3, .with_frm_style .frm_catlevel_4, .with_frm_style .frm_catlevel_5{ margin-left:18px; } .with_frm_style .wp-editor-container{ border:1px solid #e5e5e5; } .with_frm_style .quicktags-toolbar input{ font-size:12px !important; } .with_frm_style .wp-editor-container textarea{ border:none; } .with_frm_style .auto_width #loginform input, .with_frm_style .auto_width input, .with_frm_style input.auto_width, .with_frm_style select.auto_width, .with_frm_style textarea.auto_width{ width:auto; } .with_frm_style .frm_repeat_buttons{ white-space:nowrap; } .with_frm_style .frm_button{ text-decoration:none !important;; border:1px solid #eee; display:inline-block; padding: var(--submit-padding); border-radius:4px; border-radius:var(--border-radius); font-size: var(--submit-font-size); font-family: var(--font); font-weight: var(--submit-weight); color: var(--submit-text-color); background: var(--submit-bg-color); border-width: var(--submit-border-width); border-color: var(--submit-border-color); height: var(--submit-height); } .with_frm_style .frm_button.frm_inverse{ color:var(--submit-bg-color); background:var(--submit-text-color); } .with_frm_style .frm_submit{ clear:both; } .frm_inline_form .frm_form_field, .frm_inline_form .frm_submit{ grid-column: span 1 / span 1; } .frm_inline_form .frm_submit{ margin:0; } .frm_submit.frm_inline_submit input[type=submit], .frm_submit.frm_inline_submit button, .frm_inline_form .frm_submit input[type=submit], .frm_inline_form .frm_submit button{ margin-top:0; } .with_frm_style.frm_center_submit .frm_submit{ text-align:center; } .with_frm_style.frm_center_submit .frm_flex.frm_submit { justify-content: center; } .with_frm_style .frm_inline_success .frm_submit{ display: flex; flex-direction: row; align-items: center; margin: 0; } .with_frm_style .frm_inline_success .frm_submit .frm_message{ flex: 1; margin: 0; padding-left: 10px; } .with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{ text-align: right; } .with_frm_style.frm_center_submit .frm_submit input[type=submit], .with_frm_style.frm_center_submit .frm_submit input[type=button], .with_frm_style.frm_center_submit .frm_submit button{ margin-bottom:8px !important; } .with_frm_style .frm-edit-page-btn, .with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .with_frm_style .frm_submit button{ -webkit-appearance: none; cursor: pointer; } .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ display: block; margin: 0 auto; } .with_frm_style .frm_loading_prev .frm_ajax_loading, .with_frm_style .frm_loading_form .frm_ajax_loading{ /* keep this for reverse compatibility for old HTML */ visibility:visible !important; } .with_frm_style .frm_loading_prev .frm_prev_page, .with_frm_style .frm_loading_form .frm_button_submit { position: relative; color: transparent !important; text-shadow: none !important; } .with_frm_style .frm_loading_prev .frm_prev_page:hover, .with_frm_style .frm_loading_prev .frm_prev_page:active, .with_frm_style .frm_loading_prev .frm_prev_page:focus, .with_frm_style .frm_loading_form .frm_button_submit:hover, .with_frm_style .frm_loading_form .frm_button_submit:active, .with_frm_style .frm_loading_form .frm_button_submit:focus { cursor: not-allowed; color: transparent; outline: none !important; box-shadow: none; } .with_frm_style .frm_loading_prev .frm_prev_page::before, .with_frm_style .frm_loading_form .frm_button_submit:before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #fff; border-top-color: transparent; border-left-color: transparent; border-radius: 50%; box-sizing: border-box; top: 50%; left: 50%; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; animation: spin 2s linear infinite; } .with_frm_style .frm_submit.frm_flex { align-items: center; gap: 2%; } .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page { order: -1; } .frm_style_formidable-style.with_frm_style{ } .frm_forms.frm_style_formidable-style.with_frm_style{ max-width:100%; direction:ltr; } .frm_style_formidable-style.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_formidable-style.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_formidable-style.with_frm_style p.description, .frm_style_formidable-style.with_frm_style div.description, .frm_style_formidable-style.with_frm_style div.frm_description, .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc{ margin-top: 6px; 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 .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 .chosen-container-multi .chosen-choices li.search-field .default, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-default, .frm_style_formidable-style.with_frm_style .placeholder { color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#ffffff; border-color:#66afe9; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(102,175,233, 0.6); } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { width:auto; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; height:auto; line-height:normal; text-align:center; background: #ffffff ; border-width:1px; border-color: #cccccc; border-style:solid; color:#444444; cursor:pointer; font-weight:normal; border-radius:4px; text-shadow:none; padding:6px 11px; box-sizing:border-box; box-shadow:0 1px 1px #eeeeee; margin:10px; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover{ background: #efefef; border-color: #cccccc; color: #444444; } .frm_style_formidable-style.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:10px; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:focus, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus, .frm_style_formidable-style.with_frm_style .frm_submit button:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:active, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, .frm_style_formidable-style.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #444444; outline: none; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #ffffff; border-color: #ffffff; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #444444; border-right-color: #444444; } .frm_style_formidable-style.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; color:#444444; font-weight:bold; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit input, .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit button, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_formidable-style.with_frm_style #frm_field_cptch_number_container{ font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; color:#444444; font-weight:bold; clear:both; } .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_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:#444444; background-color:#ffffff; border-color:#B94A48; border-width:var(--border-width-error) ; border-style:solid; } .frm_style_formidable-style.with_frm_style .frm_blank_field .sigWrapper{ border-color:#B94A48 !important; } .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{ font-weight:bold; color:#444444; } .frm_style_formidable-style.with_frm_style .frm_error_style{ background-color:#F2DEDE; border:1px solid #EBCCD1; border-radius:4px; color: #B94A48; font-size:14px; margin:0; margin-bottom:20px; } .frm_style_formidable-style.with_frm_style #frm_loading .progress-striped .progress-bar{ background-image:linear-gradient(45deg, #cccccc 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #cccccc 50%, #cccccc 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .frm_style_formidable-style.with_frm_style #frm_loading .progress-bar{ background-color:#ffffff; } .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total textarea{ color: #555555; background-color:transparent; border:none; display:inline; width:auto; padding:0; } .frm_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; } /* Start Chosen */ .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single{ padding-top:0 ; height:32px; line-height:32px; } .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single abbr{ top:9px ; } .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-single div{ top:3px; } .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-search input[type="text"]{ height:32px; } .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices li.search-field input[type="text"]{ height:15px; } /* End Chosen */ /* Progress Bars */ .frm_style_formidable-style.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #EAECF0; border-color: #EAECF0; 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: #EAECF0; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #d6d8dc; border-right-color: #d6d8dc; 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: #4199FD; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #4199FD; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #EAECF0; } .frm_style_formidable-style.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #EAECF0; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #d6d8dc; } .frm_style_formidable-style.with_frm_style .frm_progress_line input.frm_page_back { border-color: #4199FD; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #4199FD; border-right-color: #d6d8dc; } .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: #2d85e9 !important; background-color: #4199FD !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: #2d85e9; background-color: #4199FD; color: #ffffff!important; } .frm_style_formidable-style.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #4199FD; } /* 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 #4199FD; color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-fill-lower { background-color: #4199FD; } .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-progress { background-color: #4199FD; } .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-thumb { border: 1px solid #4199FD; color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-thumb { border: 1px solid #4199FD; 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:#468847; } .frm_style_formidable-style.with_frm_style span.frm-pass-req .frmsvg { color:#B94A48; } /* End Password field */ /* Sections */ .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading h3{ 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{ 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 ~ .frm-datepicker .ui-datepicker-title > select, .frm_style_formidable-style.with_frm_style .frm-datepicker .ui-datepicker-title > select{ color: #555555; background-color:#ffffff; } /* 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: var(--font); font-size: var(--submit-font-size); font-weight: var(--submit-weight); } .horizontal_radio .frm_radio{ margin:0 5px 0 0; } .horizontal_radio .frm_checkbox{ margin:0; margin-right:12px; } .vertical_radio .frm_checkbox, .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; } .horizontal_radio .frm_checkbox, .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; padding-left: 0; } .with_frm_style .frm_radio{ display: var(--radio-align); } .with_frm_style .frm_checkbox{ display: var(--check-align); } .with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; margin-bottom: 10px; } .with_frm_style .horizontal_radio .frm_checkbox, .with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; } .with_frm_style .frm_checkbox label, .with_frm_style .frm_radio label { display: inline-block; vertical-align: middle; white-space:normal; } .with_frm_style .frm_checkbox label input[type=checkbox], .with_frm_style .frm_radio label input[type=radio] { margin-right: 4px; } .with_frm_style .frm_checkbox label:not(.frm-label-disabled), .with_frm_style .frm_radio label:not(.frm-label-disabled) { cursor: pointer; } .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{ display: block; width: 100%; } .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label { font-family: var(--font); font-size: var(--check-font-size); color: var(--check-label-color); font-weight: var(--check-weight); line-height: 1.3; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] { font-size: var(--check-font-size); position: static; } .frm_file_container .frm_file_link, .with_frm_style .frm_radio label .frm_file_container, .with_frm_style .frm_checkbox label .frm_file_container{ display:inline-block; margin:5px; vertical-align:middle; } .with_frm_style .frm_radio input[type=radio] , .with_frm_style .frm_scale input[type=radio] { border-radius:50%; } .with_frm_style .frm_checkbox input[type=checkbox]{ border-radius: calc(var(--border-radius) / 2); } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_scale input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{ appearance: none; background-color: var(--bg-color); flex: none; display:inline-block !important; width: 16px !important; min-width: 16px !important; height: 16px !important; color: var(--border-color); border: 1px solid currentColor; border-color: var(--border-color); vertical-align: middle; position: initial; /* override Bootstrap */ padding: 0; margin: 0; } .frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { border-color: var(--border-color-active) !important; } .frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked { background-color: var(--border-color-active) !important; } .with_frm_style .frm_radio input[type=radio][disabled]:checked, .with_frm_style .frm_scale input[type=radio][disabled]:checked, .with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked { border-color: var(--border-color) !important; /* Override Style Preview */ } .with_frm_style .frm_checkbox input[type=checkbox][disabled]:checked { background-color: var(--border-color) !important; } .with_frm_style .frm_radio input[type=radio]:checked:before, .with_frm_style .frm_scale input[type=radio]:checked:before, .with_frm_style .frm_checkbox input[type=checkbox]:checked:before { position: static !important; /* Override Style Preview */ content: ''; display: block; } .frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before { width: 100% !important; height: 100% !important; background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6667 1.5L4.25001 7.91667L1.33334 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important; background-size: 9px !important; background-repeat: no-repeat !important; background-position: center !important; margin: 0; } .with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_radio input[type=radio]:before { width: 8px; height: 8px; border-radius: 50%; background-color: var(--border-color-active); margin: 3px; } .with_frm_style .frm_scale input[type=radio][disabled]:before, .with_frm_style .frm_radio input[type=radio][disabled]:before { background-color: var(--border-color); } .with_frm_style :invalid, .with_frm_style :-moz-ui-invalid{ box-shadow:none; } .with_frm_style .frm_error_style img{ padding-right:10px; vertical-align:middle; border:none; } .with_frm_style .frm_trigger{ cursor:pointer; } .with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style{ border-radius:4px; padding:15px; } .with_frm_style .frm_message p { margin-bottom: 5px; color: var(--success-text-color); } .with_frm_style .frm_message, .frm_success_style { margin: 5px 0 15px; border: 1px solid var(--success-border-color); background-color: var(--success-bg-color); color: var(--success-text-color); border-radius: var(--border-radius); font-size: var(--success-font-size); } .with_frm_style .frm_plain_success .frm_message { background-color: transparent; padding:0; border:none; font-size:inherit; color:inherit; } .with_frm_style .frm_plain_success .frm_message p { color:inherit; } .frm_form_fields_style, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_form_submit_style{ width:auto; } .with_frm_style .frm_trigger span{ float:left; } .with_frm_style table.frm-grid, #content .with_frm_style table.frm-grid{ border-collapse:collapse; border:none; } .frm-grid td, .frm-grid th{ padding:5px; border-width:1px; border-style:solid; border-color: var(--border-color); border-top:none; border-left:none; border-right:none; } .frm-alt-table { width:100%; border-collapse:separate; margin-top:0.5em; font-size:15px; border-width:1px; } .with_frm_style .frm-alt-table{ border-color: var(--border-color); } .frm-alt-table th { width:200px; } .frm-alt-table tr { background-color:transparent; } .frm-alt-table th, .frm-alt-table td { background-color:transparent; vertical-align:top; text-align:left; padding:20px; border-color:transparent; } .frm-alt-table tr:nth-child(even) { background-color:#f9f9f9; } table.form_results.with_frm_style{ border-style: solid; border-width: var(--field-border-width); border-color: var(--border-color); } table.form_results.with_frm_style tr td{ text-align:left; padding:7px 9px; color: var(--text-color); border-top-style: solid; border-top-width: var(--field-border-width); border-top-color: var(--border-color); } table.form_results.with_frm_style tr.frm_even, .frm-grid .frm_even{ background-color:#fff; background-color:var(--bg-color); } table.form_results.with_frm_style tr.frm_odd, .frm-grid .frm_odd { background-color: var(--bg-color); } .frm_color_block { background-color:#f9f9f9; padding: 40px; } .with_frm_style .frm-show-form .frm_color_block.frm_section_heading h3, .frm_color_block.frm_section_heading h3 { border-width: 0 !important; } .frm_collapse .ui-icon{ display:inline-block; } .frm_toggle_container{ /* Prevent the slide and bounce */ border:1px solid transparent; } .frm_toggle_container ul{ margin:5px 0; padding-left:0; list-style-type:none; } .frm_toggle_container .frm_month_heading{ text-indent:15px; } .frm_toggle_container .frm_month_listing{ margin-left:40px; } #frm_loading{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; } #frm_loading h3{ font-weight:500; padding-bottom:15px; color:#fff; font-size:24px; } #frm_loading_content{ position:fixed; top:20%; left:33%; width:33%; text-align:center; padding-top:30px; font-weight:bold; z-index:9999999; } #frm_loading img{ max-width:100%; } #frm_loading .progress{ border-radius:4px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset; height:20px; margin-bottom:20px; overflow:hidden; } #frm_loading .progress.active .progress-bar{ animation:2s linear 0s normal none infinite progress-bar-stripes; } #frm_loading .progress-striped .progress-bar { background-image: linear-gradient(45deg, var(--border-color) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, var(--border-color) 50%, var(--border-color) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px; } #frm_loading .progress-bar { background-color: var(--bg-color); box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; float: left; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 100%; } .frm_image_from_url{ height:50px; } .frm-loading-img{ background:url(https://people.utm.my/baharinmesir/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center; padding:6px 12px; } select.frm_loading_lookup{ background-image: url(https://people.utm.my/baharinmesir/wp-content/plugins/formidable/images/ajax_loader.gif) !important; background-position: 10px; background-repeat: no-repeat; color: transparent !important; } .frm_screen_reader { border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ } .frm_screen_reader.frm_hidden{ display:initial; } .frm_clear_none{ clear:none; } .frm_clear{ clear:both; } .frm_form_field.frm_alignright{ float:right !important; } .with_frm_style .frm_form_field{ clear:both; } .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container{ display:grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: max-content; grid-gap: 0 2%; } .frm_combo_inputs_container > *, .frm_grid_container > *, .frm_section_heading > *, .frm_fields_container .frm_form_field, .frm_fields_container > *{ grid-column: span 12 / span 12; } .frm_inline, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_inline{ width:auto; grid-column: span 2 / span 2; } .frm6, .frm_half, .frm_form_field.frm_three_fifths, /* 5ths deprecated */ .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half{ grid-column:span 6 / span 6; } .frm4, .frm_third, .frm_form_field.frm_two_fifths, /* 5ths deprecated */ .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third{ grid-column:span 4 / span 4; } .frm8, .frm_two_thirds, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds{ grid-column: span 8/span 8; } .frm3, .frm_fourth, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth{ grid-column: span 3/span 3; } .frm9, .frm_three_fourths, .frm_form_field.frm_four_fifths, /* 5ths deprecated */ .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm_three_fourths{ grid-column: span 9/span 9; } /* fifths are deprecated */ .frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth{ grid-column: span 2/span 2; } .frm2, .frm_sixth, .frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth{ grid-column: span 2/span 2; } .frm10, .frm_form_field.frm10, .frm_submit.frm10{ grid-column: span 10/span 10; } .frm1, .frm_form_field.frm1, .frm_submit.frm1, /* 7ths and 8ths are deprecated */ .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_first_seventh, .frm_form_field.frm_last_seventh .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_eighth, .frm_form_field.frm_last_eighth{ grid-column: span 1/span 1; } .frm5, .frm_form_field.frm5, .frm_submit.frm5{ grid-column: span 5/span 5; } .frm7, .frm_form_field.frm7, .frm_submit.frm7{ grid-column: span 7/span 7; } .frm11, .frm_form_field.frm11, .frm_submit.frm11{ grid-column: span 11/span 11; } .frm12, .frm_full, .frm_full .wp-editor-wrap, .frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full textarea{ width:100% !important; grid-column: span 12/span 12; box-sizing: border-box; } .frm_full .wp-editor-wrap input{ width:auto !important; } .frm_first, .frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_first{ grid-column-start:1; } .frm_last, .frm_form_field.frm_last, .frm_form_field.frm_alignright{ grid-column-end:-1; justify-content: end; } /* RTL Grids */ .with_frm_style.frm_rtl .frm_form_fields .star-rating{ float:right; } .with_frm_style.frm_rtl .frm_grid .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_first .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label, .with_frm_style.frm_rtl .frm_grid .frm_radio, .with_frm_style.frm_rtl .frm_grid_first .frm_radio, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio, .with_frm_style.frm_rtl .frm_grid .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{ float:right !important; margin-right:0 !important; } .with_frm_style.frm_rtl .frm_grid_first .frm_radio label input, .with_frm_style.frm_rtl .frm_grid .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{ float:left; } .with_frm_style.frm_rtl .frm_catlevel_2, .with_frm_style.frm_rtl .frm_catlevel_3, .with_frm_style.frm_rtl .frm_catlevel_4, .with_frm_style.frm_rtl .frm_catlevel_5{ margin-right:18px; } .with_frm_style.frm_rtl div > .frm_time_select{ margin-right:5px; } /* Left and right label styling for non-Formidable styling */ .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container{ display: grid; grid-template-columns: 25% auto; width:100%; grid-auto-rows: min-content; } .frm_form_field.frm_right_container{ grid-template-columns: auto 25%; } .frm_form_field.frm_inline_container{ grid-template-columns: repeat(2, minmax(auto, max-content) ); } .frm_form_field.frm_inline_container .frm_primary_label, .frm_form_field.frm_right_container .frm_primary_label, .frm_form_field.frm_left_container .frm_primary_label{ margin-right:10px; grid-row:span 2/span 2; padding-top:4px; } .frm_form_field.frm_left_container .frm_primary_label{ grid-column:1; grid-row:span 2/span 2; /* cover a row for the description */ } .frm_form_field.frm_right_container .frm_primary_label{ grid-column:2; grid-row:1; margin-right:0; margin-left:10px; } .frm_form_field.frm_inline_container .frm_description, .frm_form_field.frm_left_container .frm_description{ grid-column:2; } .frm_form_field.frm_right_container .frm_description{ grid-column:1; } .frm_conf_field.frm_left_container{ grid-template-columns: 67%; } .frm_conf_field.frm_left_container .frm_description{ grid-column:1; } /* End RTL Grids */ .frm-fade-in { animation-name: fadeIn; animation-duration: 1s; animation-fill-mode: both; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @media only screen and (max-width: 750px) { .frm_grid_container.frm_no_grid_750 > div{ grid-column: span 12/span 12; } } @media only screen and (max-width: 600px) { .frm_section_heading > .frm_form_field, .frm_fields_container > .frm_submit, .frm_grid_container > .frm_form_field, .frm_fields_container > .frm_form_field{ grid-column: 1 / span 12 !important; } .frm_grid_container.frm_no_grid_600, .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container{ display:block; } } .frm_conf_field.frm_left_container .frm_primary_label{ display:none; } .wp-editor-wrap *, .wp-editor-wrap *:after, .wp-editor-wrap *:before{ box-sizing:content-box; } .with_frm_style .frm_grid, .with_frm_style .frm_grid_first, .with_frm_style .frm_grid_odd{ clear:both; margin-bottom:0 !important; padding:5px; border-width:1px; border-style:solid; border-color: var(--border-color); border-left:none; border-right:none; } .with_frm_style .frm_grid, .with_frm_style .frm_grid_odd{ border-top:none; } .frm_grid .frm_error, .frm_grid_first .frm_error, .frm_grid_odd .frm_error, .frm_grid .frm_limit_error, .frm_grid_first .frm_limit_error, .frm_grid_odd .frm_limit_error{ display:none; } .frm_grid:after, .frm_grid_first:after, .frm_grid_odd:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } .frm_grid_first{ margin-top:20px; } .frm_grid_first, .frm_grid_odd { background-color: var(--bg-color); } .frm_grid { background-color: var(--bg-color-active); } .with_frm_style .frm_grid.frm_blank_field, .with_frm_style .frm_grid_first.frm_blank_field, .with_frm_style .frm_grid_odd.frm_blank_field{ background-color:var(--error-bg); border-color: var(--error-border); } .frm_grid .frm_primary_label, .frm_grid_first .frm_primary_label, .frm_grid_odd .frm_primary_label, .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ float:left !important; display:block; margin-top:0; margin-left:0 !important; } .frm_grid_first .frm_radio label, .frm_grid .frm_radio label, .frm_grid_odd .frm_radio label, .frm_grid_first .frm_checkbox label, .frm_grid .frm_checkbox label, .frm_grid_odd .frm_checkbox label{ color:transparent; text-indent: -9999px; white-space:nowrap; text-align:left; } .frm_grid_first .frm_radio label input, .frm_grid .frm_radio label input, .frm_grid_odd .frm_radio label input, .frm_grid_first .frm_checkbox label input, .frm_grid .frm_checkbox label input, .frm_grid_odd .frm_checkbox label input{ visibility:visible; margin:2px 0 0; float:right; } .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ display:inline; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox, .frm_grid_2 .frm_primary_label{ width:48% !important; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox{ margin-right:4%; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox, .frm_grid_3 .frm_primary_label{ width:30% !important; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox{ margin-right:3%; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ width:20% !important; } .frm_grid_4 .frm_primary_label{ width:28% !important; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ margin-right:4%; } .frm_grid_5 .frm_primary_label, .frm_grid_7 .frm_primary_label{ width:24% !important; } .frm_grid_5 .frm_radio, .frm_grid_5 .frm_checkbox{ width:17% !important; margin-right:2%; } .frm_grid_6 .frm_primary_label{ width:25% !important; } .frm_grid_6 .frm_radio, .frm_grid_6 .frm_checkbox{ width:14% !important; margin-right:1%; } .frm_grid_7 .frm_primary_label{ width:22% !important; } .frm_grid_7 .frm_radio, .frm_grid_7 .frm_checkbox{ width:12% !important; margin-right:1%; } .frm_grid_8 .frm_primary_label{ width:23% !important; } .frm_grid_8 .frm_radio, .frm_grid_8 .frm_checkbox{ width:10% !important; margin-right:1%; } .frm_grid_9 .frm_primary_label{ width:20% !important; } .frm_grid_9 .frm_radio, .frm_grid_9 .frm_checkbox{ width:9% !important; margin-right:1%; } .frm_grid_10 .frm_primary_label{ width:19% !important; } .frm_grid_10 .frm_radio, .frm_grid_10 .frm_checkbox{ width:8% !important; margin-right:1%; } .frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_left_container .frm_opt_container{ padding-top:4px; } .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{ margin-right:0; } .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container{ display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: max-content; grid-gap: 0 2.5%; } .frm_form_field.frm_three_col .frm_opt_container{ grid-template-columns: repeat(3, 1fr); } .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(4, 1fr); } .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col .frm_checkbox{ grid-column-end: span 1; } .frm_form_field .frm_checkbox, .frm_form_field .frm_radio { margin-top: 0; margin-bottom: 0; } .frm_form_field.frm_scroll_box .frm_opt_container{ height:100px; overflow:auto; } .frm_html_container.frm_scroll_box, .frm_form_field.frm_html_scroll_box { height: 100px; overflow: auto; background-color: var(--bg-color); border-color: var(--border-color); border-width: var(--field-border-width); border-style: var(--field-border-style); border-radius: var(--border-radius); width: var(--field-width); max-width: 100%; font-size: var(--field-font-size); padding: var(--field-pad); box-sizing: border-box; outline: none; font-weight: normal; box-shadow: var(--box-shadow); } .frm_form_field.frm_total_big input, .frm_form_field.frm_total_big textarea, .frm_form_field.frm_total input, .frm_form_field.frm_total textarea{ opacity:1; background-color:transparent !important; border:none !important; font-weight:bold; width:auto !important; height:auto !important; box-shadow:none !important; display:inline; -moz-appearance:textfield; padding:0; } .frm_form_field.frm_total_big input::-webkit-outer-spin-button, .frm_form_field.frm_total_big input::-webkit-inner-spin-button, .frm_form_field.frm_total input::-webkit-outer-spin-button, .frm_form_field.frm_total input::-webkit-inner-spin-button { -webkit-appearance: none; } .frm_form_field.frm_total_big input:focus, .frm_form_field.frm_total_big textarea:focus, .frm_form_field.frm_total input:focus, .frm_form_field.frm_total textarea:focus{ background-color:transparent; border:none; box-shadow:none; } .frm_form_field.frm_label_justify .frm_primary_label{ text-align:justify !important; } .frm_form_field.frm_capitalize input, .frm_form_field.frm_capitalize select, .frm_form_field.frm_capitalize .frm_opt_container label{ text-transform:capitalize; } .frm_clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .frm_clearfix{ display:block; } .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first, .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle, .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last { margin-bottom: 0 !important; } .with_frm_style, .frm_forms { --progress-border-color-b: #e0e2e6; --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{ 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_add_form_row.frm_button.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_repeat_buttons .frm_remove_form_row svg.frmsvg, .frm_repeat_buttons .frm_add_form_row svg.frmsvg { width: auto; height: auto; margin-bottom: 0.1em; } .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:#1D2939; color:var(--progress-color); border:1px solid #cccccc; border-color:var(--border-color); border-width:var(--field-border-width); border-style:var(--field-border-style); background-color: #EAECF0; 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; } .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: #555555; } .frm-datepicker span.ui-datepicker-month, .frm-datepicker span.ui-datepicker-year { color: #ffffff; line-height: 25px; font-weight: 600; } .frm-datepicker .ui-datepicker-calendar { margin: 0 !important; } .frm-datepicker .ui-widget-header, .frm-datepicker .ui-datepicker-header { background: #4199FD !important; color: #ffffff !important; } .frm-datepicker td.ui-datepicker-today{ background: rgba(15,103,203,0.15) !important; } .frm-datepicker td.ui-datepicker-current-day, .frm-datepicker td .ui-state-hover, .frm-datepicker thead { background: #0f67cb !important; color: #ffffff !important; } .frm-datepicker td.ui-datepicker-current-day .ui-state-default{ color: #ffffff !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_radio input[type=radio]:checked:before, .with_frm_style .frm_scale input[type=radio]:checked:before, .with_frm_style .frm_checkbox input[type=checkbox]:checked:before { box-shadow: inset 10px 10px var(--progress-active-bg-color); } .with_frm_style .frm_scale input[type=radio]:checked:before { transform: scale(1); } /* Star ratings */ .frm-star-group input { opacity: 0; position: absolute !important; z-index: -1; } .frm-star-group .frmsvg, .frm-star-group input + label { float:none; width:25px; height:25px; font-size:25px; line-height:1; cursor:pointer; background:transparent; overflow:hidden !important; clear:none; font-style:normal; display: inline; } .frm-star-group .frmsvg { fill: #F0AD4E; } .frm-star-group input + label:before, .frm-star-group .star-rating:before{ color:#F0AD4E; display: inline; vertical-align:top; } .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; } .star-rating .frmsvg { height: 25px; width: 25px; } .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:#555555; color:var(--text-color); background-color:#ffffff; background-color:var(--bg_color); padding:6px 10px; padding:var(--field-pad); border-radius:4px; border-radius:var(--border-radius); border-color: #cccccc; 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:#555555; } .frmcal table.frmcal-calendar, .frmcal table.frmcal-calendar tbody tr td{ border:1px solid #cccccc; } .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:#555555; font-size:12px; } table.frmcal-calendar .frmcal_date{ background-color:#ffffff; padding:0 5px; text-align:right; -moz-box-shadow:0 2px 5px #cccccc; -webkit-box-shadow:0 2px 5px #cccccc; box-shadow:0 2px 5px #cccccc; } 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:15px; 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:#EAECF0; 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:#4199FD; 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:#555555; 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; background-color: #4199FD; 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; background-color: #4199FD; 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; background-color: #4199FD; 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; background-color: #4199FD; 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; background-color: #4199FD; 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;border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer; margin-top: -10px; box-shadow:0 2px 6px rgba(41, 58, 82, 0.31); } .with_frm_style input[type=range]::-moz-range-thumb { height: 24px; width: 24px;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;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: #cccccc; border-color: var(--border-color) ; border-radius:4px; border-radius: var(--border-radius) ; color: #555555; color: var(--text-color) ; background-color:#ffffff; background-color:var(--bg-color) ; } .with_frm_style .frm_dropzone .frm_upload_icon, .with_frm_style .frm_dropzone .dz-remove{ color: #555555; 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:#B94A48; border-color:var(--border-color-error) ; color:#444444; color:var(--text-color-error) ; background-color:#ffffff; background-color:var(--bg-color-error) ; } .with_frm_style .frm_dropzone .dz-preview .dz-progress { background: #EAECF0; 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: #4199FD; 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 #cccccc; 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; } .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:#f9f9f9; 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 #cccccc; 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(204,204,204,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 #cccccc; 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; } /* End Repeater Fields */ .frm_tiles h3{ margin-top:5px; } /* Submit Button Position */ .frm_forms.frm_full_submit .frm_submit button { width: 100%; } /* Slide in */ .frm_slidein .frm_form_fields > fieldset{ animation-name: frmSlideInRight; animation-duration: 1s; animation-fill-mode: both; } .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); } } .with_frm_style .chosen-container{ font-size:14px; font-size:var(--field-font-size); position:relative; display:inline-block; zoom:1; vertical-align:middle; width:100% !important; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } .with_frm_style .chosen-container * { -webkit-box-sizing: border-box; box-sizing: border-box; } .with_frm_style .chosen-container .chosen-drop{ background:#fff; border:1px solid #aaa; border-top:0; position:absolute; top:100%; z-index:1010; width:100%; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } .with_frm_style .chosen-container.chosen-with-drop .chosen-drop{ clip: auto; -webkit-clip-path: none; clip-path: none; } .with_frm_style .chosen-container a{ cursor:pointer; } .with_frm_style .chosen-container .search-choice .group-name, .with_frm_style .chosen-container .chosen-single .group-name { margin-right: 4px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: normal; color: #999999; } .with_frm_style .chosen-container .search-choice .group-name:after, .with_frm_style .chosen-container .chosen-single .group-name:after { content: ":"; padding-left: 2px; vertical-align: top; } .with_frm_style .chosen-container-single .chosen-single{ position:relative; display:block; overflow:hidden; padding:0 0 0 8px; min-height:25px; text-decoration:none; white-space:nowrap; line-height:24px; } .with_frm_style .chosen-container-single .chosen-default { color: #999; } .with_frm_style .chosen-container-single .chosen-single span{ margin-right:26px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .with_frm_style .chosen-container-single .chosen-single-with-deselect span{ margin-right:38px; } .with_frm_style .chosen-container-single .chosen-single abbr{ display:block; position:absolute; right:26px; top:6px; width:12px; height:12px; font-size:1px; background:url('//people.utm.my/baharinmesir/wp-content/plugins/formidable-pro/images/chosen-sprite.png') -42px 1px no-repeat; } .with_frm_style .chosen-container-single .chosen-single abbr:hover{ background-position:-42px -10px; } .with_frm_style .chosen-container-single.chosen-disabled .chosen-single abbr:hover{ background-position:-42px -10px; } .with_frm_style .chosen-container-single .chosen-single div{ position:absolute; right:0; top:0; display:block; height:100%; width:18px; } .with_frm_style .chosen-container-single .chosen-single div b{ background:url('//people.utm.my/baharinmesir/wp-content/plugins/formidable-pro/images/chosen-sprite.png') no-repeat 0 2px; display:block; width:100%; height:100%; } .with_frm_style .chosen-container-single .chosen-search{ padding:3px 4px; position:relative; margin:0; white-space:nowrap; z-index:1010; } .with_frm_style .chosen-container-single .chosen-search input[type="text"]{ width:100% !important; max-width:100% !important; height:auto; background:url('//people.utm.my/baharinmesir/wp-content/plugins/formidable-pro/images/chosen-sprite.png') no-repeat 100% -20px; font-size:1em; font-family:sans-serif; line-height:normal; border-radius:0; } .with_frm_style .chosen-container-single .chosen-drop{ margin-top:-1px; border-radius:0 0 4px 4px; background-clip:padding-box; } .with_frm_style .chosen-container-single.chosen-container-single-nosearch .chosen-search{ position:absolute; clip: rect(0, 0, 0, 0); -webkit-clip-path: inset(100% 100%); clip-path: inset(100% 100%); } .with_frm_style .chosen-container .chosen-results{ cursor:text; overflow-x:hidden; overflow-y:auto; position:relative; margin:0 4px 4px 0; padding:0 0 0 4px; max-height:240px; -webkit-overflow-scrolling:touch; } .with_frm_style .chosen-container .chosen-results li:before{ background:none; } .with_frm_style .chosen-container .chosen-results li{ display:none; margin:0; padding:5px 6px; list-style:none; line-height:15px; word-wrap:break-word; -webkit-touch-callout:none; } .with_frm_style .chosen-container .chosen-results li, .with_frm_style .chosen-container .chosen-results li span{ color:#555555; color:var(--text-color); } .with_frm_style .chosen-container .chosen-results li.active-result{ display:list-item; cursor:pointer; } .with_frm_style .chosen-container .chosen-results li.disabled-result{ display:list-item; color:#ccc; cursor:default; } .with_frm_style .chosen-container .chosen-results li.highlighted{ background-color: #3875d7; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .with_frm_style .chosen-container .chosen-results li.no-results{ display:list-item; background:#f4f4f4; } .with_frm_style .chosen-container .chosen-results li.group-result{ display:list-item; font-weight:bold; cursor:default; } .with_frm_style .chosen-container .chosen-results li.group-option{ padding-left:15px; } .with_frm_style .chosen-container .chosen-results li em{ font-style:normal; text-decoration:underline; } .with_frm_style .chosen-container-multi .chosen-choices{ position:relative; overflow:hidden; margin:0; padding:0 5px; width:100%; height:auto; border: 1px solid #aaa; background-color: #fff; cursor:text; } .with_frm_style .chosen-container-multi .chosen-choices li{ float:left; list-style:none; } .with_frm_style .chosen-container-multi .chosen-choices li.search-field{ margin:0; padding:0; white-space:nowrap; } .with_frm_style .chosen-container-multi .chosen-choices li.search-field input[type="text"]{ margin:1px 0; padding:0 !important; height:25px; outline:0; border:0 !important; background:transparent !important; box-shadow:none; color:#666; font-size:100%; font-family:sans-serif; line-height:normal; border-radius:0; width: 25px; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice{ position:relative; margin:1px 5px 1px 0; padding:3px 20px 3px 5px; border:1px solid #aaa; max-width:100%; border-radius:3px; background-color:#eee; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-size:100% 19px; background-repeat:repeat-x; background-clip:padding-box; box-shadow:0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05); color:#333; line-height:13px; cursor:default; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice span { word-wrap: break-word; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{ position:absolute; top:4px; right:3px; display:block; width:12px; height:12px; background:url('//people.utm.my/baharinmesir/wp-content/plugins/formidable-pro/images/chosen-sprite.png') -42px 1px no-repeat; font-size:1px; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{ background-position:-42px -10px; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice-disabled{ padding-right:5px; border:1px solid #ccc; background-color:#e4e4e4; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee)); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color:#666; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice-focus{ background:#d4d4d4; } .with_frm_style .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{ background-position:-42px -10px; } .with_frm_style .chosen-container-multi .chosen-results{ margin:0; padding:0; } .with_frm_style .chosen-container-multi .chosen-drop .result-selected{ display:list-item; color:#ccc; cursor:default; } .with_frm_style .chosen-container-single.chosen-container-active .chosen-single{ border:1px solid #5897fb; box-shadow:0 0 5px rgba(0, 0, 0, 0.3); } .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single{ border:1px solid #aaa; border-bottom-right-radius:0; border-bottom-left-radius:0; box-shadow:0 1px 0 #fff inset; } .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single div{ border-left:none; background:transparent; } .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single div b{ background-position:-18px 2px; } .with_frm_style .chosen-container-active .chosen-choices { border: 1px solid #5897fb; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .with_frm_style .chosen-container-active .chosen-choices li.search-field input[type="text"]{ color:#111 !important; } .with_frm_style .chosen-disabled{ opacity:0.5 !important; cursor:default; } .with_frm_style .chosen-disabled .chosen-single{ cursor:default; } .with_frm_style .chosen-disabled .chosen-choices .search-choice .search-choice-close{ cursor:default; } .with_frm_style .chosen-rtl{ text-align:right; } .with_frm_style .chosen-rtl .chosen-single{ overflow:visible; padding:0 8px 0 0; } .with_frm_style .chosen-rtl .chosen-single span{ margin-right:0; margin-left:26px; direction:rtl; } .with_frm_style .chosen-rtl .chosen-single-with-deselect span{ margin-left:38px; } .with_frm_style .chosen-rtl .chosen-single div{ right:auto; left:3px; } .with_frm_style .chosen-rtl .chosen-single abbr{ right:auto; left:26px; } .with_frm_style .chosen-rtl .chosen-choices li{ float:right; } .with_frm_style .chosen-rtl .chosen-choices li.search-field input[type="text"]{ direction:rtl; } .with_frm_style .chosen-rtl .chosen-choices li.search-choice{ margin:1px 5px 1px 0; padding:3px 5px 3px 19px; } .with_frm_style .chosen-rtl .chosen-choices li.search-choice .search-choice-close{ right:auto; left:4px; } .with_frm_style .chosen-rtl.chosen-container-single .chosen-results{ margin:0 0 4px 4px; padding:0 4px 0 0; } .with_frm_style .chosen-rtl .chosen-results li.group-option{ padding-right:15px; padding-left:0; } .with_frm_style .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{ border-right:none; } .with_frm_style .chosen-rtl .chosen-search input[type="text"]{ padding:4px 5px 4px 20px; background:url('//people.utm.my/baharinmesir/wp-content/plugins/formidable-pro/images/chosen-sprite.png') no-repeat -30px -20px; direction:rtl; } .with_frm_style .chosen-rtl.chosen-container-single .chosen-single div b{ background-position:6px 2px; } .with_frm_style .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{ background-position:-12px 2px; } /** Fix for overlapping options **/ .with_frm_style .frm_repeat_sec, .with_frm_style .frm_repeat_inline, .with_frm_style .frm_repeat_grid { position: relative; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi){ .with_frm_style .chosen-rtl .chosen-search input[type="text"], .with_frm_style .chosen-container-single .chosen-single abbr, .with_frm_style .chosen-container-single .chosen-single div b, .with_frm_style .chosen-container-single .chosen-search input[type="text"], .with_frm_style .chosen-container-multi .chosen-choices .search-choice .search-choice-close, .with_frm_style .chosen-container .chosen-results-scroll-down span, .with_frm_style .chosen-container .chosen-results-scroll-up span{ background-image:url('//people.utm.my/baharinmesir/wp-content/plugins/formidable-pro/images/chosen-sprite2x.png') !important; background-size:52px 37px !important; background-repeat:no-repeat !important; } } /* * 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: .5em 0 1em; } .frm_dropzone.dz-clickable.frm_single_upload .dz-message{ margin: 0 0 .5em 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: 1px; height: var(--progress-border-size); background: #EAECF0; 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_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .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: 1px; 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: #1D2939; color: var(--progress-color) ; background-color: #EAECF0; background-color: var(--progress-bg-color) ; border-width: 1px; border-width: var(--progress-border-size) ; border-style: solid; border-color: #e0e2e6; 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: #d6d8dc; color: #091525; background-color: #d6d8dc; } .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: #4199FD; background-color: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline input.frm_page_back { background-color: #1D2939; background-color: var(--progress-color); color: #EAECF0; 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: #4a5666; color: #ffffff; } .frm_forms .frm_page_bar .frm_current_page input[type="button"]{ background-color: #EAECF0; border-color: #EAECF0; } .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; } .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: #4199FD; 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 #EAECF0; border-bottom: 1px solid #EAECF0; 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 #1D2939; border-right: 1px solid #1D2939; } .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 #4199FD; } .frm_forms .frm_progress_line li:last-of-type input { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 1px solid #4199FD; } .frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-right: 1px solid #EAECF0; } .frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-left: 1px solid #EAECF0; } .frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right: 1px solid #1D2939; } .frm_forms .frm_progress_line input.frm_page_back { border-color: #4199FD; } .frm_forms .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #4199FD; border-right-color: #1D2939; } /* IE Workarounds */ @media all and (-ms-high-contrast:none) { ul.frm_rootline_hidden_steps { display: block; min-width: 350px; border: 1px solid #cccccc; 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 #4199FD; } .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 #4199FD; } .frm_rtl.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-left: 1px solid #EAECF0; border-right:none; } .frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-right: 1px solid #EAECF0; border-left:none; } .frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-left: 1px solid #1D2939; 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: #4199FD; border-color: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline .frm_current_page input[type="button"] { border-color: #2d85e9; background-color: #4199FD; 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; } } /* Responsive */ @media only screen and (max-width: 900px) { .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ display: block !important; } } @media only screen and (max-width: 600px) { .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(2, 1fr); } .with_frm_style .frm_repeat_inline, .with_frm_style .frm_repeat_grid{ margin: 20px 0; } } @media only screen and (max-width: 500px) { .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox{ width: auto; margin-right: 0; float: none; display:block; } .frm_form_field input[type=file] { max-width:220px; } .with_frm_style .frm-g-recaptcha > div > div, .with_frm_style .g-recaptcha > div > div{ width:inherit !important; display:block; overflow:hidden; max-width:302px; border-right:1px solid #d3d3d3; border-radius:4px; box-shadow:2px 0px 4px -1px rgba(0,0,0,.08); } .with_frm_style .g-recaptcha iframe, .with_frm_style .frm-g-recaptcha iframe{ width:100%; } }