• Resolved phalancs

    (@phalancs)


    I really like forminator but I just found hundreds of ugly css lines in the source code of my page where the form is rendered. Why is this css not put into a file? I use the flt design and really would love to hear how to fix this.

    thanks in advance!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hello @phalancs,

    I hope you’re doing well!

    I could not replicate an issue on my end, and could not locate CSS lines, rather than the Forminator’s style.css file loaded at the page’s header.

    Would you please share a link to your site so we could have a closer look?

    Please advise,

    Kind regards,
    Nastia

    Thread Starter phalancs

    (@phalancs)

    See this page. Fresh install, twentynineteen theme, no plugins only forminator.

    Have look in the source. The page just contains the form with the “flat” design. Line 200 – 960 are forminator css definitions.

    https://www.enym.com/daniel/

    Seems like the form-themes are not stored in files.

    Andy

    (@andywpmudev)

    Hey @phalancs the team are in discussions about how we can improve this and optimise the code to only output exactly what’s needed. Watch this space as there should improvements coming out soon ?? thanks for your patience!

    Andy

    Thread Starter phalancs

    (@phalancs)

    Cool. Any news on this one? Thanks ??

    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hey there! ??

    This is planned for v.1.13 as v.1.11 is just around the corner and a lot of stuff is already planned for v.1.12.

    Warm regards,
    Dimitris

    Thread Starter phalancs

    (@phalancs)

    Sorry, I don’t get it. It is a simple bug, cause even when you choose to include NO css there is so much bulk included. It’s been more than half a year and I don’t understand why there is not a even a quick fix?

    Sorry, but this is MASSIVE, there are more than 1000 lines of unnecessary CSS added!!! ??

    Just to give a glimpse. This is just the CSS that is thrown in the markup even when having the form set to “NO CSS”:

    					<style type="text/css"
    						   id="forminator-custom-form-styles-245">
    						.forminator-custom-form-245 {
    		padding-top: 0;
    		padding-right: 0;
    		padding-bottom: 0;
    		padding-left: 0;
    	}
    
    	.forminator-custom-form-245 {
    		border-width: 0;
    		border-style: none;
    		border-radius: 0;
    		-moz-border-radius: 0;
    		-webkit-border-radius: 0;
    	}
    
    	.forminator-custom-form-245 {
    		border-color: rgba(0,0,0,0);
    		background-color: rgba(0,0,0,0);
    	}
    
    .forminator-custom-form-245 .forminator-pagination-footer .forminator-button-paypal {
    			flex: 1;
    	}
    .forminator-custom-form-245 .forminator-button-paypal > .paypal-buttons {
    		}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message p {
    		font-size: 15px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message p {
    		font-size: 15px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error {
    		background-color: #F9E4E8;
    		box-shadow: inset 2px 0 0 0 #E04562;
    		-moz-box-shadow: inset 2px 0 0 0 #E04562;
    		-webkit-box-shadow: inset 2px 0 0 0 #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:hover,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:focus,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:active {
    		box-shadow: inset 2px 0 0 0 #E04562;
    		-moz-box-shadow: inset 2px 0 0 0 #E04562;
    		-webkit-box-shadow: inset 2px 0 0 0 #E04562;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:focus,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error:active {
    		box-shadow: inset 2px 0 0 0 #E04562;
    		-moz-box-shadow: inset 2px 0 0 0 #E04562;
    		-webkit-box-shadow: inset 2px 0 0 0 #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error p {
    		color: #333333;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-error p {
    		color: #333333;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success {
    		background-color: #BCEEE6;
    		box-shadow: inset 2px 0 0 0 #1ABCA1;
    		-moz-box-shadow: inset 2px 0 0 0 #1ABCA1;
    		-webkit-box-shadow: inset 2px 0 0 0 #1ABCA1;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:hover,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:focus,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:active {
    		box-shadow: inset 2px 0 0 0 #1ABCA1;
    		-moz-box-shadow: inset 2px 0 0 0 #1ABCA1;
    		-webkit-box-shadow: inset 2px 0 0 0 #1ABCA1;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:focus,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success:active {
    		box-shadow: inset 2px 0 0 0 #1ABCA1;
    		-moz-box-shadow: inset 2px 0 0 0 #1ABCA1;
    		-webkit-box-shadow: inset 2px 0 0 0 #1ABCA1;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success p {
    		color: #333333;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-success p {
    		color: #333333;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading {
    		background-color: #F8F8F8;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading p {
    		color: #666666;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-response-message.forminator-loading p {
    		color: #666666;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title {
    		font-size: 45px;
    		font-family: inherit;
    		font-weight: 400;
    		text-align: left;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle {
    		font-size: 18px;
    		font-family: inherit;
    		font-weight: 400;
    		text-align: left;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-title {
    		color: #333333;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-subtitle {
    		color: #333333;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label {
    		font-size: 12px;
    		font-family: inherit;
    		font-weight: 700;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label .forminator-required,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-label .forminator-required {
    		color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description-password,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description-password {
    		display: block;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p {
    		font-size: 12px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:focus,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:focus,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active {
    		box-shadow: none;
    		text-decoration: none;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p {
    		margin: 0;
    		padding: 0;
    		border: 0;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description p {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:hover {
    		color: #008FCA;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-description a:active {
    		color: #008FCA;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message {
    		font-size: 12px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-error-message {
    		background-color: #F9E4E8;
    		color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:hover,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:focus,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:active {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #000000;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:focus,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:active {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-moz-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-moz-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-moz-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-moz-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-ms-input-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input:-ms-input-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-webkit-input-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input::-webkit-input-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-input,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-input {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-input,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-input {
    		border-color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input-with-icon [class*="forminator-icon-"],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-input-with-icon [class*="forminator-icon-"] {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input-with-icon [class*="forminator-icon-"],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-input-with-icon [class*="forminator-icon-"] {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-suffix {
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:hover,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:focus,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:active {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #000000;
    	}
    
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:focus,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:active {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-textarea,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-textarea {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-textarea,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-textarea {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-textarea,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-textarea {
    		border-color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-moz-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-moz-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-moz-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-moz-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-ms-input-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea:-ms-input-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-webkit-input-placeholder,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-textarea::-webkit-input-placeholder {
    		color: #888888;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio {
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden] {
    		border-color: #777771;
    		background-color: #EDEDED;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden]:before,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio span[aria-hidden]:before {
    		background-color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio input:checked + span[aria-hidden],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-radio input:checked + span[aria-hidden] {
    		border-color: #17A8E3;
    		background-color: #EDEDED;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-radio span[aria-hidden],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-radio span[aria-hidden] {
    		border-color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox {
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox span[aria-hidden],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox span[aria-hidden] {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox input:checked + span[aria-hidden],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-checkbox input:checked + span[aria-hidden] {
    		border-color: #17A8E3;
    		background-color: #EDEDED;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-checkbox span[aria-hidden],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-checkbox span[aria-hidden] {
    		border-color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-value {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-] {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-value,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-value {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_hover .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-] {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-value,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-value {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-is_active .forminator-select-container .forminator-select-list .forminator-dropdown-handle [class*=forminator-icon-] {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select-container .forminator-select-list .forminator-value,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select-container .forminator-select-list .forminator-value {
    		border-color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li:hover {
    		background-color: #DDDDDD;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li.current,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select-container .forminator-select-list .forminator-dropdown-list li.current {
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single .select2-selection__rendered {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single {
    		border-color: #777771;
    		background-color: #EDEDED;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .selection .select2-selection--single .select2-selection__arrow,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .selection .select2-selection--single .select2-selection__arrow {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover .select2-selection__arrow,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default .select2-selection--single:hover .select2-selection__arrow {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-select2 + .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select2 + .select2-container--default .select2-selection--single,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-select2 + .select2-container--default .select2-selection--single {
    		border-color: #E04562;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default .select2-search .select2-search__field {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option {
    		color: #777771;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option:hover,
    	.forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
    		background-color: #DDDDDD;
    		color: #000000;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default .select2-results .select2-results__options .select2-results__option[aria-selected="true"] {
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-custom-form-245.forminator-dropdown--default .select2-search input,
    	.forminator-custom-form-245.forminator-dropdown--default .select2-search input:focus,
    	.forminator-custom-form-245.forminator-dropdown--default .select2-search input:hover {
    		border-color: #17A8E3;
    		background-color: #FFFFFF;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option {
    		font-size: 16px;
    		font-family: inherit;
    		font-weight: 400;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect {
    		border-color: #777771;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-multiselect,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-has_error .forminator-multiselect {
    		border-color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option:hover {
    		background-color: #DDDDDD;
    		color: #000000;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option.forminator-is_checked,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-multiselect .forminator-option.forminator-is_checked {
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default {
    		font-family: inherit;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default:before {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-header .ui-corner-all {
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-header .ui-datepicker-title select {
    		border-color: #BBBBBB;
    		background-color: #FFFFFF;
    		color: #777771;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar thead th {
    		color: #333333;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default,
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td.ui-state-disabled span {
    		border-color: #E6E6E6;
    		background-color: #E6E6E6;
    		color: #777771;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:hover,
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-hover {
    		border-color: #DDDDDD;
    		background-color: #DDDDDD;
    		color: #777771;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default:active,
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active {
    		border-color: #17A8E3;
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {
    		border-color: #17A8E3;
    		background-color: #C8DEE7;
    		color: #17A8E3;
    	}
    
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight:active,
    	.forminator-custom-form-245.forminator-calendar--default .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight.ui-state-active {
    		border-color: #17A8E3;
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload {
    		font-size: 14px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span {
    		font-size: 12px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload {
    		background-color: #1ABCA1;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:hover {
    		background-color: #159C85;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-upload:active {
    		background-color: #159C85;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-file-upload > span {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete {
    		background-color: rgba(0,0,0,0);
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover {
    		background-color: #F9E4E8;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active {
    		background-color: #F9E4E8;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete [class*="forminator-icon-"],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete [class*="forminator-icon-"] {
    		color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover [class*="forminator-icon-"],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:hover [class*="forminator-icon-"] {
    		color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active [class*="forminator-icon-"],
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-delete:active [class*="forminator-icon-"] {
    		color: #E04562;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit {
    		font-size: 14px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit {
    		background-color: #17A8E3;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:hover {
    		background-color: #008FCA;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-submit:active {
    		background-color: #008FCA;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label {
    		font-size: 12px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break {
    		background-color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break:before,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-break:before {
    		background-color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-label {
    		color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step .forminator-step-dot {
    		border-color: #777771;
    		background-color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-label {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-steps .forminator-step.forminator-current ~ .forminator-step .forminator-step-dot {
    		border-color: #777771;
    		background-color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label {
    		font-size: 12px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-label {
    		color: #777771;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar {
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar span,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-pagination-progress .forminator-progress-bar span {
    		background-color: #17A8E3;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back {
    		font-size: 14px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back {
    		background-color: #1ABCA1;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:hover {
    		background-color: #159C85;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-back:active {
    		background-color: #159C85;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next {
    		font-size: 14px;
    		font-family: inherit;
    		font-weight: 500;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next {
    		background-color: #1ABCA1;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:hover,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:hover {
    		background-color: #159C85;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:active,
    	.et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form-245.forminator-design--default .forminator-button-next:active {
    		background-color: #159C85;
    		color: #FFFFFF;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement {
    		padding: 9px;
    		border-width: 1px;
    		border-style: solid;
    		border-color: #777771;
    		border-radius: 2px;
    		background-color: #EDEDED;
    		color: #000000;
    		transition: 0.2s ease;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement:hover {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--focus,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--focus:hover {
    		border-color: #17A8E3;
    		background-color: #E6E6E6;
    	}
    
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--invalid,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--invalid:hover,
    	.forminator-ui.forminator-custom-form-245.forminator-design--default .StripeElement--focus.StripeElement--invalid {
    		border-color: #E04562;
    	}					</style>
    • This reply was modified 4 years, 7 months ago by phalancs.
    • This reply was modified 4 years, 7 months ago by phalancs.
    Plugin Support Dimitris – WPMU DEV Support

    (@wpmudev-support6)

    Hello @phalancs

    I’m sorry for any frustration caused by this, but as this task is a bit more complicated than it seems as it affects plugins’ logic, and there are already other functionalities/fixes coming in the latest releases, it’s left a bit behind but it’s definitely not forgotten as the plugin performance is always something that gets attention.

    Warm regards,
    Dimitris

    Guys, leaving us with that amount of bloat for months is unprofessional, there no good excuse for that. If you need, redesign the product. Google chrome Coverage report shows 90% of it is unnecessary (CSS+JS). With so many people asking, it’s time this product will step-up it’s engineering level… Thanks.

    • This reply was modified 4 years, 2 months ago by roireshef.
    • This reply was modified 4 years, 2 months ago by roireshef.
    Plugin Support Saurabh – WPMU DEV Support

    (@wpmudev-support7)

    Hello @roireshef,

    I checked the same with the forminator team and I see that due to a list of complexities the release for the same was delayed. I am not sure about the release as the same is being worked on and many more fixes are on the way, we estimate to release this in the future two or three versions. This is just an estimation though and I would not be able to promise you an ETA about it.

    The release of the said module could be delayed too but we have requested the forminator team to bump up the priority on that. I know there has been a super long wait on this and I sincerely apologise for the same. I really appreciate your patience here.

    Thank you,
    Prathamesh Palve

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Hundreds of lines of css in the source!’ is closed to new replies.