.with_frm_style{ --form-width:100%;--form-align:left;--direction:ltr;--fieldset:2px;--fieldset-color:#5a5a5a;--fieldset-padding:15px 15px;--fieldset-bg-color:#2a2a2b;--title-size:22px;--title-color:#ffffff;--title-margin-top:10px;--title-margin-bottom:10px;--form-desc-size:14px;--form-desc-color:#cfcfcf;--form-desc-margin-top:10px;--form-desc-margin-bottom:25px;--form-desc-padding:0;--font:Lato;--font-size:17px;--label-color:#d6d6d6;--weight:100;--position:none;--align:left;--width:150px;--required-color:#ffffff;--required-weight:bold;--label-padding:0 0 3px 0;--description-font-size:13px;--description-color:#b5b5b5;--description-weight:100;--description-style:italic;--description-align:left;--description-margin:0;--field-font-size:16px;--field-height:36px;--line-height:36px;--field-width:100%;--auto-width:100%;--field-pad:6px 10px;--field-margin:20px;--field-weight:500;--text-color:#ffffff;--border-color:#6b6b6b;--field-border-width:1px;--field-border-style:solid;--bg-color:#1e1e1e;--bg-color-active:#242424;--border-color-active:#f5821f;--text-color-error:#bbbbbb;--bg-color-error:#383838;--border-color-error:#f7ec13;--border-width-error:2px;--border-style-error:dashed;--bg-color-disabled:#2f2f2f;--border-color-disabled:#6b6b6b;--text-color-disabled:#bfbfbf;--radio-align:block;--check-align:block;--check-font-size:16px;--check-label-color:rgba(255,255,255,1);--check-weight:500;--section-font-size:24px;--section-color:#f5821f;--section-weight:normal;--section-pad:15px 0 3px 0;--section-mar-top:16px;--section-mar-bottom:12px;--section-bg-color:transparent;--section-border-color:#909090;--section-border-width:1px;--section-border-style:solid;--section-border-loc:-bottom;--collapse-pos:after;--repeat-icon-color:#ffffff;--submit-font-size:16px;--submit-width:auto;--submit-height:50px;--submit-bg-color:rgba(192,30,46,1);--submit-border-color:transparent;--submit-border-width:0px;--submit-text-color:#ffffff;--submit-weight:normal;--submit-border-radius:0px;--submit-padding:0px 20px;--submit-hover-bg-color:rgba(168,26,40,1);--submit-hover-color:#ffffff;--submit-hover-border-color:#e0e0e0;--submit-active-bg-color:#bf091b;--submit-active-color:#ffffff;--submit-active-border-color:transparent;--border-radius:0px;--error-bg:#ffffff;--error-border:#dd0000;--error-text:#dd0000;--error-font-size:16px;--success-bg-color:#0f0101;--success-border-color:#f5821f;--success-text-color:#ffffff;--success-font-size:16px;--progress-bg-color:#dddddd;--progress-color:#000000;--progress-active-bg-color:#c01e2e;--progress-active-color:#ffffff;--progress-border-color:#dfdfdf;--progress-border-size:2px;--progress-size:30px;--base-font-size:15px;--toggle-font-size:16px;--slider-font-size:16px;--slider-track-size:8px;--slider-circle-size:24px;--slider-color:#c01e2e;--slider-bar-color:#c01e2e;--date-head-bg-color:#2b2b2b;--date-head-color:#d4d0d0;--date-band-color:#c01e2e;--bg-image-id:0;--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); } .with_frm_style fieldset{ min-width:0; display: block; /* Override 2021 theme */ } .with_frm_style fieldset fieldset{ border:none; margin:0; padding:0; background-color:transparent; } .with_frm_style .frm_form_fields > fieldset{ border-width: var(--fieldset); border-style:solid; border-color: var(--fieldset-color); margin:0; padding: var(--fieldset-padding); background-color: var(--fieldset-bg-color); font-family:var(--font); } legend.frm_hidden{ display:none !important; } .with_frm_style .frm_form_fields{ opacity:1; transition: opacity 0.1s linear; } .with_frm_style .frm_doing_ajax{ opacity:.5; } .frm_transparent{ color:transparent; } .with_frm_style legend + h3, .with_frm_style h3.frm_form_title{ font-size: var(--title-size); color: var(--title-color); font-family: var(--font); margin-top: var(--title-margin-top); margin-bottom: var(--title-margin-bottom); } .with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field .frm_show_it{ font-family: var(--font); color: var(--form-desc-color); } .with_frm_style .frm_form_field.frm_html_container{ font-size: var(--form-desc-size); } .with_frm_style .frm_form_field .frm_show_it{ font-size: var(--field-font-size); font-weight: var(--field-weight); } .with_frm_style .frm_required { color: var(--required-color); font-weight: var(--required-weight); } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement { font-family:var(--font); font-size: var(--field-font-size); margin-bottom:0; } .with_frm_style textarea{ vertical-align:top; height:auto; } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .frm_slimselect.ss-main { color: var(--text-color); background-color: var(--bg-color); border-color: var(--border-color); border-width: var(--field-border-width); border-style: var(--field-border-style); border-radius: var(--border-radius); width: var(--field-width); max-width: 100%; font-size: var(--field-font-size); padding: var(--field-pad); box-sizing: border-box; outline: none; font-weight: var(--field-weight); } .with_frm_style select option { color: var(--text-color); } .with_frm_style select option.frm-select-placeholder { color: var(--text-color-disabled); } .with_frm_style input[type=radio], .with_frm_style input[type=checkbox]{ border-color: var(--border-color); box-shadow: var(--box-shadow); float: none; } .with_frm_style input[type=radio]:after, .with_frm_style input[type=checkbox]:after { display: none; /* 2021 conflict */ } .with_frm_style input[type=radio]:not(:checked):focus, .with_frm_style input[type=checkbox]:not(:checked):focus { border-color: var(--border-color) !important; } .with_frm_style input[type=radio]:focus, .with_frm_style input[type=checkbox]:focus { box-shadow:0px 0px 0px 3px rgba(245,130,31, 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; } .with_frm_style input::placeholder, .with_frm_style textarea::placeholder { font-size: var(--field-font-size); } .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)); } .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:0px; 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{ --fieldset:0px;--fieldset-color:#000000;--fieldset-padding:0 0 15px 0;--fieldset-bg-color:transparent;--title-size:20px;--title-color:#444444;--form-desc-color:#666666;--form-desc-padding:0px;--font:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif;--font-size:14px;--label-color:#444444;--weight:bold;--required-color:#B94A48;--description-font-size:12px;--description-color:#666666;--description-weight:normal;--description-style:normal;--field-font-size:14px;--field-height:32px;--line-height:32px;--field-weight:normal;--text-color:#555555;--border-color:#cccccc;--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;--check-font-size:13px;--check-label-color:#444444;--check-weight:normal;--section-font-size:18px;--section-color:#444444;--section-weight:bold;--section-mar-top:15px;--section-border-color:#e8e8e8;--section-border-width:2px;--section-border-loc:-top;--submit-font-size:14px;--submit-height:auto;--submit-bg-color:#ffffff;--submit-border-color:#cccccc;--submit-border-width:1px;--submit-text-color:#444444;--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-color:#ffffff;--progress-active-bg-color:#008ec2;--toggle-font-size:14px;--toggle-on-color:#008ec2;--toggle-off-color:#dddddd;--slider-font-size:14px;--slider-color:#008ec2;--slider-bar-color:#dddddd;--date-head-bg-color:#ffffff;--date-head-color:#555555;--date-band-color:#579AF6;} .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 .placeholder { color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#ffffff; border-color:#66afe9; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(102,175,233, 0.6); } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { width:auto; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; height:auto; line-height:normal; text-align:center; background: #ffffff ; border-width:1px; border-color: #cccccc; border-style:solid; color:#444444; cursor:pointer; font-weight:normal; border-radius:4px; text-shadow:none; padding:6px 11px; box-sizing:border-box; box-shadow:0 1px 1px #eeeeee; margin:10px; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover{ background: #efefef; border-color: #cccccc; color: #444444; } .frm_style_formidable-style.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:10px; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:focus, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus, .frm_style_formidable-style.with_frm_style .frm_submit button:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:active, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, .frm_style_formidable-style.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #444444; outline: none; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #ffffff; border-color: #ffffff; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #444444; border-right-color: #444444; } .frm_style_formidable-style.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; color:#444444; font-weight:bold; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit input, .frm_style_formidable-style.with_frm_style.frm_inline_form .frm_submit button, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_formidable-style.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_formidable-style.with_frm_style #frm_field_cptch_number_container{ font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,sans-serif; font-size:14px; color:#444444; font-weight:bold; clear:both; } .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=checkbox], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=radio], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid { color:#444444; background-color:#ffffff; border-color:#B94A48; border-width:var(--border-width-error) ; border-style:solid; } .frm_style_formidable-style.with_frm_style .frm_blank_field .sigWrapper{ border-color:#B94A48 !important; } .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{ font-weight:bold; color:#B94A48; } .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; } /* Dark mode fix by Devika G */ :root { color-scheme: only light; } .frm_style_thiago-varella-dark-v2.with_frm_style select { background-size: auto !important; background-position: 100% 50% !important; } .with_frm_style input[type=range] { min-height: 0 !important; padding: 0 !important; } /* Formidable forms - Devika's fix for optionbox and checkbox return to white color after formidable v6.4.1 update that changed to accent color */ .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 #fff !important*/ } /* Temporary fix for honeypot spam message "If you are human, leave this field blank." */ .salvar_rascunho { display: none !important; } /* Formidable Forms - I created this class to hide fields */ .frm_hide { display: none !important; } /* CODE NOT WORKING AT MOBILE */ @media (max-width: 768px) { .frm_fixcss1 { width: auto !important; } } /* Formidable Forms - Fix css at trainings form (cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss1 { width: 512px !important; } /* --------------------------------------- */ /* FORMIDABLE BOOTSTRAP MODAL */ /* --------------------------------------- */ /* Formidable Bootstrap Modal - Hide shiftnav when modal is opened */ .modal-open #shiftnav-toggle-main { display: none; } /* Formidable Bootstrap Modal - Centralize modal */ .modal { padding: 20px !important; background: rgba(0, 0, 0, .8) !important } .modal-dialog { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: 600px !important; transform: translate(-50%, -50%) !important; margin: 0px !important; } body.page-treinos .modal-backdrop { z-index: 240; } body.page-treinos .modal-dialog { z-index: 99999; } /* Formidable Bootstrap Modal - Centralize modal (mobile) @media (min-width: 768px) { .modal-dialog { margin-left: 161px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 40% !important; } }*/ /* Formidable Bootstrap Modal - Content */ .modal-content { position: relative !important; background-color: #2d2d2d !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999 !important; border-radius: 6px; /*height: 600px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } /* Formidable Bootstrap Modal - Title */ .modal-title { color: #ffffff; margin-right: 40px !important; } /* Formidable Bootstrap Modal - Close button */ .modal-header .close { font-size: 30px !important; font-weight: 500 !important; color: #c01e2e !important; text-shadow: none !important; opacity: 1 !important; margin: -2px 0 0 !important; position: absolute !important; right: 10px !important; } /* Formidable Bootstrap Modal - Header */ .modal-header { border-bottom: 1px dashed #c5c5c5 !important; } /* Formidable Bootstrap Modal - Centralize vimeo iframe */ .modal-body { text-align: center; } @media(max-width: 640px) { .modal-dialog { width: calc(100% - 40px) !important; max-width: none !important; } .modal-body { max-height: calc(100vh - 30px) !important; overflow: hidden !important; overflow-y: scroll !important; } } /* Formidable Forms - Fix incompatibility between Formidable Bootstrap Modal and ShiftNav Pro (code given by formidable forms support) */ .modal-backdrop.in { display: none !important; } /* --------------------------------------- */ /* FORMIDABLE FORMS - global settings */ /* --------------------------------------- */ /* Formidable Forms - Fix css at sequences / exercise notes filter / sections ------ cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss2 { width: 645px !important; } @media (max-width: 768px) { /* CODE NOT WORKING AT MOBILE */ .frm_fixcss2 { width: auto !important; } } /* Formidable Forms - Section field (H3) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { font-family: oswald; } /* Formidable Forms - Toggle - Definir as cores por aqui, pois o styler é ruim */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_on_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_off_label { color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_slider { background-color: #464646; } .frm_slider:before { background-color: #ffffff; box-shadow: 2px 0px 2px 1px #808080; } /* Formidable Forms - Description field */ .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description { line-height: 1.1; } /* Formidable forms - Date picker (default) */ .ui-datepicker thead { background: #3a3a3a !important; } div#ui-datepicker-div { background: #232323; } .ui-datepicker th { font-weight: normal !important; } .ui-datepicker td { border: 1px solid #616161 !important; } .ui-datepicker { border-top: 1px solid #f5821f !important; border: 1px solid #f5821f !important; } .ui-datepicker td .ui-state-default { color: #ffffff !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #1e1e1d; color: #ffffff; } /* Formidable forms - Range slider (aumentar e estilizar o valor indicado) */ span.frm_range_value { color: white; font-size: 20px !important; } Formidable forms - Range slider (diminuir a margem superior entre o slider e o número) */ .frm_range_container input { margin-top: 0px !important; } /* Formidable forms - Range slider (código do Rishun L. para desabilitar o scrollbar (click event) */ @media (max-width: 768px) { input[type=range] { pointer-events: none; } input[type=range]::-webkit-slider-thumb { /*Webkit Browsers like Chome and Safari*/ pointer-events: auto; } input[type=range]::-moz-range-thumb { /*Firefox*/ pointer-events: auto; } input[type=range]::-ms-thumb { /*Internet Explorer*/ pointer-events: auto; } } /* Formidable forms - Dropdown (change dropdown arrrow - CODE DISABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) !important; } /* Formidable forms - Dropdown (change dropdown arrrow - CODE ENABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: none; } /* Formidable forms - Slider unit (change color) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_range_unit { color: white; } /* Formidable forms - Upload drop zone (change background color) */ .dz-message.needsclick { background: #1e1e1e; } /* Formidable Forms - Repeater PLUS button (add margin at right) */ a.frm_add_form_row.frm_icon_font.frm_plus_icon { margin-right: 5px; } /* Formidable Forms - Repeater icon */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_plus_icon:before { color: #c01e2e; font-weight: 600; } /* Formidable Forms - Pagination at views (active page) */ ul.frm_pagination.pagination .active a { background: #c01e2e; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) */ ul.frm_pagination.pagination a { color: white; background: #1f1f1f; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) HOVER */ ul.frm_pagination.pagination a:hover { color: #ffffff; background-color: #313131; } /* Formidable Forms - Forms that have number of an item read only field (Styling) */ .numero_programa input, .numero_modulo input, .numero_video input { background: #f5821f !important; text-align: center !important; color: black !important; font-size: 20px !important; font-weight: 900 !important; border-color: transparent !important; } /* Formidable Forms - Forms that have number of an item read only field (Styling) - Tweak for "video" */ .numero_video input { background: darkgray !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - style */ .nome_completo input[type=text] { font-size: 18px !important; background-color: #520D14 !important; text-align: center !important; padding-top: 5px !important; padding-bottom: 5px !important; color: #f7f7f7 !important; margin-bottom: 0px !important; border: none !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - remove box shadow*/ .nome_completo input[type=text]:focus { box-shadow: none !important; } /* Visual Composer (Team) - frm_total fields at forms for e-mail */ .email_completo { width: 100%; display: block; } .email_completo input[type=email] { font-size: 14px !important; color: #c0c0c0 !important; text-align: center !important; width: 100% !important; display: block; margin: 5px 0 20px !important; } /* Visual Composer (Team) - Sections that are shown with different color */ .only_administrators h3 { color: #828282 !important; border-bottom-color: #676767 !important; border-bottom-style: dashed !important; } /* Visual Composer (Team) - Sections that are shown with visibility set to administartors - repeater buttons */ .only_administrators .frm_icon_font.frm_plus_icon:before, .only_administrators .frm_icon_font.frm_minus_icon:before { color: #4c4c4c !important; } /* Formidable Forms - Dropdown autocomplete (background) */ .with_frm_style .chosen-drop { background: #1f1f1f !important; } /* Formidable Forms - Dropdown autocomplete (selected) */ .with_frm_style li.active-result.result-selected { background: #c01e2e !important; } /* Formidable Forms - Dropdown autocomplete (highlighted) */ .with_frm_style .chosen-container .chosen-results li.highlighted { background-color: #c01e2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c01e2e), color-stop(90%, #891521)); background-image: linear-gradient(#c01e2e 20%, #891521 90%); color: #fff; } /* Formidable Forms - Dropdown autocomplete (no results) */ .with_frm_style .chosen-container .chosen-results li.no-results { background: #505050 !important; } /* Formidable Forms - Dropdown autocomplete (top shadow) */ .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none !important; } /* Formidable Forms - Dropdown autocomplete - Change default placeholder text color */ .with_frm_style a.chosen-single.chosen-default span { color: #808080; } /* Formidable Forms - Dropdown autocomplete - Adjust height */ .with_frm_style a.chosen-single.chosen-default, .with_frm_style a.chosen-single.chosen-single-with-deselect { height: 32px !important; line-height: 32px !important; } /* Formidable Forms - Repeater - Remove divider between them */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_repeat_sec { border-bottom: none; } /* Formidable Forms - Uploader (Dropzone) - Remvoe extra background at bottom */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_dropzone { background-color: transparent; } /* Formidable Forms - Submit button (Font) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button { font-family: oswald; border-color: rgba(128, 128, 128, 0.5); border-style: groove; border-width: 3px; } /* Formidable Forms - Submit button (HOVER) */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover { border-width: 1px; border-color: #b7b7b7; color: #ffffff; } /* Formidable Forms - Submit button (Flexbox CENTER) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_flex { justify-content: center; } /* Formidable forms - Repeater buttons (HOVER) */ a:hover.frm_add_form_row.frm_icon_font.frm_plus_icon::before, a:hover.frm_remove_form_row.frm_icon_font.frm_minus_icon::before { color: #c1c1c1 !important; } /* Formidable forms - Error message (tweak) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style { border-width: 5px; line-height: 1.1; text-align: center; } /* Formidable forms - Primary label */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { line-height: 1.2; } /* Formidable forms - Primary label for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 15px; } } /* Formidable forms - Vertical space between fields (Mobile) */ /* @media (max-width: 768px) { .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 30px !important; } } */ /* Formidable forms - Descriptions for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_description { font-size: 12px !important; line-height: 1.1 !important; } } /* Formidable forms - class "administrator-readonly" (styling) */ .administrator-readonly input { background-image: none !important; background-repeat: no-repeat !important; background: #171717 !important; } /* Formidable forms - Before input field background */ .frm_inline_box.input-group-addon { background: #353535 !important; } /* Formidable forms - After input field text color */ .frm_inline_box.input-group-text.input-group-addon { color: white; height: 36px; } /* --------------------------------------- */ /* AREAVIP & TEAM (All forms) */ /* --------------------------------------- */ /* Formidable Forms - Team - field */ .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 10px; } /* Formidable Forms - Team - labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 14px; padding: 0 0 5px 0; } /* Formidable Forms - Team - radio buttons and checkboxes */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox label { font-size: 14px; } /* Formidable Forms - Team - headings */ .page-areavip .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { padding: 5px 0 3px 0; font-size: 20px; } /* Formidable Forms - Team - toggle */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_switch_opt { font-size: 14px; } /* Formidable Forms - Team - input text */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number] .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=phone], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select, .frm_style_thiago-varella-dark-v2.with_frm_style textarea, .frm_form_fields_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-single .chosen-single { font-size: 14px; } /* Formidable Forms - Team - input size */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=file], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select { height: 32px; line-height: 1.3; margin-bottom: 5px; } /* Formidable Forms - Team - range slider (my custom text) */ .frm_range_container span { font-size: 16px !important; } /* Formidable Forms - Team - Remove spaces betwwen repeaters */ .page-areavip .frm_repeat_sec { margin-bottom: 0px !important; margin-top: 0px !important; } /* Formidable Forms - Team - Decrease space betwwen vertical checkboxes and radion buttons */ .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox+.frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio+.frm_radio { line-height: 1; } /* --------------------------------------- */ /* Filters */ /* --------------------------------------- */ /* Formidable Forms - Filters (border and padding) */ .form_filter fieldset { /* padding-top: 0px !important; */ border-color: #c01e2e !important; border-width: 1px !important; } /* Formidable Forms - Filters (move submit button up) */ .form_filter .frm_submit { margin-bottom: -39px !important; } /* Formidable Forms - Filters (change submit button height */ .form_filter .frm_final_submit { font-size: 14px !important; height: 34px !important; } /* Formidable Forms - Toggle 'Arquivar' (Hide off option) */ .frm_filter_arquivar span.frm_off_label.frm_switch_opt { display: none; } /* Formidable Forms - Toggle 'Arquivar' (remove margin bottom) */ .frm_filter_arquivar { margin-bottom: 0px !important; } /* Formidable Forms - Team - All toggles (main color) */ .page-team input:checked+.frm_slider { background-color: #c01e2e !important; } /* Remove extra margin from headings */ .form_filter .form-field.frm_section_heading { margin-bottom: 0 !important; } /* Hide field name that i am passing inside description at filters to devika's code */ .form_filter .frm_description .param { display: none !important } .reset-filter { margin: 10px 0; } #view-data { min-height: 200px; transition: opacity .12s } #view-data.doing-ajax { position: relative; overflow: hidden; } #view-data.doing-ajax>* { pointer-events: none; opacity: .26 } #view-data.doing-ajax:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: wait; } #view-data.doing-ajax .ajax-loader { position: absolute; z-index: 20; left: 50%; top: 80px; transform: translate(-50%, 0%); display: block; opacity: 1 } #view-data:not(.doing-ajax) .ajax-loader { display: none !important } /* --------------------------------------- */ /* Fitness Consulting Form */ /* --------------------------------------- */ /* Range slider - altura (acrescentar "m") */ #frm_field_563_container span.frm_range_value:after { content: ' m'; } /* Range slider - peso (acrescentar "kg") */ #frm_field_562_container span.frm_range_value:after { content: ' kg'; } /* Range slider - percentual de gordura (acrescentar "%") */ #frm_field_564_container span.frm_range_value:after { content: ' %'; } /* Range slider - Quantos meses sem fazer musculação (acrescentar "meses") */ #frm_field_571_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos meses já praticou (acrescentar "meses") */ #frm_field_568_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos dias na semana pode treinar (acrescentar "dias") */ #frm_field_579_container span.frm_range_value:after { content: ' dias'; } /* Extra space between some fields and next field */ #frm_field_conf_553_container, #frm_field_conf_554_container, #frm_field_517_container, #frm_field_518_container, #frm_field_553_container, #frm_field_1318_container, #frm_field_591_container, #frm_field_520_container, #frm_field_1080_container, #frm_field_1565_container, #frm_field_521_container, #frm_field_530_container, #frm_field_561_container, #frm_field_1631_container, #frm_field_1632_container, #frm_field_565_container, #frm_field_573_container, #frm_field_568_container, #frm_field_572_container, #frm_field_536_container, #frm_field_562_container, #frm_field_531_container, #frm_field_2163_container, #frm_field_2167_container, #frm_field_2164_container, #frm_field_2168_container { margin-bottom: 30px !important; } /* Extra space between some fields and previous field */ #frm_field_1565_container, #frm_field_1811_container { margin-top: 30px !important; } /* Star rating - Cerveja/Beer (acertar largura e altura) */ .frm-star-group .star-rating, .frm-star-group input+label { width: 35px !important; height: 36px !important; font-size: 36px !important; } /* Star rating - Cerveja/Beer (diminuir o espaço entre as cervejas) */ .frm-star-group .star-rating, .frm-star-group input+label { margin-right: 5px; } /* Star rating - Cerveja/Beer (cheia) */ .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before, .frm-star-group input+label:hover:before, .frm-star-group:hover input+label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-full.png) !important; } /* Star rating - Cerveja/Beer (vazia) */ .frm-star-group input+label:before, .frm-star-group .star-rating:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-empty.png); } /* Star rating - Adjust for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_567_container .star-rating, #frm_field_567_container input+label { width: 30px !important; } } /* Optionbox - Sexo (criei classe "option_sexocartoon" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_sexocartoon { padding-left: 40px; } /* Optionbox - EMOJIS (centralizar tudo) */ div#frm_field_582_container { text-align: center; } #frm_field_582_container label.frm_primary_label.control-label { text-align: center !important; } /* Optionbox - EMOJIS (diminuir espaço entre os emojis) */ #frm_field_582_container .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_checkbox, .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1 { display: inline-block; margin-left: 0px; padding-left: 0px; } /* Optionbox - EMOJIS (criei classe "option_emoji" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_emoji { padding-left: 15px; } /* E-mail (campos secundários e original do team) - ajustar distância vertical entre estes dois campo no mobile */ @media (max-width: 768px) { #frm_field_1077_container { margin-bottom: 10px !important; } } /* Objetivos - Border at images */ #frm_field_578_container img { border-width: 1px; border-color: #737373; border-style: solid; margin-top: 5px; } /* Objetivos - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_578_container img { width: 120px; } } /* Objetivos - Resize checkbox labels - MOBILE */ @media (max-width: 768px) { #frm_field_578_container .frm_checkbox label { font-size: 15px; } } /* Objetivos - checkbox labels */ #frm_field_578_container .frm_checkbox label { padding-left: 0px; } /* Objetivos - Increase vertical space between checkboxes */ #frm_checkbox_578-588-2, #frm_checkbox_578-588-3 { margin-top: 20px; margin-bottom: 20px; } /* Error message fix (Objetivos) */ #frm_field_578_container .frm_error { display: inline-block; } /* Toggle whatsapp (add icon) */ #frm_field_1565_container .frm_on_label.frm_switch_opt:after { content: '\f232'; font-family: FontAwesome; color: #52ce5f; margin-left: 5px; } /* Toggle whatsapp (adjust vertical space) - MOBILE */ @media (max-width: 768px) { #frm_field_1565_container { margin-bottom: 10px; } } /* Whatsapp phone field (margin bottom) - DESKTOP & MOBILE */ #frm_field_1566_container, #frm_field_1748_container { margin-bottom: 20px !important; } /* Whatsapp phone field (increase input text size) - MOBILE */ @media (max-width: 768px) { #frm_field_1566_container input, #frm_field_1748_container input { font-size: 18px; } } /* Whatsapp phone field (change color while typing) */ @media (max-width: 768px) { #frm_field_1566_container :invalid, #frm_field_1748_container:invalid { color: #e0e0e0 !important; } } /* Histórico e restrições (text area) */ #frm_field_539_container textarea, #frm_field_533_container textarea { background: url(/wp-content/uploads/webqualitat/background-typing.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #1e1e1e; line-height: 1.1; } /* Nutricionista */ #frm_field_566_container .frm_on_label:after { content: '\f0f5'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Fumante */ #frm_field_574_container .frm_on_label:after { content: '\f06d'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Bebida */ #frm_field_575_container .frm_on_label:after { content: '\f0fc'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Mailster tags (multiple select dropdown) */ #frm_field_1701_container select { height: 64px; } /* Fix section vertical margin */ #frm_form_55_container h3.frm_pos_top.frm_section_spacing { margin-bottom: 20px !important; } /* Fix section bottom margin */ #frm_form_55_container .form-field.frm_section_heading { margin-bottom: 0px !important; } /* Histórico field - placeholder dimmed */ #frm_field_539_container textarea::placeholder { color: #97926f; } /* Histórico field - label style */ #frm_field_539_container .frm_primary_label { font-weight: 600; color: white; text-transform: uppercase; } /* --------------------------------------- */ /* Subscription plan calculator */ /* --------------------------------------- */ /* Optionbox - Planos (criei classe "option_plano" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário, e acertar tamanho dos ícones) */ .option_plano { font-size: 48px; color: #f5821f; padding-left: 30px; } @media (max-width: 768px) { .option_plano { padding-left: 20px; } } /* Campos que não tenham optionbox vertical (centralizar) */ div#frm_field_696_container, div#frm_field_700_container, div#frm_field_712_container { text-align: center; } /* Campo que tem optionbox vertical (centralizar) */ div#frm_field_291_container { margin-left: auto; margin-right: auto; width: 50% !important; } /* Campo que tem optionbox vertical (centralizar) - ajuste para mobile */ @media (max-width: 768px) { div#frm_field_291_container { width: 80% !important; } } /* Form of payment block - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { div#frm_field_291_container { width: 90% !important; } } /* Optionbox - Planos (diminuir espaço entre os emojis no mobile) */ @media (max-width: 768px) { #frm_field_696_container .frm_radio label { padding-left: 0px !important; } } /* Optionbox - Planos [número de meses] (acertar o estilo) */ .option_plano_meses { color: #b3b3b3; text-decoration: overline; padding-top: 10px; font-style: italic; padding-left: 25px; } @media (max-width: 768px) { .option_plano_meses { padding-left: 15px; } } /* Optionbox - Pagamento (criei classe "option_pagamento" para ajustar espaços em relação ao radiobutton, e acertar tamanho dos ícones) */ .option_pagamento { font-size: 24px; color: #f5821f; padding-left: 10px; } /* Section - Todas as seções com a linha inferior suavizada e margem inferior maior, fonte ajustada */ #frm_form_30_container .form-group { margin-bottom: 0 !important } #frm_form_30_container h3.frm_pos_top.frm_section_spacing { border-bottom-color: #616161 !important; margin-bottom: 20px !important; font-size: 23px; line-height: 1.1; } /* HTML - Todos os campos HTML deste formulário */ #frm_form_30_container .frm_form_field.frm_html_container.form-field { line-height: 1.5; } /* Button "Faça seu pedido" (make font bigger) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 20px; } /* Button "Faça seu pedido" - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 18px !important; } } /* Buttons "Continuar" (Insert right arrow icon) */ #frm_form_30_container .frm_page_num_1 button.frm_button_submit.btn.btn-default::after, #frm_form_30_container .frm_page_num_2 button.frm_button_submit.btn.btn-default::after { content: '\f138'; font-family: fontawesome; display: inline-block; margin-left: 10px; } /* Button "Faça seu pedido" (Insert "add to cart" icon) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit::before { display: inline-block; font-family: FontAwesome; color: #ffffff; content: "\f218"; margin-right: 10px; } /* Line dividing payment methods section from form of payments */ #frm_field_291_container { border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 15px; border-bottom-color: #5a5a5a; } /* Rootline */ #frm_form_30_container .frm_rootline .frm_current_page input[type="button"] { border-color: #ffffff; background-color: #252525 !important; color: #ffffff; border-width: 1px; } /* Calculator border */ #frm_form_30_container .frm_form_fields>fieldset { border-color: #c7c7c7; border-width: 3px; } /* Page 3 with summary - block of form of payment for very small devices (Mobile) */ @media (max-width: 360px) { #frm_field_715_container { font-size: 13px; } } /* --------------------------------------- */ /* Training request */ /* --------------------------------------- */ /* File upload (text) */ #frm_field_1277_container span.frm_upload_text { font-size: 14px; } /* File upload (instructions) */ #frm_field_1277_container .frm_small_text { display: none; } /* File upload (paddings) */ #frm_field_1277_container .dz-message.needsclick { padding: 5px; } /* File upload (icon) */ #frm_field_1277_container .frm_upload_icon:before { font-size: 18px; } /* E-mail marketing 1st checkbox (label) */ #frm_checkbox_1387-1385-0 label { padding-left: 0px; } /* E-mail marketing 1st checkbox (checkbox) */ #frm_checkbox_1387-1385-0 { padding-left: 0px; } /* --------------------------------------- */ /* Training request fiter */ /* --------------------------------------- */ /* Collapsible Section styling H3 text */ #form_jjjcq224223 .frm_section_heading h3 { padding: 0px; font-size: 16px; margin-bottom: 0px !important; font-family: Lato !important; color: #f5821f; border-bottom: none; } /* ------------------------------------------ */ /* Training request fiter (CSV Export list) */ /* ------------------------------------------ */ /* Dropdowns with multiple selection (i disabled here cause need to make filter work as expected) */ #frm_field_1330_container select, #frm_field_1331_container select, #frm_field_1338_container select { /* height: 76px; */ } /* --------------------------------------- */ /* Training request interaction box */ /* --------------------------------------- */ /* Adjust spaces betwwen these repeater */ #frm_form_83_container .frm_repeat_sec { padding-bottom: 5px; } /* Frame */ #frm_form_83_container fieldset { border-width: 1px; border-style: dashed; border-color: #a9a9a9; } /* Labels */ #frm_form_83_container .frm_primary_label { font-size: 14px; } /* Dropdown */ #frm_form_83_container select { height: 32px !important; font-size: 14px !important; } /* Rich text */ #frm_form_83_container textarea.wp-editor-area { font-size: 14px !important; } /* Text */ #frm_form_83_container input[type="text"] { height: 32px !important; font-size: 14px !important; } /* Submit button */ #frm_form_83_container .frm_submit button { height: 38px !important; } /* --------------------------------------- */ /* Trainings */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1145-1001-i14960_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programming */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1220_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programs */ /* --------------------------------------- */ /* Dropdown autocomplete (Instructions) - DESKTOP */ @media (min-width: 768px) { #frm_field_781_container a.chosen-single.chosen-single-with-deselect, #frm_field_781_container .frm_dynamic_select_container { width: 512px !important; } } /* Dropdown autocomplete (Exercise & Exercise notes) - DESKTOP */ @media (min-width: 768px) { #frm_field_795_container a.chosen-single.chosen-single-with-deselect, #frm_field_795_container .frm_dynamic_select_container, #frm_field_798_container a.chosen-single.chosen-single-with-deselect, #frm_field_798_container .frm_dynamic_select_container, #frm_field_808_container a.chosen-single.chosen-single-with-deselect, #frm_field_808_container .frm_dynamic_select_container, #frm_field_818_container a.chosen-single.chosen-single-with-deselect, #frm_field_818_container .frm_dynamic_select_container, #frm_field_828_container a.chosen-single.chosen-single-with-deselect, #frm_field_828_container .frm_dynamic_select_container, #frm_field_838_container a.chosen-single.chosen-single-with-deselect, #frm_field_838_container .frm_dynamic_select_container { width: 599px !important; } } /* --------------------------------------- */ /* Sequences */ /* --------------------------------------- */ /* Dropdown autocomplete (Programs) - DESKTOP */ @media (min-width: 768px) { #frm_field_855_container a.chosen-single.chosen-single-with-deselect, #frm_field_855_container .frm_dynamic_select_container { width: 645px !important; } } /* --------------------------------------------- */ /* Programmings - AreaVIP programs (weight box) */ /* --------------------------------------------- */ /* Number of series (Styling) */ .numero_serie input { background: #f5812f !important; text-align: center !important; color: black !important; font-size: 14px !important; font-weight: 900 !important; border-color: transparent !important; border-radius: 10px !important; } /* All fields that have 1/3 CSS --------- FIX THIS WITH DEVIKA */ #form_programmings-areavipprogramsweightbox .frm_form_field.frm_third { width: 30% !important; clear: none !important; float: left !important; margin-left: 5px !important; margin-bottom: 0px !important; } /* All repeatable sections of this form (remove bottom padding) */ #form_programmings-areavipprogramsweightbox .frm_repeat_sec { padding-bottom: 0px !important; } /* Change submit button height of this form */ #form_programmings-areavipprogramsweightbox button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 14px; height: 34px !important; } /* --------------------------------------- */ /* Trainings filter */ /* --------------------------------------- */ /* Hide Dropdown autocomplete placeholder text */ #frm_field_1020_container a.chosen-single.chosen-default span, #frm_field_1264_container a.chosen-single.chosen-default span { display: none !important; } /* --------------------------------------- */ /* Templates */ /* --------------------------------------- */ /* MCE Editor (Top margin) */ #frm_field_487_container { margin-top: 30px; } /* --------------------------------------- */ /* Templates filter */ /* --------------------------------------- */ /* Padrão field checkboxes (left margin) */ #frm_field_915_container { margin-left: 0px; } /* --------------------------------------- */ /* Interactions */ /* --------------------------------------- */ /* Nome da interação (margem inferior) */ #frm_field_436_container { margin-bottom: 20px; } /* MCE Editor (Top margin) */ #frm_field_437_container { margin-top: 20px; } /* Nome do código PHP (Before input) */ #frm_field_1664_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* Nome do código PHP (margem inferior) */ #frm_field_1670_container { margin-bottom: 20px; } /* --------------------------------------- */ /* Nutrition form */ /* --------------------------------------- */ /* Metas - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_1391_container img { width: 120px; } } /* Histórico (Anotações) - Fix size when form is at landing page (DESKTOP) */ @media (min-width: 768px) { .page-id-105611 .frm_field_1457_container { width: 475px !important; } } /* Metas - Remove extra space at checkoxes */ #frm_field_1391_container .frm_checkbox label { padding-left: 0px; } /* Metas - Space between checkboxes */ #frm_checkbox_1391-1389-2, #frm_checkbox_1391-1389-3 { margin-top: 10px; } /* Extra space between some fields and previous field (large space) */ #frm_field_1403_container, #frm_field_1429_container, #frm_field_1410_container { margin-top: 30px; } /* (!!! IT'S A CLASS !!!) Extra space between some fields and previous field (large space) - inside repeater (MOBILE) */ @media (max-width: 768px) { .frm_field_1445_container { margin-top: 0px; } } /* Extra space between some fields and previous field (small space) */ #frm_field_1428_container { margin-top: 15px; } /* Repeater icons with text (style) */ #frm_field_1441_container a.frm_add_form_row.frm_button, #frm_field_1441_container a.frm_remove_form_row.frm_button { height: 35px !important; background: transparent !important; border-color: #c01e2e !important; border-width: 3px !important; border-style: groove !important; padding-top: 5px !important; padding-bottom: 2px !important; padding-left: 8px !important; padding-right: 8px !important; margin-right: 5px !important; } /* Repeater icons with text (space) */ #frm_field_1441_container .frm_repeat_buttons { margin-top: 20px; } /* Suplementação checkboxes (MOBILE) very small devices */ @media (max-width: 360px) { #frm_field_1520_container .frm_checkbox { width: 70%; } } /* Suplementação checkboxes (items) */ #frm_field_1522_container label { padding-left: 0px !important; } /* Suplementação checkboxes (title) */ #frm_field_1522_container .frm_primary_label { margin-bottom: 5px; } /* Suplementação checkboxes (description) */ #frm_field_1522_container .frm_description { padding-top: 8px !important; } /* Fullname */ #frm_field_1392_container { margin-bottom: 0px !important; } /* E-mail */ #frm_field_1393_container { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Nutrition request form */ /* ----------------------------------------------- */ /* Draft button - Set style */ #frm_form_115_container a.frm_save_draft { font-size: 20px; font-weight: 600; display: block; } /* Documento principal (dropdown) */ #frm_field_1561_container { margin-bottom: 20px !important; } /* Documentos adicionais (checkboxes) */ #frm_field_1562_container .frm_checkbox label { padding-left: 0px !important; } /* ----------------------------------------------- */ /* Affiliates form */ /* ----------------------------------------------- */ /* Less margin at description */ #frm_form_129_container .frm_form_field input[type=text] { margin-bottom: 5px !important; } /* More margin between fields (only inside sections) */ #frm_field_1867_container .form-field, #frm_field_1859_container .form-field, #frm_field_1890_container .form-field, #frm_field_1822_container .form-field, #frm_field_1870_container .form-field, #frm_field_1875_container .form-field, #frm_field_1877_container .form-field, #frm_field_1825_container .form-field, #frm_field_1819_container .form-field { margin-bottom: 20px !important; } /* sections */ #frm_form_129_container h3.frm_pos_top { padding-top: 0px !important; } /* Social network repeater */ #frm_field_1905_container { margin-bottom: 20px !important; } /* Cupom repeater */ #frm_field_1912_container { margin-bottom: 20px !important; } /* Fullname */ div#frm_field_1817_container { margin-bottom: 0px !important; } /* E-mail */ div#frm_field_1818_container { margin-bottom: 0px !important; } /* remove top space of social networks repeater repeater */ #frm_field_1905_container { margin-top: 0px; } /* Hide social networks repeater header */ #frm_field_1905_container h3.frm_pos_top.frm_section_spacing { display: none; } /* Fix height of add and remove buttons of repeater */ #frm_form_129_container a.frm_add_form_row.frm_button, #frm_form_129_container a.frm_remove_form_row.frm_button { height: auto !important; padding-top: 5px; padding-bottom: 8px; border-radius: 5px; } /* More vertical top margin for buttons of repeater */ #frm_form_129_container .frm_form_field.frm_hidden_container.frm_repeat_buttons { margin-top: 10px; } /* Bank info at mobile */ @media (max-width: 768px) { #frm_field_1861_container { grid-column: span 5 / span 6 !important; } #frm_field_1862_container { grid-column: span 7 / span 6 !important; } #frm_field_1863_container { grid-column: span 5 / span 6 !important; } #frm_field_1864_container { grid-column: span 7 / span 6 !important; } } /* Signature adjust line (mobile) */ @media(max-width:768px) { .frm-typed-drawline { width: 90% !important; left: 17px !important } } /* Remove bottom margin from repeater buttons */ #frm_field_1905_container .frm_repeat_sec { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Whatsapp phone field (icon inside input) */ #frm_field_1653_container input { font-size: 18px; width: fit-content; } /* SMS phone field (icon inside input) */ #frm_field_1654_container input { font-size: 18px; width: fit-content; } /* E-mail field (font size) */ #frm_field_1655_container input { font-size: 18px; } /* Change size (primary label) */ #frm_form_121_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } /* Change size (submit button) */ #frm_form_121_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Change size (radio buttons with images) */ #frm_form_121_container .frm_radio.frm_image_option { --image-size: 100px; } /* Get login code (icon beside submit) */ #frm_form_121_container .form-group.frm_submit { background-image: url(/wp-content/uploads/webqualitat/icon-login-getcode.png); background-position-x: 11px; background-position-y: -1px; background-size: 72px; background-repeat: no-repeat; margin-bottom: 10px !important; height: 79px; } /* Add space below question */ #field_385l2_label { margin-bottom: 30px; } /* Image selector border */ #frm_form_121_container .frm_image_options .frm_image_option_container:hover, #frm_form_121_container input[type=radio]:checked+.frm_image_option_container, #frm_form_121_container input[type=checkbox]:checked+.frm_image_option_container { border-color: #c01e2f; box-shadow: 0 0 2px 3px rgb(192 30 47 / 56%); } /* Image selector checkmark */ #frm_form_121_container .frm_image_option_container .frm_selected_checkmark svg { fill: #c01e2f; width: 24px; height: 24px; } /* Temporary fix for height of radio images */ #frm_form_121_container .frm_image_option_container.frm_label_with_image { height: 136px; } /* Temporary fix to center radio images */ #frm_form_121_container .frm_image_options .frm_opt_container { margin: 0 auto; } /* ----------------------------------------------- */ /* Login-Authenticate form */ /* ----------------------------------------------- */ /* Change size (primary label) */ #frm_form_122_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } #frm_field_1659_container label { text-align: center; margin-bottom: 10px; } /* SMS code field (font size) */ #frm_field_1659_container input { font-size: 35px; height: 60px; } #frm_field_1659_container .frm_input_group { margin: 0 auto; } /* Submit button (change size) */ #frm_form_122_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Submit button (awesome icon) */ #frm_form_122_container .frm_submit button:before { content: 'tt'; content: '\f138'; font-size: 24px; margin-right: 9px; font-family: FontAwesome; } /* Checkbox to add phone to form (resize) */ #frm_field_1661_container input { transform: scale(1.5); } /* Checkbox to add phone to form (color) */ #frm_field_1661_container label { color: #d2d2d2; } /* ----------------------------------------------- */ /* Automations form */ /* ----------------------------------------------- */ /* Nome do código PHP (Before input) */ #frm_field_1670_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* ----------------------------------------------- */ /* Mailster subscriber form */ /* ----------------------------------------------- */ /* Form inline - Adjust form size at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline { width: 70%; margin: 0 auto; } } /* Form inline & landing - Adjust name and email field to small width at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline #frm_field_1702_container, .mailster_subscriber_form_inline #frm_field_1703_container, .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { width: 80% !important; margin: 0 auto !important; } } /* Form landing - Adjust fields vertical bottom space (DESKTOP) */ @media (min-width: 768px) { .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { padding-bottom: 20px; } } /* Adjust name and email height to be same as prefix icon */ #frm_field_1702_container input, #frm_field_1703_container input { margin-bottom: 0px !important; } /* Set style for header text */ #frm_field_1728_container { font-size: 20px; text-align: center; font-family: 'Oswald'; color: #ffffff; border: none; font-weight: 500; text-transform: uppercase; background: rgb(248 130 31 / 27%); padding: 5px; } /* Form (sidebar & inline) Set more vertical space for header text */ .mailster_subscriber_form_sidebar #frm_field_1728_container, .mailster_subscriber_form_inline #frm_field_1728_container { margin-bottom: 20px; } /* Add checkmark icon at message submit */ #frm_form_127_container .frm_message>p:after { content: "\f058"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-left: 5px; } /* Submit button (all forms) */ .mailster_subscriber_form_landing .frm_button_submit, .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { font-size: 26px !important; font-weight: 500 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; text-transform: uppercase !important; background: rgb(192 30 46 / 77%) !important; border-color: #b5b5b5 !important; border-style: groove !important; } /* Submit button (landing) */ .mailster_subscriber_form_landing .frm_button_submit { border-width: 5px !important; height: 58px !important; } /* Submit button (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing .frm_button_submit { margin-top: 20px !important; } } /* Submit button (sidebar & inline) */ .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { border-width: 4px !important; font-weight: 600 !important; font-size: 18px !important; } /* Submit button (inline) */ .mailster_subscriber_form_inline .frm_button_submit { margin-top: 20px !important; } /* labels (all) */ .mailster_subscriber_form_landing .frm_primary_label, .mailster_subscriber_form_sidebar .frm_primary_label, .mailster_subscriber_form_inline .frm_primary_label { text-align: center !important; font-weight: 700 !important; color: white !important; font-size: 17px !important; } /* Forms (all) - input fields */ .mailster_subscriber_form_landing input, .mailster_subscriber_form_sidebar input, .mailster_subscriber_form_inline input { background: rgb(30 30 30 / 82%) !important; } /* Forms (all) */ .mailster_subscriber_form_landing fieldset, .mailster_subscriber_form_sidebar fieldset, .mailster_subscriber_form_inline fieldset { border-width: 2px !important; border-color: #f5821f !important; border-radius: 25px !important; background: rgb(192 30 47 / 26%) !important; margin-top: 30px !important; margin-bottom: 30px !important; background-image: url(/wp-content/uploads/2019/04/Caricatura-site-mobile-shift.png) !important; background-repeat: no-repeat !important; } /* Form (landing) */ .mailster_subscriber_form_landing fieldset { border-style: double !important; padding: 15px !important; background-position: right -17px bottom -6px !important; box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05) !important; } /* Form (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing fieldset { padding-top: 30px !important; padding-bottom: 30px !important; } } /* Form (sidebar) */ .mailster_subscriber_form_sidebar fieldset { border-style: dashed !important; padding: 25px 5px 51px 5px !important; background-position: right -17px bottom -12px !important; } /* Form (inline) */ .mailster_subscriber_form_inline fieldset { border-style: dashed !important; padding: 30px 5px !important; background-position: right -17px bottom -12px !important; } .frm_primary_label { cursor: pointer; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Vertical margin for option box section */ #frm_field_1767_container { margin-bottom: 0px !important; } /* Vertical margin for enter number or email section */ #frm_field_1769_container { margin-bottom: 0px !important; } /* Style for methods option boxe selected (border and background) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container { border-width: 3px; background: #424242; } /* Style for methods option boxe selected (bold) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container span.frm_text_label_for_image_inner { font-weight: 700; } /* Devika's code */ #frm_form_121_container { overflow: hidden } #form_login h3 { line-height: 25px; padding-bottom: 10px; } #form_login h3, #form_login h3+.frm_description { text-align: center !important } #form_login .frm_form_fields { margin-bottom: 0 !important } #form_login #frm_field_1782_container, #form_login #frm_field_1785_container { user-select: none; cursor: default } #form_login #frm_field_1782_container [readonly], #form_login #frm_field_1785_container [readonly] { pointer-events: none !important; } #form_login #frm_field_1782_container [readonly]:focus, #form_login #frm_field_1785_container [readonly]:focus { box-shadow: none !important; border-color: var(--border-color-disabled) !important } #form_login #frm_field_1652_container .frm_radio { margin: 5px !important; user-select: none } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark { left: 50%; top: 100%; transform: translate(-50%, -2px) } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark svg { transform: scale(1.3); } #form_login #frm_field_1652_container .frm_label_with_image { display: block; text-align: center; color: #fff !important } #form_login #frm_field_1652_container .frm_label_with_image img { display: block; margin-bottom: 5px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_2169_container, #form_login #frm_field_2170_container, #form_login #frm_field_2171_container, #form_login #frm_field_2172_container { margin: 0 auto; width: auto !important } #form_login #frm_field_2169_container select, #form_login #frm_field_2169_container .frm_slimselect, #form_login #frm_field_2170_container select, #form_login #frm_field_2170_container .frm_slimselect, #form_login #frm_field_2171_container select, #form_login #frm_field_2171_container .frm_slimselect, #form_login #frm_field_2172_container select, #form_login #frm_field_2172_container .frm_slimselect { width: 250px; margin-bottom: 10px; } #form_login #frm_field_2169_container .ss-arrow, #form_login #frm_field_2170_container .ss-arrow, #form_login #frm_field_2171_container .ss-arrow, #form_login #frm_field_2172_container .ss-arrow { margin-bottom: auto; } #form_login #frm_field_1767_container .frm_opt_container { text-align: center; display: flex; align-content: center; justify-content: center; } #form_login #frm_field_1767_container .frm_text_label_for_image_inner { color: #fff !important } #form_login #frm_field_1760_container { background: url(/wp-content/uploads/webqualitat/locker-otp-login.png) 50% 0% no-repeat; width: 250px !important; height: 357px !important; display: block; margin: 0 auto 40px !important; position: relative; } #form_login #frm_field_1760_container>label, #form_login #frm_field_1760_container .input-group-addon { display: none } #form_login #frm_field_1760_container .frm_input_group { position: absolute; left: 33px; bottom: 80px; display: block; width: 190px; overflow: hidden; } #form_login #frm_field_1760_container .form-control { display: none } #form_login #frm_field_1760_container .frm_description { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; text-align: center; font-weight: 600; font-style: normal; color: #F1F1F1; } #form_login #frm_field_1760_container.has-error .frm_description { display: none } #form_login #frm_field_1760_container .frm_error { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; text-align: center; min-height: 40px } #form_login #frm_field_1760_container #otp { display: flex; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 85px; font-family: Oswald; font-size: 60px; line-height: 60px; } #form_login #frm_field_1760_container #otp>input { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border: 2px solid #c01e2f; font-family: Oswald; font-size: 45px; line-height: 45px; height: 80px; margin: 0 1px; text-align: center; background: rgba(0, 0, 0, .7); transition: 0.3 ease; box-shadow: inset rgba(0, 0, 0, .8) 2px 3px 8px } #form_login #frm_field_1760_container #otp>input::-webkit-outer-spin-button, #form_login #frm_field_1760_container #otp>input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #form_login #frm_field_1760_container #otp>input:focus { background: #000; } #form_login #frm_field_1801_container { text-align: center; line-height: 1.2; } #form_login .frm_submit { margin-top: 20px !important; } #frm_form_121_container .frm_message { border: 0 !important; margin: 0 !important } @media(max-width:768px) { #form_login h3 { padding-top: 0px !important; } #form_login #frm_field_1652_container .frm_radio { margin: 3px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_1655_container { margin-bottom: 10px !important } #form_login #frm_field_1794_container { margin-bottom: 10px !important; } #form_login #frm_field_1773_container, #form_login #frm_field_1775_container { margin-bottom: 0 !important } } @media(max-width:640px) { #form_login h3 { font-size: 18px !important } #form_login #frm_field_1652_container { margin-bottom: 20px !important } #form_login #frm_field_1652_container .frm_opt_container .frm_radio { width: 30% !important } #form_login #frm_field_1652_container .frm_label_with_image { height: auto; padding: 0 0 5px } #form_login #frm_field_1652_container .frm_label_with_image img { object-fit: fill; height: auto } #form_login #frm_field_1760_container { transform: scale(0.65); margin-top: -50px !important; margin-bottom: -50px !important; } #form_login #frm_field_1760_container .frm_description { font-size: 16px; } #form_login #frm_field_1794_container { margin-top: 0 !important; } } #login_overlay { font-family: Oswald; } #login_overlay .popup-box { max-width: 350px; border-radius: 4px } #login_overlay .popup-header { text-align: center; font-size: 35px; font-weight: 700; margin-top: -50px } #login_overlay .popup-header:before { content: ''; background: url(/wp-content/uploads/webqualitat/icon-login-warning.png) 50% 50% / cover no-repeat; display: block; width: 70px; height: 70px; margin: 0 auto; transform: translateY(-10px); } #login_overlay .popup-content { font-size: 18px; line-height: 22px; font-weight: 400; text-align: center } #login_overlay .popup-footer { text-align: center } #login_overlay .popup-footer .popup-close { background: #FE3135; border: 1px solid #FE3135; border-radius: 4px; padding: 10px 15px; font-weight: 500 } #login_overlay .popup-footer .popup-close .fa-window-close { background: #fff; font-size: 20px; line-height: 8px; color: #000; display: inline-block; margin-right: 5px; transform: translatey(1px) } /* ----------------------------------------------- */ /* Process GPT form */ /* ----------------------------------------------- */ /* Fix color of hours suffix and color */ #frm_field_1951_container .frm_inline_box { color: white !important; height: 36px; } /* Fix submit button size and position */ #form_gpt_process_filter .frm_submit{ margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } #form_gpt_process_filter button.frm_button_submit.btn.btn-secondary.frm_final_submit { margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } /* ----------------------------------------------- */ /* Video sequences */ /* ----------------------------------------------- */ /* Adjust "Selecionar módulos" and "Selecionar Vídeos" repeater rows vertical distance */ #frm_field_2110_container .frm_repeat_sec, #frm_field_2021_container .frm_repeat_sec { margin-top: 3px !important; margin-bottom: 0px !important; } /* FIX DEVIKA */ #frm_form_55_container .frm_submit { text-align: center }.frm_style_formidable-style.with_frm_style { } /* Prefix */ .frm_style_formidable-style.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_formidable-style.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; opacity:1; } .frm_style_formidable-style.with_frm_style .frm_progress_line input, .frm_style_formidable-style.with_frm_style .frm_progress_line input:disabled { border-color: #dfdfdf; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #cbcbcb; border-right-color: #cbcbcb; border-left-width: 1px ; border-right-width: 1px ; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:first-of-type input { border-left-color: #008ec2; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #008ec2; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #dfdfdf; } .frm_style_formidable-style.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #dfdfdf; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #cbcbcb; } .frm_style_formidable-style.with_frm_style .frm_progress_line input.frm_page_back { border-color: #008ec2; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #008ec2; border-right-color: #cbcbcb; } .frm_style_formidable-style.with_frm_style .frm_rootline input, .frm_style_formidable-style.with_frm_style .frm_rootline input:hover { width: 30px; height: 30px; border-radius: 30px; padding: 0; } .frm_style_formidable-style.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_formidable-style.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active { border-color: #007aae !important; background-color: #008ec2 !important; color: #ffffff !important; } .frm_style_formidable-style.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active { border-color: #007aae; background-color: #008ec2; color: #ffffff!important; } .frm_style_formidable-style.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #008ec2; } /* Start Range slider */ .frm_style_formidable-style.with_frm_style input[type=range]::-webkit-slider-thumb { border: 2px solid #008ec2;color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-thumb { border: 2px solid #008ec2;color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-thumb { border: 2px solid #008ec2;color:#ffffff;} /* End Range Slider */ /* Start other fields */ .frm_style_formidable-style.with_frm_style input.frm_other_input:not(.frm_other_full){ width:auto ; } .frm_style_formidable-style.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full), .frm_style_formidable-style.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){ margin-left:5px; } .frm_style_formidable-style.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) { display:inline-block; } .frm_style_formidable-style.with_frm_style .frm_full input.frm_other_input:not(.frm_other_full){ margin-left:0 ; margin-top:8px; } /* End other */ /* Start Password field */ .frm_style_formidable-style.with_frm_style span.frm-pass-verified .frmsvg { color:#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[class*="frm_pos_"]{ border-top:2px solid #e8e8e8; } .frm_style_formidable-style.with_frm_style h3 .frm_after_collapse{ display:inline; } .frm_style_formidable-style.with_frm_style h3 .frm_before_collapse{ display:none; } .menu-edit #post-body-content .frm_style_formidable-style.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{ margin:0; } .frm_style_formidable-style.with_frm_style .frm_section_heading{ margin-top:15px; } .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_formidable-style.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{ margin-bottom:12px; } /* End Sections */ .frm_style_formidable-style.with_frm_style .frm_single_product_label, .frm_style_formidable-style.with_frm_style .frm_total_formatted { font-size:14px; color:#444444; } /* Datepicker */ .frm_style_formidable-style.with_frm_style .ui-datepicker-title > select { color: #555555; color: var(--text-color); background-color: var(--bg-color); } .frm_style_formidable-style.with_frm_style .ui-datepicker-month, .frm_style_formidable-style.with_frm_style .ui-datepicker-year { color: var(--text-color); } .frm_style_formidable-style.with_frm_style span.ui-datepicker-month, .frm_style_formidable-style.with_frm_style span.ui-datepicker-year { color: var(--date-head-color); } .frm_style_formidable-style.with_frm_style .ui-widget-header, .frm_style_formidable-style.with_frm_style .ui-datepicker-header { color: var(--date-head-color) !important; background-color: var(--date-head-bg-color) !important; } .frm_style_formidable-style.with_frm_style .flatpickr-day, .frm_style_formidable-style.with_frm_style .ui-datepicker td, /* Sample form selector */ .frm_style_formidable-style.with_frm_style.ui-datepicker td { border: 0; border-radius: var(--border-radius); overflow: hidden; } .frm_style_formidable-style.with_frm_style .flatpickr-day.today:not(.inRange), .frm_style_formidable-style.with_frm_style td.ui-datepicker-today { background-color: var(--date-band-color) !important; } .frm_style_formidable-style.with_frm_style .flatpickr-day.today, .frm_style_formidable-style.with_frm_style td.ui-datepicker-today > a { color: var(--date-head-color); } .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day, .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day .ui-state-hover { background-color: var(--border-color-active) !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day .ui-state-default:not(.ui-state-hover) { color: #fff; } .frm_style_formidable-style.with_frm_style .flatpickr-day.today:hover, .frm_style_formidable-style.with_frm_style td:not(.ui-datepicker-current-day) .ui-state-hover { color: var(--text-color); background: #F2F4F7 !important; } /* End Datepicker */ /* Submit Buttons */ .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] { opacity: 0.5; cursor: not-allowed; } .frm_style_formidable-style.with_frm_style .frm_loading_prev button.frm_prev_page, .frm_style_formidable-style.with_frm_style .frm_loading_form button.frm_button_submit { opacity: 1; } /* End Submit Buttons */ .frm_style_thiago-varella-dark-v2.with_frm_style{ } .frm_forms.frm_style_thiago-varella-dark-v2.with_frm_style{ max-width:100%; direction:ltr; margin:0 auto; } .frm_inline_form.frm_style_thiago-varella-dark-v2.with_frm_style form{ text-align:center; } .frm_style_thiago-varella-dark-v2.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_thiago-varella-dark-v2.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_thiago-varella-dark-v2.with_frm_style p.description, .frm_style_thiago-varella-dark-v2.with_frm_style div.description, .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description, .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form > div.frm_description, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_pro_max_limit_desc{ margin-top: 6px; padding:0; font-family:Lato; font-size:13px; color:#b5b5b5; font-weight:100; text-align:left; font-style:italic; max-width:100%; } /* Left and right labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_form_field.frm_left_container{ grid-template-columns: 150px auto; } .frm_style_thiago-varella-dark-v2.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_thiago-varella-dark-v2.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{ display:inline; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_pos_right{ display:inline; width:150px; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_none_container .frm_primary_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_pos_none{ display:none; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scale label{ font-weight:500; font-family:Lato; font-size:16px; color:rgba(255,255,255,1); } /* These do not work if they are combined */ .frm_style_thiago-varella-dark-v2.with_frm_style input::placeholder, .frm_style_thiago-varella-dark-v2.with_frm_style textarea::placeholder{ color: #bfbfbf; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_default, .frm_style_thiago-varella-dark-v2.with_frm_style input.frm_default, .frm_style_thiago-varella-dark-v2.with_frm_style textarea.frm_default, .frm_style_thiago-varella-dark-v2.with_frm_style select.frm_default, .frm_style_thiago-varella-dark-v2.with_frm_style .placeholder { color: #bfbfbf; } .frm_style_thiago-varella-dark-v2.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_thiago-varella-dark-v2.with_frm_style select:focus, .frm_style_thiago-varella-dark-v2.with_frm_style .form-field textarea:focus, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#242424; border-color:#f5821f; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(245,130,31, 0.6); } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm-edit-page-btn { width:auto; font-family:Lato; font-size:16px; height:50px; line-height:normal; text-align:center; background: rgba(192,30,46,1) ; border-width:0px; border-color: transparent; border-style:solid; color:#ffffff; cursor:pointer; font-weight:normal; border-radius:0px; text-shadow:none; padding:0px 20px; box-sizing:border-box; margin:; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm-edit-page-btn:hover, .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover{ background: rgba(168,26,40,1); border-color: #e0e0e0; color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm-edit-page-btn:focus, .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:focus, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:focus, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:focus, .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:active, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:active, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:active{ background: #bf091b; border-color: transparent; color: #ffffff; outline: none; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: rgba(192,30,46,1); border-color: rgba(192,30,46,1); } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #ffffff; border-right-color: #ffffff; max-height:50px; } .frm_style_thiago-varella-dark-v2.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:Lato; font-size:17px; color:#d6d6d6; font-weight:100; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_thiago-varella-dark-v2.with_frm_style.frm_inline_form .frm_submit input, .frm_style_thiago-varella-dark-v2.with_frm_style.frm_inline_form .frm_submit button, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_thiago-varella-dark-v2.with_frm_style #frm_field_cptch_number_container{ font-family:Lato; font-size:17px; color:#d6d6d6; font-weight:100; clear:both; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=checkbox], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field input[type=radio], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field textarea, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_form_field :invalid { color:#bbbbbb; background-color:#383838; border-color:#f7ec13; border-width:var(--border-width-error) ; border-style:dashed; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_blank_field .sigWrapper{ border-color:#f7ec13 !important; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_limit_error{ font-weight:100; color:#f7ec13; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style{ background-color:#ffffff; border:1px solid #dd0000; border-radius:0px; color: #dd0000; font-size:16px; margin:0; margin-bottom:20px; } .frm_style_thiago-varella-dark-v2.with_frm_style #frm_loading .progress-striped .progress-bar{ background-image:linear-gradient(45deg, #6b6b6b 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #6b6b6b 50%, #6b6b6b 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .frm_style_thiago-varella-dark-v2.with_frm_style #frm_loading .progress-bar{ background-color:#1e1e1e; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_form_field.frm_total_big input, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_form_field.frm_total input, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_form_field.frm_total textarea{ color: #ffffff; background-color:transparent; border:none; display:inline; width:auto; padding:0; } /* Dark mode fix by Devika G */ :root { color-scheme: only light; } .frm_style_thiago-varella-dark-v2.with_frm_style select { background-size: auto !important; background-position: 100% 50% !important; } .with_frm_style input[type=range] { min-height: 0 !important; padding: 0 !important; } /* Formidable forms - Devika's fix for optionbox and checkbox return to white color after formidable v6.4.1 update that changed to accent color */ .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 #fff !important*/ } /* Temporary fix for honeypot spam message "If you are human, leave this field blank." */ .salvar_rascunho { display: none !important; } /* Formidable Forms - I created this class to hide fields */ .frm_hide { display: none !important; } /* CODE NOT WORKING AT MOBILE */ @media (max-width: 768px) { .frm_fixcss1 { width: auto !important; } } /* Formidable Forms - Fix css at trainings form (cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss1 { width: 512px !important; } /* --------------------------------------- */ /* FORMIDABLE BOOTSTRAP MODAL */ /* --------------------------------------- */ /* Formidable Bootstrap Modal - Hide shiftnav when modal is opened */ .modal-open #shiftnav-toggle-main { display: none; } /* Formidable Bootstrap Modal - Centralize modal */ .modal { padding: 20px !important; background: rgba(0, 0, 0, .8) !important } .modal-dialog { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: 600px !important; transform: translate(-50%, -50%) !important; margin: 0px !important; } body.page-treinos .modal-backdrop { z-index: 240; } body.page-treinos .modal-dialog { z-index: 99999; } /* Formidable Bootstrap Modal - Centralize modal (mobile) @media (min-width: 768px) { .modal-dialog { margin-left: 161px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 40% !important; } }*/ /* Formidable Bootstrap Modal - Content */ .modal-content { position: relative !important; background-color: #2d2d2d !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999 !important; border-radius: 6px; /*height: 600px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } /* Formidable Bootstrap Modal - Title */ .modal-title { color: #ffffff; margin-right: 40px !important; } /* Formidable Bootstrap Modal - Close button */ .modal-header .close { font-size: 30px !important; font-weight: 500 !important; color: #c01e2e !important; text-shadow: none !important; opacity: 1 !important; margin: -2px 0 0 !important; position: absolute !important; right: 10px !important; } /* Formidable Bootstrap Modal - Header */ .modal-header { border-bottom: 1px dashed #c5c5c5 !important; } /* Formidable Bootstrap Modal - Centralize vimeo iframe */ .modal-body { text-align: center; } @media(max-width: 640px) { .modal-dialog { width: calc(100% - 40px) !important; max-width: none !important; } .modal-body { max-height: calc(100vh - 30px) !important; overflow: hidden !important; overflow-y: scroll !important; } } /* Formidable Forms - Fix incompatibility between Formidable Bootstrap Modal and ShiftNav Pro (code given by formidable forms support) */ .modal-backdrop.in { display: none !important; } /* --------------------------------------- */ /* FORMIDABLE FORMS - global settings */ /* --------------------------------------- */ /* Formidable Forms - Fix css at sequences / exercise notes filter / sections ------ cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss2 { width: 645px !important; } @media (max-width: 768px) { /* CODE NOT WORKING AT MOBILE */ .frm_fixcss2 { width: auto !important; } } /* Formidable Forms - Section field (H3) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { font-family: oswald; } /* Formidable Forms - Toggle - Definir as cores por aqui, pois o styler é ruim */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_on_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_off_label { color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_slider { background-color: #464646; } .frm_slider:before { background-color: #ffffff; box-shadow: 2px 0px 2px 1px #808080; } /* Formidable Forms - Description field */ .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description { line-height: 1.1; } /* Formidable forms - Date picker (default) */ .ui-datepicker thead { background: #3a3a3a !important; } div#ui-datepicker-div { background: #232323; } .ui-datepicker th { font-weight: normal !important; } .ui-datepicker td { border: 1px solid #616161 !important; } .ui-datepicker { border-top: 1px solid #f5821f !important; border: 1px solid #f5821f !important; } .ui-datepicker td .ui-state-default { color: #ffffff !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #1e1e1d; color: #ffffff; } /* Formidable forms - Range slider (aumentar e estilizar o valor indicado) */ span.frm_range_value { color: white; font-size: 20px !important; } Formidable forms - Range slider (diminuir a margem superior entre o slider e o número) */ .frm_range_container input { margin-top: 0px !important; } /* Formidable forms - Range slider (código do Rishun L. para desabilitar o scrollbar (click event) */ @media (max-width: 768px) { input[type=range] { pointer-events: none; } input[type=range]::-webkit-slider-thumb { /*Webkit Browsers like Chome and Safari*/ pointer-events: auto; } input[type=range]::-moz-range-thumb { /*Firefox*/ pointer-events: auto; } input[type=range]::-ms-thumb { /*Internet Explorer*/ pointer-events: auto; } } /* Formidable forms - Dropdown (change dropdown arrrow - CODE DISABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) !important; } /* Formidable forms - Dropdown (change dropdown arrrow - CODE ENABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: none; } /* Formidable forms - Slider unit (change color) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_range_unit { color: white; } /* Formidable forms - Upload drop zone (change background color) */ .dz-message.needsclick { background: #1e1e1e; } /* Formidable Forms - Repeater PLUS button (add margin at right) */ a.frm_add_form_row.frm_icon_font.frm_plus_icon { margin-right: 5px; } /* Formidable Forms - Repeater icon */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_plus_icon:before { color: #c01e2e; font-weight: 600; } /* Formidable Forms - Pagination at views (active page) */ ul.frm_pagination.pagination .active a { background: #c01e2e; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) */ ul.frm_pagination.pagination a { color: white; background: #1f1f1f; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) HOVER */ ul.frm_pagination.pagination a:hover { color: #ffffff; background-color: #313131; } /* Formidable Forms - Forms that have number of an item read only field (Styling) */ .numero_programa input, .numero_modulo input, .numero_video input { background: #f5821f !important; text-align: center !important; color: black !important; font-size: 20px !important; font-weight: 900 !important; border-color: transparent !important; } /* Formidable Forms - Forms that have number of an item read only field (Styling) - Tweak for "video" */ .numero_video input { background: darkgray !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - style */ .nome_completo input[type=text] { font-size: 18px !important; background-color: #520D14 !important; text-align: center !important; padding-top: 5px !important; padding-bottom: 5px !important; color: #f7f7f7 !important; margin-bottom: 0px !important; border: none !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - remove box shadow*/ .nome_completo input[type=text]:focus { box-shadow: none !important; } /* Visual Composer (Team) - frm_total fields at forms for e-mail */ .email_completo { width: 100%; display: block; } .email_completo input[type=email] { font-size: 14px !important; color: #c0c0c0 !important; text-align: center !important; width: 100% !important; display: block; margin: 5px 0 20px !important; } /* Visual Composer (Team) - Sections that are shown with different color */ .only_administrators h3 { color: #828282 !important; border-bottom-color: #676767 !important; border-bottom-style: dashed !important; } /* Visual Composer (Team) - Sections that are shown with visibility set to administartors - repeater buttons */ .only_administrators .frm_icon_font.frm_plus_icon:before, .only_administrators .frm_icon_font.frm_minus_icon:before { color: #4c4c4c !important; } /* Formidable Forms - Dropdown autocomplete (background) */ .with_frm_style .chosen-drop { background: #1f1f1f !important; } /* Formidable Forms - Dropdown autocomplete (selected) */ .with_frm_style li.active-result.result-selected { background: #c01e2e !important; } /* Formidable Forms - Dropdown autocomplete (highlighted) */ .with_frm_style .chosen-container .chosen-results li.highlighted { background-color: #c01e2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c01e2e), color-stop(90%, #891521)); background-image: linear-gradient(#c01e2e 20%, #891521 90%); color: #fff; } /* Formidable Forms - Dropdown autocomplete (no results) */ .with_frm_style .chosen-container .chosen-results li.no-results { background: #505050 !important; } /* Formidable Forms - Dropdown autocomplete (top shadow) */ .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none !important; } /* Formidable Forms - Dropdown autocomplete - Change default placeholder text color */ .with_frm_style a.chosen-single.chosen-default span { color: #808080; } /* Formidable Forms - Dropdown autocomplete - Adjust height */ .with_frm_style a.chosen-single.chosen-default, .with_frm_style a.chosen-single.chosen-single-with-deselect { height: 32px !important; line-height: 32px !important; } /* Formidable Forms - Repeater - Remove divider between them */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_repeat_sec { border-bottom: none; } /* Formidable Forms - Uploader (Dropzone) - Remvoe extra background at bottom */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_dropzone { background-color: transparent; } /* Formidable Forms - Submit button (Font) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button { font-family: oswald; border-color: rgba(128, 128, 128, 0.5); border-style: groove; border-width: 3px; } /* Formidable Forms - Submit button (HOVER) */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover { border-width: 1px; border-color: #b7b7b7; color: #ffffff; } /* Formidable Forms - Submit button (Flexbox CENTER) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_flex { justify-content: center; } /* Formidable forms - Repeater buttons (HOVER) */ a:hover.frm_add_form_row.frm_icon_font.frm_plus_icon::before, a:hover.frm_remove_form_row.frm_icon_font.frm_minus_icon::before { color: #c1c1c1 !important; } /* Formidable forms - Error message (tweak) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style { border-width: 5px; line-height: 1.1; text-align: center; } /* Formidable forms - Primary label */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { line-height: 1.2; } /* Formidable forms - Primary label for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 15px; } } /* Formidable forms - Vertical space between fields (Mobile) */ /* @media (max-width: 768px) { .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 30px !important; } } */ /* Formidable forms - Descriptions for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_description { font-size: 12px !important; line-height: 1.1 !important; } } /* Formidable forms - class "administrator-readonly" (styling) */ .administrator-readonly input { background-image: none !important; background-repeat: no-repeat !important; background: #171717 !important; } /* Formidable forms - Before input field background */ .frm_inline_box.input-group-addon { background: #353535 !important; } /* Formidable forms - After input field text color */ .frm_inline_box.input-group-text.input-group-addon { color: white; height: 36px; } /* --------------------------------------- */ /* AREAVIP & TEAM (All forms) */ /* --------------------------------------- */ /* Formidable Forms - Team - field */ .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 10px; } /* Formidable Forms - Team - labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 14px; padding: 0 0 5px 0; } /* Formidable Forms - Team - radio buttons and checkboxes */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox label { font-size: 14px; } /* Formidable Forms - Team - headings */ .page-areavip .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { padding: 5px 0 3px 0; font-size: 20px; } /* Formidable Forms - Team - toggle */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_switch_opt { font-size: 14px; } /* Formidable Forms - Team - input text */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number] .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=phone], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select, .frm_style_thiago-varella-dark-v2.with_frm_style textarea, .frm_form_fields_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-single .chosen-single { font-size: 14px; } /* Formidable Forms - Team - input size */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=file], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select { height: 32px; line-height: 1.3; margin-bottom: 5px; } /* Formidable Forms - Team - range slider (my custom text) */ .frm_range_container span { font-size: 16px !important; } /* Formidable Forms - Team - Remove spaces betwwen repeaters */ .page-areavip .frm_repeat_sec { margin-bottom: 0px !important; margin-top: 0px !important; } /* Formidable Forms - Team - Decrease space betwwen vertical checkboxes and radion buttons */ .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox+.frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio+.frm_radio { line-height: 1; } /* --------------------------------------- */ /* Filters */ /* --------------------------------------- */ /* Formidable Forms - Filters (border and padding) */ .form_filter fieldset { /* padding-top: 0px !important; */ border-color: #c01e2e !important; border-width: 1px !important; } /* Formidable Forms - Filters (move submit button up) */ .form_filter .frm_submit { margin-bottom: -39px !important; } /* Formidable Forms - Filters (change submit button height */ .form_filter .frm_final_submit { font-size: 14px !important; height: 34px !important; } /* Formidable Forms - Toggle 'Arquivar' (Hide off option) */ .frm_filter_arquivar span.frm_off_label.frm_switch_opt { display: none; } /* Formidable Forms - Toggle 'Arquivar' (remove margin bottom) */ .frm_filter_arquivar { margin-bottom: 0px !important; } /* Formidable Forms - Team - All toggles (main color) */ .page-team input:checked+.frm_slider { background-color: #c01e2e !important; } /* Remove extra margin from headings */ .form_filter .form-field.frm_section_heading { margin-bottom: 0 !important; } /* Hide field name that i am passing inside description at filters to devika's code */ .form_filter .frm_description .param { display: none !important } .reset-filter { margin: 10px 0; } #view-data { min-height: 200px; transition: opacity .12s } #view-data.doing-ajax { position: relative; overflow: hidden; } #view-data.doing-ajax>* { pointer-events: none; opacity: .26 } #view-data.doing-ajax:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: wait; } #view-data.doing-ajax .ajax-loader { position: absolute; z-index: 20; left: 50%; top: 80px; transform: translate(-50%, 0%); display: block; opacity: 1 } #view-data:not(.doing-ajax) .ajax-loader { display: none !important } /* --------------------------------------- */ /* Fitness Consulting Form */ /* --------------------------------------- */ /* Range slider - altura (acrescentar "m") */ #frm_field_563_container span.frm_range_value:after { content: ' m'; } /* Range slider - peso (acrescentar "kg") */ #frm_field_562_container span.frm_range_value:after { content: ' kg'; } /* Range slider - percentual de gordura (acrescentar "%") */ #frm_field_564_container span.frm_range_value:after { content: ' %'; } /* Range slider - Quantos meses sem fazer musculação (acrescentar "meses") */ #frm_field_571_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos meses já praticou (acrescentar "meses") */ #frm_field_568_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos dias na semana pode treinar (acrescentar "dias") */ #frm_field_579_container span.frm_range_value:after { content: ' dias'; } /* Extra space between some fields and next field */ #frm_field_conf_553_container, #frm_field_conf_554_container, #frm_field_517_container, #frm_field_518_container, #frm_field_553_container, #frm_field_1318_container, #frm_field_591_container, #frm_field_520_container, #frm_field_1080_container, #frm_field_1565_container, #frm_field_521_container, #frm_field_530_container, #frm_field_561_container, #frm_field_1631_container, #frm_field_1632_container, #frm_field_565_container, #frm_field_573_container, #frm_field_568_container, #frm_field_572_container, #frm_field_536_container, #frm_field_562_container, #frm_field_531_container, #frm_field_2163_container, #frm_field_2167_container, #frm_field_2164_container, #frm_field_2168_container { margin-bottom: 30px !important; } /* Extra space between some fields and previous field */ #frm_field_1565_container, #frm_field_1811_container { margin-top: 30px !important; } /* Star rating - Cerveja/Beer (acertar largura e altura) */ .frm-star-group .star-rating, .frm-star-group input+label { width: 35px !important; height: 36px !important; font-size: 36px !important; } /* Star rating - Cerveja/Beer (diminuir o espaço entre as cervejas) */ .frm-star-group .star-rating, .frm-star-group input+label { margin-right: 5px; } /* Star rating - Cerveja/Beer (cheia) */ .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before, .frm-star-group input+label:hover:before, .frm-star-group:hover input+label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-full.png) !important; } /* Star rating - Cerveja/Beer (vazia) */ .frm-star-group input+label:before, .frm-star-group .star-rating:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-empty.png); } /* Star rating - Adjust for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_567_container .star-rating, #frm_field_567_container input+label { width: 30px !important; } } /* Optionbox - Sexo (criei classe "option_sexocartoon" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_sexocartoon { padding-left: 40px; } /* Optionbox - EMOJIS (centralizar tudo) */ div#frm_field_582_container { text-align: center; } #frm_field_582_container label.frm_primary_label.control-label { text-align: center !important; } /* Optionbox - EMOJIS (diminuir espaço entre os emojis) */ #frm_field_582_container .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_checkbox, .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1 { display: inline-block; margin-left: 0px; padding-left: 0px; } /* Optionbox - EMOJIS (criei classe "option_emoji" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_emoji { padding-left: 15px; } /* E-mail (campos secundários e original do team) - ajustar distância vertical entre estes dois campo no mobile */ @media (max-width: 768px) { #frm_field_1077_container { margin-bottom: 10px !important; } } /* Objetivos - Border at images */ #frm_field_578_container img { border-width: 1px; border-color: #737373; border-style: solid; margin-top: 5px; } /* Objetivos - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_578_container img { width: 120px; } } /* Objetivos - Resize checkbox labels - MOBILE */ @media (max-width: 768px) { #frm_field_578_container .frm_checkbox label { font-size: 15px; } } /* Objetivos - checkbox labels */ #frm_field_578_container .frm_checkbox label { padding-left: 0px; } /* Objetivos - Increase vertical space between checkboxes */ #frm_checkbox_578-588-2, #frm_checkbox_578-588-3 { margin-top: 20px; margin-bottom: 20px; } /* Error message fix (Objetivos) */ #frm_field_578_container .frm_error { display: inline-block; } /* Toggle whatsapp (add icon) */ #frm_field_1565_container .frm_on_label.frm_switch_opt:after { content: '\f232'; font-family: FontAwesome; color: #52ce5f; margin-left: 5px; } /* Toggle whatsapp (adjust vertical space) - MOBILE */ @media (max-width: 768px) { #frm_field_1565_container { margin-bottom: 10px; } } /* Whatsapp phone field (margin bottom) - DESKTOP & MOBILE */ #frm_field_1566_container, #frm_field_1748_container { margin-bottom: 20px !important; } /* Whatsapp phone field (increase input text size) - MOBILE */ @media (max-width: 768px) { #frm_field_1566_container input, #frm_field_1748_container input { font-size: 18px; } } /* Whatsapp phone field (change color while typing) */ @media (max-width: 768px) { #frm_field_1566_container :invalid, #frm_field_1748_container:invalid { color: #e0e0e0 !important; } } /* Histórico e restrições (text area) */ #frm_field_539_container textarea, #frm_field_533_container textarea { background: url(/wp-content/uploads/webqualitat/background-typing.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #1e1e1e; line-height: 1.1; } /* Nutricionista */ #frm_field_566_container .frm_on_label:after { content: '\f0f5'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Fumante */ #frm_field_574_container .frm_on_label:after { content: '\f06d'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Bebida */ #frm_field_575_container .frm_on_label:after { content: '\f0fc'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Mailster tags (multiple select dropdown) */ #frm_field_1701_container select { height: 64px; } /* Fix section vertical margin */ #frm_form_55_container h3.frm_pos_top.frm_section_spacing { margin-bottom: 20px !important; } /* Fix section bottom margin */ #frm_form_55_container .form-field.frm_section_heading { margin-bottom: 0px !important; } /* Histórico field - placeholder dimmed */ #frm_field_539_container textarea::placeholder { color: #97926f; } /* Histórico field - label style */ #frm_field_539_container .frm_primary_label { font-weight: 600; color: white; text-transform: uppercase; } /* --------------------------------------- */ /* Subscription plan calculator */ /* --------------------------------------- */ /* Optionbox - Planos (criei classe "option_plano" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário, e acertar tamanho dos ícones) */ .option_plano { font-size: 48px; color: #f5821f; padding-left: 30px; } @media (max-width: 768px) { .option_plano { padding-left: 20px; } } /* Campos que não tenham optionbox vertical (centralizar) */ div#frm_field_696_container, div#frm_field_700_container, div#frm_field_712_container { text-align: center; } /* Campo que tem optionbox vertical (centralizar) */ div#frm_field_291_container { margin-left: auto; margin-right: auto; width: 50% !important; } /* Campo que tem optionbox vertical (centralizar) - ajuste para mobile */ @media (max-width: 768px) { div#frm_field_291_container { width: 80% !important; } } /* Form of payment block - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { div#frm_field_291_container { width: 90% !important; } } /* Optionbox - Planos (diminuir espaço entre os emojis no mobile) */ @media (max-width: 768px) { #frm_field_696_container .frm_radio label { padding-left: 0px !important; } } /* Optionbox - Planos [número de meses] (acertar o estilo) */ .option_plano_meses { color: #b3b3b3; text-decoration: overline; padding-top: 10px; font-style: italic; padding-left: 25px; } @media (max-width: 768px) { .option_plano_meses { padding-left: 15px; } } /* Optionbox - Pagamento (criei classe "option_pagamento" para ajustar espaços em relação ao radiobutton, e acertar tamanho dos ícones) */ .option_pagamento { font-size: 24px; color: #f5821f; padding-left: 10px; } /* Section - Todas as seções com a linha inferior suavizada e margem inferior maior, fonte ajustada */ #frm_form_30_container .form-group { margin-bottom: 0 !important } #frm_form_30_container h3.frm_pos_top.frm_section_spacing { border-bottom-color: #616161 !important; margin-bottom: 20px !important; font-size: 23px; line-height: 1.1; } /* HTML - Todos os campos HTML deste formulário */ #frm_form_30_container .frm_form_field.frm_html_container.form-field { line-height: 1.5; } /* Button "Faça seu pedido" (make font bigger) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 20px; } /* Button "Faça seu pedido" - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 18px !important; } } /* Buttons "Continuar" (Insert right arrow icon) */ #frm_form_30_container .frm_page_num_1 button.frm_button_submit.btn.btn-default::after, #frm_form_30_container .frm_page_num_2 button.frm_button_submit.btn.btn-default::after { content: '\f138'; font-family: fontawesome; display: inline-block; margin-left: 10px; } /* Button "Faça seu pedido" (Insert "add to cart" icon) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit::before { display: inline-block; font-family: FontAwesome; color: #ffffff; content: "\f218"; margin-right: 10px; } /* Line dividing payment methods section from form of payments */ #frm_field_291_container { border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 15px; border-bottom-color: #5a5a5a; } /* Rootline */ #frm_form_30_container .frm_rootline .frm_current_page input[type="button"] { border-color: #ffffff; background-color: #252525 !important; color: #ffffff; border-width: 1px; } /* Calculator border */ #frm_form_30_container .frm_form_fields>fieldset { border-color: #c7c7c7; border-width: 3px; } /* Page 3 with summary - block of form of payment for very small devices (Mobile) */ @media (max-width: 360px) { #frm_field_715_container { font-size: 13px; } } /* --------------------------------------- */ /* Training request */ /* --------------------------------------- */ /* File upload (text) */ #frm_field_1277_container span.frm_upload_text { font-size: 14px; } /* File upload (instructions) */ #frm_field_1277_container .frm_small_text { display: none; } /* File upload (paddings) */ #frm_field_1277_container .dz-message.needsclick { padding: 5px; } /* File upload (icon) */ #frm_field_1277_container .frm_upload_icon:before { font-size: 18px; } /* E-mail marketing 1st checkbox (label) */ #frm_checkbox_1387-1385-0 label { padding-left: 0px; } /* E-mail marketing 1st checkbox (checkbox) */ #frm_checkbox_1387-1385-0 { padding-left: 0px; } /* --------------------------------------- */ /* Training request fiter */ /* --------------------------------------- */ /* Collapsible Section styling H3 text */ #form_jjjcq224223 .frm_section_heading h3 { padding: 0px; font-size: 16px; margin-bottom: 0px !important; font-family: Lato !important; color: #f5821f; border-bottom: none; } /* ------------------------------------------ */ /* Training request fiter (CSV Export list) */ /* ------------------------------------------ */ /* Dropdowns with multiple selection (i disabled here cause need to make filter work as expected) */ #frm_field_1330_container select, #frm_field_1331_container select, #frm_field_1338_container select { /* height: 76px; */ } /* --------------------------------------- */ /* Training request interaction box */ /* --------------------------------------- */ /* Adjust spaces betwwen these repeater */ #frm_form_83_container .frm_repeat_sec { padding-bottom: 5px; } /* Frame */ #frm_form_83_container fieldset { border-width: 1px; border-style: dashed; border-color: #a9a9a9; } /* Labels */ #frm_form_83_container .frm_primary_label { font-size: 14px; } /* Dropdown */ #frm_form_83_container select { height: 32px !important; font-size: 14px !important; } /* Rich text */ #frm_form_83_container textarea.wp-editor-area { font-size: 14px !important; } /* Text */ #frm_form_83_container input[type="text"] { height: 32px !important; font-size: 14px !important; } /* Submit button */ #frm_form_83_container .frm_submit button { height: 38px !important; } /* --------------------------------------- */ /* Trainings */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1145-1001-i14960_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programming */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1220_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programs */ /* --------------------------------------- */ /* Dropdown autocomplete (Instructions) - DESKTOP */ @media (min-width: 768px) { #frm_field_781_container a.chosen-single.chosen-single-with-deselect, #frm_field_781_container .frm_dynamic_select_container { width: 512px !important; } } /* Dropdown autocomplete (Exercise & Exercise notes) - DESKTOP */ @media (min-width: 768px) { #frm_field_795_container a.chosen-single.chosen-single-with-deselect, #frm_field_795_container .frm_dynamic_select_container, #frm_field_798_container a.chosen-single.chosen-single-with-deselect, #frm_field_798_container .frm_dynamic_select_container, #frm_field_808_container a.chosen-single.chosen-single-with-deselect, #frm_field_808_container .frm_dynamic_select_container, #frm_field_818_container a.chosen-single.chosen-single-with-deselect, #frm_field_818_container .frm_dynamic_select_container, #frm_field_828_container a.chosen-single.chosen-single-with-deselect, #frm_field_828_container .frm_dynamic_select_container, #frm_field_838_container a.chosen-single.chosen-single-with-deselect, #frm_field_838_container .frm_dynamic_select_container { width: 599px !important; } } /* --------------------------------------- */ /* Sequences */ /* --------------------------------------- */ /* Dropdown autocomplete (Programs) - DESKTOP */ @media (min-width: 768px) { #frm_field_855_container a.chosen-single.chosen-single-with-deselect, #frm_field_855_container .frm_dynamic_select_container { width: 645px !important; } } /* --------------------------------------------- */ /* Programmings - AreaVIP programs (weight box) */ /* --------------------------------------------- */ /* Number of series (Styling) */ .numero_serie input { background: #f5812f !important; text-align: center !important; color: black !important; font-size: 14px !important; font-weight: 900 !important; border-color: transparent !important; border-radius: 10px !important; } /* All fields that have 1/3 CSS --------- FIX THIS WITH DEVIKA */ #form_programmings-areavipprogramsweightbox .frm_form_field.frm_third { width: 30% !important; clear: none !important; float: left !important; margin-left: 5px !important; margin-bottom: 0px !important; } /* All repeatable sections of this form (remove bottom padding) */ #form_programmings-areavipprogramsweightbox .frm_repeat_sec { padding-bottom: 0px !important; } /* Change submit button height of this form */ #form_programmings-areavipprogramsweightbox button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 14px; height: 34px !important; } /* --------------------------------------- */ /* Trainings filter */ /* --------------------------------------- */ /* Hide Dropdown autocomplete placeholder text */ #frm_field_1020_container a.chosen-single.chosen-default span, #frm_field_1264_container a.chosen-single.chosen-default span { display: none !important; } /* --------------------------------------- */ /* Templates */ /* --------------------------------------- */ /* MCE Editor (Top margin) */ #frm_field_487_container { margin-top: 30px; } /* --------------------------------------- */ /* Templates filter */ /* --------------------------------------- */ /* Padrão field checkboxes (left margin) */ #frm_field_915_container { margin-left: 0px; } /* --------------------------------------- */ /* Interactions */ /* --------------------------------------- */ /* Nome da interação (margem inferior) */ #frm_field_436_container { margin-bottom: 20px; } /* MCE Editor (Top margin) */ #frm_field_437_container { margin-top: 20px; } /* Nome do código PHP (Before input) */ #frm_field_1664_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* Nome do código PHP (margem inferior) */ #frm_field_1670_container { margin-bottom: 20px; } /* --------------------------------------- */ /* Nutrition form */ /* --------------------------------------- */ /* Metas - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_1391_container img { width: 120px; } } /* Histórico (Anotações) - Fix size when form is at landing page (DESKTOP) */ @media (min-width: 768px) { .page-id-105611 .frm_field_1457_container { width: 475px !important; } } /* Metas - Remove extra space at checkoxes */ #frm_field_1391_container .frm_checkbox label { padding-left: 0px; } /* Metas - Space between checkboxes */ #frm_checkbox_1391-1389-2, #frm_checkbox_1391-1389-3 { margin-top: 10px; } /* Extra space between some fields and previous field (large space) */ #frm_field_1403_container, #frm_field_1429_container, #frm_field_1410_container { margin-top: 30px; } /* (!!! IT'S A CLASS !!!) Extra space between some fields and previous field (large space) - inside repeater (MOBILE) */ @media (max-width: 768px) { .frm_field_1445_container { margin-top: 0px; } } /* Extra space between some fields and previous field (small space) */ #frm_field_1428_container { margin-top: 15px; } /* Repeater icons with text (style) */ #frm_field_1441_container a.frm_add_form_row.frm_button, #frm_field_1441_container a.frm_remove_form_row.frm_button { height: 35px !important; background: transparent !important; border-color: #c01e2e !important; border-width: 3px !important; border-style: groove !important; padding-top: 5px !important; padding-bottom: 2px !important; padding-left: 8px !important; padding-right: 8px !important; margin-right: 5px !important; } /* Repeater icons with text (space) */ #frm_field_1441_container .frm_repeat_buttons { margin-top: 20px; } /* Suplementação checkboxes (MOBILE) very small devices */ @media (max-width: 360px) { #frm_field_1520_container .frm_checkbox { width: 70%; } } /* Suplementação checkboxes (items) */ #frm_field_1522_container label { padding-left: 0px !important; } /* Suplementação checkboxes (title) */ #frm_field_1522_container .frm_primary_label { margin-bottom: 5px; } /* Suplementação checkboxes (description) */ #frm_field_1522_container .frm_description { padding-top: 8px !important; } /* Fullname */ #frm_field_1392_container { margin-bottom: 0px !important; } /* E-mail */ #frm_field_1393_container { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Nutrition request form */ /* ----------------------------------------------- */ /* Draft button - Set style */ #frm_form_115_container a.frm_save_draft { font-size: 20px; font-weight: 600; display: block; } /* Documento principal (dropdown) */ #frm_field_1561_container { margin-bottom: 20px !important; } /* Documentos adicionais (checkboxes) */ #frm_field_1562_container .frm_checkbox label { padding-left: 0px !important; } /* ----------------------------------------------- */ /* Affiliates form */ /* ----------------------------------------------- */ /* Less margin at description */ #frm_form_129_container .frm_form_field input[type=text] { margin-bottom: 5px !important; } /* More margin between fields (only inside sections) */ #frm_field_1867_container .form-field, #frm_field_1859_container .form-field, #frm_field_1890_container .form-field, #frm_field_1822_container .form-field, #frm_field_1870_container .form-field, #frm_field_1875_container .form-field, #frm_field_1877_container .form-field, #frm_field_1825_container .form-field, #frm_field_1819_container .form-field { margin-bottom: 20px !important; } /* sections */ #frm_form_129_container h3.frm_pos_top { padding-top: 0px !important; } /* Social network repeater */ #frm_field_1905_container { margin-bottom: 20px !important; } /* Cupom repeater */ #frm_field_1912_container { margin-bottom: 20px !important; } /* Fullname */ div#frm_field_1817_container { margin-bottom: 0px !important; } /* E-mail */ div#frm_field_1818_container { margin-bottom: 0px !important; } /* remove top space of social networks repeater repeater */ #frm_field_1905_container { margin-top: 0px; } /* Hide social networks repeater header */ #frm_field_1905_container h3.frm_pos_top.frm_section_spacing { display: none; } /* Fix height of add and remove buttons of repeater */ #frm_form_129_container a.frm_add_form_row.frm_button, #frm_form_129_container a.frm_remove_form_row.frm_button { height: auto !important; padding-top: 5px; padding-bottom: 8px; border-radius: 5px; } /* More vertical top margin for buttons of repeater */ #frm_form_129_container .frm_form_field.frm_hidden_container.frm_repeat_buttons { margin-top: 10px; } /* Bank info at mobile */ @media (max-width: 768px) { #frm_field_1861_container { grid-column: span 5 / span 6 !important; } #frm_field_1862_container { grid-column: span 7 / span 6 !important; } #frm_field_1863_container { grid-column: span 5 / span 6 !important; } #frm_field_1864_container { grid-column: span 7 / span 6 !important; } } /* Signature adjust line (mobile) */ @media(max-width:768px) { .frm-typed-drawline { width: 90% !important; left: 17px !important } } /* Remove bottom margin from repeater buttons */ #frm_field_1905_container .frm_repeat_sec { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Whatsapp phone field (icon inside input) */ #frm_field_1653_container input { font-size: 18px; width: fit-content; } /* SMS phone field (icon inside input) */ #frm_field_1654_container input { font-size: 18px; width: fit-content; } /* E-mail field (font size) */ #frm_field_1655_container input { font-size: 18px; } /* Change size (primary label) */ #frm_form_121_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } /* Change size (submit button) */ #frm_form_121_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Change size (radio buttons with images) */ #frm_form_121_container .frm_radio.frm_image_option { --image-size: 100px; } /* Get login code (icon beside submit) */ #frm_form_121_container .form-group.frm_submit { background-image: url(/wp-content/uploads/webqualitat/icon-login-getcode.png); background-position-x: 11px; background-position-y: -1px; background-size: 72px; background-repeat: no-repeat; margin-bottom: 10px !important; height: 79px; } /* Add space below question */ #field_385l2_label { margin-bottom: 30px; } /* Image selector border */ #frm_form_121_container .frm_image_options .frm_image_option_container:hover, #frm_form_121_container input[type=radio]:checked+.frm_image_option_container, #frm_form_121_container input[type=checkbox]:checked+.frm_image_option_container { border-color: #c01e2f; box-shadow: 0 0 2px 3px rgb(192 30 47 / 56%); } /* Image selector checkmark */ #frm_form_121_container .frm_image_option_container .frm_selected_checkmark svg { fill: #c01e2f; width: 24px; height: 24px; } /* Temporary fix for height of radio images */ #frm_form_121_container .frm_image_option_container.frm_label_with_image { height: 136px; } /* Temporary fix to center radio images */ #frm_form_121_container .frm_image_options .frm_opt_container { margin: 0 auto; } /* ----------------------------------------------- */ /* Login-Authenticate form */ /* ----------------------------------------------- */ /* Change size (primary label) */ #frm_form_122_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } #frm_field_1659_container label { text-align: center; margin-bottom: 10px; } /* SMS code field (font size) */ #frm_field_1659_container input { font-size: 35px; height: 60px; } #frm_field_1659_container .frm_input_group { margin: 0 auto; } /* Submit button (change size) */ #frm_form_122_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Submit button (awesome icon) */ #frm_form_122_container .frm_submit button:before { content: 'tt'; content: '\f138'; font-size: 24px; margin-right: 9px; font-family: FontAwesome; } /* Checkbox to add phone to form (resize) */ #frm_field_1661_container input { transform: scale(1.5); } /* Checkbox to add phone to form (color) */ #frm_field_1661_container label { color: #d2d2d2; } /* ----------------------------------------------- */ /* Automations form */ /* ----------------------------------------------- */ /* Nome do código PHP (Before input) */ #frm_field_1670_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* ----------------------------------------------- */ /* Mailster subscriber form */ /* ----------------------------------------------- */ /* Form inline - Adjust form size at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline { width: 70%; margin: 0 auto; } } /* Form inline & landing - Adjust name and email field to small width at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline #frm_field_1702_container, .mailster_subscriber_form_inline #frm_field_1703_container, .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { width: 80% !important; margin: 0 auto !important; } } /* Form landing - Adjust fields vertical bottom space (DESKTOP) */ @media (min-width: 768px) { .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { padding-bottom: 20px; } } /* Adjust name and email height to be same as prefix icon */ #frm_field_1702_container input, #frm_field_1703_container input { margin-bottom: 0px !important; } /* Set style for header text */ #frm_field_1728_container { font-size: 20px; text-align: center; font-family: 'Oswald'; color: #ffffff; border: none; font-weight: 500; text-transform: uppercase; background: rgb(248 130 31 / 27%); padding: 5px; } /* Form (sidebar & inline) Set more vertical space for header text */ .mailster_subscriber_form_sidebar #frm_field_1728_container, .mailster_subscriber_form_inline #frm_field_1728_container { margin-bottom: 20px; } /* Add checkmark icon at message submit */ #frm_form_127_container .frm_message>p:after { content: "\f058"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-left: 5px; } /* Submit button (all forms) */ .mailster_subscriber_form_landing .frm_button_submit, .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { font-size: 26px !important; font-weight: 500 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; text-transform: uppercase !important; background: rgb(192 30 46 / 77%) !important; border-color: #b5b5b5 !important; border-style: groove !important; } /* Submit button (landing) */ .mailster_subscriber_form_landing .frm_button_submit { border-width: 5px !important; height: 58px !important; } /* Submit button (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing .frm_button_submit { margin-top: 20px !important; } } /* Submit button (sidebar & inline) */ .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { border-width: 4px !important; font-weight: 600 !important; font-size: 18px !important; } /* Submit button (inline) */ .mailster_subscriber_form_inline .frm_button_submit { margin-top: 20px !important; } /* labels (all) */ .mailster_subscriber_form_landing .frm_primary_label, .mailster_subscriber_form_sidebar .frm_primary_label, .mailster_subscriber_form_inline .frm_primary_label { text-align: center !important; font-weight: 700 !important; color: white !important; font-size: 17px !important; } /* Forms (all) - input fields */ .mailster_subscriber_form_landing input, .mailster_subscriber_form_sidebar input, .mailster_subscriber_form_inline input { background: rgb(30 30 30 / 82%) !important; } /* Forms (all) */ .mailster_subscriber_form_landing fieldset, .mailster_subscriber_form_sidebar fieldset, .mailster_subscriber_form_inline fieldset { border-width: 2px !important; border-color: #f5821f !important; border-radius: 25px !important; background: rgb(192 30 47 / 26%) !important; margin-top: 30px !important; margin-bottom: 30px !important; background-image: url(/wp-content/uploads/2019/04/Caricatura-site-mobile-shift.png) !important; background-repeat: no-repeat !important; } /* Form (landing) */ .mailster_subscriber_form_landing fieldset { border-style: double !important; padding: 15px !important; background-position: right -17px bottom -6px !important; box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05) !important; } /* Form (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing fieldset { padding-top: 30px !important; padding-bottom: 30px !important; } } /* Form (sidebar) */ .mailster_subscriber_form_sidebar fieldset { border-style: dashed !important; padding: 25px 5px 51px 5px !important; background-position: right -17px bottom -12px !important; } /* Form (inline) */ .mailster_subscriber_form_inline fieldset { border-style: dashed !important; padding: 30px 5px !important; background-position: right -17px bottom -12px !important; } .frm_primary_label { cursor: pointer; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Vertical margin for option box section */ #frm_field_1767_container { margin-bottom: 0px !important; } /* Vertical margin for enter number or email section */ #frm_field_1769_container { margin-bottom: 0px !important; } /* Style for methods option boxe selected (border and background) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container { border-width: 3px; background: #424242; } /* Style for methods option boxe selected (bold) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container span.frm_text_label_for_image_inner { font-weight: 700; } /* Devika's code */ #frm_form_121_container { overflow: hidden } #form_login h3 { line-height: 25px; padding-bottom: 10px; } #form_login h3, #form_login h3+.frm_description { text-align: center !important } #form_login .frm_form_fields { margin-bottom: 0 !important } #form_login #frm_field_1782_container, #form_login #frm_field_1785_container { user-select: none; cursor: default } #form_login #frm_field_1782_container [readonly], #form_login #frm_field_1785_container [readonly] { pointer-events: none !important; } #form_login #frm_field_1782_container [readonly]:focus, #form_login #frm_field_1785_container [readonly]:focus { box-shadow: none !important; border-color: var(--border-color-disabled) !important } #form_login #frm_field_1652_container .frm_radio { margin: 5px !important; user-select: none } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark { left: 50%; top: 100%; transform: translate(-50%, -2px) } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark svg { transform: scale(1.3); } #form_login #frm_field_1652_container .frm_label_with_image { display: block; text-align: center; color: #fff !important } #form_login #frm_field_1652_container .frm_label_with_image img { display: block; margin-bottom: 5px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_2169_container, #form_login #frm_field_2170_container, #form_login #frm_field_2171_container, #form_login #frm_field_2172_container { margin: 0 auto; width: auto !important } #form_login #frm_field_2169_container select, #form_login #frm_field_2169_container .frm_slimselect, #form_login #frm_field_2170_container select, #form_login #frm_field_2170_container .frm_slimselect, #form_login #frm_field_2171_container select, #form_login #frm_field_2171_container .frm_slimselect, #form_login #frm_field_2172_container select, #form_login #frm_field_2172_container .frm_slimselect { width: 250px; margin-bottom: 10px; } #form_login #frm_field_2169_container .ss-arrow, #form_login #frm_field_2170_container .ss-arrow, #form_login #frm_field_2171_container .ss-arrow, #form_login #frm_field_2172_container .ss-arrow { margin-bottom: auto; } #form_login #frm_field_1767_container .frm_opt_container { text-align: center; display: flex; align-content: center; justify-content: center; } #form_login #frm_field_1767_container .frm_text_label_for_image_inner { color: #fff !important } #form_login #frm_field_1760_container { background: url(/wp-content/uploads/webqualitat/locker-otp-login.png) 50% 0% no-repeat; width: 250px !important; height: 357px !important; display: block; margin: 0 auto 40px !important; position: relative; } #form_login #frm_field_1760_container>label, #form_login #frm_field_1760_container .input-group-addon { display: none } #form_login #frm_field_1760_container .frm_input_group { position: absolute; left: 33px; bottom: 80px; display: block; width: 190px; overflow: hidden; } #form_login #frm_field_1760_container .form-control { display: none } #form_login #frm_field_1760_container .frm_description { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; text-align: center; font-weight: 600; font-style: normal; color: #F1F1F1; } #form_login #frm_field_1760_container.has-error .frm_description { display: none } #form_login #frm_field_1760_container .frm_error { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; text-align: center; min-height: 40px } #form_login #frm_field_1760_container #otp { display: flex; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 85px; font-family: Oswald; font-size: 60px; line-height: 60px; } #form_login #frm_field_1760_container #otp>input { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border: 2px solid #c01e2f; font-family: Oswald; font-size: 45px; line-height: 45px; height: 80px; margin: 0 1px; text-align: center; background: rgba(0, 0, 0, .7); transition: 0.3 ease; box-shadow: inset rgba(0, 0, 0, .8) 2px 3px 8px } #form_login #frm_field_1760_container #otp>input::-webkit-outer-spin-button, #form_login #frm_field_1760_container #otp>input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #form_login #frm_field_1760_container #otp>input:focus { background: #000; } #form_login #frm_field_1801_container { text-align: center; line-height: 1.2; } #form_login .frm_submit { margin-top: 20px !important; } #frm_form_121_container .frm_message { border: 0 !important; margin: 0 !important } @media(max-width:768px) { #form_login h3 { padding-top: 0px !important; } #form_login #frm_field_1652_container .frm_radio { margin: 3px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_1655_container { margin-bottom: 10px !important } #form_login #frm_field_1794_container { margin-bottom: 10px !important; } #form_login #frm_field_1773_container, #form_login #frm_field_1775_container { margin-bottom: 0 !important } } @media(max-width:640px) { #form_login h3 { font-size: 18px !important } #form_login #frm_field_1652_container { margin-bottom: 20px !important } #form_login #frm_field_1652_container .frm_opt_container .frm_radio { width: 30% !important } #form_login #frm_field_1652_container .frm_label_with_image { height: auto; padding: 0 0 5px } #form_login #frm_field_1652_container .frm_label_with_image img { object-fit: fill; height: auto } #form_login #frm_field_1760_container { transform: scale(0.65); margin-top: -50px !important; margin-bottom: -50px !important; } #form_login #frm_field_1760_container .frm_description { font-size: 16px; } #form_login #frm_field_1794_container { margin-top: 0 !important; } } #login_overlay { font-family: Oswald; } #login_overlay .popup-box { max-width: 350px; border-radius: 4px } #login_overlay .popup-header { text-align: center; font-size: 35px; font-weight: 700; margin-top: -50px } #login_overlay .popup-header:before { content: ''; background: url(/wp-content/uploads/webqualitat/icon-login-warning.png) 50% 50% / cover no-repeat; display: block; width: 70px; height: 70px; margin: 0 auto; transform: translateY(-10px); } #login_overlay .popup-content { font-size: 18px; line-height: 22px; font-weight: 400; text-align: center } #login_overlay .popup-footer { text-align: center } #login_overlay .popup-footer .popup-close { background: #FE3135; border: 1px solid #FE3135; border-radius: 4px; padding: 10px 15px; font-weight: 500 } #login_overlay .popup-footer .popup-close .fa-window-close { background: #fff; font-size: 20px; line-height: 8px; color: #000; display: inline-block; margin-right: 5px; transform: translatey(1px) } /* ----------------------------------------------- */ /* Process GPT form */ /* ----------------------------------------------- */ /* Fix color of hours suffix and color */ #frm_field_1951_container .frm_inline_box { color: white !important; height: 36px; } /* Fix submit button size and position */ #form_gpt_process_filter .frm_submit{ margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } #form_gpt_process_filter button.frm_button_submit.btn.btn-secondary.frm_final_submit { margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } /* ----------------------------------------------- */ /* Video sequences */ /* ----------------------------------------------- */ /* Adjust "Selecionar módulos" and "Selecionar Vídeos" repeater rows vertical distance */ #frm_field_2110_container .frm_repeat_sec, #frm_field_2021_container .frm_repeat_sec { margin-top: 3px !important; margin-bottom: 0px !important; } /* FIX DEVIKA */ #frm_form_55_container .frm_submit { text-align: center }.frm_style_thiago-varella-dark-v2.with_frm_style { } /* Prefix */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; opacity:1; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line input, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line input:disabled { border-color: #dfdfdf; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #cbcbcb; border-right-color: #cbcbcb; border-left-width: 1px ; border-right-width: 1px ; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line li:first-of-type input { border-left-color: #c01e2e; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #c01e2e; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #dfdfdf; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #dfdfdf; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #cbcbcb; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line input.frm_page_back { border-color: #c01e2e; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #c01e2e; border-right-color: #cbcbcb; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_rootline input, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_rootline input:hover { width: 30px; height: 30px; border-radius: 30px; padding: 0; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active { border-color: #ac0a1a !important; background-color: #c01e2e !important; color: #ffffff !important; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active { border-color: #ac0a1a; background-color: #c01e2e; color: #ffffff!important; } .frm_style_thiago-varella-dark-v2.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #c01e2e; } /* Start Range slider */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=range]::-webkit-slider-thumb { border: 2px solid #c01e2e;color:#ffffff;} .frm_style_thiago-varella-dark-v2.with_frm_style input[type=range]::-moz-range-thumb { border: 2px solid #c01e2e;color:#ffffff;} .frm_style_thiago-varella-dark-v2.with_frm_style input[type=range]::-ms-thumb { border: 2px solid #c01e2e;color:#ffffff;} /* End Range Slider */ /* Start other fields */ .frm_style_thiago-varella-dark-v2.with_frm_style input.frm_other_input:not(.frm_other_full){ width:auto ; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full), .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){ margin-left:5px; } .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) { display:inline-block; } .frm_style_thiago-varella-dark-v2.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_thiago-varella-dark-v2.with_frm_style span.frm-pass-verified .frmsvg { color:#ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style span.frm-pass-req .frmsvg { color:#dd0000; } /* End Password field */ /* Sections */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ border-bottom:1px solid #909090; } .frm_style_thiago-varella-dark-v2.with_frm_style h3 .frm_after_collapse{ display:inline; } .frm_style_thiago-varella-dark-v2.with_frm_style h3 .frm_before_collapse{ display:none; } .menu-edit #post-body-content .frm_style_thiago-varella-dark-v2.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{ margin:0; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_section_heading{ margin-top:16px; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{ margin-bottom:12px; } /* End Sections */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_single_product_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_total_formatted { font-size:17px; color:#d6d6d6; } /* Datepicker */ .frm_style_thiago-varella-dark-v2.with_frm_style .ui-datepicker-title > select { color: #ffffff; color: var(--text-color); background-color: var(--bg-color); } .frm_style_thiago-varella-dark-v2.with_frm_style .ui-datepicker-month, .frm_style_thiago-varella-dark-v2.with_frm_style .ui-datepicker-year { color: var(--text-color); } .frm_style_thiago-varella-dark-v2.with_frm_style span.ui-datepicker-month, .frm_style_thiago-varella-dark-v2.with_frm_style span.ui-datepicker-year { color: var(--date-head-color); } .frm_style_thiago-varella-dark-v2.with_frm_style .ui-widget-header, .frm_style_thiago-varella-dark-v2.with_frm_style .ui-datepicker-header { color: var(--date-head-color) !important; background-color: var(--date-head-bg-color) !important; } .frm_style_thiago-varella-dark-v2.with_frm_style .flatpickr-day, .frm_style_thiago-varella-dark-v2.with_frm_style .ui-datepicker td, /* Sample form selector */ .frm_style_thiago-varella-dark-v2.with_frm_style.ui-datepicker td { border: 0; border-radius: var(--border-radius); overflow: hidden; } .frm_style_thiago-varella-dark-v2.with_frm_style .flatpickr-day.today:not(.inRange), .frm_style_thiago-varella-dark-v2.with_frm_style td.ui-datepicker-today { background-color: var(--date-band-color) !important; } .frm_style_thiago-varella-dark-v2.with_frm_style .flatpickr-day.today, .frm_style_thiago-varella-dark-v2.with_frm_style td.ui-datepicker-today > a { color: var(--date-head-color); } .frm_style_thiago-varella-dark-v2.with_frm_style td.ui-datepicker-current-day, .frm_style_thiago-varella-dark-v2.with_frm_style td.ui-datepicker-current-day .ui-state-hover { background-color: var(--border-color-active) !important; } .frm_style_thiago-varella-dark-v2.with_frm_style td.ui-datepicker-current-day .ui-state-default:not(.ui-state-hover) { color: #fff; } .frm_style_thiago-varella-dark-v2.with_frm_style .flatpickr-day.today:hover, .frm_style_thiago-varella-dark-v2.with_frm_style td:not(.ui-datepicker-current-day) .ui-state-hover { color: var(--text-color); background: #F2F4F7 !important; } /* End Datepicker */ /* Submit Buttons */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit][disabled], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button][disabled], .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button[disabled] { opacity: 0.5; cursor: not-allowed; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_prev button.frm_prev_page, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_loading_form button.frm_button_submit { opacity: 1; } /* End Submit Buttons */ .frm_style_thiago-varella-dark.with_frm_style{ --fieldset:0px;--fieldset-color:transparent;--fieldset-bg-color:#000000;--form-desc-padding:0px;--label-color:#ffffff;--weight:500;--required-color:#f5821f;--description-font-size:12px;--description-color:#c7c7c7;--description-weight:normal;--description-style:normal;--text-color:#555555;--border-color:#cccccc;--bg-color:#f7f7f7;--bg-color-active:#ffffff;--text-color-error:#444444;--bg-color-error:#d4d4d4;--border-width-error:3px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#E5E5E5;--text-color-disabled:#A1A1A1;--check-label-color:#dedede;--section-weight:bold;--section-mar-top:15px;--section-border-color:#ded3d3;--submit-bg-color:#c01e2e;--submit-border-color:#c01e2e;--submit-border-width:5px;--submit-weight:500;--submit-border-radius:30px;--submit-padding:10px 20px 20px 20px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#c01e2e;--submit-hover-color:#fcfcfc;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#c01e2e;--submit-active-border-color:#cccccc;--border-radius:10px;--error-bg:#ff0000;--error-border:#ff0000;--error-text:#ffffff;--progress-color:#ffffff;--toggle-on-color:#c01e2e;--toggle-off-color:#cccccc;--slider-bar-color:#cccccc;--date-head-bg-color:#c01e2e;--date-head-color:#ffffff;--date-band-color:#8e0000;} .frm_forms.frm_style_thiago-varella-dark.with_frm_style{ max-width:100%; direction:ltr; margin:0 auto; } .frm_inline_form.frm_style_thiago-varella-dark.with_frm_style form{ text-align:center; } .frm_style_thiago-varella-dark.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_thiago-varella-dark.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_thiago-varella-dark.with_frm_style p.description, .frm_style_thiago-varella-dark.with_frm_style div.description, .frm_style_thiago-varella-dark.with_frm_style div.frm_description, .frm_style_thiago-varella-dark.with_frm_style .frm-show-form > div.frm_description, .frm_style_thiago-varella-dark.with_frm_style .frm_error, .frm_style_thiago-varella-dark.with_frm_style .frm_pro_max_limit_desc{ margin-top: 6px; padding:0; font-family:Lato; font-size:12px; color:#c7c7c7; font-weight:normal; text-align:left; font-style:normal; max-width:100%; } /* Left and right labels */ .frm_style_thiago-varella-dark.with_frm_style .frm_form_field.frm_left_container{ grid-template-columns: 150px auto; } .frm_style_thiago-varella-dark.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_thiago-varella-dark.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container, .frm_style_thiago-varella-dark.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{ display:inline; } .frm_style_thiago-varella-dark.with_frm_style .frm_pos_right{ display:inline; width:150px; } .frm_style_thiago-varella-dark.with_frm_style .frm_none_container .frm_primary_label, .frm_style_thiago-varella-dark.with_frm_style .frm_pos_none{ display:none; } .frm_style_thiago-varella-dark.with_frm_style .frm_scale label{ font-weight:500; font-family:Lato; font-size:16px; color:#dedede; } /* These do not work if they are combined */ .frm_style_thiago-varella-dark.with_frm_style input::placeholder, .frm_style_thiago-varella-dark.with_frm_style textarea::placeholder{ color: #A1A1A1; } .frm_style_thiago-varella-dark.with_frm_style .frm_default, .frm_style_thiago-varella-dark.with_frm_style input.frm_default, .frm_style_thiago-varella-dark.with_frm_style textarea.frm_default, .frm_style_thiago-varella-dark.with_frm_style select.frm_default, .frm_style_thiago-varella-dark.with_frm_style .placeholder { color: #A1A1A1; } .frm_style_thiago-varella-dark.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_thiago-varella-dark.with_frm_style select:focus, .frm_style_thiago-varella-dark.with_frm_style .form-field textarea:focus, .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=text], .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=password], .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=email], .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=number], .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=url], .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=tel], .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_thiago-varella-dark.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#ffffff; border-color:#f5821f; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(245,130,31, 0.6); } .frm_style_thiago-varella-dark.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_thiago-varella-dark.with_frm_style input[type=submit], .frm_style_thiago-varella-dark.with_frm_style .frm_submit input[type=button], .frm_style_thiago-varella-dark.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_thiago-varella-dark.with_frm_style .frm-edit-page-btn { width:auto; font-family:Lato; font-size:16px; height:50px; line-height:normal; text-align:center; background: #c01e2e ; border-width:5px; border-color: #c01e2e; border-style:solid; color:#ffffff; cursor:pointer; font-weight:500; border-radius:30px; text-shadow:none; padding:10px 20px 20px 20px; box-sizing:border-box; box-shadow:0 1px 1px #eeeeee; margin:; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_thiago-varella-dark.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_thiago-varella-dark.with_frm_style .frm-edit-page-btn:hover, .frm_style_thiago-varella-dark.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark.with_frm_style .frm_submit button:hover{ background: #c01e2e; border-color: #cccccc; color: #fcfcfc; } .frm_style_thiago-varella-dark.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:; } .frm_style_thiago-varella-dark.with_frm_style .frm-edit-page-btn:focus, .frm_style_thiago-varella-dark.with_frm_style input[type=submit]:focus, .frm_style_thiago-varella-dark.with_frm_style .frm_submit input[type=button]:focus, .frm_style_thiago-varella-dark.with_frm_style .frm_submit button:focus, .frm_style_thiago-varella-dark.with_frm_style input[type=submit]:active, .frm_style_thiago-varella-dark.with_frm_style .frm_submit input[type=button]:active, .frm_style_thiago-varella-dark.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #c01e2e; outline: none; } .frm_style_thiago-varella-dark.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #c01e2e; border-color: #c01e2e; } .frm_style_thiago-varella-dark.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #ffffff; border-right-color: #ffffff; max-height:50px; } .frm_style_thiago-varella-dark.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_thiago-varella-dark.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:Lato; font-size:17px; color:#ffffff; font-weight:500; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_thiago-varella-dark.with_frm_style.frm_inline_form .frm_submit input, .frm_style_thiago-varella-dark.with_frm_style.frm_inline_form .frm_submit button, .frm_style_thiago-varella-dark.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_thiago-varella-dark.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_thiago-varella-dark.with_frm_style #frm_field_cptch_number_container{ font-family:Lato; font-size:17px; color:#ffffff; font-weight:500; clear:both; } .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=text], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=password], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=url], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=tel], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=number], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=email], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=checkbox], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field input[type=radio], .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field textarea, .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_thiago-varella-dark.with_frm_style .frm_form_field :invalid { color:#444444; background-color:#d4d4d4; border-color:#f7ec13; border-width:var(--border-width-error) ; border-style:solid; } .frm_style_thiago-varella-dark.with_frm_style .frm_blank_field .sigWrapper{ border-color:#f7ec13 !important; } .frm_style_thiago-varella-dark.with_frm_style .frm_error, .frm_style_thiago-varella-dark.with_frm_style .frm_limit_error{ font-weight:500; color:#f7ec13; } .frm_style_thiago-varella-dark.with_frm_style .frm_error_style{ background-color:#ff0000; border:1px solid #ff0000; border-radius:10px; color: #ffffff; font-size:16px; margin:0; margin-bottom:20px; } .frm_style_thiago-varella-dark.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_thiago-varella-dark.with_frm_style #frm_loading .progress-bar{ background-color:#f7f7f7; } .frm_style_thiago-varella-dark.with_frm_style .frm_form_field.frm_total_big input, .frm_style_thiago-varella-dark.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_thiago-varella-dark.with_frm_style .frm_form_field.frm_total input, .frm_style_thiago-varella-dark.with_frm_style .frm_form_field.frm_total textarea{ color: #555555; background-color:transparent; border:none; display:inline; width:auto; padding:0; } /* Dark mode fix by Devika G */ :root { color-scheme: only light; } .frm_style_thiago-varella-dark-v2.with_frm_style select { background-size: auto !important; background-position: 100% 50% !important; } .with_frm_style input[type=range] { min-height: 0 !important; padding: 0 !important; } /* Formidable forms - Devika's fix for optionbox and checkbox return to white color after formidable v6.4.1 update that changed to accent color */ .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 #fff !important*/ } /* Temporary fix for honeypot spam message "If you are human, leave this field blank." */ .salvar_rascunho { display: none !important; } /* Formidable Forms - I created this class to hide fields */ .frm_hide { display: none !important; } /* CODE NOT WORKING AT MOBILE */ @media (max-width: 768px) { .frm_fixcss1 { width: auto !important; } } /* Formidable Forms - Fix css at trainings form (cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss1 { width: 512px !important; } /* --------------------------------------- */ /* FORMIDABLE BOOTSTRAP MODAL */ /* --------------------------------------- */ /* Formidable Bootstrap Modal - Hide shiftnav when modal is opened */ .modal-open #shiftnav-toggle-main { display: none; } /* Formidable Bootstrap Modal - Centralize modal */ .modal { padding: 20px !important; background: rgba(0, 0, 0, .8) !important } .modal-dialog { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: 600px !important; transform: translate(-50%, -50%) !important; margin: 0px !important; } body.page-treinos .modal-backdrop { z-index: 240; } body.page-treinos .modal-dialog { z-index: 99999; } /* Formidable Bootstrap Modal - Centralize modal (mobile) @media (min-width: 768px) { .modal-dialog { margin-left: 161px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 40% !important; } }*/ /* Formidable Bootstrap Modal - Content */ .modal-content { position: relative !important; background-color: #2d2d2d !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999 !important; border-radius: 6px; /*height: 600px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } /* Formidable Bootstrap Modal - Title */ .modal-title { color: #ffffff; margin-right: 40px !important; } /* Formidable Bootstrap Modal - Close button */ .modal-header .close { font-size: 30px !important; font-weight: 500 !important; color: #c01e2e !important; text-shadow: none !important; opacity: 1 !important; margin: -2px 0 0 !important; position: absolute !important; right: 10px !important; } /* Formidable Bootstrap Modal - Header */ .modal-header { border-bottom: 1px dashed #c5c5c5 !important; } /* Formidable Bootstrap Modal - Centralize vimeo iframe */ .modal-body { text-align: center; } @media(max-width: 640px) { .modal-dialog { width: calc(100% - 40px) !important; max-width: none !important; } .modal-body { max-height: calc(100vh - 30px) !important; overflow: hidden !important; overflow-y: scroll !important; } } /* Formidable Forms - Fix incompatibility between Formidable Bootstrap Modal and ShiftNav Pro (code given by formidable forms support) */ .modal-backdrop.in { display: none !important; } /* --------------------------------------- */ /* FORMIDABLE FORMS - global settings */ /* --------------------------------------- */ /* Formidable Forms - Fix css at sequences / exercise notes filter / sections ------ cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss2 { width: 645px !important; } @media (max-width: 768px) { /* CODE NOT WORKING AT MOBILE */ .frm_fixcss2 { width: auto !important; } } /* Formidable Forms - Section field (H3) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { font-family: oswald; } /* Formidable Forms - Toggle - Definir as cores por aqui, pois o styler é ruim */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_on_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_off_label { color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_slider { background-color: #464646; } .frm_slider:before { background-color: #ffffff; box-shadow: 2px 0px 2px 1px #808080; } /* Formidable Forms - Description field */ .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description { line-height: 1.1; } /* Formidable forms - Date picker (default) */ .ui-datepicker thead { background: #3a3a3a !important; } div#ui-datepicker-div { background: #232323; } .ui-datepicker th { font-weight: normal !important; } .ui-datepicker td { border: 1px solid #616161 !important; } .ui-datepicker { border-top: 1px solid #f5821f !important; border: 1px solid #f5821f !important; } .ui-datepicker td .ui-state-default { color: #ffffff !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #1e1e1d; color: #ffffff; } /* Formidable forms - Range slider (aumentar e estilizar o valor indicado) */ span.frm_range_value { color: white; font-size: 20px !important; } Formidable forms - Range slider (diminuir a margem superior entre o slider e o número) */ .frm_range_container input { margin-top: 0px !important; } /* Formidable forms - Range slider (código do Rishun L. para desabilitar o scrollbar (click event) */ @media (max-width: 768px) { input[type=range] { pointer-events: none; } input[type=range]::-webkit-slider-thumb { /*Webkit Browsers like Chome and Safari*/ pointer-events: auto; } input[type=range]::-moz-range-thumb { /*Firefox*/ pointer-events: auto; } input[type=range]::-ms-thumb { /*Internet Explorer*/ pointer-events: auto; } } /* Formidable forms - Dropdown (change dropdown arrrow - CODE DISABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) !important; } /* Formidable forms - Dropdown (change dropdown arrrow - CODE ENABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: none; } /* Formidable forms - Slider unit (change color) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_range_unit { color: white; } /* Formidable forms - Upload drop zone (change background color) */ .dz-message.needsclick { background: #1e1e1e; } /* Formidable Forms - Repeater PLUS button (add margin at right) */ a.frm_add_form_row.frm_icon_font.frm_plus_icon { margin-right: 5px; } /* Formidable Forms - Repeater icon */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_plus_icon:before { color: #c01e2e; font-weight: 600; } /* Formidable Forms - Pagination at views (active page) */ ul.frm_pagination.pagination .active a { background: #c01e2e; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) */ ul.frm_pagination.pagination a { color: white; background: #1f1f1f; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) HOVER */ ul.frm_pagination.pagination a:hover { color: #ffffff; background-color: #313131; } /* Formidable Forms - Forms that have number of an item read only field (Styling) */ .numero_programa input, .numero_modulo input, .numero_video input { background: #f5821f !important; text-align: center !important; color: black !important; font-size: 20px !important; font-weight: 900 !important; border-color: transparent !important; } /* Formidable Forms - Forms that have number of an item read only field (Styling) - Tweak for "video" */ .numero_video input { background: darkgray !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - style */ .nome_completo input[type=text] { font-size: 18px !important; background-color: #520D14 !important; text-align: center !important; padding-top: 5px !important; padding-bottom: 5px !important; color: #f7f7f7 !important; margin-bottom: 0px !important; border: none !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - remove box shadow*/ .nome_completo input[type=text]:focus { box-shadow: none !important; } /* Visual Composer (Team) - frm_total fields at forms for e-mail */ .email_completo { width: 100%; display: block; } .email_completo input[type=email] { font-size: 14px !important; color: #c0c0c0 !important; text-align: center !important; width: 100% !important; display: block; margin: 5px 0 20px !important; } /* Visual Composer (Team) - Sections that are shown with different color */ .only_administrators h3 { color: #828282 !important; border-bottom-color: #676767 !important; border-bottom-style: dashed !important; } /* Visual Composer (Team) - Sections that are shown with visibility set to administartors - repeater buttons */ .only_administrators .frm_icon_font.frm_plus_icon:before, .only_administrators .frm_icon_font.frm_minus_icon:before { color: #4c4c4c !important; } /* Formidable Forms - Dropdown autocomplete (background) */ .with_frm_style .chosen-drop { background: #1f1f1f !important; } /* Formidable Forms - Dropdown autocomplete (selected) */ .with_frm_style li.active-result.result-selected { background: #c01e2e !important; } /* Formidable Forms - Dropdown autocomplete (highlighted) */ .with_frm_style .chosen-container .chosen-results li.highlighted { background-color: #c01e2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c01e2e), color-stop(90%, #891521)); background-image: linear-gradient(#c01e2e 20%, #891521 90%); color: #fff; } /* Formidable Forms - Dropdown autocomplete (no results) */ .with_frm_style .chosen-container .chosen-results li.no-results { background: #505050 !important; } /* Formidable Forms - Dropdown autocomplete (top shadow) */ .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none !important; } /* Formidable Forms - Dropdown autocomplete - Change default placeholder text color */ .with_frm_style a.chosen-single.chosen-default span { color: #808080; } /* Formidable Forms - Dropdown autocomplete - Adjust height */ .with_frm_style a.chosen-single.chosen-default, .with_frm_style a.chosen-single.chosen-single-with-deselect { height: 32px !important; line-height: 32px !important; } /* Formidable Forms - Repeater - Remove divider between them */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_repeat_sec { border-bottom: none; } /* Formidable Forms - Uploader (Dropzone) - Remvoe extra background at bottom */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_dropzone { background-color: transparent; } /* Formidable Forms - Submit button (Font) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button { font-family: oswald; border-color: rgba(128, 128, 128, 0.5); border-style: groove; border-width: 3px; } /* Formidable Forms - Submit button (HOVER) */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover { border-width: 1px; border-color: #b7b7b7; color: #ffffff; } /* Formidable Forms - Submit button (Flexbox CENTER) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_flex { justify-content: center; } /* Formidable forms - Repeater buttons (HOVER) */ a:hover.frm_add_form_row.frm_icon_font.frm_plus_icon::before, a:hover.frm_remove_form_row.frm_icon_font.frm_minus_icon::before { color: #c1c1c1 !important; } /* Formidable forms - Error message (tweak) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style { border-width: 5px; line-height: 1.1; text-align: center; } /* Formidable forms - Primary label */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { line-height: 1.2; } /* Formidable forms - Primary label for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 15px; } } /* Formidable forms - Vertical space between fields (Mobile) */ /* @media (max-width: 768px) { .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 30px !important; } } */ /* Formidable forms - Descriptions for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_description { font-size: 12px !important; line-height: 1.1 !important; } } /* Formidable forms - class "administrator-readonly" (styling) */ .administrator-readonly input { background-image: none !important; background-repeat: no-repeat !important; background: #171717 !important; } /* Formidable forms - Before input field background */ .frm_inline_box.input-group-addon { background: #353535 !important; } /* Formidable forms - After input field text color */ .frm_inline_box.input-group-text.input-group-addon { color: white; height: 36px; } /* --------------------------------------- */ /* AREAVIP & TEAM (All forms) */ /* --------------------------------------- */ /* Formidable Forms - Team - field */ .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 10px; } /* Formidable Forms - Team - labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 14px; padding: 0 0 5px 0; } /* Formidable Forms - Team - radio buttons and checkboxes */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox label { font-size: 14px; } /* Formidable Forms - Team - headings */ .page-areavip .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { padding: 5px 0 3px 0; font-size: 20px; } /* Formidable Forms - Team - toggle */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_switch_opt { font-size: 14px; } /* Formidable Forms - Team - input text */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number] .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=phone], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select, .frm_style_thiago-varella-dark-v2.with_frm_style textarea, .frm_form_fields_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-single .chosen-single { font-size: 14px; } /* Formidable Forms - Team - input size */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=file], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select { height: 32px; line-height: 1.3; margin-bottom: 5px; } /* Formidable Forms - Team - range slider (my custom text) */ .frm_range_container span { font-size: 16px !important; } /* Formidable Forms - Team - Remove spaces betwwen repeaters */ .page-areavip .frm_repeat_sec { margin-bottom: 0px !important; margin-top: 0px !important; } /* Formidable Forms - Team - Decrease space betwwen vertical checkboxes and radion buttons */ .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox+.frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio+.frm_radio { line-height: 1; } /* --------------------------------------- */ /* Filters */ /* --------------------------------------- */ /* Formidable Forms - Filters (border and padding) */ .form_filter fieldset { /* padding-top: 0px !important; */ border-color: #c01e2e !important; border-width: 1px !important; } /* Formidable Forms - Filters (move submit button up) */ .form_filter .frm_submit { margin-bottom: -39px !important; } /* Formidable Forms - Filters (change submit button height */ .form_filter .frm_final_submit { font-size: 14px !important; height: 34px !important; } /* Formidable Forms - Toggle 'Arquivar' (Hide off option) */ .frm_filter_arquivar span.frm_off_label.frm_switch_opt { display: none; } /* Formidable Forms - Toggle 'Arquivar' (remove margin bottom) */ .frm_filter_arquivar { margin-bottom: 0px !important; } /* Formidable Forms - Team - All toggles (main color) */ .page-team input:checked+.frm_slider { background-color: #c01e2e !important; } /* Remove extra margin from headings */ .form_filter .form-field.frm_section_heading { margin-bottom: 0 !important; } /* Hide field name that i am passing inside description at filters to devika's code */ .form_filter .frm_description .param { display: none !important } .reset-filter { margin: 10px 0; } #view-data { min-height: 200px; transition: opacity .12s } #view-data.doing-ajax { position: relative; overflow: hidden; } #view-data.doing-ajax>* { pointer-events: none; opacity: .26 } #view-data.doing-ajax:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: wait; } #view-data.doing-ajax .ajax-loader { position: absolute; z-index: 20; left: 50%; top: 80px; transform: translate(-50%, 0%); display: block; opacity: 1 } #view-data:not(.doing-ajax) .ajax-loader { display: none !important } /* --------------------------------------- */ /* Fitness Consulting Form */ /* --------------------------------------- */ /* Range slider - altura (acrescentar "m") */ #frm_field_563_container span.frm_range_value:after { content: ' m'; } /* Range slider - peso (acrescentar "kg") */ #frm_field_562_container span.frm_range_value:after { content: ' kg'; } /* Range slider - percentual de gordura (acrescentar "%") */ #frm_field_564_container span.frm_range_value:after { content: ' %'; } /* Range slider - Quantos meses sem fazer musculação (acrescentar "meses") */ #frm_field_571_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos meses já praticou (acrescentar "meses") */ #frm_field_568_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos dias na semana pode treinar (acrescentar "dias") */ #frm_field_579_container span.frm_range_value:after { content: ' dias'; } /* Extra space between some fields and next field */ #frm_field_conf_553_container, #frm_field_conf_554_container, #frm_field_517_container, #frm_field_518_container, #frm_field_553_container, #frm_field_1318_container, #frm_field_591_container, #frm_field_520_container, #frm_field_1080_container, #frm_field_1565_container, #frm_field_521_container, #frm_field_530_container, #frm_field_561_container, #frm_field_1631_container, #frm_field_1632_container, #frm_field_565_container, #frm_field_573_container, #frm_field_568_container, #frm_field_572_container, #frm_field_536_container, #frm_field_562_container, #frm_field_531_container, #frm_field_2163_container, #frm_field_2167_container, #frm_field_2164_container, #frm_field_2168_container { margin-bottom: 30px !important; } /* Extra space between some fields and previous field */ #frm_field_1565_container, #frm_field_1811_container { margin-top: 30px !important; } /* Star rating - Cerveja/Beer (acertar largura e altura) */ .frm-star-group .star-rating, .frm-star-group input+label { width: 35px !important; height: 36px !important; font-size: 36px !important; } /* Star rating - Cerveja/Beer (diminuir o espaço entre as cervejas) */ .frm-star-group .star-rating, .frm-star-group input+label { margin-right: 5px; } /* Star rating - Cerveja/Beer (cheia) */ .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before, .frm-star-group input+label:hover:before, .frm-star-group:hover input+label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-full.png) !important; } /* Star rating - Cerveja/Beer (vazia) */ .frm-star-group input+label:before, .frm-star-group .star-rating:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-empty.png); } /* Star rating - Adjust for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_567_container .star-rating, #frm_field_567_container input+label { width: 30px !important; } } /* Optionbox - Sexo (criei classe "option_sexocartoon" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_sexocartoon { padding-left: 40px; } /* Optionbox - EMOJIS (centralizar tudo) */ div#frm_field_582_container { text-align: center; } #frm_field_582_container label.frm_primary_label.control-label { text-align: center !important; } /* Optionbox - EMOJIS (diminuir espaço entre os emojis) */ #frm_field_582_container .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_checkbox, .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1 { display: inline-block; margin-left: 0px; padding-left: 0px; } /* Optionbox - EMOJIS (criei classe "option_emoji" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_emoji { padding-left: 15px; } /* E-mail (campos secundários e original do team) - ajustar distância vertical entre estes dois campo no mobile */ @media (max-width: 768px) { #frm_field_1077_container { margin-bottom: 10px !important; } } /* Objetivos - Border at images */ #frm_field_578_container img { border-width: 1px; border-color: #737373; border-style: solid; margin-top: 5px; } /* Objetivos - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_578_container img { width: 120px; } } /* Objetivos - Resize checkbox labels - MOBILE */ @media (max-width: 768px) { #frm_field_578_container .frm_checkbox label { font-size: 15px; } } /* Objetivos - checkbox labels */ #frm_field_578_container .frm_checkbox label { padding-left: 0px; } /* Objetivos - Increase vertical space between checkboxes */ #frm_checkbox_578-588-2, #frm_checkbox_578-588-3 { margin-top: 20px; margin-bottom: 20px; } /* Error message fix (Objetivos) */ #frm_field_578_container .frm_error { display: inline-block; } /* Toggle whatsapp (add icon) */ #frm_field_1565_container .frm_on_label.frm_switch_opt:after { content: '\f232'; font-family: FontAwesome; color: #52ce5f; margin-left: 5px; } /* Toggle whatsapp (adjust vertical space) - MOBILE */ @media (max-width: 768px) { #frm_field_1565_container { margin-bottom: 10px; } } /* Whatsapp phone field (margin bottom) - DESKTOP & MOBILE */ #frm_field_1566_container, #frm_field_1748_container { margin-bottom: 20px !important; } /* Whatsapp phone field (increase input text size) - MOBILE */ @media (max-width: 768px) { #frm_field_1566_container input, #frm_field_1748_container input { font-size: 18px; } } /* Whatsapp phone field (change color while typing) */ @media (max-width: 768px) { #frm_field_1566_container :invalid, #frm_field_1748_container:invalid { color: #e0e0e0 !important; } } /* Histórico e restrições (text area) */ #frm_field_539_container textarea, #frm_field_533_container textarea { background: url(/wp-content/uploads/webqualitat/background-typing.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #1e1e1e; line-height: 1.1; } /* Nutricionista */ #frm_field_566_container .frm_on_label:after { content: '\f0f5'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Fumante */ #frm_field_574_container .frm_on_label:after { content: '\f06d'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Bebida */ #frm_field_575_container .frm_on_label:after { content: '\f0fc'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Mailster tags (multiple select dropdown) */ #frm_field_1701_container select { height: 64px; } /* Fix section vertical margin */ #frm_form_55_container h3.frm_pos_top.frm_section_spacing { margin-bottom: 20px !important; } /* Fix section bottom margin */ #frm_form_55_container .form-field.frm_section_heading { margin-bottom: 0px !important; } /* Histórico field - placeholder dimmed */ #frm_field_539_container textarea::placeholder { color: #97926f; } /* Histórico field - label style */ #frm_field_539_container .frm_primary_label { font-weight: 600; color: white; text-transform: uppercase; } /* --------------------------------------- */ /* Subscription plan calculator */ /* --------------------------------------- */ /* Optionbox - Planos (criei classe "option_plano" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário, e acertar tamanho dos ícones) */ .option_plano { font-size: 48px; color: #f5821f; padding-left: 30px; } @media (max-width: 768px) { .option_plano { padding-left: 20px; } } /* Campos que não tenham optionbox vertical (centralizar) */ div#frm_field_696_container, div#frm_field_700_container, div#frm_field_712_container { text-align: center; } /* Campo que tem optionbox vertical (centralizar) */ div#frm_field_291_container { margin-left: auto; margin-right: auto; width: 50% !important; } /* Campo que tem optionbox vertical (centralizar) - ajuste para mobile */ @media (max-width: 768px) { div#frm_field_291_container { width: 80% !important; } } /* Form of payment block - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { div#frm_field_291_container { width: 90% !important; } } /* Optionbox - Planos (diminuir espaço entre os emojis no mobile) */ @media (max-width: 768px) { #frm_field_696_container .frm_radio label { padding-left: 0px !important; } } /* Optionbox - Planos [número de meses] (acertar o estilo) */ .option_plano_meses { color: #b3b3b3; text-decoration: overline; padding-top: 10px; font-style: italic; padding-left: 25px; } @media (max-width: 768px) { .option_plano_meses { padding-left: 15px; } } /* Optionbox - Pagamento (criei classe "option_pagamento" para ajustar espaços em relação ao radiobutton, e acertar tamanho dos ícones) */ .option_pagamento { font-size: 24px; color: #f5821f; padding-left: 10px; } /* Section - Todas as seções com a linha inferior suavizada e margem inferior maior, fonte ajustada */ #frm_form_30_container .form-group { margin-bottom: 0 !important } #frm_form_30_container h3.frm_pos_top.frm_section_spacing { border-bottom-color: #616161 !important; margin-bottom: 20px !important; font-size: 23px; line-height: 1.1; } /* HTML - Todos os campos HTML deste formulário */ #frm_form_30_container .frm_form_field.frm_html_container.form-field { line-height: 1.5; } /* Button "Faça seu pedido" (make font bigger) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 20px; } /* Button "Faça seu pedido" - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 18px !important; } } /* Buttons "Continuar" (Insert right arrow icon) */ #frm_form_30_container .frm_page_num_1 button.frm_button_submit.btn.btn-default::after, #frm_form_30_container .frm_page_num_2 button.frm_button_submit.btn.btn-default::after { content: '\f138'; font-family: fontawesome; display: inline-block; margin-left: 10px; } /* Button "Faça seu pedido" (Insert "add to cart" icon) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit::before { display: inline-block; font-family: FontAwesome; color: #ffffff; content: "\f218"; margin-right: 10px; } /* Line dividing payment methods section from form of payments */ #frm_field_291_container { border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 15px; border-bottom-color: #5a5a5a; } /* Rootline */ #frm_form_30_container .frm_rootline .frm_current_page input[type="button"] { border-color: #ffffff; background-color: #252525 !important; color: #ffffff; border-width: 1px; } /* Calculator border */ #frm_form_30_container .frm_form_fields>fieldset { border-color: #c7c7c7; border-width: 3px; } /* Page 3 with summary - block of form of payment for very small devices (Mobile) */ @media (max-width: 360px) { #frm_field_715_container { font-size: 13px; } } /* --------------------------------------- */ /* Training request */ /* --------------------------------------- */ /* File upload (text) */ #frm_field_1277_container span.frm_upload_text { font-size: 14px; } /* File upload (instructions) */ #frm_field_1277_container .frm_small_text { display: none; } /* File upload (paddings) */ #frm_field_1277_container .dz-message.needsclick { padding: 5px; } /* File upload (icon) */ #frm_field_1277_container .frm_upload_icon:before { font-size: 18px; } /* E-mail marketing 1st checkbox (label) */ #frm_checkbox_1387-1385-0 label { padding-left: 0px; } /* E-mail marketing 1st checkbox (checkbox) */ #frm_checkbox_1387-1385-0 { padding-left: 0px; } /* --------------------------------------- */ /* Training request fiter */ /* --------------------------------------- */ /* Collapsible Section styling H3 text */ #form_jjjcq224223 .frm_section_heading h3 { padding: 0px; font-size: 16px; margin-bottom: 0px !important; font-family: Lato !important; color: #f5821f; border-bottom: none; } /* ------------------------------------------ */ /* Training request fiter (CSV Export list) */ /* ------------------------------------------ */ /* Dropdowns with multiple selection (i disabled here cause need to make filter work as expected) */ #frm_field_1330_container select, #frm_field_1331_container select, #frm_field_1338_container select { /* height: 76px; */ } /* --------------------------------------- */ /* Training request interaction box */ /* --------------------------------------- */ /* Adjust spaces betwwen these repeater */ #frm_form_83_container .frm_repeat_sec { padding-bottom: 5px; } /* Frame */ #frm_form_83_container fieldset { border-width: 1px; border-style: dashed; border-color: #a9a9a9; } /* Labels */ #frm_form_83_container .frm_primary_label { font-size: 14px; } /* Dropdown */ #frm_form_83_container select { height: 32px !important; font-size: 14px !important; } /* Rich text */ #frm_form_83_container textarea.wp-editor-area { font-size: 14px !important; } /* Text */ #frm_form_83_container input[type="text"] { height: 32px !important; font-size: 14px !important; } /* Submit button */ #frm_form_83_container .frm_submit button { height: 38px !important; } /* --------------------------------------- */ /* Trainings */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1145-1001-i14960_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programming */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1220_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programs */ /* --------------------------------------- */ /* Dropdown autocomplete (Instructions) - DESKTOP */ @media (min-width: 768px) { #frm_field_781_container a.chosen-single.chosen-single-with-deselect, #frm_field_781_container .frm_dynamic_select_container { width: 512px !important; } } /* Dropdown autocomplete (Exercise & Exercise notes) - DESKTOP */ @media (min-width: 768px) { #frm_field_795_container a.chosen-single.chosen-single-with-deselect, #frm_field_795_container .frm_dynamic_select_container, #frm_field_798_container a.chosen-single.chosen-single-with-deselect, #frm_field_798_container .frm_dynamic_select_container, #frm_field_808_container a.chosen-single.chosen-single-with-deselect, #frm_field_808_container .frm_dynamic_select_container, #frm_field_818_container a.chosen-single.chosen-single-with-deselect, #frm_field_818_container .frm_dynamic_select_container, #frm_field_828_container a.chosen-single.chosen-single-with-deselect, #frm_field_828_container .frm_dynamic_select_container, #frm_field_838_container a.chosen-single.chosen-single-with-deselect, #frm_field_838_container .frm_dynamic_select_container { width: 599px !important; } } /* --------------------------------------- */ /* Sequences */ /* --------------------------------------- */ /* Dropdown autocomplete (Programs) - DESKTOP */ @media (min-width: 768px) { #frm_field_855_container a.chosen-single.chosen-single-with-deselect, #frm_field_855_container .frm_dynamic_select_container { width: 645px !important; } } /* --------------------------------------------- */ /* Programmings - AreaVIP programs (weight box) */ /* --------------------------------------------- */ /* Number of series (Styling) */ .numero_serie input { background: #f5812f !important; text-align: center !important; color: black !important; font-size: 14px !important; font-weight: 900 !important; border-color: transparent !important; border-radius: 10px !important; } /* All fields that have 1/3 CSS --------- FIX THIS WITH DEVIKA */ #form_programmings-areavipprogramsweightbox .frm_form_field.frm_third { width: 30% !important; clear: none !important; float: left !important; margin-left: 5px !important; margin-bottom: 0px !important; } /* All repeatable sections of this form (remove bottom padding) */ #form_programmings-areavipprogramsweightbox .frm_repeat_sec { padding-bottom: 0px !important; } /* Change submit button height of this form */ #form_programmings-areavipprogramsweightbox button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 14px; height: 34px !important; } /* --------------------------------------- */ /* Trainings filter */ /* --------------------------------------- */ /* Hide Dropdown autocomplete placeholder text */ #frm_field_1020_container a.chosen-single.chosen-default span, #frm_field_1264_container a.chosen-single.chosen-default span { display: none !important; } /* --------------------------------------- */ /* Templates */ /* --------------------------------------- */ /* MCE Editor (Top margin) */ #frm_field_487_container { margin-top: 30px; } /* --------------------------------------- */ /* Templates filter */ /* --------------------------------------- */ /* Padrão field checkboxes (left margin) */ #frm_field_915_container { margin-left: 0px; } /* --------------------------------------- */ /* Interactions */ /* --------------------------------------- */ /* Nome da interação (margem inferior) */ #frm_field_436_container { margin-bottom: 20px; } /* MCE Editor (Top margin) */ #frm_field_437_container { margin-top: 20px; } /* Nome do código PHP (Before input) */ #frm_field_1664_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* Nome do código PHP (margem inferior) */ #frm_field_1670_container { margin-bottom: 20px; } /* --------------------------------------- */ /* Nutrition form */ /* --------------------------------------- */ /* Metas - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_1391_container img { width: 120px; } } /* Histórico (Anotações) - Fix size when form is at landing page (DESKTOP) */ @media (min-width: 768px) { .page-id-105611 .frm_field_1457_container { width: 475px !important; } } /* Metas - Remove extra space at checkoxes */ #frm_field_1391_container .frm_checkbox label { padding-left: 0px; } /* Metas - Space between checkboxes */ #frm_checkbox_1391-1389-2, #frm_checkbox_1391-1389-3 { margin-top: 10px; } /* Extra space between some fields and previous field (large space) */ #frm_field_1403_container, #frm_field_1429_container, #frm_field_1410_container { margin-top: 30px; } /* (!!! IT'S A CLASS !!!) Extra space between some fields and previous field (large space) - inside repeater (MOBILE) */ @media (max-width: 768px) { .frm_field_1445_container { margin-top: 0px; } } /* Extra space between some fields and previous field (small space) */ #frm_field_1428_container { margin-top: 15px; } /* Repeater icons with text (style) */ #frm_field_1441_container a.frm_add_form_row.frm_button, #frm_field_1441_container a.frm_remove_form_row.frm_button { height: 35px !important; background: transparent !important; border-color: #c01e2e !important; border-width: 3px !important; border-style: groove !important; padding-top: 5px !important; padding-bottom: 2px !important; padding-left: 8px !important; padding-right: 8px !important; margin-right: 5px !important; } /* Repeater icons with text (space) */ #frm_field_1441_container .frm_repeat_buttons { margin-top: 20px; } /* Suplementação checkboxes (MOBILE) very small devices */ @media (max-width: 360px) { #frm_field_1520_container .frm_checkbox { width: 70%; } } /* Suplementação checkboxes (items) */ #frm_field_1522_container label { padding-left: 0px !important; } /* Suplementação checkboxes (title) */ #frm_field_1522_container .frm_primary_label { margin-bottom: 5px; } /* Suplementação checkboxes (description) */ #frm_field_1522_container .frm_description { padding-top: 8px !important; } /* Fullname */ #frm_field_1392_container { margin-bottom: 0px !important; } /* E-mail */ #frm_field_1393_container { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Nutrition request form */ /* ----------------------------------------------- */ /* Draft button - Set style */ #frm_form_115_container a.frm_save_draft { font-size: 20px; font-weight: 600; display: block; } /* Documento principal (dropdown) */ #frm_field_1561_container { margin-bottom: 20px !important; } /* Documentos adicionais (checkboxes) */ #frm_field_1562_container .frm_checkbox label { padding-left: 0px !important; } /* ----------------------------------------------- */ /* Affiliates form */ /* ----------------------------------------------- */ /* Less margin at description */ #frm_form_129_container .frm_form_field input[type=text] { margin-bottom: 5px !important; } /* More margin between fields (only inside sections) */ #frm_field_1867_container .form-field, #frm_field_1859_container .form-field, #frm_field_1890_container .form-field, #frm_field_1822_container .form-field, #frm_field_1870_container .form-field, #frm_field_1875_container .form-field, #frm_field_1877_container .form-field, #frm_field_1825_container .form-field, #frm_field_1819_container .form-field { margin-bottom: 20px !important; } /* sections */ #frm_form_129_container h3.frm_pos_top { padding-top: 0px !important; } /* Social network repeater */ #frm_field_1905_container { margin-bottom: 20px !important; } /* Cupom repeater */ #frm_field_1912_container { margin-bottom: 20px !important; } /* Fullname */ div#frm_field_1817_container { margin-bottom: 0px !important; } /* E-mail */ div#frm_field_1818_container { margin-bottom: 0px !important; } /* remove top space of social networks repeater repeater */ #frm_field_1905_container { margin-top: 0px; } /* Hide social networks repeater header */ #frm_field_1905_container h3.frm_pos_top.frm_section_spacing { display: none; } /* Fix height of add and remove buttons of repeater */ #frm_form_129_container a.frm_add_form_row.frm_button, #frm_form_129_container a.frm_remove_form_row.frm_button { height: auto !important; padding-top: 5px; padding-bottom: 8px; border-radius: 5px; } /* More vertical top margin for buttons of repeater */ #frm_form_129_container .frm_form_field.frm_hidden_container.frm_repeat_buttons { margin-top: 10px; } /* Bank info at mobile */ @media (max-width: 768px) { #frm_field_1861_container { grid-column: span 5 / span 6 !important; } #frm_field_1862_container { grid-column: span 7 / span 6 !important; } #frm_field_1863_container { grid-column: span 5 / span 6 !important; } #frm_field_1864_container { grid-column: span 7 / span 6 !important; } } /* Signature adjust line (mobile) */ @media(max-width:768px) { .frm-typed-drawline { width: 90% !important; left: 17px !important } } /* Remove bottom margin from repeater buttons */ #frm_field_1905_container .frm_repeat_sec { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Whatsapp phone field (icon inside input) */ #frm_field_1653_container input { font-size: 18px; width: fit-content; } /* SMS phone field (icon inside input) */ #frm_field_1654_container input { font-size: 18px; width: fit-content; } /* E-mail field (font size) */ #frm_field_1655_container input { font-size: 18px; } /* Change size (primary label) */ #frm_form_121_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } /* Change size (submit button) */ #frm_form_121_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Change size (radio buttons with images) */ #frm_form_121_container .frm_radio.frm_image_option { --image-size: 100px; } /* Get login code (icon beside submit) */ #frm_form_121_container .form-group.frm_submit { background-image: url(/wp-content/uploads/webqualitat/icon-login-getcode.png); background-position-x: 11px; background-position-y: -1px; background-size: 72px; background-repeat: no-repeat; margin-bottom: 10px !important; height: 79px; } /* Add space below question */ #field_385l2_label { margin-bottom: 30px; } /* Image selector border */ #frm_form_121_container .frm_image_options .frm_image_option_container:hover, #frm_form_121_container input[type=radio]:checked+.frm_image_option_container, #frm_form_121_container input[type=checkbox]:checked+.frm_image_option_container { border-color: #c01e2f; box-shadow: 0 0 2px 3px rgb(192 30 47 / 56%); } /* Image selector checkmark */ #frm_form_121_container .frm_image_option_container .frm_selected_checkmark svg { fill: #c01e2f; width: 24px; height: 24px; } /* Temporary fix for height of radio images */ #frm_form_121_container .frm_image_option_container.frm_label_with_image { height: 136px; } /* Temporary fix to center radio images */ #frm_form_121_container .frm_image_options .frm_opt_container { margin: 0 auto; } /* ----------------------------------------------- */ /* Login-Authenticate form */ /* ----------------------------------------------- */ /* Change size (primary label) */ #frm_form_122_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } #frm_field_1659_container label { text-align: center; margin-bottom: 10px; } /* SMS code field (font size) */ #frm_field_1659_container input { font-size: 35px; height: 60px; } #frm_field_1659_container .frm_input_group { margin: 0 auto; } /* Submit button (change size) */ #frm_form_122_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Submit button (awesome icon) */ #frm_form_122_container .frm_submit button:before { content: 'tt'; content: '\f138'; font-size: 24px; margin-right: 9px; font-family: FontAwesome; } /* Checkbox to add phone to form (resize) */ #frm_field_1661_container input { transform: scale(1.5); } /* Checkbox to add phone to form (color) */ #frm_field_1661_container label { color: #d2d2d2; } /* ----------------------------------------------- */ /* Automations form */ /* ----------------------------------------------- */ /* Nome do código PHP (Before input) */ #frm_field_1670_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* ----------------------------------------------- */ /* Mailster subscriber form */ /* ----------------------------------------------- */ /* Form inline - Adjust form size at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline { width: 70%; margin: 0 auto; } } /* Form inline & landing - Adjust name and email field to small width at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline #frm_field_1702_container, .mailster_subscriber_form_inline #frm_field_1703_container, .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { width: 80% !important; margin: 0 auto !important; } } /* Form landing - Adjust fields vertical bottom space (DESKTOP) */ @media (min-width: 768px) { .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { padding-bottom: 20px; } } /* Adjust name and email height to be same as prefix icon */ #frm_field_1702_container input, #frm_field_1703_container input { margin-bottom: 0px !important; } /* Set style for header text */ #frm_field_1728_container { font-size: 20px; text-align: center; font-family: 'Oswald'; color: #ffffff; border: none; font-weight: 500; text-transform: uppercase; background: rgb(248 130 31 / 27%); padding: 5px; } /* Form (sidebar & inline) Set more vertical space for header text */ .mailster_subscriber_form_sidebar #frm_field_1728_container, .mailster_subscriber_form_inline #frm_field_1728_container { margin-bottom: 20px; } /* Add checkmark icon at message submit */ #frm_form_127_container .frm_message>p:after { content: "\f058"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-left: 5px; } /* Submit button (all forms) */ .mailster_subscriber_form_landing .frm_button_submit, .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { font-size: 26px !important; font-weight: 500 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; text-transform: uppercase !important; background: rgb(192 30 46 / 77%) !important; border-color: #b5b5b5 !important; border-style: groove !important; } /* Submit button (landing) */ .mailster_subscriber_form_landing .frm_button_submit { border-width: 5px !important; height: 58px !important; } /* Submit button (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing .frm_button_submit { margin-top: 20px !important; } } /* Submit button (sidebar & inline) */ .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { border-width: 4px !important; font-weight: 600 !important; font-size: 18px !important; } /* Submit button (inline) */ .mailster_subscriber_form_inline .frm_button_submit { margin-top: 20px !important; } /* labels (all) */ .mailster_subscriber_form_landing .frm_primary_label, .mailster_subscriber_form_sidebar .frm_primary_label, .mailster_subscriber_form_inline .frm_primary_label { text-align: center !important; font-weight: 700 !important; color: white !important; font-size: 17px !important; } /* Forms (all) - input fields */ .mailster_subscriber_form_landing input, .mailster_subscriber_form_sidebar input, .mailster_subscriber_form_inline input { background: rgb(30 30 30 / 82%) !important; } /* Forms (all) */ .mailster_subscriber_form_landing fieldset, .mailster_subscriber_form_sidebar fieldset, .mailster_subscriber_form_inline fieldset { border-width: 2px !important; border-color: #f5821f !important; border-radius: 25px !important; background: rgb(192 30 47 / 26%) !important; margin-top: 30px !important; margin-bottom: 30px !important; background-image: url(/wp-content/uploads/2019/04/Caricatura-site-mobile-shift.png) !important; background-repeat: no-repeat !important; } /* Form (landing) */ .mailster_subscriber_form_landing fieldset { border-style: double !important; padding: 15px !important; background-position: right -17px bottom -6px !important; box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05) !important; } /* Form (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing fieldset { padding-top: 30px !important; padding-bottom: 30px !important; } } /* Form (sidebar) */ .mailster_subscriber_form_sidebar fieldset { border-style: dashed !important; padding: 25px 5px 51px 5px !important; background-position: right -17px bottom -12px !important; } /* Form (inline) */ .mailster_subscriber_form_inline fieldset { border-style: dashed !important; padding: 30px 5px !important; background-position: right -17px bottom -12px !important; } .frm_primary_label { cursor: pointer; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Vertical margin for option box section */ #frm_field_1767_container { margin-bottom: 0px !important; } /* Vertical margin for enter number or email section */ #frm_field_1769_container { margin-bottom: 0px !important; } /* Style for methods option boxe selected (border and background) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container { border-width: 3px; background: #424242; } /* Style for methods option boxe selected (bold) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container span.frm_text_label_for_image_inner { font-weight: 700; } /* Devika's code */ #frm_form_121_container { overflow: hidden } #form_login h3 { line-height: 25px; padding-bottom: 10px; } #form_login h3, #form_login h3+.frm_description { text-align: center !important } #form_login .frm_form_fields { margin-bottom: 0 !important } #form_login #frm_field_1782_container, #form_login #frm_field_1785_container { user-select: none; cursor: default } #form_login #frm_field_1782_container [readonly], #form_login #frm_field_1785_container [readonly] { pointer-events: none !important; } #form_login #frm_field_1782_container [readonly]:focus, #form_login #frm_field_1785_container [readonly]:focus { box-shadow: none !important; border-color: var(--border-color-disabled) !important } #form_login #frm_field_1652_container .frm_radio { margin: 5px !important; user-select: none } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark { left: 50%; top: 100%; transform: translate(-50%, -2px) } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark svg { transform: scale(1.3); } #form_login #frm_field_1652_container .frm_label_with_image { display: block; text-align: center; color: #fff !important } #form_login #frm_field_1652_container .frm_label_with_image img { display: block; margin-bottom: 5px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_2169_container, #form_login #frm_field_2170_container, #form_login #frm_field_2171_container, #form_login #frm_field_2172_container { margin: 0 auto; width: auto !important } #form_login #frm_field_2169_container select, #form_login #frm_field_2169_container .frm_slimselect, #form_login #frm_field_2170_container select, #form_login #frm_field_2170_container .frm_slimselect, #form_login #frm_field_2171_container select, #form_login #frm_field_2171_container .frm_slimselect, #form_login #frm_field_2172_container select, #form_login #frm_field_2172_container .frm_slimselect { width: 250px; margin-bottom: 10px; } #form_login #frm_field_2169_container .ss-arrow, #form_login #frm_field_2170_container .ss-arrow, #form_login #frm_field_2171_container .ss-arrow, #form_login #frm_field_2172_container .ss-arrow { margin-bottom: auto; } #form_login #frm_field_1767_container .frm_opt_container { text-align: center; display: flex; align-content: center; justify-content: center; } #form_login #frm_field_1767_container .frm_text_label_for_image_inner { color: #fff !important } #form_login #frm_field_1760_container { background: url(/wp-content/uploads/webqualitat/locker-otp-login.png) 50% 0% no-repeat; width: 250px !important; height: 357px !important; display: block; margin: 0 auto 40px !important; position: relative; } #form_login #frm_field_1760_container>label, #form_login #frm_field_1760_container .input-group-addon { display: none } #form_login #frm_field_1760_container .frm_input_group { position: absolute; left: 33px; bottom: 80px; display: block; width: 190px; overflow: hidden; } #form_login #frm_field_1760_container .form-control { display: none } #form_login #frm_field_1760_container .frm_description { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; text-align: center; font-weight: 600; font-style: normal; color: #F1F1F1; } #form_login #frm_field_1760_container.has-error .frm_description { display: none } #form_login #frm_field_1760_container .frm_error { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; text-align: center; min-height: 40px } #form_login #frm_field_1760_container #otp { display: flex; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 85px; font-family: Oswald; font-size: 60px; line-height: 60px; } #form_login #frm_field_1760_container #otp>input { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border: 2px solid #c01e2f; font-family: Oswald; font-size: 45px; line-height: 45px; height: 80px; margin: 0 1px; text-align: center; background: rgba(0, 0, 0, .7); transition: 0.3 ease; box-shadow: inset rgba(0, 0, 0, .8) 2px 3px 8px } #form_login #frm_field_1760_container #otp>input::-webkit-outer-spin-button, #form_login #frm_field_1760_container #otp>input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #form_login #frm_field_1760_container #otp>input:focus { background: #000; } #form_login #frm_field_1801_container { text-align: center; line-height: 1.2; } #form_login .frm_submit { margin-top: 20px !important; } #frm_form_121_container .frm_message { border: 0 !important; margin: 0 !important } @media(max-width:768px) { #form_login h3 { padding-top: 0px !important; } #form_login #frm_field_1652_container .frm_radio { margin: 3px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_1655_container { margin-bottom: 10px !important } #form_login #frm_field_1794_container { margin-bottom: 10px !important; } #form_login #frm_field_1773_container, #form_login #frm_field_1775_container { margin-bottom: 0 !important } } @media(max-width:640px) { #form_login h3 { font-size: 18px !important } #form_login #frm_field_1652_container { margin-bottom: 20px !important } #form_login #frm_field_1652_container .frm_opt_container .frm_radio { width: 30% !important } #form_login #frm_field_1652_container .frm_label_with_image { height: auto; padding: 0 0 5px } #form_login #frm_field_1652_container .frm_label_with_image img { object-fit: fill; height: auto } #form_login #frm_field_1760_container { transform: scale(0.65); margin-top: -50px !important; margin-bottom: -50px !important; } #form_login #frm_field_1760_container .frm_description { font-size: 16px; } #form_login #frm_field_1794_container { margin-top: 0 !important; } } #login_overlay { font-family: Oswald; } #login_overlay .popup-box { max-width: 350px; border-radius: 4px } #login_overlay .popup-header { text-align: center; font-size: 35px; font-weight: 700; margin-top: -50px } #login_overlay .popup-header:before { content: ''; background: url(/wp-content/uploads/webqualitat/icon-login-warning.png) 50% 50% / cover no-repeat; display: block; width: 70px; height: 70px; margin: 0 auto; transform: translateY(-10px); } #login_overlay .popup-content { font-size: 18px; line-height: 22px; font-weight: 400; text-align: center } #login_overlay .popup-footer { text-align: center } #login_overlay .popup-footer .popup-close { background: #FE3135; border: 1px solid #FE3135; border-radius: 4px; padding: 10px 15px; font-weight: 500 } #login_overlay .popup-footer .popup-close .fa-window-close { background: #fff; font-size: 20px; line-height: 8px; color: #000; display: inline-block; margin-right: 5px; transform: translatey(1px) } /* ----------------------------------------------- */ /* Process GPT form */ /* ----------------------------------------------- */ /* Fix color of hours suffix and color */ #frm_field_1951_container .frm_inline_box { color: white !important; height: 36px; } /* Fix submit button size and position */ #form_gpt_process_filter .frm_submit{ margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } #form_gpt_process_filter button.frm_button_submit.btn.btn-secondary.frm_final_submit { margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } /* ----------------------------------------------- */ /* Video sequences */ /* ----------------------------------------------- */ /* Adjust "Selecionar módulos" and "Selecionar Vídeos" repeater rows vertical distance */ #frm_field_2110_container .frm_repeat_sec, #frm_field_2021_container .frm_repeat_sec { margin-top: 3px !important; margin-bottom: 0px !important; } /* FIX DEVIKA */ #frm_form_55_container .frm_submit { text-align: center }.frm_style_thiago-varella-dark.with_frm_style { } /* Prefix */ .frm_style_thiago-varella-dark.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_thiago-varella-dark.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; opacity:1; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line input, .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line input:disabled { border-color: #dfdfdf; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #cbcbcb; border-right-color: #cbcbcb; border-left-width: 1px ; border-right-width: 1px ; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line li:first-of-type input { border-left-color: #c01e2e; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #c01e2e; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #dfdfdf; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #dfdfdf; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #cbcbcb; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line input.frm_page_back { border-color: #c01e2e; } .frm_style_thiago-varella-dark.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #c01e2e; border-right-color: #cbcbcb; } .frm_style_thiago-varella-dark.with_frm_style .frm_rootline input, .frm_style_thiago-varella-dark.with_frm_style .frm_rootline input:hover { width: 30px; height: 30px; border-radius: 30px; padding: 0; } .frm_style_thiago-varella-dark.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_thiago-varella-dark.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active { border-color: #ac0a1a !important; background-color: #c01e2e !important; color: #ffffff !important; } .frm_style_thiago-varella-dark.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active { border-color: #ac0a1a; background-color: #c01e2e; color: #ffffff!important; } .frm_style_thiago-varella-dark.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #c01e2e; } /* Start Range slider */ .frm_style_thiago-varella-dark.with_frm_style input[type=range]::-webkit-slider-thumb { border: 2px solid #c01e2e;color:#ffffff;} .frm_style_thiago-varella-dark.with_frm_style input[type=range]::-moz-range-thumb { border: 2px solid #c01e2e;color:#ffffff;} .frm_style_thiago-varella-dark.with_frm_style input[type=range]::-ms-thumb { border: 2px solid #c01e2e;color:#ffffff;} /* End Range Slider */ /* Start other fields */ .frm_style_thiago-varella-dark.with_frm_style input.frm_other_input:not(.frm_other_full){ width:auto ; } .frm_style_thiago-varella-dark.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full), .frm_style_thiago-varella-dark.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){ margin-left:5px; } .frm_style_thiago-varella-dark.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) { display:inline-block; } .frm_style_thiago-varella-dark.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_thiago-varella-dark.with_frm_style span.frm-pass-verified .frmsvg { color:#ffffff; } .frm_style_thiago-varella-dark.with_frm_style span.frm-pass-req .frmsvg { color:#ffffff; } /* End Password field */ /* Sections */ .frm_style_thiago-varella-dark.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ border-bottom:1px solid #ded3d3; } .frm_style_thiago-varella-dark.with_frm_style h3 .frm_after_collapse{ display:inline; } .frm_style_thiago-varella-dark.with_frm_style h3 .frm_before_collapse{ display:none; } .menu-edit #post-body-content .frm_style_thiago-varella-dark.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{ margin:0; } .frm_style_thiago-varella-dark.with_frm_style .frm_section_heading{ margin-top:15px; } .frm_style_thiago-varella-dark.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_thiago-varella-dark.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{ margin-bottom:12px; } /* End Sections */ .frm_style_thiago-varella-dark.with_frm_style .frm_single_product_label, .frm_style_thiago-varella-dark.with_frm_style .frm_total_formatted { font-size:17px; color:#ffffff; } /* Datepicker */ .frm_style_thiago-varella-dark.with_frm_style .ui-datepicker-title > select { color: #555555; color: var(--text-color); background-color: var(--bg-color); } .frm_style_thiago-varella-dark.with_frm_style .ui-datepicker-month, .frm_style_thiago-varella-dark.with_frm_style .ui-datepicker-year { color: var(--text-color); } .frm_style_thiago-varella-dark.with_frm_style span.ui-datepicker-month, .frm_style_thiago-varella-dark.with_frm_style span.ui-datepicker-year { color: var(--date-head-color); } .frm_style_thiago-varella-dark.with_frm_style .ui-widget-header, .frm_style_thiago-varella-dark.with_frm_style .ui-datepicker-header { color: var(--date-head-color) !important; background-color: var(--date-head-bg-color) !important; } .frm_style_thiago-varella-dark.with_frm_style .flatpickr-day, .frm_style_thiago-varella-dark.with_frm_style .ui-datepicker td, /* Sample form selector */ .frm_style_thiago-varella-dark.with_frm_style.ui-datepicker td { border: 0; border-radius: var(--border-radius); overflow: hidden; } .frm_style_thiago-varella-dark.with_frm_style .flatpickr-day.today:not(.inRange), .frm_style_thiago-varella-dark.with_frm_style td.ui-datepicker-today { background-color: var(--date-band-color) !important; } .frm_style_thiago-varella-dark.with_frm_style .flatpickr-day.today, .frm_style_thiago-varella-dark.with_frm_style td.ui-datepicker-today > a { color: var(--date-head-color); } .frm_style_thiago-varella-dark.with_frm_style td.ui-datepicker-current-day, .frm_style_thiago-varella-dark.with_frm_style td.ui-datepicker-current-day .ui-state-hover { background-color: var(--border-color-active) !important; } .frm_style_thiago-varella-dark.with_frm_style td.ui-datepicker-current-day .ui-state-default:not(.ui-state-hover) { color: #fff; } .frm_style_thiago-varella-dark.with_frm_style .flatpickr-day.today:hover, .frm_style_thiago-varella-dark.with_frm_style td:not(.ui-datepicker-current-day) .ui-state-hover { color: var(--text-color); background: #F2F4F7 !important; } /* End Datepicker */ /* Submit Buttons */ .frm_style_thiago-varella-dark.with_frm_style input[type=submit][disabled], .frm_style_thiago-varella-dark.with_frm_style .frm_submit input[type=button][disabled], .frm_style_thiago-varella-dark.with_frm_style .frm_submit button[disabled] { opacity: 0.5; cursor: not-allowed; } .frm_style_thiago-varella-dark.with_frm_style .frm_loading_prev button.frm_prev_page, .frm_style_thiago-varella-dark.with_frm_style .frm_loading_form button.frm_button_submit { opacity: 1; } /* End Submit Buttons */ .frm_style_thiago-varella-padrao.with_frm_style{ --fieldset:0px;--fieldset-color:transparent;--fieldset-bg-color:#000000;--form-desc-padding:0px;--font-size:18px;--label-color:#c3c3c3;--weight:normal;--required-color:#f5821f;--description-font-size:12px;--description-color:#c7c7c7;--description-weight:normal;--description-style:normal;--text-color:#555555;--border-color:#cccccc;--bg-color:#f7f7f7;--bg-color-active:#ffffff;--text-color-error:#444444;--bg-color-error:#d4d4d4;--border-color-error:#dd0000;--border-width-error:3px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#E5E5E5;--text-color-disabled:#A1A1A1;--check-label-color:#f7f7f7;--section-weight:bold;--section-mar-top:15px;--section-border-color:#ded3d3;--submit-bg-color:#c01e2e;--submit-border-color:#c01e2e;--submit-border-width:5px;--submit-weight:500;--submit-border-radius:30px;--submit-padding:10px 20px 20px 20px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#c01e2e;--submit-hover-color:#fcfcfc;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#c01e2e;--submit-active-border-color:#cccccc;--border-radius:10px;--error-bg:#ff0000;--error-border:#ff0000;--error-text:#ffffff;--progress-color:#ffffff;--toggle-on-color:#c01e2e;--toggle-off-color:#cccccc;--slider-bar-color:#cccccc;--date-head-bg-color:#c01e2e;--date-head-color:#ffffff;--date-band-color:#8e0000;} .frm_forms.frm_style_thiago-varella-padrao.with_frm_style{ max-width:100%; direction:ltr; margin:0 auto; } .frm_inline_form.frm_style_thiago-varella-padrao.with_frm_style form{ text-align:center; } .frm_style_thiago-varella-padrao.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_thiago-varella-padrao.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_thiago-varella-padrao.with_frm_style p.description, .frm_style_thiago-varella-padrao.with_frm_style div.description, .frm_style_thiago-varella-padrao.with_frm_style div.frm_description, .frm_style_thiago-varella-padrao.with_frm_style .frm-show-form > div.frm_description, .frm_style_thiago-varella-padrao.with_frm_style .frm_error, .frm_style_thiago-varella-padrao.with_frm_style .frm_pro_max_limit_desc{ margin-top: 6px; padding:0; font-family:Lato; font-size:12px; color:#c7c7c7; font-weight:normal; text-align:left; font-style:normal; max-width:100%; } /* Left and right labels */ .frm_style_thiago-varella-padrao.with_frm_style .frm_form_field.frm_left_container{ grid-template-columns: 150px auto; } .frm_style_thiago-varella-padrao.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_thiago-varella-padrao.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container, .frm_style_thiago-varella-padrao.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{ display:inline; } .frm_style_thiago-varella-padrao.with_frm_style .frm_pos_right{ display:inline; width:150px; } .frm_style_thiago-varella-padrao.with_frm_style .frm_none_container .frm_primary_label, .frm_style_thiago-varella-padrao.with_frm_style .frm_pos_none{ display:none; } .frm_style_thiago-varella-padrao.with_frm_style .frm_scale label{ font-weight:500; font-family:Lato; font-size:16px; color:#f7f7f7; } /* These do not work if they are combined */ .frm_style_thiago-varella-padrao.with_frm_style input::placeholder, .frm_style_thiago-varella-padrao.with_frm_style textarea::placeholder{ color: #A1A1A1; } .frm_style_thiago-varella-padrao.with_frm_style .frm_default, .frm_style_thiago-varella-padrao.with_frm_style input.frm_default, .frm_style_thiago-varella-padrao.with_frm_style textarea.frm_default, .frm_style_thiago-varella-padrao.with_frm_style select.frm_default, .frm_style_thiago-varella-padrao.with_frm_style .placeholder { color: #A1A1A1; } .frm_style_thiago-varella-padrao.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_thiago-varella-padrao.with_frm_style select:focus, .frm_style_thiago-varella-padrao.with_frm_style .form-field textarea:focus, .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=text], .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=password], .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=email], .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=number], .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=url], .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=tel], .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_thiago-varella-padrao.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#ffffff; border-color:#f5821f; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(245,130,31, 0.6); } .frm_style_thiago-varella-padrao.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_thiago-varella-padrao.with_frm_style input[type=submit], .frm_style_thiago-varella-padrao.with_frm_style .frm_submit input[type=button], .frm_style_thiago-varella-padrao.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_thiago-varella-padrao.with_frm_style .frm-edit-page-btn { width:auto; font-family:Lato; font-size:16px; height:50px; line-height:normal; text-align:center; background: #c01e2e ; border-width:5px; border-color: #c01e2e; border-style:solid; color:#ffffff; cursor:pointer; font-weight:500; border-radius:30px; text-shadow:none; padding:10px 20px 20px 20px; box-sizing:border-box; box-shadow:0 1px 1px #eeeeee; margin:; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_thiago-varella-padrao.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_thiago-varella-padrao.with_frm_style .frm-edit-page-btn:hover, .frm_style_thiago-varella-padrao.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit button:hover{ background: #c01e2e; border-color: #cccccc; color: #fcfcfc; } .frm_style_thiago-varella-padrao.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:; } .frm_style_thiago-varella-padrao.with_frm_style .frm-edit-page-btn:focus, .frm_style_thiago-varella-padrao.with_frm_style input[type=submit]:focus, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit input[type=button]:focus, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit button:focus, .frm_style_thiago-varella-padrao.with_frm_style input[type=submit]:active, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit input[type=button]:active, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #c01e2e; outline: none; } .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #c01e2e; border-color: #c01e2e; } .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #ffffff; border-right-color: #ffffff; max-height:50px; } .frm_style_thiago-varella-padrao.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:Lato; font-size:18px; color:#c3c3c3; font-weight:normal; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_thiago-varella-padrao.with_frm_style.frm_inline_form .frm_submit input, .frm_style_thiago-varella-padrao.with_frm_style.frm_inline_form .frm_submit button, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_thiago-varella-padrao.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_thiago-varella-padrao.with_frm_style #frm_field_cptch_number_container{ font-family:Lato; font-size:18px; color:#c3c3c3; font-weight:normal; clear:both; } .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=text], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=password], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=url], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=tel], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=number], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=email], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=checkbox], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field input[type=radio], .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field textarea, .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_thiago-varella-padrao.with_frm_style .frm_form_field :invalid { color:#444444; background-color:#d4d4d4; border-color:#dd0000; border-width:var(--border-width-error) ; border-style:solid; } .frm_style_thiago-varella-padrao.with_frm_style .frm_blank_field .sigWrapper{ border-color:#dd0000 !important; } .frm_style_thiago-varella-padrao.with_frm_style .frm_error, .frm_style_thiago-varella-padrao.with_frm_style .frm_limit_error{ font-weight:normal; color:#dd0000; } .frm_style_thiago-varella-padrao.with_frm_style .frm_error_style{ background-color:#ff0000; border:1px solid #ff0000; border-radius:10px; color: #ffffff; font-size:16px; margin:0; margin-bottom:20px; } .frm_style_thiago-varella-padrao.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_thiago-varella-padrao.with_frm_style #frm_loading .progress-bar{ background-color:#f7f7f7; } .frm_style_thiago-varella-padrao.with_frm_style .frm_form_field.frm_total_big input, .frm_style_thiago-varella-padrao.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_thiago-varella-padrao.with_frm_style .frm_form_field.frm_total input, .frm_style_thiago-varella-padrao.with_frm_style .frm_form_field.frm_total textarea{ color: #555555; background-color:transparent; border:none; display:inline; width:auto; padding:0; } /* Dark mode fix by Devika G */ :root { color-scheme: only light; } .frm_style_thiago-varella-dark-v2.with_frm_style select { background-size: auto !important; background-position: 100% 50% !important; } .with_frm_style input[type=range] { min-height: 0 !important; padding: 0 !important; } /* Formidable forms - Devika's fix for optionbox and checkbox return to white color after formidable v6.4.1 update that changed to accent color */ .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 #fff !important*/ } /* Temporary fix for honeypot spam message "If you are human, leave this field blank." */ .salvar_rascunho { display: none !important; } /* Formidable Forms - I created this class to hide fields */ .frm_hide { display: none !important; } /* CODE NOT WORKING AT MOBILE */ @media (max-width: 768px) { .frm_fixcss1 { width: auto !important; } } /* Formidable Forms - Fix css at trainings form (cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss1 { width: 512px !important; } /* --------------------------------------- */ /* FORMIDABLE BOOTSTRAP MODAL */ /* --------------------------------------- */ /* Formidable Bootstrap Modal - Hide shiftnav when modal is opened */ .modal-open #shiftnav-toggle-main { display: none; } /* Formidable Bootstrap Modal - Centralize modal */ .modal { padding: 20px !important; background: rgba(0, 0, 0, .8) !important } .modal-dialog { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: 600px !important; transform: translate(-50%, -50%) !important; margin: 0px !important; } body.page-treinos .modal-backdrop { z-index: 240; } body.page-treinos .modal-dialog { z-index: 99999; } /* Formidable Bootstrap Modal - Centralize modal (mobile) @media (min-width: 768px) { .modal-dialog { margin-left: 161px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 40% !important; } }*/ /* Formidable Bootstrap Modal - Content */ .modal-content { position: relative !important; background-color: #2d2d2d !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999 !important; border-radius: 6px; /*height: 600px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } /* Formidable Bootstrap Modal - Title */ .modal-title { color: #ffffff; margin-right: 40px !important; } /* Formidable Bootstrap Modal - Close button */ .modal-header .close { font-size: 30px !important; font-weight: 500 !important; color: #c01e2e !important; text-shadow: none !important; opacity: 1 !important; margin: -2px 0 0 !important; position: absolute !important; right: 10px !important; } /* Formidable Bootstrap Modal - Header */ .modal-header { border-bottom: 1px dashed #c5c5c5 !important; } /* Formidable Bootstrap Modal - Centralize vimeo iframe */ .modal-body { text-align: center; } @media(max-width: 640px) { .modal-dialog { width: calc(100% - 40px) !important; max-width: none !important; } .modal-body { max-height: calc(100vh - 30px) !important; overflow: hidden !important; overflow-y: scroll !important; } } /* Formidable Forms - Fix incompatibility between Formidable Bootstrap Modal and ShiftNav Pro (code given by formidable forms support) */ .modal-backdrop.in { display: none !important; } /* --------------------------------------- */ /* FORMIDABLE FORMS - global settings */ /* --------------------------------------- */ /* Formidable Forms - Fix css at sequences / exercise notes filter / sections ------ cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss2 { width: 645px !important; } @media (max-width: 768px) { /* CODE NOT WORKING AT MOBILE */ .frm_fixcss2 { width: auto !important; } } /* Formidable Forms - Section field (H3) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { font-family: oswald; } /* Formidable Forms - Toggle - Definir as cores por aqui, pois o styler é ruim */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_on_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_off_label { color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_slider { background-color: #464646; } .frm_slider:before { background-color: #ffffff; box-shadow: 2px 0px 2px 1px #808080; } /* Formidable Forms - Description field */ .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description { line-height: 1.1; } /* Formidable forms - Date picker (default) */ .ui-datepicker thead { background: #3a3a3a !important; } div#ui-datepicker-div { background: #232323; } .ui-datepicker th { font-weight: normal !important; } .ui-datepicker td { border: 1px solid #616161 !important; } .ui-datepicker { border-top: 1px solid #f5821f !important; border: 1px solid #f5821f !important; } .ui-datepicker td .ui-state-default { color: #ffffff !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #1e1e1d; color: #ffffff; } /* Formidable forms - Range slider (aumentar e estilizar o valor indicado) */ span.frm_range_value { color: white; font-size: 20px !important; } Formidable forms - Range slider (diminuir a margem superior entre o slider e o número) */ .frm_range_container input { margin-top: 0px !important; } /* Formidable forms - Range slider (código do Rishun L. para desabilitar o scrollbar (click event) */ @media (max-width: 768px) { input[type=range] { pointer-events: none; } input[type=range]::-webkit-slider-thumb { /*Webkit Browsers like Chome and Safari*/ pointer-events: auto; } input[type=range]::-moz-range-thumb { /*Firefox*/ pointer-events: auto; } input[type=range]::-ms-thumb { /*Internet Explorer*/ pointer-events: auto; } } /* Formidable forms - Dropdown (change dropdown arrrow - CODE DISABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) !important; } /* Formidable forms - Dropdown (change dropdown arrrow - CODE ENABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: none; } /* Formidable forms - Slider unit (change color) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_range_unit { color: white; } /* Formidable forms - Upload drop zone (change background color) */ .dz-message.needsclick { background: #1e1e1e; } /* Formidable Forms - Repeater PLUS button (add margin at right) */ a.frm_add_form_row.frm_icon_font.frm_plus_icon { margin-right: 5px; } /* Formidable Forms - Repeater icon */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_plus_icon:before { color: #c01e2e; font-weight: 600; } /* Formidable Forms - Pagination at views (active page) */ ul.frm_pagination.pagination .active a { background: #c01e2e; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) */ ul.frm_pagination.pagination a { color: white; background: #1f1f1f; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) HOVER */ ul.frm_pagination.pagination a:hover { color: #ffffff; background-color: #313131; } /* Formidable Forms - Forms that have number of an item read only field (Styling) */ .numero_programa input, .numero_modulo input, .numero_video input { background: #f5821f !important; text-align: center !important; color: black !important; font-size: 20px !important; font-weight: 900 !important; border-color: transparent !important; } /* Formidable Forms - Forms that have number of an item read only field (Styling) - Tweak for "video" */ .numero_video input { background: darkgray !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - style */ .nome_completo input[type=text] { font-size: 18px !important; background-color: #520D14 !important; text-align: center !important; padding-top: 5px !important; padding-bottom: 5px !important; color: #f7f7f7 !important; margin-bottom: 0px !important; border: none !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - remove box shadow*/ .nome_completo input[type=text]:focus { box-shadow: none !important; } /* Visual Composer (Team) - frm_total fields at forms for e-mail */ .email_completo { width: 100%; display: block; } .email_completo input[type=email] { font-size: 14px !important; color: #c0c0c0 !important; text-align: center !important; width: 100% !important; display: block; margin: 5px 0 20px !important; } /* Visual Composer (Team) - Sections that are shown with different color */ .only_administrators h3 { color: #828282 !important; border-bottom-color: #676767 !important; border-bottom-style: dashed !important; } /* Visual Composer (Team) - Sections that are shown with visibility set to administartors - repeater buttons */ .only_administrators .frm_icon_font.frm_plus_icon:before, .only_administrators .frm_icon_font.frm_minus_icon:before { color: #4c4c4c !important; } /* Formidable Forms - Dropdown autocomplete (background) */ .with_frm_style .chosen-drop { background: #1f1f1f !important; } /* Formidable Forms - Dropdown autocomplete (selected) */ .with_frm_style li.active-result.result-selected { background: #c01e2e !important; } /* Formidable Forms - Dropdown autocomplete (highlighted) */ .with_frm_style .chosen-container .chosen-results li.highlighted { background-color: #c01e2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c01e2e), color-stop(90%, #891521)); background-image: linear-gradient(#c01e2e 20%, #891521 90%); color: #fff; } /* Formidable Forms - Dropdown autocomplete (no results) */ .with_frm_style .chosen-container .chosen-results li.no-results { background: #505050 !important; } /* Formidable Forms - Dropdown autocomplete (top shadow) */ .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none !important; } /* Formidable Forms - Dropdown autocomplete - Change default placeholder text color */ .with_frm_style a.chosen-single.chosen-default span { color: #808080; } /* Formidable Forms - Dropdown autocomplete - Adjust height */ .with_frm_style a.chosen-single.chosen-default, .with_frm_style a.chosen-single.chosen-single-with-deselect { height: 32px !important; line-height: 32px !important; } /* Formidable Forms - Repeater - Remove divider between them */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_repeat_sec { border-bottom: none; } /* Formidable Forms - Uploader (Dropzone) - Remvoe extra background at bottom */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_dropzone { background-color: transparent; } /* Formidable Forms - Submit button (Font) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button { font-family: oswald; border-color: rgba(128, 128, 128, 0.5); border-style: groove; border-width: 3px; } /* Formidable Forms - Submit button (HOVER) */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover { border-width: 1px; border-color: #b7b7b7; color: #ffffff; } /* Formidable Forms - Submit button (Flexbox CENTER) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_flex { justify-content: center; } /* Formidable forms - Repeater buttons (HOVER) */ a:hover.frm_add_form_row.frm_icon_font.frm_plus_icon::before, a:hover.frm_remove_form_row.frm_icon_font.frm_minus_icon::before { color: #c1c1c1 !important; } /* Formidable forms - Error message (tweak) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style { border-width: 5px; line-height: 1.1; text-align: center; } /* Formidable forms - Primary label */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { line-height: 1.2; } /* Formidable forms - Primary label for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 15px; } } /* Formidable forms - Vertical space between fields (Mobile) */ /* @media (max-width: 768px) { .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 30px !important; } } */ /* Formidable forms - Descriptions for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_description { font-size: 12px !important; line-height: 1.1 !important; } } /* Formidable forms - class "administrator-readonly" (styling) */ .administrator-readonly input { background-image: none !important; background-repeat: no-repeat !important; background: #171717 !important; } /* Formidable forms - Before input field background */ .frm_inline_box.input-group-addon { background: #353535 !important; } /* Formidable forms - After input field text color */ .frm_inline_box.input-group-text.input-group-addon { color: white; height: 36px; } /* --------------------------------------- */ /* AREAVIP & TEAM (All forms) */ /* --------------------------------------- */ /* Formidable Forms - Team - field */ .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 10px; } /* Formidable Forms - Team - labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 14px; padding: 0 0 5px 0; } /* Formidable Forms - Team - radio buttons and checkboxes */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox label { font-size: 14px; } /* Formidable Forms - Team - headings */ .page-areavip .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { padding: 5px 0 3px 0; font-size: 20px; } /* Formidable Forms - Team - toggle */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_switch_opt { font-size: 14px; } /* Formidable Forms - Team - input text */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number] .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=phone], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select, .frm_style_thiago-varella-dark-v2.with_frm_style textarea, .frm_form_fields_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-single .chosen-single { font-size: 14px; } /* Formidable Forms - Team - input size */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=file], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select { height: 32px; line-height: 1.3; margin-bottom: 5px; } /* Formidable Forms - Team - range slider (my custom text) */ .frm_range_container span { font-size: 16px !important; } /* Formidable Forms - Team - Remove spaces betwwen repeaters */ .page-areavip .frm_repeat_sec { margin-bottom: 0px !important; margin-top: 0px !important; } /* Formidable Forms - Team - Decrease space betwwen vertical checkboxes and radion buttons */ .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox+.frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio+.frm_radio { line-height: 1; } /* --------------------------------------- */ /* Filters */ /* --------------------------------------- */ /* Formidable Forms - Filters (border and padding) */ .form_filter fieldset { /* padding-top: 0px !important; */ border-color: #c01e2e !important; border-width: 1px !important; } /* Formidable Forms - Filters (move submit button up) */ .form_filter .frm_submit { margin-bottom: -39px !important; } /* Formidable Forms - Filters (change submit button height */ .form_filter .frm_final_submit { font-size: 14px !important; height: 34px !important; } /* Formidable Forms - Toggle 'Arquivar' (Hide off option) */ .frm_filter_arquivar span.frm_off_label.frm_switch_opt { display: none; } /* Formidable Forms - Toggle 'Arquivar' (remove margin bottom) */ .frm_filter_arquivar { margin-bottom: 0px !important; } /* Formidable Forms - Team - All toggles (main color) */ .page-team input:checked+.frm_slider { background-color: #c01e2e !important; } /* Remove extra margin from headings */ .form_filter .form-field.frm_section_heading { margin-bottom: 0 !important; } /* Hide field name that i am passing inside description at filters to devika's code */ .form_filter .frm_description .param { display: none !important } .reset-filter { margin: 10px 0; } #view-data { min-height: 200px; transition: opacity .12s } #view-data.doing-ajax { position: relative; overflow: hidden; } #view-data.doing-ajax>* { pointer-events: none; opacity: .26 } #view-data.doing-ajax:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: wait; } #view-data.doing-ajax .ajax-loader { position: absolute; z-index: 20; left: 50%; top: 80px; transform: translate(-50%, 0%); display: block; opacity: 1 } #view-data:not(.doing-ajax) .ajax-loader { display: none !important } /* --------------------------------------- */ /* Fitness Consulting Form */ /* --------------------------------------- */ /* Range slider - altura (acrescentar "m") */ #frm_field_563_container span.frm_range_value:after { content: ' m'; } /* Range slider - peso (acrescentar "kg") */ #frm_field_562_container span.frm_range_value:after { content: ' kg'; } /* Range slider - percentual de gordura (acrescentar "%") */ #frm_field_564_container span.frm_range_value:after { content: ' %'; } /* Range slider - Quantos meses sem fazer musculação (acrescentar "meses") */ #frm_field_571_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos meses já praticou (acrescentar "meses") */ #frm_field_568_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos dias na semana pode treinar (acrescentar "dias") */ #frm_field_579_container span.frm_range_value:after { content: ' dias'; } /* Extra space between some fields and next field */ #frm_field_conf_553_container, #frm_field_conf_554_container, #frm_field_517_container, #frm_field_518_container, #frm_field_553_container, #frm_field_1318_container, #frm_field_591_container, #frm_field_520_container, #frm_field_1080_container, #frm_field_1565_container, #frm_field_521_container, #frm_field_530_container, #frm_field_561_container, #frm_field_1631_container, #frm_field_1632_container, #frm_field_565_container, #frm_field_573_container, #frm_field_568_container, #frm_field_572_container, #frm_field_536_container, #frm_field_562_container, #frm_field_531_container, #frm_field_2163_container, #frm_field_2167_container, #frm_field_2164_container, #frm_field_2168_container { margin-bottom: 30px !important; } /* Extra space between some fields and previous field */ #frm_field_1565_container, #frm_field_1811_container { margin-top: 30px !important; } /* Star rating - Cerveja/Beer (acertar largura e altura) */ .frm-star-group .star-rating, .frm-star-group input+label { width: 35px !important; height: 36px !important; font-size: 36px !important; } /* Star rating - Cerveja/Beer (diminuir o espaço entre as cervejas) */ .frm-star-group .star-rating, .frm-star-group input+label { margin-right: 5px; } /* Star rating - Cerveja/Beer (cheia) */ .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before, .frm-star-group input+label:hover:before, .frm-star-group:hover input+label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-full.png) !important; } /* Star rating - Cerveja/Beer (vazia) */ .frm-star-group input+label:before, .frm-star-group .star-rating:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-empty.png); } /* Star rating - Adjust for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_567_container .star-rating, #frm_field_567_container input+label { width: 30px !important; } } /* Optionbox - Sexo (criei classe "option_sexocartoon" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_sexocartoon { padding-left: 40px; } /* Optionbox - EMOJIS (centralizar tudo) */ div#frm_field_582_container { text-align: center; } #frm_field_582_container label.frm_primary_label.control-label { text-align: center !important; } /* Optionbox - EMOJIS (diminuir espaço entre os emojis) */ #frm_field_582_container .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_checkbox, .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1 { display: inline-block; margin-left: 0px; padding-left: 0px; } /* Optionbox - EMOJIS (criei classe "option_emoji" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_emoji { padding-left: 15px; } /* E-mail (campos secundários e original do team) - ajustar distância vertical entre estes dois campo no mobile */ @media (max-width: 768px) { #frm_field_1077_container { margin-bottom: 10px !important; } } /* Objetivos - Border at images */ #frm_field_578_container img { border-width: 1px; border-color: #737373; border-style: solid; margin-top: 5px; } /* Objetivos - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_578_container img { width: 120px; } } /* Objetivos - Resize checkbox labels - MOBILE */ @media (max-width: 768px) { #frm_field_578_container .frm_checkbox label { font-size: 15px; } } /* Objetivos - checkbox labels */ #frm_field_578_container .frm_checkbox label { padding-left: 0px; } /* Objetivos - Increase vertical space between checkboxes */ #frm_checkbox_578-588-2, #frm_checkbox_578-588-3 { margin-top: 20px; margin-bottom: 20px; } /* Error message fix (Objetivos) */ #frm_field_578_container .frm_error { display: inline-block; } /* Toggle whatsapp (add icon) */ #frm_field_1565_container .frm_on_label.frm_switch_opt:after { content: '\f232'; font-family: FontAwesome; color: #52ce5f; margin-left: 5px; } /* Toggle whatsapp (adjust vertical space) - MOBILE */ @media (max-width: 768px) { #frm_field_1565_container { margin-bottom: 10px; } } /* Whatsapp phone field (margin bottom) - DESKTOP & MOBILE */ #frm_field_1566_container, #frm_field_1748_container { margin-bottom: 20px !important; } /* Whatsapp phone field (increase input text size) - MOBILE */ @media (max-width: 768px) { #frm_field_1566_container input, #frm_field_1748_container input { font-size: 18px; } } /* Whatsapp phone field (change color while typing) */ @media (max-width: 768px) { #frm_field_1566_container :invalid, #frm_field_1748_container:invalid { color: #e0e0e0 !important; } } /* Histórico e restrições (text area) */ #frm_field_539_container textarea, #frm_field_533_container textarea { background: url(/wp-content/uploads/webqualitat/background-typing.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #1e1e1e; line-height: 1.1; } /* Nutricionista */ #frm_field_566_container .frm_on_label:after { content: '\f0f5'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Fumante */ #frm_field_574_container .frm_on_label:after { content: '\f06d'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Bebida */ #frm_field_575_container .frm_on_label:after { content: '\f0fc'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Mailster tags (multiple select dropdown) */ #frm_field_1701_container select { height: 64px; } /* Fix section vertical margin */ #frm_form_55_container h3.frm_pos_top.frm_section_spacing { margin-bottom: 20px !important; } /* Fix section bottom margin */ #frm_form_55_container .form-field.frm_section_heading { margin-bottom: 0px !important; } /* Histórico field - placeholder dimmed */ #frm_field_539_container textarea::placeholder { color: #97926f; } /* Histórico field - label style */ #frm_field_539_container .frm_primary_label { font-weight: 600; color: white; text-transform: uppercase; } /* --------------------------------------- */ /* Subscription plan calculator */ /* --------------------------------------- */ /* Optionbox - Planos (criei classe "option_plano" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário, e acertar tamanho dos ícones) */ .option_plano { font-size: 48px; color: #f5821f; padding-left: 30px; } @media (max-width: 768px) { .option_plano { padding-left: 20px; } } /* Campos que não tenham optionbox vertical (centralizar) */ div#frm_field_696_container, div#frm_field_700_container, div#frm_field_712_container { text-align: center; } /* Campo que tem optionbox vertical (centralizar) */ div#frm_field_291_container { margin-left: auto; margin-right: auto; width: 50% !important; } /* Campo que tem optionbox vertical (centralizar) - ajuste para mobile */ @media (max-width: 768px) { div#frm_field_291_container { width: 80% !important; } } /* Form of payment block - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { div#frm_field_291_container { width: 90% !important; } } /* Optionbox - Planos (diminuir espaço entre os emojis no mobile) */ @media (max-width: 768px) { #frm_field_696_container .frm_radio label { padding-left: 0px !important; } } /* Optionbox - Planos [número de meses] (acertar o estilo) */ .option_plano_meses { color: #b3b3b3; text-decoration: overline; padding-top: 10px; font-style: italic; padding-left: 25px; } @media (max-width: 768px) { .option_plano_meses { padding-left: 15px; } } /* Optionbox - Pagamento (criei classe "option_pagamento" para ajustar espaços em relação ao radiobutton, e acertar tamanho dos ícones) */ .option_pagamento { font-size: 24px; color: #f5821f; padding-left: 10px; } /* Section - Todas as seções com a linha inferior suavizada e margem inferior maior, fonte ajustada */ #frm_form_30_container .form-group { margin-bottom: 0 !important } #frm_form_30_container h3.frm_pos_top.frm_section_spacing { border-bottom-color: #616161 !important; margin-bottom: 20px !important; font-size: 23px; line-height: 1.1; } /* HTML - Todos os campos HTML deste formulário */ #frm_form_30_container .frm_form_field.frm_html_container.form-field { line-height: 1.5; } /* Button "Faça seu pedido" (make font bigger) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 20px; } /* Button "Faça seu pedido" - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 18px !important; } } /* Buttons "Continuar" (Insert right arrow icon) */ #frm_form_30_container .frm_page_num_1 button.frm_button_submit.btn.btn-default::after, #frm_form_30_container .frm_page_num_2 button.frm_button_submit.btn.btn-default::after { content: '\f138'; font-family: fontawesome; display: inline-block; margin-left: 10px; } /* Button "Faça seu pedido" (Insert "add to cart" icon) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit::before { display: inline-block; font-family: FontAwesome; color: #ffffff; content: "\f218"; margin-right: 10px; } /* Line dividing payment methods section from form of payments */ #frm_field_291_container { border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 15px; border-bottom-color: #5a5a5a; } /* Rootline */ #frm_form_30_container .frm_rootline .frm_current_page input[type="button"] { border-color: #ffffff; background-color: #252525 !important; color: #ffffff; border-width: 1px; } /* Calculator border */ #frm_form_30_container .frm_form_fields>fieldset { border-color: #c7c7c7; border-width: 3px; } /* Page 3 with summary - block of form of payment for very small devices (Mobile) */ @media (max-width: 360px) { #frm_field_715_container { font-size: 13px; } } /* --------------------------------------- */ /* Training request */ /* --------------------------------------- */ /* File upload (text) */ #frm_field_1277_container span.frm_upload_text { font-size: 14px; } /* File upload (instructions) */ #frm_field_1277_container .frm_small_text { display: none; } /* File upload (paddings) */ #frm_field_1277_container .dz-message.needsclick { padding: 5px; } /* File upload (icon) */ #frm_field_1277_container .frm_upload_icon:before { font-size: 18px; } /* E-mail marketing 1st checkbox (label) */ #frm_checkbox_1387-1385-0 label { padding-left: 0px; } /* E-mail marketing 1st checkbox (checkbox) */ #frm_checkbox_1387-1385-0 { padding-left: 0px; } /* --------------------------------------- */ /* Training request fiter */ /* --------------------------------------- */ /* Collapsible Section styling H3 text */ #form_jjjcq224223 .frm_section_heading h3 { padding: 0px; font-size: 16px; margin-bottom: 0px !important; font-family: Lato !important; color: #f5821f; border-bottom: none; } /* ------------------------------------------ */ /* Training request fiter (CSV Export list) */ /* ------------------------------------------ */ /* Dropdowns with multiple selection (i disabled here cause need to make filter work as expected) */ #frm_field_1330_container select, #frm_field_1331_container select, #frm_field_1338_container select { /* height: 76px; */ } /* --------------------------------------- */ /* Training request interaction box */ /* --------------------------------------- */ /* Adjust spaces betwwen these repeater */ #frm_form_83_container .frm_repeat_sec { padding-bottom: 5px; } /* Frame */ #frm_form_83_container fieldset { border-width: 1px; border-style: dashed; border-color: #a9a9a9; } /* Labels */ #frm_form_83_container .frm_primary_label { font-size: 14px; } /* Dropdown */ #frm_form_83_container select { height: 32px !important; font-size: 14px !important; } /* Rich text */ #frm_form_83_container textarea.wp-editor-area { font-size: 14px !important; } /* Text */ #frm_form_83_container input[type="text"] { height: 32px !important; font-size: 14px !important; } /* Submit button */ #frm_form_83_container .frm_submit button { height: 38px !important; } /* --------------------------------------- */ /* Trainings */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1145-1001-i14960_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programming */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1220_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programs */ /* --------------------------------------- */ /* Dropdown autocomplete (Instructions) - DESKTOP */ @media (min-width: 768px) { #frm_field_781_container a.chosen-single.chosen-single-with-deselect, #frm_field_781_container .frm_dynamic_select_container { width: 512px !important; } } /* Dropdown autocomplete (Exercise & Exercise notes) - DESKTOP */ @media (min-width: 768px) { #frm_field_795_container a.chosen-single.chosen-single-with-deselect, #frm_field_795_container .frm_dynamic_select_container, #frm_field_798_container a.chosen-single.chosen-single-with-deselect, #frm_field_798_container .frm_dynamic_select_container, #frm_field_808_container a.chosen-single.chosen-single-with-deselect, #frm_field_808_container .frm_dynamic_select_container, #frm_field_818_container a.chosen-single.chosen-single-with-deselect, #frm_field_818_container .frm_dynamic_select_container, #frm_field_828_container a.chosen-single.chosen-single-with-deselect, #frm_field_828_container .frm_dynamic_select_container, #frm_field_838_container a.chosen-single.chosen-single-with-deselect, #frm_field_838_container .frm_dynamic_select_container { width: 599px !important; } } /* --------------------------------------- */ /* Sequences */ /* --------------------------------------- */ /* Dropdown autocomplete (Programs) - DESKTOP */ @media (min-width: 768px) { #frm_field_855_container a.chosen-single.chosen-single-with-deselect, #frm_field_855_container .frm_dynamic_select_container { width: 645px !important; } } /* --------------------------------------------- */ /* Programmings - AreaVIP programs (weight box) */ /* --------------------------------------------- */ /* Number of series (Styling) */ .numero_serie input { background: #f5812f !important; text-align: center !important; color: black !important; font-size: 14px !important; font-weight: 900 !important; border-color: transparent !important; border-radius: 10px !important; } /* All fields that have 1/3 CSS --------- FIX THIS WITH DEVIKA */ #form_programmings-areavipprogramsweightbox .frm_form_field.frm_third { width: 30% !important; clear: none !important; float: left !important; margin-left: 5px !important; margin-bottom: 0px !important; } /* All repeatable sections of this form (remove bottom padding) */ #form_programmings-areavipprogramsweightbox .frm_repeat_sec { padding-bottom: 0px !important; } /* Change submit button height of this form */ #form_programmings-areavipprogramsweightbox button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 14px; height: 34px !important; } /* --------------------------------------- */ /* Trainings filter */ /* --------------------------------------- */ /* Hide Dropdown autocomplete placeholder text */ #frm_field_1020_container a.chosen-single.chosen-default span, #frm_field_1264_container a.chosen-single.chosen-default span { display: none !important; } /* --------------------------------------- */ /* Templates */ /* --------------------------------------- */ /* MCE Editor (Top margin) */ #frm_field_487_container { margin-top: 30px; } /* --------------------------------------- */ /* Templates filter */ /* --------------------------------------- */ /* Padrão field checkboxes (left margin) */ #frm_field_915_container { margin-left: 0px; } /* --------------------------------------- */ /* Interactions */ /* --------------------------------------- */ /* Nome da interação (margem inferior) */ #frm_field_436_container { margin-bottom: 20px; } /* MCE Editor (Top margin) */ #frm_field_437_container { margin-top: 20px; } /* Nome do código PHP (Before input) */ #frm_field_1664_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* Nome do código PHP (margem inferior) */ #frm_field_1670_container { margin-bottom: 20px; } /* --------------------------------------- */ /* Nutrition form */ /* --------------------------------------- */ /* Metas - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_1391_container img { width: 120px; } } /* Histórico (Anotações) - Fix size when form is at landing page (DESKTOP) */ @media (min-width: 768px) { .page-id-105611 .frm_field_1457_container { width: 475px !important; } } /* Metas - Remove extra space at checkoxes */ #frm_field_1391_container .frm_checkbox label { padding-left: 0px; } /* Metas - Space between checkboxes */ #frm_checkbox_1391-1389-2, #frm_checkbox_1391-1389-3 { margin-top: 10px; } /* Extra space between some fields and previous field (large space) */ #frm_field_1403_container, #frm_field_1429_container, #frm_field_1410_container { margin-top: 30px; } /* (!!! IT'S A CLASS !!!) Extra space between some fields and previous field (large space) - inside repeater (MOBILE) */ @media (max-width: 768px) { .frm_field_1445_container { margin-top: 0px; } } /* Extra space between some fields and previous field (small space) */ #frm_field_1428_container { margin-top: 15px; } /* Repeater icons with text (style) */ #frm_field_1441_container a.frm_add_form_row.frm_button, #frm_field_1441_container a.frm_remove_form_row.frm_button { height: 35px !important; background: transparent !important; border-color: #c01e2e !important; border-width: 3px !important; border-style: groove !important; padding-top: 5px !important; padding-bottom: 2px !important; padding-left: 8px !important; padding-right: 8px !important; margin-right: 5px !important; } /* Repeater icons with text (space) */ #frm_field_1441_container .frm_repeat_buttons { margin-top: 20px; } /* Suplementação checkboxes (MOBILE) very small devices */ @media (max-width: 360px) { #frm_field_1520_container .frm_checkbox { width: 70%; } } /* Suplementação checkboxes (items) */ #frm_field_1522_container label { padding-left: 0px !important; } /* Suplementação checkboxes (title) */ #frm_field_1522_container .frm_primary_label { margin-bottom: 5px; } /* Suplementação checkboxes (description) */ #frm_field_1522_container .frm_description { padding-top: 8px !important; } /* Fullname */ #frm_field_1392_container { margin-bottom: 0px !important; } /* E-mail */ #frm_field_1393_container { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Nutrition request form */ /* ----------------------------------------------- */ /* Draft button - Set style */ #frm_form_115_container a.frm_save_draft { font-size: 20px; font-weight: 600; display: block; } /* Documento principal (dropdown) */ #frm_field_1561_container { margin-bottom: 20px !important; } /* Documentos adicionais (checkboxes) */ #frm_field_1562_container .frm_checkbox label { padding-left: 0px !important; } /* ----------------------------------------------- */ /* Affiliates form */ /* ----------------------------------------------- */ /* Less margin at description */ #frm_form_129_container .frm_form_field input[type=text] { margin-bottom: 5px !important; } /* More margin between fields (only inside sections) */ #frm_field_1867_container .form-field, #frm_field_1859_container .form-field, #frm_field_1890_container .form-field, #frm_field_1822_container .form-field, #frm_field_1870_container .form-field, #frm_field_1875_container .form-field, #frm_field_1877_container .form-field, #frm_field_1825_container .form-field, #frm_field_1819_container .form-field { margin-bottom: 20px !important; } /* sections */ #frm_form_129_container h3.frm_pos_top { padding-top: 0px !important; } /* Social network repeater */ #frm_field_1905_container { margin-bottom: 20px !important; } /* Cupom repeater */ #frm_field_1912_container { margin-bottom: 20px !important; } /* Fullname */ div#frm_field_1817_container { margin-bottom: 0px !important; } /* E-mail */ div#frm_field_1818_container { margin-bottom: 0px !important; } /* remove top space of social networks repeater repeater */ #frm_field_1905_container { margin-top: 0px; } /* Hide social networks repeater header */ #frm_field_1905_container h3.frm_pos_top.frm_section_spacing { display: none; } /* Fix height of add and remove buttons of repeater */ #frm_form_129_container a.frm_add_form_row.frm_button, #frm_form_129_container a.frm_remove_form_row.frm_button { height: auto !important; padding-top: 5px; padding-bottom: 8px; border-radius: 5px; } /* More vertical top margin for buttons of repeater */ #frm_form_129_container .frm_form_field.frm_hidden_container.frm_repeat_buttons { margin-top: 10px; } /* Bank info at mobile */ @media (max-width: 768px) { #frm_field_1861_container { grid-column: span 5 / span 6 !important; } #frm_field_1862_container { grid-column: span 7 / span 6 !important; } #frm_field_1863_container { grid-column: span 5 / span 6 !important; } #frm_field_1864_container { grid-column: span 7 / span 6 !important; } } /* Signature adjust line (mobile) */ @media(max-width:768px) { .frm-typed-drawline { width: 90% !important; left: 17px !important } } /* Remove bottom margin from repeater buttons */ #frm_field_1905_container .frm_repeat_sec { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Whatsapp phone field (icon inside input) */ #frm_field_1653_container input { font-size: 18px; width: fit-content; } /* SMS phone field (icon inside input) */ #frm_field_1654_container input { font-size: 18px; width: fit-content; } /* E-mail field (font size) */ #frm_field_1655_container input { font-size: 18px; } /* Change size (primary label) */ #frm_form_121_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } /* Change size (submit button) */ #frm_form_121_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Change size (radio buttons with images) */ #frm_form_121_container .frm_radio.frm_image_option { --image-size: 100px; } /* Get login code (icon beside submit) */ #frm_form_121_container .form-group.frm_submit { background-image: url(/wp-content/uploads/webqualitat/icon-login-getcode.png); background-position-x: 11px; background-position-y: -1px; background-size: 72px; background-repeat: no-repeat; margin-bottom: 10px !important; height: 79px; } /* Add space below question */ #field_385l2_label { margin-bottom: 30px; } /* Image selector border */ #frm_form_121_container .frm_image_options .frm_image_option_container:hover, #frm_form_121_container input[type=radio]:checked+.frm_image_option_container, #frm_form_121_container input[type=checkbox]:checked+.frm_image_option_container { border-color: #c01e2f; box-shadow: 0 0 2px 3px rgb(192 30 47 / 56%); } /* Image selector checkmark */ #frm_form_121_container .frm_image_option_container .frm_selected_checkmark svg { fill: #c01e2f; width: 24px; height: 24px; } /* Temporary fix for height of radio images */ #frm_form_121_container .frm_image_option_container.frm_label_with_image { height: 136px; } /* Temporary fix to center radio images */ #frm_form_121_container .frm_image_options .frm_opt_container { margin: 0 auto; } /* ----------------------------------------------- */ /* Login-Authenticate form */ /* ----------------------------------------------- */ /* Change size (primary label) */ #frm_form_122_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } #frm_field_1659_container label { text-align: center; margin-bottom: 10px; } /* SMS code field (font size) */ #frm_field_1659_container input { font-size: 35px; height: 60px; } #frm_field_1659_container .frm_input_group { margin: 0 auto; } /* Submit button (change size) */ #frm_form_122_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Submit button (awesome icon) */ #frm_form_122_container .frm_submit button:before { content: 'tt'; content: '\f138'; font-size: 24px; margin-right: 9px; font-family: FontAwesome; } /* Checkbox to add phone to form (resize) */ #frm_field_1661_container input { transform: scale(1.5); } /* Checkbox to add phone to form (color) */ #frm_field_1661_container label { color: #d2d2d2; } /* ----------------------------------------------- */ /* Automations form */ /* ----------------------------------------------- */ /* Nome do código PHP (Before input) */ #frm_field_1670_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* ----------------------------------------------- */ /* Mailster subscriber form */ /* ----------------------------------------------- */ /* Form inline - Adjust form size at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline { width: 70%; margin: 0 auto; } } /* Form inline & landing - Adjust name and email field to small width at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline #frm_field_1702_container, .mailster_subscriber_form_inline #frm_field_1703_container, .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { width: 80% !important; margin: 0 auto !important; } } /* Form landing - Adjust fields vertical bottom space (DESKTOP) */ @media (min-width: 768px) { .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { padding-bottom: 20px; } } /* Adjust name and email height to be same as prefix icon */ #frm_field_1702_container input, #frm_field_1703_container input { margin-bottom: 0px !important; } /* Set style for header text */ #frm_field_1728_container { font-size: 20px; text-align: center; font-family: 'Oswald'; color: #ffffff; border: none; font-weight: 500; text-transform: uppercase; background: rgb(248 130 31 / 27%); padding: 5px; } /* Form (sidebar & inline) Set more vertical space for header text */ .mailster_subscriber_form_sidebar #frm_field_1728_container, .mailster_subscriber_form_inline #frm_field_1728_container { margin-bottom: 20px; } /* Add checkmark icon at message submit */ #frm_form_127_container .frm_message>p:after { content: "\f058"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-left: 5px; } /* Submit button (all forms) */ .mailster_subscriber_form_landing .frm_button_submit, .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { font-size: 26px !important; font-weight: 500 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; text-transform: uppercase !important; background: rgb(192 30 46 / 77%) !important; border-color: #b5b5b5 !important; border-style: groove !important; } /* Submit button (landing) */ .mailster_subscriber_form_landing .frm_button_submit { border-width: 5px !important; height: 58px !important; } /* Submit button (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing .frm_button_submit { margin-top: 20px !important; } } /* Submit button (sidebar & inline) */ .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { border-width: 4px !important; font-weight: 600 !important; font-size: 18px !important; } /* Submit button (inline) */ .mailster_subscriber_form_inline .frm_button_submit { margin-top: 20px !important; } /* labels (all) */ .mailster_subscriber_form_landing .frm_primary_label, .mailster_subscriber_form_sidebar .frm_primary_label, .mailster_subscriber_form_inline .frm_primary_label { text-align: center !important; font-weight: 700 !important; color: white !important; font-size: 17px !important; } /* Forms (all) - input fields */ .mailster_subscriber_form_landing input, .mailster_subscriber_form_sidebar input, .mailster_subscriber_form_inline input { background: rgb(30 30 30 / 82%) !important; } /* Forms (all) */ .mailster_subscriber_form_landing fieldset, .mailster_subscriber_form_sidebar fieldset, .mailster_subscriber_form_inline fieldset { border-width: 2px !important; border-color: #f5821f !important; border-radius: 25px !important; background: rgb(192 30 47 / 26%) !important; margin-top: 30px !important; margin-bottom: 30px !important; background-image: url(/wp-content/uploads/2019/04/Caricatura-site-mobile-shift.png) !important; background-repeat: no-repeat !important; } /* Form (landing) */ .mailster_subscriber_form_landing fieldset { border-style: double !important; padding: 15px !important; background-position: right -17px bottom -6px !important; box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05) !important; } /* Form (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing fieldset { padding-top: 30px !important; padding-bottom: 30px !important; } } /* Form (sidebar) */ .mailster_subscriber_form_sidebar fieldset { border-style: dashed !important; padding: 25px 5px 51px 5px !important; background-position: right -17px bottom -12px !important; } /* Form (inline) */ .mailster_subscriber_form_inline fieldset { border-style: dashed !important; padding: 30px 5px !important; background-position: right -17px bottom -12px !important; } .frm_primary_label { cursor: pointer; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Vertical margin for option box section */ #frm_field_1767_container { margin-bottom: 0px !important; } /* Vertical margin for enter number or email section */ #frm_field_1769_container { margin-bottom: 0px !important; } /* Style for methods option boxe selected (border and background) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container { border-width: 3px; background: #424242; } /* Style for methods option boxe selected (bold) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container span.frm_text_label_for_image_inner { font-weight: 700; } /* Devika's code */ #frm_form_121_container { overflow: hidden } #form_login h3 { line-height: 25px; padding-bottom: 10px; } #form_login h3, #form_login h3+.frm_description { text-align: center !important } #form_login .frm_form_fields { margin-bottom: 0 !important } #form_login #frm_field_1782_container, #form_login #frm_field_1785_container { user-select: none; cursor: default } #form_login #frm_field_1782_container [readonly], #form_login #frm_field_1785_container [readonly] { pointer-events: none !important; } #form_login #frm_field_1782_container [readonly]:focus, #form_login #frm_field_1785_container [readonly]:focus { box-shadow: none !important; border-color: var(--border-color-disabled) !important } #form_login #frm_field_1652_container .frm_radio { margin: 5px !important; user-select: none } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark { left: 50%; top: 100%; transform: translate(-50%, -2px) } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark svg { transform: scale(1.3); } #form_login #frm_field_1652_container .frm_label_with_image { display: block; text-align: center; color: #fff !important } #form_login #frm_field_1652_container .frm_label_with_image img { display: block; margin-bottom: 5px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_2169_container, #form_login #frm_field_2170_container, #form_login #frm_field_2171_container, #form_login #frm_field_2172_container { margin: 0 auto; width: auto !important } #form_login #frm_field_2169_container select, #form_login #frm_field_2169_container .frm_slimselect, #form_login #frm_field_2170_container select, #form_login #frm_field_2170_container .frm_slimselect, #form_login #frm_field_2171_container select, #form_login #frm_field_2171_container .frm_slimselect, #form_login #frm_field_2172_container select, #form_login #frm_field_2172_container .frm_slimselect { width: 250px; margin-bottom: 10px; } #form_login #frm_field_2169_container .ss-arrow, #form_login #frm_field_2170_container .ss-arrow, #form_login #frm_field_2171_container .ss-arrow, #form_login #frm_field_2172_container .ss-arrow { margin-bottom: auto; } #form_login #frm_field_1767_container .frm_opt_container { text-align: center; display: flex; align-content: center; justify-content: center; } #form_login #frm_field_1767_container .frm_text_label_for_image_inner { color: #fff !important } #form_login #frm_field_1760_container { background: url(/wp-content/uploads/webqualitat/locker-otp-login.png) 50% 0% no-repeat; width: 250px !important; height: 357px !important; display: block; margin: 0 auto 40px !important; position: relative; } #form_login #frm_field_1760_container>label, #form_login #frm_field_1760_container .input-group-addon { display: none } #form_login #frm_field_1760_container .frm_input_group { position: absolute; left: 33px; bottom: 80px; display: block; width: 190px; overflow: hidden; } #form_login #frm_field_1760_container .form-control { display: none } #form_login #frm_field_1760_container .frm_description { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; text-align: center; font-weight: 600; font-style: normal; color: #F1F1F1; } #form_login #frm_field_1760_container.has-error .frm_description { display: none } #form_login #frm_field_1760_container .frm_error { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; text-align: center; min-height: 40px } #form_login #frm_field_1760_container #otp { display: flex; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 85px; font-family: Oswald; font-size: 60px; line-height: 60px; } #form_login #frm_field_1760_container #otp>input { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border: 2px solid #c01e2f; font-family: Oswald; font-size: 45px; line-height: 45px; height: 80px; margin: 0 1px; text-align: center; background: rgba(0, 0, 0, .7); transition: 0.3 ease; box-shadow: inset rgba(0, 0, 0, .8) 2px 3px 8px } #form_login #frm_field_1760_container #otp>input::-webkit-outer-spin-button, #form_login #frm_field_1760_container #otp>input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #form_login #frm_field_1760_container #otp>input:focus { background: #000; } #form_login #frm_field_1801_container { text-align: center; line-height: 1.2; } #form_login .frm_submit { margin-top: 20px !important; } #frm_form_121_container .frm_message { border: 0 !important; margin: 0 !important } @media(max-width:768px) { #form_login h3 { padding-top: 0px !important; } #form_login #frm_field_1652_container .frm_radio { margin: 3px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_1655_container { margin-bottom: 10px !important } #form_login #frm_field_1794_container { margin-bottom: 10px !important; } #form_login #frm_field_1773_container, #form_login #frm_field_1775_container { margin-bottom: 0 !important } } @media(max-width:640px) { #form_login h3 { font-size: 18px !important } #form_login #frm_field_1652_container { margin-bottom: 20px !important } #form_login #frm_field_1652_container .frm_opt_container .frm_radio { width: 30% !important } #form_login #frm_field_1652_container .frm_label_with_image { height: auto; padding: 0 0 5px } #form_login #frm_field_1652_container .frm_label_with_image img { object-fit: fill; height: auto } #form_login #frm_field_1760_container { transform: scale(0.65); margin-top: -50px !important; margin-bottom: -50px !important; } #form_login #frm_field_1760_container .frm_description { font-size: 16px; } #form_login #frm_field_1794_container { margin-top: 0 !important; } } #login_overlay { font-family: Oswald; } #login_overlay .popup-box { max-width: 350px; border-radius: 4px } #login_overlay .popup-header { text-align: center; font-size: 35px; font-weight: 700; margin-top: -50px } #login_overlay .popup-header:before { content: ''; background: url(/wp-content/uploads/webqualitat/icon-login-warning.png) 50% 50% / cover no-repeat; display: block; width: 70px; height: 70px; margin: 0 auto; transform: translateY(-10px); } #login_overlay .popup-content { font-size: 18px; line-height: 22px; font-weight: 400; text-align: center } #login_overlay .popup-footer { text-align: center } #login_overlay .popup-footer .popup-close { background: #FE3135; border: 1px solid #FE3135; border-radius: 4px; padding: 10px 15px; font-weight: 500 } #login_overlay .popup-footer .popup-close .fa-window-close { background: #fff; font-size: 20px; line-height: 8px; color: #000; display: inline-block; margin-right: 5px; transform: translatey(1px) } /* ----------------------------------------------- */ /* Process GPT form */ /* ----------------------------------------------- */ /* Fix color of hours suffix and color */ #frm_field_1951_container .frm_inline_box { color: white !important; height: 36px; } /* Fix submit button size and position */ #form_gpt_process_filter .frm_submit{ margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } #form_gpt_process_filter button.frm_button_submit.btn.btn-secondary.frm_final_submit { margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } /* ----------------------------------------------- */ /* Video sequences */ /* ----------------------------------------------- */ /* Adjust "Selecionar módulos" and "Selecionar Vídeos" repeater rows vertical distance */ #frm_field_2110_container .frm_repeat_sec, #frm_field_2021_container .frm_repeat_sec { margin-top: 3px !important; margin-bottom: 0px !important; } /* FIX DEVIKA */ #frm_form_55_container .frm_submit { text-align: center }.frm_style_thiago-varella-padrao.with_frm_style { } /* Prefix */ .frm_style_thiago-varella-padrao.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_thiago-varella-padrao.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; opacity:1; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line input, .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line input:disabled { border-color: #dfdfdf; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #cbcbcb; border-right-color: #cbcbcb; border-left-width: 1px ; border-right-width: 1px ; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line li:first-of-type input { border-left-color: #c01e2e; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #c01e2e; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #dfdfdf; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #dfdfdf; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #cbcbcb; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line input.frm_page_back { border-color: #c01e2e; } .frm_style_thiago-varella-padrao.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #c01e2e; border-right-color: #cbcbcb; } .frm_style_thiago-varella-padrao.with_frm_style .frm_rootline input, .frm_style_thiago-varella-padrao.with_frm_style .frm_rootline input:hover { width: 30px; height: 30px; border-radius: 30px; padding: 0; } .frm_style_thiago-varella-padrao.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_thiago-varella-padrao.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active { border-color: #ac0a1a !important; background-color: #c01e2e !important; color: #ffffff !important; } .frm_style_thiago-varella-padrao.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active { border-color: #ac0a1a; background-color: #c01e2e; color: #ffffff!important; } .frm_style_thiago-varella-padrao.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #c01e2e; } /* Start Range slider */ .frm_style_thiago-varella-padrao.with_frm_style input[type=range]::-webkit-slider-thumb { border: 2px solid #c01e2e;color:#ffffff;} .frm_style_thiago-varella-padrao.with_frm_style input[type=range]::-moz-range-thumb { border: 2px solid #c01e2e;color:#ffffff;} .frm_style_thiago-varella-padrao.with_frm_style input[type=range]::-ms-thumb { border: 2px solid #c01e2e;color:#ffffff;} /* End Range Slider */ /* Start other fields */ .frm_style_thiago-varella-padrao.with_frm_style input.frm_other_input:not(.frm_other_full){ width:auto ; } .frm_style_thiago-varella-padrao.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full), .frm_style_thiago-varella-padrao.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){ margin-left:5px; } .frm_style_thiago-varella-padrao.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) { display:inline-block; } .frm_style_thiago-varella-padrao.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_thiago-varella-padrao.with_frm_style span.frm-pass-verified .frmsvg { color:#ffffff; } .frm_style_thiago-varella-padrao.with_frm_style span.frm-pass-req .frmsvg { color:#ffffff; } /* End Password field */ /* Sections */ .frm_style_thiago-varella-padrao.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ border-bottom:1px solid #ded3d3; } .frm_style_thiago-varella-padrao.with_frm_style h3 .frm_after_collapse{ display:inline; } .frm_style_thiago-varella-padrao.with_frm_style h3 .frm_before_collapse{ display:none; } .menu-edit #post-body-content .frm_style_thiago-varella-padrao.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{ margin:0; } .frm_style_thiago-varella-padrao.with_frm_style .frm_section_heading{ margin-top:15px; } .frm_style_thiago-varella-padrao.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_thiago-varella-padrao.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{ margin-bottom:12px; } /* End Sections */ .frm_style_thiago-varella-padrao.with_frm_style .frm_single_product_label, .frm_style_thiago-varella-padrao.with_frm_style .frm_total_formatted { font-size:18px; color:#c3c3c3; } /* Datepicker */ .frm_style_thiago-varella-padrao.with_frm_style .ui-datepicker-title > select { color: #555555; color: var(--text-color); background-color: var(--bg-color); } .frm_style_thiago-varella-padrao.with_frm_style .ui-datepicker-month, .frm_style_thiago-varella-padrao.with_frm_style .ui-datepicker-year { color: var(--text-color); } .frm_style_thiago-varella-padrao.with_frm_style span.ui-datepicker-month, .frm_style_thiago-varella-padrao.with_frm_style span.ui-datepicker-year { color: var(--date-head-color); } .frm_style_thiago-varella-padrao.with_frm_style .ui-widget-header, .frm_style_thiago-varella-padrao.with_frm_style .ui-datepicker-header { color: var(--date-head-color) !important; background-color: var(--date-head-bg-color) !important; } .frm_style_thiago-varella-padrao.with_frm_style .flatpickr-day, .frm_style_thiago-varella-padrao.with_frm_style .ui-datepicker td, /* Sample form selector */ .frm_style_thiago-varella-padrao.with_frm_style.ui-datepicker td { border: 0; border-radius: var(--border-radius); overflow: hidden; } .frm_style_thiago-varella-padrao.with_frm_style .flatpickr-day.today:not(.inRange), .frm_style_thiago-varella-padrao.with_frm_style td.ui-datepicker-today { background-color: var(--date-band-color) !important; } .frm_style_thiago-varella-padrao.with_frm_style .flatpickr-day.today, .frm_style_thiago-varella-padrao.with_frm_style td.ui-datepicker-today > a { color: var(--date-head-color); } .frm_style_thiago-varella-padrao.with_frm_style td.ui-datepicker-current-day, .frm_style_thiago-varella-padrao.with_frm_style td.ui-datepicker-current-day .ui-state-hover { background-color: var(--border-color-active) !important; } .frm_style_thiago-varella-padrao.with_frm_style td.ui-datepicker-current-day .ui-state-default:not(.ui-state-hover) { color: #fff; } .frm_style_thiago-varella-padrao.with_frm_style .flatpickr-day.today:hover, .frm_style_thiago-varella-padrao.with_frm_style td:not(.ui-datepicker-current-day) .ui-state-hover { color: var(--text-color); background: #F2F4F7 !important; } /* End Datepicker */ /* Submit Buttons */ .frm_style_thiago-varella-padrao.with_frm_style input[type=submit][disabled], .frm_style_thiago-varella-padrao.with_frm_style .frm_submit input[type=button][disabled], .frm_style_thiago-varella-padrao.with_frm_style .frm_submit button[disabled] { opacity: 0.5; cursor: not-allowed; } .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_prev button.frm_prev_page, .frm_style_thiago-varella-padrao.with_frm_style .frm_loading_form button.frm_button_submit { opacity: 1; } /* End Submit Buttons */ .frm_style_formidable-style-2.with_frm_style{ --fieldset:5px;--fieldset-color:#ececec;--fieldset-padding:15px 15px 15px 15px;--fieldset-bg-color:#fafafa;--title-size:20px;--title-color:#444444;--form-desc-color:#666666;--form-desc-padding:0px;--font-size:14px;--label-color:#444444;--weight:500;--required-color:#c01e2e;--description-font-size:12px;--description-color:#666666;--description-weight:normal;--description-style:normal;--text-color:#555555;--border-color:#cccccc;--bg-color:#F7F7F7;--bg-color-active:#ffffff;--border-color-active:#C01E2E;--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;--check-label-color:#444444;--section-font-size:18px;--section-color:#c01e2e;--section-weight:bold;--section-mar-top:15px;--section-border-color:#ded3d3;--submit-bg-color:#c01e2e;--submit-border-color:#c01e2e;--submit-border-width:5px;--submit-weight:500;--submit-border-radius:30px;--submit-padding:10px 20px 20px 20px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#efefef;--submit-hover-color:#fcfcfc;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#e0e0e0;--submit-active-border-color:#cccccc;--border-radius:20px;--error-bg:#ff0000;--error-border:#ff0000;--error-text:#ffffff;--success-bg-color:#fafafa;--success-border-color:#fcfcfc;--success-text-color:#444444;--progress-color:#ffffff;--progress-active-bg-color:#7B131E;--toggle-font-size:14px;--toggle-on-color:#7B131E;--toggle-off-color:#dddddd;--slider-color:#7B131E;--slider-bar-color:#dddddd;--date-head-bg-color:#F7F7F7;--date-head-color:#555555;--date-band-color:#579AF6;} .frm_forms.frm_style_formidable-style-2.with_frm_style{ max-width:100%; direction:ltr; margin:0 auto; } .frm_inline_form.frm_style_formidable-style-2.with_frm_style form{ text-align:center; } .frm_style_formidable-style-2.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_formidable-style-2.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_formidable-style-2.with_frm_style p.description, .frm_style_formidable-style-2.with_frm_style div.description, .frm_style_formidable-style-2.with_frm_style div.frm_description, .frm_style_formidable-style-2.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style-2.with_frm_style .frm_error, .frm_style_formidable-style-2.with_frm_style .frm_pro_max_limit_desc{ margin-top: 6px; padding:0; font-family:Lato; 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-2.with_frm_style .frm_form_field.frm_left_container{ grid-template-columns: 150px auto; } .frm_style_formidable-style-2.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-2.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_data_container, .frm_style_formidable-style-2.with_frm_style .frm_inline_container.frm_dynamic_select_container .frm_opt_container{ display:inline; } .frm_style_formidable-style-2.with_frm_style .frm_pos_right{ display:inline; width:150px; } .frm_style_formidable-style-2.with_frm_style .frm_none_container .frm_primary_label, .frm_style_formidable-style-2.with_frm_style .frm_pos_none{ display:none; } .frm_style_formidable-style-2.with_frm_style .frm_scale label{ font-weight:500; font-family:Lato; font-size:16px; color:#444444; } /* These do not work if they are combined */ .frm_style_formidable-style-2.with_frm_style input::placeholder, .frm_style_formidable-style-2.with_frm_style textarea::placeholder{ color: #A1A1A1; } .frm_style_formidable-style-2.with_frm_style .frm_default, .frm_style_formidable-style-2.with_frm_style input.frm_default, .frm_style_formidable-style-2.with_frm_style textarea.frm_default, .frm_style_formidable-style-2.with_frm_style select.frm_default, .frm_style_formidable-style-2.with_frm_style .placeholder { color: #A1A1A1; } .frm_style_formidable-style-2.with_frm_style .form-field input:not([type=file]):not([type=range]):not([readonly]):focus, .frm_style_formidable-style-2.with_frm_style select:focus, .frm_style_formidable-style-2.with_frm_style .form-field textarea:focus, .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style-2.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style-2.with_frm_style .frm_focus_field .frm-card-element.StripeElement { background-color:#ffffff; border-color:#C01E2E; color: var(--text-color); box-shadow:0px 0px 5px 0px rgba(192,30,46, 0.6); } .frm_style_formidable-style-2.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style-2.with_frm_style input[type=submit], .frm_style_formidable-style-2.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style-2.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style-2.with_frm_style .frm-edit-page-btn { width:auto; font-family:Lato; font-size:16px; height:50px; line-height:normal; text-align:center; background: #c01e2e ; border-width:5px; border-color: #c01e2e; border-style:solid; color:#ffffff; cursor:pointer; font-weight:500; border-radius:30px; text-shadow:none; padding:10px 20px 20px 20px; box-sizing:border-box; box-shadow:0 1px 1px #eeeeee; margin:; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_formidable-style-2.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_formidable-style-2.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style-2.with_frm_style input[type=submit]:hover, .frm_style_formidable-style-2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style-2.with_frm_style .frm_submit button:hover{ background: #efefef; border-color: #cccccc; color: #fcfcfc; } .frm_style_formidable-style-2.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:; } .frm_style_formidable-style-2.with_frm_style .frm-edit-page-btn:focus, .frm_style_formidable-style-2.with_frm_style input[type=submit]:focus, .frm_style_formidable-style-2.with_frm_style .frm_submit input[type=button]:focus, .frm_style_formidable-style-2.with_frm_style .frm_submit button:focus, .frm_style_formidable-style-2.with_frm_style input[type=submit]:active, .frm_style_formidable-style-2.with_frm_style .frm_submit input[type=button]:active, .frm_style_formidable-style-2.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #e0e0e0; outline: none; } .frm_style_formidable-style-2.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_formidable-style-2.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_formidable-style-2.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_formidable-style-2.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_formidable-style-2.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_formidable-style-2.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_formidable-style-2.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_formidable-style-2.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #c01e2e; border-color: #c01e2e; } .frm_style_formidable-style-2.with_frm_style .frm_loading_prev .frm_prev_page:before, .frm_style_formidable-style-2.with_frm_style .frm_loading_form .frm_button_submit:before { border-bottom-color: #ffffff; border-right-color: #ffffff; max-height:50px; } .frm_style_formidable-style-2.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_formidable-style-2.with_frm_style .frm_submit.frm_inline_submit::before { content:"before"; font-family:Lato; font-size:14px; color:#444444; font-weight:500; margin:0; padding:0 0 3px 0; width:auto; display:block; visibility:hidden; } .frm_style_formidable-style-2.with_frm_style.frm_inline_form .frm_submit input, .frm_style_formidable-style-2.with_frm_style.frm_inline_form .frm_submit button, .frm_style_formidable-style-2.with_frm_style .frm_submit.frm_inline_submit input, .frm_style_formidable-style-2.with_frm_style .frm_submit.frm_inline_submit button { margin: 0 !important; } .frm_style_formidable-style-2.with_frm_style #frm_field_cptch_number_container{ font-family:Lato; font-size:14px; color:#444444; font-weight:500; clear:both; } .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=checkbox], .frm_style_formidable-style-2.with_frm_style .frm_blank_field input[type=radio], .frm_style_formidable-style-2.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style-2.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style-2.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_formidable-style-2.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style-2.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style-2.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style-2.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-2.with_frm_style .frm_blank_field .sigWrapper{ border-color:#B94A48 !important; } .frm_style_formidable-style-2.with_frm_style .frm_error, .frm_style_formidable-style-2.with_frm_style .frm_limit_error{ font-weight:500; color:#B94A48; } .frm_style_formidable-style-2.with_frm_style .frm_error_style{ background-color:#ff0000; border:1px solid #ff0000; border-radius:20px; color: #ffffff; font-size:16px; margin:0; margin-bottom:20px; } .frm_style_formidable-style-2.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-2.with_frm_style #frm_loading .progress-bar{ background-color:#F7F7F7; } .frm_style_formidable-style-2.with_frm_style .frm_form_field.frm_total_big input, .frm_style_formidable-style-2.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_formidable-style-2.with_frm_style .frm_form_field.frm_total input, .frm_style_formidable-style-2.with_frm_style .frm_form_field.frm_total textarea{ color: #555555; background-color:transparent; border:none; display:inline; width:auto; padding:0; } /* Dark mode fix by Devika G */ :root { color-scheme: only light; } .frm_style_thiago-varella-dark-v2.with_frm_style select { background-size: auto !important; background-position: 100% 50% !important; } .with_frm_style input[type=range] { min-height: 0 !important; padding: 0 !important; } /* Formidable forms - Devika's fix for optionbox and checkbox return to white color after formidable v6.4.1 update that changed to accent color */ .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 #fff !important*/ } /* Temporary fix for honeypot spam message "If you are human, leave this field blank." */ .salvar_rascunho { display: none !important; } /* Formidable Forms - I created this class to hide fields */ .frm_hide { display: none !important; } /* CODE NOT WORKING AT MOBILE */ @media (max-width: 768px) { .frm_fixcss1 { width: auto !important; } } /* Formidable Forms - Fix css at trainings form (cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss1 { width: 512px !important; } /* --------------------------------------- */ /* FORMIDABLE BOOTSTRAP MODAL */ /* --------------------------------------- */ /* Formidable Bootstrap Modal - Hide shiftnav when modal is opened */ .modal-open #shiftnav-toggle-main { display: none; } /* Formidable Bootstrap Modal - Centralize modal */ .modal { padding: 20px !important; background: rgba(0, 0, 0, .8) !important } .modal-dialog { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: 600px !important; transform: translate(-50%, -50%) !important; margin: 0px !important; } body.page-treinos .modal-backdrop { z-index: 240; } body.page-treinos .modal-dialog { z-index: 99999; } /* Formidable Bootstrap Modal - Centralize modal (mobile) @media (min-width: 768px) { .modal-dialog { margin-left: 161px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 40% !important; } }*/ /* Formidable Bootstrap Modal - Content */ .modal-content { position: relative !important; background-color: #2d2d2d !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999 !important; border-radius: 6px; /*height: 600px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } /* Formidable Bootstrap Modal - Title */ .modal-title { color: #ffffff; margin-right: 40px !important; } /* Formidable Bootstrap Modal - Close button */ .modal-header .close { font-size: 30px !important; font-weight: 500 !important; color: #c01e2e !important; text-shadow: none !important; opacity: 1 !important; margin: -2px 0 0 !important; position: absolute !important; right: 10px !important; } /* Formidable Bootstrap Modal - Header */ .modal-header { border-bottom: 1px dashed #c5c5c5 !important; } /* Formidable Bootstrap Modal - Centralize vimeo iframe */ .modal-body { text-align: center; } @media(max-width: 640px) { .modal-dialog { width: calc(100% - 40px) !important; max-width: none !important; } .modal-body { max-height: calc(100vh - 30px) !important; overflow: hidden !important; overflow-y: scroll !important; } } /* Formidable Forms - Fix incompatibility between Formidable Bootstrap Modal and ShiftNav Pro (code given by formidable forms support) */ .modal-backdrop.in { display: none !important; } /* --------------------------------------- */ /* FORMIDABLE FORMS - global settings */ /* --------------------------------------- */ /* Formidable Forms - Fix css at sequences / exercise notes filter / sections ------ cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss2 { width: 645px !important; } @media (max-width: 768px) { /* CODE NOT WORKING AT MOBILE */ .frm_fixcss2 { width: auto !important; } } /* Formidable Forms - Section field (H3) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { font-family: oswald; } /* Formidable Forms - Toggle - Definir as cores por aqui, pois o styler é ruim */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_on_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_off_label { color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_slider { background-color: #464646; } .frm_slider:before { background-color: #ffffff; box-shadow: 2px 0px 2px 1px #808080; } /* Formidable Forms - Description field */ .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description { line-height: 1.1; } /* Formidable forms - Date picker (default) */ .ui-datepicker thead { background: #3a3a3a !important; } div#ui-datepicker-div { background: #232323; } .ui-datepicker th { font-weight: normal !important; } .ui-datepicker td { border: 1px solid #616161 !important; } .ui-datepicker { border-top: 1px solid #f5821f !important; border: 1px solid #f5821f !important; } .ui-datepicker td .ui-state-default { color: #ffffff !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #1e1e1d; color: #ffffff; } /* Formidable forms - Range slider (aumentar e estilizar o valor indicado) */ span.frm_range_value { color: white; font-size: 20px !important; } Formidable forms - Range slider (diminuir a margem superior entre o slider e o número) */ .frm_range_container input { margin-top: 0px !important; } /* Formidable forms - Range slider (código do Rishun L. para desabilitar o scrollbar (click event) */ @media (max-width: 768px) { input[type=range] { pointer-events: none; } input[type=range]::-webkit-slider-thumb { /*Webkit Browsers like Chome and Safari*/ pointer-events: auto; } input[type=range]::-moz-range-thumb { /*Firefox*/ pointer-events: auto; } input[type=range]::-ms-thumb { /*Internet Explorer*/ pointer-events: auto; } } /* Formidable forms - Dropdown (change dropdown arrrow - CODE DISABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) !important; } /* Formidable forms - Dropdown (change dropdown arrrow - CODE ENABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: none; } /* Formidable forms - Slider unit (change color) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_range_unit { color: white; } /* Formidable forms - Upload drop zone (change background color) */ .dz-message.needsclick { background: #1e1e1e; } /* Formidable Forms - Repeater PLUS button (add margin at right) */ a.frm_add_form_row.frm_icon_font.frm_plus_icon { margin-right: 5px; } /* Formidable Forms - Repeater icon */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_plus_icon:before { color: #c01e2e; font-weight: 600; } /* Formidable Forms - Pagination at views (active page) */ ul.frm_pagination.pagination .active a { background: #c01e2e; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) */ ul.frm_pagination.pagination a { color: white; background: #1f1f1f; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) HOVER */ ul.frm_pagination.pagination a:hover { color: #ffffff; background-color: #313131; } /* Formidable Forms - Forms that have number of an item read only field (Styling) */ .numero_programa input, .numero_modulo input, .numero_video input { background: #f5821f !important; text-align: center !important; color: black !important; font-size: 20px !important; font-weight: 900 !important; border-color: transparent !important; } /* Formidable Forms - Forms that have number of an item read only field (Styling) - Tweak for "video" */ .numero_video input { background: darkgray !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - style */ .nome_completo input[type=text] { font-size: 18px !important; background-color: #520D14 !important; text-align: center !important; padding-top: 5px !important; padding-bottom: 5px !important; color: #f7f7f7 !important; margin-bottom: 0px !important; border: none !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - remove box shadow*/ .nome_completo input[type=text]:focus { box-shadow: none !important; } /* Visual Composer (Team) - frm_total fields at forms for e-mail */ .email_completo { width: 100%; display: block; } .email_completo input[type=email] { font-size: 14px !important; color: #c0c0c0 !important; text-align: center !important; width: 100% !important; display: block; margin: 5px 0 20px !important; } /* Visual Composer (Team) - Sections that are shown with different color */ .only_administrators h3 { color: #828282 !important; border-bottom-color: #676767 !important; border-bottom-style: dashed !important; } /* Visual Composer (Team) - Sections that are shown with visibility set to administartors - repeater buttons */ .only_administrators .frm_icon_font.frm_plus_icon:before, .only_administrators .frm_icon_font.frm_minus_icon:before { color: #4c4c4c !important; } /* Formidable Forms - Dropdown autocomplete (background) */ .with_frm_style .chosen-drop { background: #1f1f1f !important; } /* Formidable Forms - Dropdown autocomplete (selected) */ .with_frm_style li.active-result.result-selected { background: #c01e2e !important; } /* Formidable Forms - Dropdown autocomplete (highlighted) */ .with_frm_style .chosen-container .chosen-results li.highlighted { background-color: #c01e2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c01e2e), color-stop(90%, #891521)); background-image: linear-gradient(#c01e2e 20%, #891521 90%); color: #fff; } /* Formidable Forms - Dropdown autocomplete (no results) */ .with_frm_style .chosen-container .chosen-results li.no-results { background: #505050 !important; } /* Formidable Forms - Dropdown autocomplete (top shadow) */ .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none !important; } /* Formidable Forms - Dropdown autocomplete - Change default placeholder text color */ .with_frm_style a.chosen-single.chosen-default span { color: #808080; } /* Formidable Forms - Dropdown autocomplete - Adjust height */ .with_frm_style a.chosen-single.chosen-default, .with_frm_style a.chosen-single.chosen-single-with-deselect { height: 32px !important; line-height: 32px !important; } /* Formidable Forms - Repeater - Remove divider between them */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_repeat_sec { border-bottom: none; } /* Formidable Forms - Uploader (Dropzone) - Remvoe extra background at bottom */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_dropzone { background-color: transparent; } /* Formidable Forms - Submit button (Font) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button { font-family: oswald; border-color: rgba(128, 128, 128, 0.5); border-style: groove; border-width: 3px; } /* Formidable Forms - Submit button (HOVER) */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover { border-width: 1px; border-color: #b7b7b7; color: #ffffff; } /* Formidable Forms - Submit button (Flexbox CENTER) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_flex { justify-content: center; } /* Formidable forms - Repeater buttons (HOVER) */ a:hover.frm_add_form_row.frm_icon_font.frm_plus_icon::before, a:hover.frm_remove_form_row.frm_icon_font.frm_minus_icon::before { color: #c1c1c1 !important; } /* Formidable forms - Error message (tweak) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style { border-width: 5px; line-height: 1.1; text-align: center; } /* Formidable forms - Primary label */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { line-height: 1.2; } /* Formidable forms - Primary label for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 15px; } } /* Formidable forms - Vertical space between fields (Mobile) */ /* @media (max-width: 768px) { .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 30px !important; } } */ /* Formidable forms - Descriptions for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_description { font-size: 12px !important; line-height: 1.1 !important; } } /* Formidable forms - class "administrator-readonly" (styling) */ .administrator-readonly input { background-image: none !important; background-repeat: no-repeat !important; background: #171717 !important; } /* Formidable forms - Before input field background */ .frm_inline_box.input-group-addon { background: #353535 !important; } /* Formidable forms - After input field text color */ .frm_inline_box.input-group-text.input-group-addon { color: white; height: 36px; } /* --------------------------------------- */ /* AREAVIP & TEAM (All forms) */ /* --------------------------------------- */ /* Formidable Forms - Team - field */ .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 10px; } /* Formidable Forms - Team - labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 14px; padding: 0 0 5px 0; } /* Formidable Forms - Team - radio buttons and checkboxes */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox label { font-size: 14px; } /* Formidable Forms - Team - headings */ .page-areavip .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { padding: 5px 0 3px 0; font-size: 20px; } /* Formidable Forms - Team - toggle */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_switch_opt { font-size: 14px; } /* Formidable Forms - Team - input text */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number] .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=phone], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select, .frm_style_thiago-varella-dark-v2.with_frm_style textarea, .frm_form_fields_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-single .chosen-single { font-size: 14px; } /* Formidable Forms - Team - input size */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=file], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select { height: 32px; line-height: 1.3; margin-bottom: 5px; } /* Formidable Forms - Team - range slider (my custom text) */ .frm_range_container span { font-size: 16px !important; } /* Formidable Forms - Team - Remove spaces betwwen repeaters */ .page-areavip .frm_repeat_sec { margin-bottom: 0px !important; margin-top: 0px !important; } /* Formidable Forms - Team - Decrease space betwwen vertical checkboxes and radion buttons */ .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox+.frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio+.frm_radio { line-height: 1; } /* --------------------------------------- */ /* Filters */ /* --------------------------------------- */ /* Formidable Forms - Filters (border and padding) */ .form_filter fieldset { /* padding-top: 0px !important; */ border-color: #c01e2e !important; border-width: 1px !important; } /* Formidable Forms - Filters (move submit button up) */ .form_filter .frm_submit { margin-bottom: -39px !important; } /* Formidable Forms - Filters (change submit button height */ .form_filter .frm_final_submit { font-size: 14px !important; height: 34px !important; } /* Formidable Forms - Toggle 'Arquivar' (Hide off option) */ .frm_filter_arquivar span.frm_off_label.frm_switch_opt { display: none; } /* Formidable Forms - Toggle 'Arquivar' (remove margin bottom) */ .frm_filter_arquivar { margin-bottom: 0px !important; } /* Formidable Forms - Team - All toggles (main color) */ .page-team input:checked+.frm_slider { background-color: #c01e2e !important; } /* Remove extra margin from headings */ .form_filter .form-field.frm_section_heading { margin-bottom: 0 !important; } /* Hide field name that i am passing inside description at filters to devika's code */ .form_filter .frm_description .param { display: none !important } .reset-filter { margin: 10px 0; } #view-data { min-height: 200px; transition: opacity .12s } #view-data.doing-ajax { position: relative; overflow: hidden; } #view-data.doing-ajax>* { pointer-events: none; opacity: .26 } #view-data.doing-ajax:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: wait; } #view-data.doing-ajax .ajax-loader { position: absolute; z-index: 20; left: 50%; top: 80px; transform: translate(-50%, 0%); display: block; opacity: 1 } #view-data:not(.doing-ajax) .ajax-loader { display: none !important } /* --------------------------------------- */ /* Fitness Consulting Form */ /* --------------------------------------- */ /* Range slider - altura (acrescentar "m") */ #frm_field_563_container span.frm_range_value:after { content: ' m'; } /* Range slider - peso (acrescentar "kg") */ #frm_field_562_container span.frm_range_value:after { content: ' kg'; } /* Range slider - percentual de gordura (acrescentar "%") */ #frm_field_564_container span.frm_range_value:after { content: ' %'; } /* Range slider - Quantos meses sem fazer musculação (acrescentar "meses") */ #frm_field_571_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos meses já praticou (acrescentar "meses") */ #frm_field_568_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos dias na semana pode treinar (acrescentar "dias") */ #frm_field_579_container span.frm_range_value:after { content: ' dias'; } /* Extra space between some fields and next field */ #frm_field_conf_553_container, #frm_field_conf_554_container, #frm_field_517_container, #frm_field_518_container, #frm_field_553_container, #frm_field_1318_container, #frm_field_591_container, #frm_field_520_container, #frm_field_1080_container, #frm_field_1565_container, #frm_field_521_container, #frm_field_530_container, #frm_field_561_container, #frm_field_1631_container, #frm_field_1632_container, #frm_field_565_container, #frm_field_573_container, #frm_field_568_container, #frm_field_572_container, #frm_field_536_container, #frm_field_562_container, #frm_field_531_container, #frm_field_2163_container, #frm_field_2167_container, #frm_field_2164_container, #frm_field_2168_container { margin-bottom: 30px !important; } /* Extra space between some fields and previous field */ #frm_field_1565_container, #frm_field_1811_container { margin-top: 30px !important; } /* Star rating - Cerveja/Beer (acertar largura e altura) */ .frm-star-group .star-rating, .frm-star-group input+label { width: 35px !important; height: 36px !important; font-size: 36px !important; } /* Star rating - Cerveja/Beer (diminuir o espaço entre as cervejas) */ .frm-star-group .star-rating, .frm-star-group input+label { margin-right: 5px; } /* Star rating - Cerveja/Beer (cheia) */ .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before, .frm-star-group input+label:hover:before, .frm-star-group:hover input+label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-full.png) !important; } /* Star rating - Cerveja/Beer (vazia) */ .frm-star-group input+label:before, .frm-star-group .star-rating:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-empty.png); } /* Star rating - Adjust for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_567_container .star-rating, #frm_field_567_container input+label { width: 30px !important; } } /* Optionbox - Sexo (criei classe "option_sexocartoon" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_sexocartoon { padding-left: 40px; } /* Optionbox - EMOJIS (centralizar tudo) */ div#frm_field_582_container { text-align: center; } #frm_field_582_container label.frm_primary_label.control-label { text-align: center !important; } /* Optionbox - EMOJIS (diminuir espaço entre os emojis) */ #frm_field_582_container .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_checkbox, .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1 { display: inline-block; margin-left: 0px; padding-left: 0px; } /* Optionbox - EMOJIS (criei classe "option_emoji" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_emoji { padding-left: 15px; } /* E-mail (campos secundários e original do team) - ajustar distância vertical entre estes dois campo no mobile */ @media (max-width: 768px) { #frm_field_1077_container { margin-bottom: 10px !important; } } /* Objetivos - Border at images */ #frm_field_578_container img { border-width: 1px; border-color: #737373; border-style: solid; margin-top: 5px; } /* Objetivos - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_578_container img { width: 120px; } } /* Objetivos - Resize checkbox labels - MOBILE */ @media (max-width: 768px) { #frm_field_578_container .frm_checkbox label { font-size: 15px; } } /* Objetivos - checkbox labels */ #frm_field_578_container .frm_checkbox label { padding-left: 0px; } /* Objetivos - Increase vertical space between checkboxes */ #frm_checkbox_578-588-2, #frm_checkbox_578-588-3 { margin-top: 20px; margin-bottom: 20px; } /* Error message fix (Objetivos) */ #frm_field_578_container .frm_error { display: inline-block; } /* Toggle whatsapp (add icon) */ #frm_field_1565_container .frm_on_label.frm_switch_opt:after { content: '\f232'; font-family: FontAwesome; color: #52ce5f; margin-left: 5px; } /* Toggle whatsapp (adjust vertical space) - MOBILE */ @media (max-width: 768px) { #frm_field_1565_container { margin-bottom: 10px; } } /* Whatsapp phone field (margin bottom) - DESKTOP & MOBILE */ #frm_field_1566_container, #frm_field_1748_container { margin-bottom: 20px !important; } /* Whatsapp phone field (increase input text size) - MOBILE */ @media (max-width: 768px) { #frm_field_1566_container input, #frm_field_1748_container input { font-size: 18px; } } /* Whatsapp phone field (change color while typing) */ @media (max-width: 768px) { #frm_field_1566_container :invalid, #frm_field_1748_container:invalid { color: #e0e0e0 !important; } } /* Histórico e restrições (text area) */ #frm_field_539_container textarea, #frm_field_533_container textarea { background: url(/wp-content/uploads/webqualitat/background-typing.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #1e1e1e; line-height: 1.1; } /* Nutricionista */ #frm_field_566_container .frm_on_label:after { content: '\f0f5'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Fumante */ #frm_field_574_container .frm_on_label:after { content: '\f06d'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Bebida */ #frm_field_575_container .frm_on_label:after { content: '\f0fc'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Mailster tags (multiple select dropdown) */ #frm_field_1701_container select { height: 64px; } /* Fix section vertical margin */ #frm_form_55_container h3.frm_pos_top.frm_section_spacing { margin-bottom: 20px !important; } /* Fix section bottom margin */ #frm_form_55_container .form-field.frm_section_heading { margin-bottom: 0px !important; } /* Histórico field - placeholder dimmed */ #frm_field_539_container textarea::placeholder { color: #97926f; } /* Histórico field - label style */ #frm_field_539_container .frm_primary_label { font-weight: 600; color: white; text-transform: uppercase; } /* --------------------------------------- */ /* Subscription plan calculator */ /* --------------------------------------- */ /* Optionbox - Planos (criei classe "option_plano" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário, e acertar tamanho dos ícones) */ .option_plano { font-size: 48px; color: #f5821f; padding-left: 30px; } @media (max-width: 768px) { .option_plano { padding-left: 20px; } } /* Campos que não tenham optionbox vertical (centralizar) */ div#frm_field_696_container, div#frm_field_700_container, div#frm_field_712_container { text-align: center; } /* Campo que tem optionbox vertical (centralizar) */ div#frm_field_291_container { margin-left: auto; margin-right: auto; width: 50% !important; } /* Campo que tem optionbox vertical (centralizar) - ajuste para mobile */ @media (max-width: 768px) { div#frm_field_291_container { width: 80% !important; } } /* Form of payment block - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { div#frm_field_291_container { width: 90% !important; } } /* Optionbox - Planos (diminuir espaço entre os emojis no mobile) */ @media (max-width: 768px) { #frm_field_696_container .frm_radio label { padding-left: 0px !important; } } /* Optionbox - Planos [número de meses] (acertar o estilo) */ .option_plano_meses { color: #b3b3b3; text-decoration: overline; padding-top: 10px; font-style: italic; padding-left: 25px; } @media (max-width: 768px) { .option_plano_meses { padding-left: 15px; } } /* Optionbox - Pagamento (criei classe "option_pagamento" para ajustar espaços em relação ao radiobutton, e acertar tamanho dos ícones) */ .option_pagamento { font-size: 24px; color: #f5821f; padding-left: 10px; } /* Section - Todas as seções com a linha inferior suavizada e margem inferior maior, fonte ajustada */ #frm_form_30_container .form-group { margin-bottom: 0 !important } #frm_form_30_container h3.frm_pos_top.frm_section_spacing { border-bottom-color: #616161 !important; margin-bottom: 20px !important; font-size: 23px; line-height: 1.1; } /* HTML - Todos os campos HTML deste formulário */ #frm_form_30_container .frm_form_field.frm_html_container.form-field { line-height: 1.5; } /* Button "Faça seu pedido" (make font bigger) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 20px; } /* Button "Faça seu pedido" - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 18px !important; } } /* Buttons "Continuar" (Insert right arrow icon) */ #frm_form_30_container .frm_page_num_1 button.frm_button_submit.btn.btn-default::after, #frm_form_30_container .frm_page_num_2 button.frm_button_submit.btn.btn-default::after { content: '\f138'; font-family: fontawesome; display: inline-block; margin-left: 10px; } /* Button "Faça seu pedido" (Insert "add to cart" icon) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit::before { display: inline-block; font-family: FontAwesome; color: #ffffff; content: "\f218"; margin-right: 10px; } /* Line dividing payment methods section from form of payments */ #frm_field_291_container { border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 15px; border-bottom-color: #5a5a5a; } /* Rootline */ #frm_form_30_container .frm_rootline .frm_current_page input[type="button"] { border-color: #ffffff; background-color: #252525 !important; color: #ffffff; border-width: 1px; } /* Calculator border */ #frm_form_30_container .frm_form_fields>fieldset { border-color: #c7c7c7; border-width: 3px; } /* Page 3 with summary - block of form of payment for very small devices (Mobile) */ @media (max-width: 360px) { #frm_field_715_container { font-size: 13px; } } /* --------------------------------------- */ /* Training request */ /* --------------------------------------- */ /* File upload (text) */ #frm_field_1277_container span.frm_upload_text { font-size: 14px; } /* File upload (instructions) */ #frm_field_1277_container .frm_small_text { display: none; } /* File upload (paddings) */ #frm_field_1277_container .dz-message.needsclick { padding: 5px; } /* File upload (icon) */ #frm_field_1277_container .frm_upload_icon:before { font-size: 18px; } /* E-mail marketing 1st checkbox (label) */ #frm_checkbox_1387-1385-0 label { padding-left: 0px; } /* E-mail marketing 1st checkbox (checkbox) */ #frm_checkbox_1387-1385-0 { padding-left: 0px; } /* --------------------------------------- */ /* Training request fiter */ /* --------------------------------------- */ /* Collapsible Section styling H3 text */ #form_jjjcq224223 .frm_section_heading h3 { padding: 0px; font-size: 16px; margin-bottom: 0px !important; font-family: Lato !important; color: #f5821f; border-bottom: none; } /* ------------------------------------------ */ /* Training request fiter (CSV Export list) */ /* ------------------------------------------ */ /* Dropdowns with multiple selection (i disabled here cause need to make filter work as expected) */ #frm_field_1330_container select, #frm_field_1331_container select, #frm_field_1338_container select { /* height: 76px; */ } /* --------------------------------------- */ /* Training request interaction box */ /* --------------------------------------- */ /* Adjust spaces betwwen these repeater */ #frm_form_83_container .frm_repeat_sec { padding-bottom: 5px; } /* Frame */ #frm_form_83_container fieldset { border-width: 1px; border-style: dashed; border-color: #a9a9a9; } /* Labels */ #frm_form_83_container .frm_primary_label { font-size: 14px; } /* Dropdown */ #frm_form_83_container select { height: 32px !important; font-size: 14px !important; } /* Rich text */ #frm_form_83_container textarea.wp-editor-area { font-size: 14px !important; } /* Text */ #frm_form_83_container input[type="text"] { height: 32px !important; font-size: 14px !important; } /* Submit button */ #frm_form_83_container .frm_submit button { height: 38px !important; } /* --------------------------------------- */ /* Trainings */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1145-1001-i14960_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programming */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1220_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programs */ /* --------------------------------------- */ /* Dropdown autocomplete (Instructions) - DESKTOP */ @media (min-width: 768px) { #frm_field_781_container a.chosen-single.chosen-single-with-deselect, #frm_field_781_container .frm_dynamic_select_container { width: 512px !important; } } /* Dropdown autocomplete (Exercise & Exercise notes) - DESKTOP */ @media (min-width: 768px) { #frm_field_795_container a.chosen-single.chosen-single-with-deselect, #frm_field_795_container .frm_dynamic_select_container, #frm_field_798_container a.chosen-single.chosen-single-with-deselect, #frm_field_798_container .frm_dynamic_select_container, #frm_field_808_container a.chosen-single.chosen-single-with-deselect, #frm_field_808_container .frm_dynamic_select_container, #frm_field_818_container a.chosen-single.chosen-single-with-deselect, #frm_field_818_container .frm_dynamic_select_container, #frm_field_828_container a.chosen-single.chosen-single-with-deselect, #frm_field_828_container .frm_dynamic_select_container, #frm_field_838_container a.chosen-single.chosen-single-with-deselect, #frm_field_838_container .frm_dynamic_select_container { width: 599px !important; } } /* --------------------------------------- */ /* Sequences */ /* --------------------------------------- */ /* Dropdown autocomplete (Programs) - DESKTOP */ @media (min-width: 768px) { #frm_field_855_container a.chosen-single.chosen-single-with-deselect, #frm_field_855_container .frm_dynamic_select_container { width: 645px !important; } } /* --------------------------------------------- */ /* Programmings - AreaVIP programs (weight box) */ /* --------------------------------------------- */ /* Number of series (Styling) */ .numero_serie input { background: #f5812f !important; text-align: center !important; color: black !important; font-size: 14px !important; font-weight: 900 !important; border-color: transparent !important; border-radius: 10px !important; } /* All fields that have 1/3 CSS --------- FIX THIS WITH DEVIKA */ #form_programmings-areavipprogramsweightbox .frm_form_field.frm_third { width: 30% !important; clear: none !important; float: left !important; margin-left: 5px !important; margin-bottom: 0px !important; } /* All repeatable sections of this form (remove bottom padding) */ #form_programmings-areavipprogramsweightbox .frm_repeat_sec { padding-bottom: 0px !important; } /* Change submit button height of this form */ #form_programmings-areavipprogramsweightbox button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 14px; height: 34px !important; } /* --------------------------------------- */ /* Trainings filter */ /* --------------------------------------- */ /* Hide Dropdown autocomplete placeholder text */ #frm_field_1020_container a.chosen-single.chosen-default span, #frm_field_1264_container a.chosen-single.chosen-default span { display: none !important; } /* --------------------------------------- */ /* Templates */ /* --------------------------------------- */ /* MCE Editor (Top margin) */ #frm_field_487_container { margin-top: 30px; } /* --------------------------------------- */ /* Templates filter */ /* --------------------------------------- */ /* Padrão field checkboxes (left margin) */ #frm_field_915_container { margin-left: 0px; } /* --------------------------------------- */ /* Interactions */ /* --------------------------------------- */ /* Nome da interação (margem inferior) */ #frm_field_436_container { margin-bottom: 20px; } /* MCE Editor (Top margin) */ #frm_field_437_container { margin-top: 20px; } /* Nome do código PHP (Before input) */ #frm_field_1664_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* Nome do código PHP (margem inferior) */ #frm_field_1670_container { margin-bottom: 20px; } /* --------------------------------------- */ /* Nutrition form */ /* --------------------------------------- */ /* Metas - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_1391_container img { width: 120px; } } /* Histórico (Anotações) - Fix size when form is at landing page (DESKTOP) */ @media (min-width: 768px) { .page-id-105611 .frm_field_1457_container { width: 475px !important; } } /* Metas - Remove extra space at checkoxes */ #frm_field_1391_container .frm_checkbox label { padding-left: 0px; } /* Metas - Space between checkboxes */ #frm_checkbox_1391-1389-2, #frm_checkbox_1391-1389-3 { margin-top: 10px; } /* Extra space between some fields and previous field (large space) */ #frm_field_1403_container, #frm_field_1429_container, #frm_field_1410_container { margin-top: 30px; } /* (!!! IT'S A CLASS !!!) Extra space between some fields and previous field (large space) - inside repeater (MOBILE) */ @media (max-width: 768px) { .frm_field_1445_container { margin-top: 0px; } } /* Extra space between some fields and previous field (small space) */ #frm_field_1428_container { margin-top: 15px; } /* Repeater icons with text (style) */ #frm_field_1441_container a.frm_add_form_row.frm_button, #frm_field_1441_container a.frm_remove_form_row.frm_button { height: 35px !important; background: transparent !important; border-color: #c01e2e !important; border-width: 3px !important; border-style: groove !important; padding-top: 5px !important; padding-bottom: 2px !important; padding-left: 8px !important; padding-right: 8px !important; margin-right: 5px !important; } /* Repeater icons with text (space) */ #frm_field_1441_container .frm_repeat_buttons { margin-top: 20px; } /* Suplementação checkboxes (MOBILE) very small devices */ @media (max-width: 360px) { #frm_field_1520_container .frm_checkbox { width: 70%; } } /* Suplementação checkboxes (items) */ #frm_field_1522_container label { padding-left: 0px !important; } /* Suplementação checkboxes (title) */ #frm_field_1522_container .frm_primary_label { margin-bottom: 5px; } /* Suplementação checkboxes (description) */ #frm_field_1522_container .frm_description { padding-top: 8px !important; } /* Fullname */ #frm_field_1392_container { margin-bottom: 0px !important; } /* E-mail */ #frm_field_1393_container { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Nutrition request form */ /* ----------------------------------------------- */ /* Draft button - Set style */ #frm_form_115_container a.frm_save_draft { font-size: 20px; font-weight: 600; display: block; } /* Documento principal (dropdown) */ #frm_field_1561_container { margin-bottom: 20px !important; } /* Documentos adicionais (checkboxes) */ #frm_field_1562_container .frm_checkbox label { padding-left: 0px !important; } /* ----------------------------------------------- */ /* Affiliates form */ /* ----------------------------------------------- */ /* Less margin at description */ #frm_form_129_container .frm_form_field input[type=text] { margin-bottom: 5px !important; } /* More margin between fields (only inside sections) */ #frm_field_1867_container .form-field, #frm_field_1859_container .form-field, #frm_field_1890_container .form-field, #frm_field_1822_container .form-field, #frm_field_1870_container .form-field, #frm_field_1875_container .form-field, #frm_field_1877_container .form-field, #frm_field_1825_container .form-field, #frm_field_1819_container .form-field { margin-bottom: 20px !important; } /* sections */ #frm_form_129_container h3.frm_pos_top { padding-top: 0px !important; } /* Social network repeater */ #frm_field_1905_container { margin-bottom: 20px !important; } /* Cupom repeater */ #frm_field_1912_container { margin-bottom: 20px !important; } /* Fullname */ div#frm_field_1817_container { margin-bottom: 0px !important; } /* E-mail */ div#frm_field_1818_container { margin-bottom: 0px !important; } /* remove top space of social networks repeater repeater */ #frm_field_1905_container { margin-top: 0px; } /* Hide social networks repeater header */ #frm_field_1905_container h3.frm_pos_top.frm_section_spacing { display: none; } /* Fix height of add and remove buttons of repeater */ #frm_form_129_container a.frm_add_form_row.frm_button, #frm_form_129_container a.frm_remove_form_row.frm_button { height: auto !important; padding-top: 5px; padding-bottom: 8px; border-radius: 5px; } /* More vertical top margin for buttons of repeater */ #frm_form_129_container .frm_form_field.frm_hidden_container.frm_repeat_buttons { margin-top: 10px; } /* Bank info at mobile */ @media (max-width: 768px) { #frm_field_1861_container { grid-column: span 5 / span 6 !important; } #frm_field_1862_container { grid-column: span 7 / span 6 !important; } #frm_field_1863_container { grid-column: span 5 / span 6 !important; } #frm_field_1864_container { grid-column: span 7 / span 6 !important; } } /* Signature adjust line (mobile) */ @media(max-width:768px) { .frm-typed-drawline { width: 90% !important; left: 17px !important } } /* Remove bottom margin from repeater buttons */ #frm_field_1905_container .frm_repeat_sec { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Whatsapp phone field (icon inside input) */ #frm_field_1653_container input { font-size: 18px; width: fit-content; } /* SMS phone field (icon inside input) */ #frm_field_1654_container input { font-size: 18px; width: fit-content; } /* E-mail field (font size) */ #frm_field_1655_container input { font-size: 18px; } /* Change size (primary label) */ #frm_form_121_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } /* Change size (submit button) */ #frm_form_121_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Change size (radio buttons with images) */ #frm_form_121_container .frm_radio.frm_image_option { --image-size: 100px; } /* Get login code (icon beside submit) */ #frm_form_121_container .form-group.frm_submit { background-image: url(/wp-content/uploads/webqualitat/icon-login-getcode.png); background-position-x: 11px; background-position-y: -1px; background-size: 72px; background-repeat: no-repeat; margin-bottom: 10px !important; height: 79px; } /* Add space below question */ #field_385l2_label { margin-bottom: 30px; } /* Image selector border */ #frm_form_121_container .frm_image_options .frm_image_option_container:hover, #frm_form_121_container input[type=radio]:checked+.frm_image_option_container, #frm_form_121_container input[type=checkbox]:checked+.frm_image_option_container { border-color: #c01e2f; box-shadow: 0 0 2px 3px rgb(192 30 47 / 56%); } /* Image selector checkmark */ #frm_form_121_container .frm_image_option_container .frm_selected_checkmark svg { fill: #c01e2f; width: 24px; height: 24px; } /* Temporary fix for height of radio images */ #frm_form_121_container .frm_image_option_container.frm_label_with_image { height: 136px; } /* Temporary fix to center radio images */ #frm_form_121_container .frm_image_options .frm_opt_container { margin: 0 auto; } /* ----------------------------------------------- */ /* Login-Authenticate form */ /* ----------------------------------------------- */ /* Change size (primary label) */ #frm_form_122_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } #frm_field_1659_container label { text-align: center; margin-bottom: 10px; } /* SMS code field (font size) */ #frm_field_1659_container input { font-size: 35px; height: 60px; } #frm_field_1659_container .frm_input_group { margin: 0 auto; } /* Submit button (change size) */ #frm_form_122_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Submit button (awesome icon) */ #frm_form_122_container .frm_submit button:before { content: 'tt'; content: '\f138'; font-size: 24px; margin-right: 9px; font-family: FontAwesome; } /* Checkbox to add phone to form (resize) */ #frm_field_1661_container input { transform: scale(1.5); } /* Checkbox to add phone to form (color) */ #frm_field_1661_container label { color: #d2d2d2; } /* ----------------------------------------------- */ /* Automations form */ /* ----------------------------------------------- */ /* Nome do código PHP (Before input) */ #frm_field_1670_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* ----------------------------------------------- */ /* Mailster subscriber form */ /* ----------------------------------------------- */ /* Form inline - Adjust form size at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline { width: 70%; margin: 0 auto; } } /* Form inline & landing - Adjust name and email field to small width at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline #frm_field_1702_container, .mailster_subscriber_form_inline #frm_field_1703_container, .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { width: 80% !important; margin: 0 auto !important; } } /* Form landing - Adjust fields vertical bottom space (DESKTOP) */ @media (min-width: 768px) { .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { padding-bottom: 20px; } } /* Adjust name and email height to be same as prefix icon */ #frm_field_1702_container input, #frm_field_1703_container input { margin-bottom: 0px !important; } /* Set style for header text */ #frm_field_1728_container { font-size: 20px; text-align: center; font-family: 'Oswald'; color: #ffffff; border: none; font-weight: 500; text-transform: uppercase; background: rgb(248 130 31 / 27%); padding: 5px; } /* Form (sidebar & inline) Set more vertical space for header text */ .mailster_subscriber_form_sidebar #frm_field_1728_container, .mailster_subscriber_form_inline #frm_field_1728_container { margin-bottom: 20px; } /* Add checkmark icon at message submit */ #frm_form_127_container .frm_message>p:after { content: "\f058"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-left: 5px; } /* Submit button (all forms) */ .mailster_subscriber_form_landing .frm_button_submit, .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { font-size: 26px !important; font-weight: 500 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; text-transform: uppercase !important; background: rgb(192 30 46 / 77%) !important; border-color: #b5b5b5 !important; border-style: groove !important; } /* Submit button (landing) */ .mailster_subscriber_form_landing .frm_button_submit { border-width: 5px !important; height: 58px !important; } /* Submit button (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing .frm_button_submit { margin-top: 20px !important; } } /* Submit button (sidebar & inline) */ .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { border-width: 4px !important; font-weight: 600 !important; font-size: 18px !important; } /* Submit button (inline) */ .mailster_subscriber_form_inline .frm_button_submit { margin-top: 20px !important; } /* labels (all) */ .mailster_subscriber_form_landing .frm_primary_label, .mailster_subscriber_form_sidebar .frm_primary_label, .mailster_subscriber_form_inline .frm_primary_label { text-align: center !important; font-weight: 700 !important; color: white !important; font-size: 17px !important; } /* Forms (all) - input fields */ .mailster_subscriber_form_landing input, .mailster_subscriber_form_sidebar input, .mailster_subscriber_form_inline input { background: rgb(30 30 30 / 82%) !important; } /* Forms (all) */ .mailster_subscriber_form_landing fieldset, .mailster_subscriber_form_sidebar fieldset, .mailster_subscriber_form_inline fieldset { border-width: 2px !important; border-color: #f5821f !important; border-radius: 25px !important; background: rgb(192 30 47 / 26%) !important; margin-top: 30px !important; margin-bottom: 30px !important; background-image: url(/wp-content/uploads/2019/04/Caricatura-site-mobile-shift.png) !important; background-repeat: no-repeat !important; } /* Form (landing) */ .mailster_subscriber_form_landing fieldset { border-style: double !important; padding: 15px !important; background-position: right -17px bottom -6px !important; box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05) !important; } /* Form (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing fieldset { padding-top: 30px !important; padding-bottom: 30px !important; } } /* Form (sidebar) */ .mailster_subscriber_form_sidebar fieldset { border-style: dashed !important; padding: 25px 5px 51px 5px !important; background-position: right -17px bottom -12px !important; } /* Form (inline) */ .mailster_subscriber_form_inline fieldset { border-style: dashed !important; padding: 30px 5px !important; background-position: right -17px bottom -12px !important; } .frm_primary_label { cursor: pointer; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Vertical margin for option box section */ #frm_field_1767_container { margin-bottom: 0px !important; } /* Vertical margin for enter number or email section */ #frm_field_1769_container { margin-bottom: 0px !important; } /* Style for methods option boxe selected (border and background) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container { border-width: 3px; background: #424242; } /* Style for methods option boxe selected (bold) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container span.frm_text_label_for_image_inner { font-weight: 700; } /* Devika's code */ #frm_form_121_container { overflow: hidden } #form_login h3 { line-height: 25px; padding-bottom: 10px; } #form_login h3, #form_login h3+.frm_description { text-align: center !important } #form_login .frm_form_fields { margin-bottom: 0 !important } #form_login #frm_field_1782_container, #form_login #frm_field_1785_container { user-select: none; cursor: default } #form_login #frm_field_1782_container [readonly], #form_login #frm_field_1785_container [readonly] { pointer-events: none !important; } #form_login #frm_field_1782_container [readonly]:focus, #form_login #frm_field_1785_container [readonly]:focus { box-shadow: none !important; border-color: var(--border-color-disabled) !important } #form_login #frm_field_1652_container .frm_radio { margin: 5px !important; user-select: none } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark { left: 50%; top: 100%; transform: translate(-50%, -2px) } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark svg { transform: scale(1.3); } #form_login #frm_field_1652_container .frm_label_with_image { display: block; text-align: center; color: #fff !important } #form_login #frm_field_1652_container .frm_label_with_image img { display: block; margin-bottom: 5px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_2169_container, #form_login #frm_field_2170_container, #form_login #frm_field_2171_container, #form_login #frm_field_2172_container { margin: 0 auto; width: auto !important } #form_login #frm_field_2169_container select, #form_login #frm_field_2169_container .frm_slimselect, #form_login #frm_field_2170_container select, #form_login #frm_field_2170_container .frm_slimselect, #form_login #frm_field_2171_container select, #form_login #frm_field_2171_container .frm_slimselect, #form_login #frm_field_2172_container select, #form_login #frm_field_2172_container .frm_slimselect { width: 250px; margin-bottom: 10px; } #form_login #frm_field_2169_container .ss-arrow, #form_login #frm_field_2170_container .ss-arrow, #form_login #frm_field_2171_container .ss-arrow, #form_login #frm_field_2172_container .ss-arrow { margin-bottom: auto; } #form_login #frm_field_1767_container .frm_opt_container { text-align: center; display: flex; align-content: center; justify-content: center; } #form_login #frm_field_1767_container .frm_text_label_for_image_inner { color: #fff !important } #form_login #frm_field_1760_container { background: url(/wp-content/uploads/webqualitat/locker-otp-login.png) 50% 0% no-repeat; width: 250px !important; height: 357px !important; display: block; margin: 0 auto 40px !important; position: relative; } #form_login #frm_field_1760_container>label, #form_login #frm_field_1760_container .input-group-addon { display: none } #form_login #frm_field_1760_container .frm_input_group { position: absolute; left: 33px; bottom: 80px; display: block; width: 190px; overflow: hidden; } #form_login #frm_field_1760_container .form-control { display: none } #form_login #frm_field_1760_container .frm_description { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; text-align: center; font-weight: 600; font-style: normal; color: #F1F1F1; } #form_login #frm_field_1760_container.has-error .frm_description { display: none } #form_login #frm_field_1760_container .frm_error { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; text-align: center; min-height: 40px } #form_login #frm_field_1760_container #otp { display: flex; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 85px; font-family: Oswald; font-size: 60px; line-height: 60px; } #form_login #frm_field_1760_container #otp>input { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border: 2px solid #c01e2f; font-family: Oswald; font-size: 45px; line-height: 45px; height: 80px; margin: 0 1px; text-align: center; background: rgba(0, 0, 0, .7); transition: 0.3 ease; box-shadow: inset rgba(0, 0, 0, .8) 2px 3px 8px } #form_login #frm_field_1760_container #otp>input::-webkit-outer-spin-button, #form_login #frm_field_1760_container #otp>input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #form_login #frm_field_1760_container #otp>input:focus { background: #000; } #form_login #frm_field_1801_container { text-align: center; line-height: 1.2; } #form_login .frm_submit { margin-top: 20px !important; } #frm_form_121_container .frm_message { border: 0 !important; margin: 0 !important } @media(max-width:768px) { #form_login h3 { padding-top: 0px !important; } #form_login #frm_field_1652_container .frm_radio { margin: 3px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_1655_container { margin-bottom: 10px !important } #form_login #frm_field_1794_container { margin-bottom: 10px !important; } #form_login #frm_field_1773_container, #form_login #frm_field_1775_container { margin-bottom: 0 !important } } @media(max-width:640px) { #form_login h3 { font-size: 18px !important } #form_login #frm_field_1652_container { margin-bottom: 20px !important } #form_login #frm_field_1652_container .frm_opt_container .frm_radio { width: 30% !important } #form_login #frm_field_1652_container .frm_label_with_image { height: auto; padding: 0 0 5px } #form_login #frm_field_1652_container .frm_label_with_image img { object-fit: fill; height: auto } #form_login #frm_field_1760_container { transform: scale(0.65); margin-top: -50px !important; margin-bottom: -50px !important; } #form_login #frm_field_1760_container .frm_description { font-size: 16px; } #form_login #frm_field_1794_container { margin-top: 0 !important; } } #login_overlay { font-family: Oswald; } #login_overlay .popup-box { max-width: 350px; border-radius: 4px } #login_overlay .popup-header { text-align: center; font-size: 35px; font-weight: 700; margin-top: -50px } #login_overlay .popup-header:before { content: ''; background: url(/wp-content/uploads/webqualitat/icon-login-warning.png) 50% 50% / cover no-repeat; display: block; width: 70px; height: 70px; margin: 0 auto; transform: translateY(-10px); } #login_overlay .popup-content { font-size: 18px; line-height: 22px; font-weight: 400; text-align: center } #login_overlay .popup-footer { text-align: center } #login_overlay .popup-footer .popup-close { background: #FE3135; border: 1px solid #FE3135; border-radius: 4px; padding: 10px 15px; font-weight: 500 } #login_overlay .popup-footer .popup-close .fa-window-close { background: #fff; font-size: 20px; line-height: 8px; color: #000; display: inline-block; margin-right: 5px; transform: translatey(1px) } /* ----------------------------------------------- */ /* Process GPT form */ /* ----------------------------------------------- */ /* Fix color of hours suffix and color */ #frm_field_1951_container .frm_inline_box { color: white !important; height: 36px; } /* Fix submit button size and position */ #form_gpt_process_filter .frm_submit{ margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } #form_gpt_process_filter button.frm_button_submit.btn.btn-secondary.frm_final_submit { margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } /* ----------------------------------------------- */ /* Video sequences */ /* ----------------------------------------------- */ /* Adjust "Selecionar módulos" and "Selecionar Vídeos" repeater rows vertical distance */ #frm_field_2110_container .frm_repeat_sec, #frm_field_2021_container .frm_repeat_sec { margin-top: 3px !important; margin-bottom: 0px !important; } /* FIX DEVIKA */ #frm_form_55_container .frm_submit { text-align: center }.frm_style_formidable-style-2.with_frm_style { } /* Prefix */ .frm_style_formidable-style-2.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_formidable-style-2.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #dddddd; border-color: #dfdfdf; opacity:1; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line input, .frm_style_formidable-style-2.with_frm_style .frm_progress_line input:disabled { border-color: #dfdfdf; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #cbcbcb; border-right-color: #cbcbcb; border-left-width: 1px ; border-right-width: 1px ; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line li:first-of-type input { border-left-color: #7B131E; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #7B131E; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #dfdfdf; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #dfdfdf; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #cbcbcb; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line input.frm_page_back { border-color: #7B131E; } .frm_style_formidable-style-2.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #7B131E; border-right-color: #cbcbcb; } .frm_style_formidable-style-2.with_frm_style .frm_rootline input, .frm_style_formidable-style-2.with_frm_style .frm_rootline input:hover { width: 30px; height: 30px; border-radius: 30px; padding: 0; } .frm_style_formidable-style-2.with_frm_style .frm_rootline .frm_current_page input[type="button"], .frm_style_formidable-style-2.with_frm_style .frm_page_bar input.frm_rootline_show_more_btn.active { border-color: #67000a !important; background-color: #7B131E !important; color: #ffffff !important; } .frm_style_formidable-style-2.with_frm_style .frm_rootline.frm_no_numbers input.frm_rootline_show_more_btn.active { border-color: #67000a; background-color: #7B131E; color: #ffffff!important; } .frm_style_formidable-style-2.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #7B131E; } /* Start Range slider */ .frm_style_formidable-style-2.with_frm_style input[type=range]::-webkit-slider-thumb { border: 2px solid #7B131E;color:#ffffff;} .frm_style_formidable-style-2.with_frm_style input[type=range]::-moz-range-thumb { border: 2px solid #7B131E;color:#ffffff;} .frm_style_formidable-style-2.with_frm_style input[type=range]::-ms-thumb { border: 2px solid #7B131E;color:#ffffff;} /* End Range Slider */ /* Start other fields */ .frm_style_formidable-style-2.with_frm_style input.frm_other_input:not(.frm_other_full){ width:auto ; } .frm_style_formidable-style-2.with_frm_style .frm_checkbox input.frm_other_input:not(.frm_other_full), .frm_style_formidable-style-2.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full){ margin-left:5px; } .frm_style_formidable-style-2.with_frm_style .horizontal_radio input.frm_other_input:not(.frm_other_full):not(.frm_pos_none) { display:inline-block; } .frm_style_formidable-style-2.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-2.with_frm_style span.frm-pass-verified .frmsvg { color:#444444; } .frm_style_formidable-style-2.with_frm_style span.frm-pass-req .frmsvg { color:#ffffff; } /* End Password field */ /* Sections */ .frm_style_formidable-style-2.with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ border-bottom:1px solid #ded3d3; } .frm_style_formidable-style-2.with_frm_style h3 .frm_after_collapse{ display:inline; } .frm_style_formidable-style-2.with_frm_style h3 .frm_before_collapse{ display:none; } .menu-edit #post-body-content .frm_style_formidable-style-2.with_frm_style .frm_section_heading h3[class*="frm_pos_"]{ margin:0; } .frm_style_formidable-style-2.with_frm_style .frm_section_heading{ margin-top:15px; } .frm_style_formidable-style-2.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing, .menu-edit #post-body-content .frm_style_formidable-style-2.with_frm_style .frm-show-form .frm_section_heading .frm_section_spacing{ margin-bottom:12px; } /* End Sections */ .frm_style_formidable-style-2.with_frm_style .frm_single_product_label, .frm_style_formidable-style-2.with_frm_style .frm_total_formatted { font-size:14px; color:#444444; } /* Datepicker */ .frm_style_formidable-style-2.with_frm_style .ui-datepicker-title > select { color: #555555; color: var(--text-color); background-color: var(--bg-color); } .frm_style_formidable-style-2.with_frm_style .ui-datepicker-month, .frm_style_formidable-style-2.with_frm_style .ui-datepicker-year { color: var(--text-color); } .frm_style_formidable-style-2.with_frm_style span.ui-datepicker-month, .frm_style_formidable-style-2.with_frm_style span.ui-datepicker-year { color: var(--date-head-color); } .frm_style_formidable-style-2.with_frm_style .ui-widget-header, .frm_style_formidable-style-2.with_frm_style .ui-datepicker-header { color: var(--date-head-color) !important; background-color: var(--date-head-bg-color) !important; } .frm_style_formidable-style-2.with_frm_style .flatpickr-day, .frm_style_formidable-style-2.with_frm_style .ui-datepicker td, /* Sample form selector */ .frm_style_formidable-style-2.with_frm_style.ui-datepicker td { border: 0; border-radius: var(--border-radius); overflow: hidden; } .frm_style_formidable-style-2.with_frm_style .flatpickr-day.today:not(.inRange), .frm_style_formidable-style-2.with_frm_style td.ui-datepicker-today { background-color: var(--date-band-color) !important; } .frm_style_formidable-style-2.with_frm_style .flatpickr-day.today, .frm_style_formidable-style-2.with_frm_style td.ui-datepicker-today > a { color: var(--date-head-color); } .frm_style_formidable-style-2.with_frm_style td.ui-datepicker-current-day, .frm_style_formidable-style-2.with_frm_style td.ui-datepicker-current-day .ui-state-hover { background-color: var(--border-color-active) !important; } .frm_style_formidable-style-2.with_frm_style td.ui-datepicker-current-day .ui-state-default:not(.ui-state-hover) { color: #fff; } .frm_style_formidable-style-2.with_frm_style .flatpickr-day.today:hover, .frm_style_formidable-style-2.with_frm_style td:not(.ui-datepicker-current-day) .ui-state-hover { color: var(--text-color); background: #F2F4F7 !important; } /* End Datepicker */ /* Submit Buttons */ .frm_style_formidable-style-2.with_frm_style input[type=submit][disabled], .frm_style_formidable-style-2.with_frm_style .frm_submit input[type=button][disabled], .frm_style_formidable-style-2.with_frm_style .frm_submit button[disabled] { opacity: 0.5; cursor: not-allowed; } .frm_style_formidable-style-2.with_frm_style .frm_loading_prev button.frm_prev_page, .frm_style_formidable-style-2.with_frm_style .frm_loading_form button.frm_button_submit { opacity: 1; } /* 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) !important; } .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 { color: var(--success-text-color); margin-bottom: 0; } .with_frm_style .frm_message > p:first-of-type { margin-top: 0; } .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:#989898; } 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:#989898; 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://thiagovarella.com.br/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center; padding:6px 12px; } select.frm_loading_lookup{ background-image: url(https://thiagovarella.com.br/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_left_container > select.auto_width, .with_frm_style .frm_right_container > select.auto_width { width: max-content; } .with_frm_style .frm_right_container > .frm_primary_label, .with_frm_style .frm_right_container > select.auto_width { margin-left: auto; } .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: #d5d5d5; --image-size: 150px; } .js .frm_logic_form:not(.frm_no_hide) { display:none; } .with_frm_style .frm_conf_field.frm_half label.frm_conf_label { overflow: hidden; white-space: nowrap; } .with_frm_style .frm_time_wrap{ white-space:nowrap; } .with_frm_style select.frm_time_select{ white-space:pre; display:inline; } .with_frm_style .frm-show-form { overflow-x:clip; } /** Range Slider */ .frm-slider-wrapper { position: relative; padding: 1.5rem 0; min-width: 100px; } .frm-slider-track { width: 100%; height: var(--slider-track-size); background: var(--slider-bar-color); border-radius: 3px; position: absolute; transform: translateY(-50%); } .frm-slider-range { height: var(--slider-track-size); background: var(--slider-color); position: absolute; transform: translateY(-50%); } .frm-slider-handle { box-sizing: border-box; width: var(--slider-circle-size); height: var(--slider-circle-size); background: white; border: 2px solid var(--slider-color); border-radius: 50%; position: absolute; transform: translate( 0%, -50%); cursor: pointer; touch-action: none; } .frm-slider-handle:focus { outline: none; box-shadow: 0 0 0 3px rgba(66, 133, 244, 0.3); } /* Sections */ .with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"] { padding: var(--section-pad); margin: 0; font-size: var(--section-font-size); font-family: var(--font); font-weight: var(--section-weight); color: var(--section-color); border: none; background-color:var(--section-bg-color); } .frm_trigger .frmsvg { width: 16px; height: 16px; color: #667085; margin: 0 2px; } .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: var(--field-margin); margin-top: var(--field-margin); padding-bottom: 15px; 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 { 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_hide_remove_button.frm_remove_form_row { display: none !important; } .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-flex; visibility: visible; pointer-events: auto; } .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 { display: inline-flex; align-items: center; gap: 8px; line-height: normal; } .frm_repeat_buttons .frmsvg { width: 12px; height: 12px; } .frm_repeat_grid .frm_button, .frm_repeat_inline .frm_button, .frm_repeat_sec .frm_button{ display: inline-block; line-height:1; } .frm_form_field .frm_repeat_grid ~ .frm_repeat_grid .frm_form_field .frm_primary_label{ display:none !important; } .frm_section_heading.frm_no_border_top h3[class*="frm_pos_"] { border-top: none !important; } /* Prefix */ .with_frm_style .frm_input_group { position: relative; display: flex; align-items: stretch; width: 100%; } .with_frm_style .frm_input_group.frm_hidden { display: none; } .with_frm_style .frm_inline_box { display: flex; text-align: center; align-items: center; font-size: var(--field-font-size); padding: 0 12px; color: var(--form-desc-color); border-width: var(--field-border-width); border-style: var(--field-border-style); border-color: var(--border-color); background-color: var(--bg-color-disabled); 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 .frm_slimselect + .frm_inline_box, .with_frm_style .frm_input_group select + .frm_inline_box, .with_frm_style .frm_input_group .frm_slimselect + .frm_inline_box, .with_frm_style .frm_input_group input + .frm_inline_box, .with_frm_style .frm_input_group .frm_show_password_wrapper + .frm_inline_box { margin-left: -1px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .with_frm_style .frm_input_group .frm_slimselect, .with_frm_style .frm_input_group > select, .with_frm_style .frm_input_group > input { position: relative; flex: 1 1 auto; width: 1% !important; min-width: 0; margin-top: 0; margin-bottom: 0; display: block; } .with_frm_style .frm_input_group.frm_with_pre .frm_slimselect, .with_frm_style .frm_input_group.frm_with_pre > select, .with_frm_style .frm_input_group.frm_with_pre > input, .with_frm_style .frm_input_group.frm_with_pre > .frm_show_password_wrapper > input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .with_frm_style .frm_input_group.frm_with_post .frm_slimselect, .with_frm_style .frm_input_group.frm_with_post > select, .with_frm_style .frm_input_group.frm_with_post > input, .with_frm_style .frm_input_group.frm_with_post > .frm_show_password_wrapper > input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Custom SlimSelect CSS */ .ss-content.frm_slimselect { padding: 0 !important; } .with_frm_style .ss-value-delete { border-left: none !important; padding-left: 0 !important; } .with_frm_style .ss-main { display:flex !important; --ss-font-color: var(--text-color); --ss-border-color: var(--border-color); --ss-border-radius: var(--border-radius); --ss-bg-color: var(--bg-color); /* TODO stop hard coding spacing. --field-pad is problematic because it's something like 6px 10px and ss-spacing-m gets used with ss-spacing-s */ --ss-spacing-s: 6px; --ss-spacing-m: 10px; --ss-main-height: var(--field-height); border-width: var(--fieldset); font-size: var(--field-font-size); line-height: 1.3; align-self: baseline; margin-top: 3px; /* This is to account for the difference in vertical alignment for being display: flex. */ font-family: var(--font); } .ss-content.frm_slimselect { font-size: var(--field-font-size); font-family: var(--font); /* These rules fix conflicts with Bootstrap 3 */ height: auto; display: flex; } .with_frm_style .ss-main .ss-values .ss-value .ss-value-text { padding: 2px var(--ss-spacing-s); } .ss-content.frm_slimselect.frm_slimselect_rtl { direction: rtl; } .ss-content.frm_slimselect.frm_slimselect_rtl .ss-search input { text-align: right; } .ss-main.frm_slimselect.frm_slimselect_rtl .ss-value-delete { margin-left: var(--ss-spacing-m); } .ss-main.frm_slimselect .ss-values .ss-placeholder { padding: 0; } .frm_fields_container .frm_form_field .ss-main.auto_width { width: auto !important; display: inline-flex !important; } .ss-main.frm_slimselect .ss-arrow { margin-left: var(--ss-spacing-s); margin-right: 0; } .frm_input_group.frm_slimselect_wrapper { flex-wrap: nowrap; } .frm_input_group.frm_slimselect_wrapper .frm_slimselect { border-radius: 0; } .frm_input_group.frm_slimselect_wrapper .ss-main.frm_slimselect { margin-top: 0; height: 1.7rem; } /* End SlimSelect CSS */ .with_frm_style .frm_total input, .with_frm_style .frm_total_big input { background-color:transparent; border:none; width:auto; box-shadow: none !important; } .with_frm_style .frm_total .frm_inline_box, .with_frm_style .frm_total_big .frm_inline_box { background-color:transparent !important; border-width: 0 !important; box-shadow:none !important; color:var(--text-color); padding:0 3px 0 1px !important; } .with_frm_style .frm_inline_total { padding:0 3px; } /* Datepicker */ .flatpickr-calendar, #ui-datepicker-div { background:white; position: absolute; display:none; z-index:999999 !important; } .frm-datepicker.flatpickr-calendar, .frm-datepicker.ui-datepicker { z-index: 999999 !important; margin-top: 6px; } .frm-datepicker .flatpickr-calendar, .frm-datepicker.flatpickr-calendar, .frm-datepicker .ui-datepicker, /* Sample form selector */ .frm-datepicker.ui-datepicker { box-sizing: border-box; min-width: 282px; border-radius: var(--border-radius); padding: 16px 18px; box-shadow: 0px 11.3px 22.6px -5.65px #1018282E; } .frm-datepicker.flatpickr-calendar:not(.frm-datepicker-custom-theme), .frm-datepicker .ui-datepicker, /* Sample form selector */ .frm-datepicker.ui-datepicker{ border: 1px solid #F2F4F7; } .frm-datepicker.ui-datepicker { display: none; } .frm-datepicker.flatpickr-calendar.inline { max-width: 40em; } .frm-datepicker .ui-datepicker .ui-datepicker-header, /* Sample form selector */ .frm-datepicker.ui-datepicker .ui-datepicker-header { padding: 6px 0 12px; position: relative; } .frm-datepicker.flatpickr-calendar .flatpickr-monthDropdown-months, .frm-datepicker.flatpickr-calendar .numInputWrapper, .frm-datepicker .ui-datepicker-title select.ui-datepicker-month, .frm-datepicker .ui-datepicker-title select.ui-datepicker-year { min-height: unset; width: 33% ; padding: 4px 5px 5px; line-height: 14px; margin: 0; } .frm-datepicker .ui-datepicker-title select.ui-datepicker-month, .frm-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #fff; } .frm-datepicker.flatpickr-calendar:not(.inline) .flatpickr-monthDropdown-months { width: 53% ; } .frm-datepicker .ui-datepicker-title select.ui-datepicker-month, .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; box-sizing: border-box; display: inline; color: #ffffff; } .frm-datepicker span.ui-datepicker-month, .frm-datepicker span.ui-datepicker-year { line-height: 25px; font-weight: 600; } .frm-datepicker .ui-datepicker-calendar { margin: 0 !important; } .frm-datepicker .ui-datepicker-calendar thead { color: var(--text-color); background-color: var(--bg-color); } .frm-datepicker .ui-datepicker-calendar thead th { padding: 8px; font-weight: 400; font-size: var(--field-font-size); color: var(--description-color); } .frm-datepicker .ui-datepicker-prev { transform: rotate(0deg) !important; } .frm-datepicker .flatpickr-months .flatpickr-next-month, .frm-datepicker .ui-datepicker-next { transform: rotate(180deg) !important; } .frm-datepicker .flatpickr-months .flatpickr-prev-month svg, .frm-datepicker .flatpickr-months .flatpickr-next-month svg { display: none; } .frm-datepicker .flatpickr-months .flatpickr-prev-month:before, .frm-datepicker .flatpickr-months .flatpickr-next-month:before, .frm-datepicker .ui-datepicker-prev:before, .frm-datepicker .ui-datepicker-next:before { content: '' !important; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; background-color: var(--date-head-color); mask: url( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSI+PHBhdGggc3Ryb2tlPSIjOThBMkIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS41IiBkPSJtMTEuMDQgNy44LTIuOTEgMi43IDIuOTEgMi43Ii8+PC9zdmc+Cg== ) no-repeat center; padding: 0 !important; } .frm-datepicker.frm-datepicker-custom-theme .flatpickr-prev-month:before, .frm-datepicker.frm-datepicker-custom-theme .flatpickr-next-month:before { background-color: #fff; } .frm-datepicker.frm-date-no-month-select .flatpickr-prev-month, .frm-datepicker.frm-date-no-month-select .flatpickr-next-month { display: none; } /* 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; } [id^="chart__frm_pie"] .google-visualization-tooltip { pointer-events: none; } /* Radio Scale */ .with_frm_style .frm_scale{ margin-right:15px; text-align:center; float:left; } .with_frm_style .frm_scale input[type=radio]{ display:block !important; margin:0; } .with_frm_style .frm_scale input[type=radio]:checked:before { transform: scale(1); } /* Star ratings */ .frm-star-group { white-space: nowrap; display: inline-block; } .frm-star-group + p { display: inline-block; } .frm-star-group input { opacity: 0; position: absolute !important; z-index: -1; } .frm-show-form .frm-star-group .frmsvg, .frm-show-form .frm-star-group input + label.star-rating { float: none; font-size: 20px; line-height: 1; cursor: pointer; background: transparent; overflow: hidden !important; clear: none; font-style: normal; vertical-align: top; position: relative; width: auto; } .frm-star-group .frmsvg { display: inline-block; width: 20px; height: 20px; fill: #FDB022; vertical-align: text-bottom; } .frm-show-form .frm-star-group input + label.star-rating { display: inline-flex; color: transparent; } .frm-show-form .frm-star-group input + label.star-rating:before { content: ''; } .frm-star-group input[type=radio]:checked + label:before, .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before{ color:#F0AD4E; } .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label, .frm-star-group input + label:hover, .frm-star-group:hover input + label:hover , .frm-star-group .star-rating-on, .frm-star-group .star-rating-hover { color:#F0AD4E; } .frm-star-group .star-rating-readonly{ cursor:default !important; } .frm-star-group > svg + svg { margin-left: 5px; } .frm-star-group .star-rating .frmsvg:last-of-type, .frm-star-group .star-rating-on .frmsvg:first-of-type, .frm-star-group .star-rating-hover .frmsvg:first-of-type { display: none; } .frm-star-group .star-rating-on .frmsvg:last-of-type, .frm-star-group .star-rating-hover .frmsvg:last-of-type { display: inline; } /* Other input */ .with_frm_style .frm_other_input.frm_other_full{ margin-top:10px; } .frm_left_container .frm_other_input{ grid-column:2; } .frm_inline_container.frm_other_container .frm_other_input, .frm_left_container.frm_other_container .frm_other_input{ margin-left:5px; } .frm_right_container.frm_other_container .frm_other_input{ margin-right:5px; } .frm_inline_container.frm_other_container select ~ .frm_other_input, .frm_right_container.frm_other_container select ~ .frm_other_input, .frm_left_container.frm_other_container select ~ .frm_other_input{ margin:0; } /* File Upload */ .with_frm_style input[type=file]::-webkit-file-upload-button { color: var(--text-color); background-color: var(--bg_color); padding: var(--field-pad); border-radius: var(--border-radius); border-color: var(--border-color); border-width: var(--field-border-width); 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; } /* Start Toggle Styling */ .frm_switch_opt { padding: 0 8px 0 0; white-space: normal; display: inline; vertical-align: middle; font-size: var(--toggle-font-size); font-weight: var(--check-weight); } .frm_on_label{ padding:0 0 0 8px; } .frm_on_label, .frm_off_label { 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: var(--toggle-off-color); transition: 0.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: 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_container { padding-top: 5px; } .with_frm_style input[type=range] { -webkit-appearance: none; display: block; width: 100%; height: var(--slider-track-size); font-size: var(--description-font-size); border-radius: calc(var(--border-radius) / 2); margin: 10px 0; outline: none; /* Add a default background, it will overwrite with JS */ background: var(--slider-bar-color); } .with_frm_style input[type=range]:focus, .with_frm_style input[type=range]:active { background: var(--slider-bar-color); } .with_frm_style input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: var(--slider-circle-size);width: var(--slider-circle-size); border: 2px solid #4199FD; color:#ffffff; background: #fff; cursor: pointer; border-radius: 50%; box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);} .with_frm_style input[type=range]::-moz-range-thumb { height: var(--slider-circle-size);width: var(--slider-circle-size); border: 2px solid #4199FD; color:#ffffff; background: #fff; cursor: pointer; border-radius: 50%; box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);} .with_frm_style input[type=range]::-ms-thumb { height: var(--slider-circle-size);width: var(--slider-circle-size); border: 2px solid #4199FD; color:#ffffff; background: #fff; cursor: pointer; border-radius: 50%; box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1);} .with_frm_style .frm_range_unit, .with_frm_style .frm_range_value{ display:inline-block; padding: 0 2px; } .with_frm_style [class^="frm-text-"] .frm_range_unit, .with_frm_style .frm_range_container > .frm_range_unit, .with_frm_style .frm_range_container .range-value span, .with_frm_style .frm_range_value { font-size: var(--slider-font-size); color: var(--text-color); font-weight: bold; } .with_frm_style .frm_range_max { float: right; } .with_frm_style .frm_range_container input + .frm_range_value { display: block; } .frm-text-left { text-align: left; } .frm-text-center { text-align: center; } .frm-text-right { text-align: right; } /* Dropzone */ .with_frm_style .frm_dropzone { border-color: var(--border-color); border-radius: var(--border-radius); color: var(--text-color); background-color: var(--bg-color); } .with_frm_style .frm_dropzone .frm_upload_icon, .with_frm_style .frm_dropzone .dz-remove { color: var(--description-color); } .with_frm_style .frm_compact .frm_dropzone .frm_upload_icon { color: var(--submit-text-color); } .with_frm_style .frm_compact .frm_dropzone .frmsvg { width: 18px; height: 18px; } .with_frm_style .frm_form_field:not(.frm_compact) .frm_dropzone .frmsvg { width: 24px; height: 24px; display: block; margin: 0 auto 8px; color: #667085; } .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: var(--border-color-error); color: var(--text-color-error); background-color: var(--bg-color-error); } .with_frm_style .frm_dropzone .dz-preview .dz-progress { 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: 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]{ position: absolute !important; top: 9px; right: 10px; z-index: 2; margin: 0; } .frm_image_options .frm_image_option_container { border-width: var(--field-border-width); border-style: solid; border-color: var(--border-color); border-radius: var(--border-radius); display: flex; flex-wrap: wrap; box-sizing: border-box; position: relative; height: 100%; width: 100%; overflow: hidden; } .frm_image_options .frm_image_option_container.frm_label_with_image .frm_empty_url, .frm_image_options .frm_image_option_container.frm_label_with_image img { border-bottom-left-radius:0; border-bottom-right-radius:0; } .with_frm_style .vertical_radio.frm_image_options .frm_image_option > label { text-indent: 0; padding-left: 0; } .frm_show_images.frm_image_option_container { display: inline-flex; flex-wrap: nowrap; flex-direction: column; text-align: center; align-items: center; width: 150px; margin-right: 10px; margin-bottom: 10px; } .frm-summary-page-wrapper .frm_image_option_container img{ width: 100%; height: 150px; object-fit: cover; } .frm_image_option_container .frm_selected_checkmark{ display: none; } .frm_image_option_container .frm_image_placeholder_icon { position: absolute; } .frm_image_option_container .frm_image_placeholder_icon svg{ width: 63px; opacity: .2; } .frm_text_label_for_image { font-size: var(--description-font-size); color: var(--description-color); text-align: center; width: 100%; padding: 10px; word-break: keep-all; } .frm_image_options input[type="radio"]:not([disabled]) + .frm_image_option_container:hover, .frm_image_options input[type="checkbox"]:not([disabled]) + .frm_image_option_container:hover, input[type="radio"]:checked + .frm_image_option_container, input[type="checkbox"]:checked + .frm_image_option_container { border-color: 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); } .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_checkbox label.frm_screen_reader.frm_hidden, .frm_radio label.frm_screen_reader.frm_hidden { width: auto; } .frm_image_option_container .frm_empty_url { background: #989898; 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 */ position: relative; } .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: inline-block; } .frm_show_password_wrapper input[type=password], .frm_show_password_wrapper input[type=text] { padding-right: 44px; /* Avoid overlapping password text with eye icon. */ 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 { display: none; } .frm_show_password_btn:focus-visible { outline-offset: -6px; border-radius: 8px; } 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 var(--border-color); 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: var(--font-size); } .frm-line-table tr { background-color: transparent; border-bottom: 1px solid rgba(107,107,107,0.6); } .frm-line-table td, .frm-line-table th { border: 0; padding: 20px 15px; background-color: transparent; vertical-align: top; color: var(--label-color); } .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 var(--border-color); border-radius: var(--border-radius); 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 svg.frm-svg-icon { fill: var(--repeat-icon-color); } .with_frm_style .frm_remove_form_row:hover, .with_frm_style .frm_add_form_row:hover { border-color: var(--submit-hover-border-color); color: var(--submit-hover-color); } .with_frm_style .frm_remove_form_row.frm_button:hover, .with_frm_style .frm_add_form_row.frm_button:hover { background: var(--submit-hover-bg-color); } .with_frm_style .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frm-svg-icon, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frm-svg-icon, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frmsvg, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frmsvg { fill: var(--submit-hover-color); } /* End Repeater Fields */ .frm_tiles h3{ margin-top:5px; } /* Submit Button Position */ .frm_forms.frm_full_submit .frm_submit button { width: 100%; } .frm_forms.frm_full_submit .frm_submit.frm_flex button { width: auto; flex: 1; } /* Look ups */ select.frm_loading_lookup[multiple="multiple"] { background-image: none !important; } /* Draft buttons */ .with_frm_style .frm_submit button.frm_save_draft { color: var(--submit-bg-color) ; background: var(--submit-text-color) ; border-color: var(--submit-bg-color) ; } .frm_image_options:not(.frm_display_format_buttons) .frm_image_option_container :has(.frm_image_placeholder_icon){ min-width: var(--image-size); } /* Slide in */ .frm_slidein .frm_form_fields > fieldset{ animation-name: frmSlideInRight; animation-duration: 1s; } .frm_slidein.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideInLeft; } .frm_slidein.frm_slideout .frm_form_fields > fieldset { animation-name: frmSlideOutLeft !important; } .frm_slidein.frm_slideout.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideOutRight !important; } .frm_slidein .frm-g-recaptcha .grecaptcha-badge{ animation-name: fadeIn; animation-duration: 2s; animation-fill-mode: both; } @keyframes frmSlideInLeft { 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 100% { opacity: 1; transform: none; } } @keyframes frmSlideInRight { 0% { opacity: 0; transform: translate3d(3000px, 0, 0); } 100% { opacity: 1; transform: none; } } @keyframes frmSlideOutLeft { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(-2000px, 0, 0); } } @keyframes frmSlideOutRight { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(2000px, 0, 0); } } /* Slide Up */ .frm_slideup .frm_form_fields > fieldset { animation-name: frmSlideDown; animation-duration: 1s; 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; transform: translate3d(0, -200px, 0); } 100% { opacity: 1; transform: none; } } @keyframes frmSlideDown { 0% { opacity: 0; transform: translate3d(0, 200px, 0); } 100% { opacity: 1; transform: none; } } @keyframes frmSlideOutUp { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(0, -200px, 0); } } @keyframes frmSlideOutDown { 0% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(0, 200px, 0); } } :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{display:flex;align-self:center;justify-content:flex-end;flex:0 1 auto;width:8px;height:8px;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)}/*# sourceMappingURL=slimselect.css.map */.frmcal { padding-top:30px; } .frmcal-title { font-size:116%; } .frmcal table.frmcal-calendar { border-collapse:collapse; margin-top:20px; color:#ffffff; } .frmcal table.frmcal-calendar, .frmcal table.frmcal-calendar tbody tr td { border:1px solid #6b6b6b; } .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:#ffffff; font-size:12px; } table.frmcal-calendar .frmcal_date { background-color:#1e1e1e; padding:0 5px; text-align:right; box-shadow:0 2px 5px #6b6b6b; } table.frmcal-calendar .frmcal-today .frmcal_date { background-color:#242424; padding:0 5px; text-align:right; box-shadow:0 2px 5px #f5821f; } .frmcal_day_name, .frmcal_num { display:inline; } .frmcal-content { padding:2px 4px; }.frm_forms { --iti-hover-color: rgba(0, 0, 0, 0.05); --iti-border-color: #ccc; --iti-dialcode-color: #999; --iti-dropdown-bg: white; --iti-search-icon-color: #999; --iti-spacer-horizontal: 8px; --iti-flag-height: 12px; --iti-flag-width: 16px; --iti-border-width: 1px; --iti-arrow-height: 4px; --iti-arrow-width: 6px; --iti-triangle-border: calc(var(--iti-arrow-width) / 2); --iti-arrow-padding: 6px; --iti-arrow-color: #555; --iti-flag-sprite-width: 3904px; --iti-flag-sprite-height: 12px; --iti-mobile-popup-margin: 30px; } .frm_forms .iti { position: relative; display: inline-block; } .frm_forms .iti * { box-sizing: border-box; } .frm_forms .iti__a11y-text { width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; position: absolute; } .frm_forms .iti input.iti__tel-input, .frm_forms .iti input.iti__tel-input[type="text"], .frm_forms .iti input.iti__tel-input[type="tel"] { position: relative; z-index: 0; margin: 0 !important; } .frm_forms .iti__country-container { position: absolute; top: 0; bottom: 0; left: 0; padding: var(--iti-border-width); } .frm_forms .iti__selected-country { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; background: none; border: 0; margin: 0; padding: 0; font-family: inherit; font-size: inherit; color: inherit; border-radius: 0; font-weight: inherit; line-height: inherit; text-decoration: none; } .frm_forms .iti__selected-country-primary { display: flex; align-items: center; height: 100%; padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal); } .frm_forms .iti__arrow { margin-left: var(--iti-arrow-padding); width: 0; height: 0; border-left: var(--iti-triangle-border) solid transparent; border-right: var(--iti-triangle-border) solid transparent; border-top: var(--iti-arrow-height) solid var(--iti-arrow-color); } .frm_forms .iti__arrow--up { border-top: none; border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color); } .frm_forms .iti__dropdown-content { border-radius: 3px; background-color: var(--iti-dropdown-bg); } .frm_forms .iti--inline-dropdown .iti__dropdown-content { position: absolute; z-index: 2; margin-top: 3px; margin-left: calc(var(--iti-border-width) * -1); border: var(--iti-border-width) solid var(--iti-border-color); box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); } .frm_forms .iti__search-input { width: 100%; border-width: 0; border-radius: 3px; padding-left: 30px; padding-right: 28px; } .frm_forms [dir="rtl"] .iti__search-input { padding-left: inherit; padding-right: 30px; background-position: right 8px center; } .frm_forms .iti__search-input + .iti__country-list { border-top: 1px solid var(--iti-border-color); } .frm_forms .iti__search-input::-webkit-search-cancel-button { appearance: none; } .frm_forms .iti__search-input-wrapper { position: relative; display: flex; align-items: center; } .frm_forms .iti__search-icon { position: absolute; left: 8px; display: flex; pointer-events: none; } .frm_forms [dir="rtl"] .iti__search-icon { left: auto; right: 8px; } .frm_forms .iti__search-icon-svg { stroke: var(--iti-search-icon-color); fill: none; stroke-width: 3; } .frm_forms .iti__search-clear { position: absolute; right: 4px; background: transparent; border: 0; border-radius: 3px; cursor: pointer; padding: 4px; display: flex; align-items: center; justify-content: center; transition: background-color 0.15s ease; width: 24px; height: 24px; } .frm_forms .iti__search-clear .iti__search-clear-x { stroke-width: 2; } .frm_forms .iti__search-clear .iti__search-clear-bg { fill: var(--iti-search-icon-color); } .frm_forms [dir="rtl"] .iti__search-clear { right: auto; left: 4px; } .frm_forms .iti__search-clear:hover, .frm_forms .iti__search-clear:focus-visible { background: var(--iti-hover-color); outline: none; } .frm_forms .iti__no-results { text-align: center; padding: 30px 0; } .frm_forms .iti__country-list { list-style: none; padding: 0; margin: 0; cursor: pointer; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .frm_forms .iti--inline-dropdown .iti__country-list { max-height: 185px; } .frm_forms .iti--flexible-dropdown-width .iti__country-list { white-space: nowrap; } @media (max-width: 500px) { .frm_forms .iti--flexible-dropdown-width .iti__country-list { white-space: normal; } } .frm_forms .iti__country { display: flex; align-items: center; padding: 8px var(--iti-spacer-horizontal); outline: none; } .frm_forms .iti__dial-code { color: var(--iti-dialcode-color); } .frm_forms .iti__country.iti__highlight { background-color: var(--iti-hover-color); } .frm_forms .iti__country-list .iti__flag, .frm_forms .iti__country-name { margin-right: var(--iti-spacer-horizontal); } .frm_forms [dir="rtl"] .iti__country-list .iti__flag, .frm_forms [dir="rtl"] .iti__country-name { margin-right: 0; margin-left: var(--iti-spacer-horizontal); } .frm_forms .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) button.iti__selected-country { cursor: pointer; } .frm_forms .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .frm_forms .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary { background-color: var(--iti-hover-color); } .frm_forms .iti .iti__selected-dial-code { margin-left: 4px; } .frm_forms .iti--container { position: fixed; top: -1000px; left: -1000px; z-index: 1060; padding: var(--iti-border-width); } .frm_forms .iti--container:hover { cursor: pointer; } .frm_forms .iti__hide { display: none; } .frm_forms .iti__v-hide { visibility: hidden; } .frm_forms .iti--fullscreen-popup.iti--container { background-color: rgba(0, 0, 0, 0.5); top: 0; bottom: 0; left: 0; right: 0; position: fixed; padding: var(--iti-mobile-popup-margin); display: flex; flex-direction: column; justify-content: flex-start; } .frm_forms .iti--fullscreen-popup .iti__dropdown-content { display: flex; flex-direction: column; max-height: 100%; position: relative; } .frm_forms .iti--fullscreen-popup .iti__country { padding: 10px 10px; line-height: 1.5em; } .frm_forms .iti__flag { --iti-flag-offset: 100px; height: var(--iti-flag-height); width: var(--iti-flag-width); border-radius: 1px; box-shadow: 0px 0px 1px 0px #888; background-repeat: no-repeat; background-position: var(--iti-flag-offset) 0; background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height); } .frm_forms .iti__ac { --iti-flag-offset: 0px; } .frm_forms .iti__ad { --iti-flag-offset: -16px; } .frm_forms .iti__ae { --iti-flag-offset: -32px; } .frm_forms .iti__af { --iti-flag-offset: -48px; } .frm_forms .iti__ag { --iti-flag-offset: -64px; } .frm_forms .iti__ai { --iti-flag-offset: -80px; } .frm_forms .iti__al { --iti-flag-offset: -96px; } .frm_forms .iti__am { --iti-flag-offset: -112px; } .frm_forms .iti__ao { --iti-flag-offset: -128px; } .frm_forms .iti__ar { --iti-flag-offset: -144px; } .frm_forms .iti__as { --iti-flag-offset: -160px; } .frm_forms .iti__at { --iti-flag-offset: -176px; } .frm_forms .iti__au { --iti-flag-offset: -192px; } .frm_forms .iti__aw { --iti-flag-offset: -208px; } .frm_forms .iti__ax { --iti-flag-offset: -224px; } .frm_forms .iti__az { --iti-flag-offset: -240px; } .frm_forms .iti__ba { --iti-flag-offset: -256px; } .frm_forms .iti__bb { --iti-flag-offset: -272px; } .frm_forms .iti__bd { --iti-flag-offset: -288px; } .frm_forms .iti__be { --iti-flag-offset: -304px; } .frm_forms .iti__bf { --iti-flag-offset: -320px; } .frm_forms .iti__bg { --iti-flag-offset: -336px; } .frm_forms .iti__bh { --iti-flag-offset: -352px; } .frm_forms .iti__bi { --iti-flag-offset: -368px; } .frm_forms .iti__bj { --iti-flag-offset: -384px; } .frm_forms .iti__bl { --iti-flag-offset: -400px; } .frm_forms .iti__bm { --iti-flag-offset: -416px; } .frm_forms .iti__bn { --iti-flag-offset: -432px; } .frm_forms .iti__bo { --iti-flag-offset: -448px; } .frm_forms .iti__bq { --iti-flag-offset: -464px; } .frm_forms .iti__br { --iti-flag-offset: -480px; } .frm_forms .iti__bs { --iti-flag-offset: -496px; } .frm_forms .iti__bt { --iti-flag-offset: -512px; } .frm_forms .iti__bw { --iti-flag-offset: -528px; } .frm_forms .iti__by { --iti-flag-offset: -544px; } .frm_forms .iti__bz { --iti-flag-offset: -560px; } .frm_forms .iti__ca { --iti-flag-offset: -576px; } .frm_forms .iti__cc { --iti-flag-offset: -592px; } .frm_forms .iti__cd { --iti-flag-offset: -608px; } .frm_forms .iti__cf { --iti-flag-offset: -624px; } .frm_forms .iti__cg { --iti-flag-offset: -640px; } .frm_forms .iti__ch { --iti-flag-offset: -656px; } .frm_forms .iti__ci { --iti-flag-offset: -672px; } .frm_forms .iti__ck { --iti-flag-offset: -688px; } .frm_forms .iti__cl { --iti-flag-offset: -704px; } .frm_forms .iti__cm { --iti-flag-offset: -720px; } .frm_forms .iti__cn { --iti-flag-offset: -736px; } .frm_forms .iti__co { --iti-flag-offset: -752px; } .frm_forms .iti__cr { --iti-flag-offset: -768px; } .frm_forms .iti__cu { --iti-flag-offset: -784px; } .frm_forms .iti__cv { --iti-flag-offset: -800px; } .frm_forms .iti__cw { --iti-flag-offset: -816px; } .frm_forms .iti__cx { --iti-flag-offset: -832px; } .frm_forms .iti__cy { --iti-flag-offset: -848px; } .frm_forms .iti__cz { --iti-flag-offset: -864px; } .frm_forms .iti__de { --iti-flag-offset: -880px; } .frm_forms .iti__dj { --iti-flag-offset: -896px; } .frm_forms .iti__dk { --iti-flag-offset: -912px; } .frm_forms .iti__dm { --iti-flag-offset: -928px; } .frm_forms .iti__do { --iti-flag-offset: -944px; } .frm_forms .iti__dz { --iti-flag-offset: -960px; } .frm_forms .iti__ec { --iti-flag-offset: -976px; } .frm_forms .iti__ee { --iti-flag-offset: -992px; } .frm_forms .iti__eg { --iti-flag-offset: -1008px; } .frm_forms .iti__eh { --iti-flag-offset: -1024px; } .frm_forms .iti__er { --iti-flag-offset: -1040px; } .frm_forms .iti__es { --iti-flag-offset: -1056px; } .frm_forms .iti__et { --iti-flag-offset: -1072px; } .frm_forms .iti__fi { --iti-flag-offset: -1088px; } .frm_forms .iti__fj { --iti-flag-offset: -1104px; } .frm_forms .iti__fk { --iti-flag-offset: -1120px; } .frm_forms .iti__fm { --iti-flag-offset: -1136px; } .frm_forms .iti__fo { --iti-flag-offset: -1152px; } .frm_forms .iti__fr { --iti-flag-offset: -1168px; } .frm_forms .iti__ga { --iti-flag-offset: -1184px; } .frm_forms .iti__gb { --iti-flag-offset: -1200px; } .frm_forms .iti__gd { --iti-flag-offset: -1216px; } .frm_forms .iti__ge { --iti-flag-offset: -1232px; } .frm_forms .iti__gf { --iti-flag-offset: -1248px; } .frm_forms .iti__gg { --iti-flag-offset: -1264px; } .frm_forms .iti__gh { --iti-flag-offset: -1280px; } .frm_forms .iti__gi { --iti-flag-offset: -1296px; } .frm_forms .iti__gl { --iti-flag-offset: -1312px; } .frm_forms .iti__gm { --iti-flag-offset: -1328px; } .frm_forms .iti__gn { --iti-flag-offset: -1344px; } .frm_forms .iti__gp { --iti-flag-offset: -1360px; } .frm_forms .iti__gq { --iti-flag-offset: -1376px; } .frm_forms .iti__gr { --iti-flag-offset: -1392px; } .frm_forms .iti__gt { --iti-flag-offset: -1408px; } .frm_forms .iti__gu { --iti-flag-offset: -1424px; } .frm_forms .iti__gw { --iti-flag-offset: -1440px; } .frm_forms .iti__gy { --iti-flag-offset: -1456px; } .frm_forms .iti__hk { --iti-flag-offset: -1472px; } .frm_forms .iti__hn { --iti-flag-offset: -1488px; } .frm_forms .iti__hr { --iti-flag-offset: -1504px; } .frm_forms .iti__ht { --iti-flag-offset: -1520px; } .frm_forms .iti__hu { --iti-flag-offset: -1536px; } .frm_forms .iti__id { --iti-flag-offset: -1552px; } .frm_forms .iti__ie { --iti-flag-offset: -1568px; } .frm_forms .iti__il { --iti-flag-offset: -1584px; } .frm_forms .iti__im { --iti-flag-offset: -1600px; } .frm_forms .iti__in { --iti-flag-offset: -1616px; } .frm_forms .iti__io { --iti-flag-offset: -1632px; } .frm_forms .iti__iq { --iti-flag-offset: -1648px; } .frm_forms .iti__ir { --iti-flag-offset: -1664px; } .frm_forms .iti__is { --iti-flag-offset: -1680px; } .frm_forms .iti__it { --iti-flag-offset: -1696px; } .frm_forms .iti__je { --iti-flag-offset: -1712px; } .frm_forms .iti__jm { --iti-flag-offset: -1728px; } .frm_forms .iti__jo { --iti-flag-offset: -1744px; } .frm_forms .iti__jp { --iti-flag-offset: -1760px; } .frm_forms .iti__ke { --iti-flag-offset: -1776px; } .frm_forms .iti__kg { --iti-flag-offset: -1792px; } .frm_forms .iti__kh { --iti-flag-offset: -1808px; } .frm_forms .iti__ki { --iti-flag-offset: -1824px; } .frm_forms .iti__km { --iti-flag-offset: -1840px; } .frm_forms .iti__kn { --iti-flag-offset: -1856px; } .frm_forms .iti__kp { --iti-flag-offset: -1872px; } .frm_forms .iti__kr { --iti-flag-offset: -1888px; } .frm_forms .iti__kw { --iti-flag-offset: -1904px; } .frm_forms .iti__ky { --iti-flag-offset: -1920px; } .frm_forms .iti__kz { --iti-flag-offset: -1936px; } .frm_forms .iti__la { --iti-flag-offset: -1952px; } .frm_forms .iti__lb { --iti-flag-offset: -1968px; } .frm_forms .iti__lc { --iti-flag-offset: -1984px; } .frm_forms .iti__li { --iti-flag-offset: -2000px; } .frm_forms .iti__lk { --iti-flag-offset: -2016px; } .frm_forms .iti__lr { --iti-flag-offset: -2032px; } .frm_forms .iti__ls { --iti-flag-offset: -2048px; } .frm_forms .iti__lt { --iti-flag-offset: -2064px; } .frm_forms .iti__lu { --iti-flag-offset: -2080px; } .frm_forms .iti__lv { --iti-flag-offset: -2096px; } .frm_forms .iti__ly { --iti-flag-offset: -2112px; } .frm_forms .iti__ma { --iti-flag-offset: -2128px; } .frm_forms .iti__mc { --iti-flag-offset: -2144px; } .frm_forms .iti__md { --iti-flag-offset: -2160px; } .frm_forms .iti__me { --iti-flag-offset: -2176px; } .frm_forms .iti__mf { --iti-flag-offset: -2192px; } .frm_forms .iti__mg { --iti-flag-offset: -2208px; } .frm_forms .iti__mh { --iti-flag-offset: -2224px; } .frm_forms .iti__mk { --iti-flag-offset: -2240px; } .frm_forms .iti__ml { --iti-flag-offset: -2256px; } .frm_forms .iti__mm { --iti-flag-offset: -2272px; } .frm_forms .iti__mn { --iti-flag-offset: -2288px; } .frm_forms .iti__mo { --iti-flag-offset: -2304px; } .frm_forms .iti__mp { --iti-flag-offset: -2320px; } .frm_forms .iti__mq { --iti-flag-offset: -2336px; } .frm_forms .iti__mr { --iti-flag-offset: -2352px; } .frm_forms .iti__ms { --iti-flag-offset: -2368px; } .frm_forms .iti__mt { --iti-flag-offset: -2384px; } .frm_forms .iti__mu { --iti-flag-offset: -2400px; } .frm_forms .iti__mv { --iti-flag-offset: -2416px; } .frm_forms .iti__mw { --iti-flag-offset: -2432px; } .frm_forms .iti__mx { --iti-flag-offset: -2448px; } .frm_forms .iti__my { --iti-flag-offset: -2464px; } .frm_forms .iti__mz { --iti-flag-offset: -2480px; } .frm_forms .iti__na { --iti-flag-offset: -2496px; } .frm_forms .iti__nc { --iti-flag-offset: -2512px; } .frm_forms .iti__ne { --iti-flag-offset: -2528px; } .frm_forms .iti__nf { --iti-flag-offset: -2544px; } .frm_forms .iti__ng { --iti-flag-offset: -2560px; } .frm_forms .iti__ni { --iti-flag-offset: -2576px; } .frm_forms .iti__nl { --iti-flag-offset: -2592px; } .frm_forms .iti__no { --iti-flag-offset: -2608px; } .frm_forms .iti__np { --iti-flag-offset: -2624px; } .frm_forms .iti__nr { --iti-flag-offset: -2640px; } .frm_forms .iti__nu { --iti-flag-offset: -2656px; } .frm_forms .iti__nz { --iti-flag-offset: -2672px; } .frm_forms .iti__om { --iti-flag-offset: -2688px; } .frm_forms .iti__pa { --iti-flag-offset: -2704px; } .frm_forms .iti__pe { --iti-flag-offset: -2720px; } .frm_forms .iti__pf { --iti-flag-offset: -2736px; } .frm_forms .iti__pg { --iti-flag-offset: -2752px; } .frm_forms .iti__ph { --iti-flag-offset: -2768px; } .frm_forms .iti__pk { --iti-flag-offset: -2784px; } .frm_forms .iti__pl { --iti-flag-offset: -2800px; } .frm_forms .iti__pm { --iti-flag-offset: -2816px; } .frm_forms .iti__pr { --iti-flag-offset: -2832px; } .frm_forms .iti__ps { --iti-flag-offset: -2848px; } .frm_forms .iti__pt { --iti-flag-offset: -2864px; } .frm_forms .iti__pw { --iti-flag-offset: -2880px; } .frm_forms .iti__py { --iti-flag-offset: -2896px; } .frm_forms .iti__qa { --iti-flag-offset: -2912px; } .frm_forms .iti__re { --iti-flag-offset: -2928px; } .frm_forms .iti__ro { --iti-flag-offset: -2944px; } .frm_forms .iti__rs { --iti-flag-offset: -2960px; } .frm_forms .iti__ru { --iti-flag-offset: -2976px; } .frm_forms .iti__rw { --iti-flag-offset: -2992px; } .frm_forms .iti__sa { --iti-flag-offset: -3008px; } .frm_forms .iti__sb { --iti-flag-offset: -3024px; } .frm_forms .iti__sc { --iti-flag-offset: -3040px; } .frm_forms .iti__sd { --iti-flag-offset: -3056px; } .frm_forms .iti__se { --iti-flag-offset: -3072px; } .frm_forms .iti__sg { --iti-flag-offset: -3088px; } .frm_forms .iti__sh { --iti-flag-offset: -3104px; } .frm_forms .iti__si { --iti-flag-offset: -3120px; } .frm_forms .iti__sj { --iti-flag-offset: -3136px; } .frm_forms .iti__sk { --iti-flag-offset: -3152px; } .frm_forms .iti__sl { --iti-flag-offset: -3168px; } .frm_forms .iti__sm { --iti-flag-offset: -3184px; } .frm_forms .iti__sn { --iti-flag-offset: -3200px; } .frm_forms .iti__so { --iti-flag-offset: -3216px; } .frm_forms .iti__sr { --iti-flag-offset: -3232px; } .frm_forms .iti__ss { --iti-flag-offset: -3248px; } .frm_forms .iti__st { --iti-flag-offset: -3264px; } .frm_forms .iti__sv { --iti-flag-offset: -3280px; } .frm_forms .iti__sx { --iti-flag-offset: -3296px; } .frm_forms .iti__sy { --iti-flag-offset: -3312px; } .frm_forms .iti__sz { --iti-flag-offset: -3328px; } .frm_forms .iti__tc { --iti-flag-offset: -3344px; } .frm_forms .iti__td { --iti-flag-offset: -3360px; } .frm_forms .iti__tg { --iti-flag-offset: -3376px; } .frm_forms .iti__th { --iti-flag-offset: -3392px; } .frm_forms .iti__tj { --iti-flag-offset: -3408px; } .frm_forms .iti__tk { --iti-flag-offset: -3424px; } .frm_forms .iti__tl { --iti-flag-offset: -3440px; } .frm_forms .iti__tm { --iti-flag-offset: -3456px; } .frm_forms .iti__tn { --iti-flag-offset: -3472px; } .frm_forms .iti__to { --iti-flag-offset: -3488px; } .frm_forms .iti__tr { --iti-flag-offset: -3504px; } .frm_forms .iti__tt { --iti-flag-offset: -3520px; } .frm_forms .iti__tv { --iti-flag-offset: -3536px; } .frm_forms .iti__tw { --iti-flag-offset: -3552px; } .frm_forms .iti__tz { --iti-flag-offset: -3568px; } .frm_forms .iti__ua { --iti-flag-offset: -3584px; } .frm_forms .iti__ug { --iti-flag-offset: -3600px; } .frm_forms .iti__us { --iti-flag-offset: -3616px; } .frm_forms .iti__uy { --iti-flag-offset: -3632px; } .frm_forms .iti__uz { --iti-flag-offset: -3648px; } .frm_forms .iti__va { --iti-flag-offset: -3664px; } .frm_forms .iti__vc { --iti-flag-offset: -3680px; } .frm_forms .iti__ve { --iti-flag-offset: -3696px; } .frm_forms .iti__vg { --iti-flag-offset: -3712px; } .frm_forms .iti__vi { --iti-flag-offset: -3728px; } .frm_forms .iti__vn { --iti-flag-offset: -3744px; } .frm_forms .iti__vu { --iti-flag-offset: -3760px; } .frm_forms .iti__wf { --iti-flag-offset: -3776px; } .frm_forms .iti__ws { --iti-flag-offset: -3792px; } .frm_forms .iti__xk { --iti-flag-offset: -3808px; } .frm_forms .iti__ye { --iti-flag-offset: -3824px; } .frm_forms .iti__yt { --iti-flag-offset: -3840px; } .frm_forms .iti__za { --iti-flag-offset: -3856px; } .frm_forms .iti__zm { --iti-flag-offset: -3872px; } .frm_forms .iti__zw { --iti-flag-offset: -3888px; } .frm_forms .iti__globe { background-size: contain; background-position: right; box-shadow: none; height: 19px; } .with_frm_style .iti { width: var(--field-width); --iti-spacer-horizontal: 12px; --iti-arrow-padding: 4px; --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding) + 8px); --iti-hover-color: var(--bg-color-disabled); } @media only screen and (max-width: 782px) { .with_frm_style .iti { width: auto; } } .with_frm_style .iti__country { font-size: var(--field-font-size); } .with_frm_style .iti__selected-country { background-color: unset !important; } .with_frm_style .iti__flag { background-image: url('//thiagovarella.com.br/wp-content/plugins/formidable-pro/images/intl-tel-input/flags.webp'); transform: scale(0.9); } @media (min-resolution: 2x) { .with_frm_style .iti__flag { background-image: url('//thiagovarella.com.br/wp-content/plugins/formidable-pro/images/intl-tel-input/flags@2x.webp'); } } .with_frm_style .iti__globe { background-image: url('//thiagovarella.com.br/wp-content/plugins/formidable-pro/images/intl-tel-input/globe.webp'); } @media (min-resolution: 2x) { .with_frm_style .iti__globe { background-image: url('//thiagovarella.com.br/wp-content/plugins/formidable-pro/images/intl-tel-input/globe@2x.webp'); } } .with_frm_style .iti__arrow { border: 0; width: 16px; height: 16px; background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1667 7.16669L8.00004 9.50002L5.83337 7.16669' stroke='%2398A2B3' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .with_frm_style .iti--container { position: absolute; } .with_frm_style .iti--fullscreen-popup .iti__dropdown-content { padding: 20px 15px; } .with_frm_style .iti__search-input-wrapper { margin: 3px 8px; } .with_frm_style .iti__search-input { border-width: 0 !important; padding-left: 30px !important; } .with_frm_style .iti__selected-country-primary { border-radius: var(--border-radius, 8px); } /* * The MIT License * Copyright (c) 2012 Matias Meno */ @keyframes passing-through { 0% { opacity: 0; transform: translateY(40px); } 30%, 70% { opacity: 1; transform: translateY(0px); } 100% { opacity: 0; transform: translateY(-40px); } } @keyframes slide-in { 0% { opacity: 0; transform: translateY(40px); } 30% { opacity: 1; transform: translateY(0px); } } .frm_dropzone, .frm_dropzone * { box-sizing: border-box; } .frm_form_field:not(.frm_compact) .frm_dropzone { max-width: 520px; } .frm_dropzone.frm_single_upload, .frm_dropzone.dz-clickable { min-height: 36px; margin-top: 5px; line-height: 1.42857143; } .frm_dropzone.dz-clickable * { cursor: default; } .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: 1px dashed #98A2B3; background:#ffffff; padding: 24px; border-radius: 8px; border-radius: var(--border-radius); cursor: pointer; display:none; font-size: 14px; text-align: center; margin: 0; } .frm_dropzone.frm_single_upload.dz-started .dz-message{ display: none; } .frm_dropzone.dz-clickable .dz-message, .frm_dropzone .frm_upload_icon{ display:block; } .frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message * { cursor: pointer; } #frm_form_editor_container .frm_dropzone.dz-clickable, #frm_form_editor_container .frm_dropzone.dz-clickable *{ cursor: default; } .frm_dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .frm_dropzone .frm_upload_icon:before{ font-size:40px; } .frm_dropzone .frm_small_text { font-size: 12px; color: #98A2B3; color: var(--form-desc-color); margin-top: 4px; } .frm_dropzone .frm_small_text p { margin: 0; } .frm_dropzone.dz-drag-hover { border-style: solid; } .frm_dropzone .dz-preview { display: flex; gap: 8px; border-radius: 8px; border-radius: var(--border-radius); padding: 12px; margin-bottom: 8px; } .frm_form_field:not(.frm_compact) .frm_dropzone .dz-preview { border: 1px solid #EAECF0; } .frm_form_field:not(.frm_compact) .frm_dropzone.frm_multi_upload .dz-message + .dz-preview { margin-top: 16px; } .frm_dropzone .dz-preview:last-child { margin-bottom: 0; } .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 { 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; font-weight: 500; } .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, .frm_dropzone .dz-preview .dz-details .dz-size strong { color: #98A2B3; color: var(--form-desc-color); font-weight: 400; } .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 { flex-grow: 1; max-width: 100%; } .frm_dropzone .dz-preview .dz-image { max-width: 30%; overflow: hidden; } .frm_dropzone .dz-preview .dz-image img { max-height: 32px; border-radius: 8px; border-radius: var(--border-radius); } .frm_dropzone .dz-preview.dz-success .dz-success-mark { -ms-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 { transition: all 0.2s linear; } .frm_dropzone .dz-preview .dz-progress { pointer-events: none; position: relative; height: 6px; width: 100%; background: #EAECF0; background: var(--progress-bg-color); -webkit-transform: scale(1); border-radius: 8px; border-radius: var(--border-radius); 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; 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; 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{ display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; 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; font-weight: 500 !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; min-width: fit-content; 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; } ul.frm_rootline { align-items: baseline; } ul.frm_page_bar li{ display: flex; 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: var(--progress-border-size); background: var(--progress-border-color); content: ''; position: absolute; top: 12px; /* For IE */ top: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) ); left: 50%; width: 100%; z-index: -1; } .frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single::after { right: 50%; left: auto; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:last-child::after, .frm_rootline.frm_show_lines > .frm_rootline_single:last-child::after { content: none; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { width: 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: 2px; font-size: 14px; } .frm_forms .frm_page_bar input, .frm_forms .frm_page_bar input:disabled{ transition: background-color 0.1s ease; color: var(--progress-color) ; background-color: var(--progress-bg-color) ; border-width: var(--progress-border-size) ; border-style: solid; border-color: var(--progress-border-color-b) ; cursor: pointer ; } .frm_forms .frm_page_bar input:hover, .frm_forms .frm_page_bar input:focus{ color: #000000; background-color: #c9c9c9; } .frm_forms .frm_rootline input { font-size: 14px; font-weight: 500; } .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: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline input.frm_page_back { background-color: var(--progress-color); color: var(--progress-active-color); } .frm_forms .frm_rootline input.frm_page_back:hover, .frm_forms .frm_rootline input.frm_page_back:focus{ background-color: #2d2d2d; color: #ffffff; } .frm_forms .frm_page_bar .frm_current_page input[type="button"]{ background-color: var(--progress-bg-color); border-color: var(--progress-border-color); } .frm_progress .frm_rootline_single{ text-align: center; margin: 0; padding: 0; } .frm_rootline > .frm_rootline_single { min-width: 50px; position: relative; padding: 0 10px; margin-left: 0; margin-right: 0; } .frm_rootline.frm_show_titles > .frm_rootline_single { min-width: min(150px, 30%); } .frm_rootline_single input{ display: flex; text-align: center; justify-content: center; margin: auto; } .frm_rootline_hidden_steps .frm_rootline_single input{ display: inline-block; } .frm_current_page .frm_rootline_title { color: var(--progress-active-color) ; } .frm_rootline_title, .frm_pages_complete, .frm_percent_complete { font-size: 12px; font-weight: 500; padding: 6px 0; color: var(--progress-color) ; } .frm_rootline_title { font-size: 14px; } .frm_pages_complete { float: right; } .frm_percent_complete { float: left; } .frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled { width: 100%; border: none; border-top: 1px solid var(--progress-border-color); border-bottom: 1px solid var(--progress-border-color); box-shadow: inset 0 2px 10px -10px rgba(41, 58, 82, 0.31); margin: 0; padding: 0; border-radius: 0; font-size: 0; line-height: 15px; } .frm_forms .frm_progress_line.frm_show_lines input { border-left: 1px solid var(--progress-color); border-right: 1px solid var(--progress-color); } .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 var(--progress-active-bg-color); } .frm_forms .frm_progress_line li:last-of-type input { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 1px solid var(--progress-active-bg-color); } .frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-right: 1px solid var(--progress-border-color); } .frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-left: 1px solid var(--progress-border-color); } .frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right: 1px solid var(--progress-color); } .frm_forms .frm_progress_line input.frm_page_back { border-color: var(--progress-active-bg-color); } .frm_forms .frm_progress_line.frm_show_lines input.frm_page_back { border-left-color: var(--progress-active-bg-color); border-right-color: var(--progress-color); } /* 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 var(--progress-active-bg-color); } .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 var(--progress-active-bg-color); } .frm_rtl.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-left: 1px solid var(--progress-border-color); border-right:none; } .frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-right: 1px solid var(--progress-border-color); border-left:none; } .frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-left: 1px solid var(--progress-color); 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: var(--progress-size); height: var(--progress-size); min-height: auto; border-radius: var(--progress-size); 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: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline .frm_current_page input[type="button"] { border-color: #ac0a1a; background-color: var(--progress-active-bg-color); color: var(--progress-active-color); } .frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled, .frm_forms .frm_progress_line .frm_current_page input[type="button"], .frm_forms .frm_rootline.frm_no_numbers input, .frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] { color: transparent !important; } .frm_rootline_show_hidden_steps_btn:not(.active)>.frm_rootline_title{ display: none; } @media only screen and (max-width: 700px) { .frm_show_titles ul.frm_rootline_hidden_steps { min-width: 16px; } } @media only screen and (max-width: 500px) { .frm_rootline.frm_rootline_4 span.frm_rootline_title, .frm_rootline.frm_rootline_3 span.frm_rootline_title{ display:none; } } .with_frm_style.frm_login_form, .with_frm_style.frm_login_form form{ clear:both; } .frm_login_form .login_lost_pw.frm_half, .frm_login_form .login_lost_pw.frm_third{ text-align:right; } /*************************************** No labels ***************************************/ .frm_inline_login.frm_no_labels .frm_submit input, .frm_inline_login.frm_no_labels .frm_submit button{ margin-top:0 !important; } /*************************************** Sliding login form ***************************************/ .with_frm_style.frm_login_form.frm_slide.frm_inline_login form, .with_frm_style.frm_login_form.frm_slide.frm_inline_login form{ clear:none; } .with_frm_style.frm_slide.frm_inline_login.frm_has_message form{ display: block; } .with_frm_style.frm_slide.frm_inline_login.frm_has_message .frm-open-login{ float: none; } .with_frm_style.frm_slide.frm_inline_login .frm-open-login{ float:left; margin-right:15px; } .with_frm_style.frm_slide form, .frm_slide form, .with_frm_style.frm_slide.frm_inline_login a.forgot-password, .with_frm_style.frm_slide.frm_inline_login .login-remember{ display:none; } .with_frm_style.frm_slide.frm_inline_login .frm-open-login + form a.forgot-password, .with_frm_style.frm_slide.frm_inline_login .frm-open-login + form .login-remember { display:inline-block; } .with_frm_style.frm_slide.frm_inline_login .frm_form_field.login-username, .with_frm_style.frm_slide.frm_inline_login .frm_form_field.login-password, .with_frm_style.frm_slide.frm_inline_login .frm_submit input{ margin-bottom:0; } .with_frm_style.frm_slide.frm_inline_login fieldset{ padding-bottom:0; } .with_frm_style.frm_slide.frm_inline_login .frm_form_field.login-username, .with_frm_style.frm_slide.frm_inline_login .frm_form_field.login-password { align-self: center; } /*************************************** Links ***************************************/ .with_frm_style.frm_login_form a{ text-decoration:none; border:none; outline:none; box-shadow:none; } /************************************************ Responsive remember me and lost password ************************************************/ @media only screen and (max-width: 600px) { .frm_login_form .login_lost_pw.frm_half{ text-align:left; } .with_frm_style .login-remember.frm_first.frm_third, .with_frm_style.frm_login_form .login_lost_pw.frm_third{ text-align:center; } .with_frm_style.frm_slide.frm_inline_login .frm_form_field.login-username, .with_frm_style.frm_slide.frm_inline_login .frm_form_field.login-password, .with_frm_style.frm_slide.frm_inline_login .frm_submit input{ margin-bottom:20px; } }/** * SignaturePad: A jQuery plugin for assisting in the creation of an HTML5 canvas * based signature pad. Records the drawn signature in JSON for later regeneration. * * @project ca.thomasjbradley.applications.signaturepad * @author Thomas J Bradley * @link http://thomasjbradley.ca/lab/signature-pad * @link http://github.com/thomasjbradley/signature-pad * @copyright Copyright MMXI, Thomas J Bradley * @license New BSD License */ /** * Original code modified for this project. * * @package frmsig */ @font-face { font-family: "Journal"; src: url("https://thiagovarella.com.br/wp-content/plugins/formidable/../formidable-signature/assets/journal.eot"); src: local("Journal Regular"), local("Journal"), url("https://thiagovarella.com.br/wp-content/plugins/formidable/../formidable-signature/assets/journal.woff") format("woff"), url("https://thiagovarella.com.br/wp-content/plugins/formidable/../formidable-signature/assets/journal.ttf") format("truetype"), url("https://thiagovarella.com.br/wp-content/plugins/formidable/../formidable-signature/assets/journal.svg#Journal") format("svg"); font-weight: normal; font-style: normal; } .sigPad { margin: 0; padding: 0; } .sigPad label { display: block; margin: 0 0 0.515em; padding: 0; color: #000; font: italic normal 1em/1.375 Georgia, Times, serif; } .sigPad label.error { color: #f33; } .sigPad input.error { border-color: #f33; } .sigPad button { margin: 1em 0 0 0; padding: 0.6em 0.6em 0.7em; background-color: #f0e2eb; border: 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; cursor: pointer; color: #ea088c; font: bold 1em/1.375 "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; } .sigPad button:hover { background-color: #ea088c; color: #fff; } .sigNav { position: absolute; top: 0; right: 0; z-index: 100; display: block; margin: 0; padding: 16px; list-style-type: none; } #frm_builder_page .sigNav.frm_hidden, .sigNav.frm_hidden { display: none; } #frm_builder_page .sigNav { display: block; } #frm_builder_page .sigPad input { display: none; } .frm_form_field .sigPad ul.sigNav li { display: block; margin: 0; margin-bottom: 12px; padding: 0; background: none; line-height: normal; } .frm_form_field .sigPad ul.sigNav li:last-child { margin-bottom: 0; } .frm_form_field .sigNav a { margin: 0; padding: 8px; padding: var(--button-padding); border: 0; text-decoration: none; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; outline: none; background-color: var(--inactive); } .frm_form_field .sigNav a, .frm_form_field .sigNav a svg { display: flex; align-items: center; justify-content: center; font-size: 16px; font-size: var(--button-size); color: var(--inactive-text); } .frm_form_field .sigNav a svg { width: 20px; height: 20px; width: var(--icon); height: var(--icon); } .frm_form_field .sigNav a.frm-active-sig-type svg { color: var(--active-text); } .sigNav a, .sigNav a:active, .sigNav a:focus, .sigNav a:hover { box-shadow: none; } .frm_form_field .sigNav a.frm-active-sig-type, .frm_fields_container .frm_form_field .sigNav a.frm-active-sig-type:focus { background-color: #eee; background-color: var(--active); } .frm_form_field .sigNav a.frm-active-sig-type, .frm_fields_container .frm_form_field .sigNav a.frm-active-sig-type:focus, .frm_form_field .sigNav a.frm-active-sig-type i { color: var(--active-text); } .sigWrapper { clear: both; border: 1px solid var(--border-color); background-color: #fff; box-sizing: content-box; position: relative; background-color: var(--bg-color); } .signed .sigWrapper { border: 0; } .pad { position: relative; cursor: crosshair; width: 100%; height: 100%; z-index: 2; } .typed { position: absolute; top: 0; right: 0; bottom: 0; left: 0; cursor: default; color: #145394; font: normal 3em/50px "Journal", Georgia, Times, serif; padding: 0; margin: 0; } .frm-typed-drawline { position: absolute; bottom: 37px; left: 16px; z-index: 3; background-color: #000; } .typed input[type="text"], .typed input[type="text"]:focus, #content .with_frm_style .typed input[type="text"], .with_frm_style .typed input[type="text"], .with_frm_style .typed input[type="text"]:focus { font: normal 2em "Journal", Georgia, Times, serif !important; text-indent: 6%; border: none !important; padding: 0 !important; margin: 0; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; height: 100% !important; width: 100%; vertical-align: middle; background-color: transparent !important; position: relative; z-index: 2; } .typed input[type="text"]:focus { background: inherit; } .frm-typed-display { font-family: "Journal", Georgia, Times, serif; font-size: 4em; line-height: 1; } a.frm-clear-signature { font-size: 14px; } .sigPad .clearButton { position: absolute; left: 16px; bottom: 16px; z-index: 2; display: inherit; line-height: 1; } .sigPad .clearButton a { color: var(--active); font-size: 13px; line-height: 1; text-decoration: none; } .frm-clear-signature-container { margin: 10px 0; } /* 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%; } } .frm-card-element .sq-card-wrapper .sq-card-message { margin-bottom: 0; } .frm-card-errors:empty { margin: 0; } /* Dark mode fix by Devika G */ :root { color-scheme: only light; } .frm_style_thiago-varella-dark-v2.with_frm_style select { background-size: auto !important; background-position: 100% 50% !important; } .with_frm_style input[type=range] { min-height: 0 !important; padding: 0 !important; } /* Formidable forms - Devika's fix for optionbox and checkbox return to white color after formidable v6.4.1 update that changed to accent color */ .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 #fff !important*/ } /* Temporary fix for honeypot spam message "If you are human, leave this field blank." */ .salvar_rascunho { display: none !important; } /* Formidable Forms - I created this class to hide fields */ .frm_hide { display: none !important; } /* CODE NOT WORKING AT MOBILE */ @media (max-width: 768px) { .frm_fixcss1 { width: auto !important; } } /* Formidable Forms - Fix css at trainings form (cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss1 { width: 512px !important; } /* --------------------------------------- */ /* FORMIDABLE BOOTSTRAP MODAL */ /* --------------------------------------- */ /* Formidable Bootstrap Modal - Hide shiftnav when modal is opened */ .modal-open #shiftnav-toggle-main { display: none; } /* Formidable Bootstrap Modal - Centralize modal */ .modal { padding: 20px !important; background: rgba(0, 0, 0, .8) !important } .modal-dialog { position: absolute !important; left: 50% !important; top: 50% !important; width: auto !important; max-width: 600px !important; transform: translate(-50%, -50%) !important; margin: 0px !important; } body.page-treinos .modal-backdrop { z-index: 240; } body.page-treinos .modal-dialog { z-index: 99999; } /* Formidable Bootstrap Modal - Centralize modal (mobile) @media (min-width: 768px) { .modal-dialog { margin-left: 161px !important; margin-right: 0px !important; margin-top: 0px !important; margin-bottom: 0px !important; width: 40% !important; } }*/ /* Formidable Bootstrap Modal - Content */ .modal-content { position: relative !important; background-color: #2d2d2d !important; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #999 !important; border-radius: 6px; /*height: 600px;*/ outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5); box-shadow: 0 3px 9px rgba(0, 0, 0, .5); } /* Formidable Bootstrap Modal - Title */ .modal-title { color: #ffffff; margin-right: 40px !important; } /* Formidable Bootstrap Modal - Close button */ .modal-header .close { font-size: 30px !important; font-weight: 500 !important; color: #c01e2e !important; text-shadow: none !important; opacity: 1 !important; margin: -2px 0 0 !important; position: absolute !important; right: 10px !important; } /* Formidable Bootstrap Modal - Header */ .modal-header { border-bottom: 1px dashed #c5c5c5 !important; } /* Formidable Bootstrap Modal - Centralize vimeo iframe */ .modal-body { text-align: center; } @media(max-width: 640px) { .modal-dialog { width: calc(100% - 40px) !important; max-width: none !important; } .modal-body { max-height: calc(100vh - 30px) !important; overflow: hidden !important; overflow-y: scroll !important; } } /* Formidable Forms - Fix incompatibility between Formidable Bootstrap Modal and ShiftNav Pro (code given by formidable forms support) */ .modal-backdrop.in { display: none !important; } /* --------------------------------------- */ /* FORMIDABLE FORMS - global settings */ /* --------------------------------------- */ /* Formidable Forms - Fix css at sequences / exercise notes filter / sections ------ cause 5/6 is not working) - I created this class to hide fields */ .frm_fixcss2 { width: 645px !important; } @media (max-width: 768px) { /* CODE NOT WORKING AT MOBILE */ .frm_fixcss2 { width: auto !important; } } /* Formidable Forms - Section field (H3) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { font-family: oswald; } /* Formidable Forms - Toggle - Definir as cores por aqui, pois o styler é ruim */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_on_label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_off_label { color: #ffffff; } .frm_style_thiago-varella-dark-v2.with_frm_style .frm_slider { background-color: #464646; } .frm_slider:before { background-color: #ffffff; box-shadow: 2px 0px 2px 1px #808080; } /* Formidable Forms - Description field */ .frm_style_thiago-varella-dark-v2.with_frm_style div.frm_description { line-height: 1.1; } /* Formidable forms - Date picker (default) */ .ui-datepicker thead { background: #3a3a3a !important; } div#ui-datepicker-div { background: #232323; } .ui-datepicker th { font-weight: normal !important; } .ui-datepicker td { border: 1px solid #616161 !important; } .ui-datepicker { border-top: 1px solid #f5821f !important; border: 1px solid #f5821f !important; } .ui-datepicker td .ui-state-default { color: #ffffff !important; } .ui-datepicker .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { background-color: #1e1e1d; color: #ffffff; } /* Formidable forms - Range slider (aumentar e estilizar o valor indicado) */ span.frm_range_value { color: white; font-size: 20px !important; } Formidable forms - Range slider (diminuir a margem superior entre o slider e o número) */ .frm_range_container input { margin-top: 0px !important; } /* Formidable forms - Range slider (código do Rishun L. para desabilitar o scrollbar (click event) */ @media (max-width: 768px) { input[type=range] { pointer-events: none; } input[type=range]::-webkit-slider-thumb { /*Webkit Browsers like Chome and Safari*/ pointer-events: auto; } input[type=range]::-moz-range-thumb { /*Firefox*/ pointer-events: auto; } input[type=range]::-ms-thumb { /*Internet Explorer*/ pointer-events: auto; } } /* Formidable forms - Dropdown (change dropdown arrrow - CODE DISABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAANCAYAAAC+ct6XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBBRUQ1QTQ1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBBRUQ1QTU1QzkxMTFFMDlDNDdEQzgyNUE1RjI4MTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMEFFRDVBMjVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMEFFRDVBMzVDOTExMUUwOUM0N0RDODI1QTVGMjgxMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5mU4QAAACUSURBVHjaYmRgYJD6////MwY6AyaGAQIspCieM2cOjKkIxCFA3A0TSElJoZ3FUCANxAeAWA6IOYG4iR5BjWwpCDQCcSnNgxoIVJCDFwnwA/FHWlp8EIpHSKoGgiggLkITewrEcbQO6mVAbAbE+VD+a3IsJTc7FQAxDxD7AbEzEF+jR1DDywtoCr9DbhwzDlRZDRBgACYqHJO9bkklAAAAAElFTkSuQmCC) !important; } /* Formidable forms - Dropdown (change dropdown arrrow - CODE ENABLED) */ .frm_style_thiago-varella-dark-v2.with_frm_style select { background-image: none; } /* Formidable forms - Slider unit (change color) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_range_unit { color: white; } /* Formidable forms - Upload drop zone (change background color) */ .dz-message.needsclick { background: #1e1e1e; } /* Formidable Forms - Repeater PLUS button (add margin at right) */ a.frm_add_form_row.frm_icon_font.frm_plus_icon { margin-right: 5px; } /* Formidable Forms - Repeater icon */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_icon_font.frm_plus_icon:before { color: #c01e2e; font-weight: 600; } /* Formidable Forms - Pagination at views (active page) */ ul.frm_pagination.pagination .active a { background: #c01e2e; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) */ ul.frm_pagination.pagination a { color: white; background: #1f1f1f; border-color: #c01e2e; } /* Formidable Forms - Pagination at views (inactive page) HOVER */ ul.frm_pagination.pagination a:hover { color: #ffffff; background-color: #313131; } /* Formidable Forms - Forms that have number of an item read only field (Styling) */ .numero_programa input, .numero_modulo input, .numero_video input { background: #f5821f !important; text-align: center !important; color: black !important; font-size: 20px !important; font-weight: 900 !important; border-color: transparent !important; } /* Formidable Forms - Forms that have number of an item read only field (Styling) - Tweak for "video" */ .numero_video input { background: darkgray !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - style */ .nome_completo input[type=text] { font-size: 18px !important; background-color: #520D14 !important; text-align: center !important; padding-top: 5px !important; padding-bottom: 5px !important; color: #f7f7f7 !important; margin-bottom: 0px !important; border: none !important; } /* Visual Composer (Team) - frm_total fields at forms for first & last name - remove box shadow*/ .nome_completo input[type=text]:focus { box-shadow: none !important; } /* Visual Composer (Team) - frm_total fields at forms for e-mail */ .email_completo { width: 100%; display: block; } .email_completo input[type=email] { font-size: 14px !important; color: #c0c0c0 !important; text-align: center !important; width: 100% !important; display: block; margin: 5px 0 20px !important; } /* Visual Composer (Team) - Sections that are shown with different color */ .only_administrators h3 { color: #828282 !important; border-bottom-color: #676767 !important; border-bottom-style: dashed !important; } /* Visual Composer (Team) - Sections that are shown with visibility set to administartors - repeater buttons */ .only_administrators .frm_icon_font.frm_plus_icon:before, .only_administrators .frm_icon_font.frm_minus_icon:before { color: #4c4c4c !important; } /* Formidable Forms - Dropdown autocomplete (background) */ .with_frm_style .chosen-drop { background: #1f1f1f !important; } /* Formidable Forms - Dropdown autocomplete (selected) */ .with_frm_style li.active-result.result-selected { background: #c01e2e !important; } /* Formidable Forms - Dropdown autocomplete (highlighted) */ .with_frm_style .chosen-container .chosen-results li.highlighted { background-color: #c01e2e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #c01e2e), color-stop(90%, #891521)); background-image: linear-gradient(#c01e2e 20%, #891521 90%); color: #fff; } /* Formidable Forms - Dropdown autocomplete (no results) */ .with_frm_style .chosen-container .chosen-results li.no-results { background: #505050 !important; } /* Formidable Forms - Dropdown autocomplete (top shadow) */ .with_frm_style .chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single { box-shadow: none !important; } /* Formidable Forms - Dropdown autocomplete - Change default placeholder text color */ .with_frm_style a.chosen-single.chosen-default span { color: #808080; } /* Formidable Forms - Dropdown autocomplete - Adjust height */ .with_frm_style a.chosen-single.chosen-default, .with_frm_style a.chosen-single.chosen-single-with-deselect { height: 32px !important; line-height: 32px !important; } /* Formidable Forms - Repeater - Remove divider between them */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_repeat_sec { border-bottom: none; } /* Formidable Forms - Uploader (Dropzone) - Remvoe extra background at bottom */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_dropzone { background-color: transparent; } /* Formidable Forms - Submit button (Font) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button { font-family: oswald; border-color: rgba(128, 128, 128, 0.5); border-style: groove; border-width: 3px; } /* Formidable Forms - Submit button (HOVER) */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=submit]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit input[type=button]:hover, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit button:hover { border-width: 1px; border-color: #b7b7b7; color: #ffffff; } /* Formidable Forms - Submit button (Flexbox CENTER) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_submit.frm_flex { justify-content: center; } /* Formidable forms - Repeater buttons (HOVER) */ a:hover.frm_add_form_row.frm_icon_font.frm_plus_icon::before, a:hover.frm_remove_form_row.frm_icon_font.frm_minus_icon::before { color: #c1c1c1 !important; } /* Formidable forms - Error message (tweak) */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_error_style { border-width: 5px; line-height: 1.1; text-align: center; } /* Formidable forms - Primary label */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { line-height: 1.2; } /* Formidable forms - Primary label for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 15px; } } /* Formidable forms - Vertical space between fields (Mobile) */ /* @media (max-width: 768px) { .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 30px !important; } } */ /* Formidable forms - Descriptions for vey small devices (MOBILE) */ @media (max-width: 360px) { .frm_style_thiago-varella-dark-v2.with_frm_style .frm_description { font-size: 12px !important; line-height: 1.1 !important; } } /* Formidable forms - class "administrator-readonly" (styling) */ .administrator-readonly input { background-image: none !important; background-repeat: no-repeat !important; background: #171717 !important; } /* Formidable forms - Before input field background */ .frm_inline_box.input-group-addon { background: #353535 !important; } /* Formidable forms - After input field text color */ .frm_inline_box.input-group-text.input-group-addon { color: white; height: 36px; } /* --------------------------------------- */ /* AREAVIP & TEAM (All forms) */ /* --------------------------------------- */ /* Formidable Forms - Team - field */ .frm_style_thiago-varella-dark-v2.with_frm_style .form-field { margin-bottom: 10px; } /* Formidable Forms - Team - labels */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_primary_label { font-size: 14px; padding: 0 0 5px 0; } /* Formidable Forms - Team - radio buttons and checkboxes */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_radio label, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_checkbox label { font-size: 14px; } /* Formidable Forms - Team - headings */ .page-areavip .frm_style_thiago-varella-dark-v2.with_frm_style .frm-show-form .frm_section_heading h3 { padding: 5px 0 3px 0; font-size: 20px; } /* Formidable Forms - Team - toggle */ .frm_style_thiago-varella-dark-v2.with_frm_style .frm_switch_opt { font-size: 14px; } /* Formidable Forms - Team - input text */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number] .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=phone], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select, .frm_style_thiago-varella-dark-v2.with_frm_style textarea, .frm_form_fields_style, .frm_style_thiago-varella-dark-v2.with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-multi .chosen-choices, .frm_style_thiago-varella-dark-v2.with_frm_style .chosen-container-single .chosen-single { font-size: 14px; } /* Formidable Forms - Team - input size */ .frm_style_thiago-varella-dark-v2.with_frm_style input[type=text], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=password], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=email], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=number], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=url], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=tel], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=file], .frm_style_thiago-varella-dark-v2.with_frm_style input[type=search], .frm_style_thiago-varella-dark-v2.with_frm_style select { height: 32px; line-height: 1.3; margin-bottom: 5px; } /* Formidable Forms - Team - range slider (my custom text) */ .frm_range_container span { font-size: 16px !important; } /* Formidable Forms - Team - Remove spaces betwwen repeaters */ .page-areavip .frm_repeat_sec { margin-bottom: 0px !important; margin-top: 0px !important; } /* Formidable Forms - Team - Decrease space betwwen vertical checkboxes and radion buttons */ .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox+.frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio+.frm_radio { line-height: 1; } /* --------------------------------------- */ /* Filters */ /* --------------------------------------- */ /* Formidable Forms - Filters (border and padding) */ .form_filter fieldset { /* padding-top: 0px !important; */ border-color: #c01e2e !important; border-width: 1px !important; } /* Formidable Forms - Filters (move submit button up) */ .form_filter .frm_submit { margin-bottom: -39px !important; } /* Formidable Forms - Filters (change submit button height */ .form_filter .frm_final_submit { font-size: 14px !important; height: 34px !important; } /* Formidable Forms - Toggle 'Arquivar' (Hide off option) */ .frm_filter_arquivar span.frm_off_label.frm_switch_opt { display: none; } /* Formidable Forms - Toggle 'Arquivar' (remove margin bottom) */ .frm_filter_arquivar { margin-bottom: 0px !important; } /* Formidable Forms - Team - All toggles (main color) */ .page-team input:checked+.frm_slider { background-color: #c01e2e !important; } /* Remove extra margin from headings */ .form_filter .form-field.frm_section_heading { margin-bottom: 0 !important; } /* Hide field name that i am passing inside description at filters to devika's code */ .form_filter .frm_description .param { display: none !important } .reset-filter { margin: 10px 0; } #view-data { min-height: 200px; transition: opacity .12s } #view-data.doing-ajax { position: relative; overflow: hidden; } #view-data.doing-ajax>* { pointer-events: none; opacity: .26 } #view-data.doing-ajax:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 10; cursor: wait; } #view-data.doing-ajax .ajax-loader { position: absolute; z-index: 20; left: 50%; top: 80px; transform: translate(-50%, 0%); display: block; opacity: 1 } #view-data:not(.doing-ajax) .ajax-loader { display: none !important } /* --------------------------------------- */ /* Fitness Consulting Form */ /* --------------------------------------- */ /* Range slider - altura (acrescentar "m") */ #frm_field_563_container span.frm_range_value:after { content: ' m'; } /* Range slider - peso (acrescentar "kg") */ #frm_field_562_container span.frm_range_value:after { content: ' kg'; } /* Range slider - percentual de gordura (acrescentar "%") */ #frm_field_564_container span.frm_range_value:after { content: ' %'; } /* Range slider - Quantos meses sem fazer musculação (acrescentar "meses") */ #frm_field_571_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos meses já praticou (acrescentar "meses") */ #frm_field_568_container span.frm_range_value:after { content: ' meses'; } /* Range slider - Quantos dias na semana pode treinar (acrescentar "dias") */ #frm_field_579_container span.frm_range_value:after { content: ' dias'; } /* Extra space between some fields and next field */ #frm_field_conf_553_container, #frm_field_conf_554_container, #frm_field_517_container, #frm_field_518_container, #frm_field_553_container, #frm_field_1318_container, #frm_field_591_container, #frm_field_520_container, #frm_field_1080_container, #frm_field_1565_container, #frm_field_521_container, #frm_field_530_container, #frm_field_561_container, #frm_field_1631_container, #frm_field_1632_container, #frm_field_565_container, #frm_field_573_container, #frm_field_568_container, #frm_field_572_container, #frm_field_536_container, #frm_field_562_container, #frm_field_531_container, #frm_field_2163_container, #frm_field_2167_container, #frm_field_2164_container, #frm_field_2168_container { margin-bottom: 30px !important; } /* Extra space between some fields and previous field */ #frm_field_1565_container, #frm_field_1811_container { margin-top: 30px !important; } /* Star rating - Cerveja/Beer (acertar largura e altura) */ .frm-star-group .star-rating, .frm-star-group input+label { width: 35px !important; height: 36px !important; font-size: 36px !important; } /* Star rating - Cerveja/Beer (diminuir o espaço entre as cervejas) */ .frm-star-group .star-rating, .frm-star-group input+label { margin-right: 5px; } /* Star rating - Cerveja/Beer (cheia) */ .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked+label:before, .frm-star-group input+label:hover:before, .frm-star-group:hover input+label:hover:before, .frm-star-group .star-rating-on:before, .frm-star-group .star-rating-hover:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-full.png) !important; } /* Star rating - Cerveja/Beer (vazia) */ .frm-star-group input+label:before, .frm-star-group .star-rating:before { color: transparent !important; background-image: url(/wp-content/uploads/2019/06/Beer-empty.png); } /* Star rating - Adjust for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_567_container .star-rating, #frm_field_567_container input+label { width: 30px !important; } } /* Optionbox - Sexo (criei classe "option_sexocartoon" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_sexocartoon { padding-left: 40px; } /* Optionbox - EMOJIS (centralizar tudo) */ div#frm_field_582_container { text-align: center; } #frm_field_582_container label.frm_primary_label.control-label { text-align: center !important; } /* Optionbox - EMOJIS (diminuir espaço entre os emojis) */ #frm_field_582_container .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_checkbox, .frm_style_thiago-varella-dark-v2.with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1 { display: inline-block; margin-left: 0px; padding-left: 0px; } /* Optionbox - EMOJIS (criei classe "option_emoji" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário) */ .option_emoji { padding-left: 15px; } /* E-mail (campos secundários e original do team) - ajustar distância vertical entre estes dois campo no mobile */ @media (max-width: 768px) { #frm_field_1077_container { margin-bottom: 10px !important; } } /* Objetivos - Border at images */ #frm_field_578_container img { border-width: 1px; border-color: #737373; border-style: solid; margin-top: 5px; } /* Objetivos - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_578_container img { width: 120px; } } /* Objetivos - Resize checkbox labels - MOBILE */ @media (max-width: 768px) { #frm_field_578_container .frm_checkbox label { font-size: 15px; } } /* Objetivos - checkbox labels */ #frm_field_578_container .frm_checkbox label { padding-left: 0px; } /* Objetivos - Increase vertical space between checkboxes */ #frm_checkbox_578-588-2, #frm_checkbox_578-588-3 { margin-top: 20px; margin-bottom: 20px; } /* Error message fix (Objetivos) */ #frm_field_578_container .frm_error { display: inline-block; } /* Toggle whatsapp (add icon) */ #frm_field_1565_container .frm_on_label.frm_switch_opt:after { content: '\f232'; font-family: FontAwesome; color: #52ce5f; margin-left: 5px; } /* Toggle whatsapp (adjust vertical space) - MOBILE */ @media (max-width: 768px) { #frm_field_1565_container { margin-bottom: 10px; } } /* Whatsapp phone field (margin bottom) - DESKTOP & MOBILE */ #frm_field_1566_container, #frm_field_1748_container { margin-bottom: 20px !important; } /* Whatsapp phone field (increase input text size) - MOBILE */ @media (max-width: 768px) { #frm_field_1566_container input, #frm_field_1748_container input { font-size: 18px; } } /* Whatsapp phone field (change color while typing) */ @media (max-width: 768px) { #frm_field_1566_container :invalid, #frm_field_1748_container:invalid { color: #e0e0e0 !important; } } /* Histórico e restrições (text area) */ #frm_field_539_container textarea, #frm_field_533_container textarea { background: url(/wp-content/uploads/webqualitat/background-typing.png); background-repeat: no-repeat; background-position: center; background-size: contain; background-color: #1e1e1e; line-height: 1.1; } /* Nutricionista */ #frm_field_566_container .frm_on_label:after { content: '\f0f5'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Fumante */ #frm_field_574_container .frm_on_label:after { content: '\f06d'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Bebida */ #frm_field_575_container .frm_on_label:after { content: '\f0fc'; font-family: 'FontAwesome'; margin-left: 10px; font-size: 22px; color: #f5821f; } /* Mailster tags (multiple select dropdown) */ #frm_field_1701_container select { height: 64px; } /* Fix section vertical margin */ #frm_form_55_container h3.frm_pos_top.frm_section_spacing { margin-bottom: 20px !important; } /* Fix section bottom margin */ #frm_form_55_container .form-field.frm_section_heading { margin-bottom: 0px !important; } /* Histórico field - placeholder dimmed */ #frm_field_539_container textarea::placeholder { color: #97926f; } /* Histórico field - label style */ #frm_field_539_container .frm_primary_label { font-weight: 600; color: white; text-transform: uppercase; } /* --------------------------------------- */ /* Subscription plan calculator */ /* --------------------------------------- */ /* Optionbox - Planos (criei classe "option_plano" para ajustar espaços em relação ao radiobutton que regulei para cima no formulário, e acertar tamanho dos ícones) */ .option_plano { font-size: 48px; color: #f5821f; padding-left: 30px; } @media (max-width: 768px) { .option_plano { padding-left: 20px; } } /* Campos que não tenham optionbox vertical (centralizar) */ div#frm_field_696_container, div#frm_field_700_container, div#frm_field_712_container { text-align: center; } /* Campo que tem optionbox vertical (centralizar) */ div#frm_field_291_container { margin-left: auto; margin-right: auto; width: 50% !important; } /* Campo que tem optionbox vertical (centralizar) - ajuste para mobile */ @media (max-width: 768px) { div#frm_field_291_container { width: 80% !important; } } /* Form of payment block - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { div#frm_field_291_container { width: 90% !important; } } /* Optionbox - Planos (diminuir espaço entre os emojis no mobile) */ @media (max-width: 768px) { #frm_field_696_container .frm_radio label { padding-left: 0px !important; } } /* Optionbox - Planos [número de meses] (acertar o estilo) */ .option_plano_meses { color: #b3b3b3; text-decoration: overline; padding-top: 10px; font-style: italic; padding-left: 25px; } @media (max-width: 768px) { .option_plano_meses { padding-left: 15px; } } /* Optionbox - Pagamento (criei classe "option_pagamento" para ajustar espaços em relação ao radiobutton, e acertar tamanho dos ícones) */ .option_pagamento { font-size: 24px; color: #f5821f; padding-left: 10px; } /* Section - Todas as seções com a linha inferior suavizada e margem inferior maior, fonte ajustada */ #frm_form_30_container .form-group { margin-bottom: 0 !important } #frm_form_30_container h3.frm_pos_top.frm_section_spacing { border-bottom-color: #616161 !important; margin-bottom: 20px !important; font-size: 23px; line-height: 1.1; } /* HTML - Todos os campos HTML deste formulário */ #frm_form_30_container .frm_form_field.frm_html_container.form-field { line-height: 1.5; } /* Button "Faça seu pedido" (make font bigger) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 20px; } /* Button "Faça seu pedido" - adjust for VERY SMALL DEVICES (mobile) */ @media (max-width: 360px) { #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 18px !important; } } /* Buttons "Continuar" (Insert right arrow icon) */ #frm_form_30_container .frm_page_num_1 button.frm_button_submit.btn.btn-default::after, #frm_form_30_container .frm_page_num_2 button.frm_button_submit.btn.btn-default::after { content: '\f138'; font-family: fontawesome; display: inline-block; margin-left: 10px; } /* Button "Faça seu pedido" (Insert "add to cart" icon) */ #frm_form_30_container button.frm_button_submit.btn.btn-default.frm_final_submit::before { display: inline-block; font-family: FontAwesome; color: #ffffff; content: "\f218"; margin-right: 10px; } /* Line dividing payment methods section from form of payments */ #frm_field_291_container { border-bottom-width: 1px; border-bottom-style: dashed; padding-bottom: 15px; border-bottom-color: #5a5a5a; } /* Rootline */ #frm_form_30_container .frm_rootline .frm_current_page input[type="button"] { border-color: #ffffff; background-color: #252525 !important; color: #ffffff; border-width: 1px; } /* Calculator border */ #frm_form_30_container .frm_form_fields>fieldset { border-color: #c7c7c7; border-width: 3px; } /* Page 3 with summary - block of form of payment for very small devices (Mobile) */ @media (max-width: 360px) { #frm_field_715_container { font-size: 13px; } } /* --------------------------------------- */ /* Training request */ /* --------------------------------------- */ /* File upload (text) */ #frm_field_1277_container span.frm_upload_text { font-size: 14px; } /* File upload (instructions) */ #frm_field_1277_container .frm_small_text { display: none; } /* File upload (paddings) */ #frm_field_1277_container .dz-message.needsclick { padding: 5px; } /* File upload (icon) */ #frm_field_1277_container .frm_upload_icon:before { font-size: 18px; } /* E-mail marketing 1st checkbox (label) */ #frm_checkbox_1387-1385-0 label { padding-left: 0px; } /* E-mail marketing 1st checkbox (checkbox) */ #frm_checkbox_1387-1385-0 { padding-left: 0px; } /* --------------------------------------- */ /* Training request fiter */ /* --------------------------------------- */ /* Collapsible Section styling H3 text */ #form_jjjcq224223 .frm_section_heading h3 { padding: 0px; font-size: 16px; margin-bottom: 0px !important; font-family: Lato !important; color: #f5821f; border-bottom: none; } /* ------------------------------------------ */ /* Training request fiter (CSV Export list) */ /* ------------------------------------------ */ /* Dropdowns with multiple selection (i disabled here cause need to make filter work as expected) */ #frm_field_1330_container select, #frm_field_1331_container select, #frm_field_1338_container select { /* height: 76px; */ } /* --------------------------------------- */ /* Training request interaction box */ /* --------------------------------------- */ /* Adjust spaces betwwen these repeater */ #frm_form_83_container .frm_repeat_sec { padding-bottom: 5px; } /* Frame */ #frm_form_83_container fieldset { border-width: 1px; border-style: dashed; border-color: #a9a9a9; } /* Labels */ #frm_form_83_container .frm_primary_label { font-size: 14px; } /* Dropdown */ #frm_form_83_container select { height: 32px !important; font-size: 14px !important; } /* Rich text */ #frm_form_83_container textarea.wp-editor-area { font-size: 14px !important; } /* Text */ #frm_form_83_container input[type="text"] { height: 32px !important; font-size: 14px !important; } /* Submit button */ #frm_form_83_container .frm_submit button { height: 38px !important; } /* --------------------------------------- */ /* Trainings */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1145-1001-i14960_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programming */ /* --------------------------------------- */ /* Programmings entry ID field - Align with "Programa" field */ @media (min-width: 768px) { div#frm_field_1220_container { margin-left: 134px; } } /* --------------------------------------- */ /* Programs */ /* --------------------------------------- */ /* Dropdown autocomplete (Instructions) - DESKTOP */ @media (min-width: 768px) { #frm_field_781_container a.chosen-single.chosen-single-with-deselect, #frm_field_781_container .frm_dynamic_select_container { width: 512px !important; } } /* Dropdown autocomplete (Exercise & Exercise notes) - DESKTOP */ @media (min-width: 768px) { #frm_field_795_container a.chosen-single.chosen-single-with-deselect, #frm_field_795_container .frm_dynamic_select_container, #frm_field_798_container a.chosen-single.chosen-single-with-deselect, #frm_field_798_container .frm_dynamic_select_container, #frm_field_808_container a.chosen-single.chosen-single-with-deselect, #frm_field_808_container .frm_dynamic_select_container, #frm_field_818_container a.chosen-single.chosen-single-with-deselect, #frm_field_818_container .frm_dynamic_select_container, #frm_field_828_container a.chosen-single.chosen-single-with-deselect, #frm_field_828_container .frm_dynamic_select_container, #frm_field_838_container a.chosen-single.chosen-single-with-deselect, #frm_field_838_container .frm_dynamic_select_container { width: 599px !important; } } /* --------------------------------------- */ /* Sequences */ /* --------------------------------------- */ /* Dropdown autocomplete (Programs) - DESKTOP */ @media (min-width: 768px) { #frm_field_855_container a.chosen-single.chosen-single-with-deselect, #frm_field_855_container .frm_dynamic_select_container { width: 645px !important; } } /* --------------------------------------------- */ /* Programmings - AreaVIP programs (weight box) */ /* --------------------------------------------- */ /* Number of series (Styling) */ .numero_serie input { background: #f5812f !important; text-align: center !important; color: black !important; font-size: 14px !important; font-weight: 900 !important; border-color: transparent !important; border-radius: 10px !important; } /* All fields that have 1/3 CSS --------- FIX THIS WITH DEVIKA */ #form_programmings-areavipprogramsweightbox .frm_form_field.frm_third { width: 30% !important; clear: none !important; float: left !important; margin-left: 5px !important; margin-bottom: 0px !important; } /* All repeatable sections of this form (remove bottom padding) */ #form_programmings-areavipprogramsweightbox .frm_repeat_sec { padding-bottom: 0px !important; } /* Change submit button height of this form */ #form_programmings-areavipprogramsweightbox button.frm_button_submit.btn.btn-default.frm_final_submit { font-size: 14px; height: 34px !important; } /* --------------------------------------- */ /* Trainings filter */ /* --------------------------------------- */ /* Hide Dropdown autocomplete placeholder text */ #frm_field_1020_container a.chosen-single.chosen-default span, #frm_field_1264_container a.chosen-single.chosen-default span { display: none !important; } /* --------------------------------------- */ /* Templates */ /* --------------------------------------- */ /* MCE Editor (Top margin) */ #frm_field_487_container { margin-top: 30px; } /* --------------------------------------- */ /* Templates filter */ /* --------------------------------------- */ /* Padrão field checkboxes (left margin) */ #frm_field_915_container { margin-left: 0px; } /* --------------------------------------- */ /* Interactions */ /* --------------------------------------- */ /* Nome da interação (margem inferior) */ #frm_field_436_container { margin-bottom: 20px; } /* MCE Editor (Top margin) */ #frm_field_437_container { margin-top: 20px; } /* Nome do código PHP (Before input) */ #frm_field_1664_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* Nome do código PHP (margem inferior) */ #frm_field_1670_container { margin-bottom: 20px; } /* --------------------------------------- */ /* Nutrition form */ /* --------------------------------------- */ /* Metas - Resize images for very small devices (MOBILE) */ @media (max-width: 360px) { #frm_field_1391_container img { width: 120px; } } /* Histórico (Anotações) - Fix size when form is at landing page (DESKTOP) */ @media (min-width: 768px) { .page-id-105611 .frm_field_1457_container { width: 475px !important; } } /* Metas - Remove extra space at checkoxes */ #frm_field_1391_container .frm_checkbox label { padding-left: 0px; } /* Metas - Space between checkboxes */ #frm_checkbox_1391-1389-2, #frm_checkbox_1391-1389-3 { margin-top: 10px; } /* Extra space between some fields and previous field (large space) */ #frm_field_1403_container, #frm_field_1429_container, #frm_field_1410_container { margin-top: 30px; } /* (!!! IT'S A CLASS !!!) Extra space between some fields and previous field (large space) - inside repeater (MOBILE) */ @media (max-width: 768px) { .frm_field_1445_container { margin-top: 0px; } } /* Extra space between some fields and previous field (small space) */ #frm_field_1428_container { margin-top: 15px; } /* Repeater icons with text (style) */ #frm_field_1441_container a.frm_add_form_row.frm_button, #frm_field_1441_container a.frm_remove_form_row.frm_button { height: 35px !important; background: transparent !important; border-color: #c01e2e !important; border-width: 3px !important; border-style: groove !important; padding-top: 5px !important; padding-bottom: 2px !important; padding-left: 8px !important; padding-right: 8px !important; margin-right: 5px !important; } /* Repeater icons with text (space) */ #frm_field_1441_container .frm_repeat_buttons { margin-top: 20px; } /* Suplementação checkboxes (MOBILE) very small devices */ @media (max-width: 360px) { #frm_field_1520_container .frm_checkbox { width: 70%; } } /* Suplementação checkboxes (items) */ #frm_field_1522_container label { padding-left: 0px !important; } /* Suplementação checkboxes (title) */ #frm_field_1522_container .frm_primary_label { margin-bottom: 5px; } /* Suplementação checkboxes (description) */ #frm_field_1522_container .frm_description { padding-top: 8px !important; } /* Fullname */ #frm_field_1392_container { margin-bottom: 0px !important; } /* E-mail */ #frm_field_1393_container { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Nutrition request form */ /* ----------------------------------------------- */ /* Draft button - Set style */ #frm_form_115_container a.frm_save_draft { font-size: 20px; font-weight: 600; display: block; } /* Documento principal (dropdown) */ #frm_field_1561_container { margin-bottom: 20px !important; } /* Documentos adicionais (checkboxes) */ #frm_field_1562_container .frm_checkbox label { padding-left: 0px !important; } /* ----------------------------------------------- */ /* Affiliates form */ /* ----------------------------------------------- */ /* Less margin at description */ #frm_form_129_container .frm_form_field input[type=text] { margin-bottom: 5px !important; } /* More margin between fields (only inside sections) */ #frm_field_1867_container .form-field, #frm_field_1859_container .form-field, #frm_field_1890_container .form-field, #frm_field_1822_container .form-field, #frm_field_1870_container .form-field, #frm_field_1875_container .form-field, #frm_field_1877_container .form-field, #frm_field_1825_container .form-field, #frm_field_1819_container .form-field { margin-bottom: 20px !important; } /* sections */ #frm_form_129_container h3.frm_pos_top { padding-top: 0px !important; } /* Social network repeater */ #frm_field_1905_container { margin-bottom: 20px !important; } /* Cupom repeater */ #frm_field_1912_container { margin-bottom: 20px !important; } /* Fullname */ div#frm_field_1817_container { margin-bottom: 0px !important; } /* E-mail */ div#frm_field_1818_container { margin-bottom: 0px !important; } /* remove top space of social networks repeater repeater */ #frm_field_1905_container { margin-top: 0px; } /* Hide social networks repeater header */ #frm_field_1905_container h3.frm_pos_top.frm_section_spacing { display: none; } /* Fix height of add and remove buttons of repeater */ #frm_form_129_container a.frm_add_form_row.frm_button, #frm_form_129_container a.frm_remove_form_row.frm_button { height: auto !important; padding-top: 5px; padding-bottom: 8px; border-radius: 5px; } /* More vertical top margin for buttons of repeater */ #frm_form_129_container .frm_form_field.frm_hidden_container.frm_repeat_buttons { margin-top: 10px; } /* Bank info at mobile */ @media (max-width: 768px) { #frm_field_1861_container { grid-column: span 5 / span 6 !important; } #frm_field_1862_container { grid-column: span 7 / span 6 !important; } #frm_field_1863_container { grid-column: span 5 / span 6 !important; } #frm_field_1864_container { grid-column: span 7 / span 6 !important; } } /* Signature adjust line (mobile) */ @media(max-width:768px) { .frm-typed-drawline { width: 90% !important; left: 17px !important } } /* Remove bottom margin from repeater buttons */ #frm_field_1905_container .frm_repeat_sec { margin-bottom: 0px !important; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Whatsapp phone field (icon inside input) */ #frm_field_1653_container input { font-size: 18px; width: fit-content; } /* SMS phone field (icon inside input) */ #frm_field_1654_container input { font-size: 18px; width: fit-content; } /* E-mail field (font size) */ #frm_field_1655_container input { font-size: 18px; } /* Change size (primary label) */ #frm_form_121_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } /* Change size (submit button) */ #frm_form_121_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Change size (radio buttons with images) */ #frm_form_121_container .frm_radio.frm_image_option { --image-size: 100px; } /* Get login code (icon beside submit) */ #frm_form_121_container .form-group.frm_submit { background-image: url(/wp-content/uploads/webqualitat/icon-login-getcode.png); background-position-x: 11px; background-position-y: -1px; background-size: 72px; background-repeat: no-repeat; margin-bottom: 10px !important; height: 79px; } /* Add space below question */ #field_385l2_label { margin-bottom: 30px; } /* Image selector border */ #frm_form_121_container .frm_image_options .frm_image_option_container:hover, #frm_form_121_container input[type=radio]:checked+.frm_image_option_container, #frm_form_121_container input[type=checkbox]:checked+.frm_image_option_container { border-color: #c01e2f; box-shadow: 0 0 2px 3px rgb(192 30 47 / 56%); } /* Image selector checkmark */ #frm_form_121_container .frm_image_option_container .frm_selected_checkmark svg { fill: #c01e2f; width: 24px; height: 24px; } /* Temporary fix for height of radio images */ #frm_form_121_container .frm_image_option_container.frm_label_with_image { height: 136px; } /* Temporary fix to center radio images */ #frm_form_121_container .frm_image_options .frm_opt_container { margin: 0 auto; } /* ----------------------------------------------- */ /* Login-Authenticate form */ /* ----------------------------------------------- */ /* Change size (primary label) */ #frm_form_122_container .frm_primary_label { font-size: 16px; color: white; font-weight: 500; } #frm_field_1659_container label { text-align: center; margin-bottom: 10px; } /* SMS code field (font size) */ #frm_field_1659_container input { font-size: 35px; height: 60px; } #frm_field_1659_container .frm_input_group { margin: 0 auto; } /* Submit button (change size) */ #frm_form_122_container .frm_submit button { font-size: 21px; font-weight: 500; text-transform: uppercase; } /* Submit button (awesome icon) */ #frm_form_122_container .frm_submit button:before { content: 'tt'; content: '\f138'; font-size: 24px; margin-right: 9px; font-family: FontAwesome; } /* Checkbox to add phone to form (resize) */ #frm_field_1661_container input { transform: scale(1.5); } /* Checkbox to add phone to form (color) */ #frm_field_1661_container label { color: #d2d2d2; } /* ----------------------------------------------- */ /* Automations form */ /* ----------------------------------------------- */ /* Nome do código PHP (Before input) */ #frm_field_1670_container .frm_inline_box.input-group-addon { color: white; font-weight: 600; } /* ----------------------------------------------- */ /* Mailster subscriber form */ /* ----------------------------------------------- */ /* Form inline - Adjust form size at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline { width: 70%; margin: 0 auto; } } /* Form inline & landing - Adjust name and email field to small width at desktop */ @media (min-width: 768px) { .mailster_subscriber_form_inline #frm_field_1702_container, .mailster_subscriber_form_inline #frm_field_1703_container, .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { width: 80% !important; margin: 0 auto !important; } } /* Form landing - Adjust fields vertical bottom space (DESKTOP) */ @media (min-width: 768px) { .mailster_subscriber_form_landing #frm_field_1702_container, .mailster_subscriber_form_landing #frm_field_1703_container { padding-bottom: 20px; } } /* Adjust name and email height to be same as prefix icon */ #frm_field_1702_container input, #frm_field_1703_container input { margin-bottom: 0px !important; } /* Set style for header text */ #frm_field_1728_container { font-size: 20px; text-align: center; font-family: 'Oswald'; color: #ffffff; border: none; font-weight: 500; text-transform: uppercase; background: rgb(248 130 31 / 27%); padding: 5px; } /* Form (sidebar & inline) Set more vertical space for header text */ .mailster_subscriber_form_sidebar #frm_field_1728_container, .mailster_subscriber_form_inline #frm_field_1728_container { margin-bottom: 20px; } /* Add checkmark icon at message submit */ #frm_form_127_container .frm_message>p:after { content: "\f058"; font-family: 'Font Awesome 5 Free'; font-weight: 400; margin-left: 5px; } /* Submit button (all forms) */ .mailster_subscriber_form_landing .frm_button_submit, .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { font-size: 26px !important; font-weight: 500 !important; padding-left: 10px !important; padding-right: 10px !important; padding-top: 5px !important; padding-bottom: 5px !important; text-transform: uppercase !important; background: rgb(192 30 46 / 77%) !important; border-color: #b5b5b5 !important; border-style: groove !important; } /* Submit button (landing) */ .mailster_subscriber_form_landing .frm_button_submit { border-width: 5px !important; height: 58px !important; } /* Submit button (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing .frm_button_submit { margin-top: 20px !important; } } /* Submit button (sidebar & inline) */ .mailster_subscriber_form_sidebar .frm_button_submit, .mailster_subscriber_form_inline .frm_button_submit { border-width: 4px !important; font-weight: 600 !important; font-size: 18px !important; } /* Submit button (inline) */ .mailster_subscriber_form_inline .frm_button_submit { margin-top: 20px !important; } /* labels (all) */ .mailster_subscriber_form_landing .frm_primary_label, .mailster_subscriber_form_sidebar .frm_primary_label, .mailster_subscriber_form_inline .frm_primary_label { text-align: center !important; font-weight: 700 !important; color: white !important; font-size: 17px !important; } /* Forms (all) - input fields */ .mailster_subscriber_form_landing input, .mailster_subscriber_form_sidebar input, .mailster_subscriber_form_inline input { background: rgb(30 30 30 / 82%) !important; } /* Forms (all) */ .mailster_subscriber_form_landing fieldset, .mailster_subscriber_form_sidebar fieldset, .mailster_subscriber_form_inline fieldset { border-width: 2px !important; border-color: #f5821f !important; border-radius: 25px !important; background: rgb(192 30 47 / 26%) !important; margin-top: 30px !important; margin-bottom: 30px !important; background-image: url(/wp-content/uploads/2019/04/Caricatura-site-mobile-shift.png) !important; background-repeat: no-repeat !important; } /* Form (landing) */ .mailster_subscriber_form_landing fieldset { border-style: double !important; padding: 15px !important; background-position: right -17px bottom -6px !important; box-shadow: 0 10px 15px -3px rgba(255, 255, 255, 0.1), 0 4px 6px -2px rgba(255, 255, 255, 0.05) !important; } /* Form (landing) - DESKTOP */ @media (min-width: 768px) { .mailster_subscriber_form_landing fieldset { padding-top: 30px !important; padding-bottom: 30px !important; } } /* Form (sidebar) */ .mailster_subscriber_form_sidebar fieldset { border-style: dashed !important; padding: 25px 5px 51px 5px !important; background-position: right -17px bottom -12px !important; } /* Form (inline) */ .mailster_subscriber_form_inline fieldset { border-style: dashed !important; padding: 30px 5px !important; background-position: right -17px bottom -12px !important; } .frm_primary_label { cursor: pointer; } /* ----------------------------------------------- */ /* Login form */ /* ----------------------------------------------- */ /* Vertical margin for option box section */ #frm_field_1767_container { margin-bottom: 0px !important; } /* Vertical margin for enter number or email section */ #frm_field_1769_container { margin-bottom: 0px !important; } /* Style for methods option boxe selected (border and background) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container { border-width: 3px; background: #424242; } /* Style for methods option boxe selected (bold) */ #frm_form_121_container input[type=radio]:checked+.frm_image_option_container span.frm_text_label_for_image_inner { font-weight: 700; } /* Devika's code */ #frm_form_121_container { overflow: hidden } #form_login h3 { line-height: 25px; padding-bottom: 10px; } #form_login h3, #form_login h3+.frm_description { text-align: center !important } #form_login .frm_form_fields { margin-bottom: 0 !important } #form_login #frm_field_1782_container, #form_login #frm_field_1785_container { user-select: none; cursor: default } #form_login #frm_field_1782_container [readonly], #form_login #frm_field_1785_container [readonly] { pointer-events: none !important; } #form_login #frm_field_1782_container [readonly]:focus, #form_login #frm_field_1785_container [readonly]:focus { box-shadow: none !important; border-color: var(--border-color-disabled) !important } #form_login #frm_field_1652_container .frm_radio { margin: 5px !important; user-select: none } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark { left: 50%; top: 100%; transform: translate(-50%, -2px) } #form_login #frm_field_1652_container .frm_image_option_container .frm_selected_checkmark svg { transform: scale(1.3); } #form_login #frm_field_1652_container .frm_label_with_image { display: block; text-align: center; color: #fff !important } #form_login #frm_field_1652_container .frm_label_with_image img { display: block; margin-bottom: 5px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_2169_container, #form_login #frm_field_2170_container, #form_login #frm_field_2171_container, #form_login #frm_field_2172_container { margin: 0 auto; width: auto !important } #form_login #frm_field_2169_container select, #form_login #frm_field_2169_container .frm_slimselect, #form_login #frm_field_2170_container select, #form_login #frm_field_2170_container .frm_slimselect, #form_login #frm_field_2171_container select, #form_login #frm_field_2171_container .frm_slimselect, #form_login #frm_field_2172_container select, #form_login #frm_field_2172_container .frm_slimselect { width: 250px; margin-bottom: 10px; } #form_login #frm_field_2169_container .ss-arrow, #form_login #frm_field_2170_container .ss-arrow, #form_login #frm_field_2171_container .ss-arrow, #form_login #frm_field_2172_container .ss-arrow { margin-bottom: auto; } #form_login #frm_field_1767_container .frm_opt_container { text-align: center; display: flex; align-content: center; justify-content: center; } #form_login #frm_field_1767_container .frm_text_label_for_image_inner { color: #fff !important } #form_login #frm_field_1760_container { background: url(/wp-content/uploads/webqualitat/locker-otp-login.png) 50% 0% no-repeat; width: 250px !important; height: 357px !important; display: block; margin: 0 auto 40px !important; position: relative; } #form_login #frm_field_1760_container>label, #form_login #frm_field_1760_container .input-group-addon { display: none } #form_login #frm_field_1760_container .frm_input_group { position: absolute; left: 33px; bottom: 80px; display: block; width: 190px; overflow: hidden; } #form_login #frm_field_1760_container .form-control { display: none } #form_login #frm_field_1760_container .frm_description { position: absolute; top: 100%; left: 0; right: 0; z-index: 1; text-align: center; font-weight: 600; font-style: normal; color: #F1F1F1; } #form_login #frm_field_1760_container.has-error .frm_description { display: none } #form_login #frm_field_1760_container .frm_error { position: absolute; top: 100%; left: 0; right: 0; z-index: 2; text-align: center; min-height: 40px } #form_login #frm_field_1760_container #otp { display: flex; justify-content: center; position: absolute; left: 20px; right: 20px; bottom: 85px; font-family: Oswald; font-size: 60px; line-height: 60px; } #form_login #frm_field_1760_container #otp>input { -webkit-appearance: none; appearance: none; -moz-appearance: textfield; border: 2px solid #c01e2f; font-family: Oswald; font-size: 45px; line-height: 45px; height: 80px; margin: 0 1px; text-align: center; background: rgba(0, 0, 0, .7); transition: 0.3 ease; box-shadow: inset rgba(0, 0, 0, .8) 2px 3px 8px } #form_login #frm_field_1760_container #otp>input::-webkit-outer-spin-button, #form_login #frm_field_1760_container #otp>input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #form_login #frm_field_1760_container #otp>input:focus { background: #000; } #form_login #frm_field_1801_container { text-align: center; line-height: 1.2; } #form_login .frm_submit { margin-top: 20px !important; } #frm_form_121_container .frm_message { border: 0 !important; margin: 0 !important } @media(max-width:768px) { #form_login h3 { padding-top: 0px !important; } #form_login #frm_field_1652_container .frm_radio { margin: 3px !important; } #form_login #frm_field_1653_container, #form_login #frm_field_1654_container, #form_login #frm_field_1655_container { margin-bottom: 10px !important } #form_login #frm_field_1794_container { margin-bottom: 10px !important; } #form_login #frm_field_1773_container, #form_login #frm_field_1775_container { margin-bottom: 0 !important } } @media(max-width:640px) { #form_login h3 { font-size: 18px !important } #form_login #frm_field_1652_container { margin-bottom: 20px !important } #form_login #frm_field_1652_container .frm_opt_container .frm_radio { width: 30% !important } #form_login #frm_field_1652_container .frm_label_with_image { height: auto; padding: 0 0 5px } #form_login #frm_field_1652_container .frm_label_with_image img { object-fit: fill; height: auto } #form_login #frm_field_1760_container { transform: scale(0.65); margin-top: -50px !important; margin-bottom: -50px !important; } #form_login #frm_field_1760_container .frm_description { font-size: 16px; } #form_login #frm_field_1794_container { margin-top: 0 !important; } } #login_overlay { font-family: Oswald; } #login_overlay .popup-box { max-width: 350px; border-radius: 4px } #login_overlay .popup-header { text-align: center; font-size: 35px; font-weight: 700; margin-top: -50px } #login_overlay .popup-header:before { content: ''; background: url(/wp-content/uploads/webqualitat/icon-login-warning.png) 50% 50% / cover no-repeat; display: block; width: 70px; height: 70px; margin: 0 auto; transform: translateY(-10px); } #login_overlay .popup-content { font-size: 18px; line-height: 22px; font-weight: 400; text-align: center } #login_overlay .popup-footer { text-align: center } #login_overlay .popup-footer .popup-close { background: #FE3135; border: 1px solid #FE3135; border-radius: 4px; padding: 10px 15px; font-weight: 500 } #login_overlay .popup-footer .popup-close .fa-window-close { background: #fff; font-size: 20px; line-height: 8px; color: #000; display: inline-block; margin-right: 5px; transform: translatey(1px) } /* ----------------------------------------------- */ /* Process GPT form */ /* ----------------------------------------------- */ /* Fix color of hours suffix and color */ #frm_field_1951_container .frm_inline_box { color: white !important; height: 36px; } /* Fix submit button size and position */ #form_gpt_process_filter .frm_submit{ margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } #form_gpt_process_filter button.frm_button_submit.btn.btn-secondary.frm_final_submit { margin-top: 10px !important; margin-bottom: 0px !important; font-size: 18px !important; } /* ----------------------------------------------- */ /* Video sequences */ /* ----------------------------------------------- */ /* Adjust "Selecionar módulos" and "Selecionar Vídeos" repeater rows vertical distance */ #frm_field_2110_container .frm_repeat_sec, #frm_field_2021_container .frm_repeat_sec { margin-top: 3px !important; margin-bottom: 0px !important; } /* FIX DEVIKA */ #frm_form_55_container .frm_submit { text-align: center }