PluginProbe
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More / 3.06.06
Formidable Forms – WordPress Form Builder for Contact Forms, Calculators, Quizzes & More v3.06.06
6.35 6.34 6.33.1 6.33 6.32.1 6.32 6.31 6.25 6.25.1 6.26 6.26.1 6.27 6.28 6.29 6.3 6.3.1 6.3.2 6.30 6.4 6.4.1 6.4.2 6.5 6.5.1 6.5.2 6.5.3 All 141 releases
← All changes | css/frm_admin.css +2466 -7653 6.4.2 → 3.06.06 View file →
@@ -1,1174 +1,396 @@
1 1 @import url(font_icons.css);
2 2
3 3 :root,
4 -.frm-white-body,
5 -.frm_wrap {
6 - --grey-900: #101828;
7 - --grey-800: #1D2939;
8 - --grey-700: #344054;
9 - --grey-500: #667085; /* Roughly 65% opacity */
10 - --grey-400: #98A2B3;
11 - --grey-300: #D0D5DD;
12 - --grey-200: #EAECF0;
13 - --grey-100: #F2F4F7;
14 - --grey-50: #F9FAFB;
15 - --grey-25: #FCFCFD;
16 - --darkest-grey: var(--grey-900); /* Deprecated */
17 - --dark-grey: var(--grey-700); /* Deprecated */
18 - --medium-grey: rgba(40, 47, 54, .65);
19 - --grey: var(--grey-500); /* Deprecated */
20 - --grey-border: var(--grey-300); /* Deprecated */
4 +.frm_wrap{
5 + --light-blue: #f1f9ff;
6 + --blue-border: #bce0fd;
7 + --dark-grey: #616871;
8 + --medium-grey:#7f7f7f;
9 + --light-grey: rgb( 235, 235, 235 );
21 10 --lightest-grey: rgb(250, 250, 250);
22 - --sidebar-color: var(--grey-50);
23 - --sidebar-hover: var(--grey-200);
24 - --primary-700: #2B66A9;
25 - --primary-500: #4199FD;
26 - --primary-25: #F5FAFF;
27 - --primary-color: var(--primary-500); /* Deprecated */
28 - --primary-hover: var(--primary-700); /* Deprecated */
29 - --light-blue: var(--primary-25); /* Deprecated */
30 - --blue-border: rgb(188, 224, 253);
31 - --error-500: #F04438;
32 - --error-700: #B42318;
33 - --green: rgb(63, 172, 37);
34 - --orange: #F15A24;
35 - --pink: rgb(226, 42, 110);
36 - --purple: rgb(141, 53, 245);
37 - --border-radius: 35px;
38 - --small-radius: 8px;
39 - --small-sidebar: 275px;
40 - --medium-sidebar: 350px;
41 - --big-sidebar: 390px;
42 - --biggest-sidebar: 450px;
43 - --text-xs: 12px;
44 - --text-sm: 14px;
45 - --text-md: 16px;
46 - --text-lg: 18px;
47 - --text-xl: 20px;
48 - --h-xs: 24px;
49 - --h-sm: 30px;
50 - --h-md: 36px;
51 - --leading: 1.5;
52 - --gap-2xs: 4px;
53 - --gap-xs: 8px;
54 - --gap-sm: 16px;
55 - --gap-md: 24px;
56 - --gap-lg: 32px;
57 - --gap-xl: 40px;
58 - --gap-2xl: 48px;
59 - --box-shadow-sm: 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06);
60 - --box-shadow-md: 0px 1.88298px 3.76596px -0.941489px rgba(16, 24, 40, 0.1), 0px 0.941489px 1.88298px -0.941489px rgba(16, 24, 40, 0.06);
61 - --box-shadow-lg: 0px 6px 8px -2px rgba(16, 24, 40, 0.08), 0px 1.88298px 4px -1px rgba(16, 24, 40, 0.03), 0px 0.470745px 1.41223px rgba(16, 24, 40, 0.1), 0px 0.470745px 0.941489px rgba(16, 24, 40, 0.06);
62 - --box-shadow-xl: 0px 9.41489px 11.2979px -1.88298px rgba(16, 24, 40, 0.08), 0px 3.76596px 3.76596px -1.88298px rgba(16, 24, 40, 0.03);
11 + --primary-color: #3177c7;
12 + --primary-border:#4199fd;
13 + --primary-hover:#2963a4;
63 14 }
64 15
65 -@font-face {
66 - font-family: 'Inter';
67 - src: url('../fonts/Inter-VariableFont_slnt,wght.ttf?v=1') format('truetype');
68 -}
16 +a, .widget .widget-top, .postbox h3, .stuffbox h3{cursor: pointer; text-decoration:none;}
17 +.postbox h3.hndle{cursor:default;}
69 18
70 -.with_frm_style,
71 -.frm-white-body .wpbody-content,
72 -.frm_wrap {
73 - font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
74 -}
75 19
76 -/* Safari 11+ */
77 -@media not all and (min-resolution:.001dpcm) {
78 - @supports (-webkit-appearance:none) and (stroke-color:transparent) {
79 - .with_frm_style,
80 - .frm-white-body .wpbody-content,
81 - .frm_wrap {
82 - -webkit-font-smoothing: antialiased;
83 - }
84 - }
20 +a.frm_confirming:hover,
21 +a.frm_confirming:focus,
22 +a.frm_confirming,
23 +.frm_confirming{
24 + color:#f37656 !important;
85 25 }
86 -
87 -.frm-white-body,
88 -.frm-white-body p,
89 -.frm_wrap,
90 -.frm_wrap p,
91 -.frm-modal,
92 -.frm-white-body .postbox .inside {
93 - font-size: var(--text-sm);
94 - color: var(--grey-500);
95 - line-height: var(--leading);
26 +.frm_wrap > .wrap{
27 + margin: 10px 40px 30px;
96 28 }
97 29
98 -body:not(.frm-admin-page-styles):not(.frm-admin-page-style) .with_frm_style .frm_form_fields > fieldset {
99 - --fieldset-padding: 15px 0;
30 +.formidable_page_formidable-pro-upgrade #post-body-content,
31 +.toplevel_page_formidable #post-body-content{
32 + margin-bottom: 26px;
33 + border-right: 1px solid #e5e5e5;
100 34 }
101 35
102 -a, .widget .widget-top, .stuffbox h3, .frm-collapsed {
103 - cursor: pointer;
104 - text-decoration: none;
36 +.frm_wrap #post-body-content{
37 + padding-bottom:0;
38 + margin-bottom:0;
39 + background:#fff;
40 + flex: 1 1 auto;
41 + overflow-y: auto;
42 + overflow-x: hidden;
43 + width: auto;
105 44 }
106 45
107 -.post-type-frm_display .wrap > #posts-filter,
108 -.wrap.frm-with-margin,
109 -#frm_top_bar + .wrap,
110 -.frm_wrap > .wrap {
111 - margin: var(--gap-sm) var(--gap-md) var(--gap-md);
46 +.formidable_page_formidable-pro-upgrade #wpfooter,
47 +.toplevel_page_formidable #wpfooter{
48 + border-top:1px solid #ddd;
49 + background:#fff;
112 50 }
113 51
114 -.frm-full-screen #wpbody-content > .wrap {
115 - margin: 0;
116 -}
117 -
118 -.post-type-frm_display .wrap {
119 - margin: 0;
120 -}
121 -
122 -.toplevel_page_formidable #post-body-content {
123 - overflow-x: visible;
124 -}
125 -
126 -.frm-full-screen {
127 - height: 100%;
128 - overflow: hidden;
129 -}
130 -
131 -.frm-full-screen.frm-admin-page-reports,
132 -.frm-full-screen.frm-admin-page-entries,
133 -.frm-full-screen.post-type-frm_display {
134 - overflow: auto;
135 -}
136 -
137 -.frm-full-screen #wpadminbar,
138 -.frm-full-screen #adminmenumain,
139 -.frm-full-screen .wp-header-end {
140 - display: none;
141 -}
142 -
143 -.frm-full-screen #wpbody-content,
144 -.frm-full-screen #wpbody,
145 -.frm-full-screen #wpcontent {
146 - padding: 0;
147 - overflow: hidden;
148 - margin: 0 !important;
149 -}
150 -
151 -.frm-white-body #wpbody-content {
152 - position: relative; /* For screen meta links */
153 - padding-bottom: 0;
154 -}
155 -
156 -.post-new-php.post-type-frm_display #screen-meta-links,
157 -.post-php.post-type-frm_display #screen-meta-links {
158 - display: none;
159 -}
160 -
161 -.frm-white-body #screen-meta-links {
162 - position: fixed;
163 - bottom: 0;
164 - right: 20px;
165 -}
166 -
167 -.frm-full-screen #screen-meta-links .screen-meta-toggle {
168 - right: 55px;
169 -}
170 -
171 -.frm-white-body #screen-meta-links .show-settings {
172 - border-radius: var(--small-radius) var(--small-radius) 0 0;
173 - border: 1px solid var(--grey-300);
174 - border-bottom: none;
175 -}
176 -
177 -.frm-white-body.frm-lite #screen-meta-links .screen-meta-toggle {
178 - right: 125px; /* Don't cover the lite upgrade button */
179 -}
180 -
181 -.frm-white-body #screen-meta {
182 - margin: 0;
183 -}
184 -
185 -.frm-white-body #screen-meta-links .show-settings:after {
186 - color: var(--grey);
187 -}
188 -
189 -.frm-white-body .columns-2 {
190 - border-bottom: 1px solid var(--grey-300);
191 -}
192 -
193 -.frm-full-screen .columns-2 {
194 - border: none;
195 -}
196 -
197 52 body.formidable_page_formidable-pro-upgrade,
198 53 body.post-type-frm_display.edit-php,
199 -body.frm-white-body {
200 - background: #fff;
54 +body.frm-white-body{
55 + background:#fff;
201 56 }
202 57
203 58 body.frm-white-body ul#adminmenu a.wp-has-current-submenu:after,
204 -body.frm-white-body ul#adminmenu > li.current > a.current:after {
205 - border-right-color: #fff;
59 +body.frm-white-body ul#adminmenu>li.current>a.current:after {
60 + border-right-color: #fff;
206 61 }
207 62
208 63 .frm-white-body #wpcontent {
209 - padding-left: 0;
210 - padding-right: 0;
64 + padding-left: 0;
65 + padding-right:0;
211 66 }
212 67
213 -.frm-white-body .wrap #post-body {
214 - padding: 0 20px;
68 +.frm-white-body .wrap #poststuff #post-body{
69 + padding:0 20px;
215 70 }
216 71
217 72 .post-type-frm_display .tablenav,
218 -.frm_wrap .tablenav {
219 - margin-bottom: 10px;
73 +.frm_wrap .tablenav{
74 + margin-bottom:10px;
220 75 }
221 76
222 -.frm-white-body .tablenav .actions select,
223 -.wp-admin .frm_wrap .tablenav select {
224 - margin-right: var(--gap-xs);
77 +.tablenav .actions .button{
78 + margin-top:1px;
225 79 }
226 80
227 -.tablenav .actions .button {
228 - margin-top: 1px;
229 -}
230 -
231 -.frm-white-body table.widefat {
232 - background: var(--lightest-grey);
81 +.frm-white-body table.widefat{
82 + background:#fafafa;
233 83 border-width: 0;
234 84 box-shadow: none;
235 - margin: 20px 0;
85 + margin:20px 0;
236 86 }
237 87
238 88 .frm-white-body table.widefat tfoot,
239 -.frm-white-body table.widefat thead {
240 - background: #fff;
89 +.frm-white-body table.widefat thead{
90 + background:#fff;
241 91 }
242 92
243 -.frm-white-body table.widefat th {
244 - font-size: var(--text-md);
93 +.frm-white-body .striped > tbody > :nth-child(odd){
94 + background-color: #fff;
245 95 }
246 96
247 -.frm-white-body table.widefat th a {
248 - color: var(--grey-700);
97 +.frm_wrap td.column-title strong{
98 + display:inline;
249 99 }
250 100
251 -.frm-white-body table.widefat strong a {
252 - color: var(--primary-700);
101 +td.column-title .frm_actions_dropdown{
102 + float:right;
253 103 }
254 104
255 -.frm-scroll-box {
256 - clear: both;
257 - overflow: auto;
258 - max-height: 405px;
259 - border: 1px solid var(--grey-300);
260 - border-radius: var(--small-radius);
261 -}
262 -
263 -.frm_form_field.frm_scroll_box .frm_opt_container {
264 - height: 100px;
265 - overflow: auto;
266 - border: 1px solid var(--grey-300);
267 -}
268 -
269 -.frm-short-list {
270 - overflow: auto;
271 - max-height: 190px;
272 -}
273 -
274 -.frm-white-body table.frm-border td {
275 - font-size: var(--text-sm);
276 -}
277 -
278 -.frm-white-body .striped > tbody > :nth-child(odd) {
279 - background-color: #fff;
280 -}
281 -
282 -.frm_wrap td.column-title strong {
283 - display: inline;
284 -}
285 -
286 -td.column-title .frm_actions_dropdown {
287 - float: right;
288 -}
289 -
290 -#frm_top_bar {
291 - display: flex;
292 - gap: var(--gap-sm);
293 - width: 100%;
294 - height: 72px;
105 +#frm_top_bar{
106 + display:block;
107 + width:100%;
108 + padding:25px 40px 25px;
295 109 margin: 0;
296 110 box-sizing: border-box;
297 - text-align: center;
298 - padding: 0 var(--gap-md);
299 111 }
300 112
301 -#frm_top_bar > .frm-full-close:last-child,
302 -#frm_top_bar > #frm-publishing:last-child {
303 - margin-left: auto;
113 +.post-type-frm_display.post-php #frm_form_heading,
114 +.post-type-frm_display.post-new-php #frm_top_bar{
115 + padding-left:0;
116 + padding-right:0;
304 117 }
305 118
306 -#frm_top_bar {
307 - border-bottom: 1px solid var(--grey-300);
308 - padding: 0 var(--gap-md);
309 - overflow: visible;
119 +.post-type-frm_display.post-php #frm_top_bar{
120 + padding-left:10px;
121 + padding-right:10px;
310 122 }
311 123
312 -.frm-white-body h1,
313 -.frm-white-body h2,
314 -.frm-white-body h3,
315 -.frm-white-body h4 {
316 - color: var(--grey-900);
317 - font-weight: 400;
318 - line-height: var(--leading) !important;
319 -}
320 -
321 -.frm-white-body .wrap h1,
322 -.frm-white-body h1 {
323 - font-size: var(--text-xl);
324 -}
325 -
326 -.frm-white-body .wrap h2,
327 -.frm-white-body h2 {
328 - font-size: var(--text-lg);
329 -}
330 -
331 -.frm-white-body .wrap h3,
332 -.frm-white-body h3 {
333 - font-size: var(--text-md);
334 -}
335 -
336 -.frm-white-body .wrap h4,
337 -.frm-white-body h4 {
338 - font-size: var(--text-sm);
339 - font-weight: 500;
340 -}
341 -
342 -/* Override CSS in Views plugin. */
343 -.frm-views-editor-body .frm_page_container #frm_top_bar h1 {
344 - padding: 0 !important;
345 - color: var(--grey-900);
346 - font-size: var(--text-xl) !important;
347 -}
348 -
349 -.post-type-frm_display .frm_top_left {
350 - padding-bottom: 0 !important;
351 -}
352 -
353 -.frm-new-table-view-option.frm-selected-table-view-option {
354 - border-radius: var(--small-radius);
355 - background: var(--primary-25);
356 -}
357 -
358 -.frm-views-editor-body #frm_adv_info .tabs-panel { /* Views sidebar */
359 - padding-left: 4px;
360 - padding-right: 4px;
361 -}
362 -
363 -#frm_edit_box_content_modal .frm_modal_footer {
364 - padding-top: var(--gap-sm);
365 - border-top: 1px solid var(--grey-300);
366 -}
367 -
368 -#frm_edit_box_content_modal .frm_modal_footer > div {
369 - display: flex;
370 - justify-content: space-between;
371 -}
372 -
373 -#frm_edit_box_content_modal #frm_modal_box_select_area,
374 -#frm_edit_box_content_modal #frm_box_content_wysiwyg_wrapper,
375 -#frm_edit_box_content_modal .frm_modal_content {
376 - max-height: calc(100vh - 176px) !important;
377 -}
378 -
379 -#frm_edit_box_content_modal #frm_modal_box_select_area {
380 - height: calc(100vh - 176px) !important;
381 -}
382 -
383 -#frm_edit_box_content_modal #wp-content-editor-tools {
384 - padding-top: 0;
385 -}
386 -
387 -#frm_edit_box_content_modal.frm-modal .postbox .frm-modal-title + div:last-child {
388 - right: var(--gap-md);
389 -}
390 -
391 -.frm_code_list.frm-full-hover .frm-dropdown-view a {
392 - flex-direction: row-reverse; /* Switch in the HTML */
393 -}
394 -
395 -#frm_view_editor_left.frm-right-panel .accordion-section-title:before {
396 - content: '' !important;
124 +.post-type-frm_display .wrap #frm_top_bar h1,
125 +.frm_wrap #frm_top_bar h1{
126 + font-size: 23px;
127 + font-weight:700;
128 + padding:0;
397 129 margin: 0;
130 + line-height: 1.4;
131 + color: var(--medium-grey);
398 132 }
399 -/** End Temporary View CSS */
400 133
401 -.frm-upgrade-bar {
402 - background: rgba(188, 224, 253, 0.23);
403 - border-bottom: 1px solid var(--sidebar-hover);
404 - padding: 3px 0 3px 40px;
405 - font-size: 95%;
134 +.frm_top_left{
135 + float:left;
406 136 }
407 137
408 -.frm-upgrade-bar span {
409 - opacity: .9;
410 -}
411 -
412 -a h1 .frmsvg {
413 - color: var(--grey-400);
414 - vertical-align: middle;
415 - min-width: var(--text-sm);
416 -}
417 -
418 -a .frmsvg {
419 - color: currentColor;
420 -}
421 -
422 -.frm_wrap .view-switch a.current:before,
423 -.frm-white-body a,
424 -.frm_wrap a,
425 -.frm_wrap a i {
426 - color: var(--primary-color);
427 -}
428 -
429 -.frm_wrap a:active,
430 -.frm_wrap a:hover {
431 - color: var(--primary-700);
432 - box-shadow: none;
433 -}
434 -
435 -.post-type-frm_display a:focus,
436 -.frm_wrap a:focus {
437 - box-shadow: none;
438 -}
439 -
440 -.frm_top_left {
441 - text-align: left;
442 - float: left;
443 - white-space: nowrap;
444 - max-width: 250px;
445 - overflow: hidden;
446 - text-overflow: ellipsis;
447 - align-self: center;
448 -}
449 -
450 -.post-type-frm_display .frm_top_left,
451 -.frm_top_left.frm_top_wide {
452 - max-width: 100%;
453 -}
454 -
455 -.post-type-frm_display .frm_nav_bar .frm-header-logo,
456 -.frm_nav_bar .frm-header-logo {
457 - margin: 18px 0 10px;
458 -}
459 -
460 -#frm_top_bar .frm_form_nav {
461 - flex: 1;
462 -}
463 -
464 138 ul.frm_form_nav {
465 - margin: 0 auto;
466 - padding-top: 18px;
467 - display: block;
468 - min-width: 240px;
139 + margin:0;
140 + float:left;
469 141 }
470 142
471 -.nav-tab-wrapper.frm_form_nav {
472 - padding: 0 25px;
143 +ul.frm_form_nav > li{
144 + margin:0 40px 0 0;
145 + display:block;
146 + float:left;
473 147 }
474 148
475 -ul.frm_form_nav > li {
476 - margin: 0 min(3.5%, 32px) 0 0;
477 - display: inline-block;
478 -}
479 -
480 -.post-type-frm_display #advanced-sortables h2.hndle,
481 -.post-type-frm_display #side-sortables h2.hndle,
482 -.post-type-frm_display #normal-sortables h2.hndle,
483 -.post-type-frm_display .frm_form_nav .nav-tab-active,
484 149 .frm_form_nav > li > a {
485 - font-size: 1.3em;
486 - text-decoration: none;
487 - display: block;
488 - padding: 6px 2px 4px;
489 - font-weight: 500;
490 - color: var(--grey-700);
491 - border-bottom: 2px solid transparent;
150 + font-size: 1.3em;
151 + text-decoration: none;
152 + display: block;
153 + padding: 5px 0;
154 + font-weight: 400;
155 + color: #5b9dd9;
156 + border-bottom:2px solid transparent;
492 157 }
493 158
494 -.post-type-frm_display.js .postbox .handlediv .toggle-indicator:before {
495 - margin-top: 10px;
496 -}
497 -
498 -.frm-nav-tabs a:focus,
499 -.frm-nav-tabs a:active,
500 159 .frm_form_nav a:active,
501 -.frm_form_nav a:focus {
502 - outline: none;
503 - -webkit-box-shadow: none;
504 - box-shadow: none;
160 +.frm_form_nav a:focus{
161 + outline:none;
162 + -webkit-box-shadow:none;
163 + box-shadow:none;
505 164 }
506 -
507 -.frm_form_nav > li > a {
508 - font-size: var(--text-md);
509 - font-weight: 400;
510 - color: var(--grey-500);
165 +.frm_form_nav > li a.current_page {
166 + color:#333;
511 167 }
512 168
513 -.frm_form_nav > li > a:hover {
514 - border-color: var(--primary-700);
169 +.frm_form_nav > li > a:hover{
170 + border-color:#ddd;
515 171 }
516 172
517 173 .frm_form_nav .frm-dropdown-menu a:hover {
518 - background-color: #eaf2fa;
174 + background-color:#eaf2fa;
519 175 }
520 176
521 -.post-type-frm_display .frm_form_nav .nav-tab-active,
522 -.post-type-frm_display .frm_form_nav .nav-tab-active:hover,
523 -.frm_form_nav > li a.current_page {
524 - color: var(--primary-500);
525 - border-color: var(--primary-500);
526 - background: transparent;
527 - opacity: 1;
528 - font-weight: 600;
529 -}
530 -
531 -.frm-full-close {
532 - display: none;
533 - padding-left: var(--gap-md);
534 - border: 0 solid var(--grey-300);
535 - border-left-width: 1px; /* Make RTL a bit less maintenance */
536 - height: 100%;
537 - box-sizing: border-box;
538 -}
539 -
540 -.frm-full-screen .frm-full-close {
541 - display: flex;
542 - align-items: center;
543 -}
544 -
545 -.frm-full-close a {
546 - display: block;
547 -}
548 -
549 -.frm-full-close .frmsvg {
550 - font-size: 20px;
551 - width: 20px;
552 - height: 20px;
553 - color: var(--grey-500);
554 -}
555 -
556 -#frm_top_bar h1 {
557 - font-weight: 400;
558 - padding: 0;
559 - margin: 0;
560 - color: var(--grey-900);
561 - display: inline-flex;
562 - gap: var(--gap-sm);
563 - align-items: center;
564 - text-align: left;
565 - width: 200px;
566 -}
567 -
568 -#frm_top_bar h1 span {
569 - max-width: 175px;
570 - text-overflow: ellipsis;
571 - overflow: hidden;
572 - white-space: nowrap;
573 - display: inline-block;
574 - vertical-align: bottom;
575 -}
576 -
577 -#frm_top_bar ul.frm_form_nav,
578 -#frm_top_bar .frm-header-logo,
579 -#frm_top_bar #frm_bs_dropdown {
580 - align-self: center;
581 - margin-top: 0;
582 - margin-bottom: 0;
583 - padding-top: 0;
584 -}
585 -
586 -#frm_top_bar .frm-header-logo {
587 - display: flex; /* Get rid of extra padding below logo */
588 -}
589 -
590 -#frm_top_bar h2 {
591 - float: left;
592 - margin: 0 0 0 var(--gap-sm);
593 - padding: 2px 0 2px var(--gap-sm);
594 - font-weight: normal;
595 - border-left: 2px solid var(--grey);
596 -}
597 -
598 -.frm_wrap > #frm_top_bar #frm-publishing {
599 - margin-top: 0;
600 -}
601 -
602 -#frm-publishing {
603 - min-width: 225px;
604 - align-self: center;
605 - align-items: center;
606 - display: flex;
607 - flex-direction: row-reverse;
608 - gap: 0 var(--gap-sm);
609 - flex-wrap: wrap;
610 -}
611 -
612 -.frm_wrap .postbox {
613 - border-color: var(--grey-300);
614 - border-radius: 6px;
615 - box-shadow: none;
616 -}
617 -
618 -.frm_wrap .postbox h3.hndle {
619 - cursor: default;
620 - padding: 10px 20px;
621 - margin: 0;
622 - line-height: 1.4em;
623 - border-color: var(--grey-300);
624 -}
625 -
626 -.frm-pre-hndle {
627 - font-size: 15px;
628 - padding: 5px;
629 - margin: 9px 15px;
630 -}
631 -
632 -.frm-empty-row {
633 - display: none;
634 -}
635 -
636 -.frm-child-row {
637 - box-shadow: 5px 0px 0px 0px inset var(--sidebar-hover);
638 -}
639 -
640 -.frm_animate_bg {
177 +.frm_animate_bg{
178 + -webkit-transition: background 200ms linear, color 200ms linear;
179 + -ms-transition: background 200ms linear, color 200ms linear;
641 180 transition: background 200ms linear, color 200ms linear;
642 181 }
643 182
644 -.wrap > .subsubsub {
645 - clear: both;
646 - margin: 0;
647 -}
183 +.wrap > .subsubsub{clear:both; margin:0;}
648 184
649 -.frm_wrap .subsubsub a {
650 - line-height: var(--leading);
651 - font-size: var(--text-sm);
185 +#poststuff h2#frm_form_heading,
186 +#frm_form_heading{
187 + height: auto;
188 + margin: 0;
189 + font-size: 24px;
190 + font-weight: normal;
191 + letter-spacing: 1px;
192 + padding: 0 40px 8px;
193 + line-height: 1.4;
194 + color:#72777C;
652 195 }
653 196
654 -.frm-admin-page-styles .frm_page_container,
655 -.frm_wrap .frm_page_container { /* Use .frm_wrap to avoid messing up Views editor layout */
656 - height: calc( 100vh - 32px );
657 - display: flex;
658 - flex-direction: column;
659 - overflow: hidden;
660 - padding-top: 0;
661 - position: fixed;
662 - top: 32px;
663 - bottom: 0;
664 - left: 0;
665 - right: 0;
197 +.frm_wrap #poststuff #post-body.columns-2{
198 + display: -webkit-flex;
199 + display:flex;
200 + margin-right: 0;
666 201 }
667 202
668 -.frm-admin-page-translate .frm_wrap .frm_page_container, .frm-admin-page-update_translations .frm_wrap .frm_page_container {
669 - position: static;
203 +.frm_wrap #post-body.columns-2 #postbox-container-1{
204 + width:350px;
205 + min-width:350px;
206 + margin-right:0;
207 + height: 100%;
208 + box-shadow:none;
209 + border:none;
210 + margin-bottom:0;
670 211 }
671 212
672 -.auto-fold.frm-admin-page-styles .frm_page_container,
673 -.auto-fold .frm_wrap .frm_page_container {
674 - left: 160px;
213 +#postbox-container-1 .frm_field_list,
214 +.frm_wrap #postbox-container-1 #frm_adv_info{
215 + box-shadow:none;
216 + border:none;
217 + margin-bottom:26px;
675 218 }
676 219
677 -.folded.frm-admin-page-styles .frm_page_container,
678 -.folded .frm_wrap .frm_page_container {
679 - left: 38px;
680 -}
681 -
682 -.frm-full-screen.frm-admin-page-styles .frm_page_container,
683 -.frm-full-screen .frm_wrap .frm_page_container {
684 - height: 100vh;
685 - top: 0;
686 - left: 0;
687 -}
688 -
689 -.frm-full-screen.frm-admin-page-entries .frm_page_container,
690 -.frm-new-entry .frm_page_container,
691 -.frm-admin-page-reports .frm_page_container,
692 -.frm_list_entry_page .frm_page_container {
693 - height: auto;
694 - display: block;
695 -}
696 -
697 -.frm-new-entry .columns-2 {
698 - border: none;
699 -}
700 -
701 -.frm-white-body #frm_top_bar,
702 -.frm-white-body .columns-2 {
703 - flex: 0 0 auto;
704 -}
705 -
706 -.columns-2 .frm-right-panel + div {
707 - padding-bottom: var(--gap-md);
708 - border-left: 1px solid var(--sidebar-hover);
709 -}
710 -
711 -.columns-2 .frm-right-panel + div,
712 -.frm_wrap #post-body-content {
713 - padding-bottom: 0;
714 - padding-top: var(--gap-sm);
220 +.frm_wrap #submitdiv{
715 221 margin-bottom: 0;
716 - background: #fff;
717 - width: auto;
718 - float: none;
719 - flex: 2;
222 + border-width:0 0 1px;
223 + width: 100%;
224 + min-width:auto;
720 225 }
721 226
722 -.frm-white-body .columns-2 {
723 - flex: 1;
724 - display: flex;
725 - overflow: hidden;
726 -}
727 -
728 -.frm-white-body .columns-2 > div {
729 - overflow-y: auto;
730 - box-sizing: border-box;
731 -}
732 -
733 -.frm_wrap .columns-2 .frm-right-panel,
734 -.frm-right-panel {
735 - flex: 0 0 var(--biggest-sidebar);
736 - float: none;
737 - width: var(--biggest-sidebar);
738 - min-width: var(--biggest-sidebar);
739 - background-color: var(--sidebar-color);
740 - margin: 0;
741 - box-shadow: none;
227 +.frm_single_entry_page .frm-right-panel .postbox,
228 +.frm_wrap #submitdiv.frm-no-border{
742 229 border: none;
743 - padding-bottom: 25px;
230 + box-shadow:none;
744 231 }
745 232
746 -.frm-right-panel .frm_field_list,
747 -.frm_wrap .frm-right-panel #frm_adv_info,
748 -.frm_wrap #postbox-container-1 #frm_adv_info {
749 - box-shadow: none;
750 - border: none;
751 - margin-bottom: 26px;
233 +.frm_single_entry_page .frm-right-panel .postbox{
234 + margin-top:10px;
752 235 }
753 236
754 -.frm-default-switcher {
755 - float: right;
756 - position: absolute;
757 - top: 15px;
758 - right: 7px;
759 - z-index: 1;
760 -}
761 -
762 -.frm-default-switcher a {
763 - padding: 0 2px;
764 -}
765 -
766 -.frm-default-switcher a .frmsvg {
767 - vertical-align: initial;
768 -}
769 -
770 -.frm-default-switcher a,
771 -.frm-default-switcher a .frmsvg,
772 -.frm-default-switcher a i {
773 - color: var(--grey);
774 -}
775 -
776 -.frm-default-switcher a.current,
777 -.frm-default-switcher a.current .frmsvg,
778 -.frm-default-switcher a.current i {
779 - color: var( --primary-500);
780 -}
781 -
782 -#new_fields,
783 -.frm-has-modal,
784 -p.frm_has_shortcodes {
785 - position: relative;
786 -}
787 -
788 -.frm-inline-modal.postbox {
789 - background: #fff;
790 -}
791 -
792 -.frm_has_shortcodes .frmsvg,
793 -.frm_has_shortcodes i:not([class*=mce-]) {
794 - position: absolute;
795 - color: var(--primary-500);
796 - border-radius: 50%;
797 - border: 1px solid transparent;
798 - z-index: 100;
799 - text-align: center;
800 -}
801 -
802 -.frm_has_shortcodes input,
803 -.frm_has_shortcodes textarea {
804 - padding-left: 18px;
805 - box-sizing: border-box;
806 -}
807 -
808 -#form_settings_page #frm_adv_info {
809 - display: none;
810 - top: 0;
811 - width: 310px;
812 - max-height: 315px;
813 - min-height: 200px;
814 - overflow-y: scroll;
815 - z-index: 100;
816 -}
817 -
818 -#form_global_settings .columns-2 .frm-right-panel,
819 -#form_settings_page .columns-2 .frm-right-panel {
820 - flex: 0 0 var(--small-sidebar);
821 - width: var(--small-sidebar);
822 - min-width: var(--small-sidebar);
823 -}
824 -
825 -#form_global_settings .frm_grid_container {
826 - gap: 0 var(--gap-md);
827 -}
828 -
829 -.frm-inner-content {
830 - padding: var(--gap-md);
831 -}
832 -
833 -.post-type-frm_display #poststuff {
834 - padding: 0 0 10px 40px;
835 -}
836 -
837 -#postbox-container-2 .postbox .inside {
838 - padding: 15px 25px;
839 -}
840 -
841 -#postbox-container-2 #frm_advanced .inside h3 {
842 - margin: 15px -25px;
843 - font-weight: 600;
844 -}
845 -
846 -#form_settings_page .frm-inner-content {
847 - padding-top: 0;
848 - padding-bottom: 150px;
849 - position: relative;
850 -}
851 -
852 -.frm_wrap #submitdiv {
853 - margin-bottom: 0;
854 - border-width: 0 0 1px;
855 - width: 100%;
856 - min-width: unset;
857 -}
858 -
859 237 .frm_wrap #frm_adv_info .handlediv,
860 -.frm_wrap #frm_adv_info .hndle {
861 - display: none;
238 +.frm_wrap #frm_adv_info .hndle{
239 + display:none;
862 240 }
863 241
864 -.frm_wrap .menu-settings {
865 - /* for add-on reverse compatibility */
866 - border: none;
867 - margin-top: 0;
868 -}
242 +#postbox-container-1 .nodrag a{cursor:pointer;}
869 243
870 -.nodrag a {
871 - cursor: pointer;
244 +.frm_wrap #post-body.columns-2 #postbox-container-1.frm-right-panel,
245 +#postbox-container-1.frm-right-panel{
246 + display: -webkit-flex;
247 + display:flex;
248 + -webkit-flex-direction: column;
249 + -ms-flex-direction: column;
250 + flex-direction: column;
251 + -ms-overflow-style: -ms-autohiding-scrollbar;
872 252 }
873 253
874 -.frm_wrap #frm_adv_info .inside {
875 - margin: 0;
254 +#frm-fixed{
255 + position: fixed;
876 256 }
877 257
878 -#frm_adv_info > .inside {
879 - padding: 0;
258 +#frm-fixed-panel{
259 + direction:rtl;
260 + overflow-y: auto;
261 + min-height: 100px;
262 + padding-top:1px;
263 + max-height:700px;
264 + clear:both;
880 265 }
881 266
882 -.frm-right-panel .frm-inline-modal.postbox .inside {
883 - margin: 0;
884 - padding-top: 0;
267 +.frm-ltr{
268 + direction:ltr;
885 269 }
886 270
887 -.frm-right-panel .frm-inline-modal .inside p:not(.howto),
888 -.frm-right-panel .frm-inline-modal .inside a {
889 - font-size: 15px;
271 +.frm_wrap #postbox-container-1 #frm_adv_info .inside{
272 + margin:0;
273 + padding:0;
890 274 }
891 -
892 -.frm-inline-modal .inside a.frm_icon_font {
893 - font-size: 18px;
894 -}
895 -
896 -.frm-right-panel .frm_field_list #frm-insert-fields {
275 +#postbox-container-1 .frm_field_list #frm-insert-fields{
897 276 max-height: none;
898 - font-size: var(--text-sm);
899 - padding: 0;
277 + font-size:14px;
278 + padding-bottom:25px;
900 279 }
901 -
902 -.frm-nav-tabs {
903 - margin: 10px 0 20px;
904 - padding: 0 var(--gap-sm);
905 - display: block;
906 - border-bottom: 1px solid var(--grey-300);
280 +#postbox-container-1 .frm_field_list #frm-layout-classes,
281 +#postbox-container-1 .frm_field_list #frm-dynamic-values{
282 + display:none;
283 + max-height:none;
907 284 }
908 285
909 -#frm-nav-tabs {
910 - position: -webkit-sticky;
911 - position: sticky;
912 - top: 0;
913 - background-color: var(--sidebar-color);
914 - z-index: 98; /* must be < 99 */
915 - margin-top: 0;
916 - padding-top: 5px;
917 -}
918 -
919 -.frm_form_settings #frm_adv_info #frm-nav-tabs {
920 - background-color: #fff;
921 - margin: 0 -4px;
922 -}
923 -
924 -.frm_form_settings span.frm-with-right-icon {
925 - display: block;
926 -}
927 -
928 -.frm-inline-modal .frm-nav-tabs,
929 -#frm_adv_info .frm-nav-tabs {
930 - margin: 5px 0 0;
931 -}
932 -
933 -#frm_adv_info .frm-nav-tabs.frm-compact-nav {
934 - padding-right: 0;
935 - padding-left: 20px;
936 -}
937 -
938 -.frm-nav-tabs li {
939 - display: inline-block;
940 - margin: 0;
941 -}
942 -
943 -.frm-nav-tabs a {
944 - color: var(--grey-700);
945 - padding: 10px 1px;
946 - margin: 0 9px;
947 - border-bottom: 2px solid transparent;
948 -}
949 -
950 -.frm_form_settings #frm_adv_info .frm-nav-tabs a {
951 - padding: 5px 1px;
952 - color: var(--grey-500);
953 -}
954 -
955 -.frm-nav-tabs.frm-compact-nav a {
956 - margin: 0 5px;
957 -}
958 -
959 -.frm-nav-tabs a {
960 - display: block;
961 - opacity: .9;
962 -}
963 -
964 -#frm_adv_info .frm-nav-tabs a {
965 - color: var(--grey-700);
966 -}
967 -
968 -.frm-nav-tabs a:hover,
969 -.frm-nav-tabs .frm-tabs a {
970 - color: var(--primary-500) !important;
971 - border-color: var(--primary-500);
972 -}
973 -
974 -.frm_form_settings #frm_adv_info .frm-nav-tabs .frm-tabs a {
975 - font-weight: 500;
976 -}
977 -
978 -#frm-bulk-modal .howto,
979 -#frm-bulk-modal h3 {
980 - font-size: var(--text-sm);
981 - font-weight: 400;
982 - margin: 5px 0 10px;
983 - color: var(--grey);
984 -}
985 -
986 -#frm-bulk-modal h3 {
987 - margin-left: 20px;
988 -}
989 -
990 -.frm-right-panel a.frm_add_logic_link,
991 -.frm-right-panel h3 {
992 - color: var(--grey-700);
993 - font-size: var(--text-lg);
994 - font-weight: 400;
995 - border-top: 2px solid var(--sidebar-hover);
996 - margin: 0;
997 -}
998 -
999 -.frm-single-settings > h3:first-of-type {
1000 - border-bottom: 2px solid var(--sidebar-hover);
1001 - border-top: none;
1002 - padding-top: 0 !important;
1003 -}
1004 -
1005 -.frm-flex-justify,
1006 -.frm-right-panel .frm-single-settings h3 {
1007 - display: flex;
1008 - justify-content: space-between;
1009 - align-items: center;
1010 -}
1011 -
1012 -.frm-right-panel h3 i {
1013 - color: var(--grey-700);
1014 - float: right;
1015 - width: 16px;
1016 - cursor: pointer;
1017 -}
1018 -
1019 -/* right sidebar */
1020 -#post-body-content + .frm-right-panel {
1021 - flex: 0 0 var(--medium-sidebar);
1022 - width: var(--medium-sidebar);
1023 - min-width: var(--medium-sidebar);
1024 - border-left: 1px solid var(--sidebar-hover);
1025 -}
1026 -
1027 -.frm-new-entry #post-body-content + .frm-right-panel,
1028 -.frm-new-entry .frm-right-panel {
1029 - background: none;
1030 - border: none;
1031 -}
1032 -
1033 -#post-body-content + .frm-right-panel h3 {
1034 - padding: 20px 20px 0;
1035 - font-size: 17px;
1036 -}
1037 -
1038 -#post-body-content + .frm-right-panel .frm_with_icons:first-of-type h3 {
1039 - border: none;
1040 -}
1041 -
1042 -#frm-insert-fields h3 {
1043 - color: var(--grey);
1044 - font-size: 15px;
1045 - font-weight: normal;
1046 - border-top: none;
1047 - border-bottom: 1px solid var(--sidebar-hover);
1048 - margin: 0;
1049 - padding: 10px 10px 10px 25px;
1050 -}
1051 -
1052 -.frm_wrap #frm_adv_info ul.category-tabs {
1053 - margin: 0;
286 +.frm_wrap #frm_adv_info ul.category-tabs,
287 +.frm_field_list ul.category-tabs{
288 + margin: 0;
1054 289 padding: 10px 0 9px;
1055 - font-size: 15px;
1056 - background: transparent;
290 + font-size: 15px;
291 + background: transparent;
1057 292 }
1058 293
1059 -.frm_wrap #frm_adv_info ul.category-tabs li {
1060 - padding: 10px;
294 +.frm_wrap #frm_adv_info ul.category-tabs li,
295 +.frm_field_list ul.category-tabs li{
296 + padding:10px;
1061 297 background-color: transparent !important;
1062 298 }
1063 299
1064 -.frm_wrap #frm_adv_info ul.category-tabs li:first-child {
1065 - border: none;
300 +.frm_wrap #frm_adv_info ul.category-tabs li:first-child,
301 +.frm_field_list ul.category-tabs li:first-child{
302 + border-left-width:0;
1066 303 }
1067 304
1068 -.frm_wrap #frm_adv_info .categorydiv div.tabs-panel {
1069 - border: none;
1070 - background: transparent;
305 +.frm_wrap #frm_adv_info .categorydiv div.tabs-panel,
306 +.frm_field_list .categorydiv div.tabs-panel{
307 + border-left: none;
308 + border-bottom: none;
309 + background:none;
1071 310 }
1072 311
1073 -.frm_wrap #frm-categorydiv {
1074 - border-right: none;
312 +.frm_wrap #frm-categorydiv{
313 + border-right:none;
1075 314 }
1076 315
1077 -#frm_adv_info #frm-conditionals {
1078 - padding-top: var(--gap-sm);
316 +#postbox-container-1 #taxonomy-linkcategory #frm-html-tags{
317 + display:none;
318 + max-height:none;
1079 319 }
1080 320
1081 -#postbox-container-1 #taxonomy-linkcategory #frm-html-tags {
1082 - display: none;
1083 - max-height: none;
321 +#postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown{
322 + position:relative;
1084 323 }
1085 324
1086 -#postbox-container-1 .frm_field_list #frm-insert-fields .frmbutton.dropdown {
1087 - position: relative;
325 +.toplevel_page_formidable #footer-upgrade{
326 + display:none;
1088 327 }
1089 328
1090 -/* Admin footer */
1091 -.frm-white-body #footer-upgrade {
1092 - display: none;
329 +.frm_list_entry_page #frm_form_heading{
330 + float:left;
1093 331 }
1094 332
1095 -.frm-admin-footer-links,
1096 -.frm-admin-footer-links-nav,
1097 -.frm-admin-footer-links-socials {
1098 - display: flex;
1099 - justify-content: center;
333 +#titlediv #title{
334 + line-height:1.5;
335 + height:auto;
1100 336 }
1101 337
1102 -.frm-admin-footer-links {
1103 - gap: var(--gap-2xs);
1104 - flex-direction: column;
1105 - text-align: center;
1106 - padding: var(--gap-xl) 0 var(--gap-lg) 160px;
1107 - font-size: var(--text-xs);
1108 - color: var(--grey-400);
338 +#frm_builder_page #titlediv #title{
339 + border-top:none;
340 + border-left:none;
341 + border-right:none;
342 + box-shadow:none;
1109 343 }
1110 344
1111 -body.rtl .frm-admin-footer-links {
1112 - padding-left: unset;
1113 - padding-right: 160px;
345 +.frm_page_container#poststuff{
346 + padding-top:0;
1114 347 }
1115 348
1116 -
1117 -.frm-admin-footer-links-nav {
1118 - gap: var(--gap-2xs);
1119 - margin-bottom: var(--gap-xs);
349 +.frm_no_sidebar #post-body-content{
350 + width:auto;
1120 351 }
1121 -
1122 -.frm-admin-footer-links-socials {
1123 - gap: var(--gap-xs);
352 +.frm_no_sidebar #titlediv{
353 + width:570px;
354 + float:left;
1124 355 }
1125 -
1126 -.frm-admin-footer-links-socials a {
1127 - color: var(--grey-400);
356 +.frm_no_sidebar .postbox-container{
357 + float:right;
1128 358 }
1129 -/* End Admin footer */
1130 -
1131 -.frm_list_entry_page h2 {
1132 - float: left;
359 +#poststuff .frm_no_sidebar .postbox-container{
360 + width:auto;
1133 361 }
1134 -
1135 -.frm_list_entry_page h2 + .error {
1136 - clear: both;
362 +.frm_sidebar select{
363 + width:100%;
364 + margin-left:0;
365 + margin-right:0;
1137 366 }
1138 -
1139 -.frm_sidebar select {
1140 - width: 100%;
1141 - margin-left: 0;
1142 - margin-right: 0;
367 +.frm_sidebar #search-submit{
368 + float:right;
1143 369 }
1144 370
1145 -.frm_sidebar #search-submit {
1146 - float: right;
371 +.frm_single_entry_page #submitdiv{
372 + margin:0;
1147 373 }
1148 374
1149 -.frm_single_entry_page #submitdiv {
1150 - margin: 0;
1151 -}
1152 -
1153 375 .frm_single_entry_page .hndle a {
1154 - font-size: 13px;
376 + font-size:13px;
1155 377 }
1156 378
1157 379 /* Build New Form page */
1158 380
1159 -.frm-right-panel #publishing-action {
1160 - float: none;
381 +.frm-right-panel #publishing-action{
382 + float:none;
1161 383 }
1162 384
1163 -.frm-right-panel #major-publishing-actions {
1164 - border-top: none;
1165 - height: 32px;
1166 - background: transparent;
385 +.frm-right-panel #major-publishing-actions{
386 + border-top:none;
387 + height:32px;
388 + background:transparent;
1167 389 }
1168 390
1169 -#major-publishing-actions .frm_submit_form {
1170 - float: right;
391 +#major-publishing-actions .frm_submit_form{
392 + float:right;
1171 393 margin-left: 5px;
1172 394 }
1173 395
1174 396 /* Buttons */
@@ -1173,616 +395,336 @@
1173 395
1174 396 /* Buttons */
1175 397
1176 398 .frm_orange_button,
1177 -.frm_reverse_button {
1178 - font-size: 12px;
1179 - border: 1px solid var(--orange);
1180 - color: var(--orange);
399 +.frm_reverse_button,
400 +.post-type-frm_display .wrap .add-new-h2,
401 +.frm_wrap .add-new-h2{
402 + font-size:12px;
403 + border: 1px solid #f37656;
404 + color: #f37656;
405 + line-height: 1.4;
1181 406 font-weight: 600;
1182 407 padding: 1px 4px;
408 + -webkit-border-radius: 4px;
1183 409 border-radius: 4px;
1184 - background: transparent;
410 + background:transparent;
1185 411 }
1186 412
413 +.post-type-frm_display .wrap .add-new-h2,
414 +.frm_wrap .add-new-h2{
415 + margin: 1px 0 0 10px;
416 + vertical-align: top;
417 + text-transform:lowercase;
418 + position:initial;
419 + vertical-align: middle;
420 +}
421 +
1187 422 .frm_reverse_button:hover,
1188 423 .frm_reverse_button:active,
1189 -.frm_reverse_button:focus {
424 +.frm_reverse_button:focus,
425 +.post-type-frm_display .wrap .add-new-h2:hover,
426 +.post-type-frm_display .wrap .add-new-h2:active,
427 +.post-type-frm_display .wrap .add-new-h2:focus,
428 +.frm_wrap .add-new-h2:hover,
429 +.frm_wrap .add-new-h2:active,
430 +.frm_wrap .add-new-h2:focus{
1190 431 color: #fff;
1191 - background: var(--orange);
1192 - border: 1px solid var(--orange);
432 + background:#f37656;
433 + border: 1px solid #f37656;
1193 434 }
1194 435
1195 -.frm_reverse_button {
1196 - font-size: 1em;
436 +.frm_reverse_button{
437 + font-size: 1.1em;
1197 438 transition: all .2s ease;
1198 439 }
1199 440
1200 441 .frm-button-primary,
1201 442 .wp-core-ui .button-primary.frm-button-primary,
1202 -.wp-core-ui .button.frm-button-primary,
1203 -.frm-button-secondary,
1204 -.wp-core-ui .button-secondary.frm-button-secondary,
1205 -.wp-core-ui .button.frm-button-secondary,
1206 -.frm-white-body .frm-search .button,
1207 -.frm-white-body .search-box .button, /* Views */
1208 -.frm-white-body .tablenav .button,
1209 443 .frm_orange_button,
444 +.wrap .frm_pricing a.button-primary,
1210 445 .toplevel_page_formidable #frm_upgrade_modal .button-primary,
446 +#form_global_settings .button-secondary,
1211 447 .wp-core-ui.frm-white-body .button-primary,
1212 448 .wp-core-ui.frm-white-body .button-secondary,
449 +.wp-core-ui.frm-white-body .button,
450 +.wp-core-ui.frm-white-body button,
1213 451 .frm-white-body .button-primary,
1214 452 .frm-white-body .button-secondary,
1215 -#frm-form-button button,
1216 -.frm-preview-buttons button,
1217 -.frm-button-red,
1218 -.frm-button-tertiary {
1219 - text-shadow: none;
1220 - box-shadow: none;
1221 - border-radius: 30px;
1222 - border: 1px solid var(--primary-500);
1223 - font-size: var(--text-sm);
453 +.frm-white-body .button,
454 +.frm-white-body button{
455 + text-shadow:none;
456 + box-shadow:none;
457 + border-radius:4px;
458 + border-color:var(--light-grey);
459 + font-size: 1.1em;
1224 460 transition: all .2s ease;
1225 - padding: 7px 16px;
1226 - height: auto;
1227 - min-height: 28px;
1228 - outline: none;
1229 - line-height: var(--leading);
1230 - box-sizing: border-box;
1231 - font-weight: 500;
1232 - margin-bottom: 0;
1233 - display: inline-block;
1234 461 }
1235 462
1236 -.frm-button-tertiary {
1237 - border-color: transparent;
1238 - color: var(--primary-500);
1239 -}
1240 -
1241 -.frm-button-red,
1242 -.frm-button-red:focus {
1243 - color: #fff !important;
1244 - --primary-500: var(--error-500);
1245 - --primary-700: var(--error-700);
1246 -}
1247 -
1248 -.frm-white-body h2 .button,
1249 -.post-type-frm_display h2 .frm-button-primary,
1250 -.frm-white-body .tablenav .button,
1251 -.frm-button-primary.frm-button-sm,
1252 -.frm-button-secondary.frm-button-sm,
1253 -.frm-button-tertiary.frm-button-sm,
1254 -.frm-button-red.frm-button-sm {
1255 - padding: 4px 12px !important;
1256 - font-size: var(--text-xs) !important;
1257 -}
1258 -
1259 -.frm_no_style_button {
1260 - background: transparent;
1261 -}
1262 -
1263 -.frm-with-icon {
1264 - display: flex;
1265 - gap: var(--gap-xs);
1266 - align-items: center;
1267 -}
1268 -
1269 -.frm-with-icon svg {
1270 - opacity: .65; /* Get close to grey-500 without overriding hover colors */
1271 -}
1272 -
1273 -.frm-with-icon.button svg {
1274 - height: var(--text-sm);
1275 - width: var(--text-sm);
1276 -}
1277 -
1278 -.frm-with-icon.frm-button-sm svg {
1279 - height: var(--text-xs);
1280 - width: var(--text-xs);
1281 -}
1282 -
1283 -.frm-white-body .button.add_media {
1284 - /* Media buttons above RTE */
1285 - padding-left: 12px !important;
1286 - padding-right: 12px !important;
1287 - font-size: var(--text-xs);
1288 - border-radius: var(--border-radius);
1289 -}
1290 -
1291 -.wp-core-ui.frm-white-body #post-query-submit.button,
1292 -.wp-core-ui.frm-white-body .button.tablenav-pages-navspan,
1293 -.wp-core-ui.frm-white-body .button.first-page,
1294 -.wp-core-ui.frm-white-body .button.prev-page,
1295 -.wp-core-ui.frm-white-body .button.next-page,
1296 -.wp-core-ui.frm-white-body .button.last-page,
1297 -.wp-core-ui.frm-white-body .button.action {
1298 - background-color: transparent;
1299 - border-color: var(--grey-300);
1300 - color: var(--grey-700);
1301 - border-radius: var(--border-radius);
1302 -}
1303 -
1304 -.post-type-frm_display.wp-core-ui .button-primary,
1305 463 .frm-button-primary,
1306 464 .wp-core-ui .button-primary.frm-button-primary,
1307 465 .frm_single_entry_page .button-primary {
1308 - background-color: var(--primary-500) !important;
466 + border-color: var(--primary-border) !important;
467 + background-color: var(--primary-color) !important;
1309 468 color: #fff !important;
1310 469 }
1311 470
1312 -.frm-button-primary.frm_large{
1313 - font-size: var(--text-md) !important;
1314 - height: auto !important;
1315 - padding: 9px 18px !important;
1316 -}
1317 -
1318 -.frm-button-primary i:before {
1319 - color: #fff;
1320 -}
1321 -
1322 471 .wp-core-ui .button-primary.frm-button-primary:hover,
1323 -.frm-button-primary:hover {
1324 - background: var(--primary-700) !important;
1325 - border-color: var(--primary-700) !important;
472 +.frm-button-primary:hover{
473 + background-color: var(--primary-hover) !important;
1326 474 }
1327 475
1328 -.wp-core-ui .button-primary.frm-button-primary:active {
1329 - vertical-align: inherit;
1330 -}
1331 -
1332 -.frm-white-body #search-submit,
1333 -#frm-form-button .frm_button_submit,
1334 -.frm-white-body .frm-preview-buttons button,
1335 -.frm-white-body .button:not(.frm-button-primary),
1336 -.wp-core-ui.frm-white-body .button-secondary,
1337 -.wp-core-ui .button-secondary.frm-button-secondary,
1338 -.wp-core-ui .button.frm-button-secondary,
1339 -.frm-white-body .frm-button-secondary,
1340 -.frm-button-secondary {
1341 - color: var(--grey-800);
1342 - border-color: var(--grey-300);
1343 - background-color: #fff;
1344 -}
1345 -
1346 -#wp-content-media-buttons button,
1347 -#wp-content-media-buttons a.button {
1348 - border-color: var(--grey-300);
1349 -}
1350 -
1351 -.frm_orange_button {
476 +.frm_orange_button,
477 +.wrap .frm_pricing a.button-primary,
478 +.toplevel_page_formidable .frm_wrap button.button-primary{
1352 479 border-color: #da791d !important;
1353 - background: var(--orange);
1354 - color: #fff;
480 + background: #f37656;
481 + color:#fff;
1355 482 }
1356 483
1357 -.frm-white-body .button:not(.frm-button-primary):focus,
1358 -.frm-white-body .button:not(.frm-button-primary):active,
1359 -.frm-white-body .frm-button-secondary:hover,
1360 -.wp-core-ui.frm-white-body .frm-button-secondary:hover,
1361 -.wp-core-ui.frm-white-body .button-secondary:hover,
1362 -.wp-core-ui.frm-white-body .button-secondary:focus,
1363 -.wp-core-ui.frm-white-body .tablenav .button:hover,
1364 -.frm_wrap .preview > .button:hover {
1365 - border-color: var(--grey-300) !important;
1366 - color: var(--grey-800);
1367 - background: var(--grey-50) !important;
1368 - box-shadow: none !important;
1369 - outline: none !important;
1370 -}
1371 -
1372 -.frm-button-primary .frmsvg {
484 +#frm-addons-page .button-primary:hover,
485 +#frm-addons-page .button-primary:focus,
486 +#form_global_settings .button-primary:hover,
487 +#form_global_settings .button-primary:focus,
488 +#frm_upgrade_modal .button:hover,
489 +#frm_upgrade_modal .button:focus,
490 +.frm_wrap .preview > .button:hover,
491 +.frm_wrap .preview > .button:focus{
492 + border-color: rgba(130, 168, 203,0.5) !important;
493 + background: rgb(130, 168, 203);
1373 494 color: #fff;
495 + box-shadow:none;
1374 496 }
1375 497
1376 -.frm_wrap .preview i {
1377 - font-size: inherit;
1378 -}
1379 -
1380 -.frm-white-body .frm-button-primary:focus,
1381 -.frm-white-body .frm-button-primary:active,
1382 498 #frm-addons-page .button-primary:focus,
1383 499 #form_global_settings .button-primary:focus,
1384 -#frm_upgrade_modal .button:focus {
1385 - border-color: var(--primary-700) !important;
1386 - background-color: var(--primary-700) !important;
1387 - box-shadow: none !important;
1388 - outline: none !important;
500 +#frm_upgrade_modal .button:focus,
501 +.frm_wrap .preview > .button:focus {
502 + border-color: rgba(53,97,150,0.5) !important;
503 + outline:none;
1389 504 }
1390 505
1391 -.frm_wrap .preview > .button:focus,
1392 506 .frm_orange_button:hover,
1393 507 .frm_orange_button:focus,
508 +.wrap .frm_pricing a.button-primary:hover,
509 +.wrap .frm_pricing a.button-primary:focus,
1394 510 .toplevel_page_formidable #frm_upgrade_modal .button-primary:hover,
1395 511 .toplevel_page_formidable #frm_upgrade_modal .button-primary:focus,
1396 512 .toplevel_page_formidable .frm_wrap button.button-primary:hover,
1397 -.toplevel_page_formidable .frm_wrap button.button-primary:focus {
1398 - outline: none;
513 +.toplevel_page_formidable .frm_wrap button.button-primary:focus{
514 + box-shadow:none;
515 + opacity:0.8;
1399 516 }
1400 517
1401 518 .frm_orange_button:hover,
1402 -.frm_orange_button:focus {
1403 - border-color: var(--orange) !important;
519 +.frm_orange_button:focus{
520 + border-color: #f37656 !important;
1404 521 background: transparent;
1405 - color: var(--orange);
1406 - opacity: 1;
522 + color:#f37656;
523 + opacity:1;
1407 524 }
1408 525
1409 -.major-publishing-actions.frm_create_form_header {
1410 - padding: 8px 0;
526 +.preview .button .caret {
527 + border-top-color: #fff;
1411 528 }
1412 529
1413 -.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner {
1414 - font-size: 15px;
1415 - background: transparent;
530 +#frm-preview-action{
531 + float:right;
1416 532 }
1417 533
1418 -.frm-menu-boxes .frm_blank_form_text {
1419 - padding-bottom: 26px;
534 +.major-publishing-actions.frm_create_form_header{
535 + padding:8px 0;
1420 536 }
1421 537
1422 -input.frm_insert_in_template {
1423 - font-size: 10px;
1424 - width: 98%;
1425 - font-weight: normal
538 +.major-publishing-actions.frm_create_form_header .frm_create_form_header_inner{
539 + font-size:15px;
540 + background:transparent;
1426 541 }
1427 542
543 +.frm-menu-boxes .frm_blank_form_text{
544 + padding-bottom:26px;
545 +}
546 +
547 +input.frm_insert_in_template{
548 + font-size:10px;
549 + width:98%;
550 + font-weight:normal
551 +}
552 +
1428 553 /* Review request */
1429 -.frm-review-notice.notice {
1430 - border: 1px solid #ddd;
1431 - text-align: center;
1432 - position: fixed !important;
1433 - z-index: 999;
1434 - bottom: 0;
1435 - right: 0;
1436 - width: 400px;
554 +.frm-review-notice.notice{
555 + border:1px solid #ddd;
556 + text-align:center;
1437 557 }
1438 558
1439 559 .frm-review-notice.notice form,
1440 560 .frm-review-notice.notice p {
1441 - font-size: var(--text-sm);
1442 - max-width: 600px;
1443 - margin-left: auto;
1444 - margin-right: auto;
561 + font-size:15px;
562 + max-width:600px;
563 + margin-left:auto;
564 + margin-right:auto;
1445 565 }
1446 566
1447 -.frm-review-notice a {
1448 - margin: 0 var(--gap-xs) !important;
567 +.frm-review-notice a{
568 + margin:5px;
1449 569 }
1450 570
1451 -.frm-review-notice .frm-button-primary,
1452 -.frm-review-notice .frm-button-secondary {
1453 - min-width: 100px;
571 +.frm-review-notice > div{
572 + padding-bottom:20px;
1454 573 }
1455 574
1456 -.frm-review-notice p > span {
1457 - font-size: 13px;
1458 - opacity: 0.75;
575 +.frm-review-notice .frm_reverse_button,
576 +.frm-review-notice .frm_orange_button{
577 + min-width:100px;
578 + display:inline-block;
579 + text-align:center;
580 + padding:2px 10px;
1459 581 }
1460 582
1461 -#frmapi-feedback {
1462 - margin-top: var(--gap-lg);
583 +.frm-review-notice p > span{
584 + font-size:14px;
585 + opacity:0.75;
1463 586 }
1464 587
1465 -.frm-review-notice .frm_error,
1466 -.frm-review-notice label {
1467 - color: #444;
1468 - text-align: left;
588 +#frmapi-feedback{
589 + margin-top:30px;
1469 590 }
1470 591
1471 -.frm-review-notice label {
1472 - font-size: var(--text-sm);
592 +.frm-review-notice .frm_error,
593 +.frm-review-notice label{
594 + color:#444;
595 + text-align:left;
1473 596 }
1474 597
1475 -.frm-floating-success-message {
1476 - border-radius: 4px;
1477 - right: 10px !important;
1478 - bottom: 10px !important;
598 +.frm-review-notice label{
599 + font-size:14px;
1479 600 }
1480 601
1481 602 /* Generic Classes */
1482 -.frm_no_margin, /* deprecated */
1483 -.frm-m-0 {
1484 - margin: 0 !important;
603 +.frm_invisible{
604 + visibility:hidden;
1485 605 }
1486 606
1487 -.frm-m-12 {
1488 - margin: var(--gap-2xl);
1489 -
607 +.frm_no_float{
608 + float:none;
1490 609 }
1491 610
1492 -.frm_no_top_margin, /* deprecated */
1493 -.frm-mt-0 {
1494 - margin-top: 0 !important;
611 +.frm_block,
612 +.frm_no_section_fields.frm_block{
613 + display:block;
1495 614 }
1496 615
1497 -.frm_no_bottom_margin, /* deprecated */
1498 -.frm-mb-0 {
1499 - margin-bottom: 0 !important;
616 +.frm_inline{
617 + display:inline;
1500 618 }
1501 619
1502 -.frm-mb-sm {
1503 - margin-bottom: var(--gap-sm) !important;
620 +.button.frm_hidden,
621 +.wp-core-ui .button.frm_hidden,
622 +.frm_hidden{
623 + display:none;
1504 624 }
1505 625
1506 -.frm-mb-md {
1507 - margin-bottom: var(--gap-md) !important;
626 +.frm_no_margin{
627 + margin:0;
1508 628 }
1509 629
1510 -.frm-mb-lg {
1511 - margin-bottom: var(--gap-lg) !important;
630 +.frm_no_top_margin{
631 + margin-top:0;
1512 632 }
1513 633
1514 -.frm-mx-sm {
1515 - margin-left: var(--gap-sm) !important;
1516 - margin-right: var(--gap-sm) !important;
634 +.frm_no_bottom_margin{
635 + margin-bottom:0;
1517 636 }
1518 637
1519 -.frm-p-1 {
1520 - padding: 4px;
638 +.frm_tiny_top_margin{
639 + margin-top:1px;
1521 640 }
1522 641
1523 -.frm-p-4 {
1524 - padding: var(--gap-sm);
642 +.frm_small_top_margin{
643 + margin-top:5px;
1525 644 }
1526 645
1527 -.frm-p-6 {
1528 - padding: var(--gap-md);
646 +.frm_cursor_pointer{
647 + cursor:pointer;
1529 648 }
1530 649
1531 -.frm-text-md {
1532 - font-size: var(--text-md);
650 +.frm_right_text{
651 + text-align:right;
1533 652 }
1534 653
1535 -.frm-text-lg {
1536 - font-size: var(--text-lg);
654 +.frm_submit .frm_full_opacity, .frm_full_opacity{
655 + opacity:1;
1537 656 }
1538 657
1539 -.frm-text-xl {
1540 - font-size: var(--text-xl);
658 +.frm_med_padding{
659 + padding:10px;
1541 660 }
1542 661
1543 -.frm-w-auto {
1544 - width: auto !important;
662 +.actions.frm_visible_overflow{
663 + overflow:visible !important;
1545 664 }
1546 665
1547 -.frm-w-full {
1548 - width: 100% !important;
666 +.frm-dropdown-menu.frm-on-top{
667 + z-index:99999;
1549 668 }
1550 669
1551 -.frm-flex-box {
1552 - display: flex;
1553 - gap: var(--gap-sm);
670 +.frm-on-bottom{
671 + z-index:-1;
1554 672 }
1555 673
1556 -.frm-gap-xs {
1557 - gap: var(--gap-xs);
1558 -}
674 +.frm_forms.with_frm_style{max-width:100%;}
1559 675
1560 -.frm-gap-sm {
1561 - gap: var(--gap-sm);
676 +.frm_form_builder > .postbox,
677 +#frm_form_editor_container > .postbox{
678 + border-color: transparent;
679 + box-shadow: none;
1562 680 }
1563 681
1564 -.frm-gap-md {
1565 - gap: var(--gap-md);
1566 -}
1567 -
1568 -.frm-justify-between {
1569 - justify-content: space-between;
1570 -}
1571 -
1572 -.frm-transition-ease {
1573 - transition: all .2s ease;
1574 -}
1575 -
1576 -.frm_invisible {
1577 - visibility: hidden;
1578 - transition: all .2s ease;
1579 -}
1580 -
1581 -.frm_no_float {
1582 - float: none;
1583 -}
1584 -
1585 -.frm_block, /* deprecated */
1586 -.frm-block {
1587 - display: block;
1588 -}
1589 -
1590 -.frm_inline {
1591 - display: inline;
1592 -}
1593 -
1594 -.frm_inline_block {
1595 - display: inline-block !important;
1596 -}
1597 -
1598 -.frm_hidden {
1599 - display: none;
1600 -}
1601 -
1602 -.frm-text-right {
1603 - text-align: right;
1604 -}
1605 -
1606 -.frm-border-b {
1607 - border-bottom: 1px solid var(--grey-300);
1608 -}
1609 -
1610 -.frm-no-border {
1611 - border: none !important;
1612 -}
1613 -
1614 -.frm-opacity-100 {
1615 - opacity: 1;
1616 -}
1617 -
1618 -.frm-on-bottom {
1619 - z-index: -1;
1620 -}
1621 -/* End Generic Classes, Start Forced Generic Classes */
1622 -
1623 -.frm-fields p > label.frm_hidden,
1624 -.frm-lookup-modal .dismiss,
1625 -.frm-right-panel .inside a.frm_hidden,
1626 -#form_global_settings .frm_hidden,
1627 -ul.frm_form_nav > li.frm_hidden,
1628 -a.frm_hidden,
1629 -.button.frm_hidden,
1630 -.wp-core-ui .button.frm_hidden {
1631 - display: none;
1632 -}
1633 -
1634 -.postbox .inside > p.frm_no_bottom_margin:last-child {
1635 - margin-bottom: 0 !important;
1636 -}
1637 -
1638 -.frm_no_section_fields.frm_block {
1639 - display: block;
1640 -}
1641 -
1642 -.actions.frm_visible_overflow {
1643 - overflow: visible !important;
1644 -}
1645 -
1646 -.frm_full_opacity, /* deprecated */
1647 -.frm_submit .frm_full_opacity,
1648 -.frm_submit .frm-opacity-100 {
1649 - opacity: 1;
1650 -}
1651 -
1652 -.frm-dropdown-menu.frm-on-top {
1653 - z-index: 99999;
1654 -}
1655 -
1656 -/* End Forced Generic Classes */
1657 -
1658 -.frm_forms.with_frm_style {
1659 - max-width: 100%;
1660 -}
1661 -
682 +.post-type-frm_display .wrap > #posts-filter,
1662 683 .post-type-frm_display .wrap > .subsubsub,
1663 -.post-type-frm_display .wrap > .icl_subsubsub,
1664 -.frm_form_settings > p {
1665 - margin: 6px var(--gap-md);
1666 - padding: 0;
684 +.frm_single_entry_page .frm_form_fields,
685 +.frm_single_entry_page .frm_form_fields + p,
686 +#frm_form_editor_container > .postbox > p,
687 +.frm_form_settings > p{
688 + margin:6px 40px;
689 + padding:0;
1667 690 }
1668 -
1669 -.frm-entry-container {
1670 - margin: 0 40px 40px;
1671 - padding: 0;
691 +.frm_primary_label,
692 +#frm_form_editor_container .frm_primary_label{
693 + font-weight:bold;
1672 694 }
1673 -
1674 -#form_reports_page .frm-inner-content {
1675 - width: calc(100% - 40px);
1676 - max-width: 900px;
1677 - margin: 20px auto;
1678 - padding: 20px;
695 +.form-field .frm_primary_label{
696 + display:block;
697 + float:none;
698 + width:auto;
1679 699 }
1680 -
1681 -.frm_inner_field_container > .frm_form_fields {
1682 - clear: both;
700 +#frm_form_editor_container .frm_primary_label{
701 + color:#444;
702 + margin:0;
703 + padding:0;
704 + width:auto;
705 + max-width:90%;
706 + min-height:20px;
1683 707 }
1684 708
1685 -.post-type-frm_display h2,
1686 -.frm_wrap h2 {
1687 - margin-top: 0 !important;
1688 - font-size: var(--text-lg);
1689 - line-height: var(--leading);
709 +#frm_form_editor_container .frm_primary_label:hover{
710 + cursor:text;
1690 711 }
1691 712
1692 -.post-type-frm_display .wrap > h2:first-child,
1693 -.frm_wrap .wrap > h2:first-child {
1694 - padding-top: 0;
1695 - margin-top: 0 !important;
1696 - font-size: var(--text-lg);
1697 -}
1698 -
1699 -#frm_form_editor_container {
1700 - position: relative;
1701 - margin-top: 28px;
1702 -}
1703 -
1704 -.form-field p {
1705 - /* for conflicts */
1706 - background: none;
1707 - border: none;
1708 -}
1709 -
1710 -.form-field label.frm_primary_label {
1711 - display: block;
1712 - float: none;
1713 - width: auto;
1714 -}
1715 -
1716 -#frm_view_editor_left label, /* Views */
1717 -#frm_view_editor_left .frm_primary_label, /* Views */
1718 -.frm-dialog .frm-sub-label,
1719 -.frm-dialog label,
1720 -.dropdown .frm_primary_label,
1721 -.accordion-container label,
1722 -.frm-fields td > label,
1723 -.frm-fields td > div > label,
1724 -.frm_form_field > label:first-child,
1725 -.frm-fields p > label,
1726 -.frm_on_submit_type > label,
1727 -.post-type-frm_display .frm_form_field > label,
1728 -#new_fields .frm_primary_label,
1729 -#form_global_settings .frm_primary_label,
1730 -#frm_form_editor_container .frm_primary_label {
1731 - color: var(--grey-700);
1732 - margin: 0 0 3px;
1733 - padding: 0;
1734 - width: auto;
1735 - font-size: var(--text-sm);
1736 - display: block;
1737 - line-height: var(--leading);
1738 -}
1739 -
1740 -.frm-fields td input + label {
1741 - display: inline;
1742 -}
1743 -
1744 -#frm_form_editor_container .edit_field_type_end_divider .frm_primary_label,
1745 -#frm_form_editor_container .edit_field_type_break .frm_primary_label {
1746 - display: none;
1747 -}
1748 -
1749 -form .frm_primary_label input {
1750 - font-size: 12px;
1751 -}
1752 -
1753 -.with_frm_style form .form-field {
1754 - margin-bottom: 20px;
1755 -}
1756 -
1757 -#frm_builder_page .with_frm_style form .frm_combo_inputs_container > .form-field {
1758 - margin-bottom: 0;
1759 -}
1760 -
1761 -.frm_description,
713 +form .frm_primary_label input{font-size:12px;}
714 +.with_frm_style form .form-field{margin-bottom:20px;}
1762 715 .with_frm_style form div.description,
1763 716 .frm_error,
1764 -.with_frm_style form div.description textarea {
1765 - padding: 0;
1766 - font-size: 11px;
717 +.with_frm_style form div.description textarea{
718 + padding:0;
719 + font-size:11px;
1767 720 }
1768 721
1769 -.with_frm_style .description {
1770 - color: inherit;
1771 -}
1772 -
1773 722 #frm_form_editor_container .divider_section_only .frm_primary_label {
1774 - display: flex;
1775 - align-items: center;
1776 - gap: var(--gap-xs);
1777 - font-size: 20px;
723 + font-size:16px;
1778 724 }
1779 725
1780 -#frm_form_editor_container .divider_section_only .frm_primary_label .frm-sub-label {
1781 - padding: 0;
1782 -}
1783 -
1784 -form .form-field.frm_field_loading {
726 +form .form-field.frm_field_loading{
1785 727 margin-bottom: 0;
1786 728 min-height: 0;
1787 729 padding: 0;
1788 730 text-align: center;
@@ -1787,353 +729,247 @@
1787 729 padding: 0;
1788 730 text-align: center;
1789 731 }
1790 732
1791 -.frm_sorting > .frm_field_loading .frm_visible_spinner.frm-wait {
1792 - margin-bottom: 10px;
733 +.frm_sorting > .frm_field_loading .frm_visible_spinner.spinner{
734 + margin-bottom:10px;
1793 735 }
1794 736
1795 -.frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.frm-wait {
1796 - margin-bottom: 0;
1797 - display: none;
737 +.frm_sorting > .frm_field_loading ~ .frm_field_loading .frm_visible_spinner.spinner{
738 + margin-bottom:0;
739 + display:none;
1798 740 }
1799 741
1800 -.frm_description,
1801 -.with_frm_style form div.description,
1802 -.frm_error {
1803 - margin: 0;
742 +.with_frm_style form div.description, .frm_error{
743 + margin:0;
1804 744 }
1805 -
1806 -.frm_error {
1807 - color: #B94A48;
745 +.frm_error{color:#B94A48;}
746 +.with_frm_style form .frm_blank_field input,
747 +.with_frm_style form .frm_blank_field textarea,
748 +.with_frm_style form .frm_blank_field select,
749 +.with_frm_style form .frm_blank_field .frm-g-recaptcha iframe,
750 +.with_frm_style form .frm_blank_field .g-recaptcha iframe{
751 + border-color:#B94A48;
1808 752 }
1809 -
1810 -form .frm_blank_field input,
1811 -form .frm_blank_field textarea,
1812 -form .frm_blank_field select,
1813 -form .frm_blank_field .frm-g-recaptcha iframe,
1814 -form .frm_blank_field .g-recaptcha iframe {
1815 - border-color: #B94A48;
753 +.with_frm_style form .frm_blank_field label{color:#B94A48;}
754 +.frm_required{
755 + color:#B94A48;
1816 756 }
1817 757
1818 -form .frm_blank_field label {
1819 - color: #B94A48;
1820 -}
1821 -
1822 -.frm_required {
1823 - color: #B94A48;
1824 -}
1825 -
1826 758 .with_frm_style .wp-editor-container textarea,
1827 759 .postbox .wp-editor-container textarea,
1828 -.frm_remove_border {
1829 - border: none;
760 +.frm_remove_border{
761 + border:none;
1830 762 }
1831 -
1832 763 .with_frm_style .mceIframeContainer,
1833 -.postbox .mceIframeContainer {
1834 - background-color: #fff;
764 +.postbox .mceIframeContainer{
765 + background-color:#fff;
1835 766 }
1836 -
1837 -.frm_pro_license_msg {
1838 - clear: left;
1839 - margin-top: 10px;
767 +.frm_error_style{
768 + color:#B94A48;
769 + border:1px solid #EBCCD1;
770 + background-color:#F2DEDE;
771 + padding:8px 15px;
772 + font-size:14px;
773 + margin:5px 20px 15px;
774 + -moz-border-radius:4px;
775 + -webkit-border-radius:4px;
776 + border-radius:4px;
1840 777 }
1841 778
1842 -.frm-license-input {
1843 - position: relative;
779 +.frm_pro_license_msg{
780 + clear:left;
781 + margin-top:10px;
1844 782 }
1845 783
1846 -.frm-license-input span {
1847 - position: absolute;
1848 - right: 0;
1849 - top: 5px;
1850 - padding: 0 10px;
1851 - font-size: 15px;
784 +.upgrade_to_pro{
785 + padding: 10px 25px 25px;
786 + max-width: 700px;
787 + margin: 20px auto !important;
1852 788 }
1853 789
1854 -.frm-license-input .frmsvg {
1855 - width: 20px;
1856 - height: 20px;
1857 - margin-left: 5px;
1858 - vertical-align: text-top;
790 +.upgrade_to_pro h1,
791 +.upgrade_to_pro h3,
792 +.upgrade_to_pro{
793 + color:#444;
1859 794 }
1860 795
1861 -.frm-license-input .frmsvg,
1862 -.frm-license-input span,
1863 -.frm-license-input i {
1864 - color: rgb(0, 131, 26);
796 +.upgrade_to_pro .error{
797 + display:none;
1865 798 }
1866 799
1867 -.upgrade_to_pro {
1868 - padding: 10px 25px 25px;
1869 - max-width: 700px;
1870 - margin: 20px auto !important;
800 +.toplevel_page_formidable #wpbody-content{
801 + padding-bottom:41px;
1871 802 }
1872 803
1873 -.upgrade_to_pro .error {
1874 - display: none;
1875 -}
1876 -
1877 -.toplevel_page_formidable #wpbody-content > .error {
804 +.toplevel_page_formidable #wpbody-content > .error{
1878 805 margin: 1px;
1879 806 padding: 5px 12px;
1880 807 }
1881 808
1882 -.frm_error_style,
1883 -.frm_warning_style,
1884 -.frm_note_style,
1885 809 .frm_message,
1886 -#post-body-content .frm_updated_message,
1887 -div.frm_updated_message {
1888 - border-radius: var(--small-radius);
1889 - background-color: #D5F2DC;
1890 - color: #1E561F;
1891 - padding: var(--gap-sm) var(--gap-md);
1892 - font-size: var(--text-sm);
1893 - margin: var(--gap-sm) 0;
1894 - text-align: left;
810 +.frm_wrap .wrap .frm_updated_message,
811 +div.frm_updated_message{
812 + border-radius:4px;
813 + border: 1px solid #D6E9C6;
814 + background-color: #DFF0D8;
815 + color: #468847;
816 + padding: 10px 15px;
817 + font-size:14px;
818 + margin:5px 0 10px;
1895 819 }
1896 820
1897 -#frm_top_bar + .wrap > .frm_updated_message, #frm_top_bar + .wrap > .frm_warning_style {
1898 - display: inline-block;
1899 - width: 100%;
1900 - box-sizing: border-box;
821 +.frm_message,
822 +.frm_wrap div.frm_updated_message{
823 + margin-left:25px;
824 + margin-right:25px;
1901 825 }
1902 826
1903 -#post-body-content > .frm_updated_message {
1904 - margin: 5px 65px;
827 +.frm_ribbon {
828 + -webkit-transform: rotate(45deg);
829 + -moz-transform: rotate(45deg);
830 + -ms-transform: rotate(45deg);
831 + -o-transform: rotate(45deg);
832 + transform: rotate(45deg);
833 + border: 25px solid transparent;
834 + border-bottom: 25px solid #f37656;
835 + position: absolute;
836 + top: 4px;
837 + right: -38px;
838 + padding: 0 10px;
839 + width: 65px;
840 + color: white;
841 + font-family: sans-serif;
842 + size: 11px;
1905 843 }
1906 844
1907 -#form_global_settings #post-body-content > .frm_updated_message,
1908 -#form_global_settings #post-body-content > .frm_warning_style {
1909 - margin: 5px 25px;
1910 -}
845 +.frm_ribbon span {
846 + position: absolute;
847 + top: 2px;
848 + left: 25px;
849 + font-size: 17px;
850 +}​
1911 851
1912 -.frm_error_style {
1913 - color: #973937;
1914 - background-color: #EBCCCC;
1915 - clear: both;
852 +.update-nag.frm-update-to-pro{
853 + border:none;
854 + border-bottom: 1px solid #d55a1e;
855 + padding: 10px 15px;
856 + display:block;
857 + text-align:center;
858 + background:#f37656;
859 + color:#fff;
860 + font-size:19px;
861 + line-height:2.1em;
862 + margin:0;
1916 863 }
1917 864
1918 -.frm_error_style a {
1919 - text-decoration: underline;
1920 - font-weight: 600;
865 +.update-nag.frm-update-to-pro span{
866 + font-weight:100;
1921 867 }
1922 868
1923 -.frm_error_style svg {
1924 - opacity: .7;
869 +.update-nag.frm-update-to-pro a{
870 + color:#fff;
871 + font-size:18px;
872 + height:auto;
873 + margin:0 15px;
874 + background-color:#d55a1e;
875 + box-shadow: 0 1px 0 #BB3E01;
876 + border-color:transparent;
877 + padding:7px 15px;
1925 878 }
1926 879
1927 -.frm_warning_style {
1928 - color: #7A4D05;
1929 - background-color: #FFF2D2;
880 +.update-nag.frm-update-to-pro a:hover{
881 + background-color:#d55a1e;
882 + color:#fff;
883 + border:1px solid #BB3E01;
1930 884 }
1931 885
1932 -.frm_warning_heading{
1933 - font-weight: bold;
1934 - margin-bottom:4px;
886 +.frm_pro_heading span{
887 + margin-top:10px;
1935 888 }
1936 889
1937 -/* Warning message dismiss */
1938 -.frm_warning_style {
1939 - position: relative;
1940 - padding-right: calc(var(--gap-md) + 15px);
890 +.frm_pro_heading .alignright{
891 + text-align:right;
1941 892 }
1942 893
1943 -body.rtl .frm_warning_style {
1944 - padding-right: var(--gap-md);
1945 - padding-left: calc(var(--gap-md) + 15px);
894 +.upgrade_to_pro a,
895 +.upgrade_to_pro .frm_check_icon{
896 + color:#f37656;
1946 897 }
1947 898
1948 -.frm-warning-dismiss {
1949 - position: absolute;
1950 - top: 10px;
1951 - right: 10px;
1952 - display: flex;
1953 - cursor: pointer;
1954 - transition: opacity 0.2s ease-out;
899 +.widefat.frm_pricing thead th,
900 +.widefat.frm_pricing td{
901 + text-align:center;
1955 902 }
1956 903
1957 -body.rtl .frm-warning-dismiss {
1958 - left: 10px;
1959 - right: auto;
904 +.widefat th.frm_table_break{
905 + background-color:#f37656;
906 + color:#fff;
907 + text-align:center;
1960 908 }
1961 909
1962 -.frm-warning-dismiss:hover {
1963 - opacity: 0.8;
1964 -}
1965 -
1966 -.frm-warning-dismiss.frmsvg,
1967 -.frm-warning-dismiss.frmsvg svg {
1968 - width: 15px;
1969 - height: 15px;
1970 -}
1971 -
1972 -.frm_note_style {
1973 - background: rgba(188, 224, 253, 0.23);
1974 - color: var(--grey-700);
1975 -}
1976 -
1977 -.frm-banner-alert {
1978 - text-align: left;
910 +h2.frm-h2{
911 + color: var(--dark-grey);
912 + border-bottom:1px solid grey;
913 + border-color:var(--light-grey);
914 + font-size:19px !important;
915 + font-weight:500 !important;
916 + padding: 9px 0 5px;
1979 917 margin: 0;
1980 - border-radius: 0;
1981 - padding: 10px 0 10px 40px;
1982 918 }
1983 919
1984 -.frm-banner-alert a {
1985 - color: var(--primary-500);
1986 - font-weight: 400;
1987 - text-decoration: none;
920 +h2.frm-h2 + .howto{
921 + color:var(--medium-grey);
922 + max-width:850px;
1988 923 }
1989 924
1990 -.frm_updated_message ul,
1991 -.frm_updated_message li,
1992 -.frm_warning_style ul,
1993 -.frm_warning_style li,
1994 -.frm_error_style ul,
1995 -.frm_error_style li {
1996 - margin: 0;
1997 -}
1998 -
1999 -.frm-inline-message {
2000 - border: 1px solid var(--primary-700);
2001 - border-radius: var(--small-radius);
2002 - color: var(--primary-700);
2003 - background: #fff;
2004 - text-align: center;
2005 - padding: 20px;
2006 - font-size: var(--text-sm);
2007 - line-height: var(--leading);
2008 -}
2009 -
2010 -.frm-inline-message a {
2011 - text-decoration: underline;
2012 - font-weight: 600;
2013 - color: var(--primary-700);
2014 -}
2015 -
2016 -.frm_pro_heading span {
2017 - margin-top: 10px;
2018 -}
2019 -
2020 -.frm_pro_heading .alignright {
2021 - text-align: right;
2022 -}
2023 -
2024 -.frm-yes {
2025 - color: var(--green);
2026 - font-size: var(--text-xl);
2027 -}
2028 -
2029 -.frm-nope {
2030 - color: var(--grey-400);
2031 - font-size: var(--text-xl);
2032 -}
2033 -
2034 -.upgrade_to_pro a {
2035 - color: var(--orange);
2036 -}
2037 -
2038 -.upgrade_to_pro table .frmsvg {
2039 - height: var(--text-xl);
2040 - width: var(--text-xl);
2041 -}
2042 -
2043 -.upgrade_to_pro table.widefat {
2044 - background-color: #fff;
2045 - border-collapse: collapse;
2046 -}
2047 -
2048 -.frm-white-body .upgrade_to_pro table th,
2049 -.upgrade_to_pro table td {
2050 - padding: 10px 15px;
2051 - border: 1px solid var(--grey-300);
2052 - line-height: var(--leading);
2053 - font-size: var(--text-sm);
2054 -}
2055 -
2056 -.upgrade_to_pro table th.frmcenter {
2057 - text-align: center;
2058 -}
2059 -
2060 -.widefat th.frm_table_break {
2061 - background-color: var(--sidebar-color);
2062 -}
2063 -
2064 -h2.frm-h2 + .howto {
2065 - color: var(--medium-grey);
2066 - max-width: 850px;
2067 - margin: 5px 0 20px;
2068 -}
2069 -
2070 -.frm-admin-page-addons #frm-using-lite {
2071 - display: none;
2072 -}
2073 -
2074 -.frm-admin-page-addons .frm-search {
2075 - margin-top: 0;
2076 -}
2077 -
2078 925 .frm-addons {
2079 - margin-top: var(--gap-lg);
2080 - display: grid;
926 + margin-top:30px;
927 + display:grid;
2081 928 grid-template-columns: 1fr 1fr 1fr;
2082 - grid-gap: var(--gap-md);
929 + grid-gap: 30px 2%;
2083 930 }
2084 931
2085 932 .frm-addons,
2086 933 .frm-addons h2,
2087 -.frm-addons h3 {
2088 - color: var(--grey-700);
934 +.frm-addons h3{
935 + color: var(--dark-grey);
2089 936 }
2090 937
2091 -.frm-addons h2 {
938 +.frm-addons h2{
2092 939 font-size: 17px;
2093 940 }
2094 941
2095 -.frm-addons h3 {
2096 - margin-top: 0;
2097 -}
2098 -
2099 -.frm-card {
942 +.frm-card{
2100 943 width: 100%;
2101 944 border-radius: 10px;
2102 - border: 1px solid var(--grey-300);
2103 - opacity: 1;
2104 - transition: opacity 1s;
945 + border: 1px solid grey;
946 + border-color: var(--light-grey);
947 + opacity:1;
948 + transition:opacity 1s;
2105 949 }
2106 950
2107 -.frm-fade {
2108 - opacity: 0;
2109 - transition: all 1s;
951 +.frm-fade{
952 + opacity:0;
2110 953 }
2111 954
2112 955 /* Add-on tiles */
2113 -.frm-addons .frm-card.frm-addon-not-installed {
2114 - position: relative;
956 +.frm-addons .plugin-card-top{
957 + height:175px;
2115 958 }
2116 959
2117 -.frm-addons .plugin-card-top {
2118 - min-height: 155px;
2119 - padding-top: var(--gap-lg);
2120 - overflow: hidden;
2121 -}
2122 -
2123 960 .frm-addons .plugin-card-top h2 {
2124 - margin-top: 0;
2125 - font-weight: 400;
961 + margin-top: 10px;
962 + font-weight: 400;
2126 963 }
2127 964
2128 -.frm-template-row p,
2129 965 .frm-addons .plugin-card-top p {
2130 - opacity: 0.8;
966 + opacity:0.8;
2131 967 }
2132 968
2133 969 .frm-addons .plugin-card-bottom {
2134 970 padding: 5px 20px 20px;
2135 - text-align: center;
971 + text-align:center;
2136 972 background: transparent;
2137 973 border-top: none;
2138 974 }
2139 975
@@ -2138,1415 +974,364 @@
2138 974 }
2139 975
2140 976 .frm-addons .plugin-card-bottom,
2141 977 .frm-addons .plugin-card-bottom .button {
2142 - font-size: 15px;
978 + font-size:15px;
2143 979 }
2144 980
2145 981 .frm-addons .button {
2146 - float: right;
982 + float:right;
2147 983 }
2148 984
2149 985 .frm-addons .addon-status {
2150 - float: left;
986 + float:left;
2151 987 padding-top: 4px;
2152 988 }
2153 989
2154 990 .frm-addon-active .button {
2155 - visibility: hidden;
991 + visibility:hidden;
2156 992 }
2157 993
2158 -.frm-save-and-reload-options {
2159 - margin-top: 10px;
2160 - font-size: 13px;
2161 -}
2162 -
2163 -.frm-save-and-reload,
2164 -.frm-save-and-reload + .frm-button-secondary {
2165 - visibility: visible !important;
2166 -}
2167 -
2168 994 .addon-status-label {
2169 - opacity: .7;
995 + opacity:.7;
2170 996 }
2171 997
2172 998 .frm-addon-active .addon-status-label {
2173 - color: var(--green);
2174 - opacity: 1;
999 + color: #f37656;
1000 + opacity:1;
2175 1001 }
2176 1002
2177 -.frm-addon-error {
1003 +.frm-addon-error{
2178 1004 position: absolute;
2179 - top: 55px;
2180 - left: 10px;
2181 - right: 10px;
1005 + width: 100%;
2182 1006 font-weight: bold;
2183 1007 text-align: center;
1008 + max-width: 291px;
1009 + margin: 0;
1010 + margin-top: -205px;
1011 + margin-left: -17px;
2184 1012 }
2185 1013
2186 1014 /* Form Templates */
2187 -
2188 -.frm-featured-form .frm-inner-circle {
2189 - margin: 0 auto 5px;
1015 +#frm-templates-page .plugin-card-bottom{
1016 + text-align:left;
2190 1017 }
2191 1018
2192 -.frm-new-template.plugin-card-bottom {
2193 - overflow: visible;
1019 +.frm-new-template.plugin-card-bottom{
1020 + overflow:visible;
2194 1021 }
2195 1022
2196 -#frm-new-template p:first-child {
2197 - margin-top: 0;
1023 +#frm_preview_template_modal .postbox{
1024 + margin-bottom:0;
2198 1025 }
2199 1026
2200 -.frm-admin-page-formidableedit #wpbody-content > *:not(.frm-review-notice):not(.frm_previous_install):not(.frm-banner-alert),
2201 -#wpbody-content > .updated,
2202 -#wpbody-content > #update-nag,
2203 -#wpbody-content > .update-nag,
2204 -#wpbody-content > .notice:not(.frm-review-notice),
2205 -#wpbody-content > .error:not(.frm_previous_install),
2206 -.frm-white-body .updated,
2207 -.frm-white-body .notice:not(.frm-review-notice),
2208 -.frm-white-body .error:not(.frm_previous_install)
2209 -{
2210 - display: none;
1027 +#frm-templates-page .updated,
1028 +.frm-add-new-form .updated,
1029 +#frm-templates-page .notice,
1030 +.frm-add-new-form .notice,
1031 +#frm-templates-page .error,
1032 +.frm-add-new-form .error{
1033 + display:none;
2211 1034 }
2212 1035
2213 -.frm-admin-page-formidableedit #frm_builder_page {
2214 - display: block !important;
1036 +/* Add New Form */
1037 +.wrap.frm-add-new-form{
1038 + margin-top:40px;
2215 1039 }
2216 1040
2217 -.frm-white-body .updated,
2218 -.frm-white-body .notice,
2219 -.frm-white-body .error {
2220 - margin: 0;
2221 - padding: 10px 20px;
2222 -}
2223 -
2224 -.frm-modal .postbox,
2225 -#frm_new_form_modal .postbox {
2226 - max-height: 600px;
2227 - overflow: hidden;
2228 - margin-bottom: 0;
2229 -}
2230 -
2231 -.frm-modal .postbox .frm_modal_top,
2232 -.frm-dialog .frm_common_modal .postbox > div:first-child {
2233 - padding: var(--gap-md) var(--gap-md) 0;
2234 - position: relative;
2235 -}
2236 -
2237 -.frm-modal .postbox .frm-modal-title,
2238 -.frm-dialog .frm_common_modal .postbox > div:first-child > div:first-child {
2239 - display: inline-block;
2240 - font-size: var(--text-xl);
2241 - color: var(--grey-900);
2242 -}
2243 -
2244 -.frm-inline-modal > a.dismiss,
2245 -.frm-modal .postbox > a.dismiss,
2246 -.frm-modal .postbox .frm-modal-title + div:last-child,
2247 -.frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child {
2248 - position: absolute;
2249 - right: 30px;
2250 - top: 25px;
2251 - z-index: 2;
2252 -}
2253 -
2254 -body.rtl .frm-inline-modal > a.dismiss,
2255 -body.rtl .frm-modal .postbox > a.dismiss,
2256 -body.rtl .frm-modal .postbox .frm-modal-title + div:last-child,
2257 -body.rtl .frm-dialog .frm_common_modal .postbox > div:first-child > div:last-child {
2258 - right: unset;
2259 - left: 30px;
2260 -}
2261 -
2262 -.frm-info-modal .postbox > a.dismiss,
2263 -.frm-inline-modal > a.dismiss {
2264 - right: 13px;
2265 - top: 13px;
2266 -}
2267 -
2268 -.frm-modal .postbox .frm-modal-title + div:last-child a,
2269 -.frm-modal a.dismiss .frmsvg,
2270 -.frm_common_modal .frm_modal_top a .frmsvg {
2271 - color: var(--grey-900);
2272 -}
2273 -
2274 -.frm-modal .frm_modal_content > div.inside,
2275 -.frm_common_modal .frm_modal_content > div.inside {
2276 - padding: var(--gap-md);
2277 - margin: 0;
2278 - font-size: var(--text-sm);
2279 - color: var(--grey-700);
2280 -}
2281 -
2282 -.frm_common_modal .postbox {
2283 - display: flex;
2284 - flex-direction: column;
2285 -}
2286 -
2287 -.frm-modal .postbox > div.inside .cta-inside {
2288 - overflow-y: auto;
1041 +.frm-add-new-form .frm-addons .button{
1042 + padding: 5px 0;
2289 1043 height: auto;
2290 - padding: 0 var(--gap-sm);
1044 + width: 90%;
1045 + max-width:205px;
1046 + border-radius: 20px;
1047 + margin-top:30px;
1048 + float:none;
2291 1049 }
2292 1050
2293 -.frm_modal_footer {
2294 - padding: 0 var(--gap-md) var(--gap-sm);
2295 - text-align: right;
1051 +.frm-add-new-form .frm-addons{
1052 + grid-gap: 30px 7%;
1053 + max-width:900px;
2296 1054 }
2297 1055
2298 -body.frm-body-with-open-modal {
2299 - overflow-y: hidden;
1056 +.frm-add-new-form .frm-addons .plugin-card-top{
1057 + height:200px;
1058 + text-align:center;
2300 1059 }
2301 1060
2302 -#frm_new_form_modal .postbox > div.inside {
2303 - max-height: 490px;
2304 - overflow-y: auto;
2305 - overflow-x: hidden;
2306 - margin: 0;
2307 - padding: 10px 0 0;
1061 +.frm-add-new-form .frm-addons .plugin-card-bottom{
1062 + padding-bottom:25px;
2308 1063 }
2309 1064
2310 -#frm_new_form_modal .postbox > div.inside .cta-inside {
2311 - overflow-y: auto;
2312 - height: auto;
2313 - padding: 0 var(--gap-md);
1065 +.frm-add-new-form .frm-addons h2{
1066 + margin-top:1.5em;
1067 + margin-bottom:.7em;
2314 1068 }
2315 1069
2316 -#frm_new_form_modal .accordion-container {
2317 - width: 100%;
1070 +.frm-round-image{
1071 + background: var( --light-blue );
1072 + border: 1px solid var( --blue-border );
1073 + border-radius:50%;
1074 + height:58px;
1075 + width:58px;
1076 + margin:0 auto;
1077 + padding:25px;
1078 + text-align: center;
2318 1079 }
2319 1080
2320 -.frm-templates-list {
2321 - margin-top: 0;
1081 +.frm-round-image img{
1082 + width:48px;
2322 1083 }
2323 1084
2324 -.frm-templates-list.frm_grid_container li {
2325 - margin-bottom: 0;
1085 +#frm_bulk_options{
1086 + height:240px;
1087 + width:335px;
1088 + float:right;
2326 1089 }
2327 1090
2328 -.frm-templates-list li {
2329 - vertical-align: top;
2330 - position: relative;
2331 - box-sizing: border-box;
2332 - border-radius: 6px;
2333 - border: 1px solid transparent;
2334 - text-align: left;
1091 +.frm_no_captcha_text{
1092 + font-weight:bold;
1093 + color:#AA0000;
2335 1094 }
2336 1095
2337 -.frm-templates-list li:not(.frm_hidden) {
2338 - display: inline-block;
1096 +.frm_image_from_url{
1097 + height:50px;
2339 1098 }
2340 1099
2341 -.frm-templates-list.frm-categories-list li {
2342 - width: 100%;
1100 +.frm_pro_tip a,
1101 +.frm_pro_tip span,
1102 +.frm_pro_tip .frm_check1_icon{
1103 + color:#f37656;
2343 1104 }
2344 1105
2345 -.frm-templates-list li.frm-selectable {
2346 - cursor: pointer;
2347 -}
2348 -
2349 -.frm-templates-list li.frm-selectable:hover {
2350 - background: var(--light-blue);
2351 - border-color: rgba(65, 153, 253, 0.5);
2352 -}
2353 -
2354 -.frm-templates-list li.frm-selectable:hover h3,
2355 -.frm-templates-list li.frm-selectable:hover p {
2356 - max-width: calc( 100% - 65px );
2357 -}
2358 -
2359 -.frm-templates-list .frm-featured-form {
2360 - display: flex;
2361 - width: 100%;
2362 -}
2363 -
2364 -.frm-templates-list li .frm-featured-form {
2365 - padding: 7px 5px;
2366 -}
2367 -
2368 -.frm-templates-list li li > div {
2369 - padding-left: 0;
2370 -}
2371 -
2372 -.frm-templates-list li > div > div {
1106 +.frm_pro_tip .frm_check1_icon{
2373 1107 vertical-align: middle;
2374 1108 }
2375 1109
2376 -.frm-templates-list .frm-inner-circle,
2377 -.frm-category-icon, /* Deprecated */
2378 -.frm-icon-wrapper {
2379 - background: var(--primary-500);
2380 - border-radius: var(--small-radius);
2381 - color: #fff;
2382 - width: 40px;
2383 - height: 40px;
2384 - font-size: 18px;
2385 - box-sizing: border-box;
2386 - align-self: center;
2387 - justify-content: center;
2388 - align-items: center;
2389 - display: inline-flex;
1110 +.frm_pro_tip{
1111 + font-size:12px;
1112 + color:#666;
1113 + border:1px solid #f37656;
1114 + display:block;
1115 + padding:5px;
1116 + background:#FBF0EC;
1117 + border-radius:4px;
1118 + text-align:center;
2390 1119 }
2391 1120
2392 -.frm-templates-list .frm-inner-circle .frmsvg {
2393 - vertical-align: top;
1121 +.frm_field_list .frm_pro_tip{
1122 + margin:10px;
2394 1123 }
2395 1124
2396 -.frm-templates-list li .frm-category-icon {
2397 - overflow: hidden;
2398 - align-self: flex-start;
1125 +.nav-tab-wrapper .frm_pro_tip{
1126 + float:right;
2399 1127 }
2400 1128
2401 -.frm-templates-list .frm-template-details {
2402 - /* the content container to the right of the icon in Create new form modal */
2403 - display: inline-block;
2404 - width: calc( 100% - 40px );
2405 - padding-left: var(--gap-sm);
2406 - box-sizing: border-box;
2407 - transform: translateY(-2px);
1129 +.frm_pro_tip:hover{
1130 + color:#666;
2408 1131 }
2409 1132
2410 -.frm-templates-list li h3,
2411 -.frm-templates-list li p {
2412 - text-align: left;
2413 - margin: 0;
2414 - white-space: nowrap;
2415 - text-overflow: ellipsis;
2416 - overflow: hidden;
1133 +.frm_pro_tip:hover span{
1134 + color:#F0430E;
2417 1135 }
2418 1136
2419 -.frm-templates-list li h3,
2420 -.frm-templates-list .frm-install-template h3 {
2421 - font-size: var(--text-sm) !important;
2422 -}
2423 -
2424 -.frm-templates-list .frm-install-template div {
2425 - text-align: left;
2426 -}
2427 -
2428 -#frm_new_form_modal .frm-search {
2429 - width: 100%;
2430 - margin: var(--gap-sm) 0 var(--gap-md);
2431 -}
2432 -
2433 -#frm_leave_email,
2434 -#frm_code_from_email
2435 -{
2436 - width: 480px;
2437 -}
2438 -
2439 -#frm_new_form_modal #template-search-input {
2440 - width: 100%;
2441 -}
2442 -
2443 -#frm-email-block .frm-with-left-icon .frmsvg {
2444 - padding: 0;
2445 - top: 0;
2446 - left: 13px;
2447 -}
2448 -
2449 -#frm_new_form_modal .accordion-container {
2450 - display: inline-block;
2451 - padding: 0;
2452 - border-top: 1px solid var(--grey-300);
2453 - box-sizing: border-box;
2454 - margin: 0 5px;
2455 - width: calc( 100% - 10px );
2456 -}
2457 -
2458 -#frm_new_form_modal .accordion-section-title {
2459 - padding: 0;
2460 -}
2461 -
2462 -#frm_new_form_modal .accordion-section-title:hover,
2463 -.control-section:hover .accordion-section-title,
2464 -#frm_new_form_modal .accordion-section.open .accordion-section-title
2465 -{
2466 - background: #fff !important;
2467 - border-bottom-color: transparent;
2468 -}
2469 -
2470 -#frm_new_form_modal .accordion-section.open:hover {
2471 - border-bottom-color: transparent;
2472 -}
2473 -
2474 -#frm_new_form_modal .accordion-section {
2475 - padding: 8px 0 4px;
2476 -}
2477 -
2478 -#frm_new_form_modal .accordion-section + .accordion-section {
2479 - border-top: 1px solid var(--grey-300);
2480 - border-radius: 0;
2481 -}
2482 -
2483 -.frm-templates-list.frm-categories-list li > div > div:last-child,
2484 -#frm_new_form_modal .accordion-section .frm-featured-form
2485 -{
2486 - padding-left: 0;
2487 -}
2488 -
2489 -#frm_new_form_modal .frm-templates-list.frm-categories-list .accordion-section-title {
2490 - padding-left: var(--gap-sm);
2491 -}
2492 -
2493 -#frm_new_form_modal .frm-templates-list.frm-categories-list li.frm-selectable {
2494 - padding: 0 10px;
2495 - overflow: hidden;
2496 -}
2497 -
2498 -#frm_new_form_modal .accordion-section-content {
2499 - padding: var(--gap-sm);
2500 -}
2501 -
2502 -.frm-hover-icons {
2503 - position: absolute;
2504 - right: 0;
2505 - top: calc( ( 58px - 2px - 22px ) / 2 ); /* Template item height - borders - icon height */
2506 - max-width: 91px;
2507 - height: 100%;
2508 - box-sizing: border-box;
2509 - padding: 0 10px 0 5px !important;
2510 - border-radius: var(--small-radius);
2511 - text-align: right;
2512 - display: flex;
2513 - gap: 5px;
2514 -}
2515 -
2516 -.frm-ready-made-solution .frm-hover-icons {
2517 - visibility: hidden;
2518 -}
2519 -
2520 -.frm-ready-made-solution:hover .frm-hover-icons {
2521 - visibility: visible;
2522 -}
2523 -
2524 -.frm-hover-icons a {
2525 - width: 22px;
2526 - height: 22px;
2527 - font-size: var(--text-md);
2528 - display: inline-flex;
2529 - align-items: center;
2530 - justify-content: center;
2531 - border-radius: 50%;
2532 - box-sizing: border-box;
2533 - line-height: var(--leading);
2534 - text-align: center;
2535 -}
2536 -
2537 -.frm-hover-icons > .frm-preview-form,
2538 -.frm-hover-icons > .frm-delete-form {
2539 - border: 1px solid var(--primary-500);
2540 -}
2541 -
2542 -.frm-hover-icons > .frm-create-form,
2543 -.frm-ready-made-solution .frm-hover-icons a {
2544 - background-color: var(--primary-500);
2545 -}
2546 -
2547 -.frm-hover-icons > a .frmsvg {
2548 - width: 14px;
2549 - height: 14px;
2550 - vertical-align: baseline;
2551 -}
2552 -
2553 -.frm-hover-icons > .frm-preview-form .frmsvg,
2554 -.frm-hover-icons > .frm-delete-form .frmsvg {
2555 - color: var(--primary-500);
2556 -}
2557 -
2558 -.frm-hover-icons > .frm-unlock-form {
2559 - background-color: var(--primary-500);
2560 -}
2561 -
2562 -.frm-hover-icons > .frm-unlock-form .frmsvg {
2563 - background-color: var(--primary-500);
2564 -}
2565 -
2566 -.frm-ready-made-solution .frmsvg {
2567 - width: 14px;
2568 - height: 14px;
2569 -}
2570 -
2571 -.frm-hover-icons .frm-create-form svg,
2572 -.frm-ready-made-solution .frm-hover-icons svg {
2573 - color: #fff;
2574 -}
2575 -
2576 -.frm-hover-icons .frm-create-form:hover,
2577 -.frm-ready-made-solution .frm-hover-icons a:hover,
2578 -.frm-hover-icons > .frm-unlock-form:hover,
2579 -.frm-hover-icons > .frm-unlock-form:hover .frmsvg
2580 -{
2581 - background-color: var(--primary-700) !important;
2582 -}
2583 -
2584 -.frm-hover-icons .frm-preview-form:hover,
2585 -.frm-hover-icons .frm-delete-form:hover
2586 -{
2587 - border: 1px solid var(--primary-700) !important;
2588 -}
2589 -
2590 -.frm-hover-icons .frm-preview-form:hover .frmsvg,
2591 -.frm-hover-icons .frm-delete-form:hover .frmsvg {
2592 - color: var(--primary-700) !important;
2593 -}
2594 -
2595 -.frm-application-card h4 .frmsvg,
2596 -.frm-locked-template h3 .frmsvg {
2597 - height: var(--text-sm);
2598 - width: var(--text-sm);
2599 - vertical-align: text-top;
2600 - color: var(--grey-500);
2601 -}
2602 -
2603 -#frm_new_form_modal .frm-use-this-template {
2604 - margin-left: 10px;
2605 -}
2606 -
2607 -#frm_new_form_modal #frm-preview-block {
2608 - padding: var(--gap-md) var(--gap-lg);
2609 - overflow-x: hidden;
2610 -}
2611 -
2612 -#frm_new_form_modal #frm-details-block {
2613 - padding: var(--gap-md) var(--gap-lg);
2614 -}
2615 -
2616 -.frm-modal-back {
2617 - cursor: pointer;
2618 - margin-right: 4px;
2619 -}
2620 -
2621 -.frm-modal-cancel {
2622 - float: left;
2623 -}
2624 -
2625 -.frm-plan-required-tag {
2626 - margin-left: 5px;
2627 - transform: translateY(-1px);
2628 - background: #FDE6DE;
2629 - color: #F15A24;
2630 -}
2631 -
2632 -.frm-ready-made-solution .frm-meta-tag {
2633 - width: fit-content;
2634 - background: #FDE6DE;
2635 - color: #F15A24;
2636 -}
2637 -
2638 -.frm-meta-tag {
2639 - font-size: 10px;
2640 - padding: 4px 6px;
2641 - border-radius: 4px;
2642 - text-transform: uppercase;
2643 - font-weight: normal;
2644 - display: inline-block;
2645 - line-height: 12px;
2646 -}
2647 -
2648 -#frm_new_form_modal.frm-expired #frm-create-block,
2649 -#frm_new_form_modal.frm-expiring #frm-create-block {
2650 - max-height: 450px;
2651 -}
2652 -
2653 -#frm-create-footer {
2654 - padding: 15px 20px;
2655 -}
2656 -
2657 -#frm_code_from_email_options {
2658 - margin-top: 20px;
2659 -}
2660 -
2661 -#frm_code_from_email_options * {
2662 - color: var(--primary-500);
2663 -}
2664 -
2665 -#frm-email-block p,
2666 -#frm-code-block p,
2667 -#frm-renew-block p
2668 -{
2669 - padding: 0 40px;
2670 - max-width: 400px;
2671 - margin: 0 auto 20px;
2672 -}
2673 -
2674 -li .frm-hover-icons .frm-preview-form,
2675 -.frm-hover-icons .frm-unlock-form,
2676 -.frm-locked-template .frm-hover-icons .frm-create-form,
2677 -#frm_new_form_modal .frm-modal-back ~ span,
2678 -#frm_new_form_modal .postbox > div:first-child ~ div,
2679 -.frm-modal-back,
2680 -#frm_new_form_modal:not([frm-page="create"]) a.dismiss,
2681 -#frm_code_from_email_error span,
2682 -#frm_leave_email_error span,
2683 -#frm_new_form_modal .frm-delete-form,
2684 -#frm-details-block #frm-new-template button,
2685 -#frm-create-title span[frm-type="template"],
2686 -#frm-create-title[frm-type="template"] span[frm-type="form"]
2687 -{
2688 - display: none;
2689 -}
2690 -
2691 -#frm_new_form_modal:not([frm-page="create"]) .frm-modal-back,
2692 -#frm_new_form_modal[frm-page="create"] #frm-create-title,
2693 -#frm-create-title[frm-type="template"] span[frm-type="template"],
2694 -#frm_new_form_modal[frm-page="preview"] #frm-preview-title,
2695 -#frm_new_form_modal[frm-page="details"] #frm-create-title,
2696 -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-title,
2697 -#frm_new_form_modal[frm-page="email"] #frm-email-title,
2698 -#frm_new_form_modal[frm-page="code"] #frm-email-title,
2699 -#frm_new_form_modal[frm-page="renew"] #frm-renew-title,
2700 -#frm_code_from_email_error[frm-error="wrong-code"] span[frm-error="wrong-code"],
2701 -#frm_code_from_email_error[frm-error="empty"] span[frm-error="empty"],
2702 -#frm_code_from_email_error[frm-error="custom"] span[frm-error="custom"],
2703 -#frm_leave_email_error[frm-error="invalid"] span[frm-error="invalid"],
2704 -#frm_leave_email_error[frm-error="empty"] span[frm-error="empty"]
2705 -{
2706 - display: inline-block;
2707 -}
2708 -
2709 -.frm-locked-template .frm-hover-icons .frm-unlock-form,
2710 -li[data-preview] .frm-hover-icons .frm-preview-form,
2711 -#frm_new_form_modal .frm-selectable[data-custom="1"] .frm-hover-icons .frm-delete-form {
2712 - display: inline-flex;
2713 -}
2714 -
2715 -#frm_new_form_modal[frm-page="create"] #frm-create-block,
2716 -#frm_new_form_modal[frm-page="preview"] #frm-preview-block,
2717 -#frm_new_form_modal[frm-page="details"] #frm-details-block,
2718 -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-block,
2719 -#frm_new_form_modal[frm-page="email"] #frm-email-block,
2720 -#frm_new_form_modal[frm-page="code"] #frm-code-block,
2721 -#frm_new_form_modal[frm-page="renew"] #frm-renew-block,
2722 -#frm_new_form_modal[frm-page="create"] #frm-create-footer,
2723 -#frm_new_form_modal[frm-page="preview"] #frm-preview-footer,
2724 -#frm_new_form_modal[frm-page="details"] #frm-details-footer,
2725 -#frm_new_form_modal[frm-page="upgrade"] #frm-upgrade-footer,
2726 -#frm_new_form_modal[frm-page="email"] #frm-email-footer,
2727 -#frm_new_form_modal[frm-page="code"] #frm-code-footer,
2728 -#frm_new_form_modal[frm-page="renew"] #frm-renew-footer
2729 -{
2730 - display: block;
2731 -}
2732 -
2733 -.frm-modal-back svg {
2734 - color: #7F7F7F;
2735 -}
2736 -
2737 -#frm-upgrade-body-list-wrapper > div {
2738 - display: inline-block;
2739 - width: calc( 100% / 3 );
2740 - vertical-align: top;
2741 - text-align: left;
2742 - margin-bottom: 10px;
2743 -}
2744 -
2745 -#frm-upgrade-body-list-wrapper ul {
2746 - padding-left: 40px;
2747 -}
2748 -
2749 -#frm-upgrade-body-list-wrapper ul li:before {
2750 - content: "\2022";
2751 - color: var(--primary-500);
2752 - display: inline-block;
2753 - width: 1em;
2754 - margin-left: -1em;
2755 -}
2756 -
2757 -/* Embed Form Modal */
2758 -
2759 -.frm-embed-modal-content {
2760 - padding: var(--gap-md);
2761 -}
2762 -
2763 -.frm-embed-modal-content.frm-loading-page-options {
2764 - display: flex;
2765 - justify-content: center;
2766 -}
2767 -
2768 -#frm_embed_modal .frm_embed_example {
2769 - background: var(--sidebar-color);
2770 - border: 1px solid var(--sidebar-hover);
2771 - border-radius: var(--small-radius);
2772 - color: var(--grey-900);
2773 - font-size: var(--text-sm);
2774 - padding-right: var(--gap-lg);
2775 - width: 100%;
2776 - height: auto !important;
2777 - resize: none;
2778 -}
2779 -
2780 -#frm_embed_modal textarea.frm_embed_example {
2781 - padding-bottom: 0;
2782 -}
2783 -
2784 -.frm-embed-modal-content > div a {
2785 - position: absolute;
2786 - right: 0;
2787 - top: 0;
2788 -}
2789 -
2790 -.frm-embed-modal-content > div {
2791 - position: relative;
2792 - margin-bottom: var(--gap-sm);
2793 -}
2794 -
2795 -.frm-embed-modal-content > div:last-child {
2796 - margin-bottom: 0;
2797 -}
2798 -
2799 -.frm-embed-modal-content svg[id^="frm_copy_embed_"] {
2800 - position: absolute;
2801 - bottom: calc( ( 38px - 18px ) / 2 ); /* Input height - SVG height */
2802 - right: 10px;
2803 - cursor: pointer;
2804 - opacity: 0.5;
2805 -}
2806 -
2807 -.frm-border-info-box,
2808 -.frm-embed-modal-option {
2809 - border-radius: var(--small-radius);
2810 - border: 1px solid var(--grey-300);
2811 - padding: var(--gap-sm);
2812 - cursor: pointer;
2813 - display: flex;
2814 - gap: var(--gap-sm);
2815 - font-size: var(--text-sm);
2816 -}
2817 -
2818 -.frm-embed-modal-option + .frm-embed-modal-option {
2819 - margin-top: var(--gap-sm);
2820 -}
2821 -
2822 -.frm-collapsed .frmsvg,
2823 -.caret.rotate-270,
2824 -.frm-embed-modal-option .caret {
2825 - align-self: center;
2826 - margin-left: auto;
2827 - transform: rotate(-90deg);
2828 -}
2829 -
2830 -#frm_embed_modal .frm_modal_footer {
2831 - display: none;
2832 -}
2833 -
2834 -#frm_embed_modal.frm-on-page-2 .frm_modal_footer {
2835 - display: block;
2836 -}
2837 -
2838 -.frm-embed-modal-content ul {
2839 - max-height: 300px;
2840 - overflow-y: scroll;
2841 -}
2842 -
2843 -.frm-embed-modal-wrapper.frm-dialog {
2844 - overflow: visible;
2845 -}
2846 -
2847 -/* Bulk Options */
2848 -#frm-bulk-modal .frm_grid_container {
2849 - grid-template-columns: repeat(12, 8.33%);
2850 - grid-gap: 0;
2851 -}
2852 -
2853 -#frm-bulk-modal .frm8 {
2854 - border-right: 1px solid var(--grey-300);
2855 - padding: 10px 20px 10px var(--gap-lg);
2856 -}
2857 -
2858 -#frm-bulk-modal .frm4 {
2859 - padding: 10px 0;
2860 -}
2861 -
2862 -.frm-inline-modal .howto {
2863 - margin: 5px 0 10px;
2864 - color: var(--grey);
2865 -}
2866 -
2867 -.frm-inline-modal .frm_code_list + .howto {
2868 - margin-bottom: 0;
2869 -}
2870 -
2871 -#frm_bulk_options {
2872 - height: 240px;
2873 - width: 100%;
2874 - border: none;
2875 - box-shadow: none;
2876 - padding: 0;
2877 -}
2878 -
2879 -.frm-bulk-edit-link {
2880 - text-align: right;
2881 - font-size: var(--text-sm);
2882 - padding: 0 5px 10px;
2883 -}
2884 -
2885 -.frm-small-add {
2886 - font-size: var(--text-sm) !important;
2887 -}
2888 -
2889 -.frm-small-add span {
2890 - color: var(--primary-500);
2891 - font-size: 12px;
2892 - height: 12px;
2893 - width: 12px;
2894 -}
2895 -
2896 -.frm_no_captcha_text {
2897 - font-weight: bold;
2898 - color: #AA0000;
2899 -}
2900 -
2901 -.frm_image_from_url {
2902 - height: 50px;
2903 -}
2904 -
2905 -.frm-right-panel .inside a.frm_pro_tip,
2906 -a.frm_pro_tip {
2907 - font-size: var(--text-sm);
2908 - display: inline-block;
2909 - color: var(--grey-700);
2910 - background: #FFE7DE;
2911 - border-radius: var(--small-radius);
2912 - padding: 5px 15px;
2913 - margin: 0 auto;
2914 - display: flex;
2915 - align-items: center;
2916 -}
2917 -
2918 -a.frm_pro_tip:hover {
2919 - color: var(--grey-700);
2920 - border-color: var(--primary-500);
2921 -}
2922 -
2923 -a.frm_pro_tip:hover .frmsvg {
2924 - fill: var(--primary-500);
2925 -}
2926 -
2927 -.frm_field_list .frm_pro_tip {
2928 - margin: 10px 15px;
2929 - position: relative;
2930 - width: calc(100% - 30px);
2931 - box-sizing: border-box;
2932 -}
2933 -
2934 -a.frm_pro_tip .frmsvg,
2935 -a.frm_pro_tip i {
2936 - color: var(--orange);
2937 - margin-right: 5px;
2938 -}
2939 -
2940 -a.frm_pro_tip .frmsvg {
2941 - margin-right: 10px;
2942 -}
2943 -
2944 -.frm-tip-info {
2945 - flex: 1;
2946 - text-align: left;
2947 -}
2948 -
2949 -.frm-tip-cta {
2950 - color: var(--orange);
2951 -}
2952 -
2953 -.nav-tab-wrapper .frm_pro_tip {
2954 - float: right;
2955 -}
2956 -
2957 -.frm_pro_tip:hover .frm-tip-cta {
2958 - color: var(--primary-500);
2959 -}
2960 -
2961 1137 /*Switch form dropdown*/
2962 -h1 .fa-caret-down {
2963 - font-size: 18px;
2964 -}
2965 -
2966 -.caret {
2967 - display: inline-block;
2968 - width: 19px;
2969 - height: 9px;
2970 - margin-right: -8px;
2971 - vertical-align: middle;
2972 -}
2973 -
2974 -.caret,
2975 -.wp-admin .frm_wrap select,
2976 -.frm_wrap .frm_form_builder select,
2977 -.frm_wrap .ui-autocomplete-input {
2978 - background: transparent url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23667085%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
2979 - background-size: var(--text-md) var(--text-md);
2980 - padding-right: var(--gap-lg) !important;
2981 -}
2982 -
2983 -.caret {
2984 - padding-right: var(--gap-xs) !important;
2985 -}
2986 -
2987 -.frm-btn-group .caret {
2988 - float: right;
2989 - margin-top: calc( var(--text-md) / 2 );
2990 -}
2991 -
2992 -.dropdown {
2993 - position: relative;
2994 -}
2995 -
2996 -.dropdown-toggle:focus {
2997 - outline: 0;
2998 -}
2999 -
3000 -.frm_wrap .ui-autocomplete,
3001 -#frm_adv_info.frm-dropdown-menu,
3002 -.frm-dropdown-menu {
3003 - /* Copied from .dropdown-menu rules from Bootstrap */
3004 - position: absolute;
3005 - top: 100%;
3006 - left: 0;
3007 - z-index: 1000;
3008 - display: none;
3009 - float: left;
3010 - padding-left: 4px;
3011 - padding-right: 4px;
3012 - margin: var(--gap-xs) 0 0;
3013 - text-align: left;
3014 - list-style: none;
3015 - background: none;
3016 - background-color: #fff;
3017 - background-clip: padding-box;
3018 - border: 1px solid var(--grey-100);
3019 - border-radius: 0.25rem;
3020 - box-shadow: var(--box-shadow-lg);
3021 -
3022 - /* Custom rules */
3023 - max-height: 200px;
3024 - overflow-y: auto;
1138 +.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #AAA;border-right:4px solid transparent;border-left:4px solid transparent;border-bottom:0 dotted;}
1139 +.dropdown{position:relative;}
1140 +.dropdown-toggle:focus{outline:0;}
1141 +.frm-dropdown-menu{
1142 + max-height:200px;
1143 + overflow:auto;
3025 1144 overflow-x: hidden;
3026 - font-size: var(--text-md);
3027 - width: auto;
3028 - min-width: 160px;
1145 + position:absolute;
1146 + top:100%;
1147 + left:0;
1148 + z-index:1000;
1149 + display:none;
1150 + float:left;
1151 + text-align:left;
1152 + min-width:160px;
1153 + width:auto;
1154 + padding:5px 0;
1155 + margin:2px 0 0;
1156 + list-style:none;
1157 + font-size:12px;
1158 + background-color:#ffffff;
1159 + border:1px solid rgba(0, 0, 0, 0.15);
1160 + border-radius:4px;
1161 + -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
1162 + box-shadow:0 6px 12px rgba(0, 0, 0, 0.175);
1163 + background-clip:padding-box;
3029 1164 }
3030 1165
3031 -.frm6 .frm-dropdown-menu {
3032 - min-width: 100px;
3033 - max-width: 99%;
1166 +#frm_bs_dropdown > a{
1167 + font-size:1em;
3034 1168 }
3035 1169
3036 -#frm_bs_dropdown .frm-dropdown-menu {
3037 - max-width: 400px;
1170 +#frm_bs_dropdown .frm-dropdown-menu{
1171 + max-width:400px;
3038 1172 }
3039 1173
3040 -.field_type_list .frm-dropdown-menu {
3041 - min-width: 150px !important;
1174 +.preview .frm-dropdown-menu{
1175 + min-width:60px;
3042 1176 }
3043 -
3044 -#frm_field_group_controls .frm-dropdown-menu,
3045 -.frm-field-action-icons .frm-dropdown-menu {
3046 - min-width: 180px !important;
1177 +.field_type_list .frm-dropdown-menu{
1178 + min-width:150px;
3047 1179 }
3048 1180
3049 -.frm-field-action-icons .frm-dropdown-toggle svg {
3050 - color: #9EA9B8;
3051 -}
1181 +.frm-dropdown-menu.pull-right{right:0;left:auto;}
1182 +.frm-dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5;}
3052 1183
3053 -.multiselect-container.frm-dropdown-menu,
3054 -#search-submit .frm-dropdown-menu {
3055 - min-width: 200px !important;
1184 +.frm-dropdown-menu>li{
1185 + margin:0;
3056 1186 }
3057 -
3058 -.preview .frm-dropdown-menu {
3059 - min-width: 230px !important;
1187 +.frm-dropdown-menu>li>a,
1188 +.frm-dropdown-menu .frm_dropdown_li{
1189 + display:block;
1190 + padding:3px 20px;
1191 + clear:both;
1192 + font-weight:normal;
1193 + line-height:1.428571429;
1194 + color:#333333;
1195 + white-space:nowrap;
1196 + text-decoration:none;
3060 1197 }
3061 -
3062 -.frm-dropdown-menu.dropdown-menu-right {
3063 - right: 0;
3064 - left: auto;
1198 +.frm-dropdown-menu>li>a:hover,.frm-dropdown-menu>li>a:focus{
1199 + text-decoration:none;color:#262626;background-color:#f5f5f5;
3065 1200 }
3066 -
3067 -.frm-dropdown-menu .divider {
3068 - height: 1px;
3069 - margin: 9px 0;
3070 - overflow: hidden;
3071 - background-color: #e5e5e5;
1201 +.frm-dropdown-menu>.active>a,.frm-dropdown-menu>.active>a:hover,.frm-dropdown-menu>.active>a:focus{
1202 + color:#ffffff;text-decoration:none;outline:0;background-color:#428bca;
3072 1203 }
3073 -
3074 -.frm-dropdown-menu > .dropdown-item {
3075 - margin: 0;
1204 +.frm-dropdown-menu>.disabled>a,.frm-dropdown-menu>.disabled>a:hover,.frm-dropdown-menu>.disabled>a:focus{
1205 + color:#999999;
3076 1206 }
3077 -
3078 -.frm-select-list-item,
3079 -.frm_wrap .ui-autocomplete li > div,
3080 -.multiselect-container button.multiselect-option,
3081 -.frm-dropdown-menu > .dropdown-item > a,
3082 -.frm-dropdown-menu .frm_dropdown_li {
3083 - clear: both;
3084 - font-weight: normal;
3085 - white-space: nowrap;
3086 - text-decoration: none;
3087 - border-radius: var(--small-radius);
1207 +.frm-dropdown-menu>.disabled>a:hover,
1208 +.frm-dropdown-menu>.disabled>a:focus{
1209 + text-decoration:none;
1210 + background-color:transparent;
1211 + background-image:none;
1212 + cursor:not-allowed;
3088 1213 }
3089 -
3090 -.frm-dropdown-menu > .active > a,
3091 -.frm-dropdown-menu > .active > a:hover,
3092 -.frm-dropdown-menu > .active > a:focus {
3093 - text-decoration: none;
3094 - outline: 0;
3095 -}
3096 -
3097 -.frm-select-list-item.disabled,
3098 -.frm-dropdown-menu > .disabled > a, .frm-dropdown-menu > .disabled > a:hover, .frm-dropdown-menu > .disabled > a:focus {
3099 - color: #999999;
3100 -}
3101 -
3102 -.frm-select-list-item.disabled:hover,
3103 -.frm-dropdown-menu > .disabled > a:hover,
3104 -.frm-dropdown-menu > .disabled > a:focus {
3105 - text-decoration: none;
3106 - background-color: transparent;
3107 - background-image: none;
3108 - cursor: not-allowed;
3109 -}
3110 -
3111 -.open > .frm-dropdown-menu {
3112 - display: block;
3113 -}
3114 -
3115 -.open > a {
3116 - outline: 0;
3117 -}
3118 -
3119 -.dropdown-header {
3120 - display: block;
3121 - padding: 3px 10px;
3122 - font-size: var(--text-xs);
3123 - color: var(--grey-400);
3124 -}
3125 -
3126 -.dropdown-backdrop {
3127 - position: fixed;
3128 - left: 0;
3129 - right: 0;
3130 - bottom: 0;
3131 - top: 0;
3132 - z-index: 990;
3133 -}
3134 -
3135 -.dropdown-menu-right > .frm-dropdown-menu,
3136 -.pull-right > .frm-dropdown-menu {
3137 - right: 0;
3138 - left: auto;
3139 -}
3140 -
3141 -.navbar-fixed-bottom .dropdown .caret {
3142 - border-top: 0 dotted;
3143 - border-bottom: 4px solid #000000;
3144 - content: "";
3145 -}
3146 -
3147 -.navbar-fixed-bottom .dropdown .frm-dropdown-menu {
3148 - top: auto;
3149 - bottom: 100%;
3150 - margin-bottom: 1px;
3151 -}
3152 -
3153 -.btn {
1214 +.open>.frm-dropdown-menu{display:block;}
1215 +.open>a{outline:0;}
1216 +.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999999;}
1217 +.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990;}
1218 +.pull-right>.frm-dropdown-menu{right:0;left:auto;}
1219 +.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000000;content:"";}
1220 +.navbar-fixed-bottom .dropdown .frm-dropdown-menu{top:auto;bottom:100%;margin-bottom:1px;}
1221 +.btn{
3154 1222 border: 1px solid #ddd;
3155 - background: #fff;
1223 + background:#fff;
1224 + box-shadow:0 1px 2px rgba(0, 0, 0, 0.07) inset;
3156 1225 height: 28px;
3157 - line-height: var(--leading);
1226 + line-height: 1.5;
3158 1227 }
3159 1228
3160 -a.frm_option_icon:before {
3161 - color: var(--primary-500);
3162 - font-size: 22px;
3163 - width: 22px;
3164 - height: 22px;
1229 +a.frm-option-icon:before{
1230 + color: var(--primary-color);
1231 + font-size: 22px;
1232 + width: 22px;
1233 + height: 22px;
3165 1234 }
3166 1235
3167 -a.frm_option_icon:focus::before,
3168 -a.frm_option_icon:hover::before {
3169 - color: var(--primary-700);
1236 +a.frm-option-icon:focus::before,
1237 +a.frm-option-icon:hover::before{
1238 + color:var(--primary-hover);
3170 1239 }
3171 1240
3172 -.frm_top_left .frm-dropdown-toggle {
3173 - color: #999;
1241 +.frm_top_left .frm-dropdown-toggle{
1242 + color:#999;
3174 1243 }
3175 1244
3176 -.frm-card ol {
3177 - margin-left: 15px;
1245 +.frm-card ol{
1246 + margin-left:15px;
3178 1247 }
3179 1248
3180 -.frm-dropdown-toggle {
3181 - text-decoration: none;
1249 +.frm-dropdown-toggle{
1250 + text-decoration:none;
3182 1251 }
3183 1252
3184 -.frm-card .frm-dropdown-toggle {
3185 - border: 1px solid var(--grey-300);
3186 - border-radius: var(--small-radius);
3187 - font-size: 13px;
3188 - color: var(--grey-700);
3189 - padding: 7px 20px;
1253 +.frm-card .frm-dropdown-toggle{
1254 + border:2px solid grey;
1255 + border-color:var(--light-grey);
1256 + border-radius:4px;
1257 + font-size:13px;
1258 + color:var(--dark-grey);
1259 + padding:7px 20px;
3190 1260 }
3191 1261
3192 -.frm_actions_dropdown .frm-dropdown-menu {
3193 - font-size: var(--text-sm);
3194 - color: #5F6C72;
1262 +.frm_actions_dropdown .frm-dropdown-menu{
1263 + font-size:14px;
1264 + color:#5F6C72;
3195 1265 }
3196 1266
3197 -.frm-dropdown-menu .frm_icon_font {
1267 +.frm-dropdown-menu .frm_icon_font{
3198 1268 vertical-align: middle;
3199 - color: #5F6C72;
1269 + color:#5F6C72;
3200 1270 margin-right: 3px;
3201 1271 }
3202 1272
3203 1273 /* BS Multiselect */
3204 -.multiselect-container.frm-dropdown-menu {
3205 - top: auto;
3206 - left: auto;
3207 - font-size: var(--text-sm);
3208 - padding: 4px;
3209 - margin-bottom: 3px;
1274 +.multiselect-container.frm-dropdown-menu{
1275 + top:auto;
1276 + left:auto;
1277 + font-size:14px;
1278 + padding-top:3px;
3210 1279 }
3211 1280
3212 -.frm-right-panel .accordion-section-content {
3213 - background: transparent;
3214 - padding: 0;
3215 - overflow: initial;
1281 +.accordion-container .frm-dropdown-menu{
1282 + min-width:40px;
3216 1283 }
3217 -
3218 -.frm-right-panel .accordion-section-content > .inside {
3219 - padding: 0 0 var(--gap-xs);
3220 -}
3221 -
3222 -.frm-right-panel .accordion-section-content .inside a {
3223 - font-size: inherit;
3224 -}
3225 -
3226 -#post-body-content + .frm-right-panel h3.accordion-section-title {
3227 - padding: 7px 10px 8px 14px;
3228 - font-size: var(--text-md);
3229 - color: var(--grey-700);
3230 -}
3231 -
3232 -.frm-right-panel .control-section.open h3 {
3233 - border-bottom: none;
3234 -}
3235 -
3236 -.js .frm-right-panel .control-section.open .accordion-section-title,
3237 -.js .frm-right-panel .control-section .accordion-section-title:focus,
3238 -.js .frm-right-panel .control-section .accordion-section-title:hover {
3239 - background: transparent;
3240 - color: var(--grey-900);
3241 -}
3242 -
3243 -.js .frm-right-panel .control-section .accordion-section-title:hover:before {
3244 - color: var(--grey-700);
3245 -}
3246 -
3247 -.frm-with-line,
3248 -.accordion-section-content h4 {
3249 - font-size: var(--text-md);
3250 - font-weight: 400;
3251 - margin: 20px -20px 10px;
3252 - padding: 0 20px;
3253 - color: var(--grey-700);
3254 - position: relative;
3255 - border: none !important;
3256 -}
3257 -
3258 -.frm-with-line span,
3259 -.accordion-section-content h4 span {
3260 - background: #fff;
3261 - padding: 0 10px;
3262 - position: relative;
3263 - display: inline-block;
3264 - z-index: 2;
3265 -}
3266 -
3267 -.accordion-section-content h4 span {
3268 - background: var(--sidebar-color);
3269 -}
3270 -
3271 -.frm-right-panel .frm-with-line span {
3272 - background: var(--sidebar-color) !important;
3273 - margin-left: -4px;
3274 -}
3275 -
3276 -.frm-right-panel .frm-inline-modal .frm-with-line span {
3277 - background: #fff !important;
3278 -}
3279 -
3280 -.frm-with-line:before,
3281 -.accordion-section-content h4:before {
3282 - content: '';
3283 - display: block;
3284 - position: absolute;
3285 - border-bottom: 1px solid var(--grey-300);
3286 - left: 0;
3287 - width: 100%;
3288 - top: 50%;
3289 -}
3290 -
3291 -.frm-right-panel .accordion-section {
3292 - border: none;
3293 - position: relative;
3294 -}
3295 -
3296 -.frm-right-panel .accordion-section-title:before,
3297 -.frm-right-panel .accordion-section-title:after,
3298 -#frm_new_form_modal .accordion-section-title:after
3299 -{
3300 - content: "\e913" !important;
3301 - font-family: "s11-fp" !important;
3302 - font-size: 18px;
3303 - font-variant: normal;
3304 - text-rendering: auto;
3305 - vertical-align: text-top;
3306 -}
3307 -
3308 -#frm_new_form_modal .accordion-section.open .accordion-section-title:after {
3309 - transform: rotate(90deg);
3310 -}
3311 -
3312 -.frm-right-panel .accordion-section-title:after {
3313 - top: calc(50% - 10px) !important;
3314 -}
3315 -
3316 -.frm-right-panel .open .accordion-section-title:after {
3317 - content: "\e62a" !important;
3318 -}
3319 -
3320 -.frm-right-panel .accordion-section-title:before {
3321 - content: "\f1de" !important;
3322 - color: var(--grey);
3323 - font-size: 17px !important;
3324 - margin: 0 10px 0 0;
3325 -}
3326 -
3327 -.form-title-style .accordion-section-title:before,
3328 -.section-fields-style .accordion-section-title:before {
3329 - content: "\f1dc" !important;
3330 -}
3331 -
3332 -.form-description-style .accordion-section-title:before {
3333 - content: "\e90f" !important;
3334 -}
3335 -
3336 -.field-colors-style .accordion-section-title:before {
3337 - content: "\e96d" !important;
3338 -}
3339 -
3340 -.field-sizes-style .accordion-section-title:before {
3341 - content: "\e920" !important;
3342 -}
3343 -
3344 -.field-labels-style .accordion-section-title:before {
3345 - content: "\e953" !important;
3346 -}
3347 -
3348 -.field-description-style .accordion-section-title:before{
3349 - content: "\e611" !important;
3350 -}
3351 -
3352 -.check-box-radio-fields-style .accordion-section-title:before{
3353 - content: "\f14a" !important;
3354 -}
3355 -
3356 -.buttons-style .accordion-section-title:before{
3357 - content: "\e911" !important;
3358 -}
3359 -
3360 -.repeater-fields-style .accordion-section-title:before{
3361 - content: "\e974" !important;
3362 -}
3363 -
3364 -.toggle-fields-style .accordion-section-title:before{
3365 - content: "\f205" !important;
3366 -}
3367 -
3368 -.slider-fields-style .accordion-section-title:before{
3369 - content: "\f386" !important;
3370 -}
3371 -
3372 -.form-messages-style .accordion-section-title:before{
3373 - content: "\e915" !important;
3374 -}
3375 -
3376 -.date-fields-style .accordion-section-title:before{
3377 - content: "\f073" !important;
3378 -}
3379 -
3380 -.progress-bars-style .accordion-section-title:before{
3381 - content: "\e939" !important;
3382 -}
3383 -
3384 -#frm_view_editor_left.frm-right-panel .accordion-section-title,
3385 -.frm-right-panel h3.accordion-section-title {
3386 - padding: 15px 20px;
3387 - background: var(--sidebar-color);
3388 - line-height: var(--leading);
3389 - color: var(--grey-700);
3390 - font-size: var(--text-lg);
3391 - font-weight: 400;
3392 -}
3393 -
3394 -.control-section .accordion-section-title:after, /** Form template list */
3395 -.customize-pane-child .accordion-section-title:after {
3396 - top: 15px;
3397 -}
3398 -
3399 -.accordion-container .frm-dropdown-menu {
3400 - min-width: 40px;
3401 -}
3402 -
3403 -.frm-btn-group .multiselect.dropdown-toggle {
3404 - box-sizing: border-box;
3405 - min-height: unset;
3406 -}
3407 -
3408 1284 .accordion-container .frm-dropdown-menu:before,
3409 -.accordion-container .multiselect.dropdown-toggle:before {
3410 - font-family: "s11-fp" !important;
1285 +.accordion-container .multiselect.dropdown-toggle:before{
1286 + font-family:"s11-fp" !important;
3411 1287 }
3412 -
3413 -.multiselect-container {
3414 - position: absolute;
3415 - list-style-type: none;
3416 - margin: 0;
3417 - padding: 0;
3418 - width: 100%;
3419 - max-width: 250px;
1288 +.multiselect-container.frm-dropdown-menu input[type=radio]{
1289 + display:none;
3420 1290 }
3421 -
3422 -.multiselect-container button.multiselect-option {
3423 - width: 100%;
3424 - text-align: left;
3425 - border: none;
3426 - margin-bottom: 4px;
1291 +.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}
1292 +.multiselect-container .input-group{margin:5px}
1293 +.multiselect-container>li{
1294 + padding:0;
1295 + margin:0;
3427 1296 }
3428 -
3429 -.multiselect-container button.multiselect-option label {
3430 - margin-left: 5px;
1297 +.multiselect-container>li>a.multiselect-all label{font-weight:700}
1298 +.multiselect-container>li>label.multiselect-group{margin:0;padding:3px 20px;height:100%;font-weight:700}
1299 +.multiselect-container>li>a{padding:0}
1300 +.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px;}
1301 +.accordion-container .multiselect-container > li > a > label{
1302 + padding:3px 19px 3px 7px;
3431 1303 }
3432 -
3433 -.accordion-container .multiselect-container label {
3434 - padding: 3px 19px 3px 7px;
1304 +.multiselect-container>li>a>label.radio,
1305 +.multiselect-container>li>a>label.checkbox{margin:0}
1306 +.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}
1307 +.frm-btn-group.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}
1308 +.form-inline .multiselect-container label.checkbox,
1309 +.form-inline .multiselect-container label.radio{padding:3px 20px;}
1310 +.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
1311 +.form-inline .multiselect-container li a label.radio input[type=radio]{
1312 + margin-left:-20px;margin-right:0;
3435 1313 }
3436 -
3437 -.frm-btn-group.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
3438 - border-top-left-radius: 4px;
3439 - border-bottom-left-radius: 4px
3440 -}
3441 -
3442 1314 .frm-btn-group.btn-group, .frm-btn-group.btn-group-vertical {
3443 - display: block;
1315 + display: inline-block;
1316 + position: relative;
1317 + vertical-align: middle;
3444 1318 }
3445 1319
3446 -.multiselect-option label {
3447 - max-width: calc(100% - 22px);
3448 - text-overflow: ellipsis;
3449 - overflow: hidden;
3450 - white-space: nowrap;
3451 -}
1320 +.frm_scale{text-align:center;float:left;margin-right:10px;}
1321 +.frm_scale input{display:block;margin:5px}
3452 1322
3453 -.frm_scale {
3454 - text-align: center;
3455 - float: left;
3456 - margin-right: 10px;
1323 +.frm_multi_fields_container{
1324 + float:left;
3457 1325 }
3458 -
3459 -.frm_scale input {
3460 - display: block;
3461 - margin: 5px
3462 -}
3463 -
3464 -.frm_multi_fields_container {
3465 - float: left;
3466 -}
3467 -
3468 1326 .frm_multi_fields_container,
3469 -.frm_form_builder .frm_form_fields input[type=tel]
3470 1327 .frm_form_builder .frm_form_fields input[type=range],
3471 -.frm_form_builder .frm_form_fields input[type=text] {
3472 - width: 100%;
3473 - height: auto;
1328 +.frm_form_builder .frm_form_fields input[type="text"]{
1329 + width:100%;
1330 + max-width:400px;
1331 + height:auto;
3474 1332 }
3475 1333
3476 -.frm_form_builder .frm_time_wrap .frm_time_sep {
3477 - vertical-align: sub;
3478 - vertical-align: -webkit-baseline-middle;
3479 -}
3480 -
3481 -.frm_form_builder input[type=range]::-webkit-slider-runnable-track {
3482 - background-color: var(--blue-border);
3483 -}
3484 -
3485 -.frm_form_builder input[type=range]::-moz-range-track {
3486 - background-color: var(--blue-border);
3487 -}
3488 -
3489 -.frm_form_builder input[type=range]::-ms-fill-lower {
3490 - background-color: var(--blue-border);
3491 -}
3492 -
3493 -.frm_form_builder input[type=range]::-ms-fill-upper {
3494 - background-color: var(--blue-border);
3495 -}
3496 -
3497 -.frm-embed-field-placeholder {
3498 - text-align: center;
3499 - height: 145px;
3500 - display: flex;
3501 - align-items: center;
3502 - justify-content: center;
3503 -}
3504 -
3505 -.frm-fake-field {
3506 - display: block;
3507 - height: 25px;
3508 - background-color: var(--light-blue);
3509 - border: 1px solid var(--grey-300);
3510 - margin: 10px 0;
3511 - border-radius: var(--small-radius);
3512 -}
3513 -
3514 -.frm-embed-message {
3515 - position: absolute;
3516 - background: #fff;
3517 - border: 1px solid var(--grey-300);
3518 - color: var(--grey-700);
3519 - padding: var(--gap-md);
3520 - font-size: var(--text-lg);
3521 - max-width: 200px;
3522 - min-width: 50%;
3523 - margin: 0 var(--gap-md);
3524 - overflow: hidden;
3525 - text-overflow: ellipsis;
3526 -}
3527 -
3528 -.frm-summary-message {
3529 - top: 50%;
3530 - left: 50%;
3531 - padding: 15px 0;
3532 - font-size: var(--text-md);
3533 - transform: translate(-50%, -50%);
3534 -}
3535 -
3536 -.frm-summary-learn-more {
3537 - font-size: inherit !important;
3538 -}
3539 -
3540 -.frm-single-settings .frm-embed-message {
3541 - width: 100%;
3542 - position: static;
3543 - border-radius: var(--small-radius);
3544 -}
3545 -
3546 -#new_fields input[type=text],
3547 -#new_fields input[type=number],
3548 -.frm_field_box .frm_form_fields > textarea,
3549 1334 .frm_form_fields .frm_form_field > textarea,
3550 1335 .frm_form_fields .frm_form_field > input[type=email],
3551 1336 .frm_form_fields .frm_form_field > input[type=url],
3552 1337 .frm_form_fields .frm_form_field > input[type=number],
@@ -3551,324 +1336,134 @@
3551 1336 .frm_form_fields .frm_form_field > input[type=url],
3552 1337 .frm_form_fields .frm_form_field > input[type=number],
3553 1338 .frm_form_fields .frm_form_field > input[type=tel],
3554 1339 .frm_form_fields .frm_form_field > input[type=text],
3555 -.frm_form_fields .frm_form_field > input[type=range] {
3556 - width: 100%;
1340 +.frm_form_fields .frm_form_field > input[type=range]{
1341 + width:100%;
3557 1342 }
3558 1343
3559 -.frm_form_fields textarea.wp-editor-area {
3560 - width: 100%;
3561 - border: none;
1344 +.frm_form_fields textarea.wp-editor-area{width:100%;border:none;}
1345 +.frm_form_fields input[type="file"], .frm_form_fields input[type="file"]:disabled{
1346 + background:transparent;
1347 + border:none;
1348 + box-shadow:none;
1349 + width:auto;
3562 1350 }
3563 -
3564 -.frm_form_fields input[type="file"], .frm_form_fields input[type="file"]:disabled {
3565 - background: transparent;
3566 - border: none;
3567 - box-shadow: none;
3568 - width: auto;
1351 +.frm_form_fields select{
1352 + width:auto;
1353 + max-width:100%;
3569 1354 }
3570 -
3571 -.frm_form_fields select {
3572 - width: auto;
3573 - max-width: 100%;
3574 -}
3575 -
3576 1355 input[type="radio"],
3577 -input[type="checkbox"] {
3578 - width: 16px;
3579 - padding: 0;
1356 +input[type="checkbox"]{
1357 + width:16px;
1358 + padding:0;
3580 1359 }
1360 +.frm_catlevel_2, .frm_catlevel_3, .frm_catlevel_4, .frm_catlevel_5{margin-left:18px;}
1361 +.frm_form_fields input.auto_width, .frm_form_fields select.auto_width, .frm_form_fields textarea.auto_width{width:auto;}
3581 1362
3582 -.frm_wrap .frm-number-range + .frm_last input,
3583 -.frm_wrap .frm-number-range input {
3584 - text-align: center;
3585 - font-weight: 600;
3586 -}
3587 -
3588 -.frm_wrap .frm-number-range input[type=number],
3589 -.frm_wrap .frm-number-range input[type=text] {
3590 - color: var(--primary-700);
3591 -}
3592 -
3593 -.frm-range-min {
3594 - position: relative;
3595 -}
3596 -
3597 -.frm-range-min:after {
3598 - content: '';
3599 - height: 3px;
3600 - width: 10px;
3601 - border-radius: 30%;
3602 - background: var(--primary-700);
3603 - position: absolute;
3604 - top: 17px;
3605 - right: -28%;
3606 -}
3607 -
3608 -.frm_grid_container > p,
3609 -.frm_grid_container > p.frm_form_field,
3610 -.frm_grid_container > div.frm_form_field,
3611 -#new_fields .frm_grid_container > p {
3612 - margin-top: 8px;
3613 - margin-bottom: 8px;
3614 - margin-right: 0;
3615 -}
3616 -
3617 -#new_fields div.frm_grid_container > .frm_primary_label {
3618 - margin-top: 8px;
3619 -}
3620 -
3621 -#new_fields .frm_primary_label + p,
3622 -#new_fields .frm_primary_label + .frm6 + .frm6,
3623 -#new_fields .frm_primary_label + .frm6 + .frm-inline-modal + .frm6 {
3624 - margin-top: 0;
3625 -}
3626 -
3627 -.frm_catlevel_2, .frm_catlevel_3, .frm_catlevel_4, .frm_catlevel_5 {
3628 - margin-left: 18px;
3629 -}
3630 -
3631 -.frm_wrap .frm-fields .auto_width,
3632 -.frm_form_fields input.auto_width, .frm_form_fields select.auto_width, .frm_form_fields textarea.auto_width {
3633 - width: auto !important;
3634 -}
3635 -
3636 -.frm_form_fields select.auto_width {
3637 - min-width: 60px;
3638 -}
3639 -
3640 1363 .frm_form_fields input:focus, .frm_form_fields select:focus,
3641 -.frm_form_fields textarea:focus, .frm_focus_field input {
3642 - background-color: #fff;
3643 - border-color: #ddd;
3644 -}
1364 +.frm_form_fields textarea:focus, .frm_focus_field input{background-color:#fff;border-color:#ddd;}
3645 1365
3646 -.frm_form_builder .frm_radio,
3647 -.frm_form_builder .frm_checkbox {
3648 - display: block;
3649 - margin-bottom: 2px;
1366 +.frm_radio,
1367 +.frm_checkbox{
1368 + display:block;
3650 1369 }
3651 -
3652 -.frm_form_builder .frm_radio label,
3653 -.frm_form_builder .frm_checkbox label {
3654 - font-size: var(--text-sm);
1370 +.frm_radio label,
1371 +.frm_checkbox label{
1372 + font-size:12px;
1373 + color:#302c3f;
1374 + font-weight:normal;
1375 + display:inline;
3655 1376 }
3656 -
3657 -/* Start copied front-end CSS */
3658 -.horizontal_radio .frm_radio,
3659 -.horizontal_radio .frm_checkbox {
3660 - margin-right: 5px;
3661 - display: inline-block;
3662 -}
3663 -
3664 -.frm_form_field.frm_two_col .frm_opt_container,
3665 -.frm_form_field.frm_three_col .frm_opt_container,
3666 -.frm_form_field.frm_four_col .frm_opt_container{
3667 - display: grid;
3668 - grid-template-columns: repeat(2, 1fr);
3669 - grid-auto-rows: max-content;
3670 - grid-gap: 0 2.5%;
3671 -}
3672 -
3673 -.frm_form_field.frm_three_col .frm_opt_container{
3674 - grid-template-columns: repeat(3, 1fr);
3675 -}
3676 -
3677 -.frm_form_field.frm_four_col .frm_opt_container{
3678 - grid-template-columns: repeat(4, 1fr);
3679 -}
3680 -
3681 -.frm_form_field.frm_two_col .frm_radio,
3682 -.frm_form_field.frm_two_col .frm_checkbox,
3683 -.frm_form_field.frm_three_col .frm_radio,
3684 -.frm_form_field.frm_three_col .frm_checkbox,
3685 -.frm_form_field.frm_four_col .frm_radio,
3686 -.frm_form_field.frm_four_col .frm_checkbox{
3687 - grid-column-end: span 1;
3688 -}
3689 -/* End copied */
3690 -
3691 -.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],
3692 -.frm_wrap .with_frm_style .frm_radio input[type=radio],
3693 -.frm_wrap input[type=checkbox],
3694 -.frm-white-body input[type=checkbox],
3695 -.field-group input[type=checkbox],
3696 -.frm_scale input[type=radio],
3697 -.frm_radio input[type=radio],
3698 -.frm_checkbox input[type=checkbox] {
3699 - border: 1px solid var(--grey-300);
3700 - box-shadow: none;
3701 - -webkit-appearance: none;
3702 -}
3703 -
3704 -
3705 -.frm_wrap .with_frm_style .frm_checkbox input[type=checkbox],
3706 -.frm_wrap input[type=checkbox],
3707 -.frm-white-body input[type=checkbox],
3708 -.field-group input[type=checkbox],
3709 -.frm_checkbox input[type=checkbox] {
3710 - border-radius: 4px;
3711 -}
3712 -
3713 -.frm-white-body input[type="checkbox"]:checked,
3714 -.frm_wrap input[type="checkbox"]:checked {
3715 - background-color: var(--primary-500);
3716 - border-color: var(--primary-500) !important;
3717 -}
3718 -
3719 -.frm-white-body input[type="checkbox"]:checked:focus,
3720 -.frm_wrap input[type="checkbox"]:checked:focus {
3721 - border-color: var(--primary-500);
3722 -}
3723 -
3724 -.frm-white-body input[type="checkbox"]:checked::before,
3725 -.frm_wrap input[type="checkbox"]:checked::before {
3726 - content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2010%2010%27%3E%3Cpath%20d%3D%27M9.2%202c.2.3.2.7%200%201l-5%205c-.3.2-.6.2-.9%200L.8 5.3a.6.6%200%200%201%20.9-.8l2%202%204.6-4.5c.3-.3.6-.3.9%200Z%27%20fill%3D%27%23fff%27%2F%3E%3C%2Fsvg%3E");
3727 - height: 12px;
3728 - width: 12px;
3729 - margin: 1px;
3730 -}
3731 -
3732 1377 .frm_radio input[type="radio"],
3733 -.frm_checkbox input[type="checkbox"] {
3734 - margin-right: 5px;
1378 +.frm_checkbox input[type="checkbox"]{
1379 + margin-right:5px;
1380 + width:auto;
3735 1381 }
3736 1382
3737 -.frm_single_entry_page .with_frm_style .frm_radio input[type=radio] {
3738 - margin: 5px 0;
3739 - width: 18px;
3740 - position: relative; /* override Bootstrap */
3741 -}
3742 -
3743 -.frm_single_entry_page .with_frm_style .frm_radio input[type=radio]:before {
3744 - position: relative !important;
3745 - left: calc(50% - 6px);
3746 - top: calc(50% - 6px);
3747 - margin: 0 !important;
3748 -}
3749 -
3750 1383 .frm_inner_field_container {
3751 - margin-bottom: 10px;
1384 + margin-bottom:10px;
3752 1385 }
3753 1386
3754 1387 .frm_conf_inline .frm_inner_field_container,
3755 -.frm_conf_inline .frm_inner_conf_container {
3756 - width: 49%;
3757 - float: left;
1388 +.frm_conf_inline .frm_inner_conf_container{
1389 + width:192px;
1390 + float:left;
3758 1391 }
3759 -
3760 -.frm_conf_inline .frm_inner_field_container {
3761 - margin-right: 2%;
3762 - clear: both;
1392 +.frm_conf_inline .frm_inner_field_container{
1393 + margin-right:16px;
1394 + clear:both;
3763 1395 }
3764 -
3765 -.frm_inner_field_container > label {
3766 - text-overflow: ellipsis;
3767 - overflow: hidden;
3768 - white-space: nowrap;
3769 -}
3770 -
3771 -.frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > label,
3772 -.frm_field_box .divider_section_only:hover > .frm_inner_field_container > label,
3773 -li.ui-state-default.selected > .frm_inner_field_container > label {
3774 - max-width: calc(100% - 100px);
3775 -}
3776 -
3777 -.frm-drag-fade {
3778 - background-color: var(--lightest-grey) !important;
3779 - border-radius: 4px;
3780 -}
3781 -
3782 -.frm-drag-fade * {
3783 - opacity: 0;
3784 -}
3785 -
3786 -.frm-dragging .divider_section_only,
3787 -.frm-dragging .frm_field_box {
3788 - pointer-events: none;
3789 -}
3790 -
3791 -.frm_form_settings #op-popup, /* 1Password */
3792 -.frm_form_settings com-1password-op-button,
3793 -.frm_conf_below .frm_conf_field_container .frm_primary_label,
3794 1396 .frm_conf_inline .frm_inner_field_container .frm-show-click a,
3795 -.frm_conf_below .frm_conf_field_container .frm-show-click a {
3796 - display: none !important;
1397 +.frm_conf_below .frm_conf_field_container .frm-show-click a{
1398 + display:none !important;
3797 1399 }
3798 -
3799 -.frm_conf_inline .frm_inner_field_container .frm-field-action-icons {
3800 - position: absolute;
3801 - right: 5px;
1400 +.frm_conf_below .frm_conf_field_container{
1401 + margin-top:10px;
3802 1402 }
3803 1403
3804 -.frm_conf_below .frm_conf_field_container {
3805 - margin-top: 10px;
1404 +.frm_calc_dec{
1405 + width:50px;
3806 1406 }
3807 1407
3808 -.frm_calc_dec {
3809 - width: 50px;
1408 +.frm_form_fields div.star{
1409 + height:auto;
1410 + left:auto;
1411 + top:auto;
1412 + letter-spacing:normal;
1413 + position:static;
3810 1414 }
1415 +.frm_form_fields div.star a, .frm_form_fields div.star a:hover, .frm_form_fields div.star a:visited{position:static;right:auto;}
3811 1416
3812 -.frm_ext_sc {
3813 - display: none;
1417 +.frm_ext_sc{display:none;}
1418 +.frm_long_input{
1419 + width: 100% !important;
1420 + box-sizing: border-box;
3814 1421 }
3815 1422
3816 -.frm_long_input {
3817 - width: 100% !important;
3818 - box-sizing: border-box;
1423 +img.frm_help{
1424 + margin-left:2px;
1425 + vertical-align:middle;
1426 + padding-bottom:2px;
3819 1427 }
3820 1428
3821 -.frmcenter {
3822 - text-align: center;
1429 +.frm-loading-img{
1430 + background:url(../images/ajax_loader.gif) no-repeat center center;
1431 + padding:6px 12px;
1432 + visibility:hidden;
3823 1433 }
3824 -
3825 -img.frm_help {
3826 - margin-left: 2px;
3827 - vertical-align: middle;
3828 - padding-bottom: 2px;
1434 +.frm_spinner.spinner{
1435 + float:left;
3829 1436 }
3830 1437
3831 -/* Loading */
3832 -.frm_spinner.frm-wait,
3833 -.frm_spinner.spinner {
3834 - float: left;
3835 - visibility: hidden;
3836 - margin: 0 10px;
1438 +.frm_visible_spinner.spinner{
1439 + visibility:visible;
1440 + float:none;
3837 1441 }
3838 1442
3839 -.frm_visible_spinner.frm-wait,
3840 -.frm_visible_spinner.spinner {
3841 - visibility: visible;
1443 +.frm_form_action_settings .frm_spinner.spinner{
1444 + visibility:visible;
3842 1445 float: none;
1446 + vertical-align: bottom;
3843 1447 }
3844 1448
3845 -.frm_form_action_settings .frm_spinner.frm-wait,
3846 -.frm_form_action_settings .frm_spinner.spinner {
3847 - visibility: visible;
3848 - float: none;
3849 - vertical-align: bottom;
3850 -}
3851 -
3852 -.frm_form_action_settings .frm_loading {
1449 +.frm_form_action_settings .frm_loading{
3853 1450 font-size: 15px;
3854 1451 text-align: center;
3855 1452 }
3856 1453
3857 -.frm_ajax_settings_tab .frm-wait,
3858 -.frm_ajax_settings_tab .spinner {
3859 - visibility: visible;
3860 - float: none;
1454 +.frm_ajax_settings_tab .spinner{
1455 + visibility:visible;
1456 + float:none;
3861 1457 margin-top: 20px;
3862 1458 }
3863 1459
3864 -.wp-core-ui .frm_loading_button.button-primary.frm-button-primary,
3865 1460 .frm_loading_button,
3866 1461 .frm_loading_form.frm_button_submit {
3867 - position: relative !important;
3868 - opacity: .8;
3869 - color: transparent !important;
3870 - text-shadow: none !important;
1462 + position: relative !important;
1463 + opacity: .8;
1464 + color: transparent !important;
1465 + text-shadow: none !important;
3871 1466 }
3872 1467
3873 1468 .frm_loading_button:hover,
3874 1469 .frm_loading_button:active,
@@ -3875,95 +1470,59 @@
3875 1470 .frm_loading_button:focus,
3876 1471 .frm_loading_form.frm_button_submit:hover,
3877 1472 .frm_loading_form.frm_button_submit:active,
3878 1473 .frm_loading_form.frm_button_submit:focus {
3879 - cursor: not-allowed;
3880 - color: transparent !important;
3881 - outline: none !important;
3882 - box-shadow: none;
1474 + cursor: not-allowed;
1475 + color: transparent !important;
1476 + outline: none !important;
1477 + box-shadow: none;
3883 1478 }
3884 1479
3885 -.frm-wait {
3886 - margin: 20px;
3887 - width: 20px;
3888 - height: 20px;
3889 - position: relative;
3890 - display: inline-block;
3891 -}
3892 -
3893 -#frm-show-fields .frm-wait:only-child {
3894 - position: absolute;
3895 - left: 50px;
3896 - top: 30px;
3897 -}
3898 -
3899 -.frm-wait:before,
3900 1480 .frm_loading_button:before,
3901 1481 .frm_loading_form.frm_button_submit:before {
3902 - content: '';
3903 - display: inline-block;
1482 + content: '';
1483 + display: inline-block;
3904 1484
3905 - position: absolute;
3906 - background: transparent;
3907 - border: 1px solid #fff;
3908 - border-top-color: transparent;
3909 - border-left-color: transparent;
3910 - border-radius: 50%;
1485 + position: absolute;
1486 + background: transparent;
1487 + border: 1px solid #fff;
1488 + border-top-color: transparent;
1489 + border-left-color: transparent;
1490 + border-radius: 50%;
3911 1491
3912 - box-sizing: border-box;
3913 - top: 50%;
3914 - left: 50%;
3915 - margin-top: -10px;
3916 - margin-left: -10px;
3917 - width: 20px;
3918 - height: 20px;
1492 + box-sizing: border-box;
1493 + top: 50%;
1494 + left: 50%;
1495 + margin-top: -10px;
1496 + margin-left: -10px;
1497 + width: 20px;
1498 + height: 20px;
3919 1499
3920 - -webkit-animation: spin 2s linear infinite;
3921 - -moz-animation: spin 2s linear infinite;
3922 - -o-animation: spin 2s linear infinite;
3923 - animation: spin 2s linear infinite;
1500 + -webkit-animation: spin 2s linear infinite;
1501 + -moz-animation: spin 2s linear infinite;
1502 + -o-animation: spin 2s linear infinite;
1503 + animation: spin 2s linear infinite;
3924 1504 }
3925 1505
3926 -.frm-wait:before {
3927 - border-bottom-color: var(--primary-700);
3928 - border-right-color: var(--primary-700);
3929 -}
3930 -
3931 -.frm_loading_button.frm-button-secondary:before {
3932 - border-bottom-color: var(--primary-500);
3933 - border-right-color: var(--primary-500);
3934 -}
3935 -
3936 -input[type=submit]:focus {
3937 - outline: none !important;
3938 -}
3939 -
3940 -/* Effects */
3941 -
3942 1506 @keyframes spin {
3943 - 0% {
3944 - transform: rotate(0deg);
3945 - }
3946 - 100% {
3947 - transform: rotate(360deg);
3948 - }
1507 + 0% { transform: rotate(0deg); }
1508 + 100% { transform: rotate(360deg); }
3949 1509 }
3950 1510
3951 -label input[type="checkbox"], label input[type="radio"] {
3952 - vertical-align: inherit;
3953 -}
1511 +label input[type="checkbox"], label input[type="radio"] {vertical-align:inherit;}
3954 1512
3955 -#editorcontainer #dyncontent {
3956 - margin: 0;
3957 - width: 100%;
1513 +#editorcontainer #dyncontent{
1514 + margin:0; width:100%;
3958 1515 padding: 6px;
3959 - line-height: var(--leading);
1516 + line-height: 1.5;
3960 1517 border: 0 none;
3961 1518 outline: none;
3962 1519 -moz-box-sizing: border-box;
3963 1520 -webkit-box-sizing: border-box;
1521 + -khtml-box-sizing: border-box;
3964 1522 box-sizing: border-box;
3965 1523 }
1524 +.frmcenter{text-align:center;}
3966 1525
3967 1526 /*ICONS*/
3968 1527 .frm_postbox_icon {
3969 1528 margin: -6px 0 0 -10px;
@@ -3968,829 +1527,348 @@
3968 1527 .frm_postbox_icon {
3969 1528 margin: -6px 0 0 -10px;
3970 1529 }
3971 1530
3972 -.frm_form_builder a:hover {
3973 - text-decoration: underline;
3974 -}
1531 +.frm_form_builder a:hover{text-decoration:underline;}
1532 +.frm_form_builder .widget-title h4 {padding:10px 15px;}
1533 +.frm_form_builder .widget-top a.widget-action:after{margin: 7px 12px 0;}
3975 1534
3976 -.frm_form_builder .widget-title h4 {
3977 - padding: 10px 15px;
1535 +.frmbutton.frm_tgateway{
1536 + display:none !important;
3978 1537 }
3979 1538
3980 -.frm_form_builder .widget-top a.widget-action:after {
3981 - margin: 7px 12px 0;
3982 -}
1539 +.frm_html_legend pre{display:inline;}
1540 +.frm_code_list .frmkeys{display:none;}
3983 1541
3984 -.frmbutton.frm_tgateway {
3985 - display: none !important;
3986 -}
1542 +#ed_fullscreen{display:none !important;}
3987 1543
3988 -.frm_html_legend pre {
3989 - display: inline;
1544 +.frm_posttax_row.menu-settings{
1545 + margin:0;
1546 + padding:1em 0;
3990 1547 }
3991 -
3992 -#ed_fullscreen {
3993 - display: none !important;
1548 +.frm_settings_form .menu-settings:first-of-type{
1549 + border:none;
3994 1550 }
3995 -
3996 -.frm_posttax_opt_list {
3997 - overflow: auto;
3998 - max-height: 200px;
3999 - background-color: #fff;
1551 +.widget-inside .menu-settings{
1552 + margin-top:0;
4000 1553 }
4001 -
4002 -.frm_posttax_opt_list p.howto {
4003 - font-size: 12px;
1554 +#poststuff .menu-settings h3{
1555 + padding-left:0;
4004 1556 }
4005 1557
4006 -.frm_border_bottom {
4007 - border-bottom: 1px solid var(--grey-300);
4008 - margin-bottom: 10px;
4009 - padding-bottom: 10px;
1558 +.frm_posttax_opt_list{
1559 + border:1px solid #DFDFDF;
1560 + padding:10px;
1561 + overflow:auto;
1562 + max-height:200px;
1563 + background-color:#fff;
4010 1564 }
4011 1565
4012 -.frm_posttax_opt_list .frm_border_bottom span.howto {
4013 - padding-right: 10px;
1566 +.frm_posttax_opt_list p.howto{
1567 + font-size:12px;
4014 1568 }
4015 -
4016 -.frm_posttax_opt_list .frm_border_bottom input {
4017 - margin-right: 1px;
1569 +.frm_border_bottom{
1570 + border-bottom:1px solid #DFDFDF;
4018 1571 }
4019 1572
4020 -.frm_add_remove div.frm_form_field {
4021 - padding-bottom: 5px;
1573 +.frm_posttax_opt_list .frm_border_bottom span.howto{
1574 + padding-right:10px;
4022 1575 }
4023 1576
4024 -.frm_field_opts_list {
4025 - max-height: 190px;
4026 - overflow: auto;
1577 +.frm_posttax_opt_list .frm_border_bottom input{
1578 + margin-right:1px;
4027 1579 }
4028 1580
4029 -.frm_white_bg {
4030 - background-color: #fff;
1581 +table.frm_name_value {
1582 + background-color: #f9f9f9;
1583 + border: 1px solid #ddd;
1584 + border-spacing: 0;
1585 + margin: 0;
1586 + width: 100%;
4031 1587 }
4032 1588
4033 -.frm_border_light {
4034 - border: solid 1px #ddd;
1589 +table.frm_name_value thead th {
1590 + background-color: #f1f1f1;
1591 + padding: 5px 8px 8px;
4035 1592 }
4036 1593
4037 -#new_fields .form-table input[type=text],
4038 -#new_fields .form-table select,
4039 -.form-table .form-field input,
4040 -.form-table .form-field .quicktags-toolbar input,
4041 -.form-field input, .form-field .quicktags-toolbar input {
4042 - width: auto;
1594 +table.frm_name_value tr {
1595 + vertical-align: top;
4043 1596 }
4044 1597
4045 -.frm_aff_link {
4046 - float: right;
1598 +table.frm_name_value td.left,
1599 +table.frm_name_value th.left {
1600 + width: 38%;
4047 1601 }
4048 1602
4049 -.frm_select_box {
4050 - text-align: center;
4051 - font-weight: bold;
4052 - width: 100%;
4053 - background-color: transparent !important;
1603 +table.frm_name_value input,
1604 +table.frm_name_value select,
1605 +table.frm_name_value textarea {
1606 + margin: 8px;
1607 + width: 96%;
1608 + height:auto;
1609 + line-height:normal;
4054 1610 }
4055 1611
4056 -.wp-list-table input.frm_select_box {
4057 - text-align: left;
4058 - font-weight: normal;
4059 - font-size: inherit !important;
4060 - border: none;
4061 - padding: 0 !important;
4062 - background-color: transparent !important;
1612 +.frm_field_opts_list{
1613 + height:105px; margin-top:10px;
1614 + border:1px solid #ddd;
1615 + background:#fff;
1616 + overflow:auto;
1617 + width:85%;
1618 + -moz-box-sizing: border-box;
1619 + -webkit-box-sizing: border-box;
1620 + -khtml-box-sizing: border-box;
1621 + box-sizing: border-box;
4063 1622 }
4064 1623
4065 -.wp-list-table input.frm_select_box:focus {
4066 - outline: none;
4067 - box-shadow: none;
4068 -}
1624 +.frm_white_bg{background-color:#fff;}
1625 +.frm_border_light{border:solid 1px #ddd;}
4069 1626
4070 -.wp-list-table .frm_no_items.frm_select_box {
4071 - text-align: center;
4072 - font-weight: bold;
4073 - width: 500px;
4074 - max-width: 100%;
4075 - font-size: inherit;
4076 -}
1627 +.form-table .form-field input, .form-table .form-field .quicktags-toolbar input,
1628 +.form-field input, .form-field .quicktags-toolbar input{width:auto;}
1629 +.frm_pro_installed{margin-top:0.5em;}
1630 +.frm_aff_link{float:right;}
1631 +.frm_select_box{text-align:center;font-weight:bold;width:100%;}
1632 +.wp-list-table .frm_select_box{text-align:left;font-weight:normal;font-size:10px;}
1633 +.wp-list-table .frm_no_items.frm_select_box{text-align:center;font-weight:bold;width:500px;max-width:100%;font-size:inherit;}
4077 1634
4078 -/* Start entry statuses */
4079 -.frm-entry-status {
4080 - padding: var(--gap-2xs) var(--gap-xs);
4081 - align-items: center;
4082 - border-radius: var(--small-radius);
4083 - text-transform: uppercase;
1635 +/* In place editing */
1636 +.inplace_field{
1637 + width:70% !important;
4084 1638 }
4085 1639
4086 -.frm-entry-status-0 {
4087 - color: #1E561F;
4088 - background: #D5F2DC;
1640 +.frm_ipe_field_label input.inplace_field,
1641 +.frm_ipe_field_label input.inplace_field:focus,
1642 +.edit_field_type_break input.inplace_field,
1643 +.edit_field_type_break input.inplace_field:focus{
1644 + max-width:385px;
1645 + padding:0;
1646 + margin:0;
1647 + font-size:inherit;
4089 1648 }
4090 1649
4091 -.frm-entry-status-1 {
4092 - color: #7A4D05;
4093 - background: #FFF2D2;
1650 +.edit_field_type_break input.inplace_field,
1651 +.edit_field_type_break input.inplace_field:focus{
1652 + text-align:center;
1653 + width:150px !important;
4094 1654 }
4095 -/* End entry statuses */
4096 1655
4097 -#frm-options-panel {
4098 - padding: 0 var(--gap-sm);
4099 - color: var(--grey-900);
1656 +.frm_ipe_field_option{
1657 + vertical-align:text-top;
1658 + cursor:text;
4100 1659 }
4101 -
4102 -.frm-right-panel a.frm_add_logic_link,
4103 -#frm-options-panel h3 {
4104 - padding: 15px 0;
4105 - margin-top: -2px;
1660 +.selected .frm_ipe_field_option.frm_with_key,
1661 +.selected .frm_ipe_field_option_key{
1662 + width:45%;
1663 + display:inline-block !important;
4106 1664 }
4107 -
4108 -.frm-right-panel a.frm_add_logic_link:focus {
4109 - outline: auto;
1665 +.selected .frm_other_option .frm_ipe_field_option.frm_with_key{
1666 + width:auto;
4110 1667 }
4111 -
4112 -#frm_style_sidebar h3,
4113 -#frm_view_editor_left.frm-right-panel .accordion-section-title {
4114 - padding: 15px 0;
1668 +.selected .frm_ipe_field_option{
1669 + min-width:45%;
1670 + display:inline-block;
4115 1671 }
4116 1672
4117 -.frm_field_key {
4118 - background-color: #F7F7F7;
1673 +.selected .frm_ipe_field_option.frm_with_key{
1674 + margin-right:10px;
4119 1675 }
4120 -
4121 -#frm_form_editor_container #edit-slug-box {
4122 - padding: 0;
1676 +.selected .frm_ipe_field_option.frm_with_key .inplace_field,
1677 +.selected .frm_ipe_field_option_key .inplace_field{
1678 + width:100% !important;
1679 + padding:0;
1680 + margin:0;
1681 + font-size:inherit;
4123 1682 }
4124 1683
4125 -.frm-alt-table {
4126 - width:100%;
4127 - border-collapse:collapse;
4128 - margin-top:0.5em;
4129 - font-size:15px;
4130 -}
1684 +/* End In place edit */
4131 1685
4132 -.frm-alt-table th {
4133 - width:200px;
4134 -}
1686 +.frm_field_key{background-color:#F7F7F7;}
4135 1687
4136 -.frm-alt-table tr {
4137 - background-color:transparent;
4138 -}
1688 +#frm_form_editor_container #edit-slug-box {padding:0;}
1689 +table td, .form-table tr td{vertical-align:top;}
4139 1690
4140 -.frm-alt-table th,
4141 -.frm-alt-table td {
4142 - background-color:transparent;
4143 - vertical-align:top;
4144 - text-align:left;
4145 - padding:20px;
1691 +.frm_option_val_label{
1692 + float:left;
1693 + width:45%;
1694 + margin-left:36px;
1695 + margin-right:10px;
4146 1696 }
4147 -
4148 -.frm-alt-table tr:nth-child(even) {
4149 - background-color: var(--sidebar-color);
1697 +.frm_option_key_label,
1698 +.frm_option_val_label{
1699 + font-weight:bold;
1700 + font-size:11px;
4150 1701 }
4151 -
4152 -.frm-alt-table h3 {
4153 - margin-bottom: 0;
1702 +.form-field .frm_cb_button{
1703 + height:22px;
1704 + line-height:20px;
1705 + margin-bottom:10px;
1706 + margin-right:5px;
4154 1707 }
4155 -
4156 -.form-field .frm_cb_button {
4157 - height: 22px;
4158 - line-height: 20px;
4159 - margin-bottom: 10px;
4160 - margin-right: 5px;
1708 +.edit_field_type_select .frm_option_val_label{
1709 + margin-left:12px;
4161 1710 }
4162 1711
4163 -.edit_field_type_select .frm_option_val_label {
4164 - margin-left: 12px;
4165 -}
1712 +.frm_rte{background:url(../images/rte.png) no-repeat; }
1713 +.frm_rte .howto{margin:10px 0 39px 0;}
4166 1714
4167 -.frm_rte {
4168 - background: url(../images/rte.png) no-repeat;
4169 -}
1715 +.subform_section{
1716 + margin:25px;
4170 1717
4171 -.frm_rte .howto {
4172 - margin: 10px 0 46px;
4173 1718 }
4174 1719
4175 -.subform_section {
4176 - margin: 25px;
4177 -
4178 -}
4179 -
4180 1720 .subform_section,
4181 1721 .subform_section label,
4182 -.subform_section input {
4183 - opacity: 80;
1722 +.subform_section input{
1723 + opacity:80;
4184 1724 }
4185 1725
4186 -.subform_section .frm_sortable_field_opts {
4187 - display: none;
1726 +.subform_section .frm_sortable_field_opts{
1727 + display:none;
4188 1728 }
4189 1729
4190 -#frm_form_editor_container .subform_section .frm_primary_label {
4191 - display: block;
1730 +#frm_form_editor_container .subform_section .frm_primary_label{
1731 + display:block;
4192 1732 }
4193 1733
4194 -.subform_section.subform_break {
4195 - border-top: 1px dashed #ccc;
1734 +.subform_section.subform_break{
1735 + border-top:1px dashed #ccc;
4196 1736 }
4197 1737
4198 -.button-secondary.frm_html_field {
4199 - background-color: #ededed;
4200 - padding: 10px 20px;
4201 - line-height: inherit;
4202 - width: auto;
4203 - height: auto !important;
4204 - -moz-border-radius: 0;
4205 - -webkit-border-radius: 0;
4206 - border-radius: 0;
4207 - -webkit-box-sizing: content-box;
4208 - -moz-box-sizing: content-box;
4209 - box-sizing: content-box;
1738 +.button-secondary.frm_html_field{
1739 + background-color:#ededed;
1740 + padding:10px 20px;
1741 + line-height:inherit;
1742 + width:auto;
1743 + height:auto !important;
1744 + -moz-border-radius:0;
1745 + -webkit-border-radius:0;
1746 + border-radius:0;
1747 + -webkit-box-sizing:content-box;
1748 + -moz-box-sizing:content-box;
1749 + box-sizing:content-box;
4210 1750 }
4211 -
4212 -.frm_html_field_placeholder {
4213 - margin-bottom: 10px;
4214 - text-align: center;
1751 +.frm_html_field_placeholder{
1752 + margin-bottom:10px;
1753 + text-align:center;
4215 1754 }
4216 -
4217 -.recaptcha_placeholder {
4218 - border: 1px solid #d3d3d3;
4219 - width: 300px;
1755 +.recaptcha_placeholder{
1756 + border:1px solid #d3d3d3;
1757 + width:300px;
4220 1758 }
4221 -
4222 -.frm_sorting .frm_rte textarea {
4223 - width: 653px;
4224 - background: #fff;
4225 - margin: 1px 0 0;
4226 - border: 1px solid #dfdfdf;
4227 - border-top: none;
4228 - -moz-border-radius: 0;
4229 - -webkit-border-radius: 0;
4230 - border-radius: 0;
4231 - float: none !important;
1759 +.frm_sorting .frm_rte textarea{
1760 + width:653px;background:#fff; margin:1px 0 0;
1761 + border:1px solid #dfdfdf; border-top:none;
1762 + -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;
1763 + float:none !important;
4232 1764 }
4233 1765
4234 -.frm_full_rte textarea {
4235 - width: 98%;
4236 - padding: 0;
4237 -}
1766 +.frm_full_rte textarea{width:98%; padding:0;}
1767 +.frm_field_box{padding:5px;min-height:20px;}
4238 1768
4239 -.frm_field_box {
4240 - padding: 5px;
4241 - min-height: 20px;
4242 - margin: 10px 0;
4243 -}
1769 +.frm_indent_opt, td.frm_indent_opt{padding-left:25px;}
4244 1770
4245 -.frm_indent_opt, td.frm_indent_opt {
4246 - padding-left: 25px;
4247 -}
1771 +.frm_charts object{background:transparent;}
1772 +.frm_charts h2 {height:34px;}
4248 1773
4249 -.frm_charts object {
4250 - background: transparent;
1774 +li.sortable-placeholder{
1775 + width:100% !important;
1776 + height:0;
1777 + border-color:#5b9dd9;
4251 1778 }
4252 1779
4253 -.frm_charts h2 {
4254 - height: 34px;
4255 -}
4256 -
4257 -.frm_single_option.ui-sortable-placeholder,
4258 -li.sortable-placeholder {
4259 - border: none;
4260 - margin: 0;
4261 - visibility: visible !important;
4262 - box-shadow: 2px -10px 0 2px var(--primary-500);
4263 -}
4264 -
4265 -#frm_form_editor_container > ul > .frm_single_option.ui-sortable-placeholder,
4266 -#frm_form_editor_container > ul > li.sortable-placeholder {
4267 - width: calc(100% - 5px) !important;
4268 - height: 0 !important;
4269 -}
4270 -
4271 -#frm_form_editor_container > ul > li > ul {
4272 - position: relative;
4273 -}
4274 -
4275 -#frm_form_editor_container > ul > li > ul > li.sortable-placeholder,
4276 -#frm_form_editor_container ul.start_divider > li > ul > li.sortable-placeholder {
4277 - position: absolute;
4278 - top: 20px;
4279 - bottom: 0;
4280 -}
4281 -
4282 -.edit_field_type_divider + li.sortable-placeholder {
4283 - box-shadow: 2px 5px 0 2px var(--primary-500);
4284 -}
4285 -
4286 -.start_divider li.sortable-placeholder {
4287 - box-shadow: 2px -5px 0 2px var(--primary-500);
4288 -}
4289 -
4290 -.frm-is-collapsed + .sortable-placeholder {
4291 - box-shadow: 2px 15px 0 2px var(--primary-500);
4292 -}
4293 -
4294 -.frm_single_option.ui-sortable-placeholder {
4295 - box-shadow: 0 0 1px 1px var(--primary-500);
4296 -}
4297 -
4298 -.frm_sorting > li.edit_field_type_end_divider:first-child,
1780 +.no-drop-placeholder,
4299 1781 .frm-show-click,
4300 -li.ui-state-default.edit_field_type_divider .frm-show-click {
4301 - display: none;
1782 +li.ui-state-default.edit_field_type_divider .frm-show-click{
1783 + display:none;
4302 1784 }
4303 1785
4304 -.frm_form_field.ui-sortable-helper .frm-field-action-icons,
4305 -.frm_form_field.ui-sortable-helper .frm_form_fields,
4306 -.frm_form_field.ui-sortable-helper .frm_description,
4307 -.frm_form_field.ui-sortable-helper .description {
4308 - display: none;
4309 -}
4310 -
4311 -.frm_form_field.ui-sortable-helper .frm_primary_label,
4312 -.frm_form_field.ui-sortable-helper .frm_inner_field_container {
4313 - margin: 0 !important;
4314 -}
4315 -
4316 -.frm-single-settings .frm-show-click {
4317 - display: block !important;
4318 -}
4319 -
4320 1786 .frm-show-hover,
4321 1787 .frm_single_visible_hover,
4322 -li.ui-state-default.edit_field_type_divider .frm-show-hover {
4323 - opacity: 0;
1788 +li.ui-state-default.edit_field_type_divider .frm-show-hover{
1789 + opacity:0;
1790 + *visibility:hidden;
1791 + -moz-transition: opacity .15s ease-in-out;
1792 + -webkit-transition: opacity .15s ease-in-out;
4324 1793 transition: opacity .15s ease-in-out;
4325 1794 }
4326 1795
4327 -#frm-show-fields .frm-field-settings-open .frm-show-hover {
4328 - opacity: 1;
1796 +.frm_sortable_field_opts{
1797 + margin-top:5px;
4329 1798 }
4330 1799
4331 -.frm_sortable_field_opts {
4332 - margin-top: 5px;
1800 +.frm_single_option{
1801 + clear:both;
4333 1802 }
4334 1803
4335 -.frm_single_option {
4336 - clear: both;
4337 - margin: 0;
4338 - padding-bottom: 5px;
1804 +.frm_single_option .frm_delete_icon{
1805 + float:left;
1806 + margin-right:3px;
4339 1807 }
4340 1808
4341 -.frm_product_price_wrapper,
4342 -.frm_image_preview_wrapper,
4343 -#new_fields .frm_single_option select,
4344 -#new_fields .frm_single_option input[type=text] {
4345 - width: calc(100% - 73px);
1809 +.frm_single_option:hover .frm_single_visible_hover{
1810 + opacity:100;
1811 + *visibility:visible;
4346 1812 }
4347 1813
4348 -.frm-right-panel .frm_single_option a.frm_remove_tag,
4349 -.frm_single_option a {
4350 - padding-left: 7px;
4351 -}
4352 -
4353 -.frm_single_option:hover .frm_single_visible_hover {
4354 - opacity: 100;
4355 -}
4356 -
4357 -.frm_single_option .frm-drag {
4358 - font-size: 23px;
4359 - width: 22px;
4360 - height: 19px;
4361 - margin-left: -6px;
4362 - color: var(--grey);
4363 -}
4364 -
4365 -.frm_single_option .frm-drag:before {
4366 - vertical-align: middle;
4367 -}
4368 -
4369 -.frm-drag,
4370 -.frm_single_option.ui-sortable-helper {
4371 - cursor: move;
4372 -}
4373 -
4374 -.frm_single_option .frm_option_key {
4375 - margin-left: 19px !important;
4376 -}
4377 -
4378 -.frm_option_key input[type=text] {
4379 - margin-top: 15px !important;
4380 -}
4381 -
4382 1814 li.ui-state-default.selected .frm-show-click,
4383 -li.ui-state-default.selected.edit_field_type_divider .frm-show-click {
4384 - display: inline;
4385 - vertical-align: top;
1815 +li.ui-state-default.selected.edit_field_type_divider .frm-show-click{
1816 + display:inline;
1817 + vertical-align:top;
4386 1818 }
4387 -
4388 -.frm_field_box:not(.edit_field_type_divider):hover > .frm_inner_field_container > .frm-show-hover,
4389 -.frm_field_box .divider_section_only:hover > .frm_inner_field_container > .frm-show-hover,
4390 -li.ui-state-default.selected > .frm_inner_field_container > .frm-show-hover,
4391 -li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover {
4392 - opacity: 100;
1819 +.frm_field_box:not(.edit_field_type_divider):hover > .frm-show-hover,
1820 +.frm_field_box .divider_section_only:hover > .frm-show-hover,
1821 +li.ui-state-default.selected > .frm-show-hover,
1822 +li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover{
1823 + opacity:100;
1824 + *visibility:visible;
4393 1825 }
4394 1826
4395 -li.frm_field_box > ul.frm_grid_container {
4396 - position: relative;
1827 +li.ui-state-default.selected .frm-show-click.frm_import_options {
1828 + vertical-align:middle;
1829 + padding: 10px 5px 12px;
1830 + background: #fbfbfb;
1831 + border: solid 1px #ebebeb;
4397 1832 }
4398 1833
4399 -.frm_sorting span.ui-icon {
4400 - width: 16px;
1834 +li.ui-state-default.selected .frm-show-click.frm_import_options select {
1835 + max-width: 22%;
4401 1836 }
4402 1837
4403 -/* Image options for Radio and Checkbox */
1838 +.frm_sorting span.ui-icon{width:16px;}
4404 1839
4405 -.frm_image_options .frm_image_option_container {
4406 - --field-border-width: 1px;
4407 - --border-color: var(--grey-300);
4408 - --border-color-active: var(--primary-500);
4409 - --border-radius: var(--small-radius);
1840 +#form_settings_page label,
1841 +.frm_form_builder label{
1842 + font-weight:normal;
4410 1843 }
4411 1844
4412 -.frm_image_option_container svg {
4413 - height: 50px;
4414 - margin: 10px auto 0;
4415 -}
1845 +#form_settings_page .tabs-panel, .frm_settings_form .tabs-panel{max-height:none !important; min-height:260px !important;}
1846 +#form_settings_page #post-body-content{min-width:350px;}
1847 +#form_settings_page .frm_posttax_row select{max-width:35%;}
1848 +select.frm_cancelnew, input.frm_enternew{width:175px;}
4416 1849
4417 -#form_show_entry_page .frm_file_link,
4418 -#form_show_entry_page .frm_image_option_container {
4419 - display: inline-flex;
4420 - flex-wrap: nowrap;
4421 - flex-direction: column;
4422 - text-align: center;
4423 - align-items: center;
4424 - width: 150px;
4425 - margin-right: 10px;
4426 - margin-bottom: 10px;
4427 -}
4428 -
4429 -#form_show_entry_page .frm_image_option_container img {
4430 - width: 150px;
4431 - height: 150px;
4432 - object-fit: cover;
4433 -}
4434 -
4435 -#form_show_entry_page .frm_file_link img {
4436 - max-width: 150px;
4437 - height: auto;
4438 -}
4439 -
4440 -#form_show_entry_page .frm_file_link ~ br {
1850 +/* Admin toggle */
1851 +.frm_toggle_on {
4441 1852 display: none;
4442 -}
4443 -
4444 -#form_show_entry_page .frm_upload_label {
4445 - padding: 10px;
4446 -}
4447 -
4448 -.frm_image_option_container .frm_image_placeholder_icon svg{
4449 - height: 150px;
4450 -}
4451 -
4452 -.frm_list_entry_page .frm_file_link,
4453 -.frm_list_entry_page .frm_image_option_container.frm_label_with_image {
4454 - display: block;
4455 - text-align: center;
4456 -}
4457 -
4458 -.frm_list_entry_page .frm_image_option_container img {
4459 - width: 75px;
4460 - height: 75px;
4461 - object-fit: cover;
4462 -}
4463 -
4464 -.frm_list_entry_page img {
4465 - max-width: 100%;
4466 - height: auto;
4467 -}
4468 -
4469 -.frm_image_option_container .frm_empty_url {
4470 - background-color: var(--sidebar-color);
4471 -}
4472 -
4473 -.frm_list_entry_page .frm_image_option_container .frm_text_label_for_image {
4474 - display: block;
4475 - padding: 5px 0 10px;
4476 -}
4477 -
4478 -.frm_list_entry_page .frm_upload_label,
4479 -.frm-summary-page-wrapper .frm_text_label_for_image {
4480 - display: block;
4481 -}
4482 -
4483 -#frm-welcome .frm_image_options .frm_image_option_container,
4484 -#form_global_settings .frm_image_options .frm_image_option_container{
4485 - background: var(--sidebar-color);
4486 -}
4487 -
4488 -#frm-welcome .frm_image_option_container svg,
4489 -#form_global_settings .frm_image_option_container svg {
4490 - max-width: calc( 100% - 20px );
4491 -}
4492 -
4493 -/* Show an icon on top */
4494 -.frm_image_option_container {
4495 - position: relative;
4496 -}
4497 -
4498 -.frm_text_label_for_image > svg {
4499 - width: 30px;
1853 + color: #fff;
1854 + z-index: 999;
4500 1855 position: absolute;
4501 - top: 5px;
4502 - right: calc( 50% - 15px );
1856 + font-size: 9px;
1857 + left: 4px;
1858 + line-height: 18px;
4503 1859 }
4504 -/* End show an icon on top */
4505 1860
4506 -.frm_single_option .frm_option_key {
4507 - margin-top: 17px;
4508 -}
4509 -
4510 -.frm_image_data {
4511 - margin-left: var(--gap-xs);
4512 - display: flex;
4513 - flex-direction: column;
4514 - font-size: var(--text-sm);
4515 - justify-content: space-around;
4516 -}
4517 -
4518 -.frm_image_styling_frame {
4519 - display: flex;
4520 - align-items: stretch;
4521 - margin-left: 1.5rem;
4522 -}
4523 -
4524 -.frm_image_styling_frame img{
4525 - height: 54px;
4526 - width: 54px;
4527 - min-width: auto;
4528 - min-height: auto;
4529 - border-radius: 3px;
4530 - object-fit: cover;
4531 - object-position: center;
4532 -}
4533 -
4534 -.frm_image_styling_frame .frm_email_attachment_icon img {
4535 - height: auto;
4536 - width: auto;
4537 - max-width: 54px;
4538 -}
4539 -
4540 -.frm_image_preview_title{
4541 - color: var(--grey-500);
4542 - overflow: hidden;
4543 - white-space: nowrap;
4544 - text-overflow: ellipsis;
4545 -}
4546 -
4547 -.frm_wrap .frm_choose_image_box {
4548 - cursor: pointer;
4549 - color: var(--grey-700);
4550 - background-color: #F2F2F2;
4551 - margin-left: 24px;
4552 - text-align: center;
4553 - width: 100%;
4554 -}
4555 -
4556 -.frm_wrap .frm_choose_image_box:hover {
4557 - background: #fff;
4558 -}
4559 -
4560 -a.frm_remove_image_option,
4561 -.frm_remove_image_option {
4562 - color: var(--grey-400);
4563 - cursor: pointer;
4564 -}
4565 -
4566 -a.frm_remove_image_option:hover .frmsvg,
4567 -a.frm_remove_image_option:hover,
4568 -.frm_remove_image_option:hover {
4569 - color: rgba(40, 47, 54, 0.8);
4570 -}
4571 -
4572 -/* Form settings */
4573 -
4574 -.frm-form-setting-tabs {
4575 - margin-top: var(--gap-sm) !important;
4576 -}
4577 -
4578 -.frm-right-panel > .postbox {
4579 - background-color: transparent;
4580 - border: none;
4581 - box-shadow: none;
4582 - margin: 0;
4583 -}
4584 -
4585 -.frm-right-panel .postbox.frm_with_icons .inside,
4586 -.frm-right-panel .postbox .inside,
4587 -.frm-right-panel .inside {
4588 - font-size: var(--text-md);
4589 - padding: 15px 20px 20px;
4590 - color: var(--grey-700);
4591 -}
4592 -
4593 -.frm-right-panel .misc-pub-section {
4594 - padding: var(--gap-xs) 0;
4595 - position: relative;
4596 -}
4597 -
4598 -.frm-right-panel .inside a,
4599 -.frm-form-setting-tabs a {
4600 - font-size: var(--text-md);
4601 - color: var(--grey-700);
4602 - padding: var(--gap-sm);
4603 - display: block;
4604 -}
4605 -
4606 -.frm-form-setting-tabs a {
4607 - color: var(--grey-900);
4608 - padding: var(--gap-sm) var(--gap-md);
4609 -}
4610 -
4611 -.frm-right-panel .inside a {
4612 - padding: 0;
4613 - color: var(--primary-500);
4614 - display: inline-block;
4615 -}
4616 -
4617 -.frm-right-panel .inside a:hover {
4618 - color: var(--primary-700);
4619 -}
4620 -
4621 -.frm-form-setting-tabs a:hover {
4622 - background: var(--sidebar-hover);
4623 - color: var(--grey-900);
4624 -}
4625 -
4626 -.frm-right-panel .inside i,
4627 -.frm-right-panel .inside .frmsvg,
4628 -.frm-form-setting-tabs a i,
4629 -.frm-form-setting-tabs a .frmsvg {
4630 - margin: 0 5px;
4631 - display: inline-block;
4632 - width: 20px;
4633 - height: 20px;
4634 - color: var(--grey-500);
4635 -}
4636 -
4637 -.frm-form-setting-tabs a .frmsvg {
4638 - margin: 0;
4639 -}
4640 -
4641 -.frm-right-panel .inside a:hover i,
4642 -.frm-right-panel .inside a:hover .frmsvg,
4643 -.frm-form-setting-tabs a:hover .frmsvg,
4644 -.frm-form-setting-tabs a:hover span {
4645 - color: var(--grey-700);
4646 -}
4647 -
4648 -.frm_settings_form .tabs-panel {
4649 - padding: 0 25px;
4650 -}
4651 -
4652 -#form_settings_page .tabs-panel,
4653 -.frm_settings_form .tabs-panel {
4654 - max-height: initial !important;
4655 - min-height: 50px !important;
4656 -}
4657 -
4658 -#frm_adv_info .tabs-panel {
4659 - min-height: 0 !important;
4660 - overflow-x: hidden;
4661 - padding: 0;
4662 - border: none;
4663 - background: transparent;
4664 -}
4665 -
4666 -select.frm_cancelnew, input.frm_enternew {
4667 - width: 175px;
4668 -}
4669 -
4670 -.frm_posttax_opt_list,
4671 -.frm_submit_logic_rows {
4672 - border: 1px solid var(--grey-300);
4673 - padding: var(--gap-md);
4674 - border-radius: var(--small-radius);
4675 - margin: 5px 0 5px var(--gap-md);
4676 -}
4677 -
4678 -.frm_submit_logic_rows .frm_grid_container > p.frm_form_field {
4679 - margin: 0;
4680 -}
4681 -
4682 -/* Color picker CSS */
4683 -.frm-right-panel .wp-picker-open + .wp-picker-input-wrap {
4684 - position: absolute;
4685 - margin-left: calc( ( 100% - 35px ) * -1 );
4686 - margin-top: 1px;
4687 - width: calc( 100% - 36px );
4688 -}
4689 -
4690 -.frm-right-panel .wp-picker-container input[type="text"].wp-color-picker {
4691 - border: none;
4692 - padding: 5px 8px;
4693 - font-family: inherit;
4694 - color: var(--grey-700);
4695 - font-size: var(--text-md);
4696 - width: 100%;
4697 - line-height: var(--leading);
4698 -}
4699 -
4700 -.frm-right-panel .wp-picker-input-wrap .wp-picker-clear {
4701 - display: none !important;
4702 -}
4703 -
4704 -.frm-right-panel .wp-picker-holder {
4705 - position: absolute;
4706 - z-index: 999;
4707 -}
4708 -
4709 -.frm-right-panel .wp-picker-input-wrap label {
4710 - margin-bottom: 0;
4711 -}
4712 -
4713 -.frm-right-panel .wp-picker-container .wp-color-result.button {
4714 - width: 100%;
4715 - overflow: hidden;
4716 - margin: 0 !important;
4717 - height: var(--h-md) !important;
4718 - padding: 0 0 0 var(--gap-lg) !important;
4719 - border-radius: var(--small-radius);
4720 - border-color: var(--grey-300);
4721 -}
4722 -
4723 -.frm-right-panel .wp-color-result-text {
4724 - line-height: var(--leading) !important;
4725 - font-size: var(--text-md);
4726 - background: #fff !important;
4727 - color: var(--grey-900);
4728 - padding: 5px 8px;
4729 - border-color: var(--grey-300);
4730 - text-align: left;
4731 -}
4732 -
4733 -.frm-right-panel .color-alpha {
4734 - width: var(--gap-lg) !important;
4735 -}
4736 -
4737 -.frm_grid_container .wp-picker-container {
4738 - width: 100%;
4739 - position: relative;
4740 -}
4741 -
4742 -.wp-picker-container button.wp-color-result {
4743 - border: 1px solid var(--grey-300) !important;
4744 -}
4745 -
4746 -.wp-picker-container .wp-picker-input-wrap input.hex.wp-color-picker {
4747 - max-width: 100%;
4748 - position: relative;
4749 -}
4750 -
4751 -.frm_end .wp-picker-holder {
4752 - margin-left: -145px;
4753 -}
4754 -
4755 -.frm_end.frm6 .wp-picker-holder {
4756 - margin-left: -86px;
4757 -}
4758 -/* End of color picker CSS */
4759 -
4760 -/*
4761 -These are the styles for the "Enable Formidable styling" toggle in the visual styler.
4762 -To use this element, you can call the FrmHtmlHelper::toggle function.
4763 -*/
4764 -.frm_toggle_opt {
4765 - padding: 0;
4766 - white-space: normal;
4767 - display: inline;
4768 - vertical-align: middle;
4769 - font-weight: normal;
4770 -}
4771 -
4772 -.frm_on_label,
4773 -.frm_off_label {
4774 - color: #444444;
4775 -}
4776 -
4777 1861 .frm_toggle {
4778 1862 position: relative;
4779 1863 display: inline-block;
4780 - width: 40px;
4781 - height: var(--h-xs);
1864 + width: 34px;
1865 + height: 18px;
4782 1866 vertical-align: middle;
1867 + margin-left: 5px;
4783 1868 }
4784 1869
4785 -.frm_toggle_block {
4786 - display: inline-flex;
4787 - gap: var(--gap-sm);
4788 - align-items: center;
4789 -}
4790 -
4791 -.frm_toggle input, /* Reverse compatibility */
4792 -.frm_toggle_block input {
1870 +.frm_toggle input {
4793 1871 display:none !important;
4794 1872 }
4795 1873
4796 1874 .frm_toggle_slider {
@@ -4799,548 +1877,172 @@
4799 1877 top: 0;
4800 1878 left: 0;
4801 1879 right: 0;
4802 1880 bottom: 0;
4803 - background-color: var(--grey-border);
4804 1881 transition: .4s;
4805 1882 border-radius: 30px;
1883 + background-color: transparent;
1884 + border: 2px solid #A0A0A0;
4806 1885 }
4807 1886
4808 1887 .frm_toggle_slider:before {
4809 1888 border-radius: 50%;
4810 1889 position: absolute;
4811 - content: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 height=%2711px%27 width=%2711px%27 viewBox=%270 0 20 20%27><path d=%27M16.8 4.5l-1.3-1.3L10 8.6 4.5 3.2 3.2 4.5 8.6 10l-5.4 5.5 1.3 1.3 5.5-5.4 5.5 5.4 1.3-1.3-5.4-5.5 5.4-5.5z%27 fill=%27%2398A2B3%27/%3E</svg>");
4812 - height: 22px;
4813 - width: 22px;
4814 - padding: 0 5.5px;
4815 - left: 1px;
4816 - bottom: 1px;
4817 - background-color: white;
4818 - transition: .4s;
4819 - box-sizing: border-box;
4820 - box-shadow: var(--box-shadow-md);
4821 - font-size: 21px;
4822 - line-height: 18px;
1890 + content: "";
1891 + height: 10px;
1892 + width: 10px;
1893 + left: 2px;
1894 + top: 2px;
1895 + transition: .3s;
1896 + background-color: #A0A0A0;
4823 1897 }
4824 1898
4825 -input:checked + .frm_toggle .frm_toggle_slider {
4826 - background-color: var(--primary-500);
1899 +input:checked + .frm_toggle_slider {
1900 + background-color: #82b4cb;
1901 + border-color: #82b4cb;
4827 1902 }
4828 1903
4829 -input:focus + .frm_toggle .frm_toggle_slider {
4830 - box-shadow: var(--box-shadow-md);
4831 -}
4832 -
4833 -input:checked + .frm_toggle .frm_toggle_slider:before {
4834 - padding: 0 6px;
1904 +input:checked + .frm_toggle_slider:before {
1905 + background-color: #fff;
4835 1906 transform: translateX(16px);
4836 - content: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 height=%2711px%27 width=%2711px%27 viewBox=%270 0 10 10%27><path d=%27M9.2 2c.2.3.2.7 0 1l-5 5c-.3.2-.6.2-.9 0L.8 5.3a.6.6 0 0 1 .9-.8l2 2 4.6-4.5c.3-.3.6-.3.9 0Z%27 fill=%27%234199FD%27/%3E</svg>");
4837 1907 }
4838 1908
4839 -input[disabled] + .frm_toggle_slider {
4840 - pointer-events: none;
4841 - cursor: text;
4842 - opacity: .5;
1909 +input:checked + .frm_toggle_slider + .frm_toggle_on{
1910 + display:inline;
4843 1911 }
4844 1912
4845 -.frm_toggle_opt ~ .frm_toggle .frm_toggle_slider:before {
4846 - content: '' !important; /* Don't show x/check if off label included or on builder page */
1913 +input:focus + .frm_toggle_slider {
1914 + box-shadow: 0 0 1px #008ec2;
4847 1915 }
4848 1916
4849 -.rtl .frm_toggle_opt {
4850 - padding: 0 8px;
4851 -}
4852 -
4853 -.rtl .frm_toggle_slider:before {
4854 - left: 17px;
4855 -}
4856 -
4857 -.rtl input:checked + .frm_toggle .frm_toggle_slider:before {
4858 - transform: none!important;
4859 - left: 1px;
4860 -}
4861 -
4862 -/* Deprecated admin toggle */
4863 -.frm_toggle_off,
4864 -.frm_toggle_on {
4865 - display: none;
4866 - color: #fff;
4867 - z-index: 999;
4868 - position: absolute;
4869 - font-size: 10px;
4870 - line-height: 20px;
4871 - left: 6px;
4872 -}
4873 -
4874 -.frm_toggle_off {
4875 - display: inline;
4876 - left: auto;
4877 - right: 5px;
4878 - color: var(--dark-grey);
4879 -}
4880 -
4881 -.frm_toggle_long {
4882 - width: 80% !important;
4883 - height: 28px;
4884 - display: inline-block !important;
4885 -}
4886 -
4887 -.frm_toggle_long .frm_toggle_slider {
4888 - background: var(--primary-700);
4889 - box-shadow: 0 0 0 2px var(--primary-700);
4890 -}
4891 -
4892 -.frm_toggle_long .frm_toggle_off,
4893 -.frm_toggle_long .frm_toggle_on {
4894 - width: 50%;
4895 - text-align: center;
4896 - font-size: 13px;
4897 - line-height: 28px;
4898 -}
4899 -
4900 -.frm_toggle_long .frm_toggle_on {
4901 - left: 0;
4902 -}
4903 -
4904 -.frm_toggle_long .frm_toggle_off {
4905 - right: 0;
4906 -}
4907 -
4908 -.frm_toggle_long .frm_toggle_slider:before {
4909 - width: 50%;
4910 - left: 0;
4911 - top: 0;
4912 - border-radius: var(--border-radius) 0 0 var(--border-radius);
4913 - height: 100%;
4914 - background-color: #fff;
4915 - color: var(--primary-color);
4916 - content: '' !important;
4917 -}
4918 -
4919 -.frm_toggle_long input:checked + .frm_toggle_slider:before {
4920 - transform: translateX(101%);
4921 - border-radius: 0 var(--border-radius) var(--border-radius) 0;
4922 -}
4923 -
4924 -input:checked + .frm_toggle_slider + .frm_toggle_on {
4925 - display: inline;
4926 -}
4927 -
4928 -input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off {
4929 - display: none;
4930 -}
4931 -
4932 -.frm_toggle_long .frm_toggle_on,
4933 -.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on + .frm_toggle_off {
4934 - display: inline;
4935 - color: var(--primary-500);
4936 - font-weight: normal;
4937 -}
4938 -
4939 -.frm_toggle_long .frm_toggle_off,
4940 -.frm_toggle_long input:checked + .frm_toggle_slider + .frm_toggle_on {
4941 - color: #fff;
4942 - font-weight: bold;
4943 -}
4944 -
4945 -/* End toggle styling */
4946 -
4947 1917 /* Global Settings */
4948 -
4949 -.tabs-panel {
4950 - height: auto !important;
4951 - min-height: 260px;
1918 +.categorydiv .frm_settings_form div.tabs-panel.general_settings{border-top:none;}
1919 +.categorydiv .frm_settings_form div.tabs-panel.general_settings .submit{padding:0;}
1920 +.categorydiv .frm_settings_form .frm_uninstall{padding-top:1.25em;}
1921 +#contextual-help-columns div.tabs-panel.general_settings.frm_license_box{min-height:0;border-bottom:none;}
1922 +.general_settings #frm_license_top{float:left;width:55%}
1923 +.categorydiv div.tabs-panel.general_settings{max-height:none;}
1924 +.categorydiv div.tabs-panel.general_settings .postbox{margin-bottom:0;}
1925 +.tabs-panel{height:auto !important; min-height:260px;}
1926 +.tabs-panel.panel_secondary{min-height:20px;margin-top:10px;margin-left:150px;}
1927 +.edd_frm_license_row{
1928 + line-height:2em;
1929 + clear:both;
4952 1930 }
4953 -
4954 -.tabs-panel.panel_secondary {
4955 - min-height: 20px;
4956 - margin-top: 10px;
4957 - margin-left: 150px;
1931 +.frm_license_msg{
1932 + margin-top:0;
4958 1933 }
4959 -
4960 -label.frm-example-icon {
4961 - margin-right: 20px !important;
4962 - display: inline-block !important;
1934 +.edd_frm_status_icon.frm_icon_font{
1935 + color:#D54E21;
1936 + margin:0 5px;
4963 1937 }
4964 -
4965 -#frm_stripe_icon {
4966 - border-radius: 5px;
1938 +.edd_frm_status_icon.frm_icon_font.frm_inactive_icon{
1939 + color:green;
4967 1940 }
4968 1941
4969 -#captcha_settings .frm_primary_label {
4970 - margin-top: var(--gap-sm);
1942 +/* Styles tabs */
1943 +#general-style #frm_gen_font_box{padding-right:0;width:100%;}
1944 +#frm_styling_form #frm_delete_style{padding-right:10px;}
1945 +.frm_pro_form .frm_form_field.frm_lite_style,
1946 +.frm_pro_form .frm_lite_style{
1947 + display:none !important;
4971 1948 }
4972 1949
4973 -.frm-long-icon-buttons {
4974 - display: flex;
4975 - gap: var(--gap-md);
1950 +label.default-style-box input[type="checkbox"]{
1951 + vertical-align:middle;
4976 1952 }
4977 1953
4978 -.frm-long-icon-buttons > label {
4979 - border: 1px solid var(--grey-300);
4980 - color: var(--grey-700);
4981 - border-radius: var(--small-radius);
4982 - display: flex;
4983 - padding: var(--gap-sm);
4984 - gap: var(--gap-sm);
4985 - justify-content: center;
4986 - align-items: center;
4987 - width: calc( 33% - var(--gap-sm) );
4988 - box-sizing: border-box;
1954 +#frm_styling_form .frm_form_field input[type="checkbox"],
1955 +#frm_styling_form .frm_form_field input[type="radio"] {
1956 + vertical-align: bottom;
4989 1957 }
4990 1958
4991 -.frm-long-icon-buttons > label:hover {
4992 - color: var(--primary-500);
1959 +#frm_styling_form .howto span{
1960 + float:none;
1961 + margin-top:0;
4993 1962 }
4994 1963
4995 -.frm-long-icon-buttons input[type=radio] {
4996 - display: none;
4997 -}
4998 -
4999 -.frm-long-icon-buttons input[type=radio]:checked + label {
5000 - border-color: var(--primary-500);
5001 - box-shadow: 0 0 0 1px var(--primary-color);
5002 -}
5003 -
5004 -.frm-long-icon-buttons label > svg {
5005 - height: 21px;
5006 -}
5007 -
5008 -.frm-example-icon .frmsvg,
5009 -.frm-example-icon i {
5010 - height: 20px;
5011 - width: 20px;
5012 - font-size: 20px;
5013 - color: var(--grey-700);
5014 -}
5015 -
5016 -.frm_license_msg {
5017 - margin-top: 0;
5018 -}
5019 -
5020 -.frm_authorized_box .frm-show-unauthorized,
5021 -.frm_unauthorized_box .frm-show-authorized {
5022 - display: none;
5023 -}
5024 -
5025 -.edd_frm_status_icon.frm_icon_font {
5026 - color: #D54E21;
5027 - margin: 0 5px;
5028 -}
5029 -
5030 -.edd_frm_status_icon.frm_icon_font.frm_inactive_icon {
5031 - color: green;
5032 -}
5033 -
5034 -/* Hide the install steps for solutions */
5035 -#form_global_settings .tabs-panel .num svg {
5036 - display: none;
5037 -}
5038 -
5039 -/* Empty List */
5040 -
5041 -.frm_no_items {
5042 - margin: 0 auto 50px;
5043 - text-align: center;
5044 - color: var(--grey-700);
5045 - max-width: 500px;
5046 -}
5047 -
5048 -.frm-subscribe {
5049 - margin: var(--gap-lg) 0;
5050 -}
5051 -
5052 -/* Inbox */
5053 -
5054 -#frm_inbox_page .frm_page_container {
5055 - height: auto;
5056 -}
5057 -
5058 -.frm_inbox_card {
5059 - display: grid;
5060 - grid-template-columns: 72px 1fr;
5061 - grid-gap: var(--gap-xs);
5062 - border-bottom: 1px solid var(--grey-300);
5063 - padding: var(--gap-md);
5064 -}
5065 -
5066 -.frm_inbox_card_icon {
5067 - grid-row: span 3 / span 3;
5068 - padding-top: var(--gap-xs);
5069 - text-align: center
5070 -}
5071 -
5072 -.frm_inbox_card_icon svg {
5073 - height: 48px;
5074 - width: 48px;
5075 - color: var(--blue-border);
5076 -}
5077 -
5078 -.frm_inbox_card header {
5079 - display: grid;
5080 - grid-template-columns: 1fr 150px;
5081 - align-items: center;
5082 -}
5083 -
5084 -.frm_inbox_card h3 {
5085 - border: none;
5086 - text-transform: none;
5087 - margin: 0;
5088 - padding: 0;
5089 -}
5090 -
5091 -.frm_inbox_date {
5092 - text-align: right;
5093 -}
5094 -
5095 -.frm_inbox_count,
5096 -.frm_inbox_unread {
5097 - background: var(--orange);
5098 - color: #fff;
5099 - border-radius: 50%;
5100 - display: inline-block;
5101 - margin-right: 8px;
5102 - font-size: 11px;
5103 - text-align: center;
5104 -}
5105 -
5106 -.frm_inbox_unread {
5107 - width: 8px;
5108 - height: 8px;
5109 -}
5110 -
5111 -.frm_inbox_count {
5112 - min-width: 18px;
5113 - height: 18px;
5114 - margin-left: 2px;
5115 - vertical-align: text-bottom;
5116 -}
5117 -
5118 1964 /* Import/Export */
5119 -.csv_opts #frm_csv_col_sep {
5120 - width: 45px;
5121 -}
1965 +.csv_opts #frm_csv_col_sep{width:45px;}
5122 1966
5123 -#frm_advanced td.frm_left_label {
5124 - width: 20%;
5125 - padding-right: 2px;
5126 -}
1967 +#frm_advanced td.frm_left_label{width:20%;padding-right:2px;}
5127 1968
5128 -#frm_where_options select {
5129 - max-width: 200px;
5130 -}
1969 +#frm_where_options select{max-width:200px;}
1970 +#frm_where_options select.frm_insert_where_options{width:30%;}
1971 +#frm_where_options select.frm_where_is_options{width:20%;}
1972 +#frm_where_options span.frm_where_val{width:32%;display:inline-block;position:relative;}
1973 +#frm_where_options span.frm_where_val .frm_tooltip_icon{left:-4px;position: absolute;}
1974 +#frm_where_options span.frm_where_val.frm_hidden{display:none;}
1975 +#frm_where_options span.frm_where_val input, #frm_where_options span.frm_where_val select{width:90%;margin-left:10px;}
1976 +#frm_where_options{min-height:31px;}
5131 1977
5132 -#frm_where_options select.frm_insert_where_options {
5133 - width: 30%;
5134 -}
1978 +.tabs-panel.active .tabs-panel, .frm_settings_form .tabs-panel .tabs-panel{border:none;padding:0;} /*for add-on reverse compatibility */
5135 1979
5136 -#frm_where_options select.frm_where_is_options {
5137 - width: 20%;
5138 -}
1980 +.frm_98_width{width:98% !important;}
5139 1981
5140 -#frm_where_options span.frm_where_val {
5141 - width: 32%;
5142 - display: inline-block;
5143 - position: relative;
5144 -}
5145 -
5146 -#frm_where_options span.frm_where_val .frm_tooltip_icon {
5147 - left: -4px;
5148 - position: absolute;
5149 -}
5150 -
5151 -#frm_where_options span.frm_where_val.frm_hidden {
5152 - display: none;
5153 -}
5154 -
5155 -#frm_where_options span.frm_where_val input, #frm_where_options span.frm_where_val select {
5156 - width: 90%;
5157 - margin-left: 10px;
5158 -}
5159 -
5160 -#frm_where_options {
5161 - min-height: 31px;
5162 -}
5163 -
5164 -.tabs-panel.active .tabs-panel, .frm_settings_form .tabs-panel .tabs-panel {
5165 - border: none;
5166 - padding: 0;
5167 -}
5168 -
5169 -.frm-feature-banner {
5170 - background: var(--grey-700);
5171 - color: #fff;
5172 - border-radius: var(--small-radius);
5173 - padding: 20px;
5174 - margin: 10px 0;
5175 -}
5176 -
5177 -.frm-feature-banner p {
5178 - font-size: var(--text-sm);
5179 -}
5180 -
5181 -.frm-feature-banner .dismiss {
5182 - margin-top: -10px;
5183 - margin-right: -10px;
5184 -}
5185 -
5186 -.frm-feature-banner .dismiss svg {
5187 - color: #fff;
5188 -}
5189 -
5190 -.frm-feature-banner .frm-big-icon {
5191 - padding-right: 20px;
5192 - float: left;
5193 - min-height: 60px;
5194 -}
5195 -
5196 -.frm-big-icon svg {
5197 - height: 60px;
5198 - width: 60px;
5199 -}
5200 -
5201 -.frm-feature-banner p {
5202 - margin-top: 0;
5203 -}
5204 -
5205 -/*for add-on reverse compatibility */
5206 -
5207 -.frm_98_width {
5208 - width: 100% !important;
5209 -}
5210 -
5211 1982 /*Form Settings Tab*/
1983 +.frm_form_settings .advanced_settings .form-table{margin-top:0;}
1984 +.frm_form_settings .advanced_settings .form-table .frm_short_tr td{padding:0 10px 10px;}
1985 +.frm_form_settings .advanced_settings .form-table td.td_select_padding{padding:8px 10px 0;}
1986 +.frm_form_settings td.frm_175_width{width:175px;}
1987 +.frm_form_settings #success_url{width:95%;}
5212 1988
5213 -h2.frm-h2,
5214 -.frm_form_settings h2 {
5215 - border-bottom: 1px solid var(--grey-300);
5216 - color: var(--grey-900);
5217 - font-weight: 400 !important;
5218 - padding: 9px 0 5px;
5219 - margin: 0;
5220 -}
5221 -
5222 -.frm_settings_form h3,
5223 -.frm_form_settings h3,
5224 -.frm_form_settings span.frm_add_logic_link {
5225 - font-size: var(--text-md);
5226 - border-top: 1px solid var(--grey-300);
5227 - padding-top: var(--gap-sm);
5228 - margin: var(--gap-sm) 0;
5229 - font-weight: normal;
5230 - text-transform: uppercase;
5231 - color: var(--medium-grey);
5232 - display: block;
5233 -}
5234 -
5235 -.frm_form_settings .howto {
5236 - color: var(--grey-500);
5237 - font-size: var(--text-sm);
5238 - margin-top: 8px;
5239 -}
5240 -
5241 -.frm_form_settings .advanced_settings .form-table {
5242 - margin-top: 0;
5243 -}
5244 -
5245 -.frm_form_settings td.frm_175_width {
5246 - width: 175px;
5247 -}
5248 -
5249 -.frm_form_settings #success_url {
5250 - width: 95%;
5251 -}
5252 -
5253 -.frm_wrap .ui-autocomplete {
5254 - padding: 3px 0;
5255 - max-height: 310px;
5256 -}
5257 -
5258 -.frm_wrap .ui-widget {
5259 - font-family: inherit;
5260 -}
5261 -
5262 -.frm_wrap .ui-autocomplete li {
5263 - padding: 2px 4px;
5264 - background: none;
5265 - color: var(--grey-700);
5266 - border: none;
5267 - font-weight: normal;
5268 -}
5269 -
5270 -.frm_wrap .ui-autocomplete .ui-menu-item-wrapper.ui-state-active {
5271 - border: none;
5272 - font-weight: inherit;
5273 -}
5274 -
5275 -.frm_select_with_label {
5276 - margin: 7px 0 0;
5277 -}
5278 -
5279 1989 /* Customization Panel */
5280 -#frm-insert-fields-box, #frm-conditionals {
5281 - max-height: none;
1990 +#frm-insert-fields-box, #frm-conditionals{
1991 + max-height:none;
1992 + padding-right:0;
5282 1993 }
5283 -
5284 -#frm-conditionals, #frm-adv-info-tab {
5285 - display: none;
5286 - max-height: 355px;
1994 +#frm-conditionals, #frm-adv-info-tab{
1995 + display:none;
5287 1996 }
5288 -
5289 1997 #frm-insert-fields-box ul.subsubsub,
5290 -#frm-conditionals ul.subsubsub {
5291 - float: right;
5292 - margin: 0;
1998 +#frm-conditionals ul.subsubsub{
1999 + float:right;
2000 + margin:0;
5293 2001 }
5294 -
5295 2002 #frm-insert-fields-box ul.alignleft,
5296 -#frm-conditionals ul.alignleft {
5297 - margin: 5px 0 0;
2003 +#frm-conditionals ul.alignleft{
2004 + margin:5px 0 0;
5298 2005 }
5299 -
5300 -#frm_adv_info ul.frm_code_list.frm-full-hover {
5301 - clear: both;
5302 - max-height: 215px;
5303 - overflow: auto;
2006 +#frm_field_search{
2007 + width: 100%;
5304 2008 }
5305 -
5306 -#frm-insert-fields-box ul.frm_code_list li.clear.frm_block {
5307 - height: 10px;
2009 +#frm-insert-fields-box ul.frm_code_list.frm_full_width,
2010 +#frm-conditionals ul.frm_code_list.frm_full_width{
2011 + clear:both;
2012 + max-height:150px;
2013 + overflow:auto;
5308 2014 }
5309 -
5310 -#frm_adv_info .frm_noallow {
5311 - display: none;
2015 +#frm-adv-info-tab{
2016 + max-height:355px;
5312 2017 }
5313 -
5314 -#frm_adv_info #frm-conditionals .frm_noallow {
5315 - display: block;
2018 +#frm-insert-fields-box ul.frm_code_list li.clear.frm_block{
2019 + height:10px;
5316 2020 }
5317 2021
5318 2022 /* Customize HTML Tab */
5319 -#frm_html_tab.frm_hidden {
5320 - display: none;
2023 +#frm_html_tab.frm_hidden{
2024 + display:none;
5321 2025 }
5322 -
5323 -#frm_html_tab.active {
5324 - display: inline;
2026 +#frm_html_tab.active{
2027 + display:inline;
5325 2028 }
5326 2029
5327 2030 /*Form Actions Tab*/
5328 2031 .frm_email_reply_container select,
5329 2032 .frm_email_reply_container input,
5330 -.form-table td.frm_150_width {
5331 - width: 170px;
2033 +.form-table td.frm_150_width{
2034 + width:170px;
5332 2035 }
5333 2036
5334 -#frm_notification_settings .frm_no_top_padding {
5335 - padding-top: 0;
2037 +#frm_notification_settings .frm_no_top_padding{
2038 + padding-top:0;
5336 2039 }
5337 2040
5338 -.frm_email_settings.frm_email_settings.widgets-holder-wrap {
5339 - overflow: auto;
5340 - box-shadow: none;
2041 +.frm_email_settings.frm_email_settings.widgets-holder-wrap{
2042 + overflow:auto;
2043 + box-shadow:none;
5341 2044 }
5342 -
5343 2045 #frm_notification_settings .widget-top .widget-action,
5344 2046 #frm_form_editor_container .widget-top .widget-action {
5345 2047 border: 0;
5346 2048 margin: 0;
@@ -5349,633 +2051,362 @@
5349 2051 cursor: pointer;
5350 2052 outline: 0;
5351 2053 }
5352 2054
5353 -#frm_email_addon_menu {
5354 - border: 1px solid var(--grey-300);
5355 - padding: var(--gap-sm);
5356 - border-radius: 4px;
5357 - margin: var(--gap-md) 0 var(--gap-sm);
2055 +#frm_notification_settings .widget-top .widget-action .toggle-indicator:before,
2056 +#frm_form_editor_container .widget-top .widget-action .toggle-indicator:before {
2057 + padding: 1px 2px 1px 0;
2058 + -webkit-border-radius: 50%;
2059 + border-radius: 50%;
5358 2060 }
5359 2061
5360 -#frm_email_addon_menu .frm-search {
5361 - float: right;
5362 - margin: 0;
2062 +#frm_notification_settings .widget-top .widget-action:focus .toggle-indicator:before,
2063 +#frm_form_editor_container .widget-top .widget-action:focus .toggle-indicator:before {
2064 + color: #124964;
2065 + -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
2066 + box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
5363 2067 }
5364 2068
5365 -#frm_email_addon_menu h3.frm-no-border {
5366 - clear: none;
5367 - padding-top: 7px;
2069 +.frm_form_action_settings .widget-top .toggle-indicator:before,
2070 +#frm_form_editor_container .widget-top .toggle-indicator:before {
2071 + font: 400 20px/1 dashicons;
2072 + content: "\f140" !important;
5368 2073 }
5369 2074
5370 -.frm_email_settings .widget .widget-top {
5371 - background-color: var(--sidebar-color);
2075 +.frm_form_action_settings.widget.open .widget-top .toggle-indicator:before,
2076 +#frm_form_editor_container .widget.open .widget-top .toggle-indicator:before {
2077 + font: 400 20px/1 dashicons;
2078 + content: "\f142" !important;
5372 2079 }
5373 2080
5374 -.frm_email_settings .widget .widget-top,
5375 -.frm_email_settings .widget .widget-top h3 {
5376 - cursor: pointer !important;
2081 +.frm_email_settings .widget .widget-top, .frm_email_settings .widget .widget-top h3{
2082 + cursor:pointer;
5377 2083 }
5378 2084
5379 -.frm_email_settings .widget {
5380 - margin-bottom: var(--gap-sm);
2085 +.frm_email_settings .widget, #frm_email_addon_menu{
2086 + margin-bottom:15px;
2087 + line-height: 1.4em;
2088 + padding: 0;
5381 2089 }
5382 -
5383 -.frm_form_action_settings .widget-top {
5384 - box-shadow: none;
5385 - border-color: var(--grey-300);
5386 - border-radius: var(--small-radius);
5387 - background: var(--lightest-grey);
5388 - color: var(--grey-700);
2090 +.frm_email_settings .widget:last-of-type{
2091 + margin-bottom:20px;
5389 2092 }
5390 2093
5391 -.frm_form_action_settings:hover .widget-top {
5392 - border-color: var(--grey);
2094 +.frm_actions_list a{
2095 + color:#A0A0A0;
5393 2096 }
5394 2097
5395 -.frm_form_action_settings.open .widget-top {
5396 - border-bottom-left-radius: 0;
5397 - border-bottom-right-radius: 0;
5398 - border-bottom: none;
2098 +.frm_actions_list a:active, .frm_actions_list a:focus{
2099 + outline: none;
5399 2100 }
5400 2101
5401 -.frm_form_action_settings.open:hover .widget-top {
5402 - border-color: var(--grey-300);
2102 +.frm_form_action_settings,
2103 +.frm_form_action_settings .btn-group.frm-btn-group.open{
2104 + position: static;
5403 2105 }
5404 2106
5405 -.frm_form_action_settings > .widget-inside {
5406 - display: none;
2107 +.frm_form_action_settings .widget-top{
2108 + position: relative;
5407 2109 }
5408 2110
5409 -.frm_form_action_settings.open > .widget-inside {
5410 - display: block;
2111 +.frm_form_action_settings .widget-inside{
2112 + min-height:25px;
5411 2113 }
5412 -
5413 -.frm_form_action_settings .widget-inside {
5414 - min-height: 25px;
5415 - padding: 15px;
5416 - border-color: var(--grey-300);
5417 - border-bottom-left-radius: 4px;
5418 - border-bottom-right-radius: 4px;
5419 -}
5420 -
5421 2114 .frm_form_action_settings .widget-title h4,
5422 -.frm_form_action_settings .widget-title h3 {
5423 - display: inline-block;
5424 - border-bottom: none;
2115 +#frm_email_addon_menu h4,
2116 +.frm_form_action_settings .widget-title h3,
2117 +#frm_email_addon_menu h3{
2118 + display: inline-block;
2119 + border-bottom:none;
5425 2120 padding: 10px 10px 5px;
5426 - font-size: var(--text-md);
5427 - font-weight: 500;
2121 + line-height: 1.4;
5428 2122 }
5429 -
5430 -#frm_email_addon_menu h3 {
5431 - margin: 0 0 var(--gap-sm);
5432 - clear: both;
2123 +#frm_email_addon_menu h4,
2124 +#frm_email_addon_menu h3{
2125 + font-size: 14px;
2126 + line-height: 1.4;
2127 + margin: 0;
2128 + padding: 10px 15px;
2129 + overflow: hidden;
5433 2130 }
5434 -
5435 -.frm_single_api_settings p > label {
5436 - display: inline;
5437 -}
5438 -
5439 -.frm_form_action_icon {
2131 +.frm_form_action_icon{
5440 2132 margin-right: 5px;
5441 2133 }
5442 2134
5443 -.frm_actions_list {
5444 - margin: 0;
5445 - display: inline;
2135 +.frm_actions_list{
2136 + display:inline-block;
2137 + margin: 0;
2138 + margin-left:25px;
2139 + vertical-align: top;
5446 2140 }
5447 -
5448 -.frm_actions_list li {
5449 - float: left;
5450 - width: 15.6%;
5451 - margin: 10px .5% 15px;
5452 - height: 100px;
5453 - text-align: center;
2141 +.frm_actions_list li{
2142 + display:inline;
2143 + margin:0 2px;
5454 2144 }
5455 -
5456 -.frm-limited-actions .frm-group-heading,
5457 -.frm-limited-actions #frm-hide-groups,
5458 -.frm-all-actions #frm-show-groups,
5459 -.frm-limited-actions .frm-not-installed:not(.frm-search-result):not(.frm-default-show) {
5460 - display: none;
2145 +label.frm_action_events{
2146 + padding-left:15px;
5461 2147 }
5462 -
5463 -label.frm_action_events {
5464 - padding-left: 15px;
2148 +.frm_actions_list > li > a:before,
2149 +.frm_email_settings .widget-title .frm_form_action_icon:before{
2150 + font-size:18px;
2151 + color:#A0A0A0;
2152 + text-decoration: none;
5465 2153 }
5466 -
5467 -#frm-hide-groups,
5468 -#frm-show-groups {
5469 - font-size: var(--text-md);
5470 - float: right;
2154 +.frm_actions_list a.frm_icon_font:before,
2155 +.frm_actions_list > li > a:before{
2156 + font-size:24px;
2157 + height:24px;
2158 + width:24px;
5471 2159 }
5472 -
5473 -.frm_actions_list a:active, .frm_actions_list a:focus {
5474 - outline: none;
2160 +.frm_email_icons, .frm_actions_list{
2161 + padding: 10px 0 5px 15px;
5475 2162 }
5476 -
5477 -.frm_actions_list a {
5478 - font-size: var(--text-sm);
5479 - color: var(--grey-700);
5480 - word-break: break-word;
2163 +.frm_email_icons{
2164 + padding-left:6px;
5481 2165 }
5482 2166
5483 -.frm_actions_list span.frm-outer-circle {
5484 - /* 50px total with 30px content */
5485 - background-color: var(--grey-100);
5486 - padding: 10px;
5487 - text-align: center;
5488 - border-radius: 50%;
5489 - display: block;
5490 - width: 30px;
5491 - height: 30px;
5492 - margin: 0 auto 15px;
5493 - line-height: 1;
5494 -}
5495 -
5496 -.frm_email_settings .widget-title h4 {
5497 - color: var(--grey-700);
5498 -}
5499 -
5500 -.frm_disabled_action .widget-title h4 {
5501 - color: var(--grey);
5502 -}
5503 -
5504 -.frm_actions_list a .frmsvg,
5505 -.frm_actions_list a i {
5506 - height: 18px;
5507 - width: 18px;
5508 - font-size: 18px;
5509 - padding: 2px;
5510 - color: var(--lightest-grey);
5511 -}
5512 -
5513 -span.frm-inner-circle,
5514 -.frm_email_settings .widget-title .frm_form_action_icon {
5515 - background-color: var(--grey-400);
5516 - border-radius: 50%;
5517 - display: inline-block;
5518 - text-align: center;
5519 - line-height: 1;
5520 -}
5521 -
5522 -span.frm-inner-circle {
5523 - background-color: var(--primary-700);
5524 - height: 22px;
5525 - width: 22px;
5526 - padding: 4px;
5527 - color: #fff;
5528 -}
5529 -
5530 -.frm-inner-circle svg {
5531 - fill: currentColor;
5532 -}
5533 -
5534 -.frm_email_settings .widget-title .frm_form_action_icon {
5535 - height: 15px;
5536 - width: 15px;
5537 - padding: 5px;
5538 - color: #fff;
5539 - vertical-align: middle;
5540 -}
5541 -
5542 -.frm_actions_list .frmsvg,
5543 -.frm_actions_list i:before,
5544 -.frm_email_settings .widget-title .frm_form_action_icon i,
5545 -.frm_email_settings .widget-title .frm_form_action_icon .frmsvg {
5546 - height: 15px;
5547 - width: 15px;
5548 - vertical-align: text-top;
5549 -}
5550 -
5551 -.frm_actions_list i:before {
5552 - vertical-align: middle;
5553 -}
5554 -
5555 -.frm_email_settings .widget-title:hover .frm_form_action_icon {
5556 - background-color: var(--grey);
5557 -}
5558 -
5559 -span.frm-inner-circle.frm-inverse {
5560 - background-color: transparent;
5561 - color: var(--primary-700);
5562 - padding: 0;
5563 - height: 30px;
5564 - width: 100%;
5565 -}
5566 -
5567 -.frm_actions_list span.frm-inverse i,
5568 -.frm_actions_list span.frm-inverse .frmsvg {
5569 - color: var(--primary-700);
5570 - height: 30px;
5571 - width: 30px;
5572 - font-size: 30px;
5573 - padding: 0;
5574 -}
5575 -
5576 -.frm_actions_list i.frm-inverse:before {
5577 - height: 30px;
5578 - width: 100%;
5579 - font-size: 30px;
5580 -}
5581 -
5582 -.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse {
5583 - background: #fff;
5584 - padding: 0;
5585 - height: 24px;
5586 - width: 24px;
5587 -}
5588 -
5589 -.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse .frmsvg,
5590 -.frm_email_settings .widget-title .frm_form_action_icon.frm-inverse i:before {
5591 - color: var(--grey-400);
5592 - height: 24px;
5593 - width: 24px;
5594 - font-size: 24px;
5595 -}
5596 -
5597 -.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse .frmsvg,
5598 -.frm_email_settings .widget-title:hover .frm_form_action_icon.frm-inverse i:before {
5599 - color: var(--grey-500);
5600 -}
5601 -
5602 -.frm_email_icons {
5603 - padding: 10px 0 5px 6px;
5604 - font-size: 20px;
5605 -}
5606 -
5607 2167 .frm_email_icons a {
5608 - margin-left: 8px;
5609 - color: var(--grey);
5610 - opacity: 0;
5611 - transition: all .2s ease;
2168 + margin-left: 3px;
5612 2169 }
5613 2170
5614 -.frm_email_icons a .frmsvg {
5615 - color: var(--grey);
2171 +.frm_actions_list a.frm_inactive_action:before{
2172 + color:#d6d6d6;
2173 + cursor:not-allowed;
5616 2174 }
5617 -
5618 -.frm_email_icons a:hover,
5619 -.widget-top:hover .frm_email_icons a {
5620 - opacity: 1;
2175 +.frm-no-margin{
2176 + margin:0;
5621 2177 }
5622 -
5623 -.frm_actions_list a.frm_inactive_action {
5624 - color: var(--grey);
5625 -}
5626 -
5627 -.frm_inactive_action .frm-inner-circle,
5628 -.frm_actions_list .frm_inactive_action i {
5629 - opacity: .4;
5630 -}
5631 -
5632 -table td, .form-table tr td {
5633 - vertical-align: top;
5634 -}
5635 -
5636 -#new_fields .form-table tr td {
5637 - display: block;
5638 - padding: 7px 0 0;
5639 -}
5640 -
5641 -#new_fields .form-table tr td:first-child {
5642 - margin: 0;
5643 -}
5644 -
5645 -#new_fields .form-table tr td:last-child {
5646 - margin-bottom: 9px;
5647 -}
5648 -
5649 2178 .form-table #list-table th {
5650 - text-align: center;
2179 + text-align:center;
5651 2180 }
5652 2181
5653 -#form_settings_page th,
5654 -#form_settings_page td,
2182 +#frm_notification_settings th,
2183 +#frm_notification_settings td,
5655 2184 .frm_settings_form td,
5656 -#frm_notification_settings .frm_form_action_settings td p {
5657 - padding: 7px 0;
2185 +#frm_notification_settings .frm_form_action_settings p{
2186 + padding-top:7px;
2187 + padding-bottom:7px;
5658 2188 }
5659 2189
5660 -#permissions_settings_settings .frm_grid_container {
5661 - align-items: center;
2190 +#frm_notification_settings .form-table > tbody > tr > th{
2191 + width:150px;
2192 + font-weight:normal;
2193 + padding-right:10px;
5662 2194 }
5663 2195
5664 -#frm_notification_settings .form-table > tbody > tr > th {
5665 - width: 150px;
5666 - font-weight: normal;
5667 - padding-right: 10px;
2196 +#frm_notification_settings .frm_single_email_settings .form-table > tbody > tr > th{
2197 + width:80px;
5668 2198 }
5669 2199
5670 -#frm_notification_settings .frm_single_email_settings .form-table > tbody > tr > th {
5671 - width: 80px;
2200 +#frm_notification_settings label.frm_left_label{
2201 + width:160px;
5672 2202 }
5673 2203
5674 -#frm_notification_settings table tr td:first-child {
5675 - padding-left: 0;
2204 +#frm_notification_settings table tr td:first-child{
2205 + padding-left:0;
5676 2206 }
5677 2207
5678 -#frm_notification_settings table tr td:last-child {
5679 - padding-right: 0;
2208 +#frm_notification_settings table tr td:last-child{
2209 + padding-right:0;
5680 2210 }
5681 2211
5682 -
5683 -#frm_notification_settings .frm_left_label {
5684 - /* For add-ons that haven't been updated for 4.0 */
5685 - float: none;
5686 - width: auto !important;
2212 +#frm_notification_settings .frm_email_buttons{
2213 + height: 22px;
2214 + line-height: 20px;
2215 + padding: 0 6px 1px;
5687 2216 }
5688 -
5689 -.frm-fields .frm_autoresponder_rows select {
5690 - width: auto;
2217 +#frm_notification_settings .frm_cc_button{
2218 + float:left;
5691 2219 }
5692 -
5693 -#frm_notification_settings .frm_with_left_label,
5694 -#frm_notification_settings .frm_left_label + textarea,
5695 -#frm_notification_settings .frm_left_label + select,
5696 -#frm_notification_settings .frm_left_label + input[type=text] {
5697 - width: 100%;
2220 +#frm_notification_settings .frm_bcc_button{
2221 + float:right;
5698 2222 }
5699 -
5700 -#frm_notification_settings .frm_email_buttons {
5701 - padding: var(--gap-2xs);
5702 - background: var(--light-blue);
5703 - color: var(--primary-700);
5704 - border-radius: var(--small-radius);
5705 - border-color: var(--blue-border);
5706 - line-height: 1;
5707 - height: auto;
5708 - min-height: 12px;
5709 - font-size: var(--text-xs);
5710 - box-shadow: none;
2223 +#frm_notification_settings .frm_bcc_cc_container{
2224 + width:96px;
5711 2225 }
5712 2226
5713 -.frm_reply_to_container,
5714 -.frm_bcc_cc_container {
5715 - float: right;
5716 - margin: -4px 0 0;
5717 - z-index: 1;
5718 - position: relative;
2227 +.frm_action_id{
2228 + font-size:11px;
2229 + opacity:0.8;
2230 + padding-top:10px;
5719 2231 }
5720 2232
5721 -.frm_email_row .frm_cancel1_icon:before {
5722 - vertical-align: bottom;
2233 +.frm_logic_field_opts{
2234 + max-width:180px;
5723 2235 }
5724 2236
5725 -.frm_logic_field_opts {
5726 - max-width: 35%;
5727 -}
5728 -
5729 -.frm-inline-select,
5730 -p.frm-inline-select,
5731 -#frm_submit_logic_row,
5732 -.frm_logic_rows .frm-collapse-me {
5733 - line-height: var(--h-md) !important;
5734 -}
5735 -
5736 -.frm_logic_row {
5737 - padding: var(--gap-xs) 0 0;
5738 - align-items: center;
5739 -}
5740 -
5741 -.frm-single-settings .frm_logic_row > select {
5742 - max-width: 32.5% !important;
5743 -}
5744 -
5745 -.frm-single-settings .frm_logic_row select:nth-child(2) {
5746 - max-width: 20% !important;
5747 -}
5748 -
5749 -.frm-single-settings .frm_logic_row span input,
5750 -.frm-single-settings .frm_logic_row span select {
5751 - max-width: 36% !important;
5752 -}
5753 -
5754 -.frm-single-settings .frm_logic_row input {
5755 - max-width: 118px !important;
5756 -}
5757 -
5758 -.frm-single-settings ul.frm_sortable_field_opts {
5759 - margin-bottom: 5px;
5760 -}
5761 -
2237 +.frm_form_action_settings .frm_logic_row,
2238 +.frm_form_action_settings .frm_posttax_row,
5762 2239 .advanced_settings .frm_logic_row {
5763 - margin: 14px 0;
2240 + margin:14px 0;
5764 2241 }
5765 -
2242 +.frm_form_action_settings .frm_logic_row select,
2243 +.frm_form_action_settings .frm_logic_row input,
5766 2244 .advanced_settings .frm_logic_row select,
5767 -.advanced_settings .frm_logic_row input {
5768 - max-width: 30% !important;
2245 +.advanced_settings .frm_logic_row input{
2246 + max-width:30%;
5769 2247 }
5770 -
5771 -.frm_form_action_settings .frm_logic_row p {
5772 - margin-top: 0;
5773 - margin-bottom: 0;
5774 - padding: 0;
2248 +.frm_form_settings input[type="text"]{
2249 + line-height: normal;
2250 + height: auto;
5775 2251 }
5776 -
5777 -#poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside {
5778 - padding-bottom: 0;
2252 +#poststuff .widgets-holder-wrap .frm_form_action_settings .widget-inside{
2253 + padding-bottom:0;
5779 2254 }
5780 2255
5781 -#poststuff .frm_form_settings .widgets-holder-wrap .widget-inside {
5782 - padding-left: 15px;
5783 - padding-right: 15px;
2256 +#poststuff .frm_form_settings .widgets-holder-wrap .widget-inside{
2257 + padding-left:15px;
2258 + padding-right:15px;
5784 2259 }
5785 2260
5786 2261 #form_global_settings h3 {
5787 - font-size: var(--text-sm);
5788 - margin-top: 25px;
2262 + font-size:14px;
2263 + margin-top: 0px;
5789 2264 }
5790 2265
5791 -#form_global_settings .tabs-panel + h3 {
5792 - margin-top: 0;
5793 - border: none;
5794 -}
5795 -
5796 2266 #poststuff .frm_form_settings .widget-inside h3,
5797 2267 #poststuff .frm_form_settings .advanced_settings h3,
5798 2268 #poststuff .frm_settings_form h3,
5799 -#frm_advanced .inside h3 {
5800 - border-top: 1px solid #eee;
5801 - border-bottom: none;
5802 - margin: 15px -15px 0;
2269 +#frm_advanced .inside h3,
2270 +#form_show_entry_page .inside h3{
2271 + border-top:1px solid #eee;
2272 + border-bottom:none;
2273 + margin:15px -15px 0;
5803 2274 padding: 8px 15px;
5804 - font-size: var(--text-sm);
2275 + font-size:14px;
5805 2276 }
5806 2277
5807 2278 #poststuff .frm_form_settings h3.frm_first_h3,
5808 -#poststuff h3.frm_first_h3 {
5809 - border: none;
5810 - margin-top: 0;
2279 +#poststuff h3.frm_first_h3{
2280 + border:none;
2281 + margin-top:0;
5811 2282 }
5812 -
5813 -h3.frm_add_logic_link {
5814 - margin-bottom: 0 !important;
2283 +#poststuff h3.frm_add_logic_link{
2284 + margin-bottom:0 !important;
5815 2285 }
5816 2286
5817 -a.frm_add_logic_link.frm_hidden {
5818 - display: none;
5819 -}
5820 -
5821 -.frm_add_logic_link .frmsvg,
5822 -.frm_add_logic_link i {
5823 - margin-right: 5px;
5824 -}
5825 -
5826 2287 .frm_right_addon {
5827 - position: relative;
2288 + position: relative;
5828 2289 }
5829 -
5830 2290 .frm_right_addon .frm_remove_field {
5831 - position: absolute;
5832 - padding: 5px 10px;
5833 - right: 10px;
2291 + position: absolute;
2292 + padding: 5px 10px;
2293 + right: 10px;
5834 2294 bottom: 0;
5835 2295 }
5836 -
5837 2296 .frm_right_addon input {
5838 - padding-right: var(--gap-lg);
2297 + padding-right: 30px;
5839 2298 }
5840 2299
5841 -.frm_icon_font {
5842 - color: #A0A0A0;
5843 - color: var(--grey);
2300 +.frm_icon_font{
2301 + color:#A0A0A0;
5844 2302 }
5845 2303
5846 -.frm-fields label .frm_icon_font {
5847 - font-size: inherit;
2304 +a.frm_icon_font:hover, a.frm_icon_font:active, a.frm_icon_font:focus {
2305 + color: #82b4cb;
5848 2306 }
5849 2307
5850 -.misc-pub-revisions.frm_icon_font,
5851 -.misc-pub-revisions.frm_icon_font:hover {
5852 - color: inherit;
2308 +.frm_confirming.frm_icon_font:before {
2309 + content:'' !important;
5853 2310 }
5854 2311
5855 -.postbox.frm_with_icons .inside {
5856 - padding: 0;
5857 - margin: 0;
2312 +.misc-pub-revisions.frm_icon_font,
2313 +.misc-pub-revisions.frm_icon_font:hover{
2314 + color:inherit;
5858 2315 }
5859 2316
5860 -.frm_add_tag:before {
5861 - content: '\e602';
2317 +#post-body .misc-pub-revisions.frm_email_icon:before{
2318 + content: "\e626";
5862 2319 }
5863 2320
5864 -.frm_remove_tag:before {
5865 - content: '\e600';
2321 +.postbox.frm_with_icons .inside{
2322 + padding:0;
2323 + margin:0;
5866 2324 }
5867 2325
5868 -.frm_logic_row .frm_remove_tag {
5869 - padding-left: 7px;
2326 +.frm_add_tag:before{
2327 + content: '\e602';
5870 2328 }
5871 -
5872 -.frm_logic_row .frm1 > .frm_remove_tag {
5873 - padding: 0;
2329 +.frm_remove_tag:before{
2330 + content: '\e600';
5874 2331 }
5875 2332
5876 -.frm_tooltip_icon:before {
5877 - font-size: 13px;
5878 - vertical-align: top;
2333 +.frm_tooltip_icon:before{
2334 + font-size:13px;
2335 + vertical-align:top;
5879 2336 }
5880 2337
5881 -.form-field input[type=text].frm_other_input {
5882 - width: 30%;
5883 - margin-left: 10px;
2338 +.frm_other_option .frm_ipe_field_option{
2339 + min-width:0;
2340 + margin-right:5px;
5884 2341 }
5885 -
5886 -.frm-add-other {
5887 - text-align: right;
2342 +.form-field input[type=text].frm_other_input{
2343 + width:30%;
5888 2344 }
5889 2345
5890 -.frm_add_opt .frm_add_tag,
5891 -.frm-add-other .frm_add_tag {
5892 - vertical-align: 20%;
2346 +.frm_clear_on_focus{
2347 + vertical-align: middle;
5893 2348 }
5894 2349
5895 -.frm_action_icon {
5896 - margin: 5px 0 0 5px;
2350 +.frm_action_icon{
2351 + margin:5px 0 0 5px;
5897 2352 }
5898 -
5899 -span.frm_action_icon {
5900 - margin: 0 4px 0 0;
5901 -}
5902 -
5903 -.frm_action_icon:active {
5904 - outline: none;
5905 -}
5906 -
5907 -a.frm_action_icon:hover {
5908 - text-decoration: none;
5909 -}
5910 -
5911 -.frm_action_icon.frm_error_icon:before {
2353 +span.frm_action_icon{margin:0 4px 0 0;}
2354 +.frm_action_icon:active {outline:none;}
2355 +a.frm_action_icon:hover {text-decoration:none;}
2356 +.frm_action_icon.frm_error_icon:before{
5912 2357 content: '\e608';
5913 2358 }
5914 -
5915 -.frm_inactive_icon.frm_action_icon.frm_error_icon:before {
2359 +.frm_inactive_icon.frm_action_icon.frm_error_icon:before{
5916 2360 content: '\e606';
5917 2361 }
5918 -
5919 -.frm-field-action-icons {
5920 - text-align: right;
5921 - position: absolute;
5922 - top: 2px;
5923 - right: 2px;
5924 - max-width: 100%;
2362 +.frm_action_icon.frm_reload_icon:before{
2363 + content: '\e60a';
2364 + font-size:15px;
5925 2365 }
5926 -
5927 -.frm-field-action-icons .frm-field-id {
5928 - display: inline-block;
5929 - overflow: hidden;
5930 - text-overflow: ellipsis;
5931 - white-space: nowrap;
5932 - width: 80px;
5933 - max-width: calc( 100% - 50px );
5934 - position: relative;
5935 - top: 2px;
2366 +.frm_inactive_icon.frm_action_icon.frm_reload_icon:before{
2367 + content: '\e60b';
5936 2368 }
5937 2369
5938 -.frm-field-action-icons > a {
5939 - font-size: var(--text-md);
5940 - width: 17px;
2370 +.frm_action_icon.frm_required_icon:before{
2371 + content: '\e612';
2372 + font-size:8px;
2373 + vertical-align:top;
2374 + line-height: 2.1em;
2375 + margin-right:3px;
5941 2376 }
5942 -
5943 -.frm-field-action-icons a:hover {
5944 - text-decoration: none;
2377 +.frm_action_icon.frm_required_icon,
2378 +.ui-state-default .frm_action_icon.frm_required_icon{
2379 + color:#000;
2380 + margin-top:0;
5945 2381 }
5946 2382
5947 -.frm-field-action-icons .dropdown {
5948 - display: inline-block;
2383 +.ui-state-default a.frm_action_icon.frm_required0,
2384 +a.frm_inactive_icon.frm_action_icon.frm_required_icon,
2385 +a.frm_action_icon.frm_required0{
2386 + color:#ababab;
5949 2387 }
5950 2388
5951 -.frm-field-action-icons > a .frmsvg {
5952 - color: var(--grey-500) !important;
5953 - font-size: 17px;
5954 - width: 17px;
5955 - height: 17px;
2389 +.frm-hover-icon{
2390 + margin-left:2px;
5956 2391 }
5957 2392
5958 -.frm-field-action-icons > a .frmsvg,
5959 -.frm-field-action-icons > div > a .frmsvg {
5960 - vertical-align: baseline;
2393 +.frm-hover-icon.frm_icon_font:before{
2394 + font-size:16px;
5961 2395 }
5962 2396
5963 -.edit_field_type_end_divider .frm-field-action-icons {
5964 - display: none !important;
5965 -}
2397 +.frm-move{cursor:move;}
5966 2398
5967 -.frm-move {
5968 - cursor: grab;
2399 +.frm_remove_tag:before,
2400 +.frm_add_tag:before{
2401 + vertical-align: middle;
5969 2402 }
5970 2403
5971 -span.howto {
5972 - display: inline;
5973 -}
2404 +span.howto{display:inline;}
5974 2405
5975 -.frm_import_message {
5976 - margin: 15px 0;
5977 - line-height: 2.5em;
2406 +.frm_import_message{
2407 + margin:15px 0;
2408 + line-height:2.5em;
5978 2409 }
5979 2410
5980 2411 .frm_sorting .form-field .widget input[type="text"],
5981 2412 .frm_sorting .form-field .widget input[type="number"],
@@ -5980,60 +2411,48 @@
5980 2411 .frm_sorting .form-field .widget input[type="text"],
5981 2412 .frm_sorting .form-field .widget input[type="number"],
5982 2413 .frm_sorting .form-field .widget select,
5983 2414 #wpcontent .frm_sorting .form-field .widget select,
5984 -.frm_sorting .form-field .widget textarea {
5985 - width: auto;
2415 +.frm_sorting .form-field .widget textarea{
2416 + width:auto;
5986 2417 }
5987 2418
5988 2419 .tagchecklist span.no_taglist {
5989 - display: inline;
5990 - float: none;
5991 - line-height: 15px;
5992 - margin-right: 0;
5993 - font-size: inherit;
2420 + display: inline;
2421 + float: none;
2422 + line-height: 15px;
2423 + margin-right: 0;
2424 + font-size:inherit;
5994 2425 }
5995 2426
5996 -.tagchecklist .frm_exclude_cat_list span {
5997 - display: inline;
5998 -}
2427 +.tagchecklist .frm_exclude_cat_list span{display:inline;}
2428 +.tagchecklist span a:before{line-height:23px;text-align:start;}
5999 2429
6000 -.tagchecklist span a:before {
6001 - line-height: 23px;
6002 - text-align: start;
6003 -}
6004 -
6005 2430 /* Entries Page */
6006 -.frm_no_entries_form {
6007 - padding: 60px 0;
2431 +.frm_no_entries_form{
2432 + padding:60px 0;
6008 2433 }
6009 2434
6010 -.frm_no_entries_form .frm_no_entries_header {
6011 - font-size: 20px;
6012 - margin-bottom: 10px;
2435 +.frm_no_entries_form .frm_no_entries_header{
2436 + font-size:20px;
2437 + margin-bottom:10px;
6013 2438 }
6014 2439
6015 -.frm_no_entries_form .frm_no_entries_text {
6016 - line-height: var(--leading);
2440 +.frm_no_entries_form .frm_no_entries_text{
2441 + line-height:200%;
6017 2442 }
6018 2443
6019 -#form_entries_page #the-list .no-items {
6020 - height: 240px; /* Equals to the max height of search dropdown */
6021 -}
6022 -
6023 2444 /* Reports Page */
6024 -#form_reports_page img.frm_no_reports {
6025 - max-width: 100%;
6026 -}
2445 +#form_reports_page img.frm_no_reports{max-width:100%;}
6027 2446
6028 -.frm_wrap .google-visualization-table .gradient,
6029 -.frm_wrap .google-visualization-table-tr-head,
6030 2447 .frm_wrap .google-visualization-table-tr-odd,
6031 2448 .frm_wrap .google-visualization-table-tr-odd.google-visualization-table-tr-over {
6032 2449 background: var(--lightest-grey);
6033 2450 }
6034 2451
6035 -.frm_wrap .google-visualization-table-tr-over {
2452 +.frm_wrap .google-visualization-table-tr-over,
2453 +.frm_wrap .google-visualization-table .gradient,
2454 +.frm_wrap .google-visualization-table-tr-head {
6036 2455 background: #fff;
6037 2456 }
6038 2457
6039 2458 .frm_wrap .google-visualization-table-table th,
@@ -6038,1674 +2457,773 @@
6038 2457
6039 2458 .frm_wrap .google-visualization-table-table th,
6040 2459 .frm_wrap .google-visualization-table-table td {
6041 2460 border-right-width: 0;
6042 - padding: 10px !important;
2461 + padding: 2px;
6043 2462 }
6044 2463
6045 2464 .frm_wrap .google-visualization-table-tr-head,
6046 2465 .frm_wrap .google-visualization-table-tr-head th {
6047 - white-space: pre-wrap;
6048 - font-size: var(--text-md);
2466 + font-size: 16px;
6049 2467 font-weight: 400 !important;
6050 2468 text-align: left;
6051 2469 }
6052 2470
6053 2471 .frm_wrap .google-visualization-table-td-number {
6054 - text-align: inherit;
6055 -}
6056 -
6057 -#form_reports_page .postbox{
6058 2472 text-align: center;
6059 - float: none;
6060 - display: inline-block;
6061 - margin-right: 2%;
6062 - width: 20%;
6063 - min-width: 175px;
6064 2473 }
6065 2474
6066 2475 /* Views Page */
6067 -#form_views_page img.frm_no_views {
6068 - max-width: 100%;
6069 -}
2476 +#form_views_page img.frm_no_views{max-width:100%;}
6070 2477
6071 2478 /* Field options popup */
6072 -.frm_field_opts_popup {
6073 - min-width: 300px;
6074 - background-color: #fff;
2479 +.frm_field_opts_popup{
2480 + min-width:300px;
2481 + background-color:#fff;
6075 2482 }
6076 -
6077 -.frm_field_opts_popup #wpadminbar {
6078 - display: none;
2483 +.frm_field_opts_popup #wpadminbar{
2484 + display:none;
6079 2485 }
6080 -
6081 -.frm_prepop {
6082 - width: 100%;
6083 - list-style: none;
6084 - overflow: auto;
6085 - margin: 0;
6086 - max-height: 295px;
2486 +.frm_prepop{
2487 + float:left;
2488 + width:235px;
2489 + list-style:none;
2490 + overflow:auto;
2491 + border-right: 2px solid #DEDEDE;
2492 + padding-right:10px;
2493 + padding-left:10px;
2494 + margin:0;
6087 2495 }
6088 -
6089 -.frm_prepop li {
6090 - margin: 0;
2496 +.frm_prepop li{
2497 + margin: 0 0 3px;
6091 2498 }
6092 -
6093 -.frm_prepop li a {
6094 - display: block;
6095 - text-decoration: none;
6096 - cursor: pointer;
6097 - padding: 5px 20px;
2499 +.frm_prepop li:first-child {
2500 + margin-top: 2px;
6098 2501 }
6099 2502
6100 -.frm_prepop li a:hover {
6101 - background: var(--sidebar-color);
2503 +.frm_prepop li a{
2504 + background:#F5F5F5;
2505 + border-width:1px;
2506 + border-style:solid;
2507 + border-color:#EEEEEE #DEDEDE #DEDEDE #EEEEEE;
2508 + display: block;
2509 + font-weight: bold;
2510 + height: 30px;
2511 + line-height: 30px;
2512 + margin: 0 10px 0 0;
2513 + text-align: center;
2514 + text-decoration: none;
2515 + cursor:pointer;
6102 2516 }
6103 2517
6104 2518 /* */
6105 -#frm_form_editor_container #frm_form_key_box {
6106 - width: 13em;
6107 - max-width: 30%
6108 -}
2519 +#frm_form_editor_container #frm_form_key_box{width:13em;max-width:30%}
2520 +#frm_form_editor_container #frm_form_desc{width:70%;}
2521 +#frm_form_editor_container .ui-widget-content{display:none; padding:15px;}
2522 +#frm_form_editor_container .ui-widget-content label{float:left; width:170px; text-align:right; padding-right:5px; clear:both;}
2523 +#frm_form_editor_container .ui-widget-content label.nofloat{clear:none; float:none; margin-left:10px;}
2524 +#frm_form_editor_container .ui-state-default{color:#333 !important;}
2525 +#frm_form_editor_container .ui-state-default a.frm_orange, #postbox-container-1 a.frm_orange{color:#D54E21;}
6109 2526
6110 -#frm_form_editor_container #frm_form_desc {
6111 - width: 70%;
6112 -}
6113 -
6114 -#frm_form_editor_container .ui-widget-content {
6115 - display: none;
6116 - padding: 15px;
6117 -}
6118 -
6119 -#frm_form_editor_container .ui-widget-content label {
6120 - float: left;
6121 - width: 170px;
6122 - text-align: right;
6123 - padding-right: 5px;
6124 - clear: both;
6125 -}
6126 -
6127 -#frm_form_editor_container .ui-widget-content label.nofloat {
6128 - clear: none;
6129 - float: none;
6130 - margin-left: 10px;
6131 -}
6132 -
6133 -#frm_form_editor_container .ui-state-default {
6134 - color: #333 !important;
6135 -}
6136 -
6137 -.frm_green {
6138 - color: var(--green) !important;
6139 -}
6140 -
6141 -#frm_form_editor_container .ui-state-default a.frm_orange, .frm-right-panel a.frm_orange, #postbox-container-1 a.frm_orange {
6142 - color: #D54E21;
6143 -}
6144 -
6145 -#styling_settings input[type=checkbox], #styling_settings input[type=radio] {
6146 - border: solid 1px #bbb;
6147 -}
6148 -
6149 -#styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top {
6150 - cursor: pointer;
6151 -}
6152 -
6153 -.frm_sorting .widget, .frm_settings_page .widget {
6154 - background: #fff;
6155 -}
6156 -
6157 -.frm_sorting .widget-title h4 {
6158 - font-weight: normal;
6159 -}
6160 -
6161 -.frm_sorting .widget, #postbox-container-1 .widget, .frm-right-panel .widget, .frm_settings_page .widget {
6162 - margin-bottom: 0;
6163 -}
6164 -
6165 -.frm_settings_page .widget-inside {
6166 - padding: 0 5px 5px;
6167 -}
6168 -
2527 +#styling_settings input[type=checkbox], #styling_settings input[type=radio] {border:solid 1px #bbb;}
2528 +#styling_settings .widget .widget-top, #frm_form_editor_container .widget .widget-top {cursor:pointer;}
2529 +.frm_sorting .widget, .frm_settings_page .widget{background:#fff;}
2530 +.frm_sorting .widget-title h4{font-weight:normal;}
2531 +.frm_sorting .widget, #postbox-container-1 .widget, .frm_settings_page .widget{margin-bottom:0;}
2532 +.frm_settings_page .widget-inside{padding:0 5px 5px;}
6169 2533 .frm_sorting .widget,
6170 2534 .widget-inside,
6171 -.frm_sorting .form-field .widget {
2535 +.frm_sorting .form-field .widget{
6172 2536 display: none;
6173 2537 }
6174 -
6175 -#frm-show-fields {
6176 - min-height: 350px;
6177 - padding: 0 0 35px;
6178 - margin: 0;
6179 - position: relative;
2538 +.frm_sorting li.ui-state-default.selected > .widget,
2539 +.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .widget{
2540 + display:block;
2541 + margin-top: 15px;
6180 2542 }
6181 2543
6182 -.frm-has-fields #frm-show-fields {
6183 - min-height: 50px;
2544 +#new_fields{
2545 + min-height:480px;
2546 + margin-bottom:0;
6184 2547 }
6185 -
6186 -#frm_builder_page #frm_field_group_controls {
6187 - position: absolute;
6188 - padding: 5px;
6189 - border-radius: 4px 4px 0 0;
6190 - text-align: right;
6191 - box-sizing: border-box;
6192 - right: 0;
6193 - top: -28px;
6194 - height: 28px;
6195 - z-index: 3; /* section dividers use z-index: 2; position above that to avoid it taking over hover control. */
2548 +.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider{
2549 + display:none !important;
6196 2550 }
6197 2551
6198 -.frm-field-group-hover-target,
6199 -.frm-has-open-field-group-popup,
6200 -#frm_builder_page #frm_field_group_controls,
6201 -.frm-selected-field-group {
6202 - background: rgba(65, 153, 253, 0.04);
2552 +#postbox-container-1 .ui-state-default,
2553 +.frm_sorting > li.ui-state-default,
2554 +.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover{
2555 + border:1px solid transparent;
2556 + font-weight:normal !important;
2557 + background-color:transparent;
2558 + background-image:none;
2559 + padding:5px;
2560 + margin:20px 0;
2561 + box-shadow:none;
2562 + display:block !important;
2563 + text-align:inherit !important;
6203 2564 }
6204 -
6205 -.frm-selected-field-group {
6206 - position: relative;
2565 +.frm_sorting > li.ui-state-default.edit_field_type_form{
2566 + border:1px solid #d1e5ee;
6207 2567 }
6208 2568
6209 -#frm_builder_page #frm_field_group_controls > span:first-child {
6210 - margin-right: 5px;
2569 +#new_fields li.frm_cancel_sort{
2570 + /* If a section gets dropped into a section, hide it */
2571 + display:none;
6211 2572 }
6212 2573
6213 -#frm_builder_page #frm_field_group_controls svg {
6214 - pointer-events: none;
2574 +.divider_drop{
2575 + text-align:center;
6215 2576 }
6216 -
6217 -#frm_field_group_controls {
6218 - visibility: hidden;
2577 +.divider_drop .howto .frm_icon_font{
2578 + font-style:normal;
6219 2579 }
6220 2580
6221 -.frm-field-group-hover-target #frm_field_group_controls {
6222 - visibility: visible;
2581 +.repeat_section .start_divider li:only-child{
2582 + margin-top:50px;
6223 2583 }
6224 2584
6225 -#frm_field_group_controls .dropdown-item a span {
6226 - color: var(--grey-700);
2585 +.show_repeat_sec{
2586 + display:none;
6227 2587 }
6228 -
6229 -#frm_field_group_controls .dropdown-item a:hover {
6230 - text-decoration: none;
2588 +.repeat_section .show_repeat_sec{
2589 + display:inline-block;
2590 + margin:5px 0 0;
6231 2591 }
6232 -
6233 -.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider {
6234 - display: none !important;
2592 +.repeat_section .selected .show_repeat_sec{
2593 + margin-bottom:10px;
6235 2594 }
6236 2595
6237 -.frm-right-panel .ui-state-default,
6238 -#postbox-container-1 .ui-state-default,
6239 -.frm_sorting > li.ui-state-default,
6240 -.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover {
6241 - border: 1px solid transparent;
6242 - font-weight: normal !important;
6243 - background-color: transparent;
6244 - background-image: none;
6245 - padding: 5px;
6246 - margin: 0;
6247 - box-shadow: none;
6248 - display: block;
6249 - text-align: inherit !important;
6250 - overflow: visible;
6251 - position: relative;
2596 +.repeat_section tr.show_repeat_sec{
2597 + display:table-row;
6252 2598 }
6253 2599
6254 -#frm-show-fields li.frm_cancel_sort {
6255 - /* If a section gets dropped into a section, hide it */
6256 - display: none;
6257 -}
6258 -
6259 -.divider_drop {
6260 - text-align: center;
6261 -}
6262 -
6263 -.divider_drop .howto .frm_icon_font {
6264 - font-style: normal;
6265 -}
6266 -
6267 -.show_repeat_sec {
6268 - display: none;
6269 -}
6270 -
6271 -.repeat_section .show_repeat_sec {
6272 - display: inline-block;
6273 - margin: 5px 0 0;
6274 -}
6275 -
6276 -.repeat_section tr.show_repeat_sec {
6277 - display: table-row;
6278 -}
6279 -
6280 2600 .repeat_format .frm_repeat_label,
6281 -.repeat_formattext .frmsvg,
6282 -.repeat_formattext i {
6283 - display: none;
2601 +.repeat_formattext i{
2602 + display:none;
6284 2603 }
6285 2604
6286 -.frm_button {
6287 - text-decoration: none;
6288 - border: 1px solid #eee;
6289 - padding: 5px;
6290 - color: #444;
6291 - vertical-align: middle;
6292 - box-shadow: none !important;
2605 +.frm_button{
2606 + text-decoration:none;
2607 + border:1px solid #eee;
2608 + padding:5px;
2609 + color:#444;
2610 + vertical-align:middle;
2611 + box-shadow:none !important;
6293 2612 }
6294 2613
6295 -a.frm_button:hover {
6296 - text-decoration: none !important;
2614 +a.frm_button:hover{
2615 + text-decoration:none !important;
6297 2616 }
6298 -
6299 2617 .frm_button,
6300 -.frm_button .frm_icon_font:before {
6301 - font-size: 13px;
2618 +.frm_button .frm_icon_font:before{
2619 + font-size:13px;
6302 2620 vertical-align: middle;
6303 2621 }
6304 2622
6305 -.frm_button .frmsvg {
6306 - width: 13px;
6307 - height: 13px;
2623 +#postbox-container-1 .ui-state-default{
2624 + padding:0;
2625 + margin:0;
6308 2626 }
6309 -
6310 -.frm-right-panel .ui-state-default,
6311 -#postbox-container-1 .ui-state-default {
6312 - padding: 0;
6313 - margin: 0;
2627 +ul.start_divider{
2628 + padding:6px 12px 0;
2629 + border-left:1px solid #5B9DD9;
2630 + border-bottom:1px solid #5B9DD9;
2631 + min-height:100px;
6314 2632 }
6315 2633
6316 -ul.start_divider {
6317 - padding: 8px 13px 0 8px;
6318 - min-height: 115px;
6319 - transition: all 0.4s linear;
2634 +.frm_sorting li.ui-state-default .divider_section_only{
2635 + padding:6px;
6320 2636 }
6321 -
6322 -.frm-section-collapsed .frm_no_section_fields,
6323 -.frm-section-collapsed ul.start_divider {
6324 - height: 0;
6325 - min-height: 0 !important;
2637 +.frm_sorting li.ui-state-default.edit_field_type_divider{
2638 + padding:0 0 25px 0;
6326 2639 }
6327 -
6328 -.frm-section-collapsed ul.start_divider {
6329 - overflow: hidden;
6330 -}
6331 -
6332 -.frm-section-collapsed .frm_no_section_fields {
6333 - overflow: hidden;
6334 - padding: 0;
6335 - opacity: 0;
6336 -}
6337 -
6338 -.frm-section-collapsed .divider_section_only .frm-collapsed-label {
6339 - display: inline;
6340 -}
6341 -
6342 -.frm-page-collapsed .frm_clone_icon,
6343 -.frm-page-collapsed .frm_delete_field,
6344 -.frm-page-collapsed .frm_clone_field,
6345 -.frm-section-collapsed .frm_clone_icon {
6346 - opacity: .5;
6347 - cursor: not-allowed;
6348 -}
6349 -
6350 -/* Hide the Duplicate summary option because we are missing the logic that also adds a new page */
6351 -.edit_field_type_summary .frm_more_options_li:nth-child(2) {
6352 - display: none !important;
6353 -}
6354 -
6355 -.frm_no_section_fields:not(.frm_block) + ul.start_divider {
6356 - padding: 0;
6357 - min-height: 132px;
6358 -}
6359 -
6360 -.frm_sorting li.ui-state-default .divider_section_only {
6361 - padding: 6px;
6362 - margin-top: -10px;
6363 - border: 2px solid transparent;
6364 - border-radius: var(--small-radius);
6365 - z-index: 2;
6366 - position: relative;
6367 -}
6368 -
6369 -.divider_section_only > .frm_inner_field_container {
6370 - padding: 5px 0;
6371 - margin: 0;
6372 -}
6373 -
6374 -.frm-collapsed-label,
6375 -.divider_section_only > .frm_inner_field_container .frm_form_fields {
6376 - display: none;
6377 -}
6378 -
6379 -.frm-section-collapsed .divider_section_only:after,
6380 -.divider_section_only:before {
6381 - content: '';
6382 - display: block;
6383 - padding: 2px 0;
6384 - line-height: 1px;
6385 - border-top: 2px solid var(--grey-300);
6386 - top: -2px;
6387 - position: absolute;
6388 - width: 100%;
6389 - transition: .5s border-color ease-in-out;
6390 -}
6391 -
6392 -.frm-section-collapsed .divider_section_only:after {
6393 - top: auto;
6394 - bottom: -6px;
6395 -}
6396 -
6397 -.frm-section-collapsed .divider_section_only:hover:after,
6398 -li.selected.frm-section-collapsed .divider_section_only:before,
6399 -li.selected.frm-section-collapsed .divider_section_only:after,
6400 -.divider_section_only:hover:before,
6401 -li.selected .divider_section_only:before {
6402 - border-color: transparent;
6403 -}
6404 -
6405 -.frm_sorting li.ui-state-default.edit_field_type_divider {
6406 - overflow: visible;
6407 - position: relative;
6408 - padding: 0 0 0 20px;
6409 - margin: 25px 0 0 -5px;
6410 - border-left: 1px solid var(--primary-700);
6411 - transition: border 0.7s ease-out;
6412 -}
6413 -
6414 -.frm-section-collapsed {
6415 - border-left-color: transparent !important;
6416 -}
6417 -
6418 2640 .frm_sorting li.edit_field_type_end_divider,
6419 -.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover {
6420 - margin: 0 0 var(--gap-sm);
2641 +.frm_sorting .no_repeat_section li.ui-state-default.edit_field_type_end_divider:hover{
2642 + margin:0 0 15px;
6421 2643 }
6422 -
6423 -.frm-first-page .frm_prev_page {
6424 - display: none;
2644 +.frm_sorting li.ui-state-default.edit_field_type_end_divider.selected,
2645 +.frm_sorting li.ui-state-default.edit_field_type_end_divider.selected:hover{
2646 + margin:20px 0;
2647 + position:static;
6425 2648 }
6426 2649
6427 -#frm_builder_page .frm_remove_form_row.frm_button,
6428 -#frm_builder_page .frm_add_form_row.frm_button {
6429 - border-radius: var(--small-radius);
6430 - border: 1px solid var(--blue-border);
2650 +.edit_field_type_end_divider .frm_inner_field_container .frm_icon_font:before{
2651 + font-size:19px;
2652 + color:#CCC;
6431 2653 }
6432 2654
6433 -#frm_builder_page .frm_remove_form_row .frmsvg,
6434 -#frm_builder_page .frm_remove_form_row i:before,
6435 -#frm_builder_page .frm_add_form_row .frmsvg,
6436 -#frm_builder_page .frm_add_form_row i:before {
6437 - color: var(--primary-700);
2655 +.frm_sorting li.ui-state-default.edit_field_type_break{border-bottom:1px dashed #D7D7D7; padding-bottom:5px;}
2656 +.frm_sorting .divider_section_only > .frm_ipe_field_label{font-size:116%;}
2657 +#frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button{
2658 + width:150px;
2659 + text-align:center;
2660 + margin-bottom:3px;
2661 + display:block;
6438 2662 }
6439 2663
6440 -.frm-preview-buttons .frm_button_submit {
6441 - margin: 0 5px;
2664 +tr.frm_options_heading td{
2665 + padding-bottom:0;
6442 2666 }
6443 2667
6444 -.frm-page-break {
6445 - border-top: 1px dashed var(--primary-700);
6446 - margin-top: var(--gap-lg);
6447 - position: relative;
6448 -}
2668 +.frm_validation_msg p label{float:left;width:25%;max-width:100px;}
2669 +.frm_sorting .form-field .widget .frm_validation_msg input{width:71%;}
6449 2670
6450 -.edit_field_type_divider:before,
6451 -.edit_field_type_divider:after,
6452 -.frm-page-break:before,
6453 -.frm-page-break:after {
6454 - content: '';
6455 - position: absolute;
6456 - top: -4px;
6457 - width: 4px;
6458 - height: 4px;
6459 - background-color: #fff;
6460 - border-radius: 50%;
6461 - border: 1px solid var(--primary-700);
6462 - text-rendering: auto;
6463 - -webkit-font-smoothing: antialiased;
2671 +.frm_sorting .widget-inside .form-table td p,
2672 +.frm_sorting .widget-inside .form-wrap label{
2673 + padding:10px 0;
6464 2674 }
6465 2675
6466 -.frm-page-break:after {
6467 - right: 0;
2676 +.frm_no_section_fields{
2677 + display:none;
2678 + height:75px;
2679 + margin-top:25px;
6468 2680 }
6469 2681
6470 -#frm-fake-page {
6471 - padding: 0 5px;
2682 +.frm_no_fields,
2683 +.frm_no_section_fields{
2684 + text-align:center;
2685 + position:absolute;
2686 + width:95%;
2687 + color: #808080;
2688 + font-size:16px;
6472 2689 }
6473 2690
6474 -#frm-fake-page .frm-page-break,
6475 -#frm-fake-page .frm-page-break:before,
6476 -#frm-fake-page .frm-page-break:after {
6477 - border-color: var(--grey);
2691 +.frm_no_actions{
2692 + text-align:left;
2693 + -moz-transition: opacity .15s ease-in-out;
2694 + -webkit-transition: opacity .15s ease-in-out;
2695 + transition: opacity .15s ease-in-out;
2696 + opacity:0;
2697 + *visibility:hidden;
2698 + z-index:-1;
2699 + width:auto;
2700 + position:absolute;
2701 + color: #808080;
2702 + font-size:16px;
6478 2703 }
6479 2704
6480 -.edit_field_type_divider:before {
6481 - width: 20px;
6482 - height: 20px;
6483 - left: -11px;
6484 - top: 0;
6485 - background: var(--primary-700);
6486 - text-align: center;
6487 - color: #fff;
6488 - font-size: 13px;
2705 +.frm_no_actions:last-child{
2706 + opacity:100;
2707 + *visibility:visible;
2708 + z-index:0;
6489 2709 }
6490 2710
6491 -.edit_field_type_divider:before{
6492 - font-family: 's11-fp';
6493 - content: '\f1dc';
2711 +.frm_no_actions .inner_actions{
2712 + margin-left: 195px;
6494 2713 }
6495 -
6496 -.repeat_section.edit_field_type_divider:before {
6497 - font-family: 's11-fp';
6498 - content: '\f363';
2714 +.frm_no_actions img{
2715 + float:left;
2716 + margin:0 0 10px 20px;
2717 + width:80px;
6499 2718 }
6500 -
6501 -.edit_field_type_divider:after {
6502 - left: -4px;
6503 - bottom: 0;
6504 - top: auto;
6505 - transition: all 0.4s ease-out;
2719 +.frm_no_fields .sketch1{
2720 + width:150px;
2721 + margin:10px 0 0 30px;
6506 2722 }
6507 -
6508 -
6509 -.frm_sorting li.edit_field_type_divider:hover,
6510 -.frm_sorting li.edit_field_type_divider.selected {
6511 - border-left-color: var(--primary-500);
2723 +.frm_no_fields .sketch1 img{
2724 + width:80px;
2725 + display:block;
6512 2726 }
6513 -
6514 -.edit_field_type_divider.selected:before,
6515 -.edit_field_type_divider:hover:before {
6516 - border-color: var(--primary-500);
6517 - background: var(--primary-500);
2727 +.frm_no_fields .sketch1_text{
2728 + width:170px;
2729 + margin:10px 0 0 30px;
2730 + clear:left;
6518 2731 }
6519 2732
6520 -.edit_field_type_divider.selected:after,
6521 -.edit_field_type_divider:hover:after {
6522 - border-color: var(--primary-500);
2733 +.frm_no_fields .sketch2{
2734 + margin-right:30px;
2735 + text-align:right;
2736 + max-width:200px;
6523 2737 }
6524 -
6525 -.frm-section-collapsed:after {
6526 - border-color: transparent !important;
6527 - color: transparent;
2738 +.frm_no_fields .sketch2 img{
2739 + width:93px;
2740 + margin-top:10px;
6528 2741 }
6529 -
6530 -.frm-page-break .frm-collapse-page.button {
6531 - margin-left: 46%;
6532 - margin-top: calc( -28px / 2 );
2742 +.frm_no_fields .sketch3{
2743 + width:250px;
6533 2744 }
6534 -
6535 -#frm-fake-page.frm-page-collapsed {
6536 - margin-bottom: 0;
2745 +.frm_no_fields .sketch3 img{
2746 + width:80px;
6537 2747 }
6538 2748
6539 -.frm-page-collapsed {
6540 - position: relative;
6541 - overflow: visible !important;
6542 - margin-bottom: var(--gap-lg);
6543 -}
6544 -
6545 -.frm-page-collapsed:after {
6546 - content: '';
6547 - display: block;
6548 - border: 1px dashed var(--grey-300);
6549 - border-left: none;
6550 - border-right: none;
6551 - height: 6px;
6552 - position: absolute;
6553 - width: calc( 100% - 10px );
6554 - bottom: -15px;
6555 -}
6556 -
6557 -.frm-collapse-page .frmsvg,
6558 -.frm-collapse-page .frm_arrowdown6_icon {
6559 - width: var(--text-sm);
6560 - height: var(--text-sm);
6561 - font-size: var(--text-sm);
6562 - text-align: center;
6563 - margin-left: 2px;
6564 - color: currentColor;
6565 -}
6566 -
6567 -#frm-fake-page .frm_arrowdown6_icon {
6568 - color: currentColor;
6569 -}
6570 -
6571 -.frm-collapsed i:before,
6572 -.frm-page-collapsed .frm_arrowdown6_icon:before {
6573 - content: '\e913';
6574 -}
6575 -
6576 -.frm-collapse-section svg {
6577 - fill: var(--primary-color);
6578 - transition: transform 0.2s ease-out, fill 0.2s ease-out;
6579 -}
6580 -
6581 -.frm-collapse-section:hover svg {
6582 - fill: var(--primary-700);
6583 -}
6584 -
6585 -.frm-section-collapsed .frm-collapse-section svg {
6586 - transform: rotate(-90deg);
6587 -}
6588 -
6589 -.open .widget-top .frm_arrow_right_icon:before {
6590 - content: '\e62a';
6591 -}
6592 -
6593 -.frm-collapsed + .frm-collapse-me {
6594 - overflow: hidden !important;
6595 -}
6596 -
6597 -.frm-collapse-me {
6598 - padding-bottom: 10px;
6599 -}
6600 -
6601 -.frm-collapsed + div {
6602 - height: 0;
6603 - padding: 0;
6604 - border-bottom: 2px solid var(--sidebar-hover);
6605 -}
6606 -
6607 -.frm_sorting .divider_section_only > .frm_ipe_field_label {
6608 - font-size: 116%;
6609 -}
6610 -
6611 -#frm_form_editor_container .edit_field_type_break .frm_primary_label.frm_ipe_field_label.button {
6612 - width: 150px;
6613 - text-align: center;
6614 - margin-bottom: 3px;
6615 - display: block;
6616 -}
6617 -
6618 -tr.frm_options_heading td {
6619 - padding-bottom: 0;
6620 -}
6621 -
6622 -.frm_sorting .widget-inside .form-table td p,
6623 -.frm_sorting .widget-inside .form-wrap label {
6624 - padding: 10px 0;
6625 -}
6626 -
6627 -.frm_no_fields,
6628 -.frm_no_section_fields {
6629 - text-align: center;
6630 - position: absolute;
6631 - color: var(--medium-grey);
6632 - font-size: var(--text-md);
6633 - box-sizing: border-box;
6634 - border: 1px dashed var(--grey-300);
6635 -}
6636 -
6637 -.ui-droppable-active ~ .frm_no_fields {
6638 - border-style: solid;
6639 -}
6640 -
6641 -.frm_no_section_fields {
6642 - display: none;
6643 - margin: 0;
6644 - padding: 20px 0 0;
6645 - width: calc( 100% - 20px );
6646 - height: 121px;
6647 - transition: all 0.4s linear;
6648 -}
6649 -
6650 -.frm_no_fields {
6651 - min-height: 300px;
6652 - margin: 20px 5%;
6653 - width: 90%;
6654 - top: 0;
6655 -}
6656 -
6657 -.frm-has-fields .frm_no_fields {
6658 - display: none;
6659 -}
6660 -
6661 -#frm-form-button {
6662 - display: none;
6663 - margin: 0 7px 25px;
6664 -}
6665 -
6666 -.frm-has-fields #frm-form-button {
6667 - display: block;
6668 -}
6669 -
6670 -.frm-large-plus.frmsvg {
6671 - color: var(--primary-700);
6672 - height: 45px;
6673 - width: 45px;
6674 -}
6675 -
6676 -.frm_drag_inst {
6677 - line-height: normal;
6678 - font-size: 35px;
2749 +.frm_drag_inst{
2750 + line-height:43px;
2751 + font-size: 43px;
6679 2752 font-weight: 300;
6680 - margin: 80px 0 25px;
2753 + margin-bottom: 25px;
6681 2754 }
6682 2755
6683 -.frm_no_section_fields p,
6684 -.frm_no_fields p {
6685 - color: var(--grey);
6686 - font-size: 15px;
2756 +#frm-preview-block{
2757 + height:400px;
2758 + overflow:scroll;
2759 + margin:0;
6687 2760 }
6688 2761
6689 -.frm_product_price_wrapper {
6690 - display: inline-block;
6691 - vertical-align: middle;
2762 +.plugin-card-bottom .frm-trash{
2763 + color:#a00;
6692 2764 }
6693 2765
6694 -.frm_prod_type_single .frm_product_price_wrapper {
6695 - width: 100%;
2766 +.frm_inline_label{
2767 + padding-left:3px;
6696 2768 }
6697 -
6698 -#new_fields .frm_product_price_wrapper input:first-child {
6699 - width: 60%;
6700 - float: left;
6701 -}
6702 -
6703 -#new_fields .frm_product_price_wrapper input:nth-child(2) {
6704 - width: 37%;
6705 - float: right;
6706 -}
6707 -
6708 -.frm_priority_field_choices,
6709 -li.frm_single_option {
6710 - padding-bottom: 16px;
6711 - border-bottom: 1px solid var(--sidebar-hover);
6712 -}
6713 -
6714 -.frm_priority_field_choices,
6715 -li.frm_single_option:not(:last-child) {
6716 - margin-bottom: 16px;
6717 -}
6718 -
6719 -.frm_prod_type_single input[type=radio],
6720 -.frm_prod_type_single .frm_drag_icon,
6721 -.frm_prod_type_single .frm_sortable_field_opts li:nth-child( n + 3 ),
6722 -.frm_prod_type_single .frm_sortable_field_opts .frm_remove_tag,
6723 -.frm_prod_type_single .frm_form_field:not(.frm_product_type):not(.frm_sep_val_product),
6724 -.frm_prod_type_single .frm-bulk-edit-link,
6725 -.frm_prod_type_user_def.frm_grid_container,
6726 -.frm_prod_options_heading.frm_prod_user_def {
6727 - display: none;
6728 -}
6729 -
6730 -#frm-preview-block {
6731 - height: 400px;
6732 - overflow: scroll;
6733 - margin: 0;
6734 -}
6735 -
6736 -.plugin-card-bottom .frm-trash {
6737 - color: #a00;
6738 -}
6739 -
6740 -.frm-fields p > .frm_inline_label,
6741 -.frm_inline_label {
6742 - padding-left: 3px;
6743 - margin-right: 12px;
6744 - display: inline-block;
6745 -}
6746 -
6747 -.frm_left_label {
6748 - clear: both;
6749 - float: left;
6750 - width: 32% !important;
6751 - margin-right: 2% !important;
6752 - line-height: 2em;
6753 -}
6754 -
6755 -table td.frm_left_label {
6756 - float: none;
6757 - line-height: inherit;
6758 - padding: 5px 0 5px 2%;
6759 -}
6760 -
6761 -.frm_left_label.frm_alignright {
2769 +.frm_left_label{
2770 + clear:both;
2771 + float:left;
2772 + width:210px;
2773 + line-height:2em;
6762 2774 padding-right: 10px;
6763 - text-align: right;
6764 2775 }
6765 -
6766 -.frm-fields .frm_left_label + textarea,
6767 -.frm-fields .frm_left_label + select,
6768 -.frm-fields .frm_left_label + input[type=text],
6769 -.frm_with_left_label {
6770 - width: 66%;
2776 +table td.frm_left_label{
2777 + width:210px;
2778 + float:none;
2779 + line-height:inherit;
2780 + padding-right:0;
6771 2781 }
6772 2782
6773 -td.frm_left_label + td {
6774 - width: 66%;
6775 - padding-top: 0;
2783 +.frm_left_label.frm_alignright{
2784 + padding-right:10px;
2785 + text-align:right;
6776 2786 }
6777 -
6778 -#html_settings label {
6779 - display: block;
2787 +.frm_with_left_label{
2788 + width:68%;
2789 + float:left;
6780 2790 }
6781 -
6782 -#html_settings .frm_field_html_box {
6783 - width: 100%;
2791 +#html_settings label{display:block;}
2792 +#html_settings .frm_field_html_box{
2793 + width:100%;
6784 2794 }
6785 2795
6786 -ul.frm-category-tabs {
6787 - margin-top: 2px;
2796 +ul.frm-category-tabs{
2797 + margin-top:2px;
6788 2798 }
6789 2799
6790 2800 .frm-category-tabs > li a,
6791 -.frm-category-tabs > li a:active {
6792 - outline: none;
6793 - box-shadow: none;
6794 - display: flex;
6795 - gap: var(--gap-xs);
6796 - align-items: center;
2801 +.frm-category-tabs > li a:active{
2802 + outline:none;
2803 + -webkit-box-shadow:none;
2804 + box-shadow:none;
6797 2805 }
6798 2806
6799 -.frm-category-tabs > li.active .frmsvg,
6800 -.frm-category-tabs > li.active i,
6801 -.frm-category-tabs > li.active span,
6802 -.frm-category-tabs > li.active a {
6803 - color: var(--primary-500);
2807 +#menu-management.frm-menu-boxes{margin-top:30px;width:300px;float:left;margin-right:30px;}
2808 +#menu-management.frm-menu-boxes .menu-edit{margin-bottom:0;}
2809 +#menu-management select{max-width:100%;}
2810 +.general_settings .postbox .manage-menus{border-top:none;border-left:none;border-right:none;}
2811 +.postbox .frm-help-tabs.inside,
2812 +#poststuff .frm-help-tabs.inside{
2813 + padding-left:0;padding-right:0;padding-bottom:12px;
2814 + margin-top:0;
2815 + margin-bottom:0;
6804 2816 }
6805 -
6806 -.frm_wrap .manage-menus {
6807 - margin-top: 0;
6808 - border: none;
6809 - border-bottom: 1px solid var(--grey-300);
6810 - background: var(--lightest-grey);
2817 +.postbox .frm-help-tabs.inside{
2818 + padding-bottom:inherit;
6811 2819 }
6812 -
6813 -.general_settings .postbox .manage-menus {
6814 - border-top: none;
6815 - border-left: none;
6816 - border-right: none;
2820 +.frm-help-tabs form > .submit,
2821 +#contextual-help-columns > .submit{
2822 + margin-left:154px;
2823 + padding-left:0.9em;
6817 2824 }
6818 -
6819 -.postbox .frm-help-tabs.inside,
6820 -#poststuff .frm-help-tabs.inside {
6821 - padding-left: 0;
6822 - padding-right: 0;
6823 - padding-bottom: 12px;
6824 - margin-top: 0;
6825 - margin-bottom: 0;
2825 +#poststuff .contextual-help-tabs .active,
2826 +#poststuff .contextual-help-tabs .active a,
2827 +#poststuff .contextual-help-tabs .active a:hover{
2828 + background:#fafafa;
6826 2829 }
6827 -
6828 -.postbox .frm-help-tabs.inside {
6829 - padding-bottom: inherit;
2830 +.wrap .contextual-help-tabs ul{min-height:260px;}
2831 +.postbox .menu-settings h3{
2832 + border-bottom:none;
6830 2833 }
6831 -
6832 -.frm-help-tabs form > .submit {
6833 - margin-left: 154px;
6834 - padding-left: 0.9em;
2834 +#poststuff h3.frm_no_bg{background:none;cursor:default;}
2835 +.frm-postbox-no-h3{padding-top:10px;}
2836 +.postbox #contextual-help-back{
2837 + border-right-width:0;
2838 + right:0;
2839 + background:#fafafa;
6835 2840 }
6836 -
6837 -#poststuff h3.frm_no_bg {
6838 - background: none;
6839 - cursor: default;
2841 +#contextual-help-columns div.tabs-panel{
2842 + background:transparent;
2843 + border-width:0;
2844 + overflow:hidden;
6840 2845 }
6841 2846
6842 -.frm-postbox-no-h3 {
6843 - padding-top: 10px;
2847 +#contextual-help-columns div.tabs-panel.panel_secondary{
2848 + border-top-width:1px;
6844 2849 }
6845 2850
6846 -.frm-right-panel .ui-state-default, #postbox-container-1 .ui-state-default {
6847 - color: var(--grey-900);
6848 -}
2851 +#postbox-container-1 .ui-state-default{color:#000;}
6849 2852
6850 -.no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover {
6851 - box-shadow: none;
6852 -}
6853 -
6854 -.frm-selected-field-group li.ui-state-default,
6855 -.start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected,
6856 -.start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover,
6857 2853 .frm_sorting li.ui-state-default.frm_not_divider:hover,
6858 -.frm_sorting li.ui-state-default.ui-sortable-helper,
6859 2854 .frm_sorting li.ui-state-default.edit_field_type_divider .divider_section_only:hover,
6860 2855 .frm_sorting .repeat_section li.ui-state-default.edit_field_type_end_divider:hover,
2856 +.frm_sorting li.ui-state-default.frm_not_divider.selected,
6861 2857 .frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only,
6862 -.frm_update_msg,
6863 -.frm_sorting li.ui-state-default.frm_not_divider.selected,
6864 -.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only {
6865 - border-color: var(--primary-500);
6866 - transition: .5s border-color ease-in-out;
2858 +.frm_update_msg{
2859 + padding:5px;
2860 + background-color: #fbfdff;
2861 + border:1px dashed #d0e9ff;
6867 2862 }
6868 -
6869 -.frm_sorting li.ui-state-default.frm_not_divider.selected {
6870 - box-shadow: 0 0 1px 0 var(--primary-500);
2863 +.start_divider.frm_sorting li.ui-state-default.frm_not_divider:hover {
2864 + border:1px dashed #DFDFDF;
2865 + background:#FDFDFD;
6871 2866 }
6872 2867
6873 -.frm_sorting li.ui-state-default {
6874 - transition: .7s box-shadow ease-in-out, .7s height linear;
2868 +.frm_sorting > li.ui-state-default.frm_not_divider:hover,
2869 +.frm_sorting > li.ui-state-default.frm_not_divider.selected,
2870 +.frm_sorting > li.ui-state-default.edit_field_type_divider.selected .divider_section_only,
2871 +.frm_sorting > li.ui-state-default.edit_field_type_divider .divider_section_only:hover,
2872 +.frm_update_msg{
2873 + box-shadow:0 1px 1px rgba(0, 0, 0, 0.04);
6875 2874 }
6876 2875
6877 -.frm_sorting li.ui-state-default.frm-newly-added {
6878 - box-shadow: inset 0 0 2px 1px var(--blue-border);
2876 +.no_repeat_section .frm_sorting > li.ui-state-default.edit_field_type_end_divider:hover{
2877 + box-shadow:none;
6879 2878 }
6880 2879
6881 -.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover {
6882 - visibility: visible !important;
6883 - display: inline !important;
2880 +.frm_sorting li.ui-state-default.frm_not_divider.selected,
2881 +.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only{
2882 + background-color: #fbfdff;
2883 + border: 1px solid #5b9dd9;
2884 + -webkit-box-shadow: 0 0 1px #96B0C7;
2885 + box-shadow: 0 0 1px #96B0C7;
2886 + -webkit-transition: 0.5s border-color ease-in-out;
2887 + transition: .5s border-color ease-in-out;
6884 2888 }
6885 -
6886 -.edit_field_type_end_divider > label {
6887 - display: none !important;
2889 +.start_divider.frm_sorting li.ui-state-default.frm_not_divider.selected {
2890 + border:1px solid #E7E7E7;
2891 + background:#FDFDFD;
6888 2892 }
6889 2893
6890 -.frm_email_actions.feature-filter {
6891 - font-weight: bold;
6892 - border: 1px solid #DFDFDF;
6893 - background-color: #EEEEEE;
6894 - padding: 3px 5px 2px;
6895 - font-size: var(--text-md);
6896 - line-height: 20px;
2894 +.frm_sorting li.ui-state-default.selected.edit_field_type_divider .divider_section_only .frm-show-hover{
2895 + visibility:visible !important;
2896 + display:inline !important;
6897 2897 }
6898 -
6899 -.frm_update_msg {
6900 - border-style: solid;
6901 - margin: 10px 0;
6902 - color: #21759B;
6903 - padding: 8px 15px;
6904 - border-radius: 4px;
2898 +.edit_field_type_end_divider .frm-hover-icon.frm-show-hover,
2899 +.edit_field_type_end_divider > label{
2900 + display:none !important;
6905 2901 }
6906 2902
6907 -.frm_update_msg.wrap {
6908 - margin: 10px 20px 0 2px;
2903 +.frm_email_actions.feature-filter{
2904 + font-weight:bold;
2905 + border:1px solid #DFDFDF;
2906 + background-color:#EEEEEE;
2907 + padding:3px 5px 2px;
2908 + font-size:16px;
2909 + line-height:20px;
6909 2910 }
6910 2911
6911 -#frm-insert-fields-box .frm_update_msg {
6912 - margin-right: 0.9em;
2912 +.frm_update_msg{
2913 + border-style:solid;
2914 + margin:10px 0;
2915 + color:#21759B;
2916 + padding:8px 15px;
2917 + border-radius:4px;
6913 2918 }
6914 -
6915 -.frm_update_msg a {
6916 - font-weight: bold;
2919 +.frm_update_msg.wrap{
2920 + margin:10px 20px 0 2px;
6917 2921 }
6918 2922
6919 -.widefat td {
6920 - width: auto;
6921 -}
2923 +#frm-insert-fields-box .frm_update_msg{margin-right:0.9em;}
2924 +.frm_update_msg a{font-weight:bold;}
2925 +.widefat td{width:auto;}
2926 +.widefat .column-id{width:3.7em;}
2927 +.widefat .column-show_count{width:5em;}
2928 +.widefat .column-shortcode{width:9em;}
2929 +.widefat .column-entries, .widefat .column-link{width:10%;text-align:center;}
2930 +.widefat .column-form_key, .widefat .column-created_at{width:10%;}
6922 2931
6923 -.widefat .column-id {
6924 - width: 3.7em;
2932 +.post-type-frm_display .search-box,
2933 +.frm_wrap .search-box{
2934 + float:right;
2935 + margin-bottom: 15px;
6925 2936 }
6926 2937
6927 -.widefat .column-show_count {
6928 - width: 5em;
2938 +.frm-search{
2939 + width:32%;
2940 + float:right;
2941 + position:relative;
6929 2942 }
6930 2943
6931 -.widefat .column-shortcode {
6932 - width: 9em;
6933 -}
6934 -
6935 -.toplevel_page_formidable .column-shortcode div {
6936 - display: flex;
6937 - gap: var(--gap-xs);
6938 -}
6939 -
6940 -.widefat .column-entries, .widefat .column-link {
6941 - width: 10%;
6942 - text-align: center;
6943 -}
6944 -
6945 -.widefat .column-form_key, .widefat .column-created_at {
6946 - width: 10%;
6947 -}
6948 -
6949 -.frm-white-body .search-box,
6950 -.frm_wrap .frm-search {
6951 - float: right;
6952 - margin: 0;
6953 - clear: right;
6954 -}
6955 -
6956 -.frm-white-body .search-box,
6957 -.frm-search {
6958 - min-width: 32%;
6959 - position: relative;
6960 - display: flex;
6961 - gap: var(--gap-sm);
6962 - align-items: center;
6963 -}
6964 -
6965 -.frm-inline-modal .frm-search,
6966 -#frm_adv_info .frm-search {
6967 - float: none;
6968 - width: 100%;
6969 - clear: both;
6970 - margin: var(--gap-xs) 0;
6971 -}
6972 -
6973 -.frm-button-group a {
6974 - margin: 0 7px !important;
6975 -}
6976 -
6977 -.frm_has_textarea .frm-with-right-icon {
6978 - display: block;
6979 -}
6980 -
6981 -.frm-with-left-icon,
6982 -.frm-with-right-icon {
6983 - position: relative;
6984 -}
6985 -
6986 -i.frm-show-box,
6987 -i.frm-show-inline-modal,
6988 -.frm-with-left-icon i,
6989 -.frm-with-right-icon i:not([class*=mce-]),
6990 -.frmsvg.frm-show-box,
6991 -.frmsvg.frm-show-inline-modal,
6992 -.frm-with-left-icon .frmsvg,
6993 -.frm-with-right-icon .frmsvg,
6994 -.frm-search > .frmsvg,
6995 -.frm-search span:not(.multiselect-selected-text):not(.multiselect-native-select) {
2944 +.frm-search span {
6996 2945 position: absolute;
6997 - padding: 0 14px;
2946 + padding: 7px 10px;
6998 2947 pointer-events: none;
6999 - left: 0;
7000 - color: var(--grey-400);
7001 - font-size: var(--text-xs);
2948 + left: 0px;
2949 + color: var(--medium-grey);
2950 + opacity:.5;
7002 2951 }
7003 2952
7004 -.frm-with-right-icon .frmsvg,
7005 -.frm-with-right-icon i:not([class*=mce-]) {
7006 - right: 0;
7007 - top: -3px;
7008 - left: auto;
7009 - padding: 0 10px 0 5px;
2953 +.frm-search.search-box input[name="s"],
2954 +.frm-search #search-submit{
2955 + border-width:2px;
2956 + border-color:var(--light-grey);
2957 + box-shadow:none;
2958 + margin:0;
2959 + padding: 7px;
2960 + height: auto;
2961 + font-size: 13px;
2962 + line-height:normal;
7010 2963 }
7011 2964
7012 -.frm_form_settings .frm-with-right-icon .frmsvg {
7013 - top: 0;
2965 +.frm-search.search-box input[name="s"] {
2966 + width:70%;
2967 + border-radius:4px 0 0 4px;
2968 + border-right-width:0;
2969 + padding-left:33px;
7014 2970 }
7015 2971
7016 -.frm_form_settings .wp-editor-container .frm-with-right-icon .frmsvg {
7017 - top: auto;
7018 - bottom: 0;
2972 +.frm-search.search-box input.frm-auto-search{
2973 + width:100%;
2974 + border-right-width:2px;
2975 + border-radius:4px;
7019 2976 }
7020 2977
7021 -.frm_form_settings .frm_has_textarea .frm-with-right-icon .frmsvg {
7022 - top: auto;
7023 - bottom: 6px;
2978 +.frm-search #search-submit{
2979 + width:30%;
2980 + border-radius:0 4px 4px 0;
2981 + text-align:center;
7024 2982 }
7025 2983
7026 -.frmsvg.frm-show-box,
7027 -.frmsvg.frm-show-inline-modal,
7028 -i.frm-show-box,
7029 -i.frm-show-inline-modal {
7030 - color: var(--primary-500);
7031 - pointer-events: initial;
7032 - cursor: pointer;
7033 - z-index: 1;
7034 - opacity: 1;
7035 - top: auto;
7036 - margin: calc( ( 36px - 18px ) / 2 ); /* input height - svg / 2 */
7037 - margin-bottom: 0;
7038 - padding: 0;
7039 -}
2984 +select[name="m"]{display:none;}
7040 2985
7041 -.frm-open .frmsvg.frm-show-inline-modal,
7042 -.frm-open i.frm-show-inline-modal {
7043 - opacity: .5;
7044 -}
2986 +.frm_shortcode_select optgroup option{margin-left:1em;}
2987 +.frm_shortcode_select optgroup{padding-top:5px;}
2988 +.frm_shortcode_select .frm_subopt{margin-left:2em;}
7045 2989
7046 -.frm-lookup-box-label + .frm-inline-modal,
7047 -.frm-open + .frm-inline-modal {
7048 - top: -10px;
7049 - margin-bottom: 0;
2990 +#frm_shortcode.frm_first_h3{
2991 + display:inline-block;
7050 2992 }
7051 2993
7052 -.frm_grid_container > .frm-open + .frm-inline-modal {
7053 - top: -4px;
2994 +.misc-pub-section a.edit-frm_shortcode, .misc-pub-section a.edit-form-status{
2995 + float:none;
2996 + font-size:13px;
7054 2997 }
7055 2998
7056 -.frm-with-left-icon input {
7057 - padding-left: 37px !important;
2999 +.frm-grid{
3000 + border-collapse:collapse;
3001 + border:1px solid black;
3002 + margin-right:10px;
7058 3003 }
7059 3004
7060 -.frm_wrap .frm-with-right-icon textarea,
7061 -.frm_wrap .frm-with-right-icon input,
7062 -.frm_wrap .frm-with-right-icon input[type=text] {
7063 - padding-right: var(--gap-md);
7064 -}
3005 +.frm-grid td, .frm-grid th{padding:5px; border:1px solid black;}
7065 3006
7066 -#frm-show-fields .frm-with-left-icon .frmsvg,
7067 -#frm-show-fields .frm-with-left-icon i {
7068 - padding-top: 10px;
7069 -}
3007 +.pro_feature{text-decoration:line-through;}
3008 +.frm_uninstall{padding-right:0.75em;}
3009 +.frm_uninstall a{color:#D54E21;}
3010 +.frm_uninstall a:hover{color:#21759B;}
3011 +.frm_uninstall a.button{margin-top:1px;}
7070 3012
7071 -.frm-search input[name="s"],
7072 -.frm-search .dropdown-toggle,
7073 -.frm-search input.frm-search-input {
7074 - border-radius: var(--small-radius);
7075 - padding-left: 33px !important;
7076 - border-color: var(--grey-300);
7077 -}
7078 -
7079 -.frm_wrap .frm-search .frm-search-input,
7080 -.frm-modal .frm-search .frm-search-input,
7081 -.frm-white-body .search-box input[name="s"], /* Views search */
7082 -.frm_wrap .frm-search input[name="s"] {
7083 - padding-top: 3px;
7084 - padding-bottom: 3px;
7085 - flex: 1;
7086 - font-size: var(--text-sm);
7087 -}
7088 -
7089 -.frm-search .dropdown-toggle {
7090 - width: 100%;
7091 - float: none;
7092 - max-width: 200px;
7093 - background: transparent;
7094 - padding: 7px;
7095 - min-height: 32px;
7096 - text-align: inherit;
7097 - overflow: hidden;
7098 - text-overflow: ellipsis;
7099 -}
7100 -
7101 -span.multiselect-selected-text {
7102 - white-space: nowrap;
7103 - display: inline-block;
7104 - max-width: 90%;
7105 - text-overflow: ellipsis;
7106 - overflow: hidden;
7107 -}
7108 -
7109 -.frm-search #search-submit a {
7110 - color: var(--grey-800);
7111 -}
7112 -
7113 -.frm-search #search-submit .caret {
7114 - opacity:.7;
7115 -}
7116 -
7117 -.frm-not-set input {
7118 - color: var(--primary-500) !important;
7119 - font-size: 13px;
7120 -}
7121 -
7122 -.frm-not-set .frmsvg,
7123 -.frm-not-set i {
7124 - color: var(--primary-700);
7125 - opacity: 1;
7126 -}
7127 -
7128 -.post-type-frm_display select[name="m"] + #post-query-submit,
7129 -select[name="m"] {
7130 - display: none;
7131 -}
7132 -
7133 -.frm_shortcode_select optgroup option {
7134 - margin-left: 1em;
7135 -}
7136 -
7137 -.frm_shortcode_select optgroup {
7138 - padding-top: 5px;
7139 -}
7140 -
7141 -.frm_shortcode_select .frm_subopt {
7142 - margin-left: 2em;
7143 -}
7144 -
7145 -.misc-pub-section a.edit-frm_shortcode, .misc-pub-section a.edit-form-status {
7146 - float: none;
7147 - font-size: 13px;
7148 -}
7149 -
7150 -.frm-grid {
7151 - border-collapse: collapse;
7152 - border: none;
7153 - margin-right: 10px;
7154 -}
7155 -
7156 -.frm-grid td, .frm-grid th {
7157 - padding: 5px;
7158 - border: 1px solid black;
7159 -}
7160 -
7161 -.pro_feature {
7162 - text-decoration: line-through;
7163 -}
7164 -
7165 3013 /* View page */
7166 -
7167 -.post-type-frm_display #poststuff #post-body.columns-2 {
7168 - margin-right: var(--big-sidebar);
7169 -}
7170 -
7171 -.post-type-frm_display #post-body.columns-2 #postbox-container-1 {
7172 - margin-right: calc( var(--big-sidebar) * -1 );
7173 - width: calc( var(--big-sidebar) - 40px );
7174 -}
7175 -
7176 -.post-type-frm_display #poststuff #post-body.columns-2 #side-sortables {
7177 - width: 100%;
7178 -}
7179 -
7180 3014 #frm_dyncontent .hndle,
7181 -#frm_dyncontent .handlediv {
7182 - display: none !important;
3015 +#frm_dyncontent .handlediv{
3016 + display:none;
7183 3017 }
7184 3018
7185 -.post-type-frm_display .meta-box-sortables .frm_form_nav > li > a,
7186 -.post-type-frm_display .frm_form_nav .nav-tab-active {
7187 - padding: 0 2px 5px;
7188 - line-height: 1.4;
3019 +.post-type-frm_display.edit-php #wpbody-content > .wrap{
3020 + margin:0;
7189 3021 }
7190 3022
7191 -.post-type-frm_display #advanced-sortables h2.hndle,
7192 -.post-type-frm_display #side-sortables h2.hndle,
7193 -.post-type-frm_display #normal-sortables h2.hndle {
7194 - border-bottom: 1px solid var(--grey-300);
7195 - margin: 10px 0 0 !important;
7196 - padding: 0 25px 8px;
7197 -}
7198 -
7199 -.post-type-frm_display #side-sortables h2.hndle {
7200 - margin-top: 0 !important;
7201 - padding-top: 10px;
7202 -}
7203 -
7204 -.post-type-frm_display #post-body-content {
7205 - margin-top: var(--gap-lg);
7206 -}
7207 -
7208 -.post-type-frm_display.edit-php #wpbody-content > .wrap {
7209 - margin: 0;
7210 -}
7211 -
7212 -.post-type-frm_display .postbox .hndle,
7213 -.post-type-frm_display .postbox {
7214 - border-color: var(--grey-300);
7215 -}
7216 -
7217 -.post-type-frm_display #postbox-container-1 .postbox,
7218 -.post-type-frm_display #postbox-container-2 .postbox {
7219 - border-radius: var(--small-radius);
7220 - border-color: var(--grey-300);
7221 - box-shadow: none;
7222 -}
7223 -
7224 -.post-type-frm_display #side-sortables .postbox {
7225 - border-radius: 0;
7226 - border-top-width: 0;
7227 - margin-bottom: 0;
7228 -}
7229 -
7230 -.post-type-frm_display #side-sortables .misc-pub-section {
7231 - padding: 15px 20px 10px;
7232 -}
7233 -
7234 -.post-type-frm_display .misc-pub-section .frmsvg,
7235 -.post-type-frm_display #post-body .misc-pub-post-status:before,
7236 -.post-type-frm_display #post-body #visibility:before,
7237 -.post-type-frm_display .curtime #timestamp:before,
7238 -.post-type-frm_display #post-body .misc-pub-revisions:before,
7239 -.post-type-frm_display span.wp-media-buttons-icon:before {
7240 - color: var( --grey);
7241 -}
7242 -
7243 -.post-type-frm_display #frm_top_bar + #poststuff #submitdiv #publishing-action, /* Hide only if top bar is present */
7244 -.post-type-frm_display #frm_top_bar + #poststuff #submitdiv #minor-publishing-actions,
7245 -.post-type-frm_display #frm_top_bar + #poststuff #edit-slug-box,
7246 3023 .post-type-frm_display .wrap h1.wp-heading-inline,
7247 -.post-type-frm_display .wrap > .page-title-action {
7248 - display: none;
3024 +.post-type-frm_display .wrap > .page-title-action{
3025 + display:none;
7249 3026 }
7250 3027
7251 -.post-type-frm_display #poststuff h2.nav-tab-wrapper {
7252 - padding-left: 10px;
7253 - margin-bottom: 0;
7254 - padding-bottom: 0;
3028 +.post-type-frm_display #poststuff h2.nav-tab-wrapper{
3029 + padding-left:10px;
3030 + margin-bottom: 0;
3031 + padding-bottom: 0;
7255 3032 }
7256 -
7257 -.post-type-frm_display .nav-menus-php .wrap {
7258 - margin: 10px 0 0;
3033 +.post-type-frm_display .nav-menus-php .wrap{
3034 + margin:10px 0 0;
7259 3035 }
7260 -
7261 -.post-type-frm_display .nav-menus-php .wrap p {
7262 - padding-left: 12px;
7263 - padding-right: 12px;
3036 +.post-type-frm_display .nav-menus-php .wrap p{
3037 + padding-left:12px;
3038 + padding-right:12px;
7264 3039 }
7265 -
7266 -.post-type-frm_display .nav-tab {
7267 - display: inline-block;
7268 - background-color: #f4f4f4;
3040 +.post-type-frm_display .nav-tab{
3041 + display:inline-block;
3042 + background-color:#f4f4f4;
7269 3043 }
7270 -
7271 -.post-type-frm_display .nav-tab.frm_hidden {
7272 - display: none;
3044 +.post-type-frm_display .nav-tab.frm_hidden{
3045 + display:none;
7273 3046 }
7274 -
7275 3047 .post-type-frm_display .nav-tab:hover {
7276 - background-color: #e4e4e4;
3048 + background-color:#e4e4e4;
7277 3049 }
7278 3050
7279 -.frm_order_row,
7280 -.frm_where_row {
7281 - margin-bottom: 7px;
7282 - line-height: 30px;
3051 +.post-type-frm_display .nav-tab-active, .post-type-frm_display .nav-tab-active:hover{
3052 + background-color:#fff;
3053 + border-bottom:solid 1px #FFF;
7283 3054 }
7284 3055
7285 -.frm-single-settings .frm_prod_field_opt_cont {
7286 - margin-top: initial;
7287 - margin-bottom: 20px;
7288 -}
7289 -
7290 3056 /*hide elements if js is avail*/
7291 -select.texture {
7292 - display: none;
7293 -}
3057 +select.texture{display: none;}
7294 3058
7295 3059 .post-type-frm_display #wp-content-editor-tools,
7296 -#wp-content-editor-tools {
7297 - background-color: transparent;
3060 +#wp-content-editor-tools{
3061 + background-color:transparent;
7298 3062 }
7299 3063
7300 -.post-type-frm_display #major-publishing-actions {
7301 - border-color: var(--grey-300);
7302 - background: var(--sidebar-color);
3064 +.post-type-frm_display #frm_adv_info{
3065 + position:fixed;
3066 + z-index:9999;
3067 + width:280px;
7303 3068 }
7304 3069
7305 -.post-type-frm_display #frm_adv_info {
7306 - width: calc( var(--big-sidebar) - 40px );
7307 - height: calc( 100vh - 32px );
7308 - overflow: hidden;
7309 -}
3070 +.frm_col_one{margin-right:4%;clear:both;}
3071 +ul .frm_col_one{float:left;}
3072 +ul .frm_col_two{float:right;}
7310 3073
7311 -.post-type-frm_display #frm_adv_info:not(.frm_fixed) {
7312 - top: 0 !important;
3074 +.frm_two_col li{
3075 + float:left;
3076 + width:48%;
3077 + margin-right:4%;
7313 3078 }
7314 3079
7315 -.post-type-frm_display #frm_adv_info.frm_fixed {
7316 - position: fixed;
7317 - z-index: 9999;
7318 - top: 32px;
3080 +.frm_two_col li:nth-child(2n+2){
3081 + margin-right:0;
7319 3082 }
7320 3083
7321 -.post-type-frm_display #frm_adv_info ul.frm_code_list.frm-full-hover {
7322 - max-height: calc( 100vh - 180px );
7323 -}
7324 -
7325 -.frm_col_one {
7326 - margin-right: 4%;
7327 - clear: both;
7328 -}
7329 -
7330 -ul .frm_col_one {
7331 - float: left;
7332 -}
7333 -
7334 -ul .frm_col_two {
7335 - float: right;
7336 -}
7337 -
7338 -.frm_two_col li {
7339 - float: left;
7340 - width: 48%;
7341 - margin-right: 4%;
7342 -}
7343 -
7344 -.frm_two_col li:nth-child(2n+2) {
7345 - margin-right: 0;
7346 -}
7347 -
7348 -.frm-info-modal a,
7349 -.frm-info-modal ul,
7350 -.frm-info-modal p,
7351 -.frm-info-modal,
7352 3084 .settings-lite-cta a,
7353 3085 .settings-lite-cta ul,
7354 3086 .settings-lite-cta p,
7355 3087 .settings-lite-cta {
7356 3088 color: #666;
7357 - font-size: var(--text-md);
3089 + font-size: 16px;
7358 3090 box-shadow: none !important;
7359 3091 }
7360 3092
7361 -.frm-info-modal h3,
7362 -.settings-lite-cta h3 {
7363 - font-size: 17px !important;
3093 +.settings-lite-cta h3{
3094 + font-size:17px !important;
7364 3095 }
7365 3096
7366 -.frm-green-icons .frmsvg {
7367 - color: var(--green);
3097 +.settings-lite-cta .dashicons-yes{
3098 + color:#468847;
7368 3099 }
7369 3100
7370 -.frm-info-modal .postbox .inside,
7371 3101 .settings-lite-cta .postbox .inside {
7372 - padding: 20px 40px;
7373 - margin: 0;
3102 + padding: 20px 40px;
7374 3103 }
7375 3104
7376 3105 .cta-inside a {
7377 - color: var(--orange)
3106 + color:#f37656
7378 3107 }
7379 3108
7380 -.info-modal-inside a.frm-standard-link {
7381 - color: var(--primary-500);
3109 +.field_type_list > li,
3110 +.frm_code_list li{
3111 + width:48%;
7382 3112 }
3113 +.frm_code_list.frm_full_width li{width:auto;}
3114 +#frm_customize_search li{width:100%}
3115 +#frm_customize_search{margin-bottom:5px}
3116 +#frm_customize_search + ul.frm_code_list.frm_customize_field_list{margin-top:5px;}
7383 3117
7384 -.info-modal-inside a.frm-standard-link:hover {
7385 - color: var(--primary-700);
7386 -}
7387 -
7388 -.frm_no_p_margin > p {
7389 - margin: 0;
7390 -}
7391 -
7392 -.frm_code_list a.button {
7393 - display: block;
7394 - text-align: center;
7395 - font-size: 11px;
3118 +.frm_code_list a.button{
3119 + display:block;
3120 + text-align:center;
3121 + font-size:11px;
7396 3122 overflow: hidden;
7397 3123 }
7398 3124
7399 -#frm-navbarDrop + .frm_code_list.frm-full-hover {
7400 - margin: var(--gap-xs) 0 0;
7401 - min-width: 300px;
7402 - max-height: calc( ( 40px * 5 ) + 56px );
7403 -}
7404 -
7405 -.frm_code_list.frm-full-hover li {
7406 - margin: 0;
7407 -}
7408 -
7409 -.frm-select-list-item,
7410 -.frm_wrap .ui-autocomplete li > div,
7411 -.multiselect-container button.multiselect-option,
7412 -.frm-dropdown-menu > .dropdown-item > a,
7413 -.frm-dropdown-menu > .dropdown-item > a:visited,
7414 -.frm-dropdown-menu > .dropdown-item > a:link, /* Override jQuery UI */
7415 -.frm-dropdown-menu .frm_dropdown_li,
7416 -.frm_code_list.frm-full-hover a {
7417 - display: flex;
7418 - color: var(--grey-700);
7419 - padding: 5px 10px;
7420 - font-size: var(--text-md);
7421 - gap: var(--gap-xs);
7422 - align-items: center;
7423 -}
7424 -
7425 -.frm_code_list.frm-full-hover a span {
7426 - max-width: 83px;
7427 - text-align: right;
7428 - margin-left: auto;
7429 -}
7430 -
7431 -.frm_code_list.frm-full-hover a,
7432 -.frm_code_list.frm-full-hover a span {
7433 - white-space: nowrap;
7434 - overflow: hidden;
7435 - text-overflow: ellipsis;
7436 -}
7437 -
7438 -.frm_code_list.frm-full-hover.frmcenter a {
7439 - display: block;
7440 -}
7441 -
7442 -#frm-layout-classes frm-full-hover a span {
7443 - max-width: 45%;
7444 -}
7445 -
7446 -.frm-select-list-item.active,
7447 -.frm-select-list-item:hover,
7448 -.frm_wrap .ui-autocomplete li div.ui-state-active,
7449 -.frm_wrap .ui-autocomplete li.ui-state-focus,
7450 -.multiselect-container button.multiselect-option.active,
7451 -.multiselect-container button.multiselect-option:hover,
7452 -.frm-dropdown-menu > .dropdown-item > a:hover,
7453 -.frm_code_list.frm-full-hover a:hover span,
7454 -.frm_code_list.frm-full-hover a:hover {
7455 - background: var(--primary-25);
7456 - color: var(--primary-500);
7457 - border-radius: var(--small-radius);
7458 -}
7459 -
7460 -.frm-select-list-item .frmsvg,
7461 -.frm-dropdown-menu > .dropdown-item > a .frmsvg {
7462 - opacity: .8;
7463 -}
7464 -
7465 -.frm-select-list-item:hover .frmsvg,
7466 -.frm-dropdown-menu > .dropdown-item > a:hover .frmsvg {
7467 - opacity: 1;
7468 -}
7469 -
7470 -.frm-dropdown-menu.frm_code_list > li > a {
7471 - padding: 3px 15px;
7472 - width: 300px;
7473 -}
7474 -
7475 -#frm_edit_box_content_modal .frm-with-search, /* Temp. Add .frm-dropdown-menu in Views */
7476 -.frm-dropdown-menu .frm-with-search {
7477 - padding: var(--gap-xs) 10px 0;
7478 -}
7479 -
7480 -.frm-dropdown-menu .subsubsub {
7481 - padding: 0 10px;
7482 -}
7483 -
7484 -.frm_grid_container {
7485 - overflow: visible;
7486 -}
7487 -
7488 -.frm_code_list.frm_grid_container {
3125 +.frm_code_list.frm_grid_container{
7489 3126 grid-gap: 5px;
7490 3127 }
7491 3128
7492 3129 .frm_code_list.frm_grid_container li {
7493 - width: auto;
7494 - margin: 0;
3130 + width:auto;
3131 + margin:0;
7495 3132 }
7496 3133
7497 3134 .frm_code_list.frm_grid_container a {
7498 3135 padding: 5px 0;
7499 3136 text-align: center;
7500 - background-color: var(--light-blue);
7501 - border: 1px solid var(--primary-500);
7502 - color: var(--primary-500);
7503 - display: block;
7504 - border-radius: var(--small-radius);
3137 + background-color:#fbfdff;
3138 + border: 1px solid #5b9dd9;
3139 + color:#1c94c4;
3140 + display:block;
3141 + border-radius: 4px;
7505 3142 }
7506 3143
7507 -.frm_code_list.frm_grid_container a:hover {
7508 - background-color: var(--primary-700);
7509 - color: #fff;
3144 +.frm_code_list.frm_grid_container a:hover{
3145 + background-color:var(--primary-color);
3146 + color:#fbfdff;
7510 3147 }
7511 3148
7512 -.frm_field_list #frm-insert-fields .button a {
7513 - display: block;
7514 - max-width: 95%;
7515 - overflow: hidden;
3149 +.frm_field_list #frm-insert-fields .button a{
3150 + display:block;
3151 + max-width:95%;
3152 + overflow:hidden;
7516 3153 }
7517 3154
7518 -.field_type_list.frm_grid_container {
7519 - gap: var(--gap-xs) var(--gap-sm);
7520 - margin: var(--gap-xs);
3155 +.field_type_list li.button{
3156 + margin:0 4% 8px 0;
3157 + padding:0;
3158 + clear:both;
7521 3159 }
7522 3160
7523 -.field_type_list li {
7524 - margin: 0;
7525 - padding: 0;
3161 +.field_type_list li.button:nth-child(2n){
3162 + margin-right:0;
3163 + float:right;
3164 + clear:none;
7526 3165 }
7527 3166
7528 -#frm-insert-fields .frm-search {
7529 - float: none;
7530 - margin: 15px 20px;
7531 - width: auto;
3167 +.frmbutton.ui-sortable-helper{
3168 + width:155px !important;
7532 3169 }
7533 3170
7534 -#frm-insert-fields li,
7535 -#frm-insert-fields li a {
7536 - text-decoration: none;
7537 - font-weight: normal;
7538 - font-size: var(--text-md) !important;
7539 - color: var(--grey-900);
3171 +#frm-insert-fields .button,
3172 +#frm-insert-fields .button a,
3173 +.frmbutton.ui-sortable-helper a{
3174 + text-decoration:none;
3175 + font-weight:normal;
3176 + font-size:14px !important;
7540 3177 }
7541 3178
7542 -#frm-insert-fields li.frm_show_upgrade {
7543 - cursor: pointer;
7544 - opacity: .5;
7545 -}
7546 -
7547 -#frm-insert-fields li a span {
7548 - vertical-align: middle;
7549 -}
7550 -
7551 -.frmbutton.ui-draggable-dragging a,
7552 -#frm-insert-fields li a:not(.disabled):hover {
7553 - background: var(--grey-100);
7554 -}
7555 -
7556 -#frm-insert-fields li a.disabled:hover {
7557 - cursor: not-allowed;
7558 -}
7559 -
7560 -#frm-insert-fields li.ui-draggable-disabled {
7561 - opacity: 0.5;
7562 -}
7563 -
7564 -.frm_code_list {
7565 - clear: both;
7566 -}
7567 -
7568 -.frm_code_list.frm-full-hover a.frm_hidden,
7569 -.frm_code_list .frmkeys {
7570 - display: none;
7571 -}
7572 -
7573 -.frmsvg {
7574 - fill: currentColor;
7575 - width: 18px;
7576 - height: 18px;
7577 - vertical-align: middle;
7578 -}
7579 -
7580 -input[disabled],
7581 -.frmsvg svg {
7582 - pointer-events: none;
7583 -}
7584 -
7585 -.frmsvg.frm_svg20 {
7586 - width: 20px;
7587 - height: 20px;
7588 -}
7589 -
7590 -.frmsvg.frm_svg15 {
7591 - width: 15px;
7592 - height: 15px;
7593 -}
7594 -
7595 -.frmsvg.frm_svg14 {
7596 - width: 14px;
7597 - height: 14px;
7598 -}
7599 -
7600 -.frmsvg.frm_svg13 {
7601 - width: 13px;
7602 - height: 13px;
7603 -}
7604 -
7605 -.frmbutton.ui-sortable-helper .frmsvg,
7606 -.field_type_list li.frmbutton .frmsvg,
7607 3179 .frmbutton.ui-sortable-helper i,
7608 -.field_type_list li.frmbutton i,
7609 -.frm_code_list a .frmsvg,
7610 -.frm_code_list a i {
7611 - color: var(--grey-500);
3180 +.field_type_list li.frmbutton i{
3181 + margin: .15em .2em;
3182 + color: inherit;
7612 3183 display: inline-block;
7613 3184 vertical-align: middle;
7614 - width: var(--text-md);
7615 - font-size: var(--text-md);
3185 + text-align: center;
3186 + width:22px;
3187 + height:20px;
7616 3188 }
7617 3189
7618 -/* Standardize icon size for field buttons in the builder */
7619 -.field_type_list li.frmbutton .frmsvg {
7620 - width: var(--text-xl);
7621 - font-size: var(--text-xl);
3190 +.frmbutton.ui-sortable-helper .frm-dropdown-menu{
3191 + display:none;
7622 3192 }
7623 3193
7624 -.frm_code_list i:before {
7625 - font-size: inherit;
3194 +.frm_css_icon:before{
3195 + font-size: 20px;
3196 + font-style: normal;
3197 + line-height: 1;
3198 + vertical-align: top;
7626 3199 }
7627 3200
7628 -#frm-insert-fields li a:not(.disabled):hover .frmsvg,
7629 -#frm-insert-fields li a:not(.disabled):hover i {
7630 - color: var(--grey-600);
3201 +.frm_number_icon:before {
3202 + content: "#";
3203 + font-weight: 400;
7631 3204 }
7632 3205
7633 -/* Icon while dragging */
7634 -.frmbutton.ui-draggable-dragging {
7635 - pointer-events: none;
3206 +.frm_text_icon:before{
3207 + content:'T';
3208 + font-family: serif;
7636 3209 }
7637 3210
7638 -#frm-insert-fields li.frm_show_upgrade,
7639 -#frm-insert-fields li a,
7640 -.frmbutton.ui-draggable-dragging a {
7641 - text-decoration: none;
7642 - display: inline-flex !important;
7643 - gap: var(--gap-xs);
7644 - align-items: center;
7645 - border-radius: var(--border-radius) !important;
7646 - padding: var(--gap-xs) var(--gap-sm) !important;
7647 - color: var(--grey-900) !important;
3211 +.frm_heading_icon:before{
3212 + content:'H';
3213 + font-family: rockwell, georgia, serif;
7648 3214 }
7649 3215
7650 -/* Adjust field button size to full width in builder */
7651 -#frm-insert-fields li a {
7652 - display: flex !important;
7653 -}
7654 -
7655 -/* Prevents advanced fields from always appearing in search results */
7656 -#frm-insert-fields li.frm_show_upgrade.frm_hidden {
7657 - display: none !important;
7658 -}
7659 -
7660 -.frmbutton.ui-draggable-dragging a {
7661 - border: 1px solid var(--grey-300);
7662 - box-shadow: var(--box-shadow-md);
7663 -}
7664 -
7665 -.frmbutton.ui-draggable-dragging span {
7666 - font-size: 15px;
7667 -}
7668 -
7669 -#frm-show-fields .frmbutton.ui-sortable-helper i,
7670 -.frmbutton.ui-draggable-dragging i,
7671 -.frmbutton.ui-draggable-dragging .frmsvg {
7672 - color: #fff !important;
7673 -}
7674 -
7675 -.frmbutton.ui-draggable-dragging i,
7676 -.frmbutton.ui-draggable-dragging .frmsvg {
7677 - color: var(--grey-700) !important;
7678 -}
7679 -
7680 -.frm_sorting li.ui-state-default.ui-sortable-helper,
7681 -.frmbutton.ui-sortable-helper {
7682 - transition: opacity .2s;
7683 - opacity: 1;
7684 -}
7685 -
7686 -.frm-field-group-count {
7687 - background-color: var(--sidebar-hover);
7688 - padding: 5px;
7689 - color: #fff !important;
7690 - border-radius: 10px;
7691 -}
7692 -
7693 -/* End dragging */
7694 -
7695 -.field_type_list .frm_icon_font:before {
7696 - font-size: 20px;
7697 -}
7698 -
7699 3216 li.frm_noallow.button,
7700 -.frm_noallow {
7701 - opacity: .5;
7702 - filter: alpha(opacity=50);
3217 +.frm_noallow{
3218 + opacity:.5;
3219 + filter:alpha(opacity=50);
3220 + cursor: not-allowed;
7703 3221 }
7704 3222
7705 3223 .frm_actions_list a.frm_show_upgrade.frm_inactive_action:before,
7706 3224 li.frm_noallow.button.frm_show_upgrade {
7707 - cursor: pointer;
3225 + cursor:pointer;
7708 3226 }
7709 3227
7710 3228 .field_type_list li.frm_noallow.button.frm_show_upgrade:hover {
7711 3229 border-color: inherit;
@@ -7710,107 +3228,22 @@
7710 3228 .field_type_list li.frm_noallow.button.frm_show_upgrade:hover {
7711 3229 border-color: inherit;
7712 3230 }
7713 3231
7714 -.frm_noallow a {
7715 - color: inherit;
3232 +.frm_noallow a{
3233 + color:inherit;
7716 3234 }
7717 3235
7718 -#frm_upgrade_modal_image {
7719 - max-width: 200px;
3236 +.frm_overlay{
3237 + filter: blur(4px);
7720 3238 }
7721 3239
7722 -.frm-tab-message {
7723 - max-width: 600px;
7724 - margin: 20px auto;
7725 - color: rgba(63, 75, 91, 0.8);
7726 -}
7727 -
7728 -.frm-settings-screenshot-toolbar {
7729 - min-height: 39px;
7730 - display: flex;
7731 -}
7732 -
7733 -.frm-settings-screenshot-toolbar .frm-minmax-icon {
7734 - height: 8px;
7735 - width: 8px;
7736 - border-radius: 50%;
7737 - align-self: center;
7738 - margin-left: 10px;
7739 -}
7740 -
7741 -.frm-settings-screenshot-toolbar .frm-minmax-icon:first-of-type {
7742 - margin-left: 20px;
7743 -}
7744 -
7745 -.frm-settings-screenshot-toolbar img {
7746 - object-fit: contain;
7747 - align-self: flex-end;
7748 - margin-left: 25px;
7749 -}
7750 -
7751 -.frm-settings-screenshot-toolbar + div {
7752 - background: #fff;
7753 - padding-top: 25px;
7754 - border-radius: 0 0 16px 16px;
7755 -}
7756 -
7757 -.frm-settings-screenshot-toolbar + div img {
7758 - max-width: calc( 100% - 40px );
7759 -}
7760 -
7761 -.frm-settings-screenshot-wrapper {
7762 - max-width: 700px;
7763 - margin: 50px auto 0;
7764 - box-shadow: 0px 4px 4px rgba(189, 196, 205, 0.25), 0px 12px 56px rgba(42, 57, 75, 0.25);
7765 - border-radius: 16px;
7766 - background: #EBECF1;
7767 -}
7768 -
7769 -.frm-dialog {
7770 - z-index: 100;
3240 +.wp-dialog {
3241 + z-index:100;
7771 3242 padding: 0 !important;
7772 - border-radius: 16px;
7773 - border: none;
7774 - background-color: #fff;
7775 - max-width: 100% !important;
7776 3243 }
7777 3244
7778 -.frm-dialog .postbox {
7779 - background: transparent;
7780 - box-shadow: none;
7781 - border: none;
7782 - line-height: var(--leading);
7783 -}
7784 -
7785 -.frm-dialog input[type=text],
7786 -.frm-dialog textarea {
7787 - font-size: var(--text-md);
7788 -}
7789 -
7790 -.frm-dialog textarea {
7791 - height: 75px;
7792 -}
7793 -
7794 -.frm-dialog button.frm-button-primary {
7795 - margin-right: 10px;
7796 -}
7797 -
7798 -.frm-dialog .frm-sub-label,
7799 -.frm-sub-label {
7800 - color: var(--grey);
7801 - text-transform: none;
7802 - padding-left: 8px;
7803 -}
7804 -
7805 -h2 .frm-sub-label {
7806 - font-size: var(--text-md);
7807 -}
7808 -
7809 -.frm-views-editor-body .ui-widget-overlay,
7810 -.frm-white-body .ui-widget-overlay,
7811 -.toplevel_page_formidable .ui-widget-overlay,
7812 -.formidable_page_formidable-payments .ui-widget-overlay {
3245 +.toplevel_page_formidable .ui-widget-overlay{
7813 3246 position: fixed;
7814 3247 width: 100%;
7815 3248 height: 100%;
7816 3249 top: 0;
@@ -7816,599 +3249,334 @@
7816 3249 top: 0;
7817 3250 left: 0;
7818 3251 right: 0;
7819 3252 bottom: 0;
7820 - background: var(--grey-500);
7821 - opacity: .5;
3253 + background: rgba(0,0,0,0.1);
7822 3254 z-index: 2;
7823 3255 }
7824 3256
7825 -#frm_upgrade_modal {
7826 - text-align: center;
3257 +.frm_overlay .wp-dialog {
3258 + box-shadow: 0 0 80px #333;
7827 3259 }
7828 3260
7829 -#frm_upgrade_modal .frm_lock_icon {
3261 +#frm_upgrade_modal{
3262 + text-align:center;
3263 +}
3264 +
3265 +#frm_upgrade_modal .dismiss {
3266 + padding: 5px;
3267 + color: #c4c4c4;
3268 + z-index: 100;
3269 + position: relative;
3270 +}
3271 +
3272 +#frm_upgrade_modal .dashicons-lock{
7830 3273 display: block;
7831 3274 margin: 0 auto;
7832 - height: 35px;
7833 - width: 35px;
3275 + font-size: 35px;
7834 3276 color: #c4c4c4;
7835 3277 padding-bottom: 20px;
7836 3278 }
7837 3279
7838 -.frm-upgrade-message img {
7839 - max-width: 100%;
7840 -}
7841 -
7842 3280 a.frm-link-secondary {
7843 - color: #c4c4c4;
7844 - font-size: var(--text-sm);
7845 - text-decoration: underline;
3281 + color:#c4c4c4;
3282 + font-size:14px;
3283 + text-decoration:underline;
7846 3284 }
7847 3285
7848 3286 .field_type_list li.button.frm_noallow,
7849 3287 .field_type_list li.button.frm_noallow:hover,
7850 3288 .button.frm_noallow,
7851 -.button.frm_noallow:hover {
7852 - color: inherit;
7853 - border-color: #ccc;
7854 - background: inherit;
3289 +.button.frm_noallow:hover{
3290 + color:inherit;
3291 + border-color:#ccc;
3292 + background:inherit;
7855 3293 }
7856 3294
7857 -iframe#dyncontent_ifr {
7858 - min-height: 150px;
7859 -}
3295 +iframe#dyncontent_ifr{min-height:150px;}
3296 +#frm-insert-fields-box ul.frm_code_list, #frm-conditionals ul.frm_code_list{padding-right:0.9em;}
7860 3297
7861 3298 /*!
7862 - * Bootstrap v4.6.1
3299 + * Bootstrap v3.0.2
7863 3300 */
7864 3301
7865 -.tooltip {
7866 - /* Copied from Bootstrap */
7867 - position: absolute;
7868 - display: block;
7869 - margin: 0;
7870 - font-style: normal;
7871 - font-weight: 400;
7872 - line-height: 1.5;
7873 - text-align: left;
7874 - text-align: start;
7875 - text-decoration: none;
7876 - text-shadow: none;
7877 - text-transform: none;
7878 - letter-spacing: normal;
7879 - word-break: normal;
7880 - word-spacing: normal;
7881 - white-space: normal;
7882 - line-break: auto;
7883 - font-size: 0.875rem;
7884 - word-wrap: break-word;
7885 - opacity: 0;
7886 -
7887 - /* Custom rules */
7888 - z-index: 9999999;
7889 - pointer-events: none;
3302 +.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);}.tooltip.in{opacity:0.95;filter:alpha(opacity=95);}
3303 +.tooltip.top{margin-top:-3px;padding:5px 0;}
3304 +.tooltip.right{margin-left:3px;padding:0 5px;}
3305 +.tooltip.bottom{margin-top:3px;padding:5px 0;}
3306 +.tooltip.left{margin-left:-3px;padding:0 5px;}
3307 +.tooltip-inner{max-width:200px;padding:3px 8px;color:#FFF;text-align:center;text-decoration:none;
3308 + background-color:#777;border-radius:4px;
7890 3309 }
3310 +.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid;}
3311 +.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#808080;}
3312 +.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#808080;}
3313 +.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#808080;}
3314 +.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#808080;}
3315 +.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#808080;}
3316 +.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#6D6D6D;}
3317 +.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#6D6D6D;}
3318 +.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#6D6D6D;}
7891 3319
7892 -.tooltip.show {
7893 - opacity: 0.9;
3320 +.frm_clearfix:after{
3321 + content:".";
3322 + display:block;
3323 + clear:both;
3324 + visibility:hidden;
3325 + line-height:0;
3326 + height:0;
7894 3327 }
7895 3328
7896 -.tooltip .arrow {
7897 - position: absolute;
7898 - display: block;
7899 - width: 0.8rem;
7900 - height: 0.4rem;
7901 - margin-left: 0 !important;
3329 +.frm_clearfix{
3330 + display:block;
7902 3331 }
7903 3332
7904 -.tooltip .arrow::before {
7905 - position: absolute;
7906 - content: "";
7907 - border-color: transparent;
7908 - border-style: solid;
3333 +.frm_admin_progress {
3334 + overflow: hidden;
3335 + height: 20px;
3336 + margin-bottom: 20px;
3337 + background-color: #f5f5f5;
3338 + border-radius: 4px;
3339 + -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
3340 + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
7909 3341 }
7910 -
7911 -.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
7912 - padding: 0.4rem 0;
3342 +.frm_admin_progress_bar {
3343 + float: left;
3344 + width: 0;
3345 + height: 100%;
3346 + font-size: 12px;
3347 + line-height: 20px;
3348 + color: #ffffff;
3349 + text-align: center;
3350 + -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3351 + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
3352 + -webkit-transition: width 0.6s ease;
3353 + transition: width 0.6s ease;
3354 + background-color: #04A4CC;
7913 3355 }
3356 +/* End Bootstrap */
7914 3357
7915 -.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
7916 - bottom: 0;
3358 +.tooltip.frm_tooltip{
3359 + position:fixed;
3360 + top:auto !important;
3361 + bottom:0 !important;
3362 + left:0 !important;
3363 + max-width:none;
3364 + width:100% !important;
3365 + z-index:99999;
7917 3366 }
7918 -
7919 -.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
7920 - top: 0;
7921 - border-width: 0.4rem 0.4rem 0;
7922 - border-top-color: #000;
3367 +.tooltip.frm_tooltip.bottom{
3368 + padding:0;
7923 3369 }
7924 -
7925 -.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
7926 - padding: 0 0.4rem;
3370 +.frm_tooltip .tooltip-inner{
3371 + max-width:none;
3372 + min-height:40px !important;
3373 + text-align:left;
3374 + -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);
3375 + -webkit-box-shadow:5px 5px 25px rgba(0,0,0,0.5);
3376 + box-shadow:5px 5px 25px rgba(0,0,0,0.5);
3377 + padding:10px 40px;
3378 + border-top-color:#ccc;
3379 + background:#777;
3380 + border-radius:0;
3381 + opacity:.9;
7927 3382 }
7928 3383
7929 -.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
7930 - left: 0;
7931 - width: 0.4rem;
7932 - height: 0.8rem;
3384 +#frm_styling_form #post-body{
3385 + padding:20px;
7933 3386 }
7934 3387
7935 -.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
7936 - right: 0;
7937 - border-width: 0.4rem 0.4rem 0.4rem 0;
7938 - border-right-color: #000;
3388 +.ui-datepicker-inline.ui-datepicker{
3389 + max-width: 19em;
7939 3390 }
7940 3391
7941 -.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
7942 - padding: 0.4rem 0;
3392 +.default-style-box.howto{
3393 + margin-left:20px;
3394 + font-style:normal;
7943 3395 }
7944 3396
7945 -.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
7946 - top: 0;
3397 +#frm_custom_css_box{
3398 + width:100%;
7947 3399 }
7948 3400
7949 -.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
7950 - bottom: 0;
7951 - border-width: 0 0.4rem 0.4rem;
7952 - border-bottom-color: #000;
3401 +#frm_styling_form .wp-picker-container .wp-color-result.button{
3402 + max-width:100%;
3403 + overflow: hidden;
7953 3404 }
7954 3405
7955 -.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
7956 - padding: 0 0.4rem;
3406 +.wp-picker-holder{
3407 + position:absolute;
3408 + z-index: 999;
7957 3409 }
7958 3410
7959 -.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
7960 - right: 0;
7961 - width: 0.4rem;
7962 - height: 0.8rem;
3411 +#frm_styling_form div.tabs-panel{
3412 + padding-left:5px;
3413 + padding-right:5px;
7963 3414 }
7964 3415
7965 -.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
7966 - left: 0;
7967 - border-width: 0.4rem 0 0.4rem 0.4rem;
7968 - border-left-color: #000;
7969 -}
7970 -
7971 -.tooltip-inner {
7972 - max-width: 200px;
7973 - padding: 0.25rem 0.5rem;
7974 - color: #fff;
7975 - text-align: center;
7976 - background-color: #000;
7977 - border-radius: 0.25rem;
7978 -}
7979 -
7980 -.frm-dropdown-menu.show {
7981 - display: block;
7982 -}
7983 -
7984 -/* End Bootstrap */
7985 -
7986 -.preview.dropdown .dropdown-menu {
7987 - min-width: 205px;
7988 -}
7989 -
7990 -.frm_clear {
7991 - clear: both;
7992 -}
7993 -
7994 -.frm_clearfix:after {
7995 - content: ".";
7996 - display: block;
7997 - clear: both;
7998 - visibility: hidden;
7999 - line-height: 0;
8000 - height: 0;
8001 -}
8002 -
8003 -.frm_clearfix {
8004 - display: block;
8005 -}
8006 -
8007 -.frm_admin_progress {
8008 - overflow: hidden;
8009 - height: 20px;
8010 - margin-bottom: 20px;
8011 - background-color: #f5f5f5;
8012 - border-radius: 4px;
8013 - box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
8014 -}
8015 -
8016 -.frm_admin_progress_bar {
3416 +/*form field groups*/
3417 +.accordion-container .field-group {
8017 3418 float: left;
8018 - width: 0;
8019 - height: 100%;
8020 - font-size: 12px;
8021 - line-height: 20px;
8022 - color: #ffffff;
8023 - text-align: center;
8024 - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
8025 - transition: width 0.6s ease;
8026 - background-color: #04A4CC;
3419 + width: 32%;
3420 + margin: 10px 1% 0 0;
8027 3421 }
8028 -
8029 -.tooltip.frm_tooltip {
8030 - position: fixed;
8031 - top: auto !important;
8032 - bottom: 0 !important;
8033 - left: 0 !important;
8034 - max-width: none;
8035 - width: 100% !important;
8036 - z-index: 99999;
3422 +.accordion-container .field-group.after-h3{
3423 + margin-top:5px;
8037 3424 }
8038 -
8039 -.tooltip.frm_tooltip.bottom {
8040 - padding: 0;
3425 +.accordion-container .field-group.frm-first-row{
3426 + margin-top:0;
8041 3427 }
8042 -
8043 -.frm_tooltip .tooltip-inner {
8044 - max-width: none;
8045 - min-height: 40px !important;
8046 - text-align: left;
8047 - box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
8048 - padding: 10px 40px;
8049 - border-top-color: #ccc;
8050 - background: var(--sidebar-color);
8051 - color: var(--grey-700);
8052 - border-radius: 0;
8053 - opacity: 1;
8054 - font-size: var(--text-sm);
3428 +.accordion-container .field-group.frm-half{
3429 + width: 49%;
8055 3430 }
8056 -
8057 -#frm_custom_css_box {
3431 +.accordion-container .field-group.frm-full{
8058 3432 width: 100%;
3433 + margin-right:0;
3434 + float:none;
3435 + clear:both;
8059 3436 }
8060 3437
8061 -/*form inputs/selects */
8062 -.frm_form_field.frm_scroll_box .frm_opt_container,
8063 -.frm-white-body .wrap input[type="text"], /* Cover Views pages */
8064 -.frm-white-body .wrap input[type="search"],
8065 -.frm-white-body .wrap input[type="number"],
8066 -.frm-white-body .wrap select,
8067 -.frm-white-body .wrap textarea,
8068 -button.frm_choose_image_box,
8069 -#titlediv input[type="text"],
8070 -.frm-fields button.btn,
8071 -.frm_wrap textarea,
8072 -.frm_wrap input[type="tel"],
8073 -.frm_wrap input[type="text"],
8074 -.frm_wrap input[type=search],
8075 -.frm_wrap input[type="number"],
8076 -.frm_wrap input[type="date"],
8077 -.frm_wrap select,
8078 -.wp-admin .frm_wrap select,
8079 -.field-group textarea,
8080 -.field-group input[type="text"],
8081 -.field-group select {
8082 - outline: 0;
8083 - box-shadow: none;
8084 - border-radius: var(--small-radius);
8085 - padding: 5px 14px;
8086 - border-color: var(--grey-300);
8087 - color: var(--grey-800);
8088 - font-size: var(--text-md);
8089 - margin: 0;
8090 - background-color: #fff;
8091 - line-height: var(--leading);
3438 +.field-group-background{
3439 + margin: 4px 0 0;
3440 + clear: both;
3441 + float: none;
3442 + width: auto;
8092 3443 }
8093 -
8094 -.frm_wrap ::-webkit-datetime-edit {
8095 - line-height: var(--leading);
3444 +.field-group-border{
3445 + clear: left;
8096 3446 }
8097 3447
8098 -.frm-white-body textarea:focus,
8099 -.frm-white-body input:focus,
8100 -.frm-white-body select:focus,
8101 -.frm_wrap input:focus,
8102 -.frm_wrap select:focus,
8103 -.wp-core-ui .frm_wrap select:focus,
8104 -.frm-btn-group .multiselect.dropdown-toggle:focus,
8105 -.frm_wrap textarea:focus {
8106 - border-color: var(--primary-500) !important;
8107 - box-shadow: none !important;
3448 +.metabox-holder .accordion-container .inside h3{
3449 + padding:20px 0 0;
3450 + margin:0;
8108 3451 }
8109 -
8110 -#postbox-container-2 textarea,
8111 -.frm_wrap textarea,
8112 -.field-group textarea {
8113 - line-height: 2;
3452 +.accordion-container label{
3453 + font-size:12px;
8114 3454 }
8115 3455
8116 -.frm_wrap input[type="number"] {
8117 - height: auto;
3456 +.accordion-container ul.add-menu-item-tabs li{
3457 + padding:3px 3px 3px 6px;
8118 3458 }
8119 3459
8120 -.frm_wrap select {
8121 - padding: 2px;
3460 +.accordion-container .posttypediv div.tabs-panel{
3461 + max-height:500px;
3462 + overflow:visible;
3463 + padding-bottom:0.9em;
8122 3464 }
8123 3465
8124 -.wp-admin .frm_wrap select {
8125 - max-width: 100%;
3466 +/*form labels*/
3467 +.accordion-container .field-group label {
3468 + margin: 6px 0 5px;
3469 + display: block;
8126 3470 }
8127 -
8128 -.frm_form_field.frm_scroll_box .frm_opt_container {
8129 - padding: 10px 12px;
3471 +.global-font .field-group{
3472 + margin: 4px 0 0;
3473 + clear: both;
3474 + float: none;
3475 + width: auto;
8130 3476 }
8131 -
8132 -.frm_wrap input[disabled],
8133 -.frm_wrap select[disabled],
8134 -.frm_wrap textarea[disabled],
8135 -.frm_wrap input[readonly],
8136 -.frm_wrap select[readonly],
8137 -.frm_wrap textarea[readonly],
8138 -.frm_wrap input::placeholder {
8139 - color: var(--grey-500);
3477 +.global-font .field-group label{
3478 + float: left;
3479 + margin-right: 4px !important;
3480 + text-align: right;
3481 + width: 50px;
8140 3482 }
8141 3483
8142 -#postcustomstuff table td > div {
8143 - /* To override some inline css in add-on */
8144 - padding-top: 0 !important;
8145 -}
8146 -
8147 -.wp-admin .frm_wrap .form-table select {
8148 - vertical-align: top;
8149 -}
8150 -
8151 -.frm_wrap .frm_form_builder select {
8152 - line-height: var(--leading);
8153 - height: var(--text-md);
8154 - width: 100%;
8155 -}
8156 -
8157 -#postbox-container-2 select,
8158 -.wp-admin .frm_wrap select,
8159 -.frm_wrap .frm_form_builder select {
8160 - height: auto;
8161 - background-position: right 11px top 55%;
8162 -}
8163 -
8164 -.frm-white-body .tablenav select,
8165 -.frm-white-body .tablenav input[type="text"],
8166 -.wp-admin .frm_wrap .tablenav select,
8167 -.frm_wrap .tablenav input[type="date"],
8168 -.frm_wrap .tablenav input[type="text"] {
8169 - padding-top: 0;
8170 - padding-bottom: 0;
8171 - line-height: 1;
8172 -}
8173 -
8174 -.frm_wrap .tablenav ::-webkit-datetime-edit {
8175 - line-height: 1;
8176 -}
8177 -
8178 -.frm-fields button.btn,
8179 -.frm-fields textarea,
8180 -.frm-fields input[type="text"],
8181 -.frm-fields select,
8182 -.field-group textarea,
3484 +/*form inputs/selects */
3485 +.accordion-container input.hex,
8183 3486 .field-group input[type="text"],
8184 -.field-group select,
8185 -.accordion-container input.hex {
8186 - width: 100%;
3487 +.field-group select{
3488 + width: 97%;
8187 3489 outline: 0;
8188 3490 }
3491 +.global-font .field-group input[type="text"]{width:auto;}
8189 3492
8190 -.frm-fields button.btn {
8191 - height: var(--h-md);
8192 - text-align: inherit;
8193 -}
8194 -
8195 -.global-font .field-group input[type="text"] {
8196 - width: auto;
8197 -}
8198 -
8199 -/* Image Options */
8200 -
8201 -.frm_images_dropdown .frm_image_option {
8202 - margin: 0 !important;
8203 -}
8204 -
8205 -.frm_images_dropdown .frm_radio input[type=radio] {
8206 - opacity: 0;
8207 - position: absolute;
8208 - z-index: -1;
8209 -}
8210 -
8211 -.frm_images_dropdown__image .frmsvg {
8212 - width: 100%;
8213 - max-width: 102px;
8214 - fill: none;
8215 - margin: 0;
8216 -}
8217 -
8218 -.frm_images_dropdown .frm_noallow .frm_image_option_container {
8219 - opacity: .5;
8220 -}
8221 -
8222 -.frm_images_dropdown .frm_image_option_container {
8223 - border-radius: var(--small-radius);
8224 - border: 2px solid transparent;
8225 - align-items: center;
8226 -}
8227 -
8228 -.frm_images_dropdown .frm_image_option_container:hover {
8229 - background: #fff !important;
8230 -}
8231 -
8232 -.frm_images_dropdown input[type="radio"]:checked + .frm_image_option_container {
8233 - background: #fff !important;
8234 - border-color: var(--primary-500);
8235 -}
8236 -
8237 -.frm_images_dropdown .frm_text_label_for_image {
8238 - padding: 0;
8239 - text-align: left;
8240 -}
8241 -
8242 -/* End Image Options */
8243 -
8244 -/* Welcome page */
8245 -
8246 -.wp-core-ui .frm_grey.frm-button-primary.disabled,
8247 -.wp-core-ui .frm_grey.frm-button-primary,
8248 -#frm-welcome .frm_grey {
8249 - opacity: 0.5;
8250 - background: #F6F6F6 !important;
8251 - border-color: #ddd !important;
8252 - color: #9FA5AA !important;
8253 -}
8254 -
8255 -/* Chrome Scrollbars for Windows */
8256 -.windows::-webkit-scrollbar,
8257 -.windows ::-webkit-scrollbar {
8258 - width: 7px;
8259 - background: transparent;
8260 -}
8261 -
8262 -.windows::-webkit-scrollbar-thumb,
8263 -.windows ::-webkit-scrollbar-thumb {
8264 - background: var(--grey-300);
8265 - -webkit-border-radius: var(--border-radius);
8266 - -webkit-box-shadow: none;
8267 -}
8268 -
8269 -.windows::-webkit-scrollbar-corner,
8270 -.windows ::-webkit-scrollbar-corner {
8271 - background: transparent;
8272 -}
8273 -
8274 3493 /* RTL */
8275 -.rtl h3 {
8276 - font-weight: inherit !important;
3494 +.rtl .frm-ltr{
3495 + direction:rtl;
8277 3496 }
8278 3497
8279 -.rtl.js .accordion-section-title:after {
8280 - left: 10px;
8281 - right: auto;
3498 +.rtl #frm-fixed-panel{
3499 + direction:ltr;
8282 3500 }
8283 3501
8284 -.rtl #frm_top_bar #frm_bs_dropdown {
8285 - padding-left: 15px;
3502 +.rtl .frm_wrap #post-body.columns-2 #postbox-container-1,
3503 +.rtl .frm_wrap #poststuff #post-body.columns-2 {
3504 + margin-left: 0;
3505 + margin-right:0;
8286 3506 }
8287 3507
8288 -.rtl .frm-full-close,
8289 -.rtl .frm_wrap .columns-2 .frm-right-panel,
8290 -.rtl .frm-right-panel {
8291 - border-right-width: 1px;
8292 - border-left-width: 0;
3508 +.rtl .frm_wrap #post-body.columns-2 #postbox-container-1.frm-right-panel,
3509 +.rtl #postbox-container-1.frm-right-panel{
3510 + border-right-width:1px;
3511 + border-left-width:0;
8293 3512 }
8294 3513
8295 -.rtl .frm-full-close {
8296 - padding-left: 0;
8297 - padding-right: var(--gap-md);
3514 +.rtl .frm_right_text{
3515 + text-align:left;
8298 3516 }
8299 3517
8300 -.rtl .frm-text-right {
8301 - text-align: left;
3518 +.rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child,
3519 +.rtl .frm_field_list ul.category-tabs li:first-child {
3520 + border-left-width: 1px;
8302 3521 }
8303 3522
8304 -.rtl .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
8305 - border-left-width: 1px;
3523 +.rtl .frm-dropdown-menu{
3524 + text-align:right;
8306 3525 }
8307 3526
8308 -.rtl .frm-dropdown-menu {
8309 - text-align: right;
8310 -}
8311 -
8312 -.rtl .frm_actions_dropdown .frm_icon_font {
8313 - float: right;
3527 +.rtl .frm_actions_dropdown .frm_icon_font{
3528 + float:right;
8314 3529 margin-right: 0;
8315 3530 margin-left: 3px;
8316 3531 }
8317 3532
8318 3533 .rtl #frm-insert-fields-box,
8319 -.rtl #frm-conditionals {
8320 - padding-right: .9em;
3534 +.rtl #frm-conditionals{
3535 + padding-right:.9em;
8321 3536 }
8322 3537
8323 -.rtl #html_settings .frm_field_html_box {
8324 - margin-right: 0;
3538 +.rtl .postbox #contextual-help-back{
3539 + border-right-width:1px;
3540 + border-left-width:0;
3541 + left:0;
3542 + right: 150px;
8325 3543 }
8326 3544
8327 -.rtl .frm_list_entry_page h2 {
8328 - float: right;
3545 +.rtl #html_settings .frm_field_html_box{
3546 + margin-right:0;
8329 3547 }
8330 3548
8331 -.rtl .frm_scale {
3549 +.rtl .frm_list_entry_page #frm_form_heading{
3550 + float:right;
3551 +}
3552 +
3553 +.rtl .frm_scale{
8332 3554 float: right;
8333 3555 margin-left: 10px;
8334 3556 margin-right: 0;
8335 3557 }
8336 3558
8337 -.rtl .frm-page-break .frm-collapse-page.button {
8338 - margin-left: 0;
8339 - margin-right: 46%;
8340 -}
8341 -
8342 -.rtl .frm-field-action-icons {
8343 - right: unset;
8344 - left: 2px;
8345 -}
8346 -
8347 -.rtl .frm_has_shortcodes > i {
8348 - right: auto;
8349 - left: 5px;
8350 -}
8351 -
8352 -.rtl .frm_reply_to_container,
8353 -.rtl .frm_bcc_cc_container {
8354 - float: left;
8355 -}
8356 -
8357 -.rtl .frm-default-switcher {
8358 - float: left;
8359 - position: relative;
8360 -}
8361 -
8362 -.rtl .frm-with-right-icon .frmsvg {
8363 - right: auto;
8364 - left: 0;
8365 -}
8366 -
8367 -.rtl .frm-inline-modal > a.dismiss {
8368 - left: 13px;
8369 - right: auto;
8370 -}
8371 -
8372 -.rtl.wp-admin .frm_wrap select {
8373 - padding-left: var(--gap-lg) !important;
8374 - padding-right: 5px !important;
8375 - background-position: left 11px top 55%;
8376 -}
8377 -
8378 3559 /* ---------------------------------------------------------------
8379 3560 Clearfix
8380 3561 --------------------------------------------------------------- */
8381 -span.clear {
8382 - display: block;
8383 -}
8384 -
3562 +span.clear{display:block;}
8385 3563 .clearfix:after {
8386 - content: ".";
8387 - display: block;
8388 - height: 0;
8389 - clear: both;
8390 - visibility: hidden;
3564 + content: ".";
3565 + display: block;
3566 + height: 0;
3567 + clear: both;
3568 + visibility: hidden;
8391 3569 }
8392 3570
8393 -.clearfix {
8394 - display: inline-block;
8395 -}
3571 +.clearfix {display: inline-block;}
8396 3572
8397 3573 /*Override styling from other plugins*/
8398 -.frm_form_fields .clear {
8399 - height: auto;
8400 -}
3574 +.frm_form_fields .clear{height:auto;}
8401 3575
8402 3576 /* Hides from IE-mac \*/
8403 -* html .clearfix {
8404 - height: 1%;
8405 -}
8406 -
8407 -.clearfix {
8408 - display: block;
8409 -}
8410 -
3577 +* html .clearfix {height: 1%;}
3578 +.clearfix {display: block;}
8411 3579 /* End hide from IE-mac */
8412 3580
8413 3581 /*-----------------------------------------------------------------
8414 3582 Responsive Design
@@ -8414,831 +3582,476 @@
8414 3582 Responsive Design
8415 3583 ---------------------------------------------------------------- */
8416 3584
8417 3585 @media only screen and (max-width: 1200px) {
8418 - .frm-addons {
8419 - grid-template-columns: 1fr 1fr;
8420 - }
8421 -}
3586 + .frm_drag_inst{font-size: 30px;}
8422 3587
8423 -@media only screen and (max-width: 1050px) {
8424 - .frm-white-body,
8425 - .frm_wrap {
8426 - --biggest-sidebar: 390px;
3588 + li.ui-state-default.selected .frm-show-click.frm_import_options {
3589 + background: none;
3590 + border:none;
8427 3591 }
3592 + .frm_inline_label {
3593 + display: block;
3594 + margin: 5px 0;
3595 + }
8428 3596
8429 - #form_settings_page .columns-2 {
8430 - margin: 0;
3597 + .frm-addons{
3598 + grid-template-columns: 1fr 1fr;
8431 3599 }
8432 3600
8433 - .frm_actions_list {
8434 - margin-left: 0;
3601 + .frm-add-new-form .frm-addons{
3602 + grid-template-columns: 1fr 1fr 1fr;
8435 3603 }
8436 3604 }
3605 +@media only screen and (max-width: 1050px) {
3606 + .frm_drag_inst{font-size: 20px;}
3607 + .post-type-frm_display #frm_adv_info{
3608 + top:auto !important;
3609 + position:static;
3610 + width:auto;
3611 + }
8437 3612
8438 -@media only screen and (max-width: 960px) {
8439 - .frm-white-body,
8440 - .frm_wrap {
8441 - --gap-sm: 8px;
8442 - --gap-md: 16px;
8443 - --gap-2xl: 24px;
3613 + ul.frm_form_nav { min-width:100px; width:100%; }
3614 + ul.frm_form_nav li.last .caret { display:none; }
3615 +
3616 + #major-publishing-actions .frm_submit_form{
3617 + margin-bottom:5px;
8444 3618 }
8445 3619
8446 - .auto-fold #adminmenuwrap {
8447 - width: 36px;
3620 + .frm-is-draft #frm-preview-action{
3621 + clear:both;
8448 3622 }
8449 3623
8450 - .frm_wrap #postbox-container-1 #frm_adv_info {
8451 - min-width: 220px;
3624 + .frm_form_settings .contextual-help-tabs{
3625 + width:93px;
8452 3626 }
8453 3627
8454 - p.howto {
8455 - display: inline-block;
3628 + .frm_form_settings #contextual-help-back{
3629 + left:93px;
8456 3630 }
8457 3631
8458 - /* Fix: Issue where the admin page content had extra white space to the left on small screens */
8459 - .auto-fold.frm-admin-page-styles:not(.frm-full-screen) .frm_page_container,
8460 - .auto-fold:not(.frm-full-screen) .frm_wrap .frm_page_container {
8461 - left: 36px;
3632 + .frm_form_settings .contextual-help-tabs a{
3633 + padding:5px;
8462 3634 }
8463 3635
8464 - .frm-admin-footer-links {
8465 - padding-left: 36px;
3636 + #wpbody-content .frm_wrap #post-body.columns-2 #postbox-container-1{
3637 + width:300px;
8466 3638 }
8467 3639
8468 - body.rtl .frm-admin-footer-links {
8469 - padding-right: 36px;
3640 + #wpbody-content #frm_builder_page #post-body.columns-2 #postbox-container-1{
3641 + min-width:300px;
8470 3642 }
8471 -}
8472 3643
8473 -@media only screen and (max-width: 850px) {
8474 - #frm_bs_dropdown {
8475 - /* There isn't enough room for the title on a screen this size so just hide it. */
8476 - display: none;
3644 + #form_settings_page #post-body.columns-2{
3645 + margin:0;
3646 + }
3647 +
3648 + .frm_actions_list{
3649 + margin-left:0;
8477 3650 }
8478 3651
8479 - .frm-white-body,
8480 - .frm_wrap {
8481 - --biggest-sidebar: 350px;
8482 - --big-sidebar: 350px;
3652 + .frm_no_actions .inner_actions{
3653 + margin-left:80px;
8483 3654 }
8484 3655
8485 - #frm_bs_dropdown .frm_bstooltip {
8486 - /* There isn't enough room for the title on a screen this size so just hide it. */
8487 - display: none !important;
3656 + .frm-add-new-form .frm-addons{
3657 + grid-gap: 30px 3%;
8488 3658 }
3659 +}
3660 +@media only screen and (max-width: 960px){
3661 + .auto-fold #adminmenuwrap{
3662 + width:36px;
3663 + }
8489 3664
8490 - .frm_col_one {
8491 - clear: none;
3665 + #wpbody-content #form_settings_page #post-body.columns-2 #postbox-container-1{
3666 + width:auto;
3667 + max-width:300px;
3668 + min-width:275px;
8492 3669 }
8493 3670
8494 - .frm-fields p > .frm_inline_label,
8495 - .frm_inline_label {
8496 - display: block;
8497 - margin: 5px 0;
3671 + .frm_wrap #postbox-container-1 #frm_adv_info{
3672 + min-width: 220px;
8498 3673 }
8499 3674
8500 - #frm_top_bar h1 {
8501 - width: auto;
8502 - max-width: 200px;
3675 + .frm_wrap #frm_adv_info ul.category-tabs li,
3676 + .frm_wrap #frm_adv_info ul.category-tabs li.tabs,
3677 + .frm_field_list ul.category-tabs li,
3678 + .frm_field_list ul.category-tabs li.tabs{
3679 + padding-left:3px;
3680 + padding-right:3px;
8503 3681 }
8504 3682
8505 - #frm-publishing {
8506 - width: auto;
3683 + p.howto{
3684 + display:inline-block;
8507 3685 }
3686 +}
8508 3687
8509 - #frm_form_editor_container,
8510 - .frm-entry-container {
8511 - margin: 0 20px;
3688 +@media only screen and (max-width: 850px) {
3689 + .frm_col_one{clear:none;}
3690 + .frm_drag_inst{font-size: 40px;text-align:center;}
3691 +
3692 + .frm_wrap #publishing-action{
3693 + line-height:inherit;
8512 3694 }
8513 3695
8514 - .frmbutton.ui-sortable-helper .frmsvg,
8515 - .field_type_list li.frmbutton .frmsvg,
8516 3696 .frmbutton.ui-sortable-helper i,
8517 - .field_type_list li.frmbutton i {
8518 - margin: .15em 0 .15em .1em;
8519 - width: 25px;
3697 + .field_type_list li.frmbutton i{
3698 + margin:.15em 0 .15em .1em;
8520 3699 }
8521 3700
8522 - .rtl .frmbutton.ui-sortable-helper .frmsvg,
8523 - .rtl .field_type_list li.frmbutton .frmsvg,
8524 3701 .rtl .frmbutton.ui-sortable-helper i,
8525 - .rtl .field_type_list li.frmbutton i {
8526 - margin: .15em .1em .15em 0;
3702 + .rtl .field_type_list li.frmbutton i{
3703 + margin:.15em .1em .15em 0;
8527 3704 }
8528 3705
8529 - .frm_wrap .frm-search {
8530 - float: none !important;
8531 - width: auto;
8532 - clear: both;
3706 + .frm_wrap #postbox-container-1 #frm_adv_info,
3707 + #wpbody-content #frm_builder_page #post-body.columns-2 #postbox-container-1{
3708 + min-width:275px;
8533 3709 }
8534 3710
8535 - .post-type-frm_display #frm_adv_info {
8536 - top: auto !important;
8537 - position: static;
8538 - width: auto;
8539 - }
8540 -
8541 - .frm_wrap .frm-right-panel #frm_adv_info,
8542 - .frm_wrap #postbox-container-1 #frm_adv_info {
8543 - min-width: 275px;
8544 - }
8545 -
8546 3711 .frm_wrap #frm_adv_info ul.category-tabs li,
8547 - .frm_wrap #frm_adv_info ul.category-tabs li.tabs {
8548 - border: none;
3712 + .frm_wrap #frm_adv_info ul.category-tabs li.tabs,
3713 + .frm_field_list ul.category-tabs li,
3714 + .frm_field_list ul.category-tabs li.tabs{
3715 + border:none;
8549 3716 }
8550 3717
8551 - .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
8552 - margin-left: 12px;
3718 + .frm_wrap #frm_adv_info ul.category-tabs li:first-child,
3719 + .frm_field_list ul.category-tabs li:first-child{
3720 + margin-left:12px;
8553 3721 }
8554 3722
8555 - .frm_wrap #frm_adv_info ul.category-tabs li.tabs {
8556 - border-bottom: 2px solid #5b9dd9;
3723 + .frm_wrap #frm_adv_info ul.category-tabs li.tabs,
3724 + .frm_field_list ul.category-tabs li.tabs{
3725 + border-bottom:2px solid #5b9dd9;
8557 3726 padding-bottom: 8px;
8558 3727 }
8559 -
8560 - .post-type-frm_display #poststuff {
8561 - padding: 10px 25px;
8562 - }
8563 -
8564 - .post-type-frm_display #side-sortables .postbox {
8565 - margin-bottom: 20px;
8566 - border-radius: var(--small-radius);
8567 - border-top-width: 1px;
8568 - }
8569 3728 }
8570 3729
8571 -@media only screen and (max-width: 782px) {
8572 - .frm-white-body,
8573 - .frm_wrap {
8574 - --small-sidebar: 20%;
8575 - --medium-sidebar: 35%
8576 - }
3730 +@media only screen and (max-width: 782px){
3731 + #form_settings_page .advanced_settings .form-table td, .form-table th{
3732 + display:table-cell;
3733 + width:auto !important;
3734 + }
8577 3735
8578 - #form_settings_page .advanced_settings .form-table td, .form-table th {
8579 - display: table-cell;
8580 - width: auto !important;
3736 + .frm_wrap .misc-pub-section{
3737 + padding:6px 10px 8px;
8581 3738 }
8582 3739
8583 - .frm-white-body #publishing-action,
8584 - .frm_wrap #publishing-action {
8585 - line-height: normal;
3740 + #form_settings_page #post-body-content,
3741 + #form_settings_page.frm_wrap #poststuff #post-body.columns-2,
3742 + #form_settings_page.frm_wrap #post-body.columns-2 #postbox-container-1.frm-right-panel,
3743 + .frm_single_entry_page #post-body-content,
3744 + .frm_single_entry_page.frm_wrap #poststuff #post-body.columns-2,
3745 + .frm_single_entry_page.frm_wrap #post-body.columns-2 #postbox-container-1.frm-right-panel{
3746 + display:block;
3747 + width: 100%;
8586 3748 }
8587 3749
8588 - .frm-white-body #screen-meta-links {
8589 - display: none;
3750 + #wpbody-content .frm_single_entry_page #post-body.columns-2 #postbox-container-1,
3751 + #wpbody-content #form_settings_page #post-body.columns-2 #postbox-container-1{
3752 + width:100%;
3753 + max-width:100%;
3754 + min-width:200px;
8590 3755 }
8591 3756
8592 - .frm_wrap .misc-pub-section {
8593 - padding: 6px 0;
3757 + #frm-insert-fields .button,
3758 + #frm-insert-fields .button a,
3759 + .frmbutton.ui-sortable-helper a{
3760 + line-height:26px;
3761 + max-height: 28px;
8594 3762 }
8595 3763
8596 - .frm_wrap .misc-pub-section > a {
8597 - float: none;
8598 - white-space: nowrap;
3764 + #frm-fixed:not(.frm-mobile-fixed){
3765 + position: static;
8599 3766 }
8600 3767
8601 - .frm-form-setting-tabs a {
8602 - position: relative;
8603 - padding: 10px 5px 10px 40px;
3768 + #form_settings_page .frm_code_list li{
3769 + width: 48%;
3770 + float:left;
8604 3771 }
8605 3772
8606 - .frm-form-setting-tabs a .frmsvg,
8607 - .frm-form-setting-tabs a i {
8608 - position: absolute;
8609 - left: 13px;
8610 - top: calc(50% - 10px);
8611 - margin: 0;
3773 + #form_settings_page .frm_code_list li:nth-child(odd),
3774 + #form_settings_page .frm_code_list li.frm_col_one {
3775 + margin-right: 4%;
8612 3776 }
8613 3777
8614 - #frm-insert-fields .button,
8615 - #frm-insert-fields .button a,
8616 - .frmbutton.ui-sortable-helper a {
8617 - line-height: 26px;
8618 - max-height: 28px;
3778 + #form_settings_page li.frm_block{
3779 + margin:0;
3780 + width:auto;
8619 3781 }
8620 3782
8621 - a.frm_add_logic_link {
8622 - margin-left: 0;
8623 - margin-right: 0;
8624 - width: 100%;
8625 - box-sizing: border-box;
3783 + #form_settings_page #publishing-action > button{
3784 + width:auto;
8626 3785 }
8627 3786
8628 - a.frm_add_logic_link .frmsvg,
8629 - a.frm_add_logic_link i {
8630 - display: none;
3787 + #form_settings_page #major-publishing-actions .frm_submit_form {
3788 + float: right;
3789 + margin-left: 5px;
8631 3790 }
8632 3791
8633 - #new_fields .frm_single_option select,
8634 - #new_fields .frm_single_option input[type=text] {
8635 - width: calc(100% - 83px);
8636 - }
8637 -
8638 3792 .frm_single_entry_page .frm_form_fields input[type=text],
8639 3793 .frm_single_entry_page .frm_form_fields select,
8640 - .frm_single_entry_page .frm_form_fields textarea {
8641 - width: 100%;
3794 + .frm_single_entry_page .frm_form_fields textarea{
3795 + width:100%;
8642 3796 }
8643 3797
8644 - .with_frm_style .frm_radio input[type=radio],
8645 - .with_frm_style .frm_checkbox input[type=checkbox] {
8646 - width: 25px !important;
3798 + .frm_single_entry_page .frm_form_fields .auto_width{
3799 + width:auto !important;
8647 3800 }
8648 3801
8649 - .frm_single_entry_page .with_frm_style .frm_radio input[type=radio],
8650 - .frm_single_entry_page .with_frm_style .frm_checkbox input[type=checkbox] {
8651 - width: 18px !important;
8652 - }
8653 -
8654 3802 .wp-list-table.toplevel_page_formidable .column-entries,
8655 3803 .wp-list-table.toplevel_page_formidable .column-form_key,
8656 3804 .wp-list-table.toplevel_page_formidable .column-shortcode,
8657 - .wp-list-table.toplevel_page_formidable .column-created_at {
8658 - display: none !important;
3805 + .wp-list-table.toplevel_page_formidable .column-created_at{
3806 + display:none !important;
8659 3807 }
8660 3808
8661 3809 .wp-list-table.toplevel_page_formidable td.column-entries,
8662 3810 .wp-list-table.toplevel_page_formidable td.column-form_key,
8663 3811 .wp-list-table.toplevel_page_formidable td.column-shortcode,
8664 - .wp-list-table.toplevel_page_formidable td.column-created_at {
8665 - padding: 3px 8px 3px 35%;
8666 - text-align: left;
3812 + .wp-list-table.toplevel_page_formidable td.column-created_at{
3813 + padding: 3px 8px 3px 35%;
3814 + text-align:left;
8667 3815 }
8668 3816
8669 - #form_entries_page .wp-list-table th.frm_hidden,
8670 - #form_entries_page .wp-list-table td.frm_hidden {
8671 - display: none !important;
3817 + .wp-list-table.toplevel_page_formidable td.column-title:before,
3818 + .wp-list-table.toplevel_page_formidable td.column-id:before{
3819 + display:none !important;
8672 3820 }
8673 3821
8674 - .frm-white-body.auto-fold #wpcontent {
8675 - padding-left: 0;
3822 + .wp-list-table.toplevel_page_formidable td.column-title,
3823 + .wp-list-table.toplevel_page_formidable td.column-id{
3824 + display:table-cell !important;
8676 3825 }
8677 3826
8678 - .frm_right_addon .frm_remove_field {
8679 - bottom: 11px;
3827 + #form_entries_page .wp-list-table th.frm_hidden,
3828 + #form_entries_page .wp-list-table td.frm_hidden{
3829 + display:none !important;
8680 3830 }
8681 3831
8682 - .frm-addons {
8683 - grid-template-columns: 1fr;
3832 + ul.frm_form_nav > li{
3833 + margin-right:25px;
8684 3834 }
8685 3835
8686 - .frm-admin-page-styles .frm_page_container,
8687 - .frm_wrap .frm_page_container {
8688 - left: 0 !important;
8689 - top: 46px !important;
8690 - height: calc( 100vh - 46px ) !important;
3836 + .frm-white-body.auto-fold #wpcontent{
3837 + padding-left:0;
8691 3838 }
8692 3839
8693 - .frm_single_entry_page.frm_wrap .columns-2 {
8694 - display: block;
8695 - border-bottom: none;
3840 + #frm_notification_settings .frm_email_buttons {
3841 + height: 40px;
3842 + margin: 0 4px;
3843 + line-height: 2em;
8696 3844 }
8697 3845
8698 - .frm_single_entry_page .wrap.frm-with-margin {
8699 - margin: 10px 20px;
3846 + .frm_right_addon .frm_remove_field {
3847 + bottom: 11px;
8700 3848 }
8701 3849
8702 - .frm_single_entry_page #post-body-content + .frm-right-panel {
8703 - width: auto;
8704 - margin: 0 20px;
8705 - border: 1px solid var(--sidebar-hover);
8706 - border-radius: 6px;
3850 + #frm_notification_settings .frm_bcc_cc_container {
3851 + min-width: 128px;
3852 + width: 25%
8707 3853 }
8708 3854
8709 - #wp-content-media-buttons a.frm_insert_form {
8710 - padding: 0 var(--gap-sm);
3855 + .frm_email_row td:nth-child(2) {
3856 + width: 65%;
3857 + display: inline-block;
8711 3858 }
8712 3859
8713 - .frm-admin-footer-links {
8714 - padding-left: 0;
3860 + .frm_email_row td:nth-child(3) {
3861 + width: 25%;
3862 + display: inline-block;
8715 3863 }
8716 3864
8717 - body.rtl .frm-admin-footer-links {
8718 - padding-right: 0;
3865 + .frm-addons, .frm-add-new-form .frm-addons{
3866 + grid-template-columns: 1fr;
8719 3867 }
8720 3868 }
8721 3869
8722 -@media only screen and (max-width: 700px) {
8723 - .frm-white-body,
8724 - .frm_wrap {
8725 - --biggest-sidebar: 50%;
8726 - --big-sidebar: 50%;
3870 +@media only screen and (max-width: 600px) {
3871 + #frm_builder_page #publishing-action,
3872 + #frm_builder_page #postbox-container-1 .frm_field_list,
3873 + #frm_builder_page .frm-right-panel #submitdiv{
3874 + text-align:center;
8727 3875 }
8728 -}
8729 3876
8730 -@media only screen and (max-width: 600px) {
8731 - .frm-white-body,
8732 - .frm_wrap {
8733 - --small-sidebar: 45px;
3877 + #frm_builder_page #major-publishing-actions{
3878 + height:auto;
3879 + padding: 3px;
3880 + min-width: 70px;
8734 3881 }
8735 3882
8736 - .frm-form-setting-tabs a {
8737 - visibility: collapse;
8738 - font-size: 0;
8739 - padding: 0 var(--gap-sm);
3883 + #major-publishing-actions .frm_submit_form,
3884 + #publishing-action .button,
3885 + #publishing-action > button{
3886 + width:100%;
3887 + padding-left:0;
3888 + padding-right:0;
3889 + text-align:center;
3890 + float:none;
3891 + margin:0 0 5px;
3892 + font-size: 13px;
3893 + white-space: normal;
8740 3894 }
8741 3895
8742 - .frm-form-setting-tabs a .frmsvg,
8743 - .frm-form-setting-tabs a i {
8744 - visibility: visible;
8745 - position: initial;
8746 - font-size: 18px;
3896 + #frm-preview-action{
3897 + clear:both;
3898 + width:100%;
8747 3899 }
8748 3900
8749 - #frm_builder_page #frm-insert-fields {
8750 - padding: 0;
3901 + #frm-preview-action > .preview > a{
3902 + width:96%;
3903 + overflow:hidden;
8751 3904 }
8752 3905
8753 - .frm_wrap #frm_adv_info ul.category-tabs li {
8754 - display: inline-block;
8755 - padding: 0;
8756 - margin: 2px 0;
8757 - border-bottom: 2px solid transparent;
3906 + #publishing-action .preview{
3907 + width:100%;
3908 + float:none;
8758 3909 }
8759 3910
8760 - .frm_wrap #frm_adv_info ul.category-tabs li.tabs,
8761 - .frm_wrap #frm_adv_info ul.category-tabs li:first-child {
8762 - margin-left: 0;
8763 - padding: 0;
3911 + #frm-preview-action .caret{
3912 + display:none;
8764 3913 }
8765 3914
8766 - .field_type_list li {
8767 - text-align: center;
3915 + #frm_builder_page #frm-insert-fields{
3916 + padding:0;
8768 3917 }
8769 3918
8770 - #frm-insert-fields li a {
8771 - padding: 5px;
3919 + .frm_wrap #frm_adv_info ul.category-tabs li,
3920 + .frm_field_list ul.category-tabs li{
3921 + display:inline-block;
3922 + padding: 0;
3923 + margin:2px 0;
3924 + border-bottom:2px solid transparent;
8772 3925 }
8773 3926
8774 - .frmbutton.ui-sortable-helper .frmsvg,
8775 - .field_type_list li.frmbutton .frmsvg,
8776 - .frmbutton.ui-sortable-helper i,
8777 - .field_type_list li.frmbutton i {
8778 - display: block;
8779 - margin: 0 auto 3px;
8780 - text-align: center;
3927 + .frm_wrap #frm_adv_info ul.category-tabs li.tabs,
3928 + .frm_field_list ul.category-tabs li.tabs,
3929 + .frm_wrap #frm_adv_info ul.category-tabs li:first-child,
3930 + .frm_field_list ul.category-tabs li:first-child{
3931 + margin-left:0;
3932 + padding:0;
8781 3933 }
8782 3934
8783 - #frm_form_editor_container .frm_primary_label {
8784 - clear: both;
3935 + .field_type_list li.button:nth-child(2n),
3936 + .field_type_list > li.button,
3937 + .frm_code_list li{
3938 + line-height:26px;
3939 + width:auto;
3940 + min-width:34px;
3941 + float:none;
3942 + margin:0 0 4px 0;
8785 3943 }
8786 3944
8787 - #frm_builder_page .frm_code_list a.button {
8788 - padding: 2px;
3945 + .field_type_list li.button:nth-child(2n){
3946 + margin-left:1%;
8789 3947 }
8790 3948
8791 - #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
8792 - right: 0;
8793 - left: auto;
3949 + .frm_field_list #frm-insert-fields .button a{
3950 + max-width:100%;
8794 3951 }
8795 3952
8796 - .frm-right-panel h3.accordion-section-title {
8797 - padding-right: 10px;
8798 - padding-left: 10px;
8799 - font-size: 20px;
8800 - white-space: nowrap;
8801 - overflow: hidden;
3953 + .field_type_list li span{
3954 + display:none;
8802 3955 }
8803 3956
8804 - .frm-right-panel .accordion-section-title:before {
3957 + .frmbutton.ui-sortable-helper i,
3958 + .field_type_list li.frmbutton i{
3959 + border:none;
8805 3960 margin-left: 0;
8806 - margin-right: 3px;
3961 + margin-right: 0;
8807 3962 }
8808 3963
8809 - .rtl #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
8810 - right: auto;
8811 - left: 0;
3964 + #wpbody-content #frm_builder_page #post-body.columns-2 #postbox-container-1{
3965 + min-width: auto;
3966 + max-width: auto;
3967 + width: 90px;
8812 3968 }
8813 3969
8814 - .frm_on_submit_type svg {
8815 - display: none;
3970 + #frm_builder_page .frm_code_list a.button{
3971 + padding:2px;
8816 3972 }
8817 -}
8818 3973
8819 -@media only screen and (max-width: 475px) {
8820 - #frm_bs_dropdown {
8821 - float: none;
3974 + #frm_builder_page .tabs-panel ol.howto{
3975 + display:none;
8822 3976 }
8823 3977
8824 - #frm-nav-tabs {
8825 - padding: 0;
8826 - white-space: nowrap;
3978 + #frm-fixed.frm-mobile-fixed{
3979 + position: static;
8827 3980 }
8828 3981
8829 - #frm-nav-tabs a {
8830 - margin-right: 0;
3982 + #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
3983 + right: 0;
3984 + left: auto;
8831 3985 }
3986 +
3987 + .rtl #frm_builder_page .frm_actions_dropdown > .frm-dropdown-menu {
3988 + right: auto;
3989 + left: 0;
3990 + }
8832 3991 }
8833 3992
8834 -/* Firefox */
8835 -@-moz-document url-prefix() {
8836 - .frm-white-body .tablenav select,
8837 - .frm-white-body .tablenav input[type="text"],
8838 - .wp-admin .frm_wrap .tablenav select,
8839 - .frm_wrap .tablenav input[type="text"] {
8840 - padding-top: 5px;
3993 +@media only screen and (max-width: 475px) {
3994 + .frm_drag_inst{
3995 + font-size: 16px;
3996 + margin-bottom:40px;
8841 3997 }
8842 3998 }
8843 3999
8844 4000 /* PRINT */
8845 4001 @media print {
8846 - a, .misc-pub-section a {
8847 - color: #000 !important;
8848 - }
8849 -
4002 + a, .misc-pub-section a{color:#000 !important;}
8850 4003 .add-new-h2, #frm_top_bar, .dashicons,
8851 - #adminmenuwrap, #adminmenuback, #wphead, #button_bar, #submitdiv, .button-secondary,
8852 - #screen-metas, #screen-meta-links, #footer, #wpfooter, .inner-sidebar, .frm_form_nav,
8853 - .frm_flash_graph, .frm_no_print, object, .error {
8854 - visibility: hidden;
8855 - display: none !important;
8856 - }
8857 -
8858 - .widget, .postbox, .stuffbox, .postbox h3 {
8859 - border-width: 0 !important;
8860 - border-color: #fff;
8861 - }
8862 -
8863 - .postbox {
8864 - background: #fff !important;
8865 - border: none;
8866 - position: static;
8867 - }
8868 -
8869 - .postbox h3, .postbox h4 {
8870 - background: #fff !important;
8871 - }
8872 -
8873 - #wpbody-content {
8874 - float: none;
8875 - }
8876 -
8877 - #wpcontent, #post-body-content,
8878 - .has-right-sidebar #post-body,
8879 - #poststuff .columns-2 {
8880 - margin: 0 !important;
8881 - }
8882 -
8883 - .frm_wrap #poststuff .columns-2 {
8884 - display: block;
8885 - }
8886 -
8887 - #post-body-content + .frm-right-panel,
8888 - .frm_wrap .columns-2 .frm-right-panel,
8889 - .frm-right-panel {
8890 - border: none;
8891 - width: auto;
8892 - display: block;
8893 - padding: 20px;
8894 - }
8895 -
8896 - .frm_wrap .columns-2,
8897 - .frm_wrap .frm_page_container {
8898 - height: auto;
8899 - display: block;
8900 - }
8901 -
8902 - .misc-pub-section > span {
8903 - padding: 0;
8904 - }
8905 -
8906 - .frm-right-panel .postbox .inside {
8907 - padding-left: 12px;
8908 - padding-right: 12px;
8909 - }
8910 -
8911 - .curtime #timestamp:before {
8912 - display: none;
8913 - content: none !important;
8914 - }
8915 -
8916 - .frm_charts .alignleft {
8917 - float: none;
8918 - }
8919 -
8920 - .pg_odd, .pg_even {
8921 - page-break-inside: avoid;
8922 - max-width: 600px;
8923 - }
8924 -
8925 - .form-table td, .form-table th {
8926 - padding: 0;
8927 - }
8928 -
8929 - .frm_file_container a {
8930 - display: block;
8931 - width: 100%;
8932 - }
4004 +#adminmenuwrap, #adminmenuback, #wphead, #button_bar, #submitdiv, .button-secondary,
4005 +#screen-metas, #screen-meta-links, #footer, #wpfooter, .inner-sidebar, .frm_form_nav,
4006 +.frm_flash_graph, .frm_no_print, object, .error{
4007 + visibility:hidden;
4008 + display:none !important;
8933 4009 }
8934 -
8935 -.frm-admin-page-styles #frm-publishing #save_menu_header,
8936 -.frm-admin-page-styles2 #frm-publishing #save_menu_header {
8937 - display: inline-block;
4010 +.widget, .postbox, .stuffbox, .postbox h3{border-width:0 !important;border-color:#fff;}
4011 +.postbox{background:#fff !important;border:none;position:static;}
4012 +.postbox h3, .postbox h4{background:#fff !important;}
4013 +#wpbody-content{float:none;}
4014 +#wpcontent, #post-body-content,
4015 +.has-right-sidebar #post-body,
4016 +#poststuff #post-body.columns-2{
4017 + margin:0 !important;
8938 4018 }
8939 4019
8940 -/* Change the order of subfields of the Name field in the backend */
8941 -.edit_form_item .frm_combo_inputs_container[data-name-layout="last_first"] .frm_form_subfield-first {
8942 - order: 2;
4020 +.frm_wrap #poststuff #post-body.columns-2{
4021 + display:block;
8943 4022 }
8944 4023
8945 -.frm-video-wrapper iframe {
8946 - width: 100%;
8947 - max-width: 843px;
8948 - border-radius: var(--border-radius);
4024 +.frm_wrap #post-body.columns-2 #postbox-container-1.frm-right-panel,
4025 +#postbox-container-1.frm-right-panel{
4026 + border:none;
4027 + width:auto;
4028 + display:block;
4029 + padding:20px;
8949 4030 }
8950 4031
8951 -#frm_field_group_popup {
8952 - position: absolute;
8953 - top: 0;
8954 - right: 0;
8955 - width: 366px;
8956 - max-height: 231px;
8957 - border-radius: 8px;
8958 - background: #fff;
8959 - box-shadow: 0px 20px 48px rgba(40, 47, 54, 0.15);
8960 - z-index: 3;
8961 - box-sizing: border-box;
8962 - padding: 24px 0;
8963 - text-align: left;
4032 +.misc-pub-section > span{
4033 + padding:0;
8964 4034 }
8965 4035
8966 -.rtl #frm_field_group_popup {
8967 - text-align: right;
4036 +.frm-right-panel .postbox .inside{
4037 + padding-left:12px;
4038 + padding-right:12px;
8968 4039 }
8969 4040
8970 -.frm-merge-fields-into-row #frm_field_group_popup {
8971 - top: unset;
8972 - bottom: 50px;
8973 - height: 196px;
4041 +.curtime #timestamp:before {
4042 + display:none;
4043 + content:none !important;
8974 4044 }
8975 4045
8976 -#frm_field_group_popup > hr {
8977 - margin: 12px 0;
4046 +.frm_charts .alignleft{float:none;}
4047 +.pg_odd, .pg_even{page-break-inside:avoid;max-width:600px;}
4048 +.form-table td, .form-table th{
4049 + padding:0;
8978 4050 }
8979 4051
8980 -#frm_field_group_popup .frm-cancel-custom-field-group-layout,
8981 -#frm_field_group_popup .frm-save-custom-field-group-layout {
8982 - padding: 4px 18px;
4052 +.frm_file_container a{
4053 + display:block;
4054 + width:100%;
8983 4055 }
8984 -
8985 -#frm_field_group_popup .frm-cancel-custom-field-group-layout:hover {
8986 - border-color: var(--primary-500) !important;
8987 - color: var(--primary-500);
8988 - background-color: transparent !important;
8989 4056 }
8990 4057
8991 -.frm-merge-fields-into-row #frm_field_group_popup .frm-break-field-group {
8992 - display: none;
8993 -}
8994 -
8995 -.frm-merge-fields-into-row > a {
8996 - color: rgba(40, 47, 54, 0.85);
8997 - position: relative;
8998 - top: 2px;
8999 -}
9000 -
9001 -.frm-row-layout-title {
9002 - font-weight: 600;
9003 - font-size: 11px;
9004 - line-height: 15px;
9005 - text-transform: uppercase;
9006 - color: rgba(40, 47, 54, 0.45);
9007 - margin-bottom: 27px;
9008 -}
9009 -
9010 -.frm-row-layout-option {
9011 - background: #F6F7FB;
9012 - box-sizing: border-box;
9013 - border-radius: 2px;
9014 - padding: 15px 10px;
9015 -}
9016 -
9017 -#frm_field_group_popup .frm-row-layout-option .frm_grid_container {
9018 - grid-gap: 0 5%;
9019 - grid-template-columns: repeat(12, auto);
9020 -}
9021 -
9022 -#frm_field_group_popup .frm-row-layout-option {
9023 - cursor: pointer;
9024 - border: 2px solid transparent;
9025 -}
9026 -
9027 -#frm_field_group_popup .frm-row-layout-option.frm-active-row-layout,
9028 -#frm_field_group_popup .frm-row-layout-option:hover {
9029 - border-color: var(--primary-500);
9030 -}
9031 -
9032 -.frm-custom-field-group-layout,
9033 -.frm-break-field-group {
9034 - padding: 4px 24px;
9035 - cursor: pointer;
9036 - font-size: var(--text-sm);
9037 - line-height: 19px;
9038 - color: rgba(72, 78, 84, 1);
9039 -}
9040 -
9041 -.frm-custom-field-group-layout:hover,
9042 -.frm-break-field-group:hover {
9043 - background-color: #f5f5f5f5;
9044 -}
9045 -
9046 -.frm-custom-field-group-layout svg,
9047 -.frm-break-field-group svg {
9048 - margin-right: 5px;
9049 -}
9050 -
9051 -#frm_field_multiselect_popup {
9052 - background: white;
9053 - height: 48px;
9054 - position: fixed;
9055 - border-radius: 4px;
9056 - box-shadow: 0px 8px 24px rgba(40, 47, 54, 0.15);
9057 - color: rgba(40, 47, 54, 0.85);
9058 - font-size: 13px;
9059 - right: 30px;
9060 - bottom: 10px;
9061 -}
9062 -
9063 -#frm_field_multiselect_popup > div {
9064 - display: inline-block;
9065 - line-height: 48px;
9066 - vertical-align: top;
9067 -}
9068 -
9069 -#frm_field_multiselect_popup.frm-unmergable > .frm-merge-fields-into-row,
9070 -#frm_field_multiselect_popup.frm-unmergable > .frm-multiselect-popup-separator {
9071 - display: none;
9072 -}
9073 -
9074 -#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator) {
9075 - padding: 0 20px;
9076 - cursor: pointer;
9077 -}
9078 -
9079 -#frm_field_multiselect_popup > div:not(.frm-multiselect-popup-separator):hover {
9080 - background: #f5f5f5f5;
9081 -}
9082 -
9083 -.frm-builder-popup-heading {
9084 - font-weight: 600;
9085 - font-size: 11px;
9086 - line-height: 15px;
9087 - text-transform: uppercase;
9088 - color: rgba(40, 47, 54, 0.45);
9089 - margin-bottom: 7px;
9090 -}
9091 -
9092 -.frm-builder-popup-subheading {
9093 - font-size: 12px;
9094 - line-height: 16px;
9095 - color: rgba(40, 47, 54, 0.45);
9096 -}
9097 -
9098 -#frm_field_group_popup input[type="text"] {
9099 - height: 30px;
9100 - border-radius: 3px;
9101 - font-size: 14px;
9102 - padding: 8px;
9103 - color: rgba(84, 95, 110, 1);
9104 - border-color: rgba(40, 47, 54, 0.2);
9105 -}
9106 -
9107 -.frm-multiselect-popup-separator {
9108 - height: 36px;
9109 - width: 1px;
9110 - position: relative;
9111 - top: 6px;
9112 - background: #C4C4C4;
9113 -}
9114 -
9115 -.frm-sortable-helper,
9116 -.frm-multiselect-key-is-down li.form-field:not(.edit_field_type_divider) {
9117 - pointer-events: none;
9118 -}
9119 -
9120 -.frm-sortable-helper {
9121 - /* Make sure the item being dragged appears above other form builder fields */
9122 - z-index: 99;
9123 -}
9124 -
9125 -#frm_banner {
9126 - width: 100%;
9127 - color: #fff;
9128 - background: var(--primary-500);
9129 - height: 40px;
9130 - line-height: 40px;
9131 - text-align: center;
9132 - position: relative;
9133 -}
9134 -
9135 -.frm-banner-emoji {
9136 - font-size: 19px;
9137 -}
9138 -
9139 -.frm-banner-emoji,
9140 -.frm-banner-title {
9141 - margin-right: 5px;
9142 - vertical-align: top;
9143 -}
9144 -
9145 -.frm-banner-cta a {
9146 - text-decoration: underline !important;
9147 -}
9148 -
9149 -.frm-banner-dismiss {
9150 - cursor: pointer;
9151 - position: absolute;
9152 - right: 10px;
9153 - top: 50%;
9154 - transform: translateY( -50% );
9155 -}
9156 -
9157 -.frm-banner-dismiss .frmsvg {
9158 - vertical-align: top;
9159 -}
9160 -
9161 -.frm-ready-made-solution:not(.frm-search-result) {
9162 - display: none !important;
9163 -}
9164 -
9165 -#frm_new_form_modal .frm-ready-made-solution {
9166 - padding: var(--gap-xs) !important;
9167 - margin: var(--gap-xs) 0 var(--gap-sm);
9168 - display: flex;
9169 - gap: var(--gap-sm);
9170 - position: relative;
9171 - overflow: visible !important;
9172 -}
9173 -
9174 -#frm_new_form_modal .frm-ready-made-solution:after {
9175 - width: 100%;
9176 - height: 1px;
9177 - background: var(--grey-300);
9178 - content: '';
9179 - position: absolute;
9180 - bottom: -10px;
9181 - left: 0;
9182 -}
9183 -
9184 -#frm_new_form_modal .frm-ready-made-solution.frm-search-result:last-of-type::after {
9185 - content: none;
9186 -}
9187 -
9188 -#frm_new_form_modal .frm-solution-details {
9189 - flex: 1;
9190 - display: flex;
9191 - gap: var(--gap-2xs);
9192 - flex-direction: column;
9193 -}
9194 -
9195 -#frm_new_form_modal .frm-ready-made-solution > div:first-child {
9196 - width: 30%;
9197 - text-align: center;
9198 -}
9199 -
9200 -.frm-ready-made-solution h3 ~ a {
9201 - color: var(--primary-500);
9202 -}
9203 -
9204 -.frm-ready-made-solution img {
9205 - max-width: 100%;
9206 - display: block;
9207 - box-shadow: var(--box-shadow-lg);
9208 -}
9209 -
9210 -/* On Submit action */
9211 -.frm_single_on_submit_settings .frm_form_field {
9212 - margin: 8px 0;
9213 -}
9214 -
9215 -.frm_on_submit_type_setting {
9216 - padding: 8px 0;
9217 -}
9218 -
9219 -.frm_on_submit_type label {
9220 - display: flex;
9221 - border: 1px solid var(--grey-border);
9222 - border-radius: var(--small-radius);
9223 - gap: 16px;
9224 - padding: 16px;
9225 - align-items: center;
9226 - justify-content: center;
9227 -}
9228 -
9229 -.frm_on_submit_type input {
9230 - opacity: 0 !important;
9231 - position: absolute;
9232 - z-index: -1;
9233 -}
9234 -
9235 -.frm_on_submit_type input[type="radio"]:checked + label {
9236 - border-color: var(--primary-color);
9237 - box-shadow: 0 0 0 1px var(--primary-color);
9238 -}
9239 -
9240 -#form_settings_page .frm_on_submit_type label:hover,
9241 -.frm_on_submit_type input[type="radio"]:checked + label svg {
9242 - color: var(--primary-color);
9243 -}
9244 -/* End On Submit action */