PluginProbe
BerqWP – All-In-One Optimization for Core Web Vitals, Cache, CDN, Images, CSS & JavaScript / trunk
BerqWP – All-In-One Optimization for Core Web Vitals, Cache, CDN, Images, CSS & JavaScript vtrunk
4.1.16 4.1.15 4.1.14 4.1.13 4.1.12 4.1.11 4.1.10 4.0.30 4.0.29 4.0.28 4.0.27 4.0.26 4.0.24 4.0.25 4.0.23 4.0.22 4.0.21 4.0.19 4.0.18 4.0.17 4.0.16 1.9.3 1.9.4 1.9.5 1.9.6 All 170 releases
← All changes | admin/css/style.css +706 -72 1.9.7trunk View file →
@@ -1,18 +1,41 @@
1 +body {
2 + background-color: #fff !important;
3 +}
4 +
1 5 .berqwp-dashbaord {
2 - font-family: "Source Sans 3", sans-serif !important;
3 - margin: 20px 0px;
4 - background-color: #fff;
5 - border-radius: 10px;
6 - overflow: hidden;
6 + font-family: "Lato", sans-serif !important;
7 + background-color: #f7faff;
8 + transition: all 0.3s ease;
7 9 }
10 +.berqwp-dashbaord ul {
11 + font-size: 15px;
12 +}
13 +.berqwp-dashbaord .bwp-notice {
14 + margin-right: 0px !important;
15 + box-shadow: none !important;
16 +}
17 +.berqwp-dashbaord.sticky {
18 + position: fixed;
19 + top: 12px;
20 + margin-left: -22px;
21 + margin-right: 0px;
22 + padding-bottom: 100vh;
23 + margin-bottom: 100vh;
24 + border-radius: 0;
25 + z-index: 99;
26 +}
8 27
28 +.berqwp-dashbaord * {
29 + box-sizing: border-box;
30 +}
31 +
9 32 .berqwp-header {
10 - padding: 16px 20px;
33 + padding: 16px 30px;
11 34 display: flex;
12 35 align-items: center;
13 36 justify-content: space-between;
14 - background: #f7faff;
37 + padding-top: 25px;
15 38 }
16 39
17 40 .berqwp-header img {
18 41 height: 40px;
@@ -36,17 +59,52 @@
36 59
37 60 .berqwp-header-right {
38 61 display: flex;
39 62 align-items: center;
40 - gap: 20px;
63 + gap: 10px;
41 64 }
65 +.berqwp-header-right .optimization-methods-switch {
66 + display: flex;
67 + justify-content: center;
68 + align-items: center;
69 + background-color: #fff;
70 + border: 1px solid #d4dff2;
71 + border-radius: 8px;
72 + overflow: hidden;
73 +}
74 +.berqwp-header-right .optimization-methods-switch.local .method-local {
75 + color: #1f71ff;
76 + border-bottom: 3px solid #1f71ff;
77 +}
78 +.berqwp-header-right .optimization-methods-switch.cloud .method-cloud {
79 + color: #1f71ff;
80 + border-bottom: 3px solid #1f71ff;
81 +}
82 +.berqwp-header-right .optimization-methods-switch a {
83 + display: flex;
84 + justify-content: center;
85 + align-items: center;
86 + font-size: 15px;
87 + color: #0c2d66;
88 + padding: 8px 13px;
89 + gap: 6px;
90 + cursor: pointer;
91 +}
92 +.berqwp-header-right .optimization-methods-switch a:first-child {
93 + border-right: 1px solid #d4dff2;
94 +}
95 +.berqwp-header-right .optimization-methods-switch svg {
96 + width: 16px;
97 + height: auto;
98 + display: flex;
99 +}
42 100
43 101 .berqwp-upgrade {
44 - color: #FFF;
102 + color: #fff;
45 103 font-size: 16px;
46 104 font-style: normal;
47 105 font-weight: 600;
48 - background: #1F71FF;
106 + background: #1f71ff;
49 107 display: flex;
50 108 align-items: center;
51 109 gap: 5px;
52 110 padding: 12px 20px;
@@ -54,36 +112,53 @@
54 112
55 113 .berqwp-dashbord-body {
56 114 display: flex;
57 115 flex-wrap: wrap;
116 + position: relative;
117 + border-bottom-left-radius: 10px;
118 + border-bottom-right-radius: 10px;
58 119 }
59 120
60 121 .berqwp-tabs {
61 - width: 300px;
62 - background: #0D2958;
122 + width: 280px;
123 + align-self: start;
124 + position: relative;
125 + top: 30px;
126 + padding-left: 30px;
63 127 }
64 128
129 +.sticky .berqwp-tabs {
130 + overflow-y: scroll;
131 + height: 85vh;
132 +}
133 +
65 134 .berqwp-tab {
66 135 padding: 18px 20px;
67 136 font-size: 16px;
68 - border-bottom: 1px solid rgba(255, 255, 255, 0.1294117647);
69 137 cursor: pointer;
70 138 color: #fff;
71 - font-weight: 500;
139 + background-color: transparent;
140 + color: #363636;
141 + border-radius: 5px;
142 + margin-bottom: 10px;
143 + padding: 15px 20px;
144 + font-size: 15px;
72 145 }
73 146
74 147 .berqwp-tab-content {
75 - width: calc(100% - 300px);
76 - padding: 0 25px;
148 + width: calc(100% - 280px);
149 + padding: 0 55px;
77 150 padding-top: 25px;
78 - height: 100vh;
151 + background: #f7faff;
152 + border-bottom-right-radius: 10px;
153 +}
154 +
155 +.sticky .berqwp-tab-content {
79 156 overflow-y: scroll;
80 - overflow-x: hidden;
81 - background: #F7FAFF;
82 157 }
83 158
84 159 h2.berq-tab-title {
85 - color: #465774;
160 + color: #353535;
86 161 font-size: 25px;
87 162 font-style: normal;
88 163 font-weight: 600;
89 164 line-height: normal;
@@ -88,24 +163,24 @@
88 163 font-weight: 600;
89 164 line-height: normal;
90 165 margin: 0;
91 166 padding-bottom: 15px;
92 - border-bottom: 1px solid #E8F0FF;
167 + border-bottom: 1px solid #e8f0ff;
93 168 margin-bottom: 20px;
94 169 }
95 170
96 171 .berq-info-box {
97 - border: 1px solid rgb(228, 237, 251);
98 - background: #FFF;
172 + border: 1px solid rgb(220, 230, 244);
173 + background: #fff;
99 174 box-shadow: 0px 3px 5px 0px rgba(83, 113, 167, 0.05);
100 - padding: 16px;
175 + padding: 20px;
101 176 margin-bottom: 20px;
102 - border-radius: 8px;
177 + border-radius: 13px;
103 178 }
104 179
105 180 h3.berq-box-title {
106 - color: #0C2D66;
107 - font-size: 18px;
181 + color: #002159;
182 + font-size: 16px;
108 183 font-style: normal;
109 184 font-weight: 600;
110 185 line-height: normal;
111 186 margin: 0;
@@ -114,9 +189,9 @@
114 189
115 190 .berq-box-content p {
116 191 margin: 0;
117 192 font-size: 16px;
118 - color: #465774;
193 + color: #6071a4;
119 194 }
120 195
121 196 .berq-dual-box > div {
122 197 flex: 1;
@@ -135,12 +210,12 @@
135 210 line-height: 100%;
136 211 }
137 212
138 213 a.berq-btn {
139 - background: #5057FF;
214 + background: #fff;
140 215 border-radius: 6px;
141 216 padding: 10px 20px;
142 - color: #FFF;
217 + color: #384a69;
143 218 font-size: 15px;
144 219 font-style: normal;
145 220 display: block;
146 221 line-height: normal;
@@ -146,11 +221,14 @@
146 221 line-height: normal;
147 222 width: -moz-fit-content;
148 223 width: fit-content;
149 224 margin-bottom: 5px;
225 + border: 1px solid #dbe9fe;
226 + box-shadow: 0px 0px 7px -6px #000;
150 227 }
151 228 a.berq-btn:hover {
152 229 background-color: #3d44d9;
230 + border-color: #3d44d9;
153 231 color: #fff;
154 232 text-decoration: none;
155 233 }
156 234
@@ -178,10 +256,10 @@
178 256 font-size: 15px;
179 257 padding: 12px 20px;
180 258 text-transform: uppercase;
181 259 color: #fff;
182 - background: #5057FF;
183 - border-radius: 6px;
260 + background: #1f71ff;
261 + border-radius: 10px;
184 262 margin-bottom: 20px;
185 263 cursor: pointer;
186 264 }
187 265 button.berqwp-save:hover {
@@ -188,16 +266,32 @@
188 266 background-color: #3d44d9;
189 267 color: #fff;
190 268 text-decoration: none;
191 269 }
270 +button.berqwp-save.cf {
271 + margin-top: 10px;
272 + text-transform: inherit;
273 + background-color: #f6821f;
274 +}
275 +button.berqwp-save.cf:hover {
276 + background-color: #e29230;
277 +}
192 278
193 279 .berqwp-tab.active {
194 - background: #f7faff;
195 - color: #0d2958;
196 - box-shadow: inset 5px 0px 0px 0px #1f72ff;
280 + background-color: #ece8ff;
197 281 border-bottom: none;
282 + color: #fff;
283 + font-weight: 400;
284 + /* background-color: #fff; */
285 + color: #000;
198 286 }
199 287
288 +.berqwp-tab.active p {
289 + color: #000000;
290 + font-size: 13px;
291 + margin-top: 5px;
292 +}
293 +
200 294 p.berq-cache-lifespan {
201 295 margin-top: 16px;
202 296 }
203 297
@@ -366,9 +460,9 @@
366 460 }
367 461
368 462 .berq-img-action > div {
369 463 padding: 10px 20px;
370 - background: #1F71FF;
464 + background: #1f71ff;
371 465 font-size: 15px;
372 466 color: #fff;
373 467 cursor: pointer;
374 468 }
@@ -374,9 +468,9 @@
374 468 }
375 469
376 470 .berq-img-action > .berq-delete-webp {
377 471 background: rgba(255, 64, 64, 0.12);
378 - color: #FF4040;
472 + color: #ff4040;
379 473 }
380 474
381 475 .lds-ring {
382 476 display: inline-block;
@@ -427,9 +521,9 @@
427 521 }
428 522
429 523 .berq-optimization-guide {
430 524 background: #10326b;
431 - font-family: "Source Sans 3", sans-serif !important;
525 + font-family: "Lato", sans-serif !important;
432 526 padding: 25px;
433 527 border-radius: 10px;
434 528 box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);
435 529 }
@@ -453,8 +547,9 @@
453 547 font-size: 15px;
454 548 }
455 549
456 550 .berqwp-tab p {
551 + display: none;
457 552 margin: 0;
458 553 margin-top: 10px;
459 554 font-size: 13px;
460 555 opacity: 0.7;
@@ -461,9 +556,8 @@
461 556 font-weight: normal;
462 557 }
463 558
464 559 .berqwp-header::before {
465 - content: "";
466 560 background: #0d2958;
467 561 position: absolute;
468 562 width: 300px;
469 563 height: 102%;
@@ -497,9 +591,10 @@
497 591 color: rgba(255, 255, 255, 0.8901960784);
498 592 font-size: 15px;
499 593 }
500 594
501 -.berq-info-box.unlock-js-optimization a.upgrade-btn, .berqwp-header a.upgrade-btn {
595 +.berq-info-box.unlock-js-optimization a.upgrade-btn,
596 +.berqwp-header a.upgrade-btn {
502 597 background-image: linear-gradient(45deg, #5521ff, #05b9ff);
503 598 font-size: 14px;
504 599 color: #ffffff;
505 600 padding: 15px 20px;
@@ -517,16 +612,27 @@
517 612 display: block;
518 613 color: #465774;
519 614 font-size: 15px;
520 615 width: 100%;
616 + background-color: #f7faff;
617 + border-radius: 10px;
618 + border: 1px solid #d4dff2;
521 619 }
522 620
523 -.berq-info-box.guide p, .berq-info-box.guide a {
621 +.berq-info-box select {
622 + margin-top: 16px;
623 + display: block;
624 + color: #465774;
625 + font-size: 15px;
626 +}
627 +
628 +.berq-info-box.guide p,
629 +.berq-info-box.guide a {
524 630 color: #fff;
525 631 }
526 632
527 633 .berq-info-box.guide {
528 - background-color: #4567a1;
634 + background-color: #273f67;
529 635 }
530 636
531 637 .slider.slider-horizontal {
532 638 width: calc(100% - 100px) !important;
@@ -556,9 +662,9 @@
556 662 margin: 0 30px;
557 663 }
558 664
559 665 .optimzation-slider .slider-tick.round {
560 - background-color: #D2E3FF;
666 + background-color: #d2e3ff;
561 667 background-image: none;
562 668 box-shadow: none;
563 669 opacity: 1;
564 670 border: none;
@@ -573,14 +679,14 @@
573 679 box-shadow: none;
574 680 }
575 681
576 682 .optimzation-slider .slider-selection.tick-slider-selection {
577 - background-color: #1F71FF !important;
683 + background-color: #1f71ff !important;
578 684 background-image: none;
579 685 }
580 686
581 687 .optimzation-slider .slider-handle.min-slider-handle.round {
582 - background: #1F71FF !important;
688 + background: #1f71ff !important;
583 689 z-index: 9;
584 690 }
585 691
586 692 .optimzation-slider .slider.slider-horizontal .slider-tick-label-container {
@@ -635,38 +741,121 @@
635 741 opacity: 0.9;
636 742 visibility: visible;
637 743 }
638 744
639 -.slider .bs-tooltip-top .tooltip-inner, .slider .bs-tooltip-bottom .tooltip-inner {
745 +.slider .bs-tooltip-top .tooltip-inner,
746 +.slider .bs-tooltip-bottom .tooltip-inner {
640 747 left: -20% !important;
641 748 }
642 749
643 -.slider .tooltip.bs-tooltip-top .arrow, .slider .tooltip.bs-tooltip-bottom .arrow {
750 +.slider .tooltip.bs-tooltip-top .arrow,
751 +.slider .tooltip.bs-tooltip-bottom .arrow {
644 752 left: 30px !important;
645 753 }
646 754
647 755 #berqwp-intro {
648 - background-color: #F7FAFF;
756 + background-color: transparent;
649 757 border-radius: 20px;
650 - border: 1px solid #E6E6E6;
651 758 display: flex;
652 759 flex-direction: column;
653 760 justify-content: center;
654 761 align-items: center;
655 - -webkit-font-smoothing: antialiased;
656 762 padding: 70px 20px;
763 + padding-bottom: 100px;
764 + max-width: 800px;
765 + margin: 0 auto;
766 + padding-bottom: 30px;
767 + margin-top: 50px;
657 768 }
769 +#berqwp-intro img.logo {
770 + width: 140px;
771 + margin-bottom: 30px;
772 +}
658 773 #berqwp-intro h2.title {
659 - font-size: 47px;
774 + font-size: 35px;
660 775 text-align: center;
661 776 color: #222222;
662 777 line-height: normal;
663 - max-width: 730px;
778 + max-width: 570px;
664 779 font-weight: 500;
665 780 text-transform: capitalize;
666 781 margin: 0;
667 - margin-bottom: 75px;
782 + margin-bottom: 40px;
668 783 }
784 +#berqwp-intro .inner {
785 + display: flex;
786 + justify-content: center;
787 + align-items: center;
788 + gap: 10px;
789 +}
790 +#berqwp-intro .inner input[type=email],
791 +#berqwp-intro .inner input[type=password] {
792 + background-color: #fff;
793 + padding: 10px 13px;
794 + border: 1px solid #dad2ff;
795 + border-radius: 8px;
796 + font-size: 14px;
797 + line-height: 1;
798 +}
799 +#berqwp-intro .inner button[type=submit] {
800 + background-color: #1f71ff;
801 + padding: 10px 13px;
802 + border: 1px solid #1f71ff;
803 + border-radius: 8px;
804 + font-size: 14px;
805 + cursor: pointer;
806 + color: #fff;
807 + line-height: 1;
808 +}
809 +#berqwp-intro .inner button[type=submit][disabled] {
810 + opacity: 0.7;
811 + cursor: not-allowed;
812 +}
813 +#berqwp-intro .optimization-method-block {
814 + margin-bottom: 50px;
815 +}
816 +#berqwp-intro .optimization-method-block h3 {
817 + text-align: center;
818 + font-size: 18px;
819 +}
820 +#berqwp-intro .optimization-method-block p {
821 + text-align: center;
822 + font-size: 14px;
823 + max-width: 400px;
824 + margin-bottom: 30px;
825 +}
826 +#berqwp-intro .optimization-method-block .optimization-method-options {
827 + display: flex;
828 + align-items: center;
829 + justify-content: center;
830 + gap: 10px;
831 +}
832 +#berqwp-intro .optimization-method-block .optimization-method-options input[type=radio] {
833 + display: none;
834 +}
835 +#berqwp-intro .optimization-method-block .optimization-method-options input[type=radio]:checked + .optimization-method {
836 + border-color: #1f71ff;
837 + background-color: #1f71ff;
838 + color: #fff;
839 +}
840 +#berqwp-intro .optimization-method-block .optimization-method-options .optimization-method {
841 + display: flex;
842 + justify-content: center;
843 + align-items: center;
844 + background-color: #fff;
845 + padding: 10px 13px;
846 + border: 1px solid #dad2ff;
847 + border-radius: 8px;
848 + gap: 8px;
849 + font-weight: 500;
850 + font-size: 14px;
851 + cursor: pointer;
852 +}
853 +#berqwp-intro .optimization-method-block .optimization-method-options .optimization-method .icon svg {
854 + width: 16px;
855 + height: auto;
856 + display: flex;
857 +}
669 858 #berqwp-intro form.license-verification {
670 859 display: flex;
671 860 align-items: center;
672 861 gap: 10px;
@@ -677,21 +866,21 @@
677 866 border-radius: 6px;
678 867 padding: 16px 24px;
679 868 line-height: 1;
680 869 background: #fff;
681 - border: 1px solid #D7D7D7;
870 + border: 1px solid #d7d7d7;
682 871 width: 280px;
683 872 }
684 873 #berqwp-intro form.license-verification input[type=password]::-moz-placeholder {
685 - color: #928E8E;
874 + color: #928e8e;
686 875 }
687 876 #berqwp-intro form.license-verification input[type=password]::placeholder {
688 - color: #928E8E;
877 + color: #928e8e;
689 878 }
690 879 #berqwp-intro form.license-verification input[type=submit] {
691 880 border: none;
692 881 color: #fff;
693 - background: #5057FF;
882 + background: #1f71ff;
694 883 align-self: stretch;
695 884 padding: 20px 40px;
696 885 font-size: 18px;
697 886 font-weight: 400;
@@ -712,24 +901,31 @@
712 901 display: flex;
713 902 gap: 10px;
714 903 justify-content: center;
715 904 align-items: center;
716 - margin-top: 60px;
905 + margin-top: 30px;
717 906 }
718 907 #berqwp-intro .cta-btns a.btn {
719 - background: #1F71FF;
720 - border-radius: 6px;
908 + background: #1f71ff;
909 + border-radius: 9px;
721 910 display: flex;
722 911 align-items: center;
723 - gap: 10px;
912 + gap: 7px;
724 913 color: #fff;
725 - padding: 15px 30px;
726 - font-size: 18px;
914 + padding: 12px 20px;
915 + font-size: 15px;
727 916 text-decoration: none;
728 917 }
729 918 #berqwp-intro .cta-btns a.btn:hover {
730 919 background-color: #2067e3;
731 920 }
921 +#berqwp-intro .cta-btns a.btn.secondary {
922 + background: #edeef1;
923 + color: #222;
924 +}
925 +#berqwp-intro .cta-btns a.btn.secondary:hover {
926 + background-color: #e0e1e5;
927 +}
732 928
733 929 p.below-settings-panel {
734 930 text-align: center;
735 931 font-size: 16px;
@@ -778,19 +974,22 @@
778 974 margin-top: 20px;
779 975 color: #465774;
780 976 }
781 977
782 -div.dt-container.dt-empty-footer tbody > tr:last-child > *, table.dataTable > tbody > tr:not(:last-child) {
978 +div.dt-container.dt-empty-footer tbody > tr:last-child > *,
979 +table.dataTable > tbody > tr:not(:last-child) {
783 980 border-bottom: 1px solid #dae8ff;
784 981 }
785 982
786 -table.dataTable > thead > tr > th, table.dataTable > thead > tr > td {
983 +table.dataTable > thead > tr > th,
984 +table.dataTable > thead > tr > td {
787 985 padding: 10px;
788 986 border-bottom: 1px solid #dae8ff;
789 987 }
790 988
791 -div.dt-container .dt-paging .dt-paging-button.current, div.dt-container .dt-paging .dt-paging-button.current:hover {
792 - background: #5057ff !important;
989 +div.dt-container .dt-paging .dt-paging-button.current,
990 +div.dt-container .dt-paging .dt-paging-button.current:hover {
991 + background: #1f71ff !important;
793 992 border: none;
794 993 font-size: 15px;
795 994 padding: 6px 13px;
796 995 color: #fff !important;
@@ -810,13 +1009,8 @@
810 1009 font-size: 15px;
811 1010 padding: 6px 13px;
812 1011 }
813 1012
814 -.bwp_feedback a:last-child {
815 - display: block !important;
816 - text-align: end !important;
817 -}
818 -
819 1013 .berqwp-notification {
820 1014 display: flex;
821 1015 margin: 20px 0;
822 1016 background-color: #333333;
@@ -831,8 +1025,9 @@
831 1025 }
832 1026 .berqwp-notification.warning {
833 1027 background-color: #fff074;
834 1028 color: #7b6904;
1029 + border: 1px solid #eee069;
835 1030 }
836 1031 .berqwp-notification.warning .icon svg {
837 1032 fill: #7b6904;
838 1033 }
@@ -856,5 +1051,444 @@
856 1051 }
857 1052 span.bwp-cache-tag.completed {
858 1053 background-color: #beffab;
859 1054 color: #008d31;
1055 +}
1056 +
1057 +div.dt-container .dt-search input {
1058 + border: 1px solid #dce6f7;
1059 + border-radius: 10px;
1060 + background-color: #f4f8ff;
1061 +}
1062 +
1063 +a.berqwp-refresh-license-btn {
1064 + background-color: #cfffe8;
1065 + padding: 5px;
1066 + border-radius: 4px;
1067 + position: absolute;
1068 + right: 16px;
1069 + display: flex;
1070 + justify-content: center;
1071 + align-items: center;
1072 + transition: all 0.3s ease;
1073 +}
1074 +a.berqwp-refresh-license-btn:hover {
1075 + background-color: #b9fddc;
1076 +}
1077 +
1078 +label.berq-check input[type=text] {
1079 + width: 300px;
1080 + display: block;
1081 + font-weight: normal;
1082 + max-width: 300px;
1083 + border: 1px solid #d3d3d3;
1084 + padding: 2px 10px;
1085 +}
1086 +
1087 +.berqwp-cf-connected {
1088 + background-color: #c4ffc4;
1089 + width: -moz-fit-content;
1090 + width: fit-content;
1091 + padding: 10px 20px;
1092 + margin-top: 15px;
1093 + border-radius: 10px;
1094 + display: flex;
1095 + align-items: center;
1096 +}
1097 +.berqwp-cf-connected svg {
1098 + width: 35px;
1099 + height: auto;
1100 + fill: #22b522;
1101 + margin-right: 10px;
1102 +}
1103 +
1104 +input.bwp-disable-cf {
1105 + margin-top: 10px;
1106 + border: none;
1107 + color: #ff1e1e;
1108 + background: transparent;
1109 + padding: 0;
1110 + font-size: 15px;
1111 + margin-left: auto;
1112 + display: block;
1113 +}
1114 +
1115 +.berqwp-lifespan-options,
1116 +.berqwp-inline-radio-select {
1117 + margin-top: 16px;
1118 + display: flex;
1119 + flex-wrap: wrap;
1120 + align-items: center;
1121 + gap: 15px;
1122 +}
1123 +.berqwp-lifespan-options label,
1124 +.berqwp-inline-radio-select label {
1125 + flex-grow: 2;
1126 + max-width: 200px;
1127 + padding: 10px 15px;
1128 + margin: 0;
1129 + border: 1px solid #e0e9fa;
1130 + border-radius: 5px;
1131 + color: #0c2d66;
1132 + cursor: pointer;
1133 + font-size: 14px;
1134 +}
1135 +.berqwp-lifespan-options label:focus-within, .berqwp-lifespan-options label.selected,
1136 +.berqwp-inline-radio-select label:focus-within,
1137 +.berqwp-inline-radio-select label.selected {
1138 + background-color: #1f71ff;
1139 + border-color: #1f71ff;
1140 + color: #fff;
1141 +}
1142 +.berqwp-lifespan-options label.selected input,
1143 +.berqwp-inline-radio-select label.selected input {
1144 + border-color: #fff;
1145 +}
1146 +
1147 +.berqwp-pagecompress-options {
1148 + margin-top: 16px;
1149 +}
1150 +.berqwp-pagecompress-options a {
1151 + box-shadow: none;
1152 +}
1153 +.berqwp-pagecompress-options a .berqwp-loader {
1154 + display: none;
1155 +}
1156 +
1157 +.bwp-disable-pagecompression {
1158 + cursor: pointer;
1159 + background: #fff;
1160 + border-radius: 6px;
1161 + padding: 10px 20px;
1162 + color: #384a69;
1163 + font-size: 15px;
1164 + font-style: normal;
1165 + display: block;
1166 + line-height: normal;
1167 + width: -moz-fit-content;
1168 + width: fit-content;
1169 + margin-bottom: 5px;
1170 + border: 1px solid #dbe9fe;
1171 +}
1172 +
1173 +.berq-info-box .feature-blocks {
1174 + display: flex;
1175 + gap: 10px;
1176 + margin: 20px 0;
1177 +}
1178 +.berq-info-box .feature-blocks .single-feature {
1179 + background-color: #f3f3ff;
1180 + padding: 13px;
1181 + border: 1px solid #b5b8ff;
1182 + border-radius: 7px;
1183 +}
1184 +.berq-info-box .feature-blocks .single-feature .h5 {
1185 + font-size: 14px;
1186 + font-weight: 600;
1187 + color: #0c2d66;
1188 +}
1189 +.berq-info-box .feature-blocks .single-feature p {
1190 + color: #0c2d66;
1191 + font-size: 14px;
1192 +}
1193 +
1194 +.berq-info-box.fluid-images ul li {
1195 + margin-left: 20px;
1196 + color: #0c2d66;
1197 +}
1198 +
1199 +.berq-info-box.fluid-images ul {
1200 + list-style: square;
1201 +}
1202 +
1203 +a.fluid-images-signup {
1204 + font-size: 15px;
1205 + padding: 12px 20px;
1206 + text-transform: uppercase;
1207 + color: #fff !important;
1208 + background: #1f71ff;
1209 + border-radius: 6px;
1210 + display: inline-block;
1211 +}
1212 +
1213 +div#wpcontent {
1214 + padding-left: 0;
1215 +}
1216 +
1217 +.berqwp-tab {
1218 + display: flex;
1219 + align-items: center;
1220 + gap: 7px;
1221 +}
1222 +
1223 +.berqwp-tab .icon {
1224 + display: flex;
1225 +}
1226 +.berqwp-tab .icon svg {
1227 + width: 20px;
1228 + height: auto;
1229 + color: #000;
1230 +}
1231 +
1232 +.berq-info-box.guide .berq-box-content {
1233 + display: flex;
1234 + align-items: center;
1235 + gap: 7px;
1236 + color: #fff;
1237 +}
1238 +
1239 +.bwp-action-btn {
1240 + font-size: 15px;
1241 + display: flex;
1242 + justify-content: center;
1243 + align-content: center;
1244 + background-color: #1f71ff;
1245 + color: #fff;
1246 + padding: 10px 16px;
1247 + border-radius: 8px;
1248 + gap: 6px;
1249 + transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.3s all;
1250 + text-decoration: none !important;
1251 + border: 1px solid transparent;
1252 +}
1253 +.bwp-action-btn .icon {
1254 + display: flex;
1255 +}
1256 +.bwp-action-btn.light {
1257 + background-color: #fff;
1258 + color: #0c2d66;
1259 + border: 1px solid #d4dff2;
1260 +}
1261 +.bwp-action-btn:hover {
1262 + background-color: #3d44d9;
1263 + color: #fff;
1264 + border: 1px solid transparent;
1265 +}
1266 +.bwp-action-btn svg {
1267 + width: 15px;
1268 + height: auto;
1269 +}
1270 +.bwp-action-btn.bwp-upgrade-btn {
1271 + background: #4d1fff;
1272 + color: #fff;
1273 + border-color: #4d1fff;
1274 +}
1275 +
1276 +.berq-triple-boxes {
1277 + display: grid;
1278 + grid-template-columns: 1fr 1fr 1fr;
1279 + gap: 16px;
1280 +}
1281 +
1282 +.berq-stats-count {
1283 + font-weight: bold;
1284 + font-size: 20px;
1285 + margin: 13px 0;
1286 + color: #1f366c;
1287 +}
1288 +
1289 +a.berq-stat-refresh {
1290 + position: absolute;
1291 + top: 18px;
1292 + right: 14px;
1293 +}
1294 +a.berq-stat-refresh svg {
1295 + fill: #8daee5;
1296 +}
1297 +
1298 +.berqwp-optimization-modes-container {
1299 + margin-bottom: 10px;
1300 +}
1301 +.berqwp-optimization-modes-container .berqwp-inline-radio-select {
1302 + display: grid;
1303 + grid-template-columns: 1fr 1fr;
1304 + align-items: stretch;
1305 +}
1306 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label {
1307 + max-width: 100%;
1308 + display: flex;
1309 + gap: 5px;
1310 + padding: 16px 15px;
1311 +}
1312 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label.berqwp-best-performance {
1313 + position: relative;
1314 +}
1315 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label.berqwp-best-performance::before {
1316 + content: "Best Performance";
1317 + position: absolute;
1318 + top: 10px;
1319 + right: 8px;
1320 + font-size: 12px;
1321 + background-color: #cbffbc;
1322 + color: #1f8d00;
1323 + padding: 3px 9px;
1324 + border-radius: 10px;
1325 +}
1326 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label.berqwp-best-performance.selected::before {
1327 + background-color: #538ef4;
1328 + color: #fff;
1329 +}
1330 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label div {
1331 + font-size: 15px;
1332 +}
1333 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label input {
1334 + margin-top: 1px;
1335 +}
1336 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label p {
1337 + font-weight: normal;
1338 + margin-top: 6px;
1339 + margin-bottom: 0;
1340 + font-size: 14px;
1341 +}
1342 +.berqwp-optimization-modes-container .berqwp-inline-radio-select label.selected p {
1343 + color: #fff !important;
1344 +}
1345 +
1346 +.berq-toggle {
1347 + position: relative;
1348 + width: 55px;
1349 + min-width: 55px;
1350 + height: 27px;
1351 + display: block;
1352 + background: #fafaff;
1353 + border-radius: 30px;
1354 + overflow: hidden;
1355 + cursor: pointer;
1356 + border: 1px solid #cbdeff;
1357 +}
1358 +.berq-toggle input {
1359 + display: none;
1360 +}
1361 +.berq-toggle input:checked + .berq-toggle-switch {
1362 + background-color: #1f71ff;
1363 +}
1364 +.berq-toggle input:checked + .berq-toggle-switch::before {
1365 + left: calc(93% - 19px);
1366 + background-color: #fff;
1367 +}
1368 +.berq-toggle .berq-toggle-switch {
1369 + background-color: transparent;
1370 + display: block;
1371 + height: 100%;
1372 + transition: all 0.3s ease-out;
1373 +}
1374 +.berq-toggle .berq-toggle-switch::before {
1375 + content: "";
1376 + position: absolute;
1377 + height: 19px;
1378 + background: #002159;
1379 + width: 19px;
1380 + border-radius: 30px;
1381 + left: 7%;
1382 + top: 3px;
1383 + transition: all 0.3s ease-out;
1384 +}
1385 +
1386 +.berq-box-content.berq-setting-toggle {
1387 + display: flex;
1388 + justify-content: space-between;
1389 + gap: 30px;
1390 +}
1391 +.berq-box-content.berq-setting-toggle .berq-toggle {
1392 + /* margin-top: 10px; */
1393 +}
1394 +
1395 +.berq-info-box.berq-setting-group .group-container:not(:first-child) {
1396 + padding-top: 20px;
1397 + border-top: 1px solid #e9e8ff;
1398 + margin-top: 20px;
1399 +}
1400 +
1401 +.berq-box-title.cloud-exclusive::after {
1402 + content: "Premium";
1403 + font-weight: normal;
1404 + font-size: 12px;
1405 + margin-left: 10px;
1406 + background: #2aad2a;
1407 + color: #fff;
1408 + padding: 3px 6px;
1409 + border-radius: 20px;
1410 + margin-top: 0px !important;
1411 + display: inline-block;
1412 + position: absolute;
1413 +}
1414 +
1415 +.berqwp-continue-free {
1416 + text-align: center;
1417 + font-size: 15px;
1418 + margin-top: 80px;
1419 + align-self: end;
1420 +}
1421 +.berqwp-continue-free a {
1422 + color: #acbbd5;
1423 + text-decoration: none;
1424 +}
1425 +
1426 +.berqwp-db-actions {
1427 + margin-top: 16px;
1428 + display: flex;
1429 + flex-direction: column;
1430 + gap: 10px;
1431 +}
1432 +
1433 +.berqwp-db-action {
1434 + display: flex;
1435 + align-items: center;
1436 + justify-content: space-between;
1437 + gap: 15px;
1438 + flex-wrap: wrap;
1439 + padding: 14px 18px;
1440 + border: 1px solid #e0e9fa;
1441 + border-radius: 8px;
1442 + background: #f8fafd;
1443 +}
1444 +.berqwp-db-action span {
1445 + color: #0c2d66;
1446 + font-size: 15px;
1447 + font-weight: 500;
1448 +}
1449 +.berqwp-db-action a.berq-btn {
1450 + margin-bottom: 0;
1451 + flex-shrink: 0;
1452 +}
1453 +.berqwp-db-action a.berq-btn.disabled {
1454 + opacity: 0.6;
1455 + pointer-events: none;
1456 +}
1457 +
1458 +input.berqwp-inline-number {
1459 + width: 60px;
1460 + padding: 4px 8px;
1461 + margin: 0 4px;
1462 + border: 1px solid #dbe9fe;
1463 + border-radius: 5px;
1464 + color: #0c2d66;
1465 + font-size: 14px;
1466 +}
1467 +
1468 +.berqwp-db-scheduled-tasks {
1469 + margin-top: 12px;
1470 + display: grid;
1471 + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
1472 + gap: 4px 20px;
1473 +}
1474 +.berqwp-db-scheduled-tasks label.berq-check {
1475 + margin-top: 0;
1476 +}
1477 +
1478 +.berqwp-heartbeat-interval {
1479 + margin-top: 16px;
1480 +}
1481 +.berqwp-heartbeat-interval label {
1482 + display: flex;
1483 + align-items: center;
1484 + gap: 10px;
1485 + color: #0c2d66;
1486 + font-size: 14px;
1487 +}
1488 +.berqwp-heartbeat-interval input[type=number] {
1489 + width: 80px;
1490 + padding: 6px 10px;
1491 + border: 1px solid #dbe9fe;
1492 + border-radius: 5px;
1493 + color: #0c2d66;
860 1494 }/*# sourceMappingURL=style.css.map */