.with_frm_style{ --form-width:100%;--form-align:left;--direction:ltr;--fieldset:0px;--fieldset-color:#000000;--fieldset-padding:0 0 15px 0;--fieldset-bg-color:transparent;--title-size:40px;--title-color:#444444;--title-margin-top:10px;--title-margin-bottom:60px;--form-desc-size:14px;--form-desc-color:#666666;--form-desc-margin-top:10px;--form-desc-margin-bottom:25px;--form-desc-padding:0;--font-size:15px;--label-color:#3f4b5b;--weight:normal;--position:none;--align:left;--width:150px;--required-color:#B94A48;--required-weight:bold;--label-padding:0 0 3px 0;--description-font-size:12px;--description-color:#666666;--description-weight:normal;--description-style:normal;--description-align:left;--description-margin:0;--field-font-size:14px;--field-height:32px;--line-height:normal;--field-width:100%;--auto-width:100%;--field-pad:6px 10px;--field-margin:20px;--field-weight:normal;--text-color:#555555;--border-color:#BFC3C8;--field-border-width:1px;--field-border-style:solid;--bg-color:#ffffff;--bg-color-active:#ffffff;--border-color-active:#66afe9;--text-color-error:#444444;--bg-color-error:#ffffff;--border-color-error:#B94A48;--border-width-error:1px;--border-style-error:solid;--bg-color-disabled:#ffffff;--border-color-disabled:#E5E5E5;--text-color-disabled:#A1A1A1;--radio-align:block;--check-align:block;--check-font-size:13px;--check-label-color:#444444;--check-weight:normal;--section-font-size:18px;--section-color:#444444;--section-weight:bold;--section-pad:15px 0 3px 0;--section-mar-top:15px;--section-mar-bottom:30px;--section-bg-color:transparent;--section-border-color:#e8e8e8;--section-border-width:2px;--section-border-style:solid;--section-border-loc:-top;--collapse-pos:after;--repeat-icon-color:#ffffff;--submit-font-size:15px;--submit-width:auto;--submit-height:auto;--submit-bg-color:#579AF6;--submit-border-color:#579AF6;--submit-border-width:1px;--submit-text-color:#ffffff;--submit-weight:normal;--submit-border-radius:4px;--submit-margin:10px;--submit-padding:10px 20px;--submit-shadow-color:#eeeeee;--submit-hover-bg-color:#efefef;--submit-hover-color:#444444;--submit-hover-border-color:#cccccc;--submit-active-bg-color:#efefef;--submit-active-color:#444444;--submit-active-border-color:#cccccc;--border-radius:4px;--error-bg:#F2DEDE;--error-border:#EBCCD1;--error-text:#B94A48;--error-font-size:14px;--success-bg-color:#DFF0D8;--success-border-color:#D6E9C6;--success-text-color:#468847;--success-font-size:14px;--progress-bg-color:#eaeaea;--progress-active-color:#ffffff;--progress-active-bg-color:#579AF6;--progress-color:#3f4b5b;--progress-border-color:#E5E5E5;--progress-border-size:2px;--progress-size:24px;--toggle-font-size:15px;--toggle-on-color:#579AF6;--toggle-off-color:#eaeaea;--slider-font-size:24px;--slider-track-size:5px;--slider-circle-size:24px;--slider-color:#579AF6;--slider-bar-color:#579AF6;--date-head-bg-color:#579AF6;--date-head-color:#ffffff;--date-band-color:#2568c4;--bg-image-opacity:100%;--<!---wp:cg-blocks/hero-people-{"title":"ANDREEA","text":"Business-Development-Leader","imgURL":"https://www-capgemini-com/ro-en/wp-content/uploads/sites/35/2022/10/Andreea-Nagy-jpg","imgId":350}-/--> <!---wp:cg-blocks/group---> <section-class:"wp-block-cg-blocks-group undefined section section--article-content" id="quoteWrapper"><div class="article-main-content"><div class="container"><div class="row"><div class="col-12 col-md-11 col-lg-10 offset-md-1 offset-lg-1"><div class="article-text article-quote-text"><!-- wp:quote --> <blockquote class="wp-block-quote"><!-- wp:paragraph --> <p>"My life, both professional and personal, is about exploring opportunities, searching for new paths and bonding synapses by linking dots that one might say don’t exist. And this is what I love most about ÎÚÑ»´«Ã½: we are a strong community that always searches for new ways to make a better future."</p> <!-- /wp:paragraph --></blockquote> <!-- /wp:quote --> <!-- wp:spacer {"height":"30px"} --> <div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:heading {"level":4} --> <h4 id="h-what-does-a-day-in-your-life-at-capgemini-look-like">What does a day in your life at ÎÚÑ»´«Ã½ look like?</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>The beaten path is not always an option for me. Commitment is! And I apply it in my day-to-day work, as well as in the hikes I go on or books I read. So, in short, In my current role as a Business Development Leader I am fully invested in connecting business targets with customer’s needs day-by-day.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":4} --> <h4 id="h-what-s-the-best-thing-about-working-at-capgemini">What’s the best thing about working at ÎÚÑ»´«Ã½?</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>I joined ÎÚÑ»´«Ã½ with enthusiasm coming from a bit of a different background and during difficult pandemic times. My biggest surprise was to see the amount of support I received here. The most valuable gain of my team is that we have the context to grow and we can see each other’s better version every day.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>Moreover, I was amazed to see how easy the day-to-day was made by my new colleagues, considering that a lot of the times we were working remotely.</p> <!-- /wp:paragraph --> <!-- wp:paragraph --> <p>So, I guess what I love about ÎÚÑ»´«Ã½ is its capacity to adapt to new times and situations, respecting the people who work here.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":4} --> <h4 id="h-what-makes-you-proud-to-work-at-capgemini">What makes you proud to work at ÎÚÑ»´«Ã½?</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>We take each challenge as it is, a challenge that has behind a great collective of professionals who are working together to the same goal.;--nbsp;</p> <!---/wp:paragraph---> <!---wp:heading-{"level":4}---> <h4-id:"h-how-are-you-working-towards-the-future-you-want">How are you working towards the future you want?</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>I am always pushing for our innovative solutions on the market because all our clients need to see the heart and soul we pour in each service or product we have. And we are working tirelessly to create better, more agile, more sustainable solutions for the market.</p> <!-- /wp:paragraph --> <!-- wp:heading {"level":4} --> <h4 id="h-what-advice-would-you-give-to-someone-joining-capgemini">What advice would you give to someone joining ÎÚÑ»´«Ã½?</h4> <!-- /wp:heading --> <!-- wp:paragraph --> <p>Rely on your colleagues. We are always here to help.</p> <!-- /wp:paragraph --></div></div></div></div></div></section> <!-- /wp:cg-blocks/group -->;--box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;} .frm_hidden, .frm_add_form_row.frm_hidden, .frm_remove_form_row.frm_hidden, .with_frm_style .frm_button.frm_hidden{ display:none; } .with_frm_style, .with_frm_style form, .with_frm_style .frm-show-form div.frm_description p{ text-align:left; text-align:var(--form-align); } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } /* Form description */ .with_frm_style .frm-show-form div.frm_description p{ font-size:14px; font-size:var(--form-desc-size); color:#666666; color:var(--form-desc-color); margin-top:10px; margin-top:var(--form-desc-margin-top); margin-bottom:25px; margin-bottom:var(--form-desc-margin-bottom); padding:0; padding:var(--form-desc-padding); } form .frm__65dd871e9ff04 { overflow: hidden; width: 0; height: 0; position: absolute; } .with_frm_style fieldset{ min-width:0; display: block; /* Override 2021 theme */ } .with_frm_style fieldset fieldset{ border:none; margin:0; padding:0; background-color:transparent; } .with_frm_style .frm_form_fields > fieldset{ border-width:0px; border-width:var(--fieldset); border-style:solid; border-color:#000000; border-color:var(--fieldset-color); margin:0; padding:0 0 15px 0; padding:var(--fieldset-padding); background-color:transparent; background-color:var(--fieldset-bg-color); } 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:40px; font-size:var(--title-size); color:#444444; color:var(--title-color); margin-top:10px; margin-top:var(--title-margin-top); margin-bottom:60px; margin-bottom:var(--title-margin-bottom); } .with_frm_style .frm_form_field.frm_html_container, .with_frm_style .frm_form_field .frm_show_it{ color:#666666; color:var(--form-desc-color); } .with_frm_style .frm_form_field.frm_html_container{ font-size:14px; font-size:var(--form-desc-size); } .with_frm_style .frm_form_field .frm_show_it{ font-size:14px; font-size:var(--field-font-size); font-weight:normal; font-weight:var(--field-weight); } .with_frm_style .frm_required{ color:#B94A48; color:var(--required-color); font-weight:bold; font-weight:var(--required-weight); } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container{ font-family:var(--font); font-size:14px; font-size:var(--field-font-size); margin-bottom:0; } .with_frm_style textarea{ vertical-align:top; height:auto; } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=phone], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style textarea, .frm_form_fields_style, .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, .with_frm_style .frm-card-element.StripeElement, .with_frm_style .chosen-container-multi .chosen-choices, .with_frm_style .chosen-container-single .chosen-single, .with_frm_style .frm_slimselect.ss-main { color:#555555; color:var(--text-color); background-color:#ffffff; background-color:var(--bg-color); border-color:#BFC3C8; border-color:var(--border-color); border-width:1px; border-width:var(--field-border-width); border-style:solid; border-style:var(--field-border-style); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); width:100%; width:var(--field-width); max-width:100%; font-size:14px; font-size:var(--field-font-size); padding:6px 10px; padding:var(--field-pad); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; font-weight:normal; font-weight:var(--field-weight); box-shadow:var(--box-shadow); } .with_frm_style select option { color:#555555; color:var(--text-color); } .with_frm_style select option.frm-select-placeholder { color:#A1A1A1; color:var(--text-color-disabled); } .with_frm_style input[type=radio], .with_frm_style input[type=checkbox]{ border-color:#BFC3C8; border-color:var(--border-color); box-shadow:var(--box-shadow); float: none; } .with_frm_style input[type=radio]:after, .with_frm_style input[type=checkbox]:after { display: none; /* 2021 conflict */ } .with_frm_style input[type=text], .with_frm_style input[type=password], .with_frm_style input[type=email], .with_frm_style input[type=number], .with_frm_style input[type=url], .with_frm_style input[type=tel], .with_frm_style input[type=file], .with_frm_style input[type=search], .with_frm_style select, .with_frm_style .frm-card-element.StripeElement{ min-height:32px; min-height:var(--field-height); line-height:1.3; } .with_frm_style select[multiple=multiple]{ height:auto; } .input[type=file].frm_transparent:focus, .with_frm_style input[type=file]{ background-color:transparent; border:none; outline:none; box-shadow:none; } .with_frm_style input[type=file]{ color:#555555; color:var(--text-color); padding:0px; font-size:14px; font-size:var(--field-font-size); display:initial; } .with_frm_style input[type=file].frm_transparent{ color:transparent; } .with_frm_style .wp-editor-wrap{ width:100%; width:var(--field-width); max-width:100%; } .with_frm_style .wp-editor-container textarea{ border:none; box-shadow:none !important; } .with_frm_style .mceIframeContainer{ background-color:#ffffff; background-color:var(--bg-color); } .with_frm_style select{ width:100%; width:var(--auto-width); max-width:100%; background-position-y: calc(50% + 3px); } .with_frm_style input[disabled], .with_frm_style select[disabled], .with_frm_style textarea[disabled], .with_frm_style input[readonly], .with_frm_style select[readonly], .with_frm_style textarea[readonly]{ background-color:#ffffff; background-color:var(--bg-color-disabled); color:#A1A1A1; color:var(--text-color-disabled); border-color:#E5E5E5; border-color:var(--border-color-disabled); } .frm_preview_page:before{ content:normal !important; } .frm_preview_page{ padding:25px; } .with_frm_style .frm_primary_label{ max-width:100%; font-size:15px; font-size:var(--font-size); color:#3f4b5b; color:var(--label-color); font-weight:normal; font-weight:var(--weight); text-align:left; text-align:var(--align); padding:0 0 3px 0; padding:var(--label-padding); margin:0; width:auto; display:block; } .with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{ display:block; float:none; width:auto; } .with_frm_style .frm_inline_container .frm_primary_label{ margin-right:10px; } .with_frm_style .frm_right_container .frm_primary_label, .with_frm_style .frm_pos_right{ display:inline; float:right; margin-left:10px; } .with_frm_style .frm_pos_center { text-align: center; } .with_frm_style .frm_none_container .frm_primary_label, .with_frm_style .frm_pos_none, .frm_pos_none, .frm_none_container .frm_primary_label{ display:none; } .with_frm_style .frm_section_heading.frm_hide_section{ margin-top:0 !important; } .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_hidden, .frm_hidden_container .frm_primary_label{ visibility:hidden; white-space:nowrap; } .frm_visible{ opacity:1; } /* Floating labels */ .with_frm_style .frm_inside_container { position: relative; padding-top: 16px; padding-top: calc(0.5 * var(--field-height)); } .with_frm_style .frm_inside_container > input, .with_frm_style .frm_inside_container > select, .with_frm_style .frm_inside_container > textarea { display: block; } /* These do not work if they are combined */ .with_frm_style .frm_inside_container > input::-moz-placeholder, .with_frm_style .frm_inside_container > textarea::-moz-placeholder { opacity: 0 !important; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > input:-ms-input-placeholder, .with_frm_style .frm_inside_container > textarea:-ms-input-placeholder { opacity: 0; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > input::placeholder, .with_frm_style .frm_inside_container > textarea::placeholder { opacity: 0; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container > label { transition: all 0.3s ease-in; position: absolute; top: 17px; top: calc(1px + .5 * var(--field-height)); left: 3px; width: 100%; line-height: 1.3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding: 6px 10px; padding: var(--field-pad); font-size: 14px; font-size: var(--field-font-size); font-weight: normal; font-weight: var(--field-weight); -ms-pointer-events: none; pointer-events: none; } .with_frm_style.frm_style_lines-no-boxes .frm_inside_container > label { line-height: 1; } .with_frm_style .frm_inside_container.frm_label_float_top > label { top: 0; left: 0; padding: 0; font-size: 12px; font-size: calc(0.85 * var(--field-font-size)); } /* These do not work if they are combined */ .with_frm_style .frm_inside_container.frm_label_float_top > input::-moz-placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea::-moz-placeholder { opacity: 1 !important; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container.frm_label_float_top > input:-ms-input-placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea:-ms-input-placeholder { opacity: 1; transition: opacity 0.3s ease-in; } .with_frm_style .frm_inside_container.frm_label_float_top > input::placeholder, .with_frm_style .frm_inside_container.frm_label_float_top > textarea::placeholder { opacity: 1; transition: opacity 0.3s ease-in; } /* End floating label */ .with_frm_style .frm_description, .with_frm_style .frm_pro_max_limit_desc{ clear:both; } .with_frm_style input[type=number][readonly]{ -moz-appearance: textfield; } .with_frm_style select[multiple="multiple"]{ height:auto; line-height:normal; } .with_frm_style .frm_catlevel_2, .with_frm_style .frm_catlevel_3, .with_frm_style .frm_catlevel_4, .with_frm_style .frm_catlevel_5{ margin-left:18px; } .with_frm_style .wp-editor-container{ border:1px solid #e5e5e5; } .with_frm_style .quicktags-toolbar input{ font-size:12px !important; } .with_frm_style .wp-editor-container textarea{ border:none; } .with_frm_style .auto_width #loginform input, .with_frm_style .auto_width input, .with_frm_style input.auto_width, .with_frm_style select.auto_width, .with_frm_style textarea.auto_width{ width:auto; } .with_frm_style .frm_repeat_buttons{ white-space:nowrap; } .with_frm_style .frm_button{ text-decoration:none !important;; border:1px solid #eee; display:inline-block; padding:10px 20px; padding:var(--submit-padding); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); font-size:15px; font-size:var(--submit-font-size); font-weight:normal; font-weight:var(--submit-weight); color:#ffffff; color:var(--submit-text-color); background:#579AF6; background:var(--submit-bg-color); border-width:1px; border-width:var(--submit-border-width); border-color:#579AF6; border-color:var(--submit-border-color); height:auto; height:var(--submit-height); } .with_frm_style .frm_button.frm_inverse{ color:var(--submit-bg-color); background:var(--submit-text-color); } .with_frm_style .frm_submit{ clear:both; } .frm_inline_form .frm_form_field, .frm_inline_form .frm_submit{ grid-column: span 1 / span 1; } .frm_inline_form .frm_submit{ margin:0; } .frm_submit.frm_inline_submit input[type=submit], .frm_submit.frm_inline_submit button, .frm_inline_form .frm_submit input[type=submit], .frm_inline_form .frm_submit button{ margin-top:0; } .with_frm_style.frm_center_submit .frm_submit{ text-align:center; } .with_frm_style.frm_center_submit .frm_flex.frm_submit { justify-content: center; } .with_frm_style .frm_inline_success .frm_submit{ display: flex; flex-direction: row; align-items: center; margin: 0; } .with_frm_style .frm_inline_success .frm_submit .frm_message{ flex: 1; margin: 0; padding-left: 10px; } .with_frm_style .frm_inline_success.frm_alignright_success .frm_submit .frm_message{ text-align: right; } .with_frm_style.frm_center_submit .frm_submit input[type=submit], .with_frm_style.frm_center_submit .frm_submit input[type=button], .with_frm_style.frm_center_submit .frm_submit button{ margin-bottom:8px !important; } .with_frm_style .frm-edit-page-btn, .with_frm_style .frm_submit input[type=submit], .with_frm_style .frm_submit input[type=button], .with_frm_style .frm_submit button{ -webkit-appearance: none; cursor: pointer; } .with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ display: block; margin: 0 auto; } .with_frm_style .frm_loading_prev .frm_ajax_loading, .with_frm_style .frm_loading_form .frm_ajax_loading{ /* keep this for reverse compatibility for old HTML */ visibility:visible !important; } .with_frm_style .frm_loading_prev .frm_prev_page, .with_frm_style .frm_loading_form .frm_button_submit { position: relative; opacity: .8; color: transparent !important; text-shadow: none !important; } .with_frm_style .frm_loading_prev .frm_prev_page:hover, .with_frm_style .frm_loading_prev .frm_prev_page:active, .with_frm_style .frm_loading_prev .frm_prev_page:focus, .with_frm_style .frm_loading_form .frm_button_submit:hover, .with_frm_style .frm_loading_form .frm_button_submit:active, .with_frm_style .frm_loading_form .frm_button_submit:focus { cursor: not-allowed; color: transparent; outline: none !important; box-shadow: none; } .with_frm_style .frm_loading_prev .frm_prev_page::before, .with_frm_style .frm_loading_form .frm_button_submit:before { content: ''; display: inline-block; position: absolute; background: transparent; border: 1px solid #fff; border-top-color: transparent; border-left-color: transparent; border-radius: 50%; box-sizing: border-box; top: 50%; left: 50%; margin-top: -10px; margin-left: -10px; width: 20px; height: 20px; -webkit-animation: spin 2s linear infinite; -moz-animation: spin 2s linear infinite; -o-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .with_frm_style .frm_submit.frm_flex { align-items: center; gap: 2%; } .with_frm_style .frm_submit.frm_flex button.frm_button_submit ~ .frm_prev_page { order: -1; } .frm_style_formidable-style.with_frm_style{ } .frm_forms.frm_style_formidable-style.with_frm_style{ max-width:100%; direction:ltr; } .frm_style_formidable-style.with_frm_style .frm_icon_font{ color:#3f4b5b; } .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before{ content:"\e600"; } .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before{ content:"\e602"; } .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_minus_icon:before, .frm_style_formidable-style.with_frm_style .frm_icon_font.frm_plus_icon:before{ color:#ffffff; vertical-align:middle; } .frm_style_formidable-style.with_frm_style .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{ content:"\e62d"; color:#444444; } .frm_style_formidable-style.with_frm_style .frm_trigger .frm_icon_font.frm_arrow_icon:before{ content:"\e62a"; color:#444444; } .frm_style_formidable-style.with_frm_style .form-field{ margin-bottom:20px; } .frm_style_formidable-style.with_frm_style .form-field.frm_section_heading{ margin-bottom:0; } .frm_style_formidable-style.with_frm_style p.description, .frm_style_formidable-style.with_frm_style div.description, .frm_style_formidable-style.with_frm_style div.frm_description, .frm_style_formidable-style.with_frm_style .frm-show-form > div.frm_description, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_pro_max_limit_desc{ padding:0; font-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-size:13px; color:#444444; } /* These do not work if they are combined */ .frm_style_formidable-style.with_frm_style input::placeholder, .frm_style_formidable-style.with_frm_style textarea::placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style input::-webkit-input-placeholder, .frm_style_formidable-style.with_frm_style textarea::-webkit-input-placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style input::-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea::-moz-placeholder{ color: #A1A1A1; opacity: 1; } .frm_style_formidable-style.with_frm_style input:-ms-input-placeholder, frm_style_formidable-style.with_frm_style textarea:-ms-input-placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style input:-moz-placeholder, .frm_style_formidable-style.with_frm_style textarea:-moz-placeholder{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .frm_default, .frm_style_formidable-style.with_frm_style input.frm_default, .frm_style_formidable-style.with_frm_style textarea.frm_default, .frm_style_formidable-style.with_frm_style select.frm_default, .frm_style_formidable-style.with_frm_style .placeholder, .frm_style_formidable-style.with_frm_style .chosen-container-multi .chosen-choices li.search-field .default, .frm_style_formidable-style.with_frm_style .chosen-container-single .chosen-default{ color: #A1A1A1; } .frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices{ background-color:#ffffff; border-color:#66afe9; color: var(--text-color); box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102,175,233, 0.6); } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .frm_style_formidable-style.with_frm_style input[type=submit], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button], .frm_style_formidable-style.with_frm_style .frm_submit button, .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { width:auto; font-size:15px; height:auto; line-height:normal; text-align:center; background: #579AF6 ; border-width:1px; border-color: #579AF6; border-style:solid; color:#ffffff; cursor:pointer; font-weight:normal; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; text-shadow:none; padding:10px 20px; -moz-box-sizing:border-box; box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-shadow:0 1px 1px #eeeeee; -webkit-box-shadow:0 1px 1px #eeeeee; box-shadow:0 1px 1px #eeeeee; margin:10px; margin-left:0; margin-right:0; vertical-align:middle; } .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message{ margin:0; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover, .frm_style_formidable-style.with_frm_style input[type=submit]:hover, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:hover, .frm_style_formidable-style.with_frm_style .frm_submit button:hover{ background: #efefef; border-color: #cccccc; color: #444444; } .frm_style_formidable-style.with_frm_style.frm_center_submit .frm_submit .frm_ajax_loading{ margin-bottom:10px; } .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:focus, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:focus, .frm_style_formidable-style.with_frm_style .frm_submit button:focus, .frm_style_formidable-style.with_frm_style input[type=submit]:active, .frm_style_formidable-style.with_frm_style .frm_submit input[type=button]:active, .frm_style_formidable-style.with_frm_style .frm_submit button:active{ background: #efefef; border-color: #cccccc; color: #444444; outline: none; } .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:hover, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:active, .frm_style_formidable-style.with_frm_style .frm_loading_prev .frm_prev_page:focus, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:hover, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:active, .frm_style_formidable-style.with_frm_style .frm_loading_form .frm_button_submit:focus{ color: transparent ; background: #579AF6; } .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: #ffffff; border-right-color: #ffffff; } .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-size:15px; color:#3f4b5b; font-weight:normal; 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-size:15px; color:#3f4b5b; font-weight:normal; clear:both; } .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_blank_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field select:not(.ui-datepicker-month):not(.ui-datepicker-year), .frm_form_fields_error_style, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .frm_style_formidable-style.with_frm_style .frm_form_field :invalid{ color:#444444; background-color:#ffffff; border-color:#B94A48; border-width:1px; 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:normal; } .frm_style_formidable-style.with_frm_style .frm_blank_field label, .frm_style_formidable-style.with_frm_style .frm_error, .frm_style_formidable-style.with_frm_style .frm_limit_error{ color:#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, #BFC3C8 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #BFC3C8 50%, #BFC3C8 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); } .frm_style_formidable-style.with_frm_style #frm_loading .progress-bar{ background-color:#ffffff; } .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total_big textarea, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total input, .frm_style_formidable-style.with_frm_style .frm_form_field.frm_total textarea{ color: #555555; background-color:transparent; border:none; display:inline; width:auto; padding:0; } .frm_style_formidable-style.with_frm_style { } /* Prefix */ .frm_style_formidable-style.with_frm_style .frm_inline_box { box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset; } /* Progress Bars */ .frm_style_formidable-style.with_frm_style .frm_page_bar .frm_current_page input[type="button"]{ background-color: #eaeaea; border-color: #E5E5E5; 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: #E5E5E5; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input { border-left-color: #d1d1d1; border-right-color: #d1d1d1; 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: #579AF6; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input { border-right-color: #579AF6; } .frm_style_formidable-style.with_frm_style .frm_progress_line li:last-of-type input.frm_page_skip { border-right-color: #E5E5E5; } .frm_style_formidable-style.with_frm_style .frm_progress_line .frm_current_page input[type="button"] { border-left-color: #E5E5E5; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right-color: #d1d1d1; } .frm_style_formidable-style.with_frm_style .frm_progress_line input.frm_page_back { border-color: #579AF6; } .frm_style_formidable-style.with_frm_style .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #579AF6; border-right-color: #d1d1d1; } .frm_style_formidable-style.with_frm_style .frm_rootline input, .frm_style_formidable-style.with_frm_style .frm_rootline input:hover { width: 24px; height: 24px; border-radius: 24px; 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: #4386e2 !important; background-color: #579AF6 !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: #4386e2; background-color: #579AF6; color: #ffffff!important; } .frm_style_formidable-style.with_frm_style ul.frm_rootline_hidden_steps li:hover .frm_rootline_title { color: #579AF6; } /* Start Range slider */ .frm_style_formidable-style.with_frm_style .form-field input[type=range], .frm_style_formidable-style.with_frm_style .form-field input[type=range]:focus { padding:0 ; background:transparent !important; } .frm_style_formidable-style.with_frm_style input[type=range]::-webkit-slider-thumb { border: 1px solid #579AF6; color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-fill-lower { background-color: #579AF6; } .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-progress { background-color: #579AF6; } .frm_style_formidable-style.with_frm_style input[type=range]::-moz-range-thumb { border: 1px solid #579AF6; color:#ffffff;} .frm_style_formidable-style.with_frm_style input[type=range]::-ms-thumb { border: 1px solid #579AF6; 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:30px; } /* 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:15px; color:#3f4b5b; } /* Datepicker */ .frm_style_formidable-style.with_frm_style .ui-datepicker-title > select { color: #555555; background-color:#ffffff; } .frm_style_formidable-style.with_frm_style .ui-datepicker-month, .frm_style_formidable-style.with_frm_style .ui-datepicker-year { color: #555555; } .frm_style_formidable-style.with_frm_style span.ui-datepicker-month, .frm_style_formidable-style.with_frm_style span.ui-datepicker-year { color: #ffffff; } .frm_style_formidable-style.with_frm_style .ui-widget-header, .frm_style_formidable-style.with_frm_style .ui-datepicker-header { background: #579AF6 !important; color: #ffffff !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-today { background: rgba(37,104,196,0.15) !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day, .frm_style_formidable-style.with_frm_style td .ui-state-hover, .frm_style_formidable-style.with_frm_style thead { background: #2568c4 !important; color: #ffffff !important; } .frm_style_formidable-style.with_frm_style td.ui-datepicker-current-day .ui-state-default { color: #ffffff !important; } /* End Datepicker */ /* Submit Buttons */ .frm_style_formidable-style.with_frm_style .frm_button_submit[disabled] { opacity: 0.5; } .frm_style_formidable-style.with_frm_style input[type=submit][disabled], .frm_style_formidable-style.with_frm_style .frm_submit input[type=button][disabled], .frm_style_formidable-style.with_frm_style .frm_submit button[disabled] { cursor: not-allowed; } /* End Submit Buttons */ .frm_ajax_loading{ visibility:hidden; width:auto; } .frm_form_submit_style{ height:auto; } a.frm_save_draft{ cursor:pointer; } .with_frm_style a.frm_save_draft, .with_frm_style a.frm_start_over{ font-size:15px; font-size:var(--submit-font-size); font-weight:normal; font-weight:var(--submit-weight); } .horizontal_radio .frm_radio{ margin:0 5px 0 0; } .horizontal_radio .frm_checkbox{ margin:0; margin-right:5px; } .vertical_radio .frm_checkbox, .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; } .horizontal_radio .frm_checkbox, .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; padding-left: 0; } .with_frm_style .frm_radio{ display:block; display:var(--radio-align); } .with_frm_style .frm_checkbox{ display:block; display:var(--check-align); } .with_frm_style .vertical_radio .frm_checkbox, .with_frm_style .vertical_radio .frm_radio, .vertical_radio .frm_catlevel_1{ display:block; } .with_frm_style .horizontal_radio .frm_checkbox, .with_frm_style .horizontal_radio .frm_radio, .horizontal_radio .frm_catlevel_1{ display:inline-block; } .with_frm_style .frm_checkbox label, .with_frm_style .frm_radio label{ display: inline; white-space:normal; } .with_frm_style .vertical_radio .frm_checkbox label, .with_frm_style .vertical_radio .frm_radio label{ display: block; padding-left: 20px; text-indent: -20px; } .with_frm_style .frm_radio label, .with_frm_style .frm_checkbox label{ font-size:13px; font-size:var(--check-font-size); color:#444444; color:var(--check-label-color); font-weight:normal; font-weight:var(--check-weight); line-height: 1.3; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox] { font-size:13px; font-size:var(--check-font-size); position:static; } .frm_file_container .frm_file_link, .with_frm_style .frm_radio label .frm_file_container, .with_frm_style .frm_checkbox label .frm_file_container{ display:inline-block; margin:5px; vertical-align:middle; } .with_frm_style .frm_radio input[type=radio] , .with_frm_style .frm_scale input[type=radio] { border-radius:50%; } .with_frm_style .frm_checkbox input[type=checkbox]{ border-radius:0; } .with_frm_style .frm_radio input[type=radio], .with_frm_style .frm_scale input[type=radio], .with_frm_style .frm_checkbox input[type=checkbox]{ -webkit-appearance: none; appearance: none; background-color: var(--bg-color); flex: none; display:inline-block !important; margin: 0 5px 0 0; color: var(--border-color); width: 18px; min-width: 18px; height: 18px; border: 1px solid currentColor; border-color: var(--border-color); vertical-align: middle; position: initial; /* override Bootstrap */ padding: 0; } .with_frm_style .frm_radio input[type=radio]:before, .with_frm_style .frm_scale input[type=radio]:before, .with_frm_style .frm_checkbox input[type=checkbox]:before { content: ''; width: 12px; height: 12px; border-radius: 50%; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 10px 10px var(--text-color); display: block; margin: 2px 0 0 2px; } .with_frm_style .frm_checkbox input[type=checkbox]:before{ clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); border-radius: 0; } .with_frm_style .frm_radio input[type=radio]:checked:before, .with_frm_style .frm_checkbox input[type=checkbox]:checked:before { transform: scale(1); } .with_frm_style :invalid, .with_frm_style :-moz-submit-invalid, .with_frm_style :-moz-ui-invalid{ box-shadow:none; } .with_frm_style .frm_error_style img{ padding-right:10px; vertical-align:middle; border:none; } .with_frm_style .frm_trigger{ cursor:pointer; } .with_frm_style .frm_error_style, .with_frm_style .frm_message, .frm_success_style{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:15px; } .with_frm_style .frm_message p{ margin-bottom:5px; color:#468847; color:var(--success-text-color); } .with_frm_style .frm_message, .frm_success_style{ margin:5px 0 15px; border:1px solid #D6E9C6; border-color:var(--success-border-color); background-color:#DFF0D8; background-color:var(--success-bg-color); color:#468847; color:var(--success-text-color); border-radius:4px; border-radius:var(--border-radius); font-size:14px; font-size:var(--success-font-size); } .with_frm_style .frm_plain_success .frm_message { background-color: transparent; padding:0; border:none; font-size:inherit; color:inherit; } .with_frm_style .frm_plain_success .frm_message p { color:inherit; } .frm_form_fields_style, .frm_form_fields_active_style, .frm_form_fields_error_style, .frm_form_submit_style{ width:auto; } .with_frm_style .frm_trigger span{ float:left; } .with_frm_style table.frm-grid, #content .with_frm_style table.frm-grid{ border-collapse:collapse; border:none; } .frm-grid td, .frm-grid th{ padding:5px; border-width:1px; border-style:solid; border-color:#BFC3C8; 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:#BFC3C8; 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:#ecf0f5; } table.form_results.with_frm_style{ border:1px solid #BFC3C8; 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:#555555; color:var(--text-color); border-top:1px solid #BFC3C8; 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:#ffffff; background-color:var(--bg-color); } .frm_color_block { background-color:#ecf0f5; 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, #BFC3C8 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, #BFC3C8 50%, #BFC3C8 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0)); background-size:40px 40px; } #frm_loading .progress-bar{ background-color:#ffffff; 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(/ro-en/wp-content/plugins/formidable/images/ajax_loader.gif) no-repeat center center; padding:6px 12px; } select.frm_loading_lookup{ background-image: url(/ro-en/wp-content/plugins/formidable/images/ajax_loader.gif) !important; background-position: 10px; background-repeat: no-repeat; color: transparent !important; } .frm_screen_reader { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ } .frm_screen_reader.frm_hidden{ display:initial; } .frm_clear_none{ clear:none; } .frm_clear{ clear:both; } .frm_form_field.frm_alignright{ float:right !important; } .with_frm_style .frm_form_field{ clear:both; } .frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container{ display:grid; grid-template-columns: repeat(12, 1fr); grid-auto-rows: max-content; grid-gap: 0 2%; } .frm_combo_inputs_container > *, .frm_grid_container > *, .frm_section_heading > *, .frm_fields_container .frm_form_field, .frm_fields_container > *{ grid-column: span 12 / span 12; } .frm_inline, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_inline, .frm_form_field.frm_inline, .frm_submit.frm_inline, .frm_form_field.frm_right_inline, .frm_form_field.frm_last_inline{ width:auto; grid-column: span 2 / span 2; } .frm6, .frm_half, .frm_form_field.frm_three_fifths, /* 5ths deprecated */ .frm_form_field.frm6, .frm_submit.frm6, .frm_form_field.frm_left_half, .frm_form_field.frm_right_half, .frm_form_field.frm_first_half, .frm_form_field.frm_last_half, .frm_form_field.frm_half, .frm_submit.frm_half{ grid-column:span 6 / span 6; } .frm4, .frm_third, .frm_form_field.frm_two_fifths, /* 5ths deprecated */ .frm_form_field.frm4, .frm_submit.frm4, .frm_form_field.frm_left_third, .frm_form_field.frm_third, .frm_submit.frm_third, .frm_form_field.frm_right_third, .frm_form_field.frm_first_third, .frm_form_field.frm_last_third{ grid-column:span 4 / span 4; } .frm8, .frm_two_thirds, .frm_form_field.frm8, .frm_submit.frm8, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_right_two_thirds, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_last_two_thirds, .frm_form_field.frm_two_thirds{ grid-column: span 8/span 8; } .frm3, .frm_fourth, .frm_form_field.frm3, .frm_submit.frm3, .frm_form_field.frm_left_fourth, .frm_form_field.frm_fourth, .frm_submit.frm_fourth, .frm_form_field.frm_right_fourth, .frm_form_field.frm_first_fourth, .frm_form_field.frm_last_fourth{ grid-column: span 3/span 3; } .frm9, .frm_three_fourths, .frm_form_field.frm_four_fifths, /* 5ths deprecated */ .frm_form_field.frm9, .frm_submit.frm9, .frm_form_field.frm_three_fourths{ grid-column: span 9/span 9; } /* fifths are deprecated */ .frm_form_field.frm_left_fifth, .frm_form_field.frm_fifth, .frm_submit.frm_fifth, .frm_form_field.frm_right_fifth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_last_fifth{ grid-column: span 2/span 2; } .frm2, .frm_sixth, .frm_form_field.frm2, .frm_submit.frm2, .frm_form_field.frm_sixth, .frm_submit.frm_sixth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_last_sixth{ grid-column: span 2/span 2; } .frm10, .frm_form_field.frm10, .frm_submit.frm10{ grid-column: span 10/span 10; } .frm1, .frm_form_field.frm1, .frm_submit.frm1, /* 7ths and 8ths are deprecated */ .frm_form_field.frm_seventh, .frm_submit.frm_seventh, .frm_form_field.frm_first_seventh, .frm_form_field.frm_last_seventh .frm_form_field.frm_eighth, .frm_submit.frm_eighth, .frm_form_field.frm_first_eighth, .frm_form_field.frm_last_eighth{ grid-column: span 1/span 1; } .frm5, .frm_form_field.frm5, .frm_submit.frm5{ grid-column: span 5/span 5; } .frm7, .frm_form_field.frm7, .frm_submit.frm7{ grid-column: span 7/span 7; } .frm11, .frm_form_field.frm11, .frm_submit.frm11{ grid-column: span 11/span 11; } .frm12, .frm_full, .frm_full .wp-editor-wrap, .frm_full > input:not([type='checkbox']):not([type='radio']):not([type='button']), .frm_full select, .frm_full textarea{ width:100% !important; grid-column: span 12/span 12; box-sizing: border-box; } .frm_full .wp-editor-wrap input{ width:auto !important; } .frm_first, .frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .frm_form_field.frm_first{ grid-column-start:1; } .frm_last, .frm_form_field.frm_last, .frm_form_field.frm_alignright{ grid-column-end:-1; justify-content: end; } /* RTL Grids */ .with_frm_style.frm_rtl .frm_form_fields .star-rating{ float:right; } .with_frm_style.frm_rtl .frm_grid .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_first .frm_primary_label, .with_frm_style.frm_rtl .frm_grid_odd .frm_primary_label, .with_frm_style.frm_rtl .frm_grid .frm_radio, .with_frm_style.frm_rtl .frm_grid_first .frm_radio, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio, .with_frm_style.frm_rtl .frm_grid .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox{ float:right !important; margin-right:0 !important; } .with_frm_style.frm_rtl .frm_grid_first .frm_radio label input, .with_frm_style.frm_rtl .frm_grid .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_radio label input, .with_frm_style.frm_rtl .frm_grid_first .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid .frm_checkbox label input, .with_frm_style.frm_rtl .frm_grid_odd .frm_checkbox label input{ float:left; } .with_frm_style.frm_rtl .frm_catlevel_2, .with_frm_style.frm_rtl .frm_catlevel_3, .with_frm_style.frm_rtl .frm_catlevel_4, .with_frm_style.frm_rtl .frm_catlevel_5{ margin-right:18px; } .with_frm_style.frm_rtl div > .frm_time_select{ margin-right:5px; } /* Left and right label styling for non-Formidable styling */ .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container{ display: grid; grid-template-columns: 25% auto; width:100%; grid-auto-rows: min-content; } .frm_form_field.frm_right_container{ grid-template-columns: auto 25%; } .frm_form_field.frm_inline_container{ grid-template-columns: repeat(2, minmax(auto, max-content) ); } .frm_form_field.frm_inline_container .frm_primary_label, .frm_form_field.frm_right_container .frm_primary_label, .frm_form_field.frm_left_container .frm_primary_label{ margin-right:10px; grid-row:span 2/span 2; padding-top:4px; } .frm_form_field.frm_left_container .frm_primary_label{ grid-column:1; grid-row:span 2/span 2; /* cover a row for the description */ } .frm_form_field.frm_right_container .frm_primary_label{ grid-column:2; grid-row:1; margin-right:0; margin-left:10px; } .frm_form_field.frm_inline_container .frm_description, .frm_form_field.frm_left_container .frm_description{ grid-column:2; } .frm_form_field.frm_right_container .frm_description{ grid-column:1; } .frm_conf_field.frm_left_container{ grid-template-columns: 67%; } .frm_conf_field.frm_left_container .frm_description{ grid-column:1; } /* End RTL Grids */ .frm-fade-in { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @media only screen and (max-width: 750px) { .frm_grid_container.frm_no_grid_750 > div{ grid-column: span 12/span 12; } } @media only screen and (max-width: 600px) { .frm_section_heading > .frm_form_field, .frm_fields_container > .frm_submit, .frm_grid_container > .frm_form_field, .frm_fields_container > .frm_form_field{ grid-column: 1 / span 12 !important; } .frm_grid_container.frm_no_grid_600, .frm_form_field.frm_inline_container, .frm_form_field.frm_right_container, .frm_form_field.frm_left_container{ display:block; } } .frm_conf_field.frm_left_container .frm_primary_label{ display:none; } .wp-editor-wrap *, .wp-editor-wrap *:after, .wp-editor-wrap *:before{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; } .with_frm_style .frm_grid, .with_frm_style .frm_grid_first, .with_frm_style .frm_grid_odd{ clear:both; margin-bottom:0 !important; padding:5px; border-width:1px; border-style:solid; border-color:#BFC3C8; 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:#ffffff; background-color:var(--bg-color); } .frm_grid{ background-color:#ffffff; background-color:var(--bg-color-active); } .with_frm_style .frm_grid.frm_blank_field, .with_frm_style .frm_grid_first.frm_blank_field, .with_frm_style .frm_grid_odd.frm_blank_field{ background-color:#F2DEDE; background-color:var(--error-bg); border-color:#EBCCD1; border-color:var(--error-bg); } .frm_grid .frm_primary_label, .frm_grid_first .frm_primary_label, .frm_grid_odd .frm_primary_label, .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ float:left !important; display:block; margin-top:0; margin-left:0 !important; } .frm_grid_first .frm_radio label, .frm_grid .frm_radio label, .frm_grid_odd .frm_radio label, .frm_grid_first .frm_checkbox label, .frm_grid .frm_checkbox label, .frm_grid_odd .frm_checkbox label{ visibility:hidden; white-space:nowrap; text-align:left; } .frm_grid_first .frm_radio label input, .frm_grid .frm_radio label input, .frm_grid_odd .frm_radio label input, .frm_grid_first .frm_checkbox label input, .frm_grid .frm_checkbox label input, .frm_grid_odd .frm_checkbox label input{ visibility:visible; margin:2px 0 0; float:right; } .frm_grid .frm_radio, .frm_grid_first .frm_radio, .frm_grid_odd .frm_radio, .frm_grid .frm_checkbox, .frm_grid_first .frm_checkbox, .frm_grid_odd .frm_checkbox{ display:inline; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox, .frm_grid_2 .frm_primary_label{ width:48% !important; } .frm_grid_2 .frm_radio, .frm_grid_2 .frm_checkbox{ margin-right:4%; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox, .frm_grid_3 .frm_primary_label{ width:30% !important; } .frm_grid_3 .frm_radio, .frm_grid_3 .frm_checkbox{ margin-right:3%; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ width:20% !important; } .frm_grid_4 .frm_primary_label{ width:28% !important; } .frm_grid_4 .frm_radio, .frm_grid_4 .frm_checkbox{ margin-right:4%; } .frm_grid_5 .frm_primary_label, .frm_grid_7 .frm_primary_label{ width:24% !important; } .frm_grid_5 .frm_radio, .frm_grid_5 .frm_checkbox{ width:17% !important; margin-right:2%; } .frm_grid_6 .frm_primary_label{ width:25% !important; } .frm_grid_6 .frm_radio, .frm_grid_6 .frm_checkbox{ width:14% !important; margin-right:1%; } .frm_grid_7 .frm_primary_label{ width:22% !important; } .frm_grid_7 .frm_radio, .frm_grid_7 .frm_checkbox{ width:12% !important; margin-right:1%; } .frm_grid_8 .frm_primary_label{ width:23% !important; } .frm_grid_8 .frm_radio, .frm_grid_8 .frm_checkbox{ width:10% !important; margin-right:1%; } .frm_grid_9 .frm_primary_label{ width:20% !important; } .frm_grid_9 .frm_radio, .frm_grid_9 .frm_checkbox{ width:9% !important; margin-right:1%; } .frm_grid_10 .frm_primary_label{ width:19% !important; } .frm_grid_10 .frm_radio, .frm_grid_10 .frm_checkbox{ width:8% !important; margin-right:1%; } .frm_form_field.frm_inline_container .frm_opt_container, .frm_form_field.frm_right_container .frm_opt_container, .frm_form_field.frm_left_container .frm_opt_container{ padding-top:4px; } .with_frm_style .frm_inline_container.frm_grid_first .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_odd .frm_primary_label, .with_frm_style .frm_inline_container.frm_grid_first .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid .frm_opt_container, .with_frm_style .frm_inline_container.frm_grid_odd .frm_opt_container{ margin-right:0; } .frm_form_field.frm_two_col .frm_opt_container, .frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container{ display: grid; grid-template-columns: repeat(2, 1fr); grid-auto-rows: max-content; grid-gap: 0 2.5%; } .frm_form_field.frm_three_col .frm_opt_container{ grid-template-columns: repeat(3, 1fr); } .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(4, 1fr); } .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox, .frm_form_field.frm_four_col .frm_radio, .frm_form_field.frm_four_col .frm_checkbox{ grid-column-end: span 1; } .frm_form_field .frm_checkbox, .frm_form_field .frm_checkbox + .frm_checkbox, .frm_form_field .frm_radio, .frm_form_field .frm_radio + .frm_radio{ margin-top: 0; margin-bottom: 0; } .frm_form_field.frm_scroll_box .frm_opt_container{ height:100px; overflow:auto; } .frm_html_container.frm_scroll_box, .frm_form_field.frm_html_scroll_box{ height:100px; overflow:auto; background-color:#ffffff; background-color:var(--bg-color); border-color:#BFC3C8; border-color:var(--border-color); border-width:1px; border-width:var(--field-border-width); border-style:solid; border-style:var(--field-border-style); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); width:100%; width:var(--field-width); max-width:100%; font-size:14px; font-size:var(--field-font-size); padding:6px 10px; padding:var(--field-pad); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; outline:none; font-weight:normal; box-shadow:var(--box-shadow); } .frm_form_field.frm_total_big input, .frm_form_field.frm_total_big textarea, .frm_form_field.frm_total input, .frm_form_field.frm_total textarea{ opacity:1; background-color:transparent !important; border:none !important; font-weight:bold; -moz-box-shadow:none; -webkit-box-shadow:none; width:auto !important; height:auto !important; box-shadow:none !important; display:inline; -moz-appearance:textfield; padding:0; } .frm_form_field.frm_total_big input::-webkit-outer-spin-button, .frm_form_field.frm_total_big input::-webkit-inner-spin-button, .frm_form_field.frm_total input::-webkit-outer-spin-button, .frm_form_field.frm_total input::-webkit-inner-spin-button { -webkit-appearance: none; } .frm_form_field.frm_total_big input:focus, .frm_form_field.frm_total_big textarea:focus, .frm_form_field.frm_total input:focus, .frm_form_field.frm_total textarea:focus{ background-color:transparent; border:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; } .frm_form_field.frm_label_justify .frm_primary_label{ text-align:justify !important; } .frm_form_field.frm_capitalize input, .frm_form_field.frm_capitalize select, .frm_form_field.frm_capitalize .frm_opt_container label{ text-transform:capitalize; } .frm_clearfix:after{ content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .frm_clearfix{ display:block; } .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_icon_font::before { color:#ffffff; color:var(--repeat-icon-color); } .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-first, .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-middle, .with_frm_style .frm_combo_inputs_container > .frm_form_subfield-last { margin-bottom: 0 !important; } .with_frm_style, .frm_forms { --progress-border-color-b: #dbdbdb; --image-size:150px; } .js .frm_logic_form:not(.frm_no_hide) { display:none; } .with_frm_style .frm_conf_field.frm_half label.frm_conf_label { overflow: hidden; white-space: nowrap; } .with_frm_style .frm_time_wrap{ white-space:nowrap; } .with_frm_style select.frm_time_select{ white-space:pre; display:inline; } /* Sections */ .with_frm_style .frm-show-form .frm_section_heading h3[class*="frm_pos_"]{ padding:15px 0 3px 0; margin:0; font-size:18px; font-size:var(--section-font-size); font-weight:bold; font-weight:var(--section-weight); color:#444444; color:var(--section-color); border:none; background-color:transparent; background-color:var(--section-bg-color); } .frm_trigger .frmsvg { width: 20px; height: 20px; } .frm_trigger > svg.frmsvg:nth-child(1) { display:inline-block; } .frm_trigger > svg.frmsvg:nth-child(2) { display:none; } .frm_trigger.active > svg.frmsvg:nth-child(2) { display:inline-block; } .frm_trigger.active > svg.frmsvg:nth-child(1) { display:none; } .with_frm_style .frm_repeat_sec{ margin-bottom:20px; margin-bottom:var(--field-margin); margin-top:20px; margin-top:var(--field-margin); padding-bottom:15px; border-bottom:2px solid #e8e8e8; border-bottom-width:var(--section-border-width); border-bottom-style:var(--section-border-style); border-color:var(--section-border-color); } .with_frm_style .frm_repeat_sec:last-child{ border-bottom:none; padding-bottom:0; } .with_frm_style .frm_repeat_inline{ clear:both; } .frm_invisible_section .frm_form_field, .frm_invisible_section{ display:none !important; visibility:hidden !important; height:0; margin:0; } .frm_form_field .frm_repeat_sec .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button { -moz-transition: opacity .15s ease-in-out; -webkit-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; pointer-events: none; } .frm_form_field .frm_repeat_sec .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row.frm_hide_add_button { display: none; } .frm_form_field div.frm_repeat_grid .frm_add_form_row.frm_hide_add_button, .frm_form_field div.frm_repeat_inline .frm_add_form_row.frm_hide_add_button { visibility: hidden; } .frm_form_field div.frm_repeat_grid .frm_add_form_row, .frm_form_field div.frm_repeat_inline .frm_add_form_row, .frm_section_heading div.frm_repeat_sec:last-child .frm_add_form_row { display: inline-block; visibility: visible; pointer-events: auto; } .frm_repeat_buttons.frm_hidden:last-child, .frm_add_form_row.frm_icon_font.frm_hidden:last-child { display: inline-block; } .frm_form_fields .frm_section_heading.frm_hidden { display: none; } .frm_repeat_buttons a.frm_remove_form_row, .frm_repeat_buttons a.frm_add_form_row { line-height: 1.8; } .frm_form_field.frm_repeat_buttons .frm_remove_form_row:not(.frm_button) svg.frm-svg-icon, .frm_form_field.frm_repeat_buttons .frm_add_form_row:not(.frm_button) svg.frm-svg-icon { fill: #ffffff; fill: var(--submit-text-color) ; } .frm_repeat_inline .frm_repeat_buttons a.frm_icon_font{ vertical-align: sub; } .frm_repeat_inline .frm_repeat_buttons a.frm_icon_font:before{ vertical-align: text-top; } .frm_repeat_buttons .frmsvg { width: 20px; height: 20px; } .frm_repeat_grid .frm_button, .frm_repeat_inline .frm_button, .frm_repeat_sec .frm_button{ display: inline-block; line-height:1; } .with_frm_style .frm_button .frm_icon_font:before{ font-size:15px; font-size:var(--submit-font-size); } .frm_repeat_sec .frm_button .frm_icon_font:before, .frm_repeat_grid .frm_button .frm_icon_font:before, .frm_repeat_inline .frm_button .frm_icon_font:before{ line-height:1; } .frm_form_field .frm_repeat_grid ~ .frm_repeat_grid .frm_form_field .frm_primary_label{ display:none !important; } /* Prefix */ .with_frm_style .frm_input_group { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: stretch; align-items: stretch; width: 100%; } .with_frm_style .frm_input_group.frm_hidden { display: none; } .with_frm_style .frm_inline_box { display: -ms-flexbox; display: flex; text-align: center; align-items: center; font-size: 90%; padding: 0 10px; color:#3f4b5b; color:var(--progress-color); border:1px solid #BFC3C8; border-color:var(--border-color); border-width:var(--field-border-width); border-style:var(--field-border-style); background-color: #eaeaea; background-color:var(--progress-bg-color); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border-radius:var(--border-radius); width: auto; } .with_frm_style .frm_input_group .frm_inline_box:first-child { margin-right: -1px; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } .with_frm_style .frm_input_group .chosen-container + .frm_inline_box, .with_frm_style .frm_input_group select + .frm_inline_box, .with_frm_style .frm_input_group input + .frm_inline_box { margin-left: -1px; border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .with_frm_style .frm_input_group .chosen-container, .with_frm_style .frm_input_group > select, .with_frm_style .frm_input_group > input { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1% !important; min-width: 0; margin-bottom: 0; display: block; } .with_frm_style .frm_input_group.frm_with_pre .chosen-container-multi .chosen-choices, .with_frm_style .frm_input_group.frm_with_pre .chosen-single, .with_frm_style .frm_input_group.frm_with_pre > select, .with_frm_style .frm_input_group.frm_with_pre > input { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; } .with_frm_style .frm_input_group.frm_with_post .chosen-container-multi .chosen-choices, .with_frm_style .frm_input_group.frm_with_post .chosen-single, .with_frm_style .frm_input_group.frm_with_post > select, .with_frm_style .frm_input_group.frm_with_post > input { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; } /* Custom SlimSelect CSS */ .ss-content.frm_slimselect { padding: 0 !important; } .with_frm_style .ss-value-delete { border-left: none !important; padding-left: 0 !important; } .with_frm_style .ss-main { display:flex !important; --ss-font-color: var(--text-color); --ss-border-color: var(--border-color); --ss-border-radius: var(--border-radius); --ss-bg-color: var(--bg-color); /* TODO stop hard coding spacing. --field-pad is problematic because it's something like 6px 10px and ss-spacing-m gets used with ss-spacing-s */ --ss-spacing-s: 6px; --ss-spacing-m: 10px; --ss-main-height: var(--field-height); border-width: var(--fieldset); font-size: var(--field-font-size); line-height: 1.3; align-self: baseline; margin-top: 3px; /* This is to account for the difference in vertical alignment for being display: flex. */ font-family:var(--font); } .ss-content.frm_slimselect { font-size: 14px; font-family:; } .with_frm_style .ss-main .ss-values .ss-value .ss-value-text { padding: 2px var(--ss-spacing-s); } /* End SlimSelect CSS */ .with_frm_style .frm_total input, .with_frm_style .frm_total_big input { background-color:transparent; border:none; width:auto; box-shadow: none !important; } .with_frm_style .frm_total .frm_inline_box, .with_frm_style .frm_total_big .frm_inline_box { background-color:transparent !important; border-width: 0 !important; box-shadow:none !important; color:var(--text-color); padding:0 3px 0 1px !important; } .with_frm_style .frm_inline_total { padding:0 3px; } /* Datepicker */ #ui-datepicker-div { display:none; z-index:999999 !important; } .frm-datepicker .ui-datepicker-title select.ui-datepicker-month, .frm-datepicker .ui-datepicker-title select.ui-datepicker-year { width: 33% ; background-color:#fff; padding: 5px 10px; background-position-y: center; background-position-x: right 5px; line-height: 15px; } .frm-datepicker select.ui-datepicker-month{ margin-right: 3px; } .frm-datepicker .ui-datepicker-month, .frm-datepicker .ui-datepicker-year { max-width:100%; max-height:2em; padding:6px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display: inline; color: #555555; } .frm-datepicker span.ui-datepicker-month, .frm-datepicker span.ui-datepicker-year { line-height: 25px; font-weight: 600; } .frm-datepicker .ui-datepicker-calendar { margin: 0 !important; } .frm-datepicker .ui-datepicker-prev:before{ background-image: url( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTUuNSAxMS40TDEwLjggN2ExLjEgMS4xIDAgMCAwLTEuNiAwbC00LjcgNC41Yy0uNC41LS40IDEuMiAwIDEuNy41LjQgMSAuNCAxLjYgMEwxMCA5LjNsNCAzLjhjLjQuNCAxIC40IDEuNSAwIC40LS41LjQtMS4yIDAtMS43eiIvPjwvc3ZnPg== ); content: '' !important; } .frm-datepicker .ui-datepicker-prev:before, .frm-datepicker .ui-datepicker-next:before{ position: absolute; top: 10px; left: 6px; } .frm-datepicker .ui-datepicker-next:before{ background-image: url( data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTAiIGhlaWdodD0iMjUwIiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTUuNSAxMS40TDEwLjggN2ExLjEgMS4xIDAgMCAwLTEuNiAwbC00LjcgNC41Yy0uNC41LS40IDEuMiAwIDEuNy41LjQgMSAuNCAxLjYgMEwxMCA5LjNsNCAzLjhjLjQuNCAxIC40IDEuNSAwIC40LS41LjQtMS4yIDAtMS43eiIvPjwvc3ZnPg== ); content: '' !important; } .frm-datepicker .ui-datepicker-prev{ transform: rotate(-90deg) !important; } .frm-datepicker .ui-datepicker-next{ transform: rotate(90deg) !important; } /* Graphs */ .google-visualization-tooltip-item-list, .google-visualization-tooltip-item-list .google-visualization-tooltip-item:first-child { margin: 1em 0 !important; } .google-visualization-tooltip-item { list-style-type: none !important; margin: 0.65em 0 !important; } /* Radio Scale */ .with_frm_style .frm_scale{ margin-right:15px; text-align:center; float:left; } .with_frm_style .frm_scale input[type=radio]{ display:block !important; margin:0; } .with_frm_style .frm_scale input[type=radio]:checked:before { transform: scale(1); } /* Star ratings */ .frm-star-group { white-space: nowrap; } .frm-star-group input { opacity: 0; position: absolute !important; z-index: -1; } .frm-star-group .frmsvg, .frm-star-group input + label.star-rating { float:none; width:25px; height:25px; font-size:25px; line-height:1; cursor:pointer; background:transparent; overflow:hidden !important; clear:none; font-style:normal; vertical-align:top; position:relative; display: inline-block; } .frm-star-group .frmsvg { fill: #F0AD4E; } .frm-star-group input + label.star-rating .frmsvg { position: absolute; top: 0; } .frm-star-group input + label.star-rating:before { content: ''; } .frm-star-group input[type=radio]:checked + label:before, .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label:before{ color:#F0AD4E; } .frm-star-group:not(.frm-star-hovered) input[type=radio]:checked + label, .frm-star-group input + label:hover, .frm-star-group:hover input + label:hover , .frm-star-group .star-rating-on, .frm-star-group .star-rating-hover { color:#F0AD4E; } .frm-star-group .star-rating-readonly{ cursor:default !important; } .frm-star-group > svg + svg { margin-left: 5px; } .frm-star-group .star-rating .frmsvg:last-of-type, .frm-star-group .star-rating-on .frmsvg:first-of-type, .frm-star-group .star-rating-hover .frmsvg:first-of-type { display: none; } .frm-star-group .star-rating-on .frmsvg:last-of-type, .frm-star-group .star-rating-hover .frmsvg:last-of-type { display: inline; } /* Other input */ .with_frm_style .frm_other_input.frm_other_full{ margin-top:10px; } .frm_left_container .frm_other_input{ grid-column:2; } .frm_inline_container.frm_other_container .frm_other_input, .frm_left_container.frm_other_container .frm_other_input{ margin-left:5px; } .frm_right_container.frm_other_container .frm_other_input{ margin-right:5px; } .frm_inline_container.frm_other_container select ~ .frm_other_input, .frm_right_container.frm_other_container select ~ .frm_other_input, .frm_left_container.frm_other_container select ~ .frm_other_input{ margin:0; } /* File Upload */ .with_frm_style input[type=file]::-webkit-file-upload-button{ color:#555555; color:var(--text-color); background-color:#ffffff; background-color:var(--bg_color); padding:6px 10px; padding:var(--field-pad); border-radius:4px; border-radius:var(--border-radius); border-color: #BFC3C8; border-color:var(--border-color); border-width:1px; border-width:var(--field-border-width); border-style:solid; border-style:var(--field-border-style); } /* Pagination */ .frm_pagination_cont ul.frm_pagination{ display:inline-block; list-style:none; margin-left:0 !important; } .frm_pagination_cont ul.frm_pagination > li{ display:inline; list-style:none; margin:2px; background-image:none; } ul.frm_pagination > li.active a{ text-decoration:none; } .frm_pagination_cont ul.frm_pagination > li:first-child{ margin-left:0; } .archive-pagination.frm_pagination_cont ul.frm_pagination > li{ margin:0; } /* Calendar Styling */ .frmcal{ padding-top:30px; } .frmcal-title{ font-size:116%; } .frmcal table.frmcal-calendar{ border-collapse:collapse; margin-top:20px; color:#555555; } .frmcal table.frmcal-calendar, .frmcal table.frmcal-calendar tbody tr td{ border:1px solid #BFC3C8; } .frmcal table.frmcal-calendar, .frmcal, .frmcal-header{ width:100%; } .frmcal-header{ text-align:center; } .frmcal-prev{ margin-right:10px; } .frmcal-prev, .frmcal-dropdown{ float:left; } .frmcal-dropdown{ margin-left:5px; } .frmcal-next{ float:right; } .frmcal table.frmcal-calendar thead tr th{ text-align:center; padding:2px 4px; } .frmcal table.frmcal-calendar tbody tr td{ height:110px; width:14.28%; vertical-align:top; padding:0 !important; color:#555555; font-size:12px; } table.frmcal-calendar .frmcal_date{ background-color:#ffffff; padding:0 5px; text-align:right; -moz-box-shadow:0 2px 5px #BFC3C8; -webkit-box-shadow:0 2px 5px #BFC3C8; box-shadow:0 2px 5px #BFC3C8; } table.frmcal-calendar .frmcal-today .frmcal_date{ background-color:#ffffff; padding:0 5px; text-align:right; -moz-box-shadow:0 2px 5px #66afe9; -webkit-box-shadow:0 2px 5px #66afe9; box-shadow:0 2px 5px #66afe9; } .frmcal_day_name, .frmcal_num{ display:inline; } .frmcal-content{ padding:2px 4px; } /* End Calendar Styling */ /* Start Toggle Styling */ .frm_switch_opt { padding:0 8px 0 0; white-space:normal; display:inline; vertical-align: middle; font-size:15px; font-size:var(--toggle-font-size); font-weight:normal; font-weight:var(--check-weight); } .frm_on_label{ padding:0 0 0 8px; } .frm_on_label, .frm_off_label{ color:#444444; color:var(--check-label-color); } .frm_switch { position: relative; display: inline-block; width: 40px; height: 25px; vertical-align: middle; } .frm_switch_block input { display:none !important; } .frm_slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color:#eaeaea; background-color:var(--toggle-off-color); transition: .4s; border-radius: 30px; } .frm_slider:before { border-radius: 50%; position: absolute; content: ""; height: 23px; width: 23px; left: 1px; bottom: 1px; background-color: white; transition: .4s; box-shadow:0 2px 6px rgba(41, 58, 82, 0.31); } input:checked + .frm_switch .frm_slider { background-color:#579AF6; background-color:var(--toggle-on-color); } input:focus + .frm_switch .frm_slider { box-shadow: 0 0 1px #3177c7; } input:checked + .frm_switch .frm_slider:before { transform: translateX(15px); } .frm_rtl .frm_switch_opt { padding: 0 8px; } .frm_rtl .frm_slider:before { left: 16px; } .frm_rtl input:checked + .frm_switch .frm_slider:before { transform: none!important; left: 1px; } /* End Toggle */ /* Range slider */ .with_frm_style .frm_range_unit, .with_frm_style .frm_range_value{ display:inline-block; padding-left: 2px; padding-right: 2px; } .with_frm_style .frm_range_value + .frm_range_unit, .with_frm_style .frm_range_container > .frm_range_unit, .with_frm_style .frm_range_value{ font-size:24px; font-size:var(--slider-font-size); color:#555555; color:var(--text-color); } .with_frm_style .frm_range_container { padding-top: 5px; } .with_frm_style input[type=range] { -webkit-appearance: none; box-shadow:none !important; border:none !important; cursor: pointer; padding:0 ; background:transparent !important; display: block; width: 100%; margin: 15px 0 8px; font-size:14px; height:auto; } .with_frm_style input[type=range]:active, .with_frm_style input[type=range]:focus { outline: none; box-shadow:none !important; background:transparent !important; padding:0 ; } .with_frm_style .frm_range_max { float: right; } .with_frm_style .frm_range_container input + .frm_range_value { text-align: center; display: block; } .with_frm_style input[type=range]::-webkit-slider-runnable-track { -webkit-appearance: none; border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #579AF6; background-color:var(--slider-bar-color);} .with_frm_style input[type=range]::-moz-range-track { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #579AF6; background-color:var(--slider-bar-color); border-color: transparent; border-width: 39px 0; color: transparent; background-color:var(--toggle-off-color); } .with_frm_style input[type=range]::-moz-range-progress { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #579AF6; background-color:var(--slider-bar-color); background-color: #3177c7; } .with_frm_style input[type=range]::-ms-fill-lower { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #579AF6; background-color:var(--slider-bar-color); background-color:var(--toggle-off-color); } .with_frm_style input[type=range]::-ms-fill-upper { border-radius: 4px; border-radius:var(--border-radius); border: none; height: 5px; height: var(--slider-track-size); background-color: #579AF6; background-color:var(--slider-bar-color);} .with_frm_style input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; -webkit-border-radius: 20px; height: 24px;width: 24px;height: var(--slider-circle-size);width: var(--slider-circle-size);border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer; margin-top: calc( -10px + var(--slider-track-size) / 2 ); box-shadow:0 2px 6px rgba(41, 58, 82, 0.31); } .with_frm_style input[type=range]::-moz-range-thumb { height: 24px;width: 24px;height: var(--slider-circle-size);width: var(--slider-circle-size);border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer; -moz-border-radius: 20px; } .with_frm_style input[type=range]::-ms-thumb { height: 24px;width: 24px;height: var(--slider-circle-size);width: var(--slider-circle-size);border-radius: 24px; border: 1px solid #3177c7; color:#ffffff; background: #fff; cursor: pointer;} .with_frm_style input[type=range]::-moz-focus-outer { border: 0; } /* Dropzone */ .with_frm_style .frm_dropzone{ border-color: #BFC3C8; border-color: var(--border-color) ; border-radius:4px; border-radius: var(--border-radius) ; color: #555555; color: var(--text-color) ; background-color:#ffffff; background-color:var(--bg-color) ; } .with_frm_style .frm_dropzone .frm_upload_icon, .with_frm_style .frm_dropzone .dz-remove{ color: #555555; color: var(--text-color) ; } .with_frm_style .frm_compact .frm_dropzone .frm_upload_icon { color: #ffffff; color: var(--submit-text-color) ; } .with_frm_style .frm_dropzone .frmsvg { width: 40px; height: 40px; } .with_frm_style .frm_dropzone .frm_remove_link .frmsvg { width: 18px; height: 18px; cursor: pointer; } .with_frm_style .frm_blank_field .frm_dropzone{ border-color:#B94A48; border-color:var(--border-color-error) ; color:#444444; color:var(--text-color-error) ; background-color:#ffffff; background-color:var(--bg-color-error) ; } .with_frm_style .frm_dropzone .dz-preview .dz-progress { background: #eaeaea; 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: #579AF6; background: var(--progress-active-bg-color) ; } /** * Radio Button and Checkbox Images */ .frm_image_size_medium { --image-size:250px; } .frm_image_size_large { --image-size:320px; } .frm_image_size_xlarge { --image-size:400px; } .frm_image_options .frm_opt_container { display: inline-flex; flex-flow: wrap; flex-direction:row; margin: 0 -10px; } .frm_image_options .frm_radio input[type=radio], .frm_image_options .frm_checkbox input[type=checkbox]{ opacity: 0; position: absolute; z-index: -1; } .frm_image_options .frm_image_option_container { border: 1px solid #BFC3C8; border-color: var(--border-color); border-width: var(--field-border-width); border-radius: 3px; border-radius: var(--border-radius); display: flex; flex-wrap: wrap; box-sizing: border-box; -moz-box-sizing: border-box; position: relative; height: 100%; } .frm_image_options .frm_image_option_container.frm_label_with_image .frm_empty_url, .frm_image_options .frm_image_option_container.frm_label_with_image img { border-bottom-left-radius:0; border-bottom-right-radius:0; } .with_frm_style .vertical_radio.frm_image_options .frm_image_option > label { text-indent: 0; padding-left: 0; } .frm_show_images.frm_image_option_container { display: inline-flex; flex-wrap: nowrap; flex-direction: column; text-align: center; align-items: center; width: 150px; margin-right: 10px; margin-bottom: 10px; } .frm-summary-page-wrapper .frm_image_option_container img{ width: 100%; height: 150px; object-fit: cover; } .frm_image_option_container .frm_selected_checkmark{ position: absolute; z-index: 99; left: -10px; top: -12px; display: none; } .frm_image_option_container .frm_image_placeholder_icon { position: absolute; } .frm_image_option_container .frm_selected_checkmark svg{ fill: #66afe9; fill:var(--border-color-active); width: 24px; height: 24px; } .frm_image_option_container .frm_image_placeholder_icon svg{ width: 63px; opacity: .2; } .frm_text_label_for_image { text-align: center; width: 100%; padding: 10px; word-break: keep-all; } .frm_image_options .frm_image_option_container:hover, input[type="radio"]:checked + .frm_image_option_container, input[type="checkbox"]:checked + .frm_image_option_container { border-color: #66afe9; border-color: var(--border-color-active); box-shadow: 0 0 0 1px #66afe9; box-shadow: 0 0 0 1px var(--border-color-active); } input[type="radio"]:disabled + .frm_image_option_container, input[type="checkbox"]:disabled + .frm_image_option_container{ opacity: .7; border-color:var(--border-color-disabled); } input[type="radio"]:checked + .frm_image_option_container .frm_selected_checkmark, input[type="checkbox"]:checked + .frm_image_option_container .frm_selected_checkmark { display: block; } .frm_blank_field.frm_image_options .frm_image_option_container { border-color: var(--border-color-error); } .frm_image_options .frm_image_option_container .frm_empty_url, .frm_image_options .frm_image_option_container img { width: 100%; height: 150px; height: var(--image-size); object-fit: cover; border-radius:var(--border-radius); } .frm_image_option_container .frm_empty_url { background:#ecf0f5; display:flex; justify-content: center; align-items: center; } .horizontal_radio .frm_checkbox.frm_image_option, .horizontal_radio .frm_radio.frm_image_option { padding-left: 0; } .frm_checkbox.frm_image_option, .frm_radio.frm_image_option { width:var(--image-size) !important; /* Overrides grid classes */ } .frm_form_field .frm_checkbox.frm_image_option, .frm_form_field .frm_checkbox.frm_image_option + .frm_checkbox, .frm_form_field .frm_radio.frm_image_option, .frm_form_field .frm_radio.frm_image_option + .frm_radio { margin:10px; /* Override for inline options */ } .frm_checkbox.frm_image_option label, .frm_radio.frm_image_option label{ padding-left: 0; margin-left: 0; min-height: 0; visibility: visible; /* Overrides grid classes */ } /** * Background image */ .frm_with_bg_image .frm_form_fields > fieldset { position: relative; } .frm_with_bg_image .frm_form_fields > fieldset:before { content: ' '; display: block; position: absolute; top: 0; height: 100%; background-position: 50% 0; left: 0; width: 100%; background-image: var(--bg-image-url); background-repeat: no-repeat; background-size: cover; } .frm_with_bg_image .frm_form_fields > fieldset > *:not(.frm_screen_reader) { z-index: 1; position: relative; } /** * Password strength meter CSS */ @media screen and (max-width: 768px) { .frm-pass-req, .frm-pass-verified { width: 50% !important; white-space: nowrap; } } .frm-pass-req, .frm-pass-verified { display: flex; align-items: center; float: left; width: 20%; line-height: 20px; font-size: 12px; padding-top: 4px; min-width: 175px; } .frm-pass-req .frmsvg, .frm-pass-verified .frmsvg { width: 12px; height: 12px; padding-right: 4px; } .passed_svg, .failed_svg { display: none !important; } .frm-pass-verified .passed_svg, .frm-pass-req .failed_svg { display: inline-block !important; } div.frm-password-strength { width: 100%; float: left; } .frm_show_password_wrapper { position: relative; display: block; } .frm_show_password_wrapper input { display: block; } .frm_show_password_wrapper button { position: absolute; top: 50%; height: 32px; height: var(--field-height); right: 0; border: 0; background: transparent !important; cursor: pointer; transform: translateY(-50%); padding: 0 10px; color: #BFC3C8; color: var(--border-color); display: flex; align-items: center; } .frm_show_password_wrapper button:hover { color: #BFC3C8; color: var(--border-color); background: transparent !important; } .frm_show_password_wrapper button svg { width: 24px; height: 24px; } input[type="text"] + .frm_show_password_btn svg:first-child, input[type="password"] + .frm_show_password_btn svg:last-child, .frm_form_builder input[type="text"] + .frm_show_password_btn svg:last-child { display: none; } .frm_form_builder input[type="text"] + .frm_show_password_btn svg:first-child { display: block; } div.frm_repeat_grid:after, div.frm_repeat_inline:after, div.frm_repeat_sec:after { content: ''; display: table; clear: both; } .with_frm_style .frm-summary-page-wrapper { padding: 50px; margin: 25px 0 50px; border: 1px solid #BFC3C8; border-color: var(--border-color); border-radius: 4px; border-radius: var(--border-radius); } .with_frm_style .frm-summary-page-wrapper .frm-edit-page-btn { float: right; margin: 0; padding: 3px 10px; font-size: 13px; } .frm-summary-page-wrapper .frm-line-table th { width: 40%; } button .frm-icon { display: inline-block; color: inherit; width: 12px; height: 12px; fill: currentColor; } .frm-line-table { width: 100%; border-collapse: collapse; margin-top: 0.5em; font-size: 15px; } .frm-line-table tr { background-color: transparent; border-bottom: 1px solid rgba(191,195,200,0.6); } .frm-line-table td, .frm-line-table th { border: 0; padding: 20px 15px; background-color: transparent; vertical-align: top; color: #3f4b5b; } .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 #BFC3C8; border-radius:4px; margin-top:20px; padding:25px; box-shadow:0 0 5px 1px rgba(0,0,0,0.075); } /* Repeater Fields */ .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm-svg-icon { fill:#ffffff; fill:var(--repeat-icon-color); } .frm_style_frm_style_template .frm_form_field.frm_repeat_buttons .frm-svg-icon { fill: var(--submit-text-color)!important; } .with_frm_style .frm_remove_form_row:hover, .with_frm_style .frm_add_form_row:hover { border-color: var(--submit-hover-border-color); color: var(--submit-hover-color); } .with_frm_style .frm_remove_form_row.frm_button:hover, .with_frm_style .frm_add_form_row.frm_button:hover { background: var(--submit-hover-bg-color); } .with_frm_style .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frm-svg-icon, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frm-svg-icon, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_add_form_row:hover svg.frmsvg, .with_frm_style .frm_repeat_sec .frm_form_field.frm_repeat_buttons .frm_remove_form_row:hover svg.frmsvg { fill: var(--submit-hover-color); } /* End Repeater Fields */ .frm_tiles h3{ margin-top:5px; } /* Submit Button Position */ .frm_forms.frm_full_submit .frm_submit button { width: 100%; } /* Look ups */ select.frm_loading_lookup[multiple="multiple"] { background-image: none !important; } /* Slide in */ .frm_slidein .frm_form_fields > fieldset{ animation-name: frmSlideInRight; animation-duration: 1s; } .frm_slidein.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideInLeft; } .frm_slidein.frm_slideout .frm_form_fields > fieldset { animation-name: frmSlideOutLeft !important; } .frm_slidein.frm_slideout.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideOutRight !important; } .frm_slidein .frm-g-recaptcha .grecaptcha-badge{ animation-name: fadeIn; animation-duration: 2s; animation-fill-mode: both; } @keyframes frmSlideInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideInRight { 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideOutLeft { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes frmSlideOutRight { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } /* Slide Up */ .frm_slideup .frm_form_fields > fieldset { animation-name: frmSlideDown; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .frm_slideup.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideUp; } .frm_slideup.frm_slideout .frm_form_fields > fieldset { animation-name: frmSlideOutUp !important; } .frm_slideup.frm_slideout.frm_going_back .frm_form_fields > fieldset { animation-name: frmSlideOutDown !important; } @keyframes frmSlideUp { 0% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideDown { 0% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes frmSlideOutUp { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, -200px, 0); transform: translate3d(0, -200px, 0); } } @keyframes frmSlideOutDown { 0% { opacity: 1; -webkit-transform: none; transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, 200px, 0); } } :root{--ss-primary-color: #5897fb;--ss-bg-color: #ffffff;--ss-font-color: #4d4d4d;--ss-font-placeholder-color: #8d8d8d;--ss-disabled-color: #dcdee2;--ss-border-color: #dcdee2;--ss-highlight-color: #fffb8c;--ss-success-color: #00b755;--ss-error-color: #dc3545;--ss-focus-color: #5897fb;--ss-main-height: 30px;--ss-content-height: 300px;--ss-spacing-l: 7px;--ss-spacing-m: 5px;--ss-spacing-s: 3px;--ss-animation-timing: 0.2s;--ss-border-radius: 4px}@keyframes ss-valueIn{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes ss-valueOut{0%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:flex;flex-direction:row;position:relative;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;box-sizing:border-box;transition:background-color var(--ss-animation-timing);overflow:hidden}.ss-main:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-open-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-open-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:inline-flex;flex-wrap:wrap;gap:var(--ss-spacing-m);flex:1 1 100%}.ss-main .ss-values .ss-placeholder{display:flex;padding:var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);margin:auto 0px auto 0px;line-height:1em;align-items:center;width:100%;color:var(--ss-font-placeholder-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-max{display:flex;user-select:none;align-items:center;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-single{display:flex;margin:auto 0px auto var(--ss-spacing-s)}.ss-main .ss-values .ss-value{display:flex;user-select:none;align-items:center;width:fit-content;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);animation-name:ss-valueIn;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out;animation-fill-mode:both}.ss-main .ss-values .ss-value.ss-value-out{animation-name:ss-valueOut;animation-duration:var(--ss-animation-timing);animation-timing-function:ease-out}.ss-main .ss-values .ss-value .ss-value-text{font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m)}.ss-main .ss-values .ss-value .ss-value-delete{display:flex;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{display:flex;align-self:center;justify-content:flex-end;flex:0 1 auto;width:8px;height:8px;margin:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content{position:absolute;display:flex;height:auto;flex-direction:column;width:auto;max-height:var(--ss-content-height);box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);opacity:0;transform:scaleY(0);transform-origin:center top;overflow:hidden;z-index:10000}.ss-content.ss-relative{position:relative;height:100%}.ss-content.ss-open-above{flex-direction:column-reverse;opacity:1;transform:scaleY(1);transform-origin:center bottom;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-open-below{opacity:1;transform:scaleY(1);transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content .ss-search{flex:0 1 auto;display:flex;flex-direction:row;padding:var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-search input{display:inline-flex;font-size:inherit;line-height:inherit;flex:1 1 auto;width:100%;min-width:0px;padding:var(--ss-spacing-m) var(--ss-spacing-l);margin:0;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;text-align:left;box-sizing:border-box}.ss-content .ss-search input::placeholder{color:var(--ss-font-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{box-shadow:0 0 5px var(--ss-focus-color)}.ss-content .ss-search .ss-addable{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;flex:0 0 auto;height:auto;margin:0 0 0 var(--ss-spacing-m);border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius)}.ss-content .ss-search .ss-addable svg{display:flex;align-items:center;justify-content:flex-end;flex:0 1 auto;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list{flex:1 1 auto;height:auto;overflow-x:hidden;overflow-y:auto}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{display:none !important}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{flex:0 1 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall{flex:0 0 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span{flex:0 1 auto;display:flex;align-items:center;justify-content:center;font-size:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{flex:0 1 auto;display:flex;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;transition-timing-function:ease-out;transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:flex;padding:var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);color:var(--ss-font-color);cursor:pointer;user-select:none}.ss-content .ss-list .ss-option:hover{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{background-color:var(--ss-highlight-color)}/*# sourceMappingURL=slimselect.css.map *//* * The MIT License * Copyright (c) 2012 Matias Meno */ @-webkit-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-moz-keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes passing-through { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30%, 70% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); } } @-webkit-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @-moz-keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @keyframes slide-in { 0% { opacity: 0; -webkit-transform: translateY(40px); -moz-transform: translateY(40px); -ms-transform: translateY(40px); -o-transform: translateY(40px); transform: translateY(40px); } 30% { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } .frm_dropzone, .frm_dropzone * { box-sizing: border-box; } .frm_dropzone.frm_single_upload, .frm_dropzone.dz-clickable { min-height: 60px; margin-top:5px; line-height:1.42857143; } .frm_dropzone.dz-clickable * { cursor: default; } .frm_dropzone.frm_single_upload { max-width: 200px; } .frm_dropzone.frm_single_upload.dz-started { max-width: 300px; } .frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload, .frm_form_field.frm_full .frm_dropzone.dz-started.frm_single_upload, .frm_form_field.frm_full_upload .frm_dropzone.dz-started.frm_single_upload{ max-width:100%; } .frm_form_field.frm_full .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_form_field.frm_full_upload .frm_dropzone.dz-clickable.frm_single_upload .dz-message{ margin: .5em 0 1em; } .frm_dropzone .dz-message{ border: 2px dashed #dfdfdf; background:#ffffff; padding: 20px; border-radius:5px; cursor: pointer; display:none; font-size:20px; text-align: center; margin: 0; } .frm_dropzone.frm_single_upload.dz-started .dz-message{ display: none; } .frm_dropzone.dz-clickable .dz-message, .frm_dropzone .frm_upload_icon{ display:block; } .frm_dropzone.dz-clickable .dz-message, .frm_dropzone.dz-clickable .dz-message * { cursor: pointer; } #frm_form_editor_container .frm_dropzone.dz-clickable, #frm_form_editor_container .frm_dropzone.dz-clickable *{ cursor: default; } .frm_dropzone.dz-drag-hover .dz-message { opacity: 0.5; } .frm_dropzone .frm_upload_icon:before{ font-size:40px; } .frm_dropzone .frm_small_text { font-size:14px; } .frm_dropzone.dz-drag-hover { border-style: solid; } .frm_dropzone .dz-preview { padding: 15px 0; border-bottom: 1px solid #dfdfdf; } .frm_dropzone .dz-preview:last-child { border-bottom: none; } .frm_dropzone .dz-preview:hover { z-index: 1000; } .frm_dropzone .dz-preview.dz-file-preview .dz-details { opacity: 1; } .frm_dropzone .dz-preview.dz-image-preview .dz-details { -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .frm_dropzone .dz-preview .dz-remove { cursor: pointer; border: none; float: right; } .frm_dropzone .dz-preview:hover .dz-details { opacity: 1; } .frm_dropzone .dz-preview .dz-details { font-size: 14px; margin: 5px 0 10px; } .frm_dropzone .dz-preview .dz-details .dz-size, .frm_dropzone .dz-preview .dz-details .dz-filename { display: inline-block; overflow: hidden; white-space: nowrap; } .frm_dropzone .dz-preview .dz-details .dz-size strong { font-weight: normal; } .frm_dropzone .dz-preview .dz-details .dz-filename { max-width: 65%; text-overflow: ellipsis; } .frm_dropzone .dz-preview .dz-details .dz-filename a{ cursor:pointer; } .frm_dropzone .dz-preview .dz-column { float: right; width: 68%; } .frm_dropzone .dz-preview .dz-image { overflow: hidden; width: 30%; height: 60px; display: block; float: left; margin-right: 2%; } .frm_dropzone .dz-preview .dz-image img { display: block; margin:0 auto; max-height: 60px; } .frm_dropzone .dz-preview.dz-success .dz-success-mark { -webkit-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -moz-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -ms-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); -o-animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); animation: passing-through 3s cubic-bezier(0.77, 0, 0.175, 1); } .frm_dropzone .dz-preview.dz-processing .dz-progress { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .frm_dropzone .dz-preview .dz-progress { pointer-events: none; position: relative; height: 10px; width: 100%; background: rgba(221, 221, 221, 1); -webkit-transform: scale(1); border-radius: 8px; overflow: hidden; } .frm_dropzone .dz-preview .dz-progress .dz-upload, .frm_dropzone .dz-preview.dz-complete .dz-progress{ background: #333; background: linear-gradient(to bottom, #666, #444); } .frm_dropzone .dz-preview .dz-progress .dz-upload { position: absolute; top: 0; left: 0; bottom: 0; width: 0; -webkit-transition: width 300ms ease-in-out; -moz-transition: width 300ms ease-in-out; -ms-transition: width 300ms ease-in-out; -o-transition: width 300ms ease-in-out; transition: width 300ms ease-in-out; } .frm_dropzone .dz-preview.dz-error .dz-error-message { display: block; opacity: 1; pointer-events: auto; } .frm_dropzone .dz-preview .dz-error-message { pointer-events: none; display: none; opacity: 0; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; color: #B94A48; padding: 0.5em; } .frm_dropzone .fallback input[type=file]{ display:block; } /* Compact version */ .frm_compact_text{ display:none; } .frm_compact .frm_dropzone.dz-clickable{ padding:0; border:none; background-color:transparent; } .frm_compact .frm_dropzone.dz-clickable.frm_single_upload{ max-width:100%; } .frm_compact .frm_compact_text{ display:inline; } .frm_upload_text button, .frm_compact_text button { background: none !important; color: inherit !important; border: none !important; padding: 0 !important; font: inherit !important; cursor: pointer !important; outline: inherit !important; height: auto !important; white-space: break-spaces; } .frm_compact .frm_dropzone.dz-clickable.frm_single_upload .dz-message, .frm_compact .frm_dropzone.dz-clickable .dz-message{ font-size:14px; border:1px solid #dfdfdf; background:#fff; display: inline-block; border-radius: 4px; padding: 6px 11px; box-sizing: border-box; box-shadow: 0 1px 1px #eeeeee; vertical-align: middle; margin: 0 0 1em; } .frm_compact .frm_dropzone.frm_single_upload.dz-started .dz-message, .frm_compact .frm_dropzone.frm_single_upload.dz-started.dz-clickable .dz-message { display: none; } .frm_compact .frm_dropzone .frm_upload_icon:before{ font-size:22px; padding-right:7px; vertical-align: middle; } .frm_compact .frm_dropzone .frm_upload_icon{ display:inline; } .frm_compact .frm_dropzone .dz-preview{ min-height:20px; max-width:200px; margin: 0 5px; padding: 0; display: inline-block; border-bottom: none; } .frm_compact .frm_dropzone .dz-preview.frm_clearfix:after { content:''; } .frm_compact .frm_dropzone .frm_upload_text, .frm_compact .frm_dropzone .frm_small_text, .frm_compact .frm_dropzone .dz-preview .dz-image, .frm_compact .frm_dropzone .dz-preview .dz-details .dz-size{ display:none; } .frm_compact .frm_dropzone .dz-preview .dz-details { margin: 0; } .frm_compact .frm_dropzone .dz-preview .dz-column { float: none; width: 100%; } .frm_compact .frm_dropzone .dz-preview .dz-details .dz-filename { overflow: hidden; text-overflow: ellipsis; } /* Prevent horizontal scroll on RTL sites */ .frm-show-form .dz-hidden-input{ display:none; }.frm_rootline_group{ text-align: center; margin: 20px auto 30px; width: 100%; } ul.frm_page_bar{ list-style-type: none; margin: 0 !important; padding: 0; width: 100%; display: flex; flex-wrap: wrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.frm_rootline { align-items: baseline; } ul.frm_page_bar li{ display: flex; -ms-flex: 1; flex: 1; align-items: center; justify-content: center; flex-direction: column; } .frm_page_bar.frm_hidden, .frm_page_bar .frm_hidden { display: none !important; } ul.frm_rootline_hidden_steps { z-index: 1; display: flex; width: auto; position: absolute; background: #fff; padding: 16px; gap: 16px; flex-direction: column; border-radius: 6px; box-shadow: 0px 8px 24px rgb(40 47 54 / 15%); top: calc( var(--progress-size) + 10px ); } .frm_show_titles ul.frm_rootline_hidden_steps { min-width: min(100%, 400px); } ul.frm_rootline_hidden_steps li { white-space: nowrap; text-align: start; z-index: 1; cursor: pointer; flex-direction: row; gap: 16px; position: relative; } .frm_rootline_hidden_steps li span.frm_rootline_title.frm_prev_page_title{ text-decoration: line-through; opacity: 0.45; font-weight: 400; } .frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single:first-child::after, .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after, .frm_rootline.frm_show_lines > .frm_rootline_single:after { height: 2px; height: var(--progress-border-size); background: #E5E5E5; background: var(--progress-border-color); content: ''; position: absolute; top: 12px; /* For IE */ top: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) ); left: 50%; width: 100%; z-index: -1; } .frm_rtl .frm_rootline.frm_show_lines > .frm_rootline_single::after { right: 50%; left: auto; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:last-child::after, .frm_rootline.frm_show_lines > .frm_rootline_single:last-child::after { content: none; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { width: 2px; width: var(--progress-border-size); height: 100%; top: max( 50%, 20px ); /* For smaller circles */ left: calc( ( var(--progress-size) / 2 ) - var(--progress-border-size) ); } .frm_rtl .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { right: calc( ( var(--progress-size) / 2 ) + var(--progress-border-size) ); left: auto; } .frm_rootline_hidden_steps .frm_rootline_title { flex: 1; } .frm_rootline_hidden_steps .frm_rootline_single input { margin: 0 !important; } .frm_page_bar .frm_rootline_single input{ margin-bottom: 10px; font-size: 14px; } .frm_forms .frm_page_bar input, .frm_forms .frm_page_bar input:disabled{ transition: background-color 0.1s ease; color: #3f4b5b; color: var(--progress-color) ; background-color: #eaeaea; background-color: var(--progress-bg-color) ; border-width: 2px; border-width: var(--progress-border-size) ; border-style: solid; border-color: #dbdbdb; border-color: var(--progress-border-color-b) ; cursor: pointer ; } .frm_forms .frm_page_bar input:hover, .frm_forms .frm_page_bar input:focus{ background-color: #d6d6d6; color: #2b3747; background-color: #d6d6d6; } .frm_forms .frm_rootline input { font-size: 14px; font-weight: 600; } .frm_forms .frm_rootline input:hover { opacity: 1; } .frm_forms .frm_rootline input:focus{ outline: none; } .frm_forms .frm_rootline .frm_rootline_single input { border-width: 0; } .frm_forms .frm_progress_line input.frm_page_back{ background-color: #579AF6; background-color: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline input.frm_page_back { background-color: #3f4b5b; background-color: var(--progress-color); color: #eaeaea; color: var(--progress-bg-color); } .frm_forms .frm_rootline input.frm_page_back:hover, .frm_forms .frm_rootline input.frm_page_back:focus{ background-color: #6c7888; color: #ffffff; } .frm_forms .frm_page_bar .frm_current_page input[type="button"]{ background-color: #eaeaea; border-color: #E5E5E5; } .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: #579AF6; color: var(--progress-active-bg-color) ; } .frm_rootline_title, .frm_pages_complete, .frm_percent_complete { font-size:14px; font-weight: 600; padding:4px; color: #666666; color: var(--description-color) ; } .frm_pages_complete { float: right; margin-right:13px; } .frm_percent_complete { float: left; margin-left:13px; } .frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled { width: 100%; border: none; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; box-shadow: inset 0 2px 10px -10px rgba(41, 58, 82, 0.31); margin: 5px 0; padding: 6px 0; border-radius:0; font-size:0; line-height:15px; } .frm_forms .frm_progress_line.frm_show_lines input { border-left: 1px solid #3f4b5b; border-right: 1px solid #3f4b5b; } .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 #579AF6; } .frm_forms .frm_progress_line li:last-of-type input { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-right: 1px solid #579AF6; } .frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-right: 1px solid #E5E5E5; } .frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-left: 1px solid #E5E5E5; } .frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-right: 1px solid #3f4b5b; } .frm_forms .frm_progress_line input.frm_page_back { border-color: #579AF6; } .frm_forms .frm_progress_line.frm_show_lines input.frm_page_back{ border-left-color: #579AF6; border-right-color: #3f4b5b; } /* IE Workarounds */ @media all and (-ms-high-contrast:none) { ul.frm_rootline_hidden_steps { display: block; min-width: 350px; border: 1px solid #BFC3C8; left: -50%; } .frm_rootline.frm_show_lines ul.frm_rootline_hidden_steps li:after { top: 50%; left: 12px; } .frm_rootline > .frm_rootline_single { min-width: 150px; } .frm_rootline.frm_show_lines span{ text-align: left; margin-left: 16px; } } /* Start RTL */ .frm_rtl.frm_forms .frm_progress_line li:first-of-type input { border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-top-left-radius:0px; border-bottom-left-radius:0px; border-right: 1px solid #579AF6; } .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 #579AF6; } .frm_rtl.frm_forms .frm_progress_line li:last-of-type input.frm_page_skip { border-left: 1px solid #E5E5E5; border-right:none; } .frm_rtl.frm_forms .frm_progress_line .frm_current_page input[type="button"] { border-right: 1px solid #E5E5E5; border-left:none; } .frm_rtl.frm_forms .frm_progress_line.frm_show_lines .frm_current_page input[type="button"] { border-left: 1px solid #3f4b5b; 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: 24px; height: 24px; min-height:auto; border-radius: 24px; 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: #579AF6; border-color: var(--progress-active-bg-color) ; } .frm_forms .frm_rootline .frm_current_page input[type="button"] { border-color: #4386e2; background-color: #579AF6; color: #ffffff; } .frm_forms .frm_progress_line input, .frm_forms .frm_progress_line input:disabled, .frm_forms .frm_progress_line .frm_current_page input[type="button"], .frm_forms .frm_rootline.frm_no_numbers input, .frm_forms .frm_rootline.frm_no_numbers .frm_current_page input[type="button"] { color: transparent !important; } .frm_rootline_show_hidden_steps_btn:not(.active)>.frm_rootline_title{ display: none; } @media only screen and (max-width: 700px) { .frm_show_titles ul.frm_rootline_hidden_steps { min-width: 16px; } } @media only screen and (max-width: 500px) { .frm_rootline.frm_rootline_4 span.frm_rootline_title, .frm_rootline.frm_rootline_3 span.frm_rootline_title{ display:none; } } /* Responsive */ @media only screen and (max-width: 900px) { .frm_form_field .frm_repeat_grid .frm_form_field.frm_sixth .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_seventh .frm_primary_label, .frm_form_field .frm_repeat_grid .frm_form_field.frm_eighth .frm_primary_label{ display: block !important; } } @media only screen and (max-width: 600px) { .frm_form_field.frm_four_col .frm_opt_container{ grid-template-columns: repeat(2, 1fr); } .with_frm_style .frm_repeat_inline, .with_frm_style .frm_repeat_grid{ margin: 20px 0; } } @media only screen and (max-width: 500px) { .frm_form_field.frm_two_col .frm_radio, .frm_form_field.frm_two_col .frm_checkbox, .frm_form_field.frm_three_col .frm_radio, .frm_form_field.frm_three_col .frm_checkbox{ width: auto; margin-right: 0; float: none; display:block; } .frm_form_field input[type=file] { max-width:220px; } .with_frm_style .frm-g-recaptcha > div > div, .with_frm_style .g-recaptcha > div > div{ width:inherit !important; display:block; overflow:hidden; max-width:302px; border-right:1px solid #d3d3d3; border-radius:4px; box-shadow:2px 0px 4px -1px rgba(0,0,0,.08); -moz-box-shadow:2px 0px 4px -1px rgba(0,0,0,.08); } .with_frm_style .g-recaptcha iframe, .with_frm_style .frm-g-recaptcha iframe{ width:100%; } }