PluginProbe
User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor / 3.15.9
User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor v3.15.9
4.0.2 4.0.1 4.0.0 3.16.6 3.16.5 3.16.4 3.16.3 3.16.2 3.16.1 3.16.0 3.15.9 3.9.9 3.9.5 3.9.6 3.9.7 3.9.8 1.1.7 1.1.8 1.1.9 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 2.0.7 All 340 releases
profile-builder / assets / css / style-back-end.css

style-back-end.css in User Profile Builder – Beautiful User Registration Forms, User Profiles & User Role Editor 3.15.9, at assets/css/style-back-end.css

3,407 lines 89.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 .wp-submenu a[href="users.php?page=unconfirmed_emails"] {
2 display: none !important;
3 }
4
5 .cozmoslabs-wrap {
6 max-width: 900px !important;
7 margin: 30px auto;
8 box-sizing: border-box;
9 display: flex;
10 flex-direction: column;
11 }
12
13 .cozmoslabs-wrap--big {
14 max-width: 1150px !important;
15 }
16
17 @media screen and (min-width: 1402px) and (max-width: 1919px) {
18 .cozmoslabs-wrap {
19 max-width: 1200px !important;
20 }
21
22 body[class*="profile-builder_page_"] #wpbody-content .wrap:not(#cl-add-ons-listing) {
23 max-width: 1200px !important;
24 }
25 }
26
27 @media screen and (min-width: 1920px) {
28 .cozmoslabs-wrap {
29 max-width: 1500px !important;
30 }
31
32 body[class*="profile-builder_page_"] #wpbody-content .wrap:not(#cl-add-ons-listing) {
33 max-width: 1500px !important;
34 }
35 }
36
37 body[class*="profile-builder_page_"] #screen-meta-links {
38 margin-left: 20px;
39 position: absolute;
40 right: 0;
41 top: auto;
42 }
43
44 body[class*="post-type-wppb-"] #lost-connection-notice,
45 body[class*="post-type-wppb-"] #local-storage-notice {
46 display: none !important;
47 }
48
49 .wppb-backend-notice {
50 display: inline-block;
51 background-color: #FDFBE6;
52 border: 1px solid #ffb900;
53 font-style: normal;
54 font-weight: 400;
55 font-size: 14px;
56 line-height: 16px;
57 color: #1E1E1E;
58 padding: 10px 20px;
59 border-radius: 2px;
60 margin: 5px 0;
61 }
62
63 .cozmoslabs-columns-container {
64 display: flex;
65 align-items: flex-start;
66 justify-content: flex-start;
67 }
68
69 .cozmoslabs-columns-container .cozmoslabs-column {
70 box-sizing: border-box;
71 flex: 1;
72 }
73
74 .cozmoslabs-columns-container .cozmoslabs-column:not(:first-of-type) {
75 border-left: 1px solid #c3c4c7;
76 }
77
78 .cozmoslabs-columns-container .cozmoslabs-column:not(:last-of-type) {
79 padding-right: 20px;
80 }
81
82 .cozmoslabs-columns-container .cozmoslabs-column:last-of-type {
83 padding-left: 20px;
84 }
85
86 /* hide PMS extra Submenu items */
87 .wp-submenu a[href="admin.php?page=pms-export-page"],
88 .wp-submenu a[href="admin.php?page=pms-import-page"],
89 .wp-submenu a[href="admin.php?page=pms-discount-codes-bulk-add"] {
90 display: none !important;
91 }
92
93 body[class*="profile-builder_page_"] .error,
94 body[class*="builder_page_"] .notice,
95 body[class*="post-type-wppb-"] .error,
96 body[class*="post-type-wppb-"] .notice {
97 display: none; /* hide admin notices until scripts are loaded */
98 }
99
100
101 /***********************************************************/
102 /* Settings Page Header
103 /***********************************************************/
104
105 .cozmoslabs-page-header {
106 display: flex;
107 flex-direction: row;
108 align-items: center;
109 justify-content: space-between;
110 margin: 40px 0;
111 }
112
113 .cozmoslabs-section-title {
114 display: flex;
115 flex-direction: row;
116 align-items: center;
117 justify-content: flex-start;
118 gap: 10px;
119 margin: 0;
120 }
121
122 .cozmoslabs-wrap .cozmoslabs-page-title {
123 font-style: normal;
124 font-weight: 400;
125 font-size: 26px;
126 line-height: 28px;
127 color: #1E1E1E;
128 margin: 0;
129 }
130
131
132 /***********************************************************/
133 /* Primary Tab Navigation
134 /***********************************************************/
135
136 .cozmoslabs-nav-tab-wrapper {
137 display: flex;
138 flex-direction: row;
139 align-items: center;
140 justify-content: flex-start;
141 flex-wrap: nowrap;
142 gap: 10px;
143 height: 50px;
144 padding: 0 10px;
145 margin-top: 0;
146 background: #FFFFFF;
147 border: 1px solid #CCCCCC;
148 border-bottom-width: 2px;
149 box-shadow: 0 1px 1px rgb(0 0 0 / 10%);
150 border-radius: 2px 2px 0 0;
151 }
152
153 .cozmoslabs-nav-tab-wrapper a.nav-tab {
154 background: none;
155 border: none;
156 border-bottom: 2px solid transparent;
157 margin: 0 0 -2px 0;
158 padding: 0 15px;
159 line-height: 50px;
160 font-style: normal;
161 font-weight: 500;
162 font-size: 13px;
163 color: #1E1E1E;
164 }
165
166 .cozmoslabs-nav-tab-wrapper a.nav-tab:hover,
167 .cozmoslabs-nav-tab-wrapper a.nav-tab.nav-tab-active {
168 border-bottom: 2px solid #3858E9;
169 }
170
171 .cozmoslabs-nav-tab-wrapper a.nav-tab:focus {
172 box-shadow: none;
173 outline: none;
174 }
175
176
177 /***********************************************************/
178 /* Secondary Tab Navigation
179 /***********************************************************/
180
181 .cozmoslabs-nav-sub-tab-wrapper {
182 display: flex;
183 flex-direction: row;
184 align-items: center;
185 justify-content: flex-start;
186 gap: 30px;
187 height: 40px;
188 background: #FFFFFF;
189 border: 1px solid #CCCCCC;
190 border-top: 0;
191 border-radius: 2px 2px 0 0;
192 padding: 0 15px;
193 margin-top: 0;
194 float: none;
195 }
196
197 .cozmoslabs-nav-sub-tab-wrapper li {
198 border: none;
199 }
200
201 .cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab {
202 font-style: normal;
203 font-weight: 400;
204 font-size: 13px;
205 line-height: 16px;
206 color: #757575;
207 }
208
209 .cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab:hover,
210 .cozmoslabs-nav-sub-tab-wrapper a.nav-sub-tab.current {
211 text-decoration: underline;
212 color: #3858E9;
213 font-weight: 400;
214 }
215
216 .cozmoslabs-nav-sub-tab-wrapper a:focus {
217 outline: none;
218 box-shadow: none;
219 }
220
221 .cozmoslabs-nav-sub-tab-wrapper .subsubsub-sub-tab:after {
222 display: none;
223 }
224
225
226 /***********************************************************/
227 /* Page Banner
228 /***********************************************************/
229
230 body.toplevel_page_profile-builder-register .cozmoslabs-banner,
231 body[class*="profile-builder_page_"] .cozmoslabs-banner,
232 body[class*="post-type-wppb-"] .cozmoslabs-banner {
233 margin-left: -20px;
234 }
235
236 .cozmoslabs-banner {
237 display: flex;
238 flex-direction: row;
239 align-items: center;
240 justify-content: space-between;
241 flex-wrap: wrap;
242 box-sizing: border-box;
243 background: #E8F2FF;
244 border: 1px solid #9FAAB8;
245 border-radius: 0;
246 padding: 15px;
247 }
248
249 .cozmoslabs-banner-title {
250 display: flex;
251 flex-direction: row;
252 align-items: center;
253 justify-content: flex-start;
254 gap: 10px;
255 }
256
257 .cozmoslabs-banner-title h4 {
258 font-family: 'Poppins', sans-serif;
259 font-style: normal;
260 font-weight: 600;
261 font-size: 24px;
262 line-height: 34px;
263 letter-spacing: -0.03em;
264 text-transform: capitalize;
265 margin: 0;
266 color: #212121;
267 }
268
269 .cozmoslabs-banner-title img {
270 width: 30px;
271 height: 30px;
272 }
273
274 .cozmoslabs-banner-buttons {
275 display: flex;
276 flex-direction: row;
277 align-items: center;
278 justify-content: flex-start;
279 flex-wrap: wrap;
280 gap: 15px;
281 }
282
283 .cozmoslabs-banner-link {
284 display: flex;
285 flex-direction: row;
286 justify-content: center;
287 align-items: center;
288 gap: 5px;
289 border: 1px solid #9FAAB8;
290 border-radius: 2px;
291 padding: 8px 12px;
292 font-style: normal;
293 font-size: 13px;
294 text-decoration: none;
295 }
296
297 .cozmoslabs-banner-link:focus {
298 outline: none;
299 box-shadow: none;
300 }
301
302 .cozmoslabs-support-link,
303 .cozmoslabs-documentation-link {
304 background: #FFFFFF;
305 color: #1E1E1E;
306 font-weight: 400;
307 }
308
309 .cozmoslabs-support-link:hover,
310 .cozmoslabs-documentation-link:hover,
311 .cozmoslabs-support-link:focus,
312 .cozmoslabs-documentation-link:focus {
313 background: #F0F0F0;
314 color: #1E1E1E;
315 }
316
317 .cozmoslabs-upgrade-link {
318 background: #0F15B0;
319 border: none;
320 color: #FFFFFF;
321 font-weight: 600;
322 }
323
324 .cozmoslabs-upgrade-link:focus,
325 .cozmoslabs-upgrade-link:hover {
326 background: #0e1294;
327 color: #FFFFFF;
328 }
329
330
331 /***********************************************************/
332 /* Form Settings
333 /***********************************************************/
334
335
336 .cozmoslabs-form-subsection-wrapper {
337 background: #FFFFFF;
338 border: 1px solid #CCCCCC;
339 border-radius: 2px;
340 padding: 25px 15px;
341 margin-top: 20px;
342 }
343
344 .cozmoslabs-subsection-title {
345 font-weight: 600;
346 font-size: 11px !important;
347 line-height: 16px !important;
348 text-transform: uppercase;
349 color: #1E1E1E;
350 margin: 0 0 10px 0 !important;
351 padding: 0 !important;
352 display: flex;
353 justify-content: space-between;
354 }
355
356 .cozmoslabs-form-subsection-wrapper .inside {
357 margin: 0;
358 padding: 0;
359 }
360
361 .cozmoslabs-form-field-wrapper {
362 display: flex;
363 flex-direction: row;
364 align-items: center;
365 justify-content: flex-start;
366 flex-wrap: wrap;
367 gap: 10px;
368 margin-top: 35px !important;
369 }
370
371 .cozmoslabs-form-subsection-wrapper.cozmoslabs-no-title-section > .cozmoslabs-form-field-wrapper:first-of-type {
372 margin-top: 0 !important;
373 }
374
375 .cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label {
376 flex-basis: 220px;
377 font-weight: 600;
378 font-size: 13px;
379 line-height: 16px;
380 display: flex;
381 align-items: center;
382 gap: 10px;
383 color: #1E1E1E;
384 }
385
386 body:not(.profile-builder_page_profile-builder-basic-info) .cozmoslabs-form-field-wrapper label.cozmoslabs-form-field-label {
387 cursor: pointer;
388 }
389
390 .cozmoslabs-form-field-wrapper .chosen-container,
391 .cozmoslabs-form-field-wrapper .select2-container,
392 .cozmoslabs-form-field-wrapper select,
393 .cozmoslabs-form-field-wrapper input[type="date"],
394 .cozmoslabs-form-field-wrapper input[type="password"],
395 .cozmoslabs-form-field-wrapper input[type="number"]:not(.wppb-rpf-rule-value),
396 .cozmoslabs-form-field-wrapper input[type="file"],
397 .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
398 flex-basis: 330px;
399 width: 330px;
400 }
401
402 .cozmoslabs-form-field-wrapper textarea,
403 .cozmoslabs-form-field-wrapper .chosen-container .chosen-single,
404 .cozmoslabs-form-field-wrapper .select2-container .select2-selection,
405 .cozmoslabs-form-field-wrapper select,
406 .cozmoslabs-form-field-wrapper input[type="password"],
407 .cozmoslabs-form-field-wrapper input[type="date"],
408 .cozmoslabs-form-field-wrapper input[type="number"],
409 .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
410 border: 1px solid #949494;
411 border-radius: 2px;
412 font-size: 13px;
413 line-height: 20px;
414 color: #1E1E1E;
415 padding: 0 10px;
416 margin: 0;
417 }
418
419 .cozmoslabs-form-field-wrapper textarea {
420 flex-basis: 330px;
421 width: 330px;
422 height: 100px;
423 padding: 10px !important;
424 }
425
426 .cozmoslabs-form-field-wrapper .select2-container .select2-selection--single,
427 .cozmoslabs-form-field-wrapper .chosen-container .chosen-single,
428 .cozmoslabs-form-field-wrapper select,
429 .cozmoslabs-form-field-wrapper input[type="password"],
430 .cozmoslabs-form-field-wrapper input[type="date"],
431 .cozmoslabs-form-field-wrapper input[type="number"],
432 .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
433 height: 40px;
434 }
435
436 .cozmoslabs-form-field-wrapper .select2-container .select2-selection--single .select2-selection__rendered,
437 .cozmoslabs-form-field-wrapper .chosen-container-multi .chosen-choices {
438 min-height: 40px;
439 line-height: 40px;
440 }
441
442 .cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered {
443 min-height: 40px;
444 display: flex !important;
445 flex-wrap: wrap;
446 justify-content: flex-start;
447 align-items: center;
448 }
449
450 .cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered .select2-selection__choice__remove:hover {
451 color: #e76054;
452 }
453
454 .cozmoslabs-form-field-wrapper .select2-selection--multiple .select2-selection__rendered .select2-selection__choice,
455 .cozmoslabs-form-field-wrapper .chosen-container .chosen-single {
456 display: flex;
457 align-items: center;
458 background: #ffffff;
459 }
460
461 .cozmoslabs-form-field-wrapper select,
462 .cozmoslabs-form-field-wrapper .select2-container .select2-selection:not(.select2-selection--multiple),
463 .cozmoslabs-form-field-wrapper .chosen-container .chosen-single div b {
464 background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7 2-1z" fill="%23555"/></svg>') no-repeat right 5px top 55% !important;
465 background-size: 16px 16px !important;
466 }
467
468 .cozmoslabs-form-field-wrapper .select2-container .select2-selection--multiple {
469 max-height: 200px;
470 overflow-y: scroll;
471 background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 6l5 5 5-5 2 1-7 7-7-7 2-1z" fill="%23555"/></svg>') no-repeat right 20px top 55% !important;
472 background-size: 16px 16px !important;
473 padding-right: 25px;
474 }
475
476 .cozmoslabs-form-field-wrapper .select2-container .select2-selection .select2-selection__arrow {
477 display: none;
478 }
479
480 .cozmoslabs-form-field-wrapper textarea:not(:disabled, :read-only):hover,
481 .cozmoslabs-form-field-wrapper .chosen-container .chosen-single:hover,
482 .cozmoslabs-form-field-wrapper .select2-container .select2-selection:hover,
483 .cozmoslabs-form-field-wrapper select:hover,
484 .cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled, :read-only):hover,
485 .cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled, :read-only):hover,
486 .cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled, :read-only):hover,
487 .cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, :read-only, #paypal-ipn-url, #stripe-connect-webhook-url):hover {
488 border-color: #3858E9;
489 color: #1E1E1E;
490 }
491
492 .cozmoslabs-form-field-wrapper textarea:focus,
493 .cozmoslabs-form-field-wrapper .chosen-container-active,
494 .cozmoslabs-form-field-wrapper .select2-container--focus .select2-selection--multiple,
495 .cozmoslabs-form-field-wrapper select:focus,
496 .cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled):focus,
497 .cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled):focus,
498 .cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled):focus,
499 .cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, #paypal-ipn-url, #stripe-connect-webhook-url):focus {
500 border: 1px solid #3858E9 !important;
501 box-shadow: 0 0 0 1px #3858E9;
502 }
503
504 .cozmoslabs-form-field-wrapper textarea:focus,
505 .cozmoslabs-form-field-wrapper .chosen-container-active,
506 .cozmoslabs-form-field-wrapper select:focus,
507 .cozmoslabs-form-field-wrapper input[type="password"]:not(:disabled):focus,
508 .cozmoslabs-form-field-wrapper input[type="date"]:not(:disabled):focus,
509 .cozmoslabs-form-field-wrapper input[type="number"]:not(:disabled):focus,
510 .cozmoslabs-form-field-wrapper input[type="text"]:not(:disabled, #paypal-ipn-url, #stripe-connect-webhook-url):focus {
511 border: 1px solid #3858E9 !important;
512 box-shadow: 0 0 0 1px #3858E9;
513 }
514
515 .cozmoslabs-form-field-wrapper .chosen-container-active .chosen-single div b,
516 .cozmoslabs-form-field-wrapper select:active {
517 background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 14l5-5 5 5 2-1-7-7-7 7 2 1z" fill="%23555"/></svg>') no-repeat right 5px top 55% !important;
518 background-size: 16px 16px !important;
519 }
520
521 .cozmoslabs-form-field-wrapper .select2-container--focus .select2-selection--multiple {
522 background: url('data:image/svg+xml;charset=US-ASCII,<svg width="20" height="20" xmlns="http://www.w3.org/2000/svg"><path d="M5 14l5-5 5 5 2-1-7-7-7 7 2 1z" fill="%23555"/></svg>') no-repeat right 20px top 55% !important;
523 background-size: 16px 16px !important;
524 }
525
526 .cozmoslabs-form-field-wrapper .chosen-container-active,
527 .cozmoslabs-form-field-wrapper select:focus {
528 color: #3858E9;
529 }
530
531 .cozmoslabs-form-field-wrapper textarea:disabled,
532 .cozmoslabs-form-field-wrapper select:disabled,
533 .cozmoslabs-form-field-wrapper input[type="password"]:disabled,
534 .cozmoslabs-form-field-wrapper input[type="date"]:disabled,
535 .cozmoslabs-form-field-wrapper input[type="number"]:disabled,
536 .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url):disabled {
537 opacity: 0.5;
538 pointer-events: none;
539 }
540
541 .cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab ),
542 .cozmoslabs-form-subsection-wrapper a,
543 .cozmoslabs-form-field-wrapper a {
544 color: #3858E9;
545 text-decoration: none;
546 }
547
548 .cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab ):hover,
549 .cozmoslabs-form-subsection-wrapper a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete ):hover,
550 .cozmoslabs-form-field-wrapper a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete ):hover {
551 text-decoration: underline;
552 }
553
554 .cozmoslabs-wrap a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus,
555 .cozmoslabs-form-subsection-wrapper a:not(.button-secondary, .button-primary):focus,
556 .cozmoslabs-form-field-wrapper a:not(.button-secondary, .button-primary):focus {
557 box-shadow: none;
558 outline: none;
559 }
560
561 /* form field description */
562 .cozmoslabs-description {
563 font-weight: 400;
564 font-size: 13px !important;
565 line-height: 20px !important;
566 color: #757575 !important;
567 margin: 0 !important;
568 }
569
570 .cozmoslabs-description strong {
571 display: unset !important;
572 padding: 0 !important;
573 }
574
575 .cozmoslabs-description-space-left {
576 padding-left: 230px;
577 }
578
579 .cozmoslabs-form-field-wrapper .cozmoslabs-description-space-left {
580 flex-basis: 100%;
581 }
582
583 .cozmoslabs-form-field-wrapper .cozmoslabs-description-align-right {
584 flex-basis: 280px;
585 flex-grow: 1;
586 padding-left: 10px;
587 }
588
589 .cozmoslabs-group-fields-row {
590 display: flex;
591 flex-direction: row;
592 justify-content: space-between;
593 align-items: center;
594
595 margin-top: 35px;
596 }
597
598 .cozmoslabs-group-fields-row .cozmoslabs-form-field-wrapper {
599 flex-basis: 45%;
600 margin: 0;
601 }
602
603 .cozmoslabs-group-fields-row .cozmoslabs-form-field-wrapper .cozmoslabs-form-field-label {
604 flex-basis: auto;
605 }
606
607 .cozmoslabs-disabled-input {
608 flex-basis: 260px;
609 width: 100%;
610 display: flex;
611 align-items: center;
612 height: 40px;
613 border: 1px solid #949494;
614 border-radius: 2px;
615 font-size: 13px;
616 line-height: 20px;
617 color: #1E1E1E;
618 padding: 0 10px;
619 box-sizing: border-box;
620 opacity: 0.5;
621 }
622
623 #wppb-toolbox-redirect-if-empty-required-url,
624 .cozmoslabs-wrap .wppb-toolbox-accordion {
625 display: none;
626 }
627
628 .cozmoslabs-description-upsell {
629 color: #1E1E1E !important;
630 text-align: center;
631 width: 100%;
632 background: #fdf9d1;
633 padding: 14px;
634 font-size: 110%;
635 box-sizing: border-box;
636 }
637
638
639 /***********************************************************/
640 /* Buttons
641 /***********************************************************/
642
643 /* primary */
644 .wppb-setup-holder .button-primary,
645 .cozmoslabs-wrap .button-primary {
646 background: #3858E9;
647 border: 1px solid #3858E9;
648 border-radius: 2px;
649 box-sizing: border-box;
650 padding: 8px 12px;
651 font-weight: 500;
652 font-size: 13px;
653 line-height: 16px;
654 color: #FFFFFF;
655 height: 45px;
656 min-width: 140px;
657 display: inline-flex;
658 align-items: center;
659 justify-content: center;
660 cursor: pointer;
661 }
662
663 .wppb-setup-holder .button-primary:hover,
664 .wppb-setup-holder .button-primary:focus,
665 .cozmoslabs-wrap .button-primary:hover,
666 .cozmoslabs-wrap .button-primary:focus {
667 background: #1D35B4;
668 border-color: #1D35B4;
669 box-shadow: none;
670 }
671
672 .wppb-setup-holder .button-primary.button-disabled,
673 .cozmoslabs-wrap .button-primary.button-disabled {
674 background: #1D35B4 !important;
675 border: 1px solid #1D35B4;
676 color: #CCCCCC !important;
677
678 pointer-events: none;
679 opacity: 0.5;
680 }
681
682 /* secondary */
683 .cozmoslabs-wrap input[type="file"]::file-selector-button,
684 .wppb-setup-holder .button-secondary,
685 .cozmoslabs-wrap .button-secondary {
686 height: 40px;
687 background: #FFFFFF;
688 border: 1px solid #3858E9;
689 border-radius: 2px;
690 padding: 8px 16px;
691 font-weight: 400;
692 font-size: 13px;
693 line-height: 20px;
694 color: #3858E9;
695 }
696
697 .cozmoslabs-wrap input[type="file"]::file-selector-button {
698 margin-right: 10px;
699 }
700
701 .wppb-setup-holder .button-secondary,
702 .cozmoslabs-wrap .button-secondary {
703 display: flex;
704 align-items: center;
705 justify-content: center;
706 cursor: pointer;
707 }
708
709 .cozmoslabs-wrap input[type="file"]::file-selector-button:hover,
710 .wppb-setup-holder .button-secondary:hover,
711 .cozmoslabs-wrap .button-secondary:hover,
712 .cozmoslabs-wrap input[type="file"]::file-selector-button:focus,
713 .wppb-setup-holder .button-secondary:focus,
714 .cozmoslabs-wrap .button-secondary:focus {
715 background: #F0F0F0;
716 border-color: #3858E9;
717 color: #3858E9;
718 box-shadow: none;
719 }
720
721 .wppb-setup-holder .button-secondary.button-disabled,
722 .cozmoslabs-wrap .button-secondary.button-disabled {
723 background: #F0F0F0 !important;
724 border-color: #3858E9 !important;
725 color: #3858E9 !important;
726 pointer-events: none;
727 opacity: 0.5;
728 }
729
730 .cozmoslabs-remove-item {
731 color: grey !important;
732 }
733
734 .cozmoslabs-remove-item:hover {
735 color: #e76054 !important;
736 }
737
738 .cozmoslabs-remove-item:focus {
739 outline: none;
740 box-shadow: none;
741 }
742
743 /* delete */
744 body[class*="post-type-wppb-"] .submitdelete,
745 .cozmoslabs-wrap .submitdelete {
746 color: #e76054;
747 text-decoration: underline;
748 }
749
750 body[class*="post-type-wppb-"] .submitdelete:hover,
751 body[class*="post-type-wppb-"] .submitdelete:focus,
752 .cozmoslabs-wrap .submitdelete:hover,
753 .cozmoslabs-wrap .submitdelete:focus {
754 color: #c93f32;
755 text-decoration: none;
756 }
757
758
759 /***********************************************************/
760 /* Toggle Switch
761 /***********************************************************/
762
763 .cozmoslabs-toggle-switch {
764 align-items: flex-start;
765 }
766
767 .cozmoslabs-toggle-container {
768 position: relative;
769 width: 36px;
770 height: 18px;
771 margin-right: 15px;
772 }
773
774 .cozmoslabs-toggle-container input {
775 display: none !important;
776 }
777
778 .cozmoslabs-toggle-track {
779 position: relative;
780 display: flex;
781 align-items: center;
782 cursor: pointer;
783 width: 100%;
784 height: 100%;
785 background: #FFFFFF;
786 border: 1px solid #1E1E1E;
787 border-radius: 100px;
788 box-sizing: border-box;
789 transition: background-color 0.3s, border-color 0.3s;
790 }
791
792 .cozmoslabs-toggle-track:before {
793 content: "";
794 position: absolute;
795 left: 3px;
796 width: 12px;
797 height: 12px;
798 background-color: #1E1E1E;
799 border-radius: 50%;
800 transition: transform 0.3s;
801 pointer-events: none;
802 }
803
804 .cozmoslabs-toggle-container input:checked + .cozmoslabs-toggle-track {
805 background-color: #3858E9;
806 border-color: #3858E9;
807 }
808
809 .cozmoslabs-toggle-container input:checked + .cozmoslabs-toggle-track:before {
810 transform: translateX(18px);
811 background-color: #ffffff;
812 }
813
814 .cozmoslabs-toggle-container input:disabled + .cozmoslabs-toggle-track {
815 opacity: 0.3;
816 pointer-events: none;
817 }
818
819 .cozmoslabs-toggle-description {
820 flex-basis: 250px;
821 flex-grow: 1;
822 display: flex;
823 flex-direction: column;
824 gap: 10px;
825 }
826
827 .cozmoslabs-toggle-description .cozmoslabs-description {
828 font-weight: 500;
829 color: rgba( 30, 30, 30, 0.8 ) !important;
830 }
831
832 .cozmoslabs-toggle-description .cozmoslabs-description,
833 .cozmoslabs-toggle-switch > label {
834 line-height: 18px !important;
835 }
836
837
838 /***********************************************************/
839 /* RADIO Inputs
840 /***********************************************************/
841
842 .cozmoslabs-radio-inputs-row {
843 display: flex;
844 flex-direction: row;
845 justify-content: flex-start;
846 align-items: center;
847 flex-wrap: wrap;
848 gap: 20px;
849 flex-basis: calc( 100% - 230px );
850 }
851
852 .cozmoslabs-radio-inputs-column {
853 display: flex;
854 flex-direction: column;
855 justify-content: center;
856 align-items: flex-start;
857 gap: 10px;
858 flex-basis: calc( 100% - 230px );
859 }
860
861 .cozmoslabs-radio-inputs-row label,
862 .cozmoslabs-radio-inputs-column label {
863 font-style: normal;
864 font-weight: 500;
865 font-size: 13px;
866 line-height: 18px;
867 color: rgba( 30, 30, 30, 0.8 );
868 }
869
870 .cozmoslabs-radio-inputs-row input[type=radio],
871 .cozmoslabs-radio-inputs-column input[type=radio] {
872 display: inline-flex;
873 justify-content: center;
874 align-items: center;
875
876 border: 1px solid #949494;
877 border-radius: 50%;
878 width: 20px;
879 height: 20px;
880 }
881
882 .cozmoslabs-radio-inputs-row input[type=radio]:checked,
883 .cozmoslabs-radio-inputs-column input[type=radio]:checked {
884 background: #3858E9;
885 border-color: #3858E9;
886 }
887
888 .cozmoslabs-radio-inputs-row input[type=radio]:checked::before,
889 .cozmoslabs-radio-inputs-column input[type=radio]:checked::before {
890 background: #FFFFFF;
891 width: 8px;
892 height: 8px;
893 margin: 0;
894 }
895
896 .cozmoslabs-radio-inputs-row input[type=radio]:hover,
897 .cozmoslabs-radio-inputs-column input[type=radio]:hover,
898 .cozmoslabs-radio-inputs-row input[type=radio]:focus,
899 .cozmoslabs-radio-inputs-column input[type=radio]:focus {
900 outline: none;
901 box-shadow: none;
902 border-color: #3858E9;
903 }
904
905 .cozmoslabs-column-radios-wrapper {
906 align-items: flex-start;
907 }
908
909
910 /***********************************************************/
911 /* CHECKBOX Inputs
912 /***********************************************************/
913
914 .cozmoslabs-checkbox-list-wrapper {
915 align-items: flex-start;
916 }
917
918 .cozmoslabs-checkbox-list {
919 flex-basis: calc( 100% - 230px );
920 display: flex;
921 flex-direction: row;
922 align-items: flex-start;
923 flex-wrap: wrap;
924 gap: 10px;
925 }
926
927 .cozmoslabs-checkbox-list label {
928 font-style: normal;
929 font-weight: 500;
930 font-size: 13px;
931 line-height: 26px;
932 /*color: #1E1E1E;*/
933 color: rgba( 30, 30, 30, 0.8 );
934 max-width: calc( 100% - 30px );
935 white-space: nowrap;
936 overflow: hidden;
937 text-overflow: ellipsis;
938 }
939
940 .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container {
941 display: flex;
942 align-items: center;
943 gap: 10px;
944 }
945
946 .cozmoslabs-checkbox-1-col-list .cozmoslabs-chckbox-container {
947 width: calc( 100% - 230px );
948 }
949
950 .cozmoslabs-checkbox-2-col-list .cozmoslabs-chckbox-container {
951 width: 45%;
952 }
953
954 .cozmoslabs-checkbox-3-col-list .cozmoslabs-chckbox-container {
955 width: 30%;
956 }
957
958 .cozmoslabs-checkbox-4-col-list .cozmoslabs-chckbox-container {
959 width: 23%;
960 }
961
962 .cozmoslabs-checkbox-multi-col-list .cozmoslabs-chckbox-container {
963 width: 200px;
964 }
965
966 .cozmoslabs-checkbox-list input[type="checkbox"] {
967 display: flex;
968 justify-content: center;
969 align-items: center;
970 border: 1px solid #949494;
971 border-radius: 2px;
972 width: 20px;
973 height: 20px;
974 margin: 0;
975 }
976
977 .cozmoslabs-checkbox-list input[type="checkbox"]:checked {
978 background: #3858E9;
979 border-color: #3858E9;
980 }
981
982 .cozmoslabs-checkbox-list input[type="checkbox"]:checked::before {
983 content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><title>check</title><path d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='rgb(255, 255, 255)' /></svg>");
984 width: 15px;
985 height: auto;
986 margin: 0;
987 transform: rotate(-8deg);
988 }
989
990 .cozmoslabs-checkbox-list input[type="checkbox"]:not(:disabled):hover,
991 .cozmoslabs-checkbox-list input[type="checkbox"]:not(:disabled):focus {
992 outline: none;
993 box-shadow: none;
994 border-color: #3858E9;
995 }
996
997
998 /***********************************************************/
999 /* WYSIWYG
1000 /***********************************************************/
1001
1002 .cozmoslabs-wysiwyg-wrapper {
1003 display: block;
1004 background: #FFFFFF;
1005 border-radius: 2px;
1006 }
1007
1008 .cozmoslabs-wysiwyg-indented {
1009 display: grid;
1010 grid-template-columns: 220px calc( 100% - 230px ); /* Two columns */
1011 grid-gap: 0;
1012 align-items: start;
1013 }
1014
1015 .cozmoslabs-wysiwyg-indented > label {
1016 grid-column: 1;
1017 margin-right: 10px;
1018 }
1019
1020 .cozmoslabs-wysiwyg-indented > *:not(label) {
1021 grid-column: 2;
1022 }
1023
1024 .tmce-active .quicktags-toolbar {
1025 display: none !important;
1026 }
1027
1028 .cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp,
1029 .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar {
1030 background-color: #ffffff;
1031 padding: 30px;
1032 display: flex;
1033 align-items: center;
1034 }
1035
1036 .cozmoslabs-wysiwyg-wrapper .mce-top-part::before {
1037 box-shadow: none;
1038 }
1039
1040 .cozmoslabs-wysiwyg-wrapper label {
1041 margin-bottom: 20px;
1042 font-size: 13px !important;
1043 }
1044
1045 .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar,
1046 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group > div {
1047 display: flex;
1048 flex-direction: row;
1049 flex-wrap: wrap;
1050 align-items: center;
1051 justify-content: flex-start;
1052 gap: 5px;
1053 }
1054
1055 .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"],
1056 .cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media {
1057 background: #FFFFFF;
1058 border: 1px solid #3858E9;
1059 border-radius: 2px;
1060 color: #3858E9;
1061 }
1062
1063 .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"]:hover,
1064 .cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media:hover {
1065 background: #F0F0F0;
1066 border-color: #3858E9;
1067 color: #3858E9;
1068 }
1069
1070 .cozmoslabs-wysiwyg-wrapper .quicktags-toolbar input[type="button"]:focus,
1071 .cozmoslabs-wysiwyg-wrapper .wp-media-buttons .insert-media:focus {
1072 background: #ffffff;
1073 border-color: #3858E9;
1074 color: #3858E9;
1075 box-shadow: 0 0 0 1px #3858E9;
1076 }
1077
1078 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
1079 height: 40px;
1080 border: 1px solid #949494;
1081 border-radius: 2px;
1082 line-height: 20px;
1083 font-size: 13px;
1084 padding: 0 10px;
1085 display: flex;
1086 align-items: center;
1087 }
1088
1089 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn:hover,
1090 .cozmoslabs-wysiwyg-wrapper .qt-dfw:hover {
1091 border-color: #3858E9 !important;
1092 background: #FFFFFF;
1093 }
1094
1095 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn.mce-active,
1096 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn:active,
1097 .cozmoslabs-wysiwyg-wrapper .qt-dfw.active {
1098 border-color: #3858E9 !important;
1099 box-shadow: 0 0 0 1px #3858e9 !important;
1100 background: #FFFFFF;
1101 }
1102
1103 .cozmoslabs-wysiwyg-wrapper .wp-switch-editor,
1104 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn .mce-txt,
1105 .cozmoslabs-wysiwyg-wrapper .mce-toolbar .mce-btn-group .mce-btn .mce-ico {
1106 color: #1E1E1E;
1107 }
1108
1109 .cozmoslabs-wysiwyg-wrapper .tmce-active .switch-tmce,
1110 .cozmoslabs-wysiwyg-wrapper .html-active .switch-html {
1111 font-weight: 500;
1112 }
1113
1114 .cozmoslabs-wysiwyg-wrapper .html-active .switch-tmce,
1115 .cozmoslabs-wysiwyg-wrapper .tmce-active .switch-html {
1116 opacity: 0.7;
1117 }
1118
1119 .cozmoslabs-wysiwyg-wrapper .wp-editor-container textarea.wp-editor-area {
1120 padding: 20px 40px;
1121 height: 215px !important;
1122 }
1123
1124 .cozmoslabs-wysiwyg-wrapper .cozmoslabs-description {
1125 padding: 10px 5px;
1126 }
1127
1128 /* add link popup */
1129 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp,
1130 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp {
1131 padding: 5px 10px;
1132 }
1133 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"],
1134 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .wp-link-input input[type="text"] {
1135 border: 1px solid #949494;
1136 border-radius: 2px;
1137 font-size: 13px;
1138 line-height: 20px;
1139 color: #1E1E1E;
1140 padding: 0 10px;
1141 height: 30px;
1142 box-shadow: none;
1143 }
1144 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:hover,
1145 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus,
1146 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:hover,
1147 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .wp-link-input input[type="text"]:focus {
1148 border-color: #3858E9;
1149 color: #1E1E1E;
1150 }
1151 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .mce-btn.mce-primary,
1152 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .mce-btn.mce-primary {
1153 background: #3858E9 !important;
1154 border: 1px solid #3858E9 !important;
1155 border-radius: 2px !important;
1156 margin-left: 10px;
1157 margin-right: 10px;
1158 height: 28px;
1159 box-sizing: border-box;
1160 display: inline-flex;
1161 align-items: center;
1162 justify-content: center;
1163 }
1164 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:hover,
1165 body[class*="post-type-wppb-"] .mce-inline-toolbar-grp .mce-btn.mce-primary:focus,
1166 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .mce-btn.mce-primary:hover,
1167 body[class*="profile-builder_page_"] .mce-inline-toolbar-grp .mce-btn.mce-primary:focus {
1168 background: #1D35B4 !important;
1169 border-color: #1D35B4 !important;
1170 box-shadow: none;
1171 }
1172
1173
1174 /**************************************************/
1175 /* Register Website
1176 /**************************************************/
1177
1178 .cozmoslabs-form-field-wrapper .cozmoslabs-serial-wrap__holder {
1179 display: flex;
1180 flex-direction: row;
1181 align-items: center;
1182 justify-content: flex-start;
1183 gap: 10px;
1184 }
1185
1186 .cozmoslabs-form-field-wrapper .cozmoslabs-active-license {
1187 margin-right: 8px;
1188 color: #008000;
1189 }
1190
1191 .cozmoslabs-form-field-wrapper.cozmoslabs-invalid-license {
1192 margin-right: 8px;
1193 color: #ca4a1f;
1194 }
1195
1196 #wppb-register-version .cozmoslabs-description-container,
1197 #wppb-register-version-page .cozmoslabs-description-container {
1198 flex-basis: calc( 100% - 230px);
1199 display: flex;
1200 flex-direction: column;
1201 gap: 20px;
1202 background: #E7F3EE;
1203 border-radius: 2px;
1204 padding: 10px 15px;
1205 margin: 5px 0 0 230px;
1206 }
1207
1208 #wppb-register-version-page .cozmoslabs-description-container {
1209 flex-basis: auto;
1210 }
1211
1212 .cozmoslabs-form-field-serial-number .cozmoslabs-description {
1213 color: inherit !important;
1214 }
1215
1216 #wppb-register-version .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.red,
1217 #wppb-register-version-page .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.red {
1218 background: #fde0dd;
1219 }
1220
1221 #wppb-register-version .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.yellow,
1222 #wppb-register-version-page .cozmoslabs-form-field-serial-number .cozmoslabs-description-container.yellow {
1223 background: #FDFBE6;
1224 }
1225
1226 #wppb-register-version .wppb-active-license::before,
1227 #wppb-register-version-page .wppb-active-license::before {
1228 color: green;
1229 }
1230
1231 #wppb-register-version .wppb-active-license,
1232 #wppb-register-version-page .wppb-active-license {
1233 width: 30px;
1234 height: 30px;
1235 font-size: 30px;
1236 }
1237
1238
1239 /**************************************************/
1240 /* Form Designs - Admin UI styles
1241 /**************************************************/
1242
1243 #wppb-forms-design-browser {
1244 display: flex;
1245 flex-wrap: wrap;
1246 flex-direction: row;
1247 gap: 20px;
1248 justify-content: start;
1249 padding-bottom: 20px;
1250 }
1251
1252 .wppb-forms-design {
1253 flex: 1;
1254 }
1255
1256 .wppb-forms-design label {
1257 font-size: 14px;
1258 }
1259
1260 .wppb-forms-design label input[type="radio"] {
1261 margin-left: 10px;
1262 }
1263
1264 .wppb-forms-design-preview {
1265 position: absolute;
1266 display: none !important;
1267 height: 32px !important;
1268 }
1269
1270 .wppb-forms-design:hover .wppb-forms-design-screenshot .wppb-forms-design-preview {
1271 display: flex !important;
1272 }
1273
1274 .wppb-forms-design-screenshot {
1275 width: 100%;
1276 max-width: 180px;
1277 height: 100px;
1278 display: flex;
1279 align-items: center;
1280 justify-content: center;
1281 background: #F8F9FD;
1282 border: 1px solid #cccccc;
1283 border-radius: 2px;
1284 box-sizing: border-box;
1285 position: relative;
1286 margin-top: 10px;
1287 }
1288
1289 .wppb-forms-design:not(#form-style-default) .wppb-forms-design-screenshot:before {
1290 content: "";
1291 position: absolute;
1292 top: 0;
1293 left: 0;
1294 width: 100%;
1295 height: 100%;
1296 background-color: rgba(0, 0, 0, 0.3);
1297 opacity: 0;
1298 transition: opacity 0.3s ease;
1299 }
1300
1301 .wppb-forms-design:not(#form-style-default):hover .wppb-forms-design-screenshot:before {
1302 opacity: 1;
1303 }
1304
1305 .wppb-forms-design-screenshot:not(#form-style-default .wppb-forms-design-screenshot) img {
1306 max-width: 100%;
1307 max-height: 100%;
1308 }
1309
1310 #form-style-default .wppb-forms-design-screenshot img {
1311 max-width: 100%;
1312 height: 100%;
1313 overflow: hidden;
1314 }
1315
1316 #form-style-default .wppb-forms-design-screenshot {
1317 overflow: hidden;
1318 }
1319
1320 .wppb-forms-design-modal {
1321 display: none;
1322 padding: 16px 24px;
1323 }
1324
1325 .wppb-forms-design-modal .wppb-forms-design-preview-image {
1326 width: 100%;
1327 height: auto;
1328 display: none;
1329 }
1330
1331 .wppb-forms-design-modal .wppb-forms-design-preview-image.active {
1332 display: block;
1333 }
1334
1335
1336 .wppb-forms-design-modal .pms-slideshow-button {
1337 font-size: 50px;
1338 cursor: pointer;
1339 color: #6E7A86;
1340 }
1341
1342 .wppb-forms-design-modal .pms-slideshow-button.disabled {
1343 visibility: hidden;
1344 }
1345
1346 .wppb-forms-design-modal .wppb-forms-design-modal-slideshow {
1347 display: flex;
1348 flex-direction: row;
1349 align-items: center;
1350 gap: 20px;
1351 }
1352
1353 .wppb-forms-design-modal .wppb-slideshow-button {
1354 font-size: 50px;
1355 cursor: pointer;
1356 color: #6E7A86;
1357 }
1358
1359 .wppb-forms-design-modal .wppb-slideshow-button.disabled {
1360 visibility: hidden;
1361 }
1362
1363 .ui-dialog[aria-describedby^='modal-form-style'] .ui-widget-header {
1364 background: transparent;
1365 border: none;
1366 border-bottom: 1px solid #dcdcde;
1367 }
1368
1369 .ui-dialog[aria-describedby^='modal-form-style'] .ui-button,
1370 .ui-dialog[aria-describedby^='modal-form-style'] .ui-button:focus,
1371 .ui-dialog[aria-describedby^='modal-form-style'] .ui-button:hover {
1372 background: transparent;
1373 border: none;
1374 box-shadow: none;
1375 }
1376
1377
1378 /* Tables */
1379 body[class*="profile-builder_page_"] .wp-list-table th {
1380 font-weight: 600;
1381 font-size: 14px;
1382 line-height: 40px;
1383 color: #1E1E1E;
1384 }
1385
1386 body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) {
1387 color: #3858E9;
1388 text-decoration: none;
1389 }
1390
1391 body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover {
1392 text-decoration: underline;
1393 }
1394
1395 body[class*="profile-builder_page_"] a:not(.button-secondary, .button-primary, .submitdelete, .mbdelete, .chosen-single, .cozmoslabs-remove-item, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus {
1396 box-shadow: none;
1397 outline: none;
1398 }
1399
1400
1401 /**********************************************************************************/
1402 /* Link (question mark icon) to PB Docs set in pages/custom-posts/settings titles
1403 /**********************************************************************************/
1404
1405 .wp-admin a.wppb-docs-link:before {
1406 display: none;
1407 }
1408
1409 .wp-admin a.wppb-docs-link {
1410 text-decoration: none;
1411 box-shadow: none;
1412 outline: none;
1413 height: auto;
1414 width: auto;
1415 font-size: 30px;
1416 }
1417
1418 [class*="profile-builder"].wp-admin .wrap form > h2 {
1419 line-height: 30px;
1420 }
1421
1422 .wp-admin.post-type-wppb-ul-cpt #wppb-single-ul-templates .inside .wppb-docs-link,
1423 .wp-admin.post-type-wppb-ul-cpt #wppb-ul-templates .inside .wppb-docs-link,
1424 .wp-admin.profile-builder_page_manage-fields #wppb-msf-side .wppb-docs-link,
1425 .wp-admin.profile-builder_page_manage-fields #wppb-ffc-side .wppb-docs-link,
1426 .wp-admin.profile-builder_page_custom-redirects .wck-post-box .wppb-docs-link,
1427 .wp-admin.post-type-wppb-ul-cpt #wppb-ul-themes-settings .inside .wppb-docs-link,
1428 .wp-admin.post-type-wppb-ul-cpt .wck-add-form .wppb-docs-link {
1429 position: absolute;
1430 right: 5px;
1431 top: 0;
1432 }
1433
1434 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-edit-profile-approved-by-admin,
1435 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-conditional-logic-enabled,
1436 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-location-visibility,
1437 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-user-role-visibility {
1438 line-height: 30px;
1439 }
1440
1441 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column {
1442 position: relative;
1443 }
1444
1445 .wp-admin.profile-builder_page_manage-fields .update_container_wppb_manage_fields ul.mb-list-entry-fields li.row-visibility .mb-right-column .wppb-docs-link {
1446 position: absolute;
1447 top: 0;
1448 left: 255px;
1449 }
1450
1451 .wppb-docs-link {
1452 width: 30px;
1453 height: 30px;
1454 }
1455
1456 .wppb-docs-link:focus {
1457 outline: none;
1458 box-shadow: none;
1459 }
1460
1461 .cozmoslabs-description .wppb-docs-link {
1462 margin-top: -5px;
1463 }
1464
1465 .wppb-docs-link:before {
1466 display: none;
1467 }
1468
1469 .wppb-docs-link:after {
1470 content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-person' viewBox='0 0 24 24' transform='scale(1,1)'> <path d='M20 2H4C3.47 2 2.96 2.21 2.59 2.59C2.21 2.96 2 3.47 2 4V16C2 16.53 2.21 17.04 2.59 17.41C2.96 17.79 3.47 18 4 18H8L12 22L16 18H20C20.53 18 21.04 17.79 21.41 17.41S22 16.53 22 16V4C22 3.47 21.79 2.96 21.41 2.59C21.04 2.21 20.53 2 20 2M4 16V4H20V16H15.17L12 19.17L8.83 16M10.05 6.04C10.59 5.68 11.3 5.5 12.19 5.5C13.13 5.5 13.88 5.71 14.42 6.12C14.96 6.54 15.23 7.1 15.23 7.8C15.23 8.24 15.08 8.63 14.79 9C14.5 9.36 14.12 9.64 13.66 9.85C13.4 10 13.23 10.15 13.14 10.32C13.05 10.5 13 10.72 13 11H11C11 10.5 11.1 10.16 11.29 9.92C11.5 9.68 11.84 9.4 12.36 9.08C12.62 8.94 12.83 8.76 13 8.54C13.14 8.33 13.22 8.08 13.22 7.8C13.22 7.5 13.13 7.28 12.95 7.11C12.77 6.93 12.5 6.85 12.19 6.85C11.92 6.85 11.7 6.92 11.5 7.06C11.34 7.2 11.24 7.41 11.24 7.69H9.27C9.22 7 9.5 6.4 10.05 6.04M11 14V12H13V14Z' id='mainIconPathAttribute' fill='rgb(30, 30, 30)'></path> </svg>");
1471 opacity: 0.3;
1472 }
1473
1474 .wppb-docs-link:hover:after {
1475 opacity: 1;
1476 content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='currentColor' class='bi bi-person' viewBox='0 0 24 24' transform='scale(1,1)'> <path d='M20 2H4C3.47 2 2.96 2.21 2.59 2.59C2.21 2.96 2 3.47 2 4V16C2 16.53 2.21 17.04 2.59 17.41C2.96 17.79 3.47 18 4 18H8L12 22L16 18H20C20.53 18 21.04 17.79 21.41 17.41S22 16.53 22 16V4C22 3.47 21.79 2.96 21.41 2.59C21.04 2.21 20.53 2 20 2M4 16V4H20V16H15.17L12 19.17L8.83 16M10.05 6.04C10.59 5.68 11.3 5.5 12.19 5.5C13.13 5.5 13.88 5.71 14.42 6.12C14.96 6.54 15.23 7.1 15.23 7.8C15.23 8.24 15.08 8.63 14.79 9C14.5 9.36 14.12 9.64 13.66 9.85C13.4 10 13.23 10.15 13.14 10.32C13.05 10.5 13 10.72 13 11H11C11 10.5 11.1 10.16 11.29 9.92C11.5 9.68 11.84 9.4 12.36 9.08C12.62 8.94 12.83 8.76 13 8.54C13.14 8.33 13.22 8.08 13.22 7.8C13.22 7.5 13.13 7.28 12.95 7.11C12.77 6.93 12.5 6.85 12.19 6.85C11.92 6.85 11.7 6.92 11.5 7.06C11.34 7.2 11.24 7.41 11.24 7.69H9.27C9.22 7 9.5 6.4 10.05 6.04M11 14V12H13V14Z' id='mainIconPathAttribute' fill='rgb(56, 88, 233)'></path> </svg>");
1477 }
1478
1479 .wppb-docs-link-popup {
1480 padding-top: 8px;
1481 }
1482
1483 .wppb-docs-link-popup .wppb-docs-link-popup-content {
1484 display: flex;
1485 align-items: center;
1486 gap: 16px;
1487 padding: 16px 0;
1488 margin-bottom: 8px;
1489 }
1490
1491 .wppb-docs-link-popup .wppb-docs-link-popup-description {
1492 margin: 0;
1493 }
1494
1495 .wppb-docs-link-popup .wppb-docs-link-popup-actions {
1496 display: flex;
1497 flex-direction: row;
1498 gap: 12px;
1499 flex-wrap: wrap;
1500 justify-content: flex-end;
1501 margin: 0;
1502 }
1503
1504 .wppb-docs-link-popup .wppb-docs-link-popup-actions .button-primary {
1505 height: 36px;
1506 }
1507
1508 .wppb-docs-link-popup-dialog .ui-dialog-titlebar-close:focus {
1509 box-shadow: none;
1510 }
1511
1512 .ui-dialog[aria-describedby="wppb-docs-link-popup"] .ui-dialog-titlebar {
1513 background: transparent;
1514 border: none;
1515 }
1516
1517
1518 /**************************************************/
1519 /* CPTs and Custom Pages
1520 /**************************************************/
1521
1522 /* page title */
1523 body[class*="post-type-wppb-"] .wp-heading-inline {
1524 font-style: normal;
1525 font-weight: 400;
1526 font-size: 26px;
1527 line-height: 28px;
1528 color: #1E1E1E;
1529 margin-bottom: 35px;
1530 display: inline-flex;
1531 align-items: baseline;
1532 gap: 10px;
1533 }
1534
1535 /* buttons */
1536 body[class*="post-type-wppb-"] .button:not(.button-primary),
1537 body[class*="post-type-wppb-"] .page-title-action {
1538 background: #FFFFFF;
1539 border: 1px solid #3858E9;
1540 box-sizing: border-box;
1541 border-radius: 2px;
1542 font-weight: 400;
1543 color: #3858E9;
1544 }
1545
1546 body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button),
1547 body[class*="post-type-wppb-"] .page-title-action {
1548 line-height: 20px;
1549 font-size: 13px;
1550 margin: 0;
1551 display: inline-flex;
1552 align-items: center;
1553 justify-content: center;
1554 cursor: pointer;
1555 }
1556
1557 body[class*="post-type-wppb-"] .button:not(.button-primary, .cozmoslabs-wysiwyg-wrapper .insert-media, .pagination-links .button, .wppb-ul-theme-activate .button) {
1558 height: 40px;
1559 }
1560
1561 body[class*="post-type-wppb-"] .page-title-action {
1562 height: 30px;
1563 }
1564
1565 body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):hover,
1566 body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):focus,
1567 body[class*="post-type-wppb-"] .button:not(.button-primary, .wppb-ul-theme-activate .button.reset):active,
1568 body[class*="post-type-wppb-"] .page-title-action:hover,
1569 body[class*="post-type-wppb-"] .page-title-action:focus,
1570 body[class*="post-type-wppb-"] .page-title-action:active {
1571 font-weight: 400;
1572 background: #F0F0F0;
1573 border-color: #3858E9;
1574 color: #3858E9;
1575 box-shadow: none;
1576 margin: 0;
1577 }
1578
1579 body[class*="post-type-wppb-"] .button-primary {
1580 background: #3858E9;
1581 border: 1px solid #3858E9;
1582 border-radius: 2px;
1583 box-sizing: border-box;
1584 padding: 8px 12px;
1585 font-weight: 500;
1586 font-size: 13px;
1587 line-height: 16px;
1588 color: #FFFFFF;
1589 height: 45px;
1590 min-width: 140px;
1591 display: inline-flex;
1592 align-items: center;
1593 justify-content: center;
1594 cursor: pointer;
1595 }
1596
1597 body[class*="post-type-wppb-"] .button-primary:hover,
1598 body[class*="post-type-wppb-"] .button-primary:focus {
1599 background: #1D35B4;
1600 border-color: #1D35B4;
1601 box-shadow: none;
1602 }
1603
1604 body[class*="post-type-wppb-"] .button-primary.button-disabled {
1605 background: #1D35B4 !important;
1606 border: 1px solid #1D35B4;
1607 color: #CCCCCC !important;
1608 pointer-events: none;
1609 opacity: 0.5;
1610 }
1611
1612 /* User Listing */
1613 #wppb_ul_search_settings .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container,
1614 #wppb-ul-settings-args .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container {
1615 width: 30%;
1616 }
1617
1618 #container_wppb_ul_faceted_settings .wck-edit .button {
1619 min-width: 75px;
1620 }
1621
1622 #container_wppb_ul_faceted_settings tbody tr .wck-content li strong {
1623 min-width: 100px;
1624 }
1625
1626 #container_wppb_ul_faceted_settings tbody tr:not(.facet_type_checkboxes) td.wck-content li.row-facet-behaviour,
1627 #container_wppb_ul_faceted_settings tbody tr:not(.facet_type_checkboxes) td.wck-content li.row-facet-limit {
1628 display: none;
1629 }
1630
1631 #container_wppb_ul_faceted_settings tbody tr.update_container_wppb_ul_faceted_settings:not(.facet_checkboxes) li.row-facet-behaviour,
1632 #container_wppb_ul_faceted_settings tbody tr.update_container_wppb_ul_faceted_settings:not(.facet_checkboxes) li.row-facet-limit {
1633 display: none;
1634 }
1635
1636 #wppb-ul-side .cozmoslabs-form-field-wrapper:first-of-type {
1637 margin-top: 0 !important;
1638 }
1639
1640 #wppb-ul-side textarea {
1641 height: 60px;
1642 }
1643
1644 #wppb_ul_page_settings .row-visible-to-following-roles,
1645 .update_container_wppb_ul_page_settings.visible_to_logged_ .row-visible-to-following-roles {
1646 display:none;
1647 }
1648
1649 #wppb_ul_page_settings.update_container_wppb_ul_page_settings.visible_to_logged_yes .row-visible-to-following-roles {
1650 display: flex;
1651 }
1652
1653
1654 /* Tables */
1655 body[class*="post-type-wppb-"] .wp-list-table th {
1656 font-weight: 600;
1657 font-size: 14px;
1658 line-height: 40px !important;
1659 color: #1E1E1E !important;
1660 }
1661
1662 body[class*="post-type-wppb-"] .wp-list-table td {
1663 font-style: normal;
1664 font-weight: 400;
1665 font-size: 13px;
1666 line-height: 25px;
1667 color: #1E1E1E !important;
1668 vertical-align: middle;
1669 }
1670
1671 body[class*="post-type-wppb-"] .wp-list-table th.sortable a, body[class*="post-type-wppb-"] .wp-list-table th.sorted a {
1672 display: flex;
1673 align-items: center;
1674 gap: 5px;
1675 }
1676
1677 body[class*="post-type-wppb-"] .wp-list-table th.sortable a .sorting-indicator {
1678 margin-left: 2px;
1679 margin-top: 3px;
1680 }
1681
1682
1683 /* table page navigation */
1684 body[class*="post-type-wppb-"] .tablenav-pages {
1685 display: flex;
1686 align-items: center;
1687 justify-content: flex-end;
1688 gap: 10px;
1689 }
1690
1691 body[class*="post-type-wppb-"] .tablenav-pages .pagination-links {
1692 display: flex;
1693 flex-direction: row;
1694 align-items: center;
1695 justify-content: flex-end;
1696 gap: 5px;
1697 }
1698
1699 body[class*="post-type-wppb-"] .tablenav-pages.one-page .pagination-links,
1700 body[class*="post-type-wppb-"] .tablenav-pages.no-pages .pagination-links {
1701 display: none !important;
1702 }
1703
1704 body[class*="post-type-wppb-"] .pagination-links .button {
1705 height: 30px;
1706 background: #FFFFFF;
1707 border: 1px solid #3858E9;
1708 border-radius: 2px;
1709 box-sizing: border-box;
1710 padding-bottom: 2px;
1711 font-weight: 400;
1712 font-size: 20px !important;
1713 line-height: 20px !important;
1714 color: #3858E9;
1715 }
1716
1717 body[class*="post-type-wppb-"] .pagination-links .button:hover,
1718 body[class*="post-type-wppb-"] .pagination-links .button:focus {
1719 background: #F0F0F0;
1720 border-color: #3858E9;
1721 color: #3858E9;
1722 box-shadow: none;
1723 text-decoration: none;
1724 }
1725
1726 body[class*="post-type-wppb-"] .pagination-links .button.disabled {
1727 background: #F0F0F0 !important;
1728 border-color: #3858E9 !important;
1729 color: #3858E9 !important;
1730 pointer-events: none;
1731 opacity: 0.5;
1732 }
1733
1734 body[class*="post-type-wppb-"] .pagination-links .paging-input {
1735 display: flex;
1736 flex-direction: row;
1737 align-items: center;
1738 justify-content: center;
1739 gap: 5px;
1740 }
1741
1742 body[class*="post-type-wppb-"] .pagination-links .current-page {
1743 border: 1px solid #949494;
1744 border-radius: 2px;
1745 font-size: 13px;
1746 line-height: 20px;
1747 color: #1E1E1E;
1748 padding: 0 10px;
1749 margin: 0;
1750 min-height: 30px;
1751 }
1752
1753 body[class*="post-type-wppb-"] .pagination-links .current-page:hover {
1754 border-color: #3858E9;
1755 color: #1E1E1E;
1756 }
1757
1758 body[class*="post-type-wppb-"] .pagination-links .current-page:focus {
1759 border-color: #3858E9;
1760 box-shadow: 0 0 0 1px #3858e9;
1761 }
1762
1763
1764 /* Fields */
1765 body[class*="post-type-wppb-"] .tablenav {
1766 height: 40px;
1767 padding: 10px 0;
1768 margin: 0;
1769 }
1770
1771 body[class*="post-type-wppb-"] #titlediv #title,
1772 body[class*="post-type-wppb-"] .wp-list-table input[type="text"],
1773 body[class*="post-type-wppb-"] .search-box input[type="search"],
1774 body[class*="post-type-wppb-"] .tablenav select {
1775 height: 40px;
1776 border: 1px solid #949494;
1777 border-radius: 2px;
1778 font-size: 13px;
1779 line-height: 20px;
1780 color: #1E1E1E;
1781 max-width: 100%;
1782 }
1783
1784 body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:not(.wppb-shortcode.input),
1785 body[class*="post-type-wppb-"] .search-box input[type="search"],
1786 body[class*="post-type-wppb-"] .tablenav select {
1787 width: 330px !important;
1788 }
1789
1790 body[class*="post-type-wppb-"] #titlediv #title:hover,
1791 body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:not(input[readonly]):hover,
1792 body[class*="post-type-wppb-"] .search-box input[type="search"]:hover,
1793 body[class*="post-type-wppb-"] .tablenav select:hover {
1794 border-color: #3858E9;
1795 }
1796
1797 body[class*="post-type-wppb-"] #titlediv #title:focus,
1798 body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:focus,
1799 body[class*="post-type-wppb-"] .search-box input[type="search"]:focus,
1800 body[class*="post-type-wppb-"] .tablenav select:focus {
1801 border-color: #3858E9;
1802 box-shadow: 0 0 0 1px #3858e9 !important;
1803 }
1804
1805 body[class*="post-type-wppb-"] .wp-list-table input[type="text"]:disabled,
1806 body[class*="post-type-wppb-"] .search-box input[type="search"]:disabled,
1807 body[class*="post-type-wppb-"] .tablenav select:disabled {
1808 opacity: 0.5;
1809 pointer-events: none;
1810 }
1811
1812 body[class*="post-type-wppb-"] .wp-list-table input[type="text"][readonly] {
1813 opacity: 0.8;
1814 }
1815
1816 #container_wppb_epf_fields .row-id,
1817 #wppb_epf_fields .row-id,
1818 #container_wppb_rf_fields .row-id,
1819 #wppb_rf_fields .row-id{
1820 display:none;
1821 }
1822
1823 /***********************************************************/
1824 /* Links
1825 /***********************************************************/
1826
1827 body[class*="post-type-wppb-"] .button-link,
1828 body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab) {
1829 color: #3858E9;
1830 text-decoration: none;
1831 }
1832
1833 body[class*="post-type-wppb-"] .trash a,
1834 body[class*="post-type-wppb-"] .delete a {
1835 color: #e76054 !important;
1836 text-decoration: none;
1837 }
1838
1839 body[class*="post-type-wppb-"] .trash a:hover,
1840 body[class*="post-type-wppb-"] .delete a:hover {
1841 color: #e76054;
1842 text-decoration: underline;
1843 }
1844
1845 body[class*="post-type-wppb-"] .button-link:hover,
1846 body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):hover {
1847 color: #3858E9;
1848 text-decoration: underline;
1849 }
1850
1851 body[class*="post-type-wppb-"] .button-link:focus,
1852 body[class*="post-type-wppb-"] a:not(.button-secondary, .button-primary, .chosen-single, .cozmoslabs-remove-item, .submitdelete, .page-title-action, .cozmoslabs-banner-link, .nav-tab, .nav-sub-tab):focus {
1853 box-shadow: none;
1854 outline: none;
1855 }
1856
1857
1858 /***********************************************************/
1859 /* Admin notices
1860 /***********************************************************/
1861
1862 div.wppb-notice {
1863 position: relative;
1864 }
1865
1866 div.wppb-notice:after {
1867 display: block;
1868 content: '';
1869 clear: both;
1870 }
1871
1872 div.wppb-notice.wppb-narrow {
1873 max-width: 825px;
1874 }
1875
1876 div.wppb-notice .notice-dismiss {
1877 text-decoration: none !important;
1878 }
1879
1880 .wrap div.wppb-admin-notice {
1881 margin-bottom: 0;
1882 }
1883
1884 div.wppb-serial-notification .button-primary,
1885 div.wppb-notice .button-primary,
1886 .pms-notice .button-primary {
1887 height: 30px;
1888 /* min-width: 100px; */
1889 margin-left: 10px
1890 }
1891
1892 div.wppb-notice .button-primary,
1893 div.pms-notice .button-primary,
1894 div.wppb-serial-notification .button-primary {
1895 min-width: auto !important;
1896 }
1897
1898
1899 /***********************************************************/
1900 /* Manage Fields Page
1901 /***********************************************************/
1902
1903 @media screen and (max-width: 1401px) {
1904 body.profile-builder_page_manage-fields .metabox-holder .column-1 {
1905 margin-right: 0;
1906 }
1907 }
1908
1909 @media screen and (min-width: 1402px) {
1910 body.profile-builder_page_manage-fields .metabox-holder .column-2 {
1911 float: right;
1912 width: 280px;
1913 clear: right;
1914 position: relative;
1915 }
1916
1917 body.profile-builder_page_manage-fields .wck-post-body {
1918 clear: left;
1919 float: left;
1920 margin-right: -2000px;
1921 width: 100%;
1922 }
1923
1924 body.profile-builder_page_manage-fields .metabox-holder .column-1,
1925 body.profile-builder_page_manage-fields .metabox-holder .column-3 {
1926 clear: both;
1927 margin-right: 300px;
1928 }
1929 }
1930
1931 #container_wppb_manage_fields .wck-content ul,
1932 #container_wppb_manage_fields .wck-content li {
1933 margin: 0;
1934 }
1935
1936 #container_wppb_manage_fields .wck-content li pre {
1937 font-size: 13px;
1938 }
1939
1940 #container_wppb_manage_fields tr:not(.wck_update_container) li strong {
1941 display: none !important;
1942 }
1943
1944 #container_wppb_manage_fields li .description strong {
1945 display: inline !important;
1946 }
1947
1948 #container_wppb_manage_fields .added_fields_list li.row-meta-name {
1949 display: list-item !important;
1950 }
1951
1952 #container_wppb_manage_fields li.row-field-title pre,
1953 #container_wppb_manage_fields li.row-meta-name pre {
1954 min-height: 10px;
1955 }
1956
1957 #wppb_manage_fields .ui-sortable label:not(.cozmoslabs-toggle-track),
1958 #container_wppb_manage_fields .ui-sortable label:not(.cozmoslabs-toggle-track) {
1959 background: #fff;
1960 }
1961
1962 #wppb_manage_fields .sortable-handle,
1963 #container_wppb_manage_fields .sortable-handle {
1964 display: inline-block;
1965 width: 16px;
1966 height: 16px;
1967 background: url('../images/sorting-icon-dots.png') no-repeat center center;
1968 vertical-align: middle;
1969 margin-right: 7px;
1970 cursor: move;
1971 margin-top: -1px;
1972 }
1973
1974 #container_wppb_manage_fields pre {
1975 display: block;
1976 float: left;
1977 width: 27%;
1978 font-family: "Open Sans", Arial, sans-serif;
1979 font-size: 14px;
1980 padding-right: 10px;
1981 box-sizing: border-box;
1982 }
1983
1984 #container_wppb_manage_fields pre.wppb-mb-head-required,
1985 #container_wppb_manage_fields li.row-required pre {
1986 width:auto;
1987 text-align: center;
1988 }
1989
1990 #container_wppb_manage_fields tbody tr.update_container_wppb_manage_fields:hover {
1991 background:#fff;
1992 }
1993
1994 #container_wppb_manage_fields tbody tr:hover {
1995 background:#E8F2FF;
1996 }
1997
1998 #wppb_manage_fields_info {
1999 display: none;
2000 }
2001
2002 .profile-builder_page_manage-fields input[type="search"] {
2003 height: 40px;
2004 border: 1px solid #949494;
2005 border-radius: 2px;
2006 font-size: 13px;
2007 line-height: 20px;
2008 color: #1E1E1E;
2009 max-width: 100%;
2010 }
2011
2012 .profile-builder_page_manage-fields input[type="search"]:hover {
2013 border-color: #3858E9;
2014 }
2015
2016 .profile-builder_page_manage-fields input[type="search"]:focus {
2017 border-color: #3858E9;
2018 box-shadow: 0 0 0 1px #3858e9 !important;
2019 }
2020
2021 .profile-builder_page_manage-fields input[type="search"]:disabled {
2022 opacity: 0.5;
2023 pointer-events: none;
2024 }
2025
2026 /* Sortable options */
2027 .profile-builder_page_manage-fields .wppb_manage_fields_sortables {
2028 background: #FFFFFF;
2029 border: 1px solid #949494;
2030 margin: 0 0 10px 32px;
2031 padding: 5px 10px;
2032 width: 80% !important;
2033 }
2034
2035 .profile-builder_page_manage-fields .wppb_manage_fields_sortables:first-of-type {
2036 margin-top: 10px;
2037 }
2038
2039 .profile-builder_page_manage-fields .wppb_manage_fields_sortables:hover {
2040 cursor: pointer;
2041 border-color: #3858E9;
2042 }
2043
2044 .profile-builder_page_manage-fields .wppb_manage_fields_sortables label {
2045 background: transparent !important;
2046 }
2047
2048 .profile-builder_page_manage-fields .wppb_manage_fields_sortables > .dashicons {
2049 color: #949494;
2050 position: absolute;
2051 margin-left: -36px;
2052 }
2053
2054 .profile-builder_page_manage-fields .wppb_manage_fields_sortables:hover > .dashicons {
2055 color: #3858E9;
2056 }
2057
2058 .profile-builder_page_manage-fields .row-map-bubble-fields.cozmoslabs-checkbox-list-wrapper {
2059 align-items: center;
2060 }
2061
2062 .profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-checkbox-list {
2063 width: 330px;
2064 flex-direction: column;
2065 gap: 0;
2066 margin-bottom: 10px;
2067 background: #E8F2FF;
2068 }
2069
2070 .profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-toggle-container {
2071 display: none;
2072 }
2073
2074 .profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap .cozmoslabs-toggle-description {
2075 display: none;
2076 }
2077
2078 #wppb_rf_page_settings .row-url,
2079 #wppb_rf_page_settings .row-display-messages,
2080 .update_container_wppb_rf_page_settings.redirect_ .row-url,
2081 .update_container_wppb_rf_page_settings.redirect_ .row-display-messages,
2082 .update_container_wppb_rf_page_settings.redirect_no .row-url,
2083 .update_container_wppb_rf_page_settings.redirect_no .row-display-messages {
2084 display:none;
2085 }
2086
2087 #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-url,
2088 #wppb_rf_page_settings.update_container_wppb_rf_page_settings.redirect_yes .row-display-messages {
2089 display: flex;
2090 }
2091
2092
2093 @media screen and ( min-width: 1280px ) {
2094 .profile-builder_page_manage-fields #wppb_manage_fields .row-field .select2-container.select2-container--open {
2095 flex-grow: 1;
2096 }
2097
2098 .profile-builder_page_manage-fields .select2-results__option[role="group"] {
2099 width: 23%;
2100 margin: 0 1%;
2101 float: left;
2102 }
2103
2104 .profile-builder_page_manage-fields .select2-container--default .select2-results > .select2-results__options,
2105 .profile-builder_page_manage-fields .select2-results{
2106 max-height: 800px;
2107 }
2108 }
2109
2110
2111 /***********************************************************/
2112 /* Basic Information Page
2113 /***********************************************************/
2114
2115 .wppb-badge{
2116 font-size: 14px;
2117 font-weight: 600;
2118 width: 150px;
2119 height: 150px;
2120 margin-bottom: 25px;
2121 text-align: center;
2122 text-rendering: optimizelegibility;
2123 background:url(../images/pb-logo.svg) top no-repeat #E8F2FF;
2124 border: 1px solid #9FAAB8;
2125 background-size: 100px;
2126 background-position-y: 10px;
2127 }
2128
2129 .wppb-badge span {
2130 display: inline-block;
2131 text-transform: uppercase;
2132 color: #9FAAB8;
2133 margin-top: 115px;
2134 font-size: 90%;
2135 }
2136
2137 .cozmoslabs-notice-message {
2138 font-size: 15px;
2139 font-weight: 600;
2140 }
2141
2142 #basic-info-extra-features > .button,
2143 #basic-info-add-ons > .button,
2144 #basic-info-customize-forms > .button {
2145 display: inline-flex;
2146 margin-top: 10px;
2147 }
2148
2149 #basic-info-add-ons > .button.wppb-button-free,
2150 #basic-info-customize-forms > .button.wppb-button-free {
2151 height: 40px;
2152 }
2153
2154 #basic-info-extra-fields-list {
2155 justify-content: center;
2156 }
2157
2158 #basic-info-extra-fields-list ul {
2159 display: flex;
2160 flex-wrap: wrap;
2161 list-style: none;
2162 padding: 0;
2163 width: 90%;
2164 margin: 0;
2165 }
2166
2167 #basic-info-extra-fields-list ul li {
2168 width: calc( 25% - 10px );
2169 margin: 5px 0;
2170 font-weight: 600;
2171 font-size: 13px;
2172 line-height: 20px;
2173 color: #757575;
2174 text-align: center;
2175 }
2176
2177 #basic-info-extra-fields-list .wppb-fields-image {
2178 max-width: 80%;
2179 }
2180
2181 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended {
2182 display: flex;
2183 flex-direction: row;
2184 align-items: center;
2185 justify-content: flex-start;
2186 gap: 40px;
2187 margin-top: 35px;
2188 }
2189
2190 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img a {
2191 display: flex;
2192 align-items: center;
2193 justify-content: center;
2194 height: 130px;
2195 overflow: hidden;
2196 }
2197
2198 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img {
2199 flex-basis: 30%;
2200 }
2201
2202 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img img {
2203 width: 85%;
2204 }
2205
2206 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info {
2207 flex-basis: 70%;
2208 display: flex;
2209 flex-direction: column;
2210 gap: 5px;
2211 }
2212
2213 #basic-info-recommended-plugins #wppb-recommended-translate-press .cozmoslabs-basic-info-recommended-img a {
2214 background: #006C9B;
2215 }
2216
2217 #basic-info-recommended-plugins #wppb-recommended-wp-webhooks .cozmoslabs-basic-info-recommended-img a {
2218 background: #00dc9e;
2219 }
2220
2221 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-wrapper {
2222 margin: 0 !important;
2223 }
2224
2225 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info .cozmoslabs-form-field-label {
2226 flex-basis: 100%;
2227 cursor: default;
2228 }
2229
2230 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended-info > .button-secondary {
2231 width: 120px;
2232 margin-top: 10px;
2233 }
2234
2235 #basic-info-recommended-plugins #wppb-recommended-translate-press .cozmoslabs-basic-info-recommended-img img {
2236 width: 75%;
2237 }
2238
2239 .cozmoslabs-version-notice {
2240 text-transform: none;
2241 font-weight: 500;
2242 color: #e76054;
2243 }
2244
2245 .cozmoslabs-version-notice.cozmoslabs-description-upsell {
2246 width: auto;
2247 }
2248
2249 #basic-info-admin-approval .cozmoslabs-form-field-label {
2250 flex-direction: column;
2251 align-items: flex-start;
2252 justify-content: center;
2253 }
2254
2255 #basic-info-admin-approval .cozmoslabs-version-notice {
2256 text-transform: none;
2257 font-weight: 500;
2258 color: #e76054;
2259 font-size: 11px;
2260 }
2261
2262
2263 /***********************************************************/
2264 /* Cross Promotion Page
2265 /***********************************************************/
2266
2267 body.admin_page_profile-builder-pms-promo #wpcontent {
2268 padding: 0;
2269 }
2270
2271 body.admin_page_profile-builder-pms-promo .wppb-badge.wppb-pb-pms {
2272 background:url(../images/pb-pms-cross-promotion.png) center no-repeat #FFFFFF;
2273 border: 1px solid #9FAAB8;
2274 background-size: 100%;
2275 margin: 0;
2276 }
2277
2278 body.admin_page_profile-builder-pms-promo .wppb-add-on-user-messages {
2279 display: none;
2280 }
2281
2282 body.admin_page_profile-builder-pms-promo .cozmoslabs-form-subsection-wrapper > .cozmoslabs-subsection-image {
2283 text-align: center;
2284 margin-top: 30px;
2285 }
2286
2287 body.admin_page_profile-builder-pms-promo .cozmoslabs-form-subsection-wrapper > .cozmoslabs-subsection-image img {
2288 max-width: 80%;
2289 }
2290
2291 #pb-pms-cross-promo-header {
2292 padding: 30px;
2293 }
2294
2295 #pb-pms-cross-promo-header .cozmoslabs-page-header {
2296 margin: 0;
2297 }
2298
2299 #pb-pms-cross-promo-pms-plugin {
2300 display: grid;
2301 grid-template-columns: 1fr 1fr;
2302 gap: 10px;
2303 margin-top: 35px;
2304 }
2305
2306 #pb-pms-cross-promo-pms-plugin .wppb-recommended-plugin {
2307 width: 100%;
2308 }
2309
2310 #pb-pms-cross-promo-pms-fetures ul {
2311 padding-left: 20px;
2312 list-style: square;
2313 }
2314
2315 #pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible .button-primary,
2316 #pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible .button-secondary,
2317 #pms-bottom-install .wppb-add-on-compatible .button-primary,
2318 #pms-bottom-install .wppb-add-on-compatible .button-secondary {
2319 height: 35px;
2320 min-width: unset;
2321 }
2322
2323 #pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible span {
2324 line-height: 35px;
2325 }
2326
2327 #pb-pms-cross-promo-pms-plugin .wppb-add-on-compatible span.wppb-add-on-message {
2328 margin-left: 5px;
2329 }
2330
2331 #pb-pms-cross-promo-pms-plugin .wppb-recommended-plugin-banner {
2332 background: #E7F3EE;
2333 padding: 15px 30px;
2334 margin-bottom: 5px;
2335 border: 1px solid #A8C2B7;
2336 }
2337
2338 #pms-bottom-install {
2339 margin-top: 35px;
2340 }
2341
2342 #pms-bottom-install .plugin-card-bottom {
2343 background: #E8F2FF;
2344 padding: 20px 30px;
2345 border: 1px solid #9FAAB8;
2346 }
2347
2348 #pms-bottom-install .plugin-card-bottom span {
2349 line-height: 40px;
2350 }
2351
2352 #pms-bottom-install .plugin-card-bottom span.wppb-add-on-message {
2353 margin-left: 5px;
2354 }
2355
2356 #pb-pms-cross-promo-pms-plugin .plugin-card-bottom .button,
2357 #pms-bottom-install .plugin-card-bottom .button {
2358 opacity: 1 !important;
2359 }
2360
2361
2362 /***********************************************************/
2363 /* Position Publish buttons container (CPTs & Custom Pages)
2364 /***********************************************************/
2365
2366 /* Publish Box */
2367 body[class*="post-type-wppb-"] #major-publishing-actions {
2368 display: flex;
2369 flex-direction: column-reverse;
2370 flex-wrap: wrap;
2371 align-items: center;
2372 justify-content: center;
2373 padding: 20px 10px;
2374 gap: 10px;
2375 }
2376
2377 body[class*="post-type-wppb-"] #major-publishing-actions #publishing-action {
2378 display: flex;
2379 flex-direction: row-reverse;
2380 align-items: center;
2381 justify-content: center;
2382 position: relative;
2383 margin: 0;
2384 }
2385
2386 body[class*="post-type-wppb-"] #major-publishing-actions #publishing-action .spinner {
2387 position: absolute;
2388 right: -40px;
2389 top: 8px;
2390 }
2391
2392 .cozmoslabs-wrap div.submit h3 {
2393 text-align: left;
2394 padding: 0 10px !important;
2395 line-height: 40px !important;
2396 box-sizing: border-box;
2397 background: #FFF;
2398 border-bottom: 1px solid #CCCCCC;
2399 }
2400
2401 .cozmoslabs-wrap #page-save-metabox input[type="submit"] {
2402 width: unset;
2403 }
2404
2405 .cozmoslabs-wrap div.submit {
2406 border: 1px solid #CCCCCC;
2407 background: #f6f7f7;
2408 padding: 0;
2409 box-sizing: border-box;
2410 margin-top: 20px;
2411 }
2412
2413 .cozmoslabs-wrap div.submit .cozmoslabs-publish-button-group p.submit {
2414 margin: 0;
2415 padding: 0;
2416 }
2417
2418 .cozmoslabs-wrap div.submit .cozmoslabs-publish-button-group {
2419 display: flex;
2420 flex-direction: row;
2421 flex-wrap: wrap;
2422 align-items: center;
2423 justify-content: flex-start;
2424 padding: 20px 10px;
2425 gap: 20px;
2426 }
2427
2428 body.profile-builder_page_user-email-customizer .cozmoslabs-settings-container div.cozmoslabs-submit,
2429 body.profile-builder_page_admin-email-customizer .cozmoslabs-settings-container div.cozmoslabs-submit {
2430 position: unset;
2431 }
2432
2433
2434 /* Publish Box Position */
2435 @media screen and (max-width: 1401px) {
2436 body.profile-builder_page_user-email-customizer .cozmoslabs-settings-container div.cozmoslabs-submit,
2437 body.profile-builder_page_admin-email-customizer .cozmoslabs-settings-container div.cozmoslabs-submit {
2438 display: inline-block !important;
2439 width: 100%;
2440 }
2441
2442 .cozmoslabs-wrap #page-save-metabox .inside {
2443 text-align: left;
2444 padding: 20px 10px;
2445 }
2446
2447 .cozmoslabs-publish-button-fixed {
2448 display: block;
2449 }
2450
2451 .cozmoslabs-wrap .cozmoslabs-publish-button-fixed #page-save-metabox input[type="submit"] {
2452 width: 100%;
2453 }
2454
2455 .cozmoslabs-publish-button-fixed .cozmoslabs-publish-button-group {
2456 padding: 0 !important;
2457 }
2458
2459 .cozmoslabs-settings-container div.cozmoslabs-submit {
2460 margin-top: 20px !important;
2461 }
2462
2463 body[class*="post-type-wppb-"] #major-publishing-actions {
2464 flex-direction: row-reverse;
2465 justify-content: flex-end;
2466 gap: 10px;
2467 }
2468
2469 .cozmoslabs-publish-button-fixed input[type="submit"] {
2470 position: fixed !important;
2471 bottom: 5px;
2472 z-index: 999;
2473 width: 100%;
2474 box-shadow: 0 3px 10px 0 #bbb;
2475 }
2476
2477 body[class*="post-type-wppb-"] #wpbody-content {
2478 padding-bottom: 50px;
2479 }
2480
2481 body.post-type-wppb-epf-cpt #poststuff #post-body,
2482 body.post-type-wppb-rf-cpt #poststuff #post-body,
2483 body.post-type-wppb-ul-cpt #poststuff #post-body {
2484 margin-right: 0 !important;
2485 }
2486
2487 body.post-type-wppb-epf-cpt #poststuff .postbox-container,
2488 body.post-type-wppb-rf-cpt #poststuff .postbox-container,
2489 body.post-type-wppb-ul-cpt #poststuff .postbox-container {
2490 float: left !important;
2491 margin-right: 0 !important;
2492 width: 100% !important;
2493 }
2494
2495 body.post-type-wppb-epf-cpt #poststuff #side-sortables,
2496 body.post-type-wppb-rf-cpt #poststuff #side-sortables,
2497 body.post-type-wppb-ul-cpt #poststuff #side-sortables {
2498 width: 100% !important;
2499 min-height: unset !important;
2500 }
2501
2502 }
2503
2504 @media screen and (min-width: 1402px) {
2505
2506 .cozmoslabs-wrap #page-save-metabox {
2507 margin: 0;
2508 }
2509
2510 .cozmoslabs-wrap #page-save-metabox .inside {
2511 text-align: center;
2512 background: #f6f7f7;
2513 justify-content: space-evenly;
2514 padding: 20px 0;
2515 margin: 0;
2516 gap: 5px;
2517 }
2518
2519 .cozmoslabs-settings-container {
2520 display: flex;
2521 flex-wrap: wrap;
2522 flex-direction: row;
2523 align-items: flex-start;
2524 justify-content: flex-start;
2525 }
2526
2527 .cozmoslabs-settings-container .cozmoslabs-nav-sub-tab-wrapper {
2528 flex-basis: 100%;
2529 }
2530
2531 #wppb-register-version,
2532 .cozmoslabs-settings-container .cozmoslabs-settings {
2533 flex-basis: 100%;
2534 max-width: calc( 100% - 300px );
2535 box-sizing: border-box;
2536 }
2537
2538 .cozmoslabs-settings-container div.cozmoslabs-submit {
2539 flex-basis: 280px;
2540 margin-left: 20px;
2541 }
2542
2543 body.profile-builder_page_profile-builder-general-settings .cozmoslabs-settings-container {
2544 position: relative;
2545 }
2546
2547 body.profile-builder_page_profile-builder-general-settings .cozmoslabs-settings-container div.cozmoslabs-submit {
2548 position: absolute;
2549 top: 0;
2550 right: 0;
2551 width: 280px;
2552 }
2553
2554 .cozmoslabs-settings-container div.cozmoslabs-submit:not(.post-box-container) {
2555 padding-bottom: 5px !important;
2556 }
2557
2558 .cozmoslabs-publish-metabox-fixed {
2559 display: block;
2560 position: fixed !important;
2561 top: 50px !important;
2562 z-index: 1;
2563 width: 280px;
2564 box-shadow: 0 3px 10px 0 #bbb;
2565 margin-top: 0 !important;
2566 }
2567
2568 .cozmoslabs-settings-container div.cozmoslabs-submit .cozmoslabs-publish-button-group {
2569 justify-content: center;
2570 }
2571
2572 body[class*="post-type-wppb-"] .cozmoslabs-publish-metabox-fixed {
2573 left: unset !important;
2574 }
2575
2576 #wppb-rf-side textarea,
2577 #wppb-epf-side textarea {
2578 min-height: 62px;
2579 }
2580
2581 body.post-type-wppb-rf-cpt #side-sortables .cozmoslabs-form-field-label,
2582 body.post-type-wppb-epf-cpt #side-sortables .cozmoslabs-form-field-label {
2583 flex-basis: 150px;
2584 flex-grow: 1;
2585 }
2586
2587 }
2588
2589
2590 /***********************************************************/
2591 /* Mobile
2592 /***********************************************************/
2593
2594 @media screen and (max-width: 782px) {
2595
2596 /* General Styles */
2597 .cozmoslabs-form-field-wrapper p.cozmoslabs-description {
2598 padding-left: 0;
2599 }
2600
2601 .cozmoslabs-toggle-switch {
2602 justify-content: space-between;
2603 }
2604
2605 .cozmoslabs-form-field-wrapper textarea,
2606 .cozmoslabs-form-field-wrapper .chosen-container .chosen-single,
2607 .cozmoslabs-form-field-wrapper .select2-container,
2608 .cozmoslabs-form-field-wrapper select,
2609 .cozmoslabs-form-field-wrapper input[type="password"],
2610 .cozmoslabs-form-field-wrapper input[type="date"],
2611 .cozmoslabs-form-field-wrapper input[type="number"],
2612 .cozmoslabs-form-field-wrapper input[type="text"]:not(#paypal-ipn-url, #stripe-connect-webhook-url, .wck-woocheckbox-field-label) {
2613 flex-grow: 1;
2614 max-width: 100% !important;
2615 width: 100%;
2616 }
2617
2618 .cozmoslabs-wysiwyg-wrapper .wp-editor-container .mce-toolbar-grp {
2619 padding: 10px;
2620 }
2621
2622 .cozmoslabs-wysiwyg-wrapper button.wp-switch-editor {
2623 font-size: 13px;
2624 }
2625
2626 .cozmoslabs-wysiwyg-indented {
2627 display: block;
2628 }
2629
2630 .cozmoslabs-wysiwyg-indented .mce-toolbar .mce-btn-group > div {
2631 gap: 2px;
2632 }
2633
2634 .cozmoslabs-checkbox-list,
2635 .cozmoslabs-radio-inputs-row,
2636 .cozmoslabs-radio-inputs-column {
2637 flex-basis: 100%;
2638 }
2639
2640 .cozmoslabs-checkbox-list .cozmoslabs-chckbox-container {
2641 width: 100%;
2642 }
2643
2644
2645 /* Page Header (Banner, Title, Navigation) */
2646 .cozmoslabs-wrap {
2647 padding-top: 50px;
2648 }
2649
2650 .cozmoslabs-wrap,
2651 .cozmoslabs-page-header {
2652 margin-right: 10px;
2653 }
2654
2655 .cozmoslabs-banner {
2656 margin-left: -10px !important;
2657 padding: 60px 8px 15px 8px;
2658
2659 flex-direction: column;
2660 align-items: flex-start;
2661 justify-content: center;
2662 gap: 15px;
2663
2664 box-sizing: border-box;
2665 }
2666
2667 .cozmoslabs-banner-buttons {
2668 gap: 5px;
2669 }
2670
2671 body[class*="post-type-wppb-"] #wpbody,
2672 body[class*="profile-builder_page_"] #wpbody {
2673 padding-top: 0;
2674 }
2675
2676 body[class*="post-type-wppb-"] .update-nag,
2677 body[class*="profile-builder_page_"] .update-nag {
2678 margin-top: 50px;
2679 }
2680
2681 .cozmoslabs-nav-tab-wrapper {
2682 height: unset;
2683
2684 flex-direction: column;
2685 align-items: flex-start;
2686 justify-content: center;
2687 padding: 15px;
2688 }
2689
2690 .cozmoslabs-nav-tab-wrapper a.nav-tab {
2691 line-height: 26px;
2692 }
2693
2694 .cozmoslabs-nav-sub-tab-wrapper {
2695 gap: 20px;
2696 }
2697
2698 .cozmoslabs-wrap .cozmoslabs-page-title {
2699 font-size: 22px;
2700 }
2701
2702
2703 /* Basic Info Page */
2704 .profile-builder_page_profile-builder-basic-info .cozmoslabs-page-header {
2705 flex-direction: column-reverse;
2706 align-items: flex-start;
2707 justify-content: flex-start;
2708 }
2709
2710 #basic-info-extra-fields-list ul li {
2711 width: calc( 50% - 10px );
2712 }
2713
2714 #basic-info-extra-features .cozmoslabs-form-field-wrapper label {
2715 flex-basis: 100%;
2716 }
2717
2718 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended {
2719 flex-direction: column;
2720 align-items: unset;
2721 gap: 10px;
2722 }
2723
2724 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img {
2725 width: 100%;
2726 }
2727
2728 #basic-info-recommended-plugins .cozmoslabs-basic-info-recommended .cozmoslabs-basic-info-recommended-img a {
2729 max-width: 240px;
2730 }
2731
2732
2733 /* Settings Views */
2734 .cozmoslabs-form-field-wrapper .cozmoslabs-serial-wrap__holder {
2735 flex-wrap: wrap;
2736 }
2737
2738 #wppb-register-version .cozmoslabs-description-container {
2739 flex-basis: 100%;
2740 margin: 10px 0 0 0;
2741 }
2742
2743 .wppb-forms-design {
2744 flex-basis: 150px;
2745 }
2746
2747 #wppb-forms-design-browser {
2748 justify-content: space-evenly;
2749 }
2750
2751 #advanced-settings-shortcodes .cozmoslabs-toggle-switch .cozmoslabs-toggle-description {
2752 display: none;
2753 }
2754
2755 #advanced-settings-shortcodes .cozmoslabs-toggle-switch .cozmoslabs-description {
2756 font-size: 12px !important;
2757 }
2758
2759 body.profile-builder_page_user-email-customizer .cozmoslabs-form-field-wrapper,
2760 body.profile-builder_page_admin-email-customizer .cozmoslabs-form-field-wrapper {
2761 display: flex;
2762 }
2763
2764
2765 /* Labels Edit */
2766 body.profile-builder_page_pb-labels-edit #pble-id-side-info p.cozmoslabs-description {
2767 flex-basis: 100%;
2768 padding-left: 0;
2769 }
2770
2771
2772 /* Form Fields */
2773 .cozmoslabs-columns-container {
2774 flex-direction: column;
2775 gap: 25px;
2776 }
2777
2778 .cozmoslabs-columns-container .cozmoslabs-column {
2779 width: 100%;
2780 padding-right: 0;
2781 }
2782
2783 .cozmoslabs-columns-container .cozmoslabs-column:last-of-type {
2784 padding-left: 0;
2785 }
2786
2787 .cozmoslabs-columns-container .cozmoslabs-column:not(:first-of-type) {
2788 border: none;
2789 border-top: 1px solid #c3c4c7 ;
2790 padding-top: 24px;
2791 }
2792
2793 body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-number {
2794 width: 10%;
2795 }
2796
2797 body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content {
2798 width: 50%;
2799 }
2800
2801 body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content pre:first-of-type {
2802 width: 100%;
2803 }
2804
2805 body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-content pre:not(:first-of-type) {
2806 display: none;
2807 }
2808
2809 body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-edit,
2810 body.profile-builder_page_manage-fields #container_wppb_manage_fields thead .wck-delete {
2811 width: 20%;
2812 }
2813
2814 body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody td.wck-content ul li:not(.row-field) {
2815 display: none !important;
2816 }
2817
2818 body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody td.wck-content ul li.row-field pre {
2819 width: 100%;
2820 }
2821
2822 body.profile-builder_page_manage-fields #container_wppb_manage_fields tbody .wck-edit a.button-secondary {
2823 width: 60px;
2824 }
2825
2826 body.profile-builder_page_manage-fields .row-map-bubble-fields .wppb_sortable_checkboxes_wrap {
2827 width: 100%;
2828 }
2829
2830 body.post-type-wppb-epf-cpt #container_wppb_epf_fields td.wck-content li.row-field strong,
2831 body.post-type-wppb-rf-cpt #container_wppb_rf_fields td.wck-content li.row-field strong {
2832 display: none;
2833 }
2834
2835 body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-number,
2836 body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-number {
2837 width: 10%;
2838 }
2839
2840 body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-content,
2841 body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-content {
2842 width: 50%;
2843 }
2844
2845 body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-edit,
2846 body.post-type-wppb-epf-cpt #container_wppb_epf_fields thead .wck-delete,
2847 body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-edit,
2848 body.post-type-wppb-rf-cpt #container_wppb_rf_fields thead .wck-delete {
2849 width: 20%;
2850 padding: 0;
2851 }
2852
2853 body.post-type-wppb-epf-cpt #container_wppb_epf_fields tbody .wck-edit .button-secondary,
2854 body.post-type-wppb-rf-cpt #container_wppb_rf_fields tbody .wck-edit .button-secondary {
2855 width: 60px;
2856 }
2857
2858
2859 /* CPTs */
2860 body[class*="post-type-wppb-"] #posts-filter .search-box {
2861 flex-wrap: wrap;
2862 }
2863
2864 body[class*="post-type-wppb-"] .tablenav.bottom .displaying-num,
2865 body[class*="post-type-wppb-"] .tablenav-pages .tablenav-paging-text,
2866 body[class*="post-type-wppb-"] .pagination-links .button {
2867 padding: 0;
2868 }
2869
2870
2871 /* User Listing */
2872 body.post-type-wppb-ul-cpt #wpbody-content > .wrap {
2873 margin-right: 10px !important;
2874 }
2875
2876 body.post-type-wppb-ul-cpt .ul-themes-browser {
2877 padding-top: 35px;
2878 }
2879
2880 body.post-type-wppb-ul-cpt tbody tr td.wck-number {
2881 display: none;
2882 }
2883
2884 body.post-type-wppb-ul-cpt #wppb-ul-templates .wppb-ul-templates,
2885 body.post-type-wppb-ul-cpt #wppb-single-ul-templates .wppb-single-ul-templates {
2886 max-width: 100%;
2887 }
2888
2889 body.post-type-wppb-ul-cpt #wppb-ul-templates .form-table tr,
2890 body.post-type-wppb-ul-cpt #wppb-single-ul-templates .form-table tr {
2891 border-bottom: none;
2892 padding-bottom: 0;
2893 }
2894
2895
2896 /* Custom Redirects & User Listing */
2897 body.post-type-wppb-ul-cpt #container_wppb_ul_faceted_settings thead,
2898 body.profile-builder_page_custom-redirects thead {
2899 display: none;
2900 }
2901
2902 body.post-type-wppb-ul-cpt #container_wppb_ul_faceted_settings tbody tr,
2903 body.profile-builder_page_custom-redirects tbody tr {
2904 display: flex;
2905 flex-direction: row;
2906 flex-wrap: wrap;
2907 justify-content: space-between;
2908 align-items: center;
2909 border-bottom: 1px solid #c3c4c7;
2910 padding-bottom: 15px;
2911 }
2912
2913 body.post-type-wppb-ul-cpt tbody tr td,
2914 body.profile-builder_page_custom-redirects tbody tr td {
2915 border: none;
2916 }
2917
2918 body.post-type-wppb-ul-cpt tbody tr td.wck-content,
2919 body.profile-builder_page_custom-redirects tbody tr td.wck-content {
2920 flex-basis: 100%;
2921 }
2922
2923 body.post-type-wppb-ul-cpt tbody tr td.wck-edit,
2924 body.post-type-wppb-ul-cpt tbody tr td.wck-delete,
2925 body.profile-builder_page_custom-redirects tbody tr td.wck-edit,
2926 body.profile-builder_page_custom-redirects tbody tr td.wck-delete {
2927 flex-basis: 40%;
2928 }
2929
2930 body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li,
2931 body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li {
2932 display: flex;
2933 flex-wrap: wrap;
2934 gap: 10px;
2935 margin-bottom: 15px;
2936 }
2937
2938 body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li strong,
2939 body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li strong {
2940 flex-basis: 35%;
2941 padding: 0;
2942 }
2943
2944 body.post-type-wppb-ul-cpt tbody tr td.wck-content ul li pre,
2945 body.profile-builder_page_custom-redirects tbody tr td.wck-content ul li pre {
2946 flex-basis: 60%;
2947 padding: 0;
2948 width: auto;
2949 word-break: break-word;
2950 }
2951
2952
2953 /* Import/Export */
2954 body.profile-builder_page_pbie-import-export .cozmoslabs-form-field-wrapper label {
2955 flex-basis: 120px;
2956 }
2957
2958 body.profile-builder_page_pbie-import-export .cozmoslabs-form-field-wrapper input[type="file"] {
2959 flex-basis: 150px;
2960 flex-grow: 1;
2961 }
2962
2963
2964 /* Campaign Monitor */
2965 body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-page-api-key-input,
2966 body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-page-client-selector-select {
2967 min-width: unset;
2968 flex-basis: 90% !important;
2969 }
2970
2971 body.profile-builder_page_profile-builder-campaign-monitor #wppb-cmi-list-table-client-data thead th:nth-child(2) span {
2972 display: none;
2973 }
2974
2975 }
2976
2977
2978 /***********************************************************/
2979 /* Dashboard Page
2980 /***********************************************************/
2981
2982 .cozmoslabs-page-grid {
2983 display: grid;
2984 grid-template-columns: 1fr 1fr;
2985 column-gap: 20px;
2986 }
2987
2988 .cozmoslabs-page-grid .cozmoslabs-form-subsection-wrapper {
2989 margin-top: 0;
2990 }
2991
2992 .wppb-dashboard-box {
2993 padding: 12px;
2994 font-size: 20px;
2995 font-weight: 400;
2996 line-height: 16px;
2997 color: #1E1E1E;
2998
2999 border: 1px solid #CCC;
3000 border-left: none;
3001 }
3002
3003 .wppb-dashboard-box:first-of-type {
3004 border: 1px solid #CCC;
3005 }
3006
3007 .wppb-dashboard-box .label {
3008 font-size: 13px;
3009 line-height: 16px;
3010 font-weight: 400;
3011 margin-bottom: 12px;
3012 }
3013
3014 .wppb-dashboard-box .wppb-payments-status {
3015 width: 25px;
3016 height: 25px;
3017 }
3018
3019 .wppb-dashboard-glance {
3020 display: grid;
3021 grid-template-columns: 1.2fr 2fr;
3022 }
3023
3024 .wppb-dashboard-glance__payments-status.test {
3025 background: #FDFBE6;
3026 }
3027
3028 .wppb-dashboard-glance__payments-status.live {
3029 background: #E7F3EE;
3030 }
3031
3032 .wppb-dashboard-stats {
3033 display: grid;
3034 grid-template-columns: 1fr 1fr;
3035 margin-bottom: 24px;
3036 border-left: 1px solid #CCC;
3037 border-top: 1px solid #CCC;
3038 }
3039
3040 .wppb-dashboard-stats .wppb-dashboard-box {
3041 border: none;
3042 border-right: 1px solid #CCC;
3043 border-bottom: 1px solid #CCC;
3044 }
3045
3046 .wppb-dashboard-stats__title {
3047 display: flex;
3048 justify-content: space-between;
3049 margin-bottom: 16px;
3050 }
3051
3052 .wppb-dashboard-stats__title h4 {
3053 margin: 0 !important;
3054 }
3055
3056 .all_users {
3057 background: #E8F2FF;
3058 }
3059
3060 .wppb-dashboard-registrations {
3061 margin-bottom: 24px;
3062 }
3063
3064 .wppb-dashboard-registrations__row {
3065 margin-bottom: 16px;
3066 }
3067
3068 .wppb-dashboard-registrations__row a {
3069 margin-bottom: 4px;
3070 color: #3858E9;
3071 font-size: 11px;
3072 font-weight: 600;
3073 line-height: 16px;
3074 text-transform: uppercase;
3075 }
3076
3077 .wppb-dashboard-registrations__date {
3078 color: #757575;
3079 font-size: 11px;
3080 font-style: normal;
3081 font-weight: 500;
3082 line-height: 16px;
3083 text-transform: uppercase;
3084 }
3085
3086 .wppb-dashboard-shortcodes {
3087 margin-top: 24px;
3088 margin-bottom: 24px;
3089 }
3090
3091 .wppb-dashboard-shortcodes__row {
3092 display: flex;
3093 align-items: center;
3094 justify-content: space-between;
3095 margin-bottom: 24px;
3096 }
3097
3098 .wppb-dashboard-shortcodes__row__wrap {
3099 flex: 1;
3100 margin-right: 12px;
3101 }
3102
3103 .wppb-dashboard-shortcodes__row__wrap .label {
3104 color: #1E1E1E;
3105 font-size: 11px;
3106 font-weight: 600;
3107 line-height: 20px;
3108 text-transform: uppercase;
3109 margin-bottom: 2px;
3110 }
3111
3112 .wppb-dashboard-shortcodes__row__wrap p {
3113 color: #757575;
3114 font-size: 13px;
3115 font-weight: 400;
3116 line-height: 120%;
3117 margin-top: 0;
3118 margin-bottom: 0;
3119 }
3120
3121 .wppb-dashboard-shortcodes__row__input {
3122 flex: 1;
3123 border-radius: 2px;
3124 border: 1px solid #949494;
3125 padding: 12px 16px;
3126
3127 color: #757575;
3128 font-size: 13px;
3129 font-weight: 400;
3130 }
3131
3132 .wppb-dashboard-shortcodes__description {
3133 color: #757575;
3134 font-size: 13px;
3135 font-weight: 400;
3136 line-height: 160%;
3137 margin-top: 0;
3138 }
3139
3140 .wppb-dashboard-overview .button-secondary {
3141 display: inline-flex;
3142 }
3143
3144 /* PROGRESS STEPS DASHBOARD */
3145 .wppb-setup-progress__bar {
3146 display: flex;
3147 align-items: center;
3148 justify-content: center;
3149 margin-bottom: 24px;
3150 margin-top: 30px;
3151 }
3152
3153 .wppb-setup-progress__bar .item {
3154 width: 24px;
3155 height: 8px;
3156 background: #E0E0E0;
3157 }
3158
3159 .wppb-setup-progress__bar .item:not(:last-child) {
3160 margin-right: 2px;
3161 }
3162
3163 .wppb-setup-progress__bar .item:first-child {
3164 border-radius: 44px 0 0 44px;
3165 }
3166
3167 .wppb-setup-progress__bar .item:last-child {
3168 border-radius: 0 44px 44px 0;
3169 }
3170
3171 .wppb-setup-progress__bar .item.completed {
3172 background: #0F15B0;
3173 }
3174
3175 .wppb-setup-progress__steps {
3176 display: grid;
3177 grid-template-columns: 1fr 1fr;
3178 }
3179
3180 .wppb-setup-progress__step {
3181 counter-increment: tab;
3182 display: flex;
3183 align-items: center;
3184 padding: 8px 12px;
3185 border: 1px solid #CCC;
3186 color: #1E1E1E !important;
3187 }
3188
3189 .wppb-setup-progress__step:hover {
3190 color: #3858E9 !important;
3191 }
3192
3193 .completed.wppb-setup-progress__step {
3194 text-decoration: line-through !important;
3195 }
3196
3197 .completed.wppb-setup-progress__step:before {
3198 color: white;
3199 background: #0F15B0;
3200 }
3201
3202 .wppb-setup-progress__step:before {
3203 width: 30px;
3204 height: 30px;
3205 content: counter( tab );
3206 line-height: 30px;
3207 border: 1px solid #0F15B0;
3208 margin-right: 12px;
3209 border-radius: 50%;
3210 background-color: white;
3211 flex-shrink: 0;
3212 text-decoration: none !important;
3213 display: flex;
3214 align-items: center;
3215 justify-content: center;
3216 }
3217
3218 /* clear borders */
3219 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(3),
3220 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(4),
3221 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(5),
3222 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(6) {
3223 border-top: 0;
3224 }
3225
3226 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(2),
3227 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(4),
3228 .wppb-setup-wrap .wppb-setup-progress__step:nth-child(6) {
3229 border-left: 0;
3230 }
3231
3232 .wppb-dashboard-progress .wppb-setup-progress__steps {
3233 display: block;
3234 margin-bottom: 24px;
3235 }
3236
3237 .wppb-dashboard-progress .wppb-setup-progress h3 {
3238 display: none;
3239 }
3240
3241 .wppb-dashboard-progress .wppb-setup-progress__step:not(:first-child) {
3242 border-top: 0;
3243 }
3244
3245
3246 /* plugin optin */
3247
3248 .wppb-optin-page {
3249 display: flex;
3250 align-items: center;
3251 justify-content: center;
3252
3253 }
3254
3255 .wppb-optin-page__wrap {
3256 width: 400px;
3257 background-color: white;
3258 box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
3259 border-radius: 8px;
3260 margin-top: 120px;
3261 }
3262
3263 .wppb-optin-page__content {
3264 padding: 16px;
3265 }
3266
3267 .wppb-optin-page__message {
3268 font-size: 110%;
3269 }
3270
3271 .wppb-optin-page__bottom {
3272 display: flex;
3273 justify-content: space-between;
3274 }
3275
3276 .wppb-optin-page__bottom .button-secondary {
3277 color: #555;
3278 border-color: #555;
3279 opacity: 0.6;
3280 }
3281
3282 .wppb-optin-page__footer {
3283 background-color: #f2f2f2;
3284 border-bottom-right-radius: 8px;
3285 border-bottom-left-radius: 8px;
3286 }
3287
3288 .wppb-optin-page__extra {
3289 padding-left: 40px;
3290 padding-right: 40px;
3291 }
3292
3293 .wppb-optin-page__extra.hidden {
3294 display: none;
3295 }
3296
3297 .wppb-optin-page__extra-line {
3298 display: flex;
3299 align-items: center;
3300 margin-bottom: 12px;
3301 }
3302
3303 .wppb-optin-page__extra-icon {
3304 width: 40px;
3305 height: 40px;
3306 font-size: 40px;
3307 margin-right: 12px;
3308 padding-top: 4px;
3309 }
3310
3311 .wppb-optin-page__extra-content h4 {
3312 margin-top: 0;
3313 margin-bottom: 0;
3314 text-transform: uppercase;
3315 }
3316
3317 .wppb-optin-page__extra-content p {
3318 margin-top: 0;
3319 margin-bottom: 0;
3320 color: #646970;
3321 }
3322
3323 .wppb-optin-page__more-wrap {
3324 display: flex;
3325 justify-content: center;
3326 padding-top: 12px;
3327 padding-bottom: 12px;
3328 }
3329
3330 .wppb-optin-page__more {
3331 font-size: 90%;
3332 opacity: 0.8;
3333 text-decoration: none;
3334 }
3335
3336 .wppb-optin-page__more:hover {
3337 opacity: 0.8;
3338 text-decoration: underline;
3339 }
3340
3341 .wppb-optin-page__footer-links {
3342 display: flex;
3343 justify-content: center;
3344 font-size: 90%;
3345 padding-bottom: 12px;
3346 color: #555;
3347 }
3348
3349 .wppb-optin-page__footer-links a {
3350 color: #555;
3351 text-decoration: none;
3352 }
3353
3354 .wppb-optin-page__footer-links a:hover {
3355 color: black;
3356 }
3357
3358 .wppb-optin-page__footer-links a:first-child {
3359 margin-right: 8px;
3360 }
3361
3362 .wppb-optin-page__footer-links a:last-child {
3363 margin-left: 8px;
3364 }
3365
3366 .wppb-optin-page__top {
3367 display: flex;
3368 align-items: center;
3369 justify-content: center;
3370 }
3371
3372 .wppb-optin-page__top img {
3373 width: 90px;
3374 border-radius: 50%;
3375 }
3376
3377 .wppb-optin-page__top svg {
3378 width: 70px;
3379 height: 70px;
3380 }
3381
3382 .wppb-optin-page__top .wppb-optin-page__extra-icon {
3383 margin-left: 12px;
3384 color: rgba(100, 100, 111, 0.3);
3385 }
3386
3387 .admin_page_wppb-optin-page .cozmoslabs-banner {
3388 margin-left: -20px;
3389 }
3390
3391 .admin_page_wppb-optin-page .notice {
3392 display: none !important;
3393 }
3394
3395
3396 .wppb-bf-notice-container {
3397 display: flex;
3398 align-items: center;
3399 padding: 10px;
3400 padding-left: 0px;
3401 gap: 8px;
3402 }
3403
3404 body[class*="post-type-wppb-"] .page-title-action {
3405 display: none;
3406 }
3407