PluginProbe
Filter Everything — WordPress & WooCommerce Filters / trunk
Filter Everything — WordPress & WooCommerce Filters vtrunk
1.9.6 1.9.5 1.9.4 1.9.3 1.9.2.2 1.9.2.1 trunk 1.2.1 1.2.3 1.2.4 1.2.5 1.3.0 1.3.1 1.3.2 1.4.1 1.4.4 1.4.5 1.4.8 1.4.9 1.5.0 1.5.1 1.6.0 1.6.1 1.6.2 1.6.3 All 51 releases
filter-everything / assets / css / filter-everything-admin.css

filter-everything-admin.css in Filter Everything — WordPress & WooCommerce Filters trunk, at assets/css/filter-everything-admin.css

3,243 lines 71.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*!
2 * Filter Everything admin 1.9.6
3 */
4 :root {
5 --wpc-pro-color: #3858E9;
6 --wpc-admin-theme-color: #3858e9;
7 --wpc--admin-theme-color-darker-10: #2145e6;
8 --main-color: #3858E9;
9 }
10 #filters-seo-rules .inside,
11 #filters-set-items .inside {
12 margin: 0;
13 padding: 0;
14 }
15
16 .wpc-filter-additional-fields,
17 .wpc-form-fields-table,
18 .wpc-fields-table {
19 width: 100%;
20 table-layout: auto;
21 padding: 0;
22 margin: 0;
23 clear: both;
24 box-sizing: content-box;
25 }
26
27 .postbox .inside table.wpc-form-fields-table td,
28 .postbox .inside table.wpc-fields-table td {
29 position: static;
30 }
31
32 .wpc-advice-body,
33 .wpc-filter-body {
34 display: none;
35 }
36
37 .wpc-advice-body:before {
38 content: "";
39 display: block;
40 width: 0px;
41 height: 0px;
42 position: absolute;
43 left: 23px;
44 top: -16px;
45 border-left: 7px solid transparent;
46 border-right: 7px solid transparent;
47 border-bottom: 25px solid #f5f5f5;
48 transform: rotate(-24deg);
49 }
50
51 .wpc-advice-body {
52 line-height: 1.5;
53 background: #f5f5f5;
54 padding: 15px 12px 1px 12px;
55 margin-top: 7px;
56 margin-bottom: 10px;
57 position: relative;
58 }
59
60 .wpc-advice-body ol {
61 margin-left: 1em;
62 }
63
64 .wpc-advice-body .wpc-advice-body {
65 padding-top: 0;
66 padding-left: 0;
67 padding-right: 0;
68 }
69
70 .wpc-advice-body .wpc-advice-body:before {
71 display: none;
72 }
73
74 .wpc-advice-body .wpc-advice-head .wpc-advice-title {
75 line-height: 1.3;
76 }
77
78 .wpc-advice-body .wpc-advice-head {
79 justify-content: space-between;
80 display: flex;
81 }
82
83 .wpc-advice-body blockquote {
84 border-left: 1px solid #cccccc;
85 margin-left: 0;
86 padding-left: 1em;
87 }
88
89 .wpc-advice-body p {
90 margin-top: 0;
91 }
92
93 .wpc-advice-body input {
94 margin: 7px 0;
95 }
96
97 .wpc-advice-head.wpc-opened + .wpc-advice-body,
98 .wpc-filter-body.wpc-opened {
99 display: block;
100 }
101
102 .wpc-advice-body h4 {
103 font-size: 1.1em;
104 margin-top: 0.33em;
105 }
106
107 .wpc-additional-opened .wpc-more-options-toggle,
108 .wpc-filter-body:hover .wpc-more-options-toggle {
109 visibility: visible;
110 }
111
112 .wpc-column-labels-wrapper {
113 padding: 12px 12px 0 12px;
114 }
115
116 .wpc-add-filter-wrapper {
117 padding: 12px;
118 }
119
120 .wpc-filters-list {
121 padding: 0 12px;
122 }
123
124 .wpc-custom-row {
125 display: flex;
126 width: 100%;
127 padding: 0;
128 margin: 0;
129 }
130
131 .wpc-custom-row li {
132 padding: 8px 12px;
133 margin: 0;
134 box-sizing: border-box;
135 }
136
137 .wpc-filter-item-labels li.wpc-filter-order,
138 .wpc-column-labels .wpc-filter-order {
139 min-width: 51px;
140 text-align: center;
141 border-radius: 5px;
142 }
143
144 .wpc-filter-item-labels li.wpc-filter-order {
145 padding-top: 0 !important;
146 padding-bottom: 0 !important;
147 display: flex;
148 align-items: center;
149 justify-content: center;
150 }
151
152 li.wpc-filter-label,
153 li.wpc-filter-entity,
154 li.wpc-filter-view,
155 li.wpc-filter-slug {
156 width: 24%;
157 }
158
159 .wpc-custom-row:before,
160 .wpc-custom-row:after {
161 content: "";
162 display: block;
163 line-height: 0;
164 }
165
166 .wpc-custom-row:after {
167 clear: both;
168 }
169
170 /*.wpc-apply-button-item,*/
171 .wpc-filter-item {
172 clear: both;
173 margin-bottom: 10px;
174 }
175
176 .wpc-title-action .wpc-action {
177 padding: 13px 10px;
178 color: #555d66;
179 border: 0;
180 margin: 0;
181 background: 0 0;
182 cursor: pointer;
183 outline: none;
184 border-radius: 5px;
185 }
186
187 .wpc-title-action .wpc-action:hover {
188 background: #ffffff;
189 }
190
191 .wpc-title-action .wpc-action .toggle-indicator {
192 color: #787c82 !important;
193 }
194
195 .wpc-sorting-widget-shortcode {
196 background: #f1f1f1;
197 }
198
199 .wpc-title-action .wpc-action .toggle-indicator:before {
200 padding: 1px 2px 1px 0;
201 border-radius: 50%;
202 }
203
204 .wpc-title-action .wpc-action:focus .toggle-indicator:before {
205 box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
206 }
207
208 .wpc-advices li {
209 margin-bottom: 8px;
210 }
211
212 .wpc-advices ol li {
213 margin-bottom: 16px;
214 }
215
216 .wpc-advice-head button.wpc-advice-toggle:hover,
217 .wpc-advice-head:hover {
218 cursor: pointer;
219 }
220
221 .wpc-advice-head {
222 display: inline-flex;
223 margin-bottom: 0.5em;
224 align-items: flex-start;
225 }
226
227 .wpc-advice-head button.wpc-advice-toggle {
228 border: none;
229 background: transparent;
230 padding: 0;
231 margin: 0;
232 }
233
234 .meta-box-sortables .postbox .wpc-advice-toggle .toggle-indicator:before,
235 .wpc-title-action .wpc-action .toggle-indicator:before {
236 content: "\f140";
237 font: normal 20px/1 dashicons;
238 speak: none;
239 display: block;
240 -webkit-font-smoothing: antialiased;
241 -moz-osx-font-smoothing: grayscale;
242 text-decoration: none;
243 }
244
245 .meta-box-sortables .postbox .wpc-opened .wpc-advice-toggle .toggle-indicator:before,
246 .wpc-opened .wpc-title-action .wpc-action .toggle-indicator:before {
247 content: "\f142";
248 }
249
250 .meta-box-sortables .postbox .wpc-advice-toggle .toggle-indicator:before {
251 width: 18px;
252 height: 18px;
253 line-height: 18px;
254 }
255
256 .wpc-filter-item-labels li {
257 padding: 15px 12px;
258 box-sizing: border-box;
259 overflow: hidden;
260 }
261
262 .wpc-filter-item-search-field .wpc-filter-entity {
263 padding: 9px 12px;
264 }
265
266 .wpc-advice-body ol.wpc-display-widgets {
267 list-style-type: none;
268 margin-left: 0;
269 }
270
271 .wpc-filter-head {
272 font-size: 13px;
273 border: 1px solid #e3e3e3;
274 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
275 border-radius: 5px;
276 }
277
278 .wpc-date-type-tr,
279 .wpc-date-format-tr,
280 .wpc-field-show-term-names-tr,
281 .wpc-field-show-selected-and-above-tr,
282 .wpc-field-show-range-list-input-tr,
283 .wpc-field-show-range-list-tr,
284 .wpc-field-apply-button-text-tr,
285 .wpc-field-apply-button-page-type-tr,
286 .wpc-field-reset-button-text-tr,
287 .wpc-field-hide-until-parent-tr,
288 .wpc-search-field-placeholder-tr,
289 .wpc-search-field-label-tr,
290 #wpc-filter-id-apply-button,
291 #wpc-filter-id-search-field,
292 .wpc-field-horizontal-view-column-tr {
293 display: none;
294 }
295
296 .wpc-filter-post_date .wpc-date-format-tr,
297 .wpc-filter-post_date .wpc-date-type-tr,
298 .wpc-filter-post_meta_date .wpc-date-format-tr,
299 .wpc-filter-post_meta_date .wpc-date-type-tr,
300 .taxonomy-has-swatches .wpc-field-show-term-names-tr,
301 .selected-and-above-show .wpc-field-show-selected-and-above-tr,
302 .wpc-view-range .wpc-field-show-range-list-tr,
303 .wpc-view-range-list .wpc-field-show-range-list-input-tr,
304 .wpc-filter-has-brands .wpc-field-show-term-names-tr,
305 .wpc-field-apply-button-text-tr.wpc-opened,
306 .wpc-field-reset-button-text-tr.wpc-opened,
307 .wpc-field-hide-until-parent-tr.wpc-opened,
308 .wpc-field-apply-button-page-type-tr.wpc-opened,
309 .wpc-search-field-placeholder-tr.wpc-opened,
310 .wpc-search-field-label-tr.wpc-opened,
311 .wpc-field-horizontal-view-column-tr.wpc-opened {
312 display: table-row;
313 }
314
315 #wpc-filter-id-apply-button.wpc-opened,
316 #wpc-filter-id-search-field.wpc-opened {
317 display: block;
318 }
319
320 #wpc-filter-id-search-field .wpc-filter-head,
321 #wpc-filter-id-apply-button .wpc-filter-head {
322 background: #ffffff;
323 }
324
325 #wpc-filter-id-search-field li.wpc-filter-label,
326 #wpc-filter-id-search-field li.wpc-filter-entity {
327 min-height: 42px;
328 display: flex;
329 align-items: center;
330 }
331
332 #wpc-filter-id-apply-button li.wpc-filter-label {
333 width: auto;
334 min-height: 42px;
335 padding: 9px 12px;
336 }
337
338 input.wpc-text-input-style[type="text"] {
339 border-style: dashed;
340 }
341
342 .wpc-button-style {
343 display: inline-block;
344 text-decoration: none;
345 font-size: 13px;
346 line-height: 2.15384615;
347 min-height: 30px;
348 margin: 0;
349 padding: 0 20px;
350 border-width: 1px;
351 border-style: dashed;
352 -webkit-appearance: none;
353 border-radius: 3px;
354 white-space: nowrap;
355 box-sizing: border-box;
356 color: #2271b1;
357 border-color: #2271b1;
358 background: #f6f7f7;
359 vertical-align: top;
360 }
361
362 #wpc-filter-id-apply-button .wpc-filter-title {
363 margin-right: 0;
364 }
365
366 .wpc-filter-item.ui-sortable-helper .wpc-filter-head {
367 background: #fbfbfb;
368 }
369
370 .wpc-filter-head:hover {
371 border-color: #cbcbcb;
372 box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
373 }
374
375 .wpc-title-action {
376 float: right;
377 position: relative;
378 }
379
380 .wpc-column-labels {
381 font-weight: 600;
382 }
383
384 .wpc-column-labels,
385 .wpc-filter-title {
386 margin-right: 60px;
387 }
388
389 .wpc-no-filters {
390 display: none;
391 padding: 15px;
392 border-top: #E1E1E1 solid 1px;
393 }
394
395 .wpc-add-filter-wrapper {
396 background: #f5f5f5;
397 border-top: #dddddd solid 1px;
398 }
399
400 .wpc-add-filter-wrapper:after {
401 clear: both;
402 display: block;
403 content: "";
404 }
405
406 .wpc-add-filter-div {
407 float: right;
408 }
409 .wpc-add-filter-div .wpc-available-in-pro-button,
410 #publishing-action .wpc-available-in-pro-button
411 {
412 display: none;
413 }
414 .wpc_under_limit_filter_set .wpc-available-in-pro-button,
415 #publishing-action.wpc_under_limit_filter_set_publish .wpc-available-in-pro-button
416 {
417 display: inline-flex;
418 }
419 .wpc_under_limit_filter_set .wpc-add-filter,
420 .wpc_under_limit_filter_set_publish .button
421 {
422 display: none;
423 }
424
425 label.wpc-filter-label {
426 display: block;
427 font-weight: bold;
428 margin: 0 0 3px;
429 padding: 0;
430 }
431
432 .postbox .inside table.wpc-form-fields-table td.wpc-filter-label-td,
433 .postbox .inside table.wpc-fields-table td.wpc-filter-label-td,
434 .wpc-filter-label-td {
435 padding: 15px 30px 15px 12px;
436 margin: 0;
437 background: #F9F9F9;
438 width: 20%;
439 border-color: #EDEDED;
440 border-width: 1px 0 0 1px;
441 box-sizing: border-box;
442 position: relative;
443 min-width: 160px;
444 }
445
446 .postbox .inside table.wpc-form-fields-table .wpc-search-field-placeholder-tr td.wpc-filter-field-td,
447 .postbox .inside table.wpc-form-fields-table .wpc-search-field-label-tr td.wpc-filter-field-td,
448 .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-text-tr td.wpc-filter-field-td,
449 .postbox .inside table.wpc-form-fields-table .wpc-field-reset-button-text-tr td.wpc-filter-field-td,
450 .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-page-type-tr td.wpc-filter-field-td,
451 .postbox .inside table.wpc-form-fields-table .wpc-search-field-placeholder-tr td.wpc-filter-label-td,
452 .postbox .inside table.wpc-form-fields-table .wpc-search-field-label-tr td.wpc-filter-label-td,
453 .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-text-tr td.wpc-filter-label-td,
454 .postbox .inside table.wpc-form-fields-table .wpc-field-reset-button-text-tr td.wpc-filter-label-td,
455 .postbox .inside table.wpc-form-fields-table .wpc-field-apply-button-page-type-tr td.wpc-filter-label-td,
456 .postbox .inside table.wpc-form-fields-table .wpc-field-horizontal-view-column-tr td {
457 padding-left: 24px;
458 }
459
460 .wpc-remove-filter-wrapper .wpc-filter-label-td {
461 background: transparent;
462 }
463
464 .wpc-filter-field-td {
465 padding: 15px 12px 15px 12px;
466 margin: 0;
467 border-left-color: #E1E1E1;
468 box-sizing: border-box;
469 }
470
471 .wpc-filter-intersection-tr > .wpc-filter-field-td {
472 padding-left: 0;
473 padding-right: 0;
474 }
475
476 .wpc-first-row .wpc-filter-field-td {
477 padding-top: 0;
478 vertical-align: top;
479 }
480
481 .wpc-filter-field-td input[type="text"],
482 .wpc-filter-field-td input[type="password"],
483 .wpc-filter-field-td input[type="number"],
484 .wpc-filter-field-td input[type="search"],
485 .wpc-filter-field-td input[type="email"],
486 .wpc-filter-field-td input[type="url"],
487 .wpc-filter-field-td textarea,
488 .wpc-filter-field-td select {
489 width: 100%;
490 padding: 3px 5px;
491 resize: none;
492 margin: 0;
493 -webkit-box-sizing: border-box;
494 -moz-box-sizing: border-box;
495 box-sizing: border-box;
496 font-size: 14px;
497 line-height: 1.4;
498 }
499
500 .wpc-filter-field-td .wpc-type-date input.wpc-date-custom-format,
501 .wpc-filter-field-td .wpc-type-time input.wpc-date-custom-format {
502 width: 100px;
503 }
504
505 .wpc-filter-field-td .wpc-type-datetime input.wpc-date-custom-format {
506 width: 200px;
507 }
508
509 .wpc-wp-entity-label-wrapper {
510 padding-left: 12px;
511 padding-right: 12px;
512 }
513
514 .wpc-filters-seo-rules-wrapper .wpc-filter-field-td label {
515 position: relative;
516 bottom: 5px;
517 }
518
519 label[for="wpc_seo_rules-wp_entity"],
520 .wpc-location-label,
521 .wpc-wp-entity-label {
522 font-weight: bold;
523 position: relative;
524 bottom: 5px;
525 }
526
527 #wpc-intersections-table .wpc-filter-field-td {
528 padding-bottom: 0;
529 position: relative;
530 }
531
532 .wpc-filter-label-td .wpc-field-description {
533 font-style: normal;
534 font-size: 12px;
535 color: #666666;
536 margin: 0;
537 }
538
539 .wpc-filter-post_meta_num .wpc-field-hierarchy-tr,
540 .wpc-view-range .wpc-field-search-tr,
541 .wpc-view-dropdown .wpc-field-search-tr,
542 .wpc-view-range .wpc-field-more-less-tr,
543 .wpc-filter-post_date .wpc-field-more-less-tr,
544 .wpc-filter-post_meta_date .wpc-field-more-less-tr,
545 .wpc-view-dropdown .wpc-field-more-less-tr,
546 .wpc-field-for-variations-tr,
547 .wpc-field-hierarchy-tr,
548 .wpc-field-entity-tr,
549 .wpc-field-ename-tr,
550 .wpc-field-acf-tr,
551 .wpc-field-show-chips-tr,
552 .wpc-field-min-num-label-tr,
553 .wpc-field-dropdown-label-tr {
554 display: none;
555 }
556
557 #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_exists .wpc-field-for-variations-tr,
558 #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta .wpc-field-for-variations-tr,
559 #wpc-filters-list[data-posttype="product"] .wpc-filter-post_meta_num .wpc-field-for-variations-tr,
560 #wpc-filters-list[data-posttype="product"] .wpc-filter-taxonomy.taxonomy-product-attribute .wpc-field-for-variations-tr,
561 .wpc-filter-taxonomy.taxonomy-hierarchical.wpc-view-checkboxes .wpc-field-hierarchy-tr,
562 .wpc-filter-post_meta_exists .wpc-field-ename-tr,
563 .wpc-filter-post_meta_num .wpc-field-ename-tr,
564 .wpc-filter-post_meta_num .wpc-field-min-num-label-tr,
565 .wpc-filter-post_date .wpc-field-min-num-label-tr,
566 .wpc-filter-post_meta_date .wpc-field-min-num-label-tr,
567 .wpc-filter-post_meta_date .wpc-field-ename-tr,
568 .wpc-filter-tax_numeric .wpc-field-min-num-label-tr,
569 .wpc-filter-post_meta .wpc-field-ename-tr,
570 .wpc-new-filter-item .wpc-field-entity-tr,
571 .wpc-filter-tax_numeric .wpc-field-ename-tr,
572 .wpc-view-dropdown .wpc-field-dropdown-label-tr {
573 display: table-row;
574 }
575
576 .wpc-belongs-not,
577 .wpc-belongs-not input[type="text"],
578 .wpc-belongs-not input[type="password"],
579 .wpc-belongs-not input[type="color"],
580 .wpc-belongs-not input[type="date"],
581 .wpc-belongs-not input[type="datetime"],
582 .wpc-belongs-not input[type="datetime-local"],
583 .wpc-belongs-not input[type="email"],
584 .wpc-belongs-not input[type="month"],
585 .wpc-belongs-not input[type="number"],
586 .wpc-belongs-not input[type="search"],
587 .wpc-belongs-not input[type="tel"],
588 .wpc-belongs-not input[type="time"],
589 .wpc-belongs-not input[type="url"],
590 .wpc-belongs-not input[type="week"],
591 .wpc-belongs-not select,
592 .wpc-belongs-not textarea {
593 color: #b7b7b7;
594 }
595
596 .wpc-remove-filter-wrapper {
597 margin: 0;
598 }
599
600 .wpc-remove-filter-wrapper .spinner {
601 float: none;
602 }
603
604 .wpc-filter-delete-controls-td {
605 min-width: 160px;
606 }
607
608 .wp-core-ui .wpc-filter-delete {
609 color: #a00;
610 border-color: #a00;
611 background: transparent;
612 margin-right: 1em;
613 outline: none;
614 }
615
616 .wp-core-ui .wpc-filter-delete.hover,
617 .wp-core-ui .wpc-filter-delete:hover,
618 .wp-core-ui .wpc-filter-delete.active,
619 .wp-core-ui .wpc-filter-delete:active,
620 .wp-core-ui .wpc-filter-delete.focus,
621 .wp-core-ui .wpc-filter-delete:focus {
622 color: #ffffff;
623 background: #a00;
624 border-color: #a00;
625 }
626
627 .wp-core-ui .wpc-filter-delete.focus,
628 .wp-core-ui .wpc-filter-delete:focus {
629 box-shadow: 0 0 0 1px #a00;
630 }
631
632 .wpc-filter-delete-wrapper {
633 visibility: hidden;
634 min-height: 30px;
635 }
636
637 .wpc-additional-fields-selector {
638 text-align: right;
639 padding-right: 12px;
640 position: relative;
641 top: 20px;
642 }
643
644 .wpc-additional-fields-selector a {
645 font-weight: bold;
646 }
647
648 .wpc-filter-additional-fields {
649 display: none;
650 }
651
652 .wpc-filter-field-shadow,
653 .wpc-filter-item-shadow {
654 height: 44px;
655 clear: both;
656 border: 1px dashed #b4b9be;
657 margin: 0 auto 10px;
658 width: 100%;
659 box-sizing: border-box;
660 border-radius: 5px;
661 }
662
663 .wpc-filter-field-shadow {
664 height: 60px;
665 }
666
667 .wpc-filter-item .wpc-filter-order:hover {
668 cursor: move;
669 background: #ffffff;
670 }
671
672 .wpc-field-rule-meta-desc {
673 min-height: 65px;
674 }
675
676 .wpc-date-format-tr .wpc-field-wrap,
677 .wpc_set_fields-post_name-wrap,
678 .wpc-intersection-fields-wrapper,
679 .wpc_set_fields-wp_filter_query-wrap,
680 .wpc_set_fields-apply_button_post_name-wrap {
681 position: relative;
682 }
683
684 .wpc-date-format-tr .wpc-field-wrap .spinner,
685 .wpc-field-exclude-tr .wpc-field-wrap .spinner,
686 .wpc_set_fields-wp_filter_query-wrap .spinner,
687 .wpc_set_fields-post_name-wrap .spinner,
688 .wpc-intersection-fields-wrapper .spinner,
689 .wpc_set_fields-apply_button_post_name-wrap .spinner {
690 position: absolute;
691 right: calc(50% - 10px);
692 bottom: calc(50% - 10px);
693 z-index: 100;
694 opacity: 0.9;
695 }
696
697 .wpc_set_fields-post_name-wrap .spinner,
698 .wpc_set_fields-apply_button_post_name-wrap .spinner {
699 bottom: calc(50% - 19px);
700 }
701
702 .wpc-date-format-tr .wpc-field-wrap .spinner.is-active + .wpc-after-spinner-container,
703 .wpc_set_fields-wp_filter_query-wrap .spinner.is-active + #wpc-field-wp-query-container,
704 .wpc-field-exclude-tr .wpc-field-wrap .spinner.is-active + .wpc-after-spinner-container,
705 .wpc_set_fields-post_name-wrap .spinner.is-active + #wpc-field-location-container,
706 .wpc_set_fields-apply_button_post_name-wrap .spinner.is-active + #wpc-field-apply-button-location-container,
707 .wpc-intersection-fields-wrapper .spinner.is-active + .wpc-form-fields-table {
708 opacity: 0.3;
709 }
710
711 .wpc-filter-post_date .wpc-type-datetime li label span,
712 .wpc-filter-post_meta_date .wpc-type-datetime li label span {
713 display: inline-block;
714 min-width: 195px;
715 }
716
717 .wpc-filter-post_date .wpc-type-date li label span,
718 .wpc-filter-post_meta_date .wpc-type-date li label span {
719 display: inline-block;
720 min-width: 140px;
721 }
722
723 .wpc-filter-post_date .wpc-type-time li label span,
724 .wpc-filter-post_meta_date .wpc-type-time li label span {
725 display: inline-block;
726 min-width: 140px;
727 }
728
729 .wpc-no-seo-filters-message {
730 display: block;
731 line-height: 30px;
732 }
733
734 .wpc_seo_rules-rule_meta_desc-wrap,
735 .wpc_seo_rules-rule_h1-wrap,
736 .wpc_seo_rules-rule_seo_title-wrap {
737 text-align: right;
738 position: relative;
739 }
740
741 .wpc_seo_rules-rule_meta_desc-wrap span,
742 .wpc_seo_rules-rule_h1-wrap span,
743 .wpc_seo_rules-rule_seo_title-wrap span {
744 display: inline-block;
745 margin-bottom: 7px;
746 }
747
748 .wpc-vars-container {
749 position: absolute;
750 top: 52px;
751 text-align: left;
752 background: #fff;
753 right: 0px;
754 box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px;
755 border: 1px solid rgb(221, 221, 221);
756 padding: 3px 0;
757 box-sizing: border-box;
758 z-index: 100;
759 display: none;
760 border-radius: 4px;
761 }
762
763 .wpc-vars-container ul li {
764 padding: 10px 15px;
765 min-width: 120px;
766 margin: 0;
767 }
768
769 .wpc-vars-container ul li:hover {
770 cursor: pointer;
771 background: #007cba;
772 color: #ffffff;
773 }
774
775 .wpc-seo-vars-list {
776 margin: 0;
777 }
778
779 .wpc-filter-number {
780 float: left;
781 }
782
783 .post-type-filter-seo-rule #titlediv #title[readonly="readonly"] {
784 background-color: #eee;
785 }
786
787 .license-notice,
788 .wpc-error {
789 background: #fff;
790 border: 1px solid #ccd0d4;
791 border-left-width: 4px;
792 box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
793 margin: 40px 15px 2px 0;
794 padding: 1px 12px;
795 border-left-color: #dc3232;
796 position: relative;
797 }
798
799 .license-notice {
800 border-left-color: #dba617;
801 display: flex;
802 justify-content: left;
803 }
804
805 .license-notice.license-locked {
806 border-left-color: #dc3232;
807 }
808
809 .wpc-error p {
810 margin: 0.5em 0;
811 padding: 2px;
812 }
813
814 .wpc-filters-seo-rules-wrapper hr {
815 margin: 15px 0;
816 }
817
818 .wpc-container-handle-wrapper {
819 position: relative;
820 padding-left: 25px;
821 }
822
823 td.wpc-order-td,
824 .form-table td.wpc-order-td {
825 }
826
827 .pro-version.wpc-sortable-row .wpc-order-sortable-handle-icon:hover {
828 cursor: move;
829 }
830
831 .wpc-sortable-table {
832 max-width: 668px;
833 }
834
835 tr.wpc-sortable-row.ui-sortable-helper {
836 background: #f9f9f9;
837 }
838
839 .wpc-field-exclude-tr .wpc-field-wrap {
840 position: relative;
841 }
842
843 .wpc-field-exclude-wrap {
844 width: 78%;
845 margin-right: 2%;
846 }
847
848 .wpc-field-include-wrap {
849 width: 20%;
850 display: flex;
851 }
852
853 .wpc-field-include {
854 min-width: 90px;
855 }
856
857 .wpc-field-include-wrap label.wpc-filter-label {
858 display: inline;
859 }
860
861 .wpc-field-notice {
862 position: relative;
863 display: block;
864 margin: 5px 0 15px;
865 padding: 3px 12px;
866 }
867
868 .wpc-field-notice p {
869 margin: 0;
870 }
871
872 .wpc-field-notice-error {
873 background: #ffe6e6;
874 color: #cc0000;
875 }
876
877 .wpc-field-path-tr {
878 display: none;
879 }
880
881 .free-version .wpc-field-sortable-handle {
882 color: #a7a7a7;
883 cursor: pointer;
884 }
885
886 .regular-text .wpc-field-sortable-handle:before {
887 display: none;
888 }
889
890 .wpc-sortable-row.regular-text .wpc-field-sortable-handle:before {
891 display: inline-block;
892 }
893
894 .pro-version .wpc-field-sortable-handle {
895 color: inherit;
896 cursor: inherit;
897 }
898
899 .wpc-field-range-slider-tr,
900 .wpc-field-value-step-tr,
901 .wpc-filter-post_date .wpc-field-logic-tr,
902 .wpc-filter-post_date .wpc-field-orderby-tr,
903 .wpc-filter-post_date .wpc-field-path-tr,
904 .wpc-filter-post_date .wpc-field-exclude-tr,
905 .wpc-filter-post_date .wpc-field-search-tr,
906 .wpc-filter-post_meta_date .wpc-field-logic-tr,
907 .wpc-filter-post_meta_date .wpc-field-orderby-tr,
908 .wpc-filter-post_meta_date.wpc-field-path-tr,
909 .wpc-filter-post_meta_date .wpc-field-exclude-tr,
910 .wpc-filter-post_meta_date .wpc-field-search-tr,
911 .wpc-filter-tax_numeric .wpc-field-logic-tr,
912 .wpc-filter-tax_numeric .wpc-field-orderby-tr,
913 .wpc-filter-tax_numeric .wpc-field-path-tr,
914 .wpc-filter-tax_numeric .wpc-field-exclude-tr,
915 .wpc-filter-tax_numeric .wpc-field-search-tr,
916 .wpc-filter-post_meta_num .wpc-field-logic-tr,
917 .wpc-filter-post_meta_num .wpc-field-orderby-tr,
918 .wpc-filter-post_meta_num .wpc-field-path-tr,
919 .wpc-filter-post_meta_num .wpc-field-exclude-tr,
920 .wpc-filter-post_meta_num .wpc-field-search-tr {
921 display: none;
922 }
923
924 .wpc-filter-tax_numeric .wpc-field-range-slider-tr,
925 .wpc-filter-tax_numeric .wpc-field-value-step-tr,
926 .wpc-filter-post_meta_num .wpc-field-range-slider-tr,
927 .wpc-filter-post_meta_num .wpc-field-value-step-tr {
928 display: table-row;
929 }
930
931 input[disabled="disabled"] + .wpc-checkbox-placeholder {
932 color: #a7a7a7;
933 margin-left: 5px;
934 }
935
936 /*TipTip CSS*/
937 .wpc-help-tip {
938 color: #929292;
939 display: inline-block;
940 font-style: normal;
941 height: 16px;
942 line-height: 16px;
943 position: relative;
944 vertical-align: middle;
945 width: 16px;
946 }
947
948 .wpc-help-tip::after {
949 font-family: Dashicons;
950 speak: none;
951 font-weight: 400;
952 font-variant: normal;
953 text-transform: none;
954 line-height: 1;
955 -webkit-font-smoothing: antialiased;
956 margin: 0;
957 text-indent: 0;
958 position: absolute;
959 top: 0;
960 left: 0;
961 width: 100%;
962 height: 100%;
963 text-align: center;
964 content: "";
965 cursor: help
966 }
967
968 .wpc-form-fields-table .wpc-help-tip {
969 font-size: 1.3em;
970 display: block;
971 position: absolute;
972 right: 10px;
973 top: calc(50% - 8px);
974 }
975
976 .wpc-form-fields-table .wpc-container-handle-wrapper .wpc-help-tip {
977 left: 0;
978 }
979
980 /* Settings pages: keep every option tooltip on one vertical line at the right
981 edge of the label column; the padding reserves that lane so even a long
982 option title wraps instead of running under the icon */
983 .wpc-form-table.form-table th {
984 position: relative;
985 padding-right: 36px;
986 }
987
988 .wpc-form-table.form-table th .wpc-help-tip {
989 font-size: 1.3em;
990 display: block;
991 position: absolute;
992 right: 10px;
993 top: 20px;
994 }
995
996 #tiptip_holder {
997 display: none;
998 z-index: 8675309;
999 position: absolute;
1000 top: 0;
1001 left: 0;
1002 }
1003
1004 #tiptip_holder.tip_top {
1005 padding-bottom: 5px
1006 }
1007
1008 #tiptip_holder.tip_top #tiptip_arrow_inner {
1009 margin-top: -7px;
1010 margin-left: -6px;
1011 border-top-color: #333
1012 }
1013
1014 #tiptip_holder.tip_bottom {
1015 padding-top: 5px
1016 }
1017
1018 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
1019 margin-top: -5px;
1020 margin-left: -6px;
1021 border-bottom-color: #333
1022 }
1023
1024 #tiptip_holder.tip_right {
1025 padding-left: 5px
1026 }
1027
1028 #tiptip_holder.tip_right #tiptip_arrow_inner {
1029 margin-top: -6px;
1030 margin-left: -5px;
1031 border-right-color: #333
1032 }
1033
1034 #tiptip_holder.tip_left {
1035 padding-right: 5px
1036 }
1037
1038 #tiptip_holder.tip_left #tiptip_arrow_inner {
1039 margin-top: -6px;
1040 margin-left: -7px;
1041 border-left-color: #333
1042 }
1043
1044 #tiptip_content, .chart-tooltip, .wc_error_tip {
1045 color: #fff;
1046 font-size: .8em;
1047 background: #333;
1048 border-radius: 3px;
1049 padding: .618em 1em;
1050 box-shadow: 0 1px 3px rgba(0, 0, 0, .2)
1051 }
1052
1053 #tiptip_content code, .chart-tooltip code, .wc_error_tip code {
1054 padding: 1px;
1055 background: #888
1056 }
1057
1058 #tiptip_content a {
1059 color: #ffffff;
1060 }
1061
1062 body #tiptip_content a:hover {
1063 color: inherit;
1064 }
1065
1066 #tiptip_arrow, #tiptip_arrow_inner {
1067 position: absolute;
1068 border-color: transparent;
1069 border-style: solid;
1070 border-width: 6px;
1071 height: 0;
1072 width: 0
1073 }
1074
1075 .wpc-settings-post-type-label {
1076 font-family: "Courier New";
1077 font-weight: normal;
1078 }
1079
1080 .wpc-filter-field-td .select2-container--default .select2-selection--multiple,
1081 .wpc-filter-field-td .select2-container .select2-selection--single {
1082 width: 100%;
1083 height: auto;
1084 padding: 3px 5px;
1085 resize: none;
1086 margin: 0;
1087 -webkit-box-sizing: border-box;
1088 -moz-box-sizing: border-box;
1089 box-sizing: border-box;
1090 font-size: 14px;
1091 line-height: 1.4;
1092 border: 1px solid #7e8993;
1093 border-radius: 3px;
1094 color: #32373c;
1095 }
1096
1097 .wpc-filter-field-td .select2-container .select2-selection--multiple,
1098 .wpc-filter-field-td .select2-container--default .select2-selection--multiple {
1099 padding: 0 5px;
1100 min-height: 0;
1101 }
1102
1103 .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered {
1104 line-height: 24px;
1105 padding-left: 0;
1106 min-height: 24px;
1107 }
1108
1109 .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow {
1110 height: 30px;
1111 }
1112
1113 .wpc-filter-field-td .select2-selection__rendered li {
1114 margin-bottom: 0;
1115 }
1116
1117 .wpc-filter-field-td .select2-container .select2-search--inline .select2-search__field {
1118 min-height: 0;
1119 width: auto !important;
1120 }
1121
1122 #wpc-filters-list a.wpc-more-options-toggle {
1123 text-decoration: none;
1124 }
1125
1126 .post-type-filter-seo-rule .inline-edit-status option[value="private"],
1127 .post-type-filter-seo-rule .inline-edit-status option[value="pending"],
1128 .post-type-filter-set .inline-edit-status option[value="private"],
1129 .post-type-filter-set .inline-edit-status option[value="pending"] {
1130 display: none;
1131 }
1132
1133 .fixed .column-set_post_type,
1134 .fixed .column-seo_post_type {
1135 width: 15%;
1136 }
1137
1138 .fixed .column-location {
1139 width: 45%;
1140 }
1141
1142 .fixed .column-seo_post_id {
1143 width: 10%;
1144 }
1145
1146 .wpc-form-table.form-table th {
1147 width: 300px;
1148 }
1149
1150 #wpcontent .wpc-admin-toolbar {
1151 margin-left: -20px;
1152 padding-left: 20px;
1153 }
1154
1155 .wpc-admin-toolbar {
1156 background: #fff;
1157 border-bottom: 1px solid #ccd0d4;
1158 }
1159
1160 .license-notice h2 {
1161 min-width: 165px;
1162 }
1163
1164 .license-notice h2,
1165 .wpc-admin-toolbar h2 {
1166 font-size: 14px;
1167 line-height: 2.57143;
1168 display: inline-block;
1169 padding: 5px 0;
1170 margin: 0 10px 0 0;
1171 }
1172
1173 .wpc-license-status {
1174 color: #919191;
1175 font-size: 13px;
1176 }
1177
1178 .wpc-license-status a {
1179 font-weight: 700;
1180 }
1181
1182 .wpc-plugin-status {
1183 text-transform: uppercase;
1184 text-decoration: none;
1185 }
1186
1187 .wpc-registered {
1188 color: green;
1189 }
1190
1191 .wpc-unregistered {
1192 color: #cc0000;
1193 }
1194
1195 .license-notice h2 {
1196 line-height: 2;
1197 }
1198
1199 .woocommerce-page #wpcontent .license-notice,
1200 .woocommerce-page.woocommerce_page_wc-admin #wpbody-content .license-notice {
1201 margin-left: 20px;
1202 }
1203
1204 .license-notice p {
1205 margin: 9px 20px 9px 0;
1206 }
1207
1208 .license-notice a {
1209 text-decoration: none;
1210 }
1211
1212 .wpc-admin-toolbar .wpc-tab-divider,
1213 .wpc-admin-toolbar .wpc-tab {
1214 display: inline-block;
1215 line-height: 3;
1216 margin: 0 5px;
1217 text-decoration: none;
1218 }
1219
1220 .wpc-admin-toolbar > .wpc-tab {
1221 color: inherit;
1222 font-size: 14px;
1223 padding: 5px;
1224 }
1225
1226 .wpc-admin-toolbar .wpc-tab.wpc-get-pro {
1227 line-height: 2.15384615;
1228 min-height: 30px;
1229 text-decoration: none;
1230 padding: 4px 20px;
1231 border-radius: 2px;
1232 display: inline-flex;
1233 align-items: center;
1234 color: var(--wpc-pro-color);
1235 box-sizing: border-box;
1236 border: 1px solid var(--wpc-pro-color);
1237 }
1238
1239 .wpc-admin-toolbar .wpc-tab.wpc-get-pro-background {
1240 color: #fff;
1241 background: #3858E9;
1242 border: 1px solid #3858E9;
1243 }
1244 .wpc-admin-toolbar .wpc-tab.wpc-get-pro:hover,
1245 .wpc-admin-toolbar .wpc-tab.wpc-get-pro-background:hover{
1246 opacity: 0.85;
1247 }
1248
1249 .wpc-admin-toolbar .wpc-tab.wpc-get-pro span {
1250 margin-right: 8px;
1251 }
1252
1253 .wpc-admin-toolbar .wpc-tab.is-active {
1254 border-bottom: 3px solid var(--wp-admin-theme-color, var(--wpc-admin-theme-color));
1255 padding-bottom: 2px;
1256 }
1257
1258 .license-notice h2 img,
1259 .wpc-admin-toolbar h2 img {
1260 float: left;
1261 margin: 7px 7px 0 0;
1262 }
1263
1264 .license-notice h2 img {
1265 margin-top: 4px;
1266 }
1267
1268 .wpc-admin-right {
1269 float: right;
1270 padding-right: 20px;
1271 padding-left: 20px;
1272 margin: 7px 0;
1273 }
1274
1275 .wpc-admin-right .wpc-tab.button-primary {
1276 margin: 0 0 0 14px;
1277 }
1278
1279 .wpc-tab .dashicons {
1280 position: relative;
1281 top: 5px;
1282 display: none;
1283 }
1284
1285 .wpc-tab-divider {
1286 border-left: 1px solid #ccc;
1287 }
1288
1289 .wpc-inactive-settings-field, .wpc-inactive-settings-field-text {
1290 color: #b7b7b7;
1291 }
1292
1293 .description {
1294 margin: 2px 0 5px;
1295 color: #646970;
1296 }
1297
1298 .wpc-field-required {
1299 color: #929292;
1300 margin-left: 3px;
1301 }
1302
1303 .wpc-go-pro {
1304 color: #ed2390;
1305 font-weight: 700;
1306 }
1307
1308 .comparison-table {
1309 border-color: #F2F2F2;
1310 width: 600px;
1311 }
1312
1313 .comparison-table td,
1314 .comparison-table th {
1315 padding: 5px;
1316 font-size: 14px;
1317 }
1318
1319 .comparison-table td:nth-child(2),
1320 .comparison-table td:nth-child(3),
1321 .comparison-table .second-td,
1322 .comparison-table .third-td {
1323 text-align: center;
1324 }
1325
1326 .comparison-table .yes {
1327 display: inline-block;
1328 background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check-circle' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' class='svg-inline--fa fa-check-circle fa-w-16 fa-3x'%3E%3Cpath fill='%233c434a' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z' class=''%3E%3C/path%3E%3C/svg%3E");
1329 background-repeat: no-repeat;
1330 background-size: 16px;
1331 width: 16px;
1332 height: 16px;
1333 position: relative;
1334 }
1335
1336 .comparison-table .no {
1337 display: inline-block;
1338 width: 16px;
1339 height: 16px;
1340 }
1341
1342 .wpc-notes-table {
1343 border-color: #f1f1f1;
1344 border-style: solid;
1345 border-collapse: separate;
1346 border-spacing: 0;
1347 border-width: 1px 0 0 1px;
1348 width: 100%;
1349 }
1350
1351 .wpc-notes-table th {
1352 width: 131px;
1353 }
1354
1355 .wpc-notes-table td,
1356 .wpc-notes-table th {
1357 text-align: left;
1358 border-bottom: #f1f1f1 solid 1px;
1359 border-right: #f1f1f1 solid 1px;
1360 padding: 9px 12px;
1361 text-align: left;
1362 }
1363
1364 .wpc-filter-field-min-max-labels-wrap,
1365 .wpc-filter-field-include-exclude-wrap,
1366 .wpc-filter-field-apply-button-location-td,
1367 .wpc-filter-field-location-td {
1368 display: flex;
1369 justify-content: space-between;
1370 flex-wrap: wrap;
1371 }
1372
1373 .wpc-filter-field-min-max-labels-wrap p.description {
1374 flex: 0 0 100%;
1375 }
1376
1377 div.wpc-field-min_num_label-wrap,
1378 div.wpc-field-max_num_label-wrap {
1379 width: 49%;
1380 }
1381
1382 div.wpc_set_fields-apply_button_page_type-wrap,
1383 div.wpc_set_fields-wp_page_type-wrap {
1384 width: 47%;
1385 }
1386
1387 div.wpc_set_fields-apply_button_post_name-wrap,
1388 div.wpc_set_fields-post_name-wrap {
1389 width: 51%
1390 }
1391
1392 .wpc-warning {
1393 color: #cc0000;
1394 }
1395
1396 .wpc-location-preview-hidden {
1397 width: 20px;
1398 }
1399
1400 a.wpc-location-preview, a.wpc-location-preview-not-pro {
1401 text-decoration: none;
1402 display: flex;
1403 cursor: pointer;
1404 align-items: center;
1405 color: #666666;
1406 width: 20px;
1407 height: 100%;
1408 outline: none;
1409 border: none;
1410 }
1411
1412 a.wpc-location-preview:hover, a.wpc-location-preview-not-pro:hover {
1413 color: #135e96;
1414 }
1415
1416 a.wpc-location-preview span, a.wpc-location-preview-not-pro span {
1417 font-size: 18px;
1418 }
1419
1420 .wpc-full-width {
1421 width: 100%;
1422 clear: both;
1423 flex-grow: 2;
1424 line-height: 20px;
1425 }
1426
1427 #wpc-field-apply-button-location-container {
1428 display: flex;
1429 flex-wrap: wrap;
1430 }
1431
1432 .wpc-field-location-wrapper {
1433 display: flex;
1434 justify-content: space-between;
1435 }
1436
1437 #wpc_set_fields-post_name {
1438 width: calc(100% - 25px);
1439 margin-right: 5px;
1440 }
1441
1442 .wpc-color-swatches-taxonomies,
1443 .wpc-bottom-widget-compatibility {
1444 display: none;
1445 }
1446
1447 .wpc-color-swatches-taxonomies.wpc-opened,
1448 .wpc-bottom-widget-compatibility.wpc-opened {
1449 display: table-row;
1450 }
1451
1452 .post-type-filter-set .select2-container--default .select2-results__option {
1453 margin: 0;
1454 }
1455
1456 .select2-container--default .select2-selection--multiple .select2-selection__choice {
1457 margin-bottom: 0;
1458 }
1459
1460 .post-type-filter-set .select2-container--default .select2-results__option:hover {
1461 cursor: pointer;
1462 }
1463
1464 .post-type-filter-set .select2-container--default .select2-results__option[aria-selected=true],
1465 .post-type-filter-set .select2-container--default .select2-results__option[data-selected=true] {
1466 background-color: #f2f2f2;
1467 }
1468
1469 .post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected],
1470 .post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] {
1471 background-color: #0570e2;
1472 color: #f5f5f5;
1473 }
1474
1475 .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice,
1476 .wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice {
1477 padding: 5px 5px 5px 25px;
1478 margin: 5px;
1479 position: relative;
1480 }
1481
1482 .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
1483 .wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
1484 display: flex;
1485 height: 100%;
1486 align-items: center;
1487 line-height: 1;
1488 }
1489
1490 .wpc-filter-tr .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
1491 .wpc-form-table .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
1492 background-color: transparent;
1493 border: none;
1494 border-right: 1px solid #aaa;
1495 border-top-left-radius: 4px;
1496 border-bottom-left-radius: 4px;
1497 color: #999;
1498 cursor: pointer;
1499 font-size: 1em;
1500 font-weight: bold;
1501 padding: 0 4px;
1502 position: absolute;
1503 left: 0;
1504 top: 0;
1505 }
1506
1507 .wpc-filter-tr .select2-container .select2-selection--multiple,
1508 .wpc-form-table.form-table .select2-container .select2-selection--multiple {
1509 padding: 5px;
1510 }
1511
1512 .wpc-form-table.form-table .select2-container .select2-selection--multiple {
1513 min-height: 52px;
1514 }
1515
1516 .wpc-filter-tr .select2-container .select2-selection--multiple .select2-selection__rendered:after,
1517 .wpc-form-table.form-table .select2-container .select2-selection--multiple .select2-selection__rendered:after {
1518 content: "";
1519 display: block;
1520 clear: both;
1521 float: none;
1522 }
1523
1524 .wpc-filter-tr .select2-search.select2-search--inline,
1525 .wpc-form-table.form-table .select2-search.select2-search--inline {
1526 display: inline-block;
1527 }
1528
1529 .wpc-filter-tr .select2-search.select2-search--inline input.select2-search__field,
1530 .wpc-form-table.form-table .select2-search.select2-search--inline input.select2-search__field {
1531 width: auto !important;
1532 }
1533
1534 .wpc-form-table.form-table select#color_swatches_taxonomies + .select2 .select2-search.select2-search--inline input.select2-search__field {
1535 min-width: 200px;
1536 }
1537
1538 .wpc-filter-sortable-handle {
1539 width: 14px;
1540 height: 14px;
1541 font-size: 14px;
1542 color: #a3a3a3;
1543 }
1544
1545 .wpc-filter-head:hover .wpc-filter-sortable-handle {
1546 color: inherit;
1547 }
1548
1549 #license_key {
1550 width: 75%;
1551 }
1552
1553 a#wpc-get-license-key {
1554 margin-left: 5px;
1555 }
1556
1557 a.wpc-external-link::after,
1558 a#wpc-get-license-key::after {
1559 content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M10,10L10,10L10,10z'/%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z' fill='%232271b1'/%3E%3C/g%3E%3C/svg%3E");
1560 margin: 0 3px 0 5px;
1561 width: 11px;
1562 display: inline-block;
1563 }
1564
1565 a#wpc-get-license-key:hover::after {
1566 content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Svg Vector Icons : http://www.onlinewebfonts.com/icon --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cpath d='M10,10L10,10L10,10z'/%3E%3Cpath d='M663.3,75.3L794,206L336.7,663.3l65.3,65.3l457.3-457.3L990,402V75.3H663.3z M728.7,859.3H206V336.7h261.3L598,206H75.3v784h784V467.3L728.7,598V859.3z' fill='%230a4b78'/%3E%3C/g%3E%3C/svg%3E");
1567 }
1568
1569 .td-activate-license .wpc-help-tip {
1570 position: relative;
1571 top: 5px;
1572 }
1573
1574 .rtl .wpc-additional-fields-selector {
1575 text-align: left;
1576 }
1577
1578 .wpc-upload-image-button {
1579 max-width: 150px;
1580 display: block;
1581 }
1582
1583 .wpc-upload-image-button img {
1584 max-width: 150px;
1585 height: auto;
1586 }
1587
1588 #wpc_term_color {
1589 max-width: 115px;
1590 }
1591
1592 .wpc-remove {
1593 color: #cc0000;
1594 text-decoration: none;
1595 border-bottom: 1px dashed #cc0000;
1596 }
1597
1598 .wpc-remove:hover {
1599 color: #e72020;
1600 border-bottom: 1px dashed #e72020;
1601 }
1602
1603 #wpc-image-description,
1604 #wpc-color-description {
1605 color: #646970;
1606 margin-top: 4px;
1607 }
1608
1609 .wpc-term-preview {
1610 width: 30px;
1611 height: 30px;
1612 border: rgba(0, 0, 0, 0.2) 1px solid;
1613 border-radius: 2px;
1614 margin: 1px 2px;
1615 }
1616
1617 #wpc-term-meta {
1618 width: 30px;
1619 }
1620
1621 /* https://www.kirupa.com/animations/creating_pulsing_circle_animation.htm */
1622 .wpc-tab-helpme:before,
1623 .wpc-help-me:before {
1624 content: "";
1625 display: inline-block;
1626 width: 7px;
1627 height: 7px;
1628 background-color: #10c350;
1629 border-radius: 7px;
1630 margin-right: 6px;
1631 }
1632
1633 .wpc-help-me-wrapper {
1634 background-color: #ffffff;
1635 padding: 25px;
1636 max-width: 775px;
1637 border: 1px solid #ccc;
1638 border-top-color: transparent;
1639 margin-top: 10px;
1640 }
1641
1642 .wpc-help-me-image {
1643 float: left;
1644 margin-right: 25px;
1645 border: 1px solid #c8c8c8;
1646 }
1647
1648 .wpc-help-me-wrapper + p.submit {
1649 display: none;
1650 }
1651
1652 .wpc-help-me-buttons a.wpc-leave-review-button {
1653 margin-right: 30px;
1654 }
1655
1656 .wpc-help-me-buttons {
1657 display: flex;
1658 flex-wrap: wrap;
1659 justify-content: space-between;
1660 align-items: center;
1661 margin-top: 20px;
1662 }
1663
1664 .wpc-help-me-remove-tab {
1665 margin-top: 24px;
1666 text-align: center;
1667 }
1668
1669 .wpc-help-me-remove-tab a {
1670 color: #cc0000;
1671 text-decoration: none;
1672 border-bottom: 1px dashed #cc0000;
1673 }
1674
1675 .wpc-help-me-remove-tab a:hover {
1676 color: #ff0000;
1677 border-bottom-color: #ff0000;
1678 }
1679
1680 .wpc-help-me-remove-icon {
1681 font-size: 120%;
1682 }
1683
1684 .wpc-text-input-search {
1685 width: 100%;
1686 max-width: 200px;
1687 }
1688
1689 .wpc-variable-inserter {
1690 font-family: Consolas, Monaco, monospace;
1691 padding: 3px 0 2px;
1692 margin: 0 1px;
1693 background: #f0f0f1;
1694 background: rgba(0, 0, 0, 0.07);
1695 border-bottom: 1px dashed #646970;
1696 cursor: pointer;
1697 font-size: 12px;
1698 }
1699
1700 @media screen and (max-width: 1200px) {
1701 #wpc-intersections-table .wpc-filter-field-td {
1702 padding-top: 10px;
1703 padding-bottom: 10px;
1704 display: block !important;
1705 width: auto !important;
1706 border: 0 none !important;
1707 }
1708
1709 .wpc-filter-field-apply-button-location-td,
1710 .wpc-filter-field-location-td {
1711 display: block;
1712 }
1713
1714 div.wpc_set_fields-apply_button_post_name-wrap,
1715 div.wpc_set_fields-apply_button_page_type-wrap,
1716 div.wpc_set_fields-post_name-wrap,
1717 div.wpc_set_fields-wp_page_type-wrap {
1718 width: 100%;
1719 }
1720
1721 .wpc-field-exclude-wrap {
1722 width: 73%;
1723 margin-right: 2%;
1724 }
1725
1726 .wpc-field-include-wrap {
1727 width: 25%;
1728 display: flex;
1729 }
1730
1731 .wpc-field-include {
1732 min-width: 0;
1733 }
1734 }
1735
1736 @media screen and (max-width: 850px) {
1737 .wpc-no-filters {
1738 padding-left: 24px;
1739 padding-right: 24px;
1740 }
1741
1742 .wpc-filter-label-td:not(.wpc-filter-delete-controls-td),
1743 .wpc-filter-field-td:not(.wpc-filter-delete-td) {
1744 display: block !important;
1745 width: auto !important;
1746 border: 0 none !important;
1747 }
1748
1749 .wpc-filter-label-td {
1750 background-color: transparent;
1751 padding-bottom: 0;
1752 }
1753
1754 .wpc-additional-fields-selector {
1755 position: static;
1756 top: auto;
1757 margin-top: 15px;
1758 }
1759
1760 .wpc-field-description br {
1761 display: none;
1762 }
1763 }
1764
1765 @media screen and (max-width: 782px) {
1766 .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered {
1767 min-height: 27px;
1768 line-height: 27px;
1769 }
1770
1771 .wpc-filter-field-td .select2-container .select2-selection--multiple .select2-selection__rendered,
1772 .wpc-filter-field-td .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered {
1773 min-height: 28px;
1774 line-height: 28px;
1775 }
1776
1777 .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__rendered {
1778 min-height: 32px;
1779 line-height: 32px;
1780 }
1781
1782 .wpc-filter-field-td .select2-container--default .select2-selection--single .select2-selection__arrow {
1783 height: 40px;
1784 }
1785
1786 .form-table.wpc-sortable-table th,
1787 .form-table.wpc-sortable-table td {
1788 display: table-cell;
1789 margin-bottom: 9px;
1790 padding: 15px 10px;
1791 line-height: 1.3;
1792 vertical-align: middle;
1793 }
1794 }
1795
1796 @media screen and (max-width: 600px) {
1797 .wpc-admin-toolbar {
1798 display: none;
1799 }
1800
1801 .comparison-table {
1802 width: auto;
1803 }
1804
1805 .wpc-filter-field-include-exclude-wrap {
1806 display: block;
1807 }
1808
1809 .wpc-field-exclude-wrap,
1810 .wpc-field-include-wrap {
1811 width: 100%;
1812 }
1813
1814 .wpc-field-exclude-wrap {
1815 margin-right: 0;
1816 margin-bottom: 10px;
1817 }
1818 }
1819
1820 @media screen and (max-width: 485px) {
1821 .wpc-filter-label-td.wpc-filter-delete-controls-td,
1822 .wpc-filter-field-td.wpc-filter-delete-td {
1823 display: block !important;
1824 width: auto !important;
1825 border: 0 none !important;
1826 }
1827
1828 .wpc-filter-view {
1829 display: none;
1830 }
1831
1832 li.wpc-filter-label,
1833 li.wpc-filter-entity,
1834 li.wpc-filter-slug {
1835 width: 30%;
1836 }
1837
1838 .form-table.wpc-sortable-table th,
1839 .form-table.wpc-sortable-table td {
1840 padding-left: 0;
1841 }
1842 }
1843
1844 .flrt-checkbox-switch-wrapper {
1845 display: inline-flex;
1846 align-items: center;
1847 gap: 10px;
1848 font-family: sans-serif;
1849 }
1850
1851 .flrt-checkbox-switch {
1852 position: relative;
1853 display: inline-block;
1854 width: 48px;
1855 height: 24px;
1856 }
1857
1858 .flrt-checkbox-switch input {
1859 opacity: 0;
1860 width: 0;
1861 height: 0;
1862 }
1863
1864 .flrt-checkbox-slider {
1865 position: absolute;
1866 cursor: pointer;
1867 top: 0;
1868 left: 0;
1869 right: 0;
1870 bottom: 0;
1871 background-color: #ccc;
1872 transition: 0.4s;
1873 border-radius: 34px;
1874 }
1875
1876 .flrt-checkbox-slider:before {
1877 position: absolute;
1878 content: "";
1879 height: 20px;
1880 width: 20px;
1881 left: 2px;
1882 bottom: 2px;
1883 background-color: white;
1884 transition: 0.4s;
1885 border-radius: 50%;
1886 }
1887
1888 input:checked + .flrt-checkbox-slider {
1889 background-color: var(--wp-admin-theme-color, var(--wpc-admin-theme-color));
1890 }
1891
1892 input:active + .flrt-checkbox-slider:hover, input:focus + .flrt-checkbox-slider:hover {
1893 box-shadow: 0px 0px 0px 3px color-mix(in srgb, var(--wp-admin-theme-color-darker-10, var(--wpc--admin-theme-color-darker-10)) 17%, transparent);
1894 }
1895
1896 input:checked + .flrt-checkbox-slider:before {
1897 left: 0px;
1898 transform: translateX(26px);
1899 }
1900
1901 label.flrt-checkbox-switch:hover input + span.flrt-checkbox-slide, .flrt-checkbox-slider:hover {
1902 background-color: rgb(152, 162, 179);
1903 transition: background 0.25s;
1904 }
1905
1906 input:checked + .flrt-checkbox-slider:hover {
1907 background-color: var(--wp-admin-theme-color-darker-10, var(--wpc--admin-theme-color-darker-10));
1908 }
1909
1910 a.wpc-location-preview.display-none, a.wpc-location-preview-not-pro.display-none {
1911 display: none;
1912 }
1913
1914 .wpc_set_fields-instead_post_name-wrap {
1915 display: flex;
1916 }
1917
1918 .wpc-field-instead-of-location {
1919 margin-right: 5px !important;
1920 }
1921
1922 .wpc-view-rating .wpc-field-orderby-tr, .wpc-view-rating .wpc-field-search-tr, .wpc-view-rating .wpc-field-more-less-tr {
1923 display: none;
1924 }
1925
1926 #wpc-create-xml {
1927 padding-left: 50px;
1928 padding-right: 50px;
1929 display: flex;
1930 align-items: center;
1931 }
1932
1933 #wpc-create-xml span {
1934 margin-left: 8px;
1935 }
1936
1937 #wpc-loader,
1938 .button.wpc-button-animation-loader,
1939 .button.wpc-button-animation-loader:hover,
1940 .button.wpc-button-animation-loader:active,
1941 .button.wpc-button-animation-loader:focus,
1942 .button.wpc-xml-loader,
1943 .button.wpc-xml-loader:hover,
1944 .button.wpc-xml-loader:active,
1945 .button.wpc-xml-loader:focus {
1946 position: relative;
1947 overflow: hidden;
1948 background: repeating-linear-gradient(135deg, #3858E9 0 10px, #506df4 0 20px) 0 / 0 no-repeat, #f6f7f7;
1949 animation: fillTo10 2s ease-in-out forwards;
1950 }
1951
1952 #wpc-loader,
1953 .button.wpc-button-animation-loader,
1954 .button.wpc-button-animation-loader:hover,
1955 .button.wpc-button-animation-loader:active,
1956 .button.wpc-button-animation-loader:focus {
1957 animation: fillTo0-100 2.2s ease-in-out forwards;
1958 }
1959
1960 @keyframes fillTo0-100 {
1961 0% {
1962 background-size: 0%
1963 }
1964 100% {
1965 background-size: 100%
1966 }
1967 }
1968
1969
1970 @keyframes fillTo10 {
1971 0% {
1972 background-size: 0%
1973 }
1974 100% {
1975 background-size: 10%
1976 }
1977 }
1978
1979 @keyframes fillTo20 {
1980 0% {
1981 background-size: 10%
1982 }
1983 100% {
1984 background-size: 20%
1985 }
1986 }
1987
1988 @keyframes fillTo30 {
1989 0% {
1990 background-size: 20%
1991 }
1992 100% {
1993 background-size: 30%
1994 }
1995 }
1996
1997 @keyframes fillTo40 {
1998 0% {
1999 background-size: 30%
2000 }
2001 100% {
2002 background-size: 40%
2003 }
2004 }
2005
2006 @keyframes fillTo50 {
2007 0% {
2008 background-size: 40%
2009 }
2010 100% {
2011 background-size: 50%
2012 }
2013 }
2014
2015 @keyframes fillTo60 {
2016 0% {
2017 background-size: 50%
2018 }
2019 100% {
2020 background-size: 60%
2021 }
2022 }
2023
2024 @keyframes fillTo70 {
2025 0% {
2026 background-size: 60%
2027 }
2028 100% {
2029 background-size: 70%
2030 }
2031 }
2032
2033 @keyframes fillTo80 {
2034 0% {
2035 background-size: 70%
2036 }
2037 100% {
2038 background-size: 80%
2039 }
2040 }
2041
2042 @keyframes fillTo90 {
2043 0% {
2044 background-size: 80%
2045 }
2046 100% {
2047 background-size: 90%
2048 }
2049 }
2050
2051 @keyframes fillTo100 {
2052 0% {
2053 background-size: 90%
2054 }
2055 100% {
2056 background-size: 100%
2057 }
2058 }
2059
2060 .button.wpc-xml-loader.fill-complete {
2061 animation: fillTo100 0.2s forwards;
2062 }
2063
2064 .button.wpc-xml-loader::after,
2065 #wpc-loader::after,
2066 .wpc-button-animation-loader::after {
2067 content: "";
2068 position: absolute;
2069 top: 0;
2070 bottom: 0;
2071 width: 20px;
2072 background: rgba(255, 255, 255, 0.6);
2073 filter: blur(4px);
2074 transform: skewX(-20deg);
2075 animation: shimmerMove 1.2s linear infinite;
2076 }
2077
2078
2079 @keyframes shimmerMove {
2080 0% {
2081 left: -30px;
2082 }
2083 100% {
2084 left: 100%;
2085 }
2086 }
2087
2088 #wpc-loader::after {
2089 animation: wpc-loader-shimmerMove 3.5s linear infinite;
2090 }
2091
2092 @keyframes wpc-loader-shimmerMove {
2093 0% {
2094 left: -100px;
2095 }
2096 100% {
2097 left: 100%;
2098 }
2099 }
2100
2101 .wpc-create-xml-file-wrap {
2102 display: flex;
2103 align-items: center;
2104 justify-content: end;
2105 }
2106
2107 .wpc-create-xml-file-wrap .wpc-help-tip {
2108 font-size: 1.2rem;
2109 margin-left: 8px;
2110 }
2111
2112 #wpc-create-auto-filter-div {
2113 display: flex;
2114 justify-content: end;
2115 }
2116
2117 #wpc-xml-link {
2118 margin-left: 12px;
2119 display: flex;
2120 align-items: center;
2121 }
2122
2123 #wpc-xml-link svg {
2124 width: 20px;
2125 margin-right: -8px;
2126 margin-bottom: -3px;
2127 margin-left: 4px;
2128 fill: #2271b1;
2129 }
2130
2131 #wpc-xml-link:hover svg {
2132 fill: #0a4b78;
2133 }
2134
2135 #wpc-xml-link.hidden-xml-button {
2136 display: none;
2137 }
2138
2139
2140 .flrt-file-upload input {
2141 font-family: inherit;
2142 font-size: 13px;
2143 padding: 6px;
2144 border: none;
2145 background-color: transparent;
2146 color: #333;
2147 }
2148
2149 .flrt-file-upload input::file-selector-button {
2150 background-color: #f6f7f7;
2151 color: #2271b1;
2152 border-color: #2271b1;
2153 padding: 10px 18px;
2154 text-decoration: none;
2155 font-size: 13px;
2156 border-radius: 3px;
2157 margin-right: 12px;
2158 cursor: pointer;
2159 font-weight: 400;
2160 border-width: 1px;
2161 transition: background-color 0.3s ease;
2162 }
2163
2164 .flrt-file-upload input::file-selector-button:hover {
2165 background-color: #f0f0f1;
2166 border-color: #0a4b78;
2167 color: #0a4b78;
2168 }
2169
2170 #import-export-tab {
2171 display: flex;
2172 width: 100%;
2173 justify-content: space-between;
2174 }
2175
2176 .import-export-block:first-child {
2177 margin-right: 4%;
2178 }
2179
2180 .import-export-block {
2181 box-sizing: border-box;
2182 width: 48%;
2183 margin: 30px 0;
2184 border: 1px solid #c3c4c7;
2185 border-radius: 25px;
2186 padding: 20px 30px 40px 30px;
2187 }
2188
2189 .wpc_import_message {
2190 border-radius: 3px;
2191 align-items: center;
2192 display: flex;
2193 width: 100%;
2194 font-size: 14px;
2195 }
2196
2197 .wpc_import_message span {
2198 margin-left: 8px;
2199 }
2200
2201 #wpc-loader {
2202 height: 25px;
2203 border-radius: 3px;
2204 margin-bottom: 15px;
2205 }
2206
2207 .wpc_before_import_export_blocks {
2208 color: #656970;
2209 display: flex;
2210 align-items: center;
2211 }
2212
2213 @media screen and (max-width: 1440px) {
2214 #import-export-tab, .wpc_before_import_export_blocks {
2215 flex-direction: column;
2216 }
2217
2218 .import-export-block {
2219 width: 100%;
2220 margin: 20px 0;
2221 }
2222 }
2223
2224 .flrt-create-auto-filter-set {
2225 margin: 130px 0;
2226 text-align: center;
2227 display: flex;
2228 flex-direction: column;
2229 justify-content: center;
2230 align-items: center;
2231 }
2232
2233 .flrt-create-auto-filter-set p {
2234 margin: 0.5rem 0;
2235 }
2236
2237 .wpc-auto-filter-buttons {
2238 margin-bottom: 32px;
2239 display: grid;
2240 grid-template-columns: 1fr 1fr;
2241 gap: 10px;
2242 }
2243
2244 .flrt-create-auto-filter-set a {
2245 font-size: 18px !important;
2246 text-align: center;
2247 padding: 8px 25px !important;
2248 }
2249
2250 .flrt-duplicate-filter-set {
2251 font-size: 16px;
2252 font-weight: bold;
2253 }
2254
2255 .wpc-field-horizontal-view-priority-tr {
2256 display: none;
2257 }
2258
2259 .wpc-text-center {
2260 text-align: center;
2261 }
2262
2263 .wpc-select2-dots {
2264 padding: 0 4px;
2265 }
2266
2267 .wpc-select2-info {
2268 background: #e7e7e7;
2269 padding: 2px 8px;
2270 border-radius: 4px;
2271 }
2272
2273 .post-type-filter-set .select2-container--default .select2-results__option--highlighted[aria-selected] .wpc-select2-info,
2274 .post-type-filter-set .select2-container--default .select2-results__option--highlighted[data-selected] .wpc-select2-info {
2275 color: #3c434a;
2276 }
2277
2278 #wpc-seo-settings {
2279 margin-top: 16px;
2280
2281 }
2282
2283 .wpc-seo-setting-head {
2284 background: #fff;
2285 }
2286
2287 .wpc-filter-head.wpc-seo-setting-head {
2288 cursor: pointer;
2289 }
2290
2291 .wpc-setting-body {
2292 margin-left: 3rem;
2293 }
2294
2295 .wpc-import-export-title {
2296 display: flex;
2297 justify-content: space-between;
2298 align-items: center;
2299 }
2300
2301 .wpc-import-export-title .wpc-help-tip:after {
2302 font-size: 1.2rem;
2303 }
2304
2305 .wpc-import-export-title h2 {
2306 display: flex;
2307 align-items: center;
2308 }
2309
2310 .wpc-import-export-title h2 svg {
2311 margin-right: 8px;
2312 }
2313
2314 #wpc-import-icon {
2315 margin-bottom: -2px;
2316 }
2317
2318 .wpc-import-export-checkboxes {
2319 display: grid;
2320 row-gap: 24px;
2321 column-gap: 16px;
2322 grid-template-columns: 50% 50%;
2323 }
2324
2325 .wpc-import-file-setting-block {
2326 display: flex;
2327 align-items: center;
2328 }
2329
2330 .wpc-export-import-desc {
2331 line-height: 1.3;
2332 font-weight: 600;
2333 color: #1d2327;
2334 text-shadow: none;
2335 font-size: 14px;
2336 margin-right: 32px;
2337 }
2338
2339 .wpc-export-file-setting-block {
2340 display: flex;
2341 align-items: center;
2342 }
2343
2344 .wpc-export-file-setting-block, .wpc-import-file-setting-block {
2345 height: 56px;
2346 margin-bottom: 30px;
2347 }
2348
2349 .wpc-alert-emoji {
2350 margin-right: 4px;
2351 }
2352
2353 #wpc-seo-settings .nav-tab {
2354 padding: 10px 20px;
2355 background: none;
2356 box-shadow: none;
2357 }
2358
2359 #wpc-seo-settings .tab-content {
2360 display: none;
2361 }
2362
2363 .column-where_filter {
2364 width: 64px;
2365 text-align: center;
2366 }
2367
2368 .column-where_filter a {
2369 display: flex;
2370 align-items: center;
2371 justify-content: center;
2372 width: 100%;
2373 }
2374
2375 #where_filter {
2376 text-align: center;
2377 width: 140px;
2378 }
2379
2380 #where_filter > div, tfoot .column-where_filter > div {
2381 display: flex;
2382 justify-content: center;
2383 align-items: center;
2384 }
2385
2386 #where_filter svg, tfoot .column-where_filter svg {
2387 margin-left: 2px;
2388 fill: #2c3338;
2389 }
2390
2391 select.wpc-field-logic option[disabled="disabled"],
2392 select.wpc-field-orderby option[disabled="disabled"],
2393 select.wpc-field-view option[disabled="disabled"],
2394 select.wpc-field-parent-filter option[disabled="disabled"],
2395 select.wpc-field-entity option[disabled]:not(.tax_numeric-disabled, .post_meta_exists-disabled) {
2396 display: none;
2397 }
2398
2399 .wpc-pro-bnf-page-wrap .wpc-crown-icon,
2400 .wpc-crown-icon{
2401 width: 16px;
2402 height: 16px;
2403 margin-left: 6px;
2404 }
2405
2406 .wpc-vailable-in-pro-link, .wpc-vailable-in-pro-link:hover {
2407 cursor: pointer;
2408 color: var(--wpc-pro-color);
2409 }
2410
2411 .wpc-pro-badge-transparent {
2412 color: var(--wpc-pro-color);
2413 font-weight: normal;
2414 padding: 2px 6px;
2415 border-radius: 14px;
2416 margin-left: 6px;
2417 font-size: 10px;
2418 border: 1px solid var(--wpc-pro-color);
2419 background: transparent;
2420 position: relative;
2421 bottom: 4px;
2422 }
2423
2424 .wpc-filter-label.wpc-filter-label-in-pro {
2425 display: flex;
2426 justify-content: space-between;
2427 }
2428
2429 .wpc-available-in-pro-button {
2430 text-decoration: none;
2431 background: transparent;
2432 padding: 8px 12px;
2433 padding: 8px 20px;
2434 border-radius: 2px;
2435 color: var(--wpc-pro-color);
2436 display: inline-flex;
2437 line-height: 1;
2438 align-items: center;
2439 border: 1px solid var(--wpc-pro-color);
2440 }
2441
2442 .locale-de-de .wpc-available-in-pro-button span{
2443 margin-left: 2px;
2444 }
2445 .wpc-available-in-pro-button:hover {
2446 opacity: 0.8;
2447 }
2448
2449 .wpc-available-in-pro-button:focus, .wpc-available-in-pro-button:active {
2450 color: #fff;
2451 box-shadow: none;
2452 }
2453
2454 .wpc-available-in-pro-button span {
2455 margin-left: 8px;
2456 }
2457
2458 .wpc-available-in-pro-button:hover {
2459 color: var(--wpc-pro-color);
2460 }
2461
2462 .wpc-row-pro-only {
2463 display: flex;
2464 justify-content: space-between;
2465 /* stretch (the default) inflates the PRO badge to the full row height
2466 when the option title wraps to a second line */
2467 align-items: baseline;
2468 }
2469
2470 .wpc-icon-help-tip {
2471 cursor: help;
2472 }
2473
2474 .wpc-pro-filter-set-badge {
2475 display: flex;
2476 }
2477
2478 .wpc-pro-filter-set-badge .wpc-alert-emoji {
2479 margin-top: -1px;
2480 margin-right: 0;
2481 display: flex;
2482 align-items: center;
2483 }
2484
2485 .duplicate-filter-set {
2486 margin-bottom: 4px;
2487 }
2488
2489 #flrt-pro-modal-overlay {
2490 display: none;
2491 position: fixed;
2492 top: 0;
2493 left: 0;
2494 width: 100%;
2495 height: 100%;
2496 background: rgba(0, 0, 0, 0.6);
2497 z-index: 99999;
2498 justify-content: center;
2499 align-items: center;
2500 }
2501
2502 .flrt-upgrade-to-pro-popup-modal-wrapper * {
2503 box-sizing: border-box;
2504 margin: 0;
2505 padding: 0;
2506 font-family: inherit;
2507 }
2508
2509 .flrt-upgrade-to-pro-popup-modal-wrapper {
2510 padding: 0;
2511 background-color: transparent;
2512 max-width: 740px;
2513 width: 100%;
2514 }
2515
2516 .flrt-upgrade-to-pro-popup-modal {
2517 background-color: #ffffff;
2518 width: 100%;
2519 position: relative;
2520 display: flex;
2521 padding: 48px 18px 32px 18px;
2522 gap: 24px;
2523 border-radius: 12px;
2524 }
2525
2526 .flrt-upgrade-to-pro-popup-close-btn {
2527 position: absolute;
2528 top: 12px;
2529 right: 18px;
2530 cursor: pointer;
2531 z-index: 10;
2532 }
2533
2534 .flrt-upgrade-to-pro-popup-features-side {
2535 max-width: 334px;
2536 width: 100%;
2537 display: flex;
2538 flex-direction: column;
2539 align-items: center;
2540 justify-content: center;
2541 padding-left: 8px;
2542 }
2543
2544 .flrt-upgrade-to-pro-popup-table {
2545 width: 100%;
2546 border-collapse: collapse;
2547 border: none;
2548 }
2549
2550 .flrt-upgrade-to-pro-popup-th {
2551 text-align: center;
2552 font-size: 14px;
2553 color: #000000;
2554 font-weight: 600;
2555 padding-bottom: 0;
2556 }
2557
2558 .flrt-upgrade-to-pro-popup-td {
2559 padding: 12px 0 11px 0;
2560 border-bottom: 1px solid #CCD4E3;
2561 font-size: 15px;
2562 color: #000000;
2563 vertical-align: middle;
2564 line-height: 130%;
2565 }
2566
2567 .flrt-upgrade-to-pro-popup-tr-first .flrt-upgrade-to-pro-popup-td {
2568 padding: 8px 0 11px 0;
2569 }
2570
2571 .flrt-upgrade-to-pro-popup-modal-wrapper tr td:nth-child(3),
2572 .flrt-upgrade-to-pro-popup-modal-wrapper tr th:nth-child(3) {
2573 padding-left: 8px;
2574 }
2575
2576 .flrt-upgrade-to-pro-popup-tr-last .flrt-upgrade-to-pro-popup-td {
2577 border-bottom: none;
2578 padding: 12px 0 0 0;
2579 }
2580
2581 .flrt-upgrade-to-pro-popup-dash-icon {
2582 height: 24px;
2583 width: 24px;
2584 min-height: 24px;
2585 min-width: 24px;
2586 background-image: url('data:image/svg+xml,%3Csvg width="14" height="2" viewBox="0 0 14 2" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M0.000156432 -1.91331e-05H13.3202V1.94398H0.000156432V-1.91331e-05Z" fill="%237B879C"/%3E%3C/svg%3E');
2587 background-repeat: no-repeat;
2588 background-position: center;
2589 background-size: 14px 2px;
2590 margin: 0 auto;
2591 }
2592
2593 .flrt-upgrade-to-pro-popup-checkmark-icon {
2594 height: 24px;
2595 width: 24px;
2596 min-height: 24px;
2597 min-width: 24px;
2598 display: flex;
2599 align-items: center;
2600 justify-content: center;
2601 margin: 0 auto;
2602 }
2603
2604 .flrt-upgrade-to-pro-popup-link-icon {
2605 height: 20px;
2606 width: 20px;
2607 background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18.0001 12.9999V18.9999C18.0001 19.5303 17.7894 20.039 17.4143 20.4141C17.0392 20.7892 16.5305 20.9999 16.0001 20.9999H5.00001C4.46958 20.9999 3.96087 20.7892 3.58579 20.4141C3.21071 20.039 3 19.5303 3 18.9999V7.99983C3 7.46939 3.21071 6.96068 3.58579 6.58561C3.96087 6.21053 4.46958 5.99982 5.00001 5.99982H11.0001" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M15 2.99994H21V8.99998" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3Cpath d="M10 14L21.0001 2.99994" stroke="%23000000" stroke-width="2.02501" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
2608 background-repeat: no-repeat;
2609 background-position: center;
2610 background-size: 20px 20px;
2611 margin: -2px 0 0 10px;
2612 }
2613
2614 .flrt-upgrade-to-pro-popup-close-icon {
2615 height: 24px;
2616 width: 24px;
2617 background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M18 18L12 12M12 12L6 6M12 12L18 6M12 12L6 18" stroke="%237B879C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
2618 background-repeat: no-repeat;
2619 background-position: center;
2620 background-size: 24px 24px;
2621 }
2622
2623 .flrt-upgrade-to-pro-popup-center-col {
2624 text-align: center;
2625 width: 52px;
2626 font-size: 14px;
2627 line-height: 160%;
2628 font-weight: 400;
2629 }
2630
2631 .flrt-upgrade-to-pro-popup-center-col:last-child {
2632 font-weight: 600;
2633 }
2634
2635 .flrt-upgrade-to-pro-popup-see-all-container {
2636 text-align: center;
2637 display: flex;
2638 align-content: center;
2639 justify-content: center;
2640 width: 100%;
2641 margin-top: 32px;
2642 height: 24px;
2643 }
2644
2645 .flrt-upgrade-to-pro-popup-see-all-link {
2646 display: inline-flex;
2647 align-items: center;
2648 justify-content: center;
2649 color: #000000 !important;
2650 text-decoration: none;
2651 font-weight: 600;
2652 font-size: 14px;
2653 }
2654
2655 .flrt-upgrade-to-pro-popup-see-all-link:hover {
2656 opacity: 0.85;
2657 }
2658
2659 .flrt-upgrade-to-pro-popup-promo-side {
2660 display: flex;
2661 flex-direction: column;
2662 max-width: 346px;
2663 width: 100%;
2664 }
2665
2666 .flrt-upgrade-to-pro-popup-promo-card {
2667 background-color: #E8ECFF;
2668 border-radius: 12px;
2669 padding: 24px 24px 24px 24px;
2670 text-align: center;
2671 }
2672
2673 .flrt-upgrade-to-pro-popup-promo-title {
2674 font-size: 28px;
2675 font-weight: 700;
2676 color: #000000;
2677 line-height: 130%;
2678 margin-bottom: 16px;
2679 margin-top: 3px;
2680 }
2681
2682 .flrt-upgrade-to-pro-popup-modal .flrt-td-feature-flex {
2683 display: flex;
2684 /* baseline keeps the badge and the help icon on the FIRST line
2685 when a translated label wraps to two lines */
2686 align-items: baseline;
2687 }
2688
2689 .flrt-upgrade-to-pro-popup-modal .fetm-new-badge {
2690 background: #3858E9;
2691 color: #fff;
2692 padding: 2px 6px;
2693 border-radius: 14px;
2694 margin: 0 10px 0 6px;
2695 font-size: 10px;
2696 font-weight: 600;
2697 line-height: 1.5;
2698 display: inline-block;
2699 flex-shrink: 0;
2700 white-space: nowrap;
2701 }
2702
2703 .flrt-upgrade-to-pro-popup-modal .fetm-help-tip {
2704 display: inline-flex;
2705 align-items: center;
2706 justify-content: center;
2707 flex-shrink: 0;
2708 width: 16px;
2709 height: 16px;
2710 border: 1px solid #929292;
2711 border-radius: 50%;
2712 color: #929292;
2713 background: transparent;
2714 font-size: 11px;
2715 font-weight: 600;
2716 line-height: 1;
2717 margin-left: auto;
2718 cursor: help;
2719 }
2720
2721 .flrt-upgrade-to-pro-popup-rating {
2722 display: flex;
2723 align-items: center;
2724 justify-content: center;
2725 gap: 0;
2726 margin: -6px 0 12px;
2727 }
2728
2729 .flrt-upgrade-to-pro-popup-rating svg {
2730 display: block;
2731 margin: 0 -3px 0 0;
2732 }
2733
2734 .flrt-upgrade-to-pro-popup-rating-number {
2735 color: #000000;
2736 font-size: 14px;
2737 font-weight: 400;
2738 line-height: 130%;
2739 margin-left: 6px;
2740 }
2741
2742 .flrt-upgrade-to-pro-popup-subtitle {
2743 color: #000000;
2744 font-size: 17px;
2745 font-weight: 600;
2746 line-height: 130%;
2747 margin-bottom: 33px;
2748 }
2749
2750 .flrt-upgrade-to-pro-popup-pricing-row {
2751 color: #000000;
2752 font-size: 14px;
2753 display: flex;
2754 align-items: center;
2755 justify-content: center;
2756 gap: 10px;
2757 }
2758
2759 .flrt-upgrade-to-pro-popup-price-dot {
2760 color: #7B879C;
2761 }
2762 .flrt-upgrade-to-pro-popup-price-tag {
2763 font-size: 34px;
2764 line-height: 130%;
2765 font-weight: 600;
2766 }
2767 .flrt-upgrade-to-pro-popup-price-year{
2768 font-size: 14px;
2769 font-weight: 700;
2770 }
2771 .flrt-upgrade-to-pro-popup-under-button-text,
2772 .flrt-upgrade-to-pro-popup-support-text {
2773 margin-top: 28px;
2774 font-weight: 400;
2775 font-size: 13px;
2776 color: #565656;
2777 line-height: 130%;
2778 }
2779 /* "Plugin keeps working after expiry" only — underlined so the reassurance is not overlooked */
2780 .flrt-upgrade-to-pro-popup-support-text {
2781 text-decoration: underline;
2782 text-underline-offset: 3px;
2783 text-decoration-thickness: 1px;
2784 }
2785 .flrt-upgrade-to-pro-popup-under-button-text{
2786 margin: 16px 0 0 0;
2787 text-align: center;
2788 }
2789 .flrt-upgrade-to-pro-popup-unlock-btn {
2790 background-color: #3858E9 !important;
2791 color: white !important;
2792 text-align: center;
2793 padding: 15px 0;
2794 border-radius: 8px;
2795 text-decoration: none;
2796 font-weight: 500;
2797 margin-top: 12px;
2798 font-size: 18px;
2799 line-height: 100%;
2800 }
2801 .flrt-upgrade-to-pro-popup-unlock-btn:focus{
2802 border-radius: 8px;
2803 }
2804 .flrt-upgrade-to-pro-popup-unlock-btn:hover {
2805 opacity: 0.85;
2806 }
2807
2808 .flrt-upgrade-to-pro-popup-unlock-btn .wpc-crown-icon{
2809 position: relative;
2810 top: 1px;
2811 margin-left: 4px;
2812 }
2813
2814 @media (max-width: 768px) {
2815 .flrt-upgrade-to-pro-popup-modal-wrapper {
2816 padding: 0 12px;
2817 max-width: 370px;
2818 width: calc(100% - 24px);
2819 }
2820
2821 .flrt-upgrade-to-pro-popup-modal {
2822 flex-direction: column;
2823 padding: 54px 18px 32px 18px;
2824 width: 100%;
2825 }
2826
2827 .flrt-upgrade-to-pro-popup-close-btn {
2828 top: 18px;
2829 right: 18px;
2830 }
2831
2832 .flrt-upgrade-to-pro-popup-features-side {
2833 padding: 0;
2834 max-width: unset;
2835 }
2836
2837 .flrt-upgrade-to-pro-popup-tr-first .flrt-upgrade-to-pro-popup-td,
2838 .flrt-upgrade-to-pro-popup-td {
2839 padding: 8px 0 7px 0;
2840 }
2841
2842 .flrt-upgrade-to-pro-popup-tr-last .flrt-upgrade-to-pro-popup-td {
2843 padding: 8px 0 0 0;
2844 }
2845
2846 .flrt-upgrade-to-pro-popup-see-all-container {
2847 margin-top: 24px;
2848 }
2849
2850 .flrt-upgrade-to-pro-popup-promo-side {
2851 max-width: unset;
2852 }
2853
2854 .flrt-upgrade-to-pro-popup-promo-card {
2855 padding: 24px 18px;
2856 }
2857
2858 .flrt-upgrade-to-pro-popup-promo-title {
2859 margin-bottom: 8px;
2860 }
2861
2862 .flrt-upgrade-to-pro-popup-subtitle {
2863 margin-bottom: 26px;
2864 }
2865
2866 .flrt-upgrade-to-pro-popup-support-text {
2867 margin-top: 9px;
2868 }
2869 }
2870
2871 .wpc-pro-filter-set-badge .wpc-pro-badge-text {
2872 color: var(--wpc-pro-color) !important;
2873 }
2874 .post-type-filter-set #major-publishing-actions{
2875 display: block;
2876 }
2877 .wpc-tab-aboutpro {
2878 display: flex;
2879 }
2880 .wpc-nav-tab-icon{
2881 display: flex;
2882 align-items: center;
2883 margin-left: 4px;
2884 }
2885 @media screen and (max-width: 1160px) {
2886 .wpc-admin-toolbar .wpc-tab.wpc-importexportpro,
2887 .wpc-admin-toolbar .wpc-tab.wpc-importationexportationpro,
2888 .wpc-admin-toolbar .wpc-tab.wpc-importierenexportierenpro,
2889 .wpc-admin-toolbar .wpc-tab.wpc-pro,
2890 .wpc-admin-toolbar .wpc-importaesportapro,
2891 .wpc-admin-toolbar .wpc-importarexportarpro,
2892 .wpc-admin-toolbar .wpc-importerenexporterenpro,
2893 .wpc-admin-toolbar .wpc-tab.wpc-importujeksportujpro{
2894 display: none;
2895 }
2896 }
2897 .wpc-range-list-inputs{
2898 display: flex;
2899 }
2900 .wpc-range-list-inputs div{
2901 margin-right: 8px;
2902 margin-bottom: 8px;
2903 }
2904 .wpc-range-list-inputs input {
2905 width: 130px !important;
2906 }
2907 .wpc-range-list-value-error, .wpc-range-list-value-error-button{
2908 color: #d99e00;
2909 background: #fff6e1;
2910 margin-bottom: 8px;
2911 padding: 3px 12px;
2912 }
2913 .wpc-field-show-range-list-input{
2914 margin-bottom: 8px !important;
2915 }
2916 .wpc_set_fields-custom_posts_container-wrap{
2917 display: flex;
2918 }
2919 a.button.wpc-choose-selector{
2920 margin-left: 2px;
2921 }
2922
2923 #wpc-modal-overlay {
2924 position: fixed;
2925 inset: 0;
2926 background: rgba(0,0,0,0.7);
2927 z-index: 999999;
2928 display: flex;
2929 align-items: center;
2930 justify-content: center;
2931 }
2932
2933 .wpc-modal-content {
2934 position: relative;
2935 width: 95vw;
2936 height: 95vh;
2937 background: #fff;
2938 border-radius: 8px;
2939 overflow: hidden;
2940 display: flex;
2941 flex-direction: column;
2942 }
2943
2944 .wpc-modal-header {
2945 padding: 10px 16px;
2946 background: #23282d;
2947 display: flex;
2948 justify-content: space-between;
2949 align-items: center;
2950 }
2951
2952 .wpc-modal-title {
2953 color: #fff;
2954 font-size: 14px;
2955 }
2956
2957 .wpc-modal-close {
2958 background: none;
2959 border: none;
2960 color: #fff;
2961 font-size: 20px;
2962 cursor: pointer;
2963 line-height: 1;
2964 }
2965 #wpc-selector-iframe{
2966 flex: 1;
2967 border: none;
2968 width: 100%;
2969 }
2970 .wpc-modal-description{
2971 border-radius: 4px;
2972 border: 3px solid#ffdd00;
2973 background: #000;
2974 color: #ffdd00;
2975 padding: 10px 24px;
2976 position: relative;
2977 font-size: 16px;
2978 font-weight: bold;
2979 }
2980 #wpc-choose-element-loading-spinner {
2981 display: flex;
2982 justify-content: center;
2983 align-items: center;
2984 height: 100%;
2985 width: 100%;
2986 }
2987
2988 #wpc-choose-element-loading-spinner .choose-element-spinner {
2989 border: 4px solid #f3f3f3;
2990 border-top: 4px solid var(--main-color);
2991 border-radius: 50%;
2992 width: 40px;
2993 height: 40px;
2994 animation: spin 1s linear infinite;
2995 }
2996
2997 @keyframes spin {
2998 0% { transform: rotate(0deg); }
2999 100% { transform: rotate(360deg); }
3000 }
3001
3002 /* --- Review request popup (free build) --- */
3003 /* Sized to match the Upgrade-to-PRO popup footprint (max 740px); the
3004 original 1060px design is scaled down proportionally. */
3005 #flrt-review-popup-overlay {
3006 display: flex;
3007 position: fixed;
3008 top: 0;
3009 left: 0;
3010 width: 100%;
3011 height: 100%;
3012 background: rgba(0, 0, 0, 0.6);
3013 z-index: 99999;
3014 justify-content: center;
3015 align-items: center;
3016 padding: 24px 16px;
3017 box-sizing: border-box;
3018 }
3019
3020 .flrt-review-popup-wrapper *,
3021 .flrt-review-popup-wrapper {
3022 box-sizing: border-box;
3023 margin: 0;
3024 padding: 0;
3025 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
3026 }
3027
3028 /* One compact column (App-Store style): the question card, the button, the
3029 two quiet ways out and a support link — nothing to read first. */
3030 .flrt-review-popup-wrapper {
3031 width: 420px;
3032 max-width: 100%;
3033 max-height: 100%;
3034 overflow-y: auto;
3035 }
3036
3037 .flrt-review-popup-modal {
3038 position: relative;
3039 background: #ffffff;
3040 border-radius: 12px;
3041 box-shadow: 0 24px 64px rgba(0, 0, 0, 0.35);
3042 display: flex;
3043 flex-direction: column;
3044 padding: 44px 28px 22px 28px;
3045 }
3046
3047 .flrt-review-popup-close-btn {
3048 position: absolute;
3049 top: 14px;
3050 right: 16px;
3051 width: 28px;
3052 height: 28px;
3053 display: flex;
3054 align-items: center;
3055 justify-content: center;
3056 cursor: pointer;
3057 color: #9aa0b4;
3058 font-size: 20px;
3059 line-height: 1;
3060 border-radius: 8px;
3061 }
3062
3063 .flrt-review-popup-close-btn:hover {
3064 color: #4a5068;
3065 background: #f2f3f8;
3066 }
3067
3068 .flrt-review-popup-card {
3069 background: #e9ebfc;
3070 border-radius: 12px;
3071 padding: 26px 22px;
3072 display: flex;
3073 flex-direction: column;
3074 align-items: center;
3075 text-align: center;
3076 }
3077
3078 .flrt-review-popup-card-title {
3079 font-size: 23px;
3080 font-weight: 700;
3081 color: #16181f;
3082 line-height: 1.2;
3083 letter-spacing: -0.01em;
3084 }
3085
3086 .flrt-review-popup-stars {
3087 display: flex;
3088 gap: 5px;
3089 margin-top: 14px;
3090 }
3091
3092 .flrt-review-popup-star {
3093 font-size: 25px;
3094 line-height: 1;
3095 color: #3b47e0;
3096 text-decoration: none;
3097 cursor: pointer;
3098 }
3099
3100 /* Hovering a star lights up it and the ones before it */
3101 .flrt-review-popup-stars:hover .flrt-review-popup-star {
3102 color: #f5a623;
3103 }
3104
3105 .flrt-review-popup-stars .flrt-review-popup-star:hover ~ .flrt-review-popup-star {
3106 color: #c9cde8;
3107 }
3108
3109 .flrt-review-popup-card-text {
3110 font-size: 13.5px;
3111 color: #2a2e3b;
3112 line-height: 1.5;
3113 margin-top: 14px;
3114 max-width: 240px;
3115 }
3116
3117 .flrt-review-popup-rate-btn {
3118 display: flex;
3119 align-items: center;
3120 justify-content: center;
3121 gap: 8px;
3122 margin-top: 14px;
3123 background: #3b47e0;
3124 color: #ffffff;
3125 font-size: 15px;
3126 font-weight: 600;
3127 border-radius: 8px;
3128 padding: 13px 20px;
3129 text-decoration: none;
3130 }
3131
3132 .flrt-review-popup-rate-btn:hover,
3133 .flrt-review-popup-rate-btn:focus {
3134 background: #2733b8;
3135 color: #ffffff;
3136 text-decoration: none;
3137 }
3138
3139 .flrt-review-popup-rate-btn-star {
3140 font-size: 13px;
3141 }
3142
3143 /* "opens in a new window" hint on the Rate button */
3144 .flrt-review-popup-rate-btn-ext {
3145 display: inline-flex;
3146 align-items: center;
3147 margin-left: 2px;
3148 opacity: 0.9;
3149 }
3150
3151 .flrt-review-popup-rate-btn-ext svg {
3152 display: block;
3153 width: 15px;
3154 height: 15px;
3155 }
3156
3157 .flrt-review-popup-dismiss-row {
3158 display: flex;
3159 align-items: center;
3160 justify-content: center;
3161 gap: 18px;
3162 margin-top: 12px;
3163 }
3164
3165 .flrt-review-popup-later,
3166 .flrt-review-popup-never {
3167 font-size: 13px;
3168 color: #6b7186;
3169 cursor: pointer;
3170 }
3171
3172 .flrt-review-popup-later:hover,
3173 .flrt-review-popup-never:hover {
3174 color: #2a2e3b;
3175 text-decoration: underline;
3176 }
3177
3178 .flrt-review-popup-dismiss-dot {
3179 width: 4px;
3180 height: 4px;
3181 border-radius: 50%;
3182 background: #c9cde8;
3183 }
3184
3185 .flrt-review-popup-support-line {
3186 margin-top: 18px;
3187 font-size: 12.5px;
3188 color: #6b7186;
3189 line-height: 1.5;
3190 text-align: center;
3191 }
3192
3193 .flrt-review-popup-support-line a {
3194 color: #3b47e0;
3195 font-weight: 600;
3196 text-decoration: none;
3197 }
3198
3199 .flrt-review-popup-support-line a:hover {
3200 color: #2733b8;
3201 text-decoration: underline;
3202 }
3203
3204 /* Narrow admin / mobile (782px is the WP admin mobile breakpoint): tighter
3205 paddings so the popup fits one screen. */
3206 @media (max-width: 782px) {
3207 .flrt-review-popup-wrapper {
3208 margin-top: 16px;
3209 }
3210
3211 .flrt-review-popup-modal {
3212 padding: 40px 18px 18px 18px;
3213 }
3214
3215 .flrt-review-popup-card {
3216 padding: 20px 16px;
3217 }
3218
3219 .flrt-review-popup-card-title {
3220 font-size: 20px;
3221 }
3222 }
3223
3224 /* What's new page (src/Admin/WhatsNew.php) */
3225 .wpc-whats-new .wpc-whats-new-date{color:#646970;margin-top:-6px}
3226 .wpc-whats-new-list{list-style:none;margin:16px 0 20px;padding:0;max-width:860px}
3227 .wpc-whats-new-list li{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:12px 14px;margin:0 0 8px;font-size:14px;line-height:1.55}
3228 .wpc-whats-new-tag{display:inline-block;font-size:11px;font-weight:600;line-height:1;padding:4px 7px;border-radius:3px;background:#f0f0f1;color:#50575e;margin:0 8px 0 0;vertical-align:middle;text-transform:uppercase;letter-spacing:.02em}
3229 .wpc-whats-new-tag-new{background:#0570e2;color:#fff}
3230 .wpc-whats-new-earlier{max-width:860px;margin-top:24px}
3231 .wpc-whats-new-earlier summary{cursor:pointer;font-weight:600;font-size:14px;padding:6px 0}
3232 .wpc-whats-new-earlier h3{margin:18px 0 6px;font-size:14px}
3233 .wpc-whats-new-earlier h3 small{color:#646970;font-weight:400;margin-left:6px}
3234 .wpc-whats-new-earlier ul{list-style:disc;margin:0 0 0 20px}
3235 .wpc-whats-new-earlier li{margin:0 0 4px;color:#3c434a}
3236 #adminmenu .flrt-whats-new-badge{margin-left:5px}
3237
3238 /* Toolbar brand: logo + name link back to the Filter Sets list; version in the same colour as the name (both builds) */
3239 .wpc-admin-toolbar h2 .wpc-toolbar-brand{color:inherit;text-decoration:none;display:inline-block}
3240 .wpc-admin-toolbar h2 .wpc-toolbar-brand:hover,
3241 .wpc-admin-toolbar h2 .wpc-toolbar-brand:focus{color:inherit;text-decoration:none;box-shadow:none}
3242 .wpc-admin-toolbar h2 .wpc-plugin-version{font-size:13px;font-weight:400;color:inherit;margin-left:6px;vertical-align:baseline}
3243