get_all(); $default_style = $frm_style->get_default_style( $styles ); $defaults = FrmStylesHelper::get_settings_for_output( $default_style ); $important = empty( $defaults['important_style'] ) ? '' : ' !important'; ?> .with_frm_style{ } .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:; text-align:var(--form-align); } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } /* Form description */ .with_frm_style .frm-show-form div.frm_description p{ font-size:; font-size:var(--form-desc-size); color:; color:var(--form-desc-color); margin-top:; margin-top:var(--form-desc-margin-top); margin-bottom:; margin-bottom:var(--form-desc-margin-bottom); padding:; padding:var(--form-desc-padding); } form input.frm_verify{ position:absolute; left:-3000px; } .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:; border-width:var(--fieldset); border-style:solid; border-color:; border-color:var(--fieldset-color); margin:0; padding:; padding:var(--fieldset-padding); background-color:; 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:; font-size:var(--title-size); color:; color:var(--title-color); font-family:; font-family:var(--font); margin-top:; margin-top:var(--title-margin-top); margin-bottom:; 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:; font-family:var(--font); color:; color:var(--form-desc-color); } .with_frm_style .frm_form_field.frm_html_container{ font-size:; font-size:var(--form-desc-size); } .with_frm_style .frm_form_field .frm_show_it{ font-size:; font-size:var(--field-font-size); font-weight:; font-weight:var(--field-weight); } .with_frm_style .frm_required{ color:; color:var(--required-color); font-weight:; font-weight:var(--required-weight); } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container{ font-family:var(--font); font-size:; 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{ color:; color:var(--text-color); background-color:; background-color:var(--bg-color); background-image:none !important; border-color:; border-color:var(--border-color); border-width:; border-width:var(--field-border-width); border-style:; border-style:var(--field-border-style); -moz-border-radius:; -webkit-border-radius:; border-radius:; border-radius:var(--border-radius); width:; width:var(--field-width); max-width:100%; font-size:; font-size:var(--field-font-size); padding:; padding:var(--field-pad); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; font-weight:; font-weight:var(--field-weight); box-shadow:var(--box-shadow); } .with_frm_style input[type=radio], .with_frm_style input[type=checkbox]{ border-color:; border-color:var(--border-color); box-shadow:var(--box-shadow); float: none; } .with_frm_style input[type=radio]:after, .with_frm_style input[type=checkbox]:after { display: none; /* 2021 conflict */ } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{ height:; 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:; color:var(--text-color); padding:0px; font-family:var(--font); font-size:; 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:; width:var(--field-width); max-width:100%; } .with_frm_style .wp-editor-container textarea{ border:none; } .with_frm_style .mceIframeContainer{ background-color:; background-color:var(--bg-color); } .with_frm_style select{ width:; width:var(--auto-width); max-width:100%; } .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:; background-color:var(--bg-color-disabled); color:; color:var(--text-color-disabled); border-color:; 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:; font-family:var(--font); font-size:; font-size:var(--font-size); color:; color:var(--label-color); font-weight:; font-weight:var(--weight); text-align:; text-align:var(--align); padding:; 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; } .with_frm_style .frm_inside_container .frm_primary_label{ opacity:0; transition: opacity 0.1s linear; } .with_frm_style .frm_inside_container label.frm_visible, .frm_visible{ opacity:1; } .with_frm_style .frm_description{ 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:; padding:var(--submit-padding); padding:5px; -moz-border-radius:; -webkit-border-radius:; border-radius:; border-radius:var(--border-radius); font-size:; font-size:var(--submit-font-size); font-family:; font-family:var(--font); font-weight:; font-weight:var(--submit-weight); color:; color:var(--submit-text-color); background:; background:var(--submit-bg-color); border-width:; border-width:var(--submit-border-width); border-color:; border-color:var(--submit-border-color); height:; 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_inline_success .frm_submit{ display: flex; flex-direction: row; align-items: center; margin: 0; } .with_frm_style .frm_inline_success .frm_submit .frm_message{ flex: 1; margin: 0; padding-left: 10px; } .with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{ text-align: right; } .with_frm_style.frm_center_submit .frm_submit input[type=submit], .with_frm_style.frm_center_submit .frm_submit input[type=button], .with_frm_style.frm_center_submit .frm_submit button{ margin-bottom:8px !important; } .with_frm_style .frm-edit-page-btn, .with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .with_frm_style .frm_submit button{ -webkit-appearance: none; cursor: pointer; } .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ display: block; margin: 0 auto; } .with_frm_style .frm_loading_prev .frm_ajax_loading, .with_frm_style .frm_loading_form .frm_ajax_loading{ /* keep this for reverse compatibility for old HTML */ visibility:visible !important; } .with_frm_style .frm_loading_prev .frm_prev_page, .with_frm_style .frm_loading_form .frm_button_submit { position: relative; opacity: .8; color: transparent !important; text-shadow: none !important; } .with_frm_style .frm_loading_prev .frm_prev_page:hover, .with_frm_style .frm_loading_prev .frm_prev_page:active, .with_frm_style .frm_loading_prev .frm_prev_page:focus, .with_frm_style .frm_loading_form .frm_button_submit:hover, .with_frm_style .frm_loading_form .frm_button_submit:active, .with_frm_style .frm_loading_form .frm_button_submit:focus { cursor: not-allowed; color: transparent; outline: none !important; box-shadow: none; } .with_frm_style .frm_loading_prev .frm_prev_page::before, .with_frm_style .frm_loading_form .frm_button_submit:before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #fff; border-top-color: transparent; border-left-color: transparent; border-radius: 50%; box-sizing: border-box; top: 50%; left: 50%; margin-top: -px; margin-left: -px; width: px; height: px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .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{ font-family:; font-family:var(--font); font-size:; font-size:var(--submit-font-size); font-weight:; font-weight:var(--submit-weight); } .horizontal_radio .frm_radio{ margin:0 5px 0 0; } .horizontal_radio .frm_checkbox{ margin:0; margin-right:5px; } .vertical_radio .frm_checkbox, .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; } .horizontal_radio .frm_checkbox, .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; padding-left: 0; } .with_frm_style .frm_radio{ display:; display:var(--radio-align); } .with_frm_style .frm_checkbox{ display:; display:var(--check-align); } .with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; } .with_frm_style .horizontal_radio .frm_checkbox, .with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; } .with_frm_style .frm_checkbox label, .with_frm_style .frm_radio label{ display: inline; white-space:normal; } .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{ display: block; padding-left: 20px; text-indent: -20px; } .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label{ font-family:; font-family:var(--font); font-size:; font-size:var(--check-font-size); color:; color:var(--check-label-color); font-weight:; 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:; font-size:var(--check-font-size); position:static; } .frm_file_container .frm_file_link, .with_frm_style .frm_radio label .frm_file_container, .with_frm_style .frm_checkbox label .frm_file_container{ display:inline-block; margin:5px; vertical-align:middle; } .with_frm_style .frm_radio input[type=radio]{ border-radius:50%; } .with_frm_style .frm_checkbox input[type=checkbox]{ border-radius:0; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{ -webkit-appearance: none; appearance: none; background-color: var(--bg-color); flex: none; display:inline-block; margin: 0 5px 0 0; color: var(--border-color); width: 18px; min-width: 18px; height: 18px; border: 1px solid currentColor; border-color: var(--border-color); vertical-align: middle; position: initial; /* override Bootstrap */ padding: 0; } .with_frm_style .frm_radio input[type=radio]:before, .with_frm_style .frm_checkbox input[type=checkbox]:before { content: ''; width: 12px; height: 12px; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 10px 10px var(--text-color); display: block; margin: 2px 0 0 2px; } .with_frm_style .frm_checkbox input[type=checkbox]:before{ clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); border-radius: 0; } .with_frm_style .frm_radio input[type=radio]:checked:before, .with_frm_style .frm_checkbox input[type=checkbox]:checked:before { transform: scale(1); } .with_frm_style :invalid, .with_frm_style :-moz-submit-invalid, .with_frm_style :-moz-ui-invalid{ box-shadow:none; } .with_frm_style .frm_error_style img{ padding-right:10px; vertical-align:middle; border:none; } .with_frm_style .frm_trigger{ cursor:pointer; } .with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:15px; } .with_frm_style .frm_message p{ margin-bottom:5px; color:; color:var(--success-text-color); } .with_frm_style .frm_message, .frm_success_style{ margin:5px 0 15px; border:1px solid ; border-color:var(--success-border-color); background-color:; background-color:var(--success-bg-color); color:; color:var(--success-text-color); border-radius:; border-radius:var(--border-radius); font-size:; 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:; 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:; 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:; } table.form_results.with_frm_style{ border: 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:; color:var(--text-color); border-top:1px 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:; background-color:var(--bg-color); } .frm_color_block { background-color:; 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, 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, 50%, 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px; } #frm_loading .progress-bar{ background-color:; 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(../images/ajax_loader.gif) no-repeat center center; padding:6px 12px; } select.frm_loading_lookup{ background-image: url(../images/ajax_loader.gif) !important; background-position: 10px; background-repeat: no-repeat; color: transparent !important; } .frm_conf_field.frm_left_container .frm_primary_label{ display:none; } .wp-editor-wrap *, .wp-editor-wrap *:after, .wp-editor-wrap *:before{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .with_frm_style .frm_grid, .with_frm_style .frm_grid_first, .with_frm_style .frm_grid_odd{ clear:both; margin-bottom:0 !important; padding:5px; border-width:1px; border-style:solid; border-color:; 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{ 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:; background-color:var(--bg-color); } .frm_grid{ background-color:; 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:; background-color:var(--error-bg); border-color:; border-color:var(--error-bg); } .frm_grid .frm_primary_label, .frm_grid_first .frm_primary_label, .frm_grid_odd .frm_primary_label, .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ float:left !important; display:block; margin-top:0; margin-left:0 !important; } .frm_grid_first .frm_radio label, .frm_grid .frm_radio label, .frm_grid_odd .frm_radio label, .frm_grid_first .frm_checkbox label, .frm_grid .frm_checkbox label, .frm_grid_odd .frm_checkbox label{ visibility:hidden; white-space:nowrap; text-align:left; } .frm_grid_first .frm_radio label input, .frm_grid .frm_radio label input, .frm_grid_odd .frm_radio label input, .frm_grid_first .frm_checkbox label input, .frm_grid .frm_checkbox label input, .frm_grid_odd .frm_checkbox label input{ visibility:visible; margin:2px 0 0; float:right; } .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ display:inline; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox, .frm_grid_2 .frm_primary_label{ width:48% !important; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox{ margin-right:4%; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox, .frm_grid_3 .frm_primary_label{ width:30% !important; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox{ margin-right:3%; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ width:20% !important; } .frm_grid_4 .frm_primary_label{ width:28% !important; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ margin-right:4%; } .frm_grid_5 .frm_primary_label, .frm_grid_7 .frm_primary_label{ width:24% !important; } .frm_grid_5 .frm_radio, .frm_grid_5 .frm_checkbox{ width:17% !important; margin-right:2%; } .frm_grid_6 .frm_primary_label{ width:25% !important; } .frm_grid_6 .frm_radio, .frm_grid_6 .frm_checkbox{ width:14% !important; margin-right:1%; } .frm_grid_7 .frm_primary_label{ width:22% !important; } .frm_grid_7 .frm_radio, .frm_grid_7 .frm_checkbox{ width:12% !important; margin-right:1%; } .frm_grid_8 .frm_primary_label{ width:23% !important; } .frm_grid_8 .frm_radio, .frm_grid_8 .frm_checkbox{ width:10% !important; margin-right:1%; } .frm_grid_9 .frm_primary_label{ width:20% !important; } .frm_grid_9 .frm_radio, .frm_grid_9 .frm_checkbox{ width:9% !important; margin-right:1%; } .frm_grid_10 .frm_primary_label{ width:19% !important; } .frm_grid_10 .frm_radio, .frm_grid_10 .frm_checkbox{ width:8% !important; margin-right:1%; } .frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_left_container .frm_opt_container{ padding-top:4px; } .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{ margin-right:0; } .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container{ display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: max-content; grid-gap: 0 2.5%; } .frm_form_field.frm_three_col .frm_opt_container{ grid-template-columns: repeat(3, 1fr); } .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(4, 1fr); } .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col .frm_checkbox{ grid-column-end: span 1; } .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox + .frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio + .frm_radio{ margin-top: 0; margin-bottom: 0; } .frm_form_field.frm_scroll_box .frm_opt_container{ height:100px; overflow:auto; } .frm_html_container.frm_scroll_box, .frm_form_field.frm_html_scroll_box{ height:100px; overflow:auto; background-color:; background-color:var(--bg-color); border-color:; border-color:var(--border-color); border-width:; border-width:var(--field-border-width); border-style:; border-style:var(--field-border-style); -moz-border-radius:; -webkit-border-radius:; border-radius:; border-radius:var(--border-radius); width:; width:var(--field-width); max-width:100%; font-size:; font-size:var(--field-font-size); padding:; padding:var(--field-pad); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; font-weight:normal; box-shadow:var(--box-shadow); } .frm_form_field.frm_total_big input, .frm_form_field.frm_total_big textarea, .frm_form_field.frm_total input, .frm_form_field.frm_total textarea{ opacity:1; background-color:transparent !important; border:none !important; font-weight:bold; -moz-box-shadow:none; -webkit-box-shadow:none; width:auto !important; height:auto !important; box-shadow:none !important; display:inline; -moz-appearance:textfield; padding:0; } .frm_form_field.frm_total_big input::-webkit-outer-spin-button, .frm_form_field.frm_total_big input::-webkit-inner-spin-button, .frm_form_field.frm_total input::-webkit-outer-spin-button, .frm_form_field.frm_total input::-webkit-inner-spin-button { -webkit-appearance: none; } .frm_form_field.frm_total_big input:focus, .frm_form_field.frm_total_big textarea:focus, .frm_form_field.frm_total input:focus, .frm_form_field.frm_total textarea:focus{ background-color:transparent; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .frm_form_field.frm_label_justify .frm_primary_label{ text-align:justify !important; } .frm_form_field.frm_capitalize input, .frm_form_field.frm_capitalize select, .frm_form_field.frm_capitalize .frm_opt_container label{ text-transform:capitalize; } .frm_clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .frm_clearfix{ display:block; } .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before { color:; color:var(--repeat-icon-color); } /* Fonts */ /* Responsive */ @media only screen and (max-width: 900px) { .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ display: block !important; } } @media only screen and (max-width: 600px) { .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(2, 1fr); } .with_frm_style .frm_repeat_inline, .with_frm_style .frm_repeat_grid{ margin: 20px 0; } } @media only screen and (max-width: 500px) { .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox{ width: auto; margin-right: 0; float: none; display:block; } .frm_form_field input[type=file] { max-width:220px; } .with_frm_style .frm-g-recaptcha > div > div, .with_frm_style .g-recaptcha > div > div{ width:inherit !important; display:block; overflow:hidden; max-width:302px; border-right:1px solid #d3d3d3; border-radius:4px; box-shadow:2px 0px 4px -1px rgba(0,0,0,.08); -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08); } .with_frm_style .g-recaptcha iframe, .with_frm_style .frm-g-recaptcha iframe{ width:100%; } }