formidable / css / _single_theme.css.php

_single_theme.css.php in Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More 5.0.12, at css/_single_theme.css.php

444 lines 20.0 KB

Raw Download Zip

1	<?php
2	if ( ! defined( 'ABSPATH' ) ) {
3	die( 'You are not allowed to call this page directly.' );
4	}
5
6	$settings = FrmStylesHelper::get_settings_for_output( $style );
7	extract( $settings ); // phpcs:ignore WordPress.PHP.DontExtract
8
9	$important = empty( $important_style ) ? '' : ' !important';
10
11	$minus_icons = FrmStylesHelper::minus_icons();
12	$arrow_icons = FrmStylesHelper::arrow_icons();
13
14	?>
15	.<?php echo esc_html( $style_class ); ?>{
16	<?php FrmStylesHelper::output_vars( $settings, $defaults ); ?>
17	}
18
19	.frm_forms.<?php echo esc_html( $style_class ); ?>{
20	max-width:<?php echo esc_html( $form_width . $important ); ?>;
21	direction:<?php echo esc_html( $direction . $important ); ?>;
22	<?php if ( 'rtl' === $direction ) { ?>
23	unicode-bidi:embed;
24	<?php } ?>
25	<?php if ( $center_form ) { ?>
26	margin:0 auto;
27	<?php } ?>
28	}
29
30	<?php if ( $center_form ) { ?>
31	.frm_inline_form.<?php echo esc_html( $style_class ); ?> form{
32	text-align:center;
33	}
34	<?php } ?>
35
36	<?php if ( ! empty( $label_color ) ) { ?>
37	.<?php echo esc_html( $style_class ); ?> .frm_icon_font{
38	color:<?php echo esc_html( $label_color . $important ); ?>;
39	}
40	<?php } ?>
41
42	.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before{
43	content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['-'] : $minus_icons[1]['-'] ); ?>";
44	}
45
46	.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{
47	content:"\e<?php echo esc_html( isset( $minus_icons[ $repeat_icon ] ) ? $minus_icons[ $repeat_icon ]['+'] : $minus_icons[1]['+'] ); ?>";
48	}
49
50	.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_minus_icon:before,
51	.<?php echo esc_html( $style_class ); ?> .frm_icon_font.frm_plus_icon:before{
52	<?php if ( ! empty( $submit_text_color ) ) { ?>
53	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
54	<?php } ?>
55	vertical-align:middle;
56	}
57
58	.<?php echo esc_html( $style_class ); ?> .frm_trigger.active .frm_icon_font.frm_arrow_icon:before{
59	content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['-'] : $arrow_icons[1]['-'] ); ?>";
60	<?php if ( ! empty( $section_color ) ) { ?>
61	color:<?php echo esc_html( $section_color . $important ); ?>;
62	<?php } ?>
63	}
64
65	.<?php echo esc_html( $style_class ); ?> .frm_trigger .frm_icon_font.frm_arrow_icon:before{
66	content:"\e<?php echo esc_html( isset( $arrow_icons[ $collapse_icon ] ) ? $arrow_icons[ $collapse_icon ]['+'] : $arrow_icons[1]['+'] ); ?>";
67	<?php if ( ! empty( $section_color ) ) { ?>
68	color:<?php echo esc_html( $section_color . $important ); ?>;
69	<?php } ?>
70	}
71
72	<?php if ( ! empty( $field_margin ) ) { ?>
73	.<?php echo esc_html( $style_class ); ?> .form-field{
74	margin-bottom:<?php echo esc_html( $field_margin . $important ); ?>;
75	}
76	<?php } ?>
77
78	.<?php echo esc_html( $style_class ); ?> .form-field.frm_section_heading{
79	margin-bottom:0<?php echo esc_html( $important ); ?>;
80	}
81
82	.<?php echo esc_html( $style_class ); ?> p.description,
83	.<?php echo esc_html( $style_class ); ?> div.description,
84	.<?php echo esc_html( $style_class ); ?> div.frm_description,
85	.<?php echo esc_html( $style_class ); ?> .frm-show-form > div.frm_description,
86	.<?php echo esc_html( $style_class ); ?> .frm_error{
87	<?php if ( ! empty( $description_margin ) ) { ?>
88	margin:<?php echo esc_html( $description_margin . $important ); ?>;
89	<?php } ?>
90	padding:0;
91	<?php if ( ! empty( $font ) ) { ?>
92	font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
93	<?php } ?>
94	<?php if ( ! empty( $description_font_size ) ) { ?>
95	font-size:<?php echo esc_html( $description_font_size . $important ); ?>;
96	<?php } ?>
97	<?php if ( ! empty( $description_color ) ) { ?>
98	color:<?php echo esc_html( $description_color . $important ); ?>;
99	<?php } ?>
100	<?php if ( ! empty( $description_weight ) ) { ?>
101	font-weight:<?php echo esc_html( $description_weight . $important ); ?>;
102	<?php } ?>
103	<?php if ( ! empty( $description_align ) ) { ?>
104	text-align:<?php echo esc_html( $description_align . $important ); ?>;
105	<?php } ?>
106	<?php if ( ! empty( $description_style ) ) { ?>
107	font-style:<?php echo esc_html( $description_style . $important ); ?>;
108	<?php } ?>
109	max-width:100%;
110	}
111
112	/* Left and right labels */
113	<?php
114
115	$frm_settings = FrmAppHelper::get_settings();
116
117	if ( '' === $field_height \|\| 'auto' === $field_height ) {
118	foreach ( array( 'left', 'right', 'inline' ) as $alignit ) {
119	?>
120	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=text],
121	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=password],
122	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=email],
123	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=number],
124	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=url],
125	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=tel],
126	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=file],
127	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container input[type=search],
128	.<?php echo esc_html( $style_class ); ?> .frm_<?php echo esc_html( $alignit ); ?>_container select,
129	<?php } ?>
130	.<?php echo esc_html( $style_class ); ?> .frm_left_container select{
131	height:fit-content<?php echo esc_html( $important ); ?>;
132	}
133	<?php } ?>
134
135	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_left_container{
136	grid-template-columns: <?php echo esc_html( $width ); ?> auto;
137	}
138
139	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_right_container{
140	grid-template-columns: auto <?php echo esc_html( $width ); ?>;
141	}
142
143	.frm_form_field.frm_right_container{
144	grid-template-columns: auto 25%;
145	}
146
147	.<?php echo esc_html( $style_class ); ?> .frm_inline_container.frm_dynamic_select_container .frm_data_container,
148	.<?php echo esc_html( $style_class ); ?> .frm_inline_container.frm_dynamic_select_container .frm_opt_container{
149	display:inline<?php echo esc_html( $important ); ?>;
150	}
151
152	.<?php echo esc_html( $style_class ); ?> .frm_pos_right{
153	display:inline<?php echo esc_html( $important ); ?>;
154	width:<?php echo esc_html( $width . $important ); ?>;
155	}
156
157	.<?php echo esc_html( $style_class ); ?> .frm_none_container .frm_primary_label,
158	.<?php echo esc_html( $style_class ); ?> .frm_pos_none{
159	display:none<?php echo esc_html( $important ); ?>;
160	}
161
162	.<?php echo esc_html( $style_class ); ?> .frm_scale label{
163	<?php if ( ! empty( $check_weight ) ) { ?>
164	font-weight:<?php echo esc_html( $check_weight . $important ); ?>;
165	<?php } ?>
166	<?php if ( ! empty( $font ) ) { ?>
167	font-family:<?php echo FrmAppHelper::kses( $font . $important ); // WPCS: XSS ok. ?>;
168	<?php } ?>
169	<?php if ( ! empty( $check_font_size ) ) { ?>
170	font-size:<?php echo esc_html( $check_font_size . $important ); ?>;
171	<?php } ?>
172	<?php if ( ! empty( $check_label_color ) ) { ?>
173	color:<?php echo esc_html( $check_label_color . $important ); ?>;
174	<?php } ?>
175	}
176
177	/* These do not work if they are combined */
178	.<?php echo esc_html( $style_class ); ?> input::placeholder,
179	.<?php echo esc_html( $style_class ); ?> textarea::placeholder{
180	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
181	}
182	.<?php echo esc_html( $style_class ); ?> input::-webkit-input-placeholder,
183	.<?php echo esc_html( $style_class ); ?> textarea::-webkit-input-placeholder{
184	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
185	}
186	.<?php echo esc_html( $style_class ); ?> input::-moz-placeholder,
187	.<?php echo esc_html( $style_class ); ?> textarea::-moz-placeholder{
188	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
189	}
190	.<?php echo esc_html( $style_class ); ?> input:-ms-input-placeholder,
191	<?php echo esc_html( $style_class ); ?> textarea:-ms-input-placeholder{
192	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
193	}
194	.<?php echo esc_html( $style_class ); ?> input:-moz-placeholder,
195	.<?php echo esc_html( $style_class ); ?> textarea:-moz-placeholder{
196	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
197	}
198
199	.<?php echo esc_html( $style_class ); ?> .frm_default,
200	.<?php echo esc_html( $style_class ); ?> input.frm_default,
201	.<?php echo esc_html( $style_class ); ?> textarea.frm_default,
202	.<?php echo esc_html( $style_class ); ?> select.frm_default,
203	.<?php echo esc_html( $style_class ); ?> .placeholder,
204	.<?php echo esc_html( $style_class ); ?> .chosen-container-multi .chosen-choices li.search-field .default,
205	.<?php echo esc_html( $style_class ); ?> .chosen-container-single .chosen-default{
206	color: <?php echo esc_html( $text_color_disabled . $important ); ?>;
207	}
208
209	.<?php echo esc_html( $style_class ); ?> .form-field input:not([type=file]):focus,
210	.<?php echo esc_html( $style_class ); ?> select:focus,
211	.<?php echo esc_html( $style_class ); ?> textarea:focus,
212	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=text],
213	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=password],
214	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=email],
215	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=number],
216	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=url],
217	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=tel],
218	.<?php echo esc_html( $style_class ); ?> .frm_focus_field input[type=search],
219	.frm_form_fields_active_style,
220	.<?php echo esc_html( $style_class ); ?> .frm_focus_field .frm-card-element.StripeElement,
221	.<?php echo esc_html( $style_class ); ?> .chosen-container-single.chosen-container-active .chosen-single,
222	.<?php echo esc_html( $style_class ); ?> .chosen-container-active .chosen-choices{
223	background-color:<?php echo esc_html( $bg_color_active . $important ); ?>;
224	border-color:<?php echo esc_html( $border_color_active . $important ); ?>;
225	<?php if ( isset( $remove_box_shadow_active ) && $remove_box_shadow_active ) { ?>
226	box-shadow:none;
227	<?php } else { ?>
228	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(<?php echo esc_html( FrmStylesHelper::hex2rgb( $border_color_active ) ); ?>, 0.6);
229	<?php } ?>
230	}
231
232	<?php if ( ! $submit_style ) { ?>
233	.<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message,
234	.<?php echo esc_html( $style_class ); ?> input[type=submit],
235	.<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button],
236	.<?php echo esc_html( $style_class ); ?> .frm_submit button,
237	.frm_form_submit_style,
238	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn {
239	width:<?php echo esc_html( ( $submit_width == '' ? 'auto' : $submit_width ) . $important ); ?>;
240	<?php if ( ! empty( $font ) ) { ?>
241	font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
242	<?php } ?>
243	font-size:<?php echo esc_html( $submit_font_size . $important ); ?>;
244	height:<?php echo esc_html( $submit_height . $important ); ?>;
245	line-height:normal<?php echo esc_html( $important ); ?>;
246	text-align:center;
247	background:
248	<?php
249	echo esc_html( $submit_bg_color );
250	if ( ! empty( $submit_bg_img ) ) {
251	echo esc_html( ' url(' . $submit_bg_img . ')' );
252	}
253	echo esc_html( $important );
254	?>
255	;
256	border-width:<?php echo esc_html( $submit_border_width ); ?>;
257	border-color: <?php echo esc_html( $submit_border_color . $important ); ?>;
258	border-style:solid;
259	color:<?php echo esc_html( $submit_text_color . $important ); ?>;
260	cursor:pointer;
261	font-weight:<?php echo esc_html( $submit_weight . $important ); ?>;
262	-moz-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
263	-webkit-border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
264	border-radius:<?php echo esc_html( $submit_border_radius . $important ); ?>;
265	text-shadow:none;
266	padding:<?php echo esc_html( $submit_padding . $important ); ?>;
267	-moz-box-sizing:border-box;
268	box-sizing:border-box;
269	-ms-box-sizing:border-box;
270	<?php if ( ! empty( $submit_shadow_color ) ) { ?>
271	-moz-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
272	-webkit-box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
273	box-shadow:0 1px 1px <?php echo esc_html( $submit_shadow_color ); ?>;
274	<?php } ?>
275	margin:<?php echo esc_html( $submit_margin ); ?>;
276	<?php
277	// For reverse compatibility... But allow "10px 10px".
278	if ( strpos( trim( $submit_margin ), ' ' ) === false ) {
279	?>
280	margin-left:0;
281	margin-right:0;
282	<?php } ?>
283	vertical-align:middle;
284	}
285
286	.<?php echo esc_html( $style_class ); ?> .frm_compact .frm_dropzone.dz-clickable .dz-message{
287	margin:0;
288	}
289
290	<?php if ( empty( $submit_bg_img ) ) { ?>
291	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:hover,
292	.<?php echo esc_html( $style_class ); ?> input[type=submit]:hover,
293	.<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:hover,
294	.<?php echo esc_html( $style_class ); ?> .frm_submit button:hover{
295	background: <?php echo esc_html( $submit_hover_bg_color . $important ); ?>;
296	border-color: <?php echo esc_html( $submit_hover_border_color . $important ); ?>;
297	color: <?php echo esc_html( $submit_hover_color . $important ); ?>;
298	}
299
300	.<?php echo esc_html( $style_class ); ?>.frm_center_submit .frm_submit .frm_ajax_loading{
301	margin-bottom:<?php echo esc_html( $submit_margin ); ?>;
302	}
303
304	.<?php echo esc_html( $style_class ); ?> .frm-edit-page-btn:focus,
305	.<?php echo esc_html( $style_class ); ?> input[type=submit]:focus,
306	.<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:focus,
307	.<?php echo esc_html( $style_class ); ?> .frm_submit button:focus,
308	.<?php echo esc_html( $style_class ); ?> input[type=submit]:active,
309	.<?php echo esc_html( $style_class ); ?> .frm_submit input[type=button]:active,
310	.<?php echo esc_html( $style_class ); ?> .frm_submit button:active{
311	background: <?php echo esc_html( $submit_active_bg_color . $important ); ?>;
312	border-color: <?php echo esc_html( $submit_active_border_color . $important ); ?>;
313	color: <?php echo esc_html( $submit_active_color . $important ); ?>;
314	}
315
316	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page,
317	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:hover,
318	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:active,
319	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:focus,
320	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit,
321	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:hover,
322	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:active,
323	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:focus{
324	color: transparent <?php echo esc_html( $important ); ?>;
325	background: <?php echo esc_html( $submit_bg_color . $important ); ?>;
326	}
327
328	.<?php echo esc_html( $style_class ); ?> .frm_loading_prev .frm_prev_page:before,
329	.<?php echo esc_html( $style_class ); ?> .frm_loading_form .frm_button_submit:before {
330	border-bottom-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
331	border-right-color: <?php echo esc_html( $submit_text_color . $important ); ?>;
332	<?php if ( $submit_height !== 'auto' ) { ?>
333	max-height:<?php echo esc_html( $submit_height ); ?>;
334	<?php } ?>
335	<?php if ( $submit_width !== 'auto' ) { ?>
336	max-width:<?php echo esc_html( $submit_width ); ?>;
337	<?php } ?>
338	}
339	<?php
340	}
341	}
342	?>
343
344	.<?php echo esc_html( $style_class ); ?>.frm_inline_top .frm_submit::before,
345	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit::before {
346	content:"before";
347	<?php if ( ! empty( $font ) ) { ?>
348	font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
349	<?php } ?>
350	font-size:<?php echo esc_html( $font_size . $important ); ?>;
351	color:<?php echo esc_html( $label_color . $important ); ?>;
352	font-weight:<?php echo esc_html( $weight . $important ); ?>;
353	margin:0;
354	padding:<?php echo esc_html( $label_padding . $important ); ?>;
355	width:auto;
356	display:block;
357	visibility:hidden;
358	}
359
360	.<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit input,
361	.<?php echo esc_html( $style_class ); ?>.frm_inline_form .frm_submit button,
362	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit input,
363	.<?php echo esc_html( $style_class ); ?> .frm_submit.frm_inline_submit button {
364	margin: 0 !important;
365	}
366
367	.<?php echo esc_html( $style_class ); ?> #frm_field_cptch_number_container{
368	<?php if ( ! empty( $font ) ) { ?>
369	font-family:<?php echo FrmAppHelper::kses( $font ); // WPCS: XSS ok. ?>;
370	<?php } ?>
371	font-size:<?php echo esc_html( $font_size . $important ); ?>;
372	color:<?php echo esc_html( $label_color . $important ); ?>;
373	font-weight:<?php echo esc_html( $weight . $important ); ?>;
374	clear:both;
375	}
376
377	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=text],
378	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=password],
379	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=url],
380	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=tel],
381	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=number],
382	.<?php echo esc_html( $style_class ); ?> .frm_blank_field input[type=email],
383	.<?php echo esc_html( $style_class ); ?> .frm_blank_field textarea,
384	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .mce-edit-area iframe,
385	.<?php echo esc_html( $style_class ); ?> .frm_blank_field select,
386	.frm_form_fields_error_style,
387	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-g-recaptcha iframe,
388	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .g-recaptcha iframe,
389	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .frm-card-element.StripeElement,
390	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-multi .chosen-choices,
391	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .chosen-container-single .chosen-single,
392	.<?php echo esc_html( $style_class ); ?> .frm_form_field :invalid{
393	color:<?php echo esc_html( $text_color_error . $important ); ?>;
394	background-color:<?php echo esc_html( $bg_color_error . $important ); ?>;
395	border-color:<?php echo esc_html( $border_color_error . $important ); ?>;
396	border-width:<?php echo esc_html( $border_width_error . $important ); ?>;
397	border-style:<?php echo esc_html( $border_style_error . $important ); ?>;
398	}
399
400	.<?php echo esc_html( $style_class ); ?> .frm_blank_field .sigWrapper{
401	border-color:<?php echo esc_html( $border_color_error ); ?> !important;
402	}
403
404	.<?php echo esc_html( $style_class ); ?> .frm_error{
405	font-weight:<?php echo esc_html( $weight . $important ); ?>;
406	}
407
408	.<?php echo esc_html( $style_class ); ?> .frm_blank_field label,
409	.<?php echo esc_html( $style_class ); ?> .frm_error{
410	color:<?php echo esc_html( $border_color_error . $important ); ?>;
411	}
412
413	.<?php echo esc_html( $style_class ); ?> .frm_error_style{
414	background-color:<?php echo esc_html( $error_bg . $important ); ?>;
415	border:1px solid <?php echo esc_html( $error_border . $important ); ?>;
416	border-radius:<?php echo esc_html( $border_radius . $important ); ?>;
417	color: <?php echo esc_html( $error_text . $important ); ?>;
418	font-size:<?php echo esc_html( $error_font_size . $important ); ?>;
419	margin:0;
420	margin-bottom:<?php echo esc_html( $field_margin ); ?>;
421	}
422
423	.<?php echo esc_html( $style_class ); ?> #frm_loading .progress-striped .progress-bar{
424	background-image:linear-gradient(45deg, <?php echo esc_html( $border_color ); ?> 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, <?php echo esc_html( $border_color ); ?> 50%, <?php echo esc_html( $border_color ); ?> 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
425	}
426
427	.<?php echo esc_html( $style_class ); ?> #frm_loading .progress-bar{
428	background-color:<?php echo esc_html( $bg_color . $important ); ?>;
429	}
430
431	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big input,
432	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total_big textarea,
433	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total input,
434	.<?php echo esc_html( $style_class ); ?> .frm_form_field.frm_total textarea{
435	color: <?php echo esc_html( $text_color . $important ); ?>;
436	background-color:transparent<?php echo esc_html( $important ); ?>;
437	border:none<?php echo esc_html( $important ); ?>;
438	display:inline<?php echo esc_html( $important ); ?>;
439	width:auto<?php echo esc_html( $important ); ?>;
440	padding:0<?php echo esc_html( $important ); ?>;
441	}
442
443	<?php do_action( 'frm_output_single_style', $settings ); ?>
444