PluginProbe ʕ •ᴥ•ʔ
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) / 2.7.4
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) v2.7.4
2.9.1 2.9.0 2.8.9 2.8.8 trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.8 1.8.1 1.8.2 1.8.3 1.8.4 1.8.5 1.8.6 1.8.7 1.8.8 1.8.9 1.9 1.9.1 2.0 2.0.1 2.0.3 2.0.4 2.0.5 2.0.6 2.1 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.1.7 2.1.8 2.2 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.2.7 2.2.8 2.2.9 2.3 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5 2.3.6 2.3.7 2.3.8 2.3.9 2.4 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.5 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.5.6 2.5.7 2.5.8 2.5.9 2.6 2.6.1 2.6.2 2.6.3 2.6.4 2.6.5 2.6.6 2.6.7 2.6.8 2.6.9 2.7 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7 2.7.8 2.7.9 2.8.0 2.8.1 2.8.2 2.8.3 2.8.4 2.8.5 2.8.6 2.8.7
mystickymenu / css / mystickymenu-admin-rtl.css
mystickymenu / css Last commit date
admin-setting-rtl.css 2 years ago admin-setting.css 2 years ago jquery.ui.datepicker.css 2 years ago mystickymenu-admin-rtl.css 1 year ago mystickymenu-admin.css 1 year ago mystickymenu-help-rtl.css 2 years ago mystickymenu-help.css 2 years ago pricing-table.css 2 years ago select2.min.css 2 years ago star-rating-svg.css 2 years ago
mystickymenu-admin-rtl.css
5041 lines
1 @font-face {
2 font-family: 'Lato';
3 src: url('../fonts/lato-regular.woff') format('woff');
4 font-weight: normal;
5 font-style: normal;
6 }
7
8 @font-face {
9 font-family: 'Lato';
10 src: url('../fonts/lato-bold.woff') format('woff');
11 font-weight: bold;
12 font-style: normal;
13 }
14 @font-face {
15 font-family: 'Lato', sans-serif;
16 src: url('../fonts/lato-v20-latin-regular.woff') format('woff');
17 font-weight: normal;
18 font-style: normal;
19 }
20
21 @font-face {
22 font-family: 'Lato', sans-serif;
23 src: url('../fonts/lato-v20-latin-300.woff') format('woff');
24 font-weight: 300;
25 font-style: normal;
26 }
27
28 @font-face {
29 font-family: 'Lato', sans-serif;
30 src: url('../fonts/lato-v20-latin-700.woff') format('woff');
31 font-weight: 700;
32 font-style: normal;
33 }
34
35 @font-face {
36 font-family: 'Lato', sans-serif;
37 src: url('../fonts/lato-semibold.woff') format('woff');
38 font-weight: semibold;
39 font-style: normal;
40 }
41 div#wpcontent{
42 background: #fff !important;
43 }
44 a:active, a:focus, li:focus, li:active {
45 outline: none !important;
46 border: none !important;
47 text-decoration: none !important;
48 box-shadow: none !important;
49 -webkit-tap-highlight-color: transparent !important;
50 -webkit-user-select: none; / Chrome/Safari /
51 -moz-user-select: none; / Firefox /
52 -ms-user-select: none; / IE10+ /
53 user-select: none;
54 }
55
56 .add_new_welcombar {
57 color: #fff !important;
58 }
59 #custom-handle {
60 width: 3em;
61 height: 1.6em;
62 top: 50%;
63 margin-top: -.8em;
64 text-align: center;
65 line-height: 1.6em;
66 }
67
68 #mystickymenu {
69 font-family: 'Lato', sans-serif;
70 }
71
72 .main-content {
73 float: right;
74 width: 65%;
75 }
76
77 .main-sidebar {
78 float: left;
79 width: 30%;
80 background: #ffffff;
81 border: 1px solid #e5e5e5;
82 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
83 }
84
85 .main-sidebar h3 {
86 margin: 0;
87 padding: 8px 12px;
88 border-bottom: 1px solid #ececec;
89 }
90
91 .main-sidebar .inner {
92 padding: 10px;
93 }
94
95 .main-sidebar p {
96 padding: 8px;
97 margin: 0;
98 border-top: solid 1px #e5e5e5;
99 }
100 .myssticky-remove-hand {
101 cursor: default;
102 }
103
104
105
106 /* */
107 .mystickymenu-content-section input[type="number"]#myfixed_zindex {
108 -moz-appearance: textfield-multiline;
109 }
110
111 .mystickymenu-content-section input[type="number"] {
112 -moz-appearance: textfield;
113 }
114
115 .mystickymenu-content-section input[type="number"]::-webkit-inner-spin-button, .mystickymenu-content-section input[type="number"]::-webkit-outer-spin-button {
116 -webkit-appearance: none;
117 margin: 0;
118 }
119
120 .mystickymenu-content-section .mysticky-number {
121 display: inline-block;
122 margin: 0 0 10px;
123 position: relative;
124 }
125
126 #mystickymenu #mysticky_welcomebar_height{
127 width: 160px;
128 }
129
130 #mystickymenu input[type=number] {
131 color: #A7A7A7;
132 border-radius: 21px;
133 background-color: #ffffff;
134 border: 1px solid #DCE2E2;
135 font-size: 14px;
136 font-weight: 400;
137 height: 42px;
138 padding: 0 10px 0 12px;
139 margin: 0;
140 width: 150px;
141 box-shadow: none;
142 }
143
144 .pt_number {
145 display: inline-block;
146 vertical-align: top;
147 margin-top: 7px;
148 }
149
150 .mysticky-welcomebar-setting-content-left input[type="text"]:disabled {
151 color: #a0a5aa;
152 border-color: #ddd;
153 background-color: #f7f7f7;
154 }
155
156 .mystickymenu-content-section .mysticky-number:focus {
157 outline: 0;
158 }
159
160 .mystickymenu-content-section .mysticky-number .pt_number {
161 float: right;
162 position: relative;
163 height: 30px;
164 }
165
166 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton {
167 position: relative;
168 cursor: pointer;
169 border-right: 1px solid #b7b7b7;
170 width: 15px;
171 text-align: center;
172 color: #333;
173 font-size: 14px;
174 line-height: 1.1;
175 -webkit-transform: translateX(-100%);
176 transform: translateX(-100%);
177 -webkit-user-select: none;
178 -moz-user-select: none;
179 -ms-user-select: none;
180 user-select: none;
181 }
182
183 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton:active {
184 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
185 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
186 }
187
188 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberup {
189 position: absolute;
190 height: 50%;
191 top: 0;
192 border-bottom: 1px solid #b7b7b7;
193 }
194
195 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberdown {
196 position: absolute;
197 bottom: 0px;
198 height: 50%;
199 }
200
201 /* */
202
203 input#mysticky_class_selector {
204 border-radius: 24px;
205 border: 1px solid #E6E5EC;
206 height: 46px;
207 padding: 0 26px;
208 width: 49%
209 }
210
211 .mystickymenu-content-section {
212 background-color: #F9FCFC;
213 border-radius: 7px;
214 margin-bottom: 20px;
215 border: 1px solid #E1E6E6;
216 }
217
218 input#myfixed_disable_small_screen {
219 border-radius: 21px;
220 }
221
222 input#mysticky_active_on_height_home {
223 border-radius: 21px;
224 }
225
226 textarea#myfixed_cssstyle {
227 width: 100%;
228 margin-top: 12px;
229 border-radius: 10px;
230 background-color: #fff;
231 height: 120px;
232 resize: none;
233 border: 1px solid #DCE2E2;
234 padding: 10px 10px;
235 }
236
237 label {
238 font-size: 15px;
239 }
240
241 .sticky-class-sec tr td {
242 width: 50%;
243 }
244
245 .px-wrap {
246 position: relative;
247 display: inline-block;
248 vertical-align: top;
249 }
250
251 .px-wrap .px-wrap-inbox{
252 /* width:50% !important; */
253 width:48% !important;
254 }
255
256 .mystickymenu-content-option {
257 padding: 20px 20px 0;
258 }
259
260 .mystickymenu-heading {
261 padding-bottom: 20px;
262 }
263
264 .myStickymenu-header-title {
265 background-color: #B2D2FC;
266 padding: 13px 20px;
267 border-radius: 10px 10px 0 0;
268 }
269
270 .myStickymenu-header-title h3 {
271 margin: 0;
272 color: #1F4B84;
273 font-size: 18px;
274 font-weight: 600;
275 line-height: 1.2;
276 }
277
278 .mystickymenu-heading p {
279 background-color: #D6EFFF;
280 color: #1F4B84;
281 border-radius: 0 0 10px 10px;
282 padding: 13px 20px;
283 margin: 0;
284 font-size: 14px;
285 line-height: 28px;
286 }
287
288 .mystickynumber {
289 position: relative;
290 padding-right: 30px;
291 }
292
293 .pt_numberbutton.pt_numberup {
294 height: 25px;
295 width: 25px;
296 line-height: 25px;
297 background-color: #808080;
298 border-radius: 50%;
299 position: relative;
300 margin-right: 5px;
301 display: inline-block;
302 color: white;
303 font-size: 21px;
304 cursor: pointer;
305 text-align: center;
306 margin-top: 2px;
307 }
308
309 .pt_numberbutton.pt_numberdown {
310 height: 25px;
311 width: 25px;
312 line-height: 25px;
313 background-color: #808080;
314 border-radius: 50%;
315 position: absolute;
316 top: 8px;
317 right: 0;
318 display: inline-block;
319 color: white;
320 font-size: 21px;
321 cursor: pointer;
322 text-align: center;
323 }
324
325 span.input-px {
326 height: 42px;
327 width: 57px;
328 background-color: #808080;
329 position: absolute;
330 left: 0;
331 top: 0px;
332 display: inline-block;
333 vertical-align: top;
334 font-size: 14px;
335 border-radius: 21px 0 0 21px;
336 color: #fff;
337 line-height: 42px;
338 text-align: center;
339 }
340
341 .mysticky_device_upgrade {
342 background-color: #f0ecfb;
343 border-radius: 20px;
344 padding: 15px 40px 20px 20px;
345 }
346
347 .mystickymenu-content-section.mystickymenu-content-upgrade {
348 background-color: #f4f4fd;
349 }
350
351 .myStickymenu-upgrade a {
352 background: #E1DAF6;
353 border-radius: 20px;
354 color: #7559C0;
355 padding-top: 2px;
356 padding-bottom: 6px;
357 padding-right: 10px;
358 padding-left: 10px;
359 font-weight: bold;
360 text-transform: uppercase;
361 font-size: 12px;
362 display: inline-block;
363 vertical-align: top;
364 line-height: 1;
365 }
366 .mysticky_device_upgrade .myStickymenu-upgrade {
367 float: left;
368 }
369
370 .myStickymenu-upgrade a:before {
371 content: "\f160";
372 font-family: dashicons;
373 position: relative;
374 top: 3px;
375 font-size: 16px;
376 }
377
378 .mystickymenu-input-section ul.mystickymenu-input-multicheckbox li {
379 display: inline-block;
380 width: 21%;
381 }
382
383 input#submit.button.button-primary {
384 background: #00c67c;
385 border-color: #00c67c;
386 text-transform: uppercase;
387 border-radius: 31px;
388 font-size: 20px;
389 padding-right: 23px;
390 padding-left: 23px;
391 height: 40px;
392 width: 200px;
393 border: 0;
394 box-shadow: none;
395 font-weight: 600;
396 text-shadow: none;
397 }
398
399 input.button.button-secondary.confirm {
400 background: #969696;
401 border-color: #969696;
402 text-transform: uppercase;
403 font-size: 26px;
404 padding-right: 23px;
405 padding-left: 23px;
406 float: left;
407 color: white;
408 margin-left: 10px;
409 height: 60px;
410 width: 200px;
411 border-radius: 31px;
412 font-weight: 600;
413 }
414
415 table ul.mystickymenu-input-multicheckbox {
416 width: 100%;
417 display: inline-flex;
418 }
419
420 p.myStickymenu-review a {
421 font-size: 20px;
422 }
423
424 table ul.mystickymenu-input-multicheckbox li {
425 padding-left: 21px;
426 }
427
428 table {
429 width: 100%;
430 }
431
432 #mystickymenu table tr td {
433 padding: 20px;
434 }
435
436 div#mystickymenu {
437 overflow-x: hidden;
438 overflow-y: hidden;
439 }
440
441 label.mysticky_title {
442 font-weight: 500;
443 font-size: 18px;
444 line-height: 1.2;
445 color: #4F4F4F;
446 }
447
448 .mystickymenu-content-option p label.mysticky_text {
449 margin-right: 0px;
450 }
451
452 span.mysticky_text {
453 font-size: 14px;
454 color: #9E9E9E;
455 margin-right: 20px;
456 font-style: italic;
457 }
458
459 label.mysticky_text {
460 font-size: 14px;
461 /*color: #9E9E9E;*/
462 margin-right: 20px;
463 font-style: italic;
464 }
465
466 select#mystickymenu-select {
467 border-radius: 24px;
468 border: 1px solid #E6E5EC;
469 height: 46px;
470 box-shadow: none;
471 padding: 0 26px;
472 width: 49%;
473 display: inline-block;
474 vertical-align: top;
475 }
476
477 .mystickymenu-input-section {
478 margin-top: 9px;
479 }
480
481 label.mysticky_title.css-style-title {
482 font-size: 20px;
483 }
484
485 span.wp-color-result-text {
486 display: none;
487 }
488
489 button.button.wp-color-result {
490 border-radius: 50%;
491 height: 30px !important;
492 }
493 button.button.wp-color-result .color-alpha {
494 border-radius: 50% !important;
495 height: 28px !important;
496 }
497
498 .mystickymenu-content-section h3 {
499 margin-right: 20px;
500 font-weight: 600;
501 font-size: 26px;
502 line-height: 1.2;
503 color: #4F4F4F;
504 margin: 0;
505 padding: 24px 20px;
506 }
507
508 .form-table {
509 margin-top: 0;
510 }
511
512 ul.mystickymenu-input-multicheckbox li span {
513 font-size: 16px;
514 color: #4F4F4F;
515 }
516
517 .mystickymenu-input-section label {
518 /*color: #9E9E9E;*/
519 font-size: 16px;
520 }
521 #mystickymenu .mystickymenu-input-section input.mystickymenu_normal_text{
522 border-radius: 0px;
523 height: 35px;
524 margin: 10px;
525 }
526 #mystickymenu .mystickymenu-input-section span.description{
527 font-style: normal;
528 font-size: 16px;
529 }
530 .myStickymenu-upgrade a {
531 text-decoration: none;
532 color: #7559C0;
533 }
534
535 #mystickymenu p.submit {
536 margin-top: 0;
537 padding-top: 0;
538 float: left;
539 }
540
541 td {
542 vertical-align: top !important;
543 }
544 p.description.mystuckymenu-class-id {
545 display: flex;
546 margin: 12px 0 0 0;
547 line-height: 1.5;
548 }
549
550 p.description.mystuckymenu-class-id .dashicons-controls-play{
551 background: #a4a5a5;
552 color: #ffffff;
553 border-radius: 50%;
554 }
555 p.description.mystuckymenu-class-id .dashicons-controls-play::before {
556 margin-right: 2px;
557 }
558 p.description {
559 color: rgba(79, 79, 79, 0.5);
560 font-size: 12px;
561 line-height: 1.2;
562 margin: 5px 0 0;
563 }
564
565 div#slider.ui-slider {
566 width: 229px;
567 background-color: #DCE2E2;
568 height: 2px;
569 border: 0;
570 border-radius: 2px;
571 position: relative;
572 }
573
574 .mystickymenu-content-section .ui-state-active, .ui-widget-content .ui-state-active {
575 color: #454545;
576 }
577
578 #mystickymenu #custom-handle {
579 width: 1.6em;
580 border-radius: 50%;
581 background-color: #fff;
582 box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
583 border: 0;
584 position: absolute;
585 }
586 .sticky-header-menu {
587 text-align: center;
588 padding: 0 0 20px 0;
589 }
590 .sticky-header-menu ul {
591 display: inline-block;
592 padding: 1px;
593 background-color: #D6EFFF;
594 -webkit-border-radius: 23px;
595 -moz-border-radius: 23px;
596 border-radius: 23px;
597 }
598 .sticky-header-menu ul li {
599 display: inline-block;
600 margin: 0;
601 }
602 .sticky-header-menu ul li a {
603 display: inline-block;
604 padding: 0 20px;
605 line-height: 40px;
606 height: 40px;
607 font-size: 16px;
608 text-decoration: none;
609 -webkit-border-radius: 20px;
610 -moz-border-radius: 20px;
611 border-radius: 20px;
612 }
613 .sticky-header-menu ul li a:hover {
614 background: #f0ecfb;
615 color: #7559C0;
616 }
617 .sticky-header-menu ul li a.active {
618 background: #E1DAF6;
619 color: #7559C0;
620 }
621
622 #mysticky_welcomebar_redirect_rel.mysticky_welcomebar_disable.unactive_rel_input {
623 width: 235px;
624 }
625
626 .mysticky-welcomebar-setting-content-left label.mysticky-welcomebar-switch {
627 width: 55px !important;
628 }
629
630 /*New Welcomebar Page css*/
631 .mystickymenu-new-widget-wrap, .mystickymenu-new-widget-wrap * {
632 box-sizing: border-box;
633 }
634 .mystickymenu-new-widget-wrap {
635 border-radius: 10px;
636 box-shadow: 0 0 6px #ccc;
637 padding: 12px;
638 margin: 20px auto 0 auto;
639 width: 100%;
640 max-width: 776px;
641 background: #fff url(../images/new_widget_bg.png) no-repeat left bottom;
642 background-size: auto 100%;
643 font-family: 'Lato', sans-serif;
644 line-height: 20px;
645 }
646 .mystickymenu-new-widget-wrap h2 {
647 font-style: normal;
648 font-weight: 600;
649 font-size: 20px;
650 line-height: 30px;
651 color: #1e1e1e;
652 margin: 0;
653 text-align: center;
654 }
655 a.new-upgrade-button {
656 height: 40px;
657 background: #7761DF;
658 border-radius: 100px;
659 border: solid 1px #7761DF;
660 display: inline-block;
661 text-align: center;
662 color: #fff;
663 line-height: 40px;
664 margin: 10px 0 10px 10px;
665 padding: 0 25px;
666 text-decoration: none;
667 text-transform: uppercase;
668 }
669 .mystickymenu-new-widget-row ul {
670 display: flex;
671 align-items: center;
672 flex-wrap: wrap;
673 margin-top: 0;
674 margin-bottom: 0;
675 }
676 .mystickymenu-new-widget-row ul li {
677 width: 33.33%;
678 padding: 10px 10px 0px;
679 margin-bottom: 0;
680 }
681 .mystickymenu-feature {
682 margin: 30px 0 0 0;
683 background: #fff;
684 border: 1px solid #605dec;
685 box-sizing: border-box;
686 border-radius: 4px;
687 padding: 30px 15px 10px 15px;
688 min-height: 186px;
689 position: relative;
690 }
691 .mystickymenu-feature-top {
692 width: 50px;
693 height: 50px;
694 border: solid 1px #605dec;
695 border-radius: 50%;
696 position: absolute;
697 right: 0;
698 left: 0;
699 margin: 0 auto;
700 top: -25px;
701 background: #fff;
702 z-index: 11;
703 padding: 10px;
704 }
705 .feature-title {
706 font-family: 'Lato', sans-serif;
707 font-style: normal;
708 font-weight: 700;
709 font-size: 13px;
710 line-height: 18px;
711 color: #1e1e1e;
712 }
713 .feature-description {
714 font-family: 'Lato', sans-serif;
715 font-style: normal;
716 font-weight: 400;
717 font-size: 13px;
718 line-height: 18px;
719 color: #1e1e1e;
720 }
721 .mystickymenu-feature-top img {
722 width: auto;
723 height: auto;
724 max-width: 100%;
725 max-height: 100%;
726 }
727
728
729
730
731 #rpt_pricr {
732 width: 100%;
733 max-width: 1024px;
734 margin: 0 auto;
735 padding: 25px 25px 25px 25px;
736 background: #fff;
737
738 -webkit-border-radius: 5px;
739 -moz-border-radius: 5px;
740 border-radius: 5px;
741 }
742 #rpt_pricr h2 {
743 padding: 50px 0 30px;
744 text-align: center;
745 font-size: 24px;
746 }
747 .rpt_plans .rpt_plan {
748 -moz-box-sizing: border-box;
749 -webkit-box-sizing: border-box
750 }
751
752 .rpt_2_plans .rpt_plan {
753 margin-left: 2%;
754 width: 49%;
755 float: right
756 }
757
758 .rpt_2_plans .rpt_plan:last-child {
759 margin-left: 0
760 }
761
762 .rpt_3_plans .rpt_plan {
763 margin-left: 2%;
764 width: 32%;
765 float: right
766 }
767
768 .rpt_3_plans .rpt_plan:last-child {
769 margin-left: 0
770 }
771
772 .rpt_4_plans .rpt_plan {
773 margin-left: 1%;
774 width: 24.25%;
775 float: right
776 }
777
778 .rpt_4_plans .rpt_plan:last-child {
779 margin-left: 0
780 }
781
782 .rpt_5_plans .rpt_plan {
783 margin-left: .5%;
784 width: 19.6%;
785 float: right
786 }
787
788 .rpt_5_plans .rpt_plan:last-child {
789 margin-left: 0
790 }
791
792 .rpt_style_bic .rpt_plan, .rpt_style_loc .rpt_plan {
793 -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
794 -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
795 box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19)
796 }
797
798 .rpt_plans .rpt_plan .rpt_title img {
799 margin-left: 10px;
800 position: relative;
801 vertical-align: middle
802 }
803
804 .rpt_plans .rpt_plan .rpt_title {
805 background: #6371db;
806 font-weight: 300;
807 padding: 24px 18px;
808 font-size: 26px;
809 color: #fff;
810 line-height: 35px;
811 height: auto;
812 }
813
814 .rpt_plans .rpt_plan .rpt_title span {
815 display: inline-block;
816 position: relative;
817 top: -10px
818 }
819
820 .rpt_style_basic .rpt_plan .rpt_title {
821 border-bottom: #6371db solid 1px;
822 border-top-right-radius: 8px;
823 border-top-left-radius: 8px;
824 }
825
826 .rpt_style_spec .rpt_plan .rpt_title {
827 color: #fff
828 }
829
830 .rpt_style_bic .rpt_plan .rpt_title, .rpt_style_loc .rpt_plan .rpt_title, .rpt_style_swl .rpt_plan .rpt_title {
831 background: #333
832 }
833
834 .rpt_plans .rpt_sm_title .rpt_plan .rpt_title {
835 font-size: 20px;
836 line-height: 18px
837 }
838
839 .rpt_plans .rpt_xsm_title .rpt_plan .rpt_title {
840 font-size: 15px;
841 line-height: 15px
842 }
843
844 .rpt_4_plans .rpt_plan .rpt_title {
845 font-size: 17px;
846 line-height: 15px
847 }
848
849 .rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title {
850 font-size: 15px;
851 line-height: 13px
852 }
853
854 .rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title {
855 font-size: 13px;
856 line-height: 11px
857 }
858
859 .rpt_5_plans .rpt_plan .rpt_title {
860 font-size: 15px;
861 line-height: 13px
862 }
863
864 .rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title {
865 font-size: 13px;
866 line-height: 11px
867 }
868
869 .rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title {
870 font-size: 12px;
871 line-height: 10px
872 }
873
874 .rpt_plans .rpt_recommended_plan .rpt_title {
875 background: #6371db
876 }
877
878 .rpt_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
879 position: relative;
880 top: -44px;
881 right: -10px;
882 font-size: 35px;
883 line-height: 0
884 }
885
886 .rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
887 top: -36px
888 }
889
890 .rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
891 top: -26px
892 }
893
894 .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
895 font-size: 30px;
896 top: -44px;
897 right: -4px
898 }
899
900 .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
901 font-size: 25px;
902 top: -30px;
903 right: -4px
904 }
905
906 .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
907 font-size: 21px;
908 top: -14px;
909 right: -4px
910 }
911
912 .rpt_style_basic .rpt_plan .rpt_head {
913 background: #ec86c6
914 }
915
916 .rpt_style_spec .rpt_plan .rpt_head {
917 background: #fff
918 }
919
920 .rpt_style_swl .rpt_plan .rpt_head {
921 background: #fff
922 }
923
924 .rpt_plans .rpt_plan .rpt_head .rpt_price {
925 padding: 6px 10px;
926 font-size: 74px;
927 line-height: 80px;
928 font-weight: 300;
929 text-align: center;
930 color: #ffffff
931 }
932
933 .rpt_style_basic .rpt_plan .rpt_head .rpt_price, .rpt_style_spec .rpt_plan .rpt_head .rpt_price {
934 text-shadow: 1px 2px 7px rgba(0, 0, 0, .6)
935 }
936
937 .rpt_style_swl .rpt_plan .rpt_head .rpt_price {
938 color: #000
939 }
940
941 .rpt_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
942 font-size: 62px
943 }
944
945 .rpt_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
946 font-size: 56px
947 }
948
949 .rpt_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
950 font-size: 38px
951 }
952
953 .rpt_4_plans .rpt_plan .rpt_head .rpt_price {
954 font-size: 69px;
955 line-height: 80px
956 }
957
958 .rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
959 font-size: 53px;
960 line-height: 65px
961 }
962
963 .rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
964 font-size: 47px;
965 line-height: 64px
966 }
967
968 .rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
969 font-size: 31px;
970 line-height: 60px
971 }
972
973 .rpt_5_plans .rpt_plan .rpt_head .rpt_price {
974 font-size: 59px;
975 line-height: 80px
976 }
977
978 .rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
979 font-size: 44px;
980 line-height: 60px
981 }
982
983 .rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
984 font-size: 37px;
985 line-height: 53px
986 }
987
988 .rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
989 font-size: 24px;
990 line-height: 50px
991 }
992
993 .rpt_plans .rpt_recommended_plan .rpt_head .rpt_price {
994 font-size: 98px
995 }
996
997 .rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price {
998 font-size: 74px
999 }
1000
1001 .rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price {
1002 font-size: 67px
1003 }
1004
1005 .rpt_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
1006 font-size: 83px
1007 }
1008
1009 .rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
1010 font-size: 60px
1011 }
1012
1013 .rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
1014 font-size: 54px
1015 }
1016
1017 .rpt_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
1018 font-size: 55px
1019 }
1020
1021 .rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
1022 font-size: 49px
1023 }
1024
1025 .rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
1026 font-size: 41px
1027 }
1028
1029 .rpt_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
1030 font-size: 42px
1031 }
1032
1033 .rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
1034 font-size: 34px
1035 }
1036
1037 .rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
1038 font-size: 26px
1039 }
1040
1041 .rpt_plans .rpt_plan .rpt_head .rpt_recurrence {
1042 font-size: 13px;
1043 font-weight: 300;
1044 line-height: 18px;
1045 padding: 20px 10px 10px;
1046 color: #ffffff;
1047 text-align: center
1048 }
1049
1050 .rpt_style_spec .rpt_plan .rpt_head .rpt_recurrence {
1051 color: #d3d3d3
1052 }
1053
1054 .rpt_style_bic .rpt_plan .rpt_head .rpt_recurrence, .rpt_style_loc .rpt_plan .rpt_head .rpt_recurrence {
1055 color: #f5f5f5
1056 }
1057
1058 .rpt_style_swl .rpt_plan .rpt_head .rpt_recurrence {
1059 color: grey
1060 }
1061
1062 .rpt_plans .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence {
1063 font-size: 11px;
1064 padding: 20px 40px 4px
1065 }
1066
1067 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
1068 font-size: 16px;
1069 line-height: 20px;
1070 font-weight: 300;
1071 text-align: center;
1072 padding: 10px 30px 20px
1073 }
1074
1075 .rpt_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
1076 font-size: 14px
1077 }
1078
1079 .rpt_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
1080 font-size: 12px
1081 }
1082
1083 .rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle {
1084 font-size: 16px;
1085 line-height: 18px;
1086 padding: 10px 10px 20px
1087 }
1088
1089 .rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
1090 font-size: 14px;
1091 line-height: 17px
1092 }
1093
1094 .rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
1095 font-size: 13px;
1096 line-height: 16px
1097 }
1098
1099 .rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle {
1100 font-size: 15px;
1101 line-height: 18px;
1102 padding: 10px 10px 20px
1103 }
1104
1105 .rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
1106 font-size: 13px;
1107 line-height: 17px
1108 }
1109
1110 .rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
1111 font-size: 12px;
1112 line-height: 16px
1113 }
1114
1115 .rpt_plans .rpt_plan .rpt_head .rpt_description {
1116 font-size: 14px;
1117 line-height: 20px;
1118 padding: 10px 20px;
1119 font-weight: 300;
1120 text-align: center;
1121 color: #ffffff
1122 }
1123
1124 .rpt_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
1125 font-size: 12px
1126 }
1127
1128 .rpt_style_bic .rpt_plan .rpt_head .rpt_description, .rpt_style_loc .rpt_plan .rpt_head .rpt_description {
1129 color: #f5f5f5
1130 }
1131
1132 .rpt_4_plans .rpt_plan .rpt_head .rpt_description {
1133 font-size: 13px;
1134 line-height: 18px
1135 }
1136
1137 .rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
1138 font-size: 12px;
1139 line-height: 17px
1140 }
1141
1142 .rpt_5_plans .rpt_plan .rpt_head .rpt_description {
1143 font-size: 12px;
1144 line-height: 18px
1145 }
1146
1147 .rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
1148 font-size: 11px;
1149 line-height: 17px
1150 }
1151
1152 .rpt_plans .rpt_plan .rpt_features {
1153 padding: 20px;
1154 background: #f0ecfb;
1155 text-align: center
1156 }
1157
1158 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
1159 font-size: 16px;
1160 padding: 6px 16px;
1161 border-bottom: 1px dotted #d3d3d3
1162 }
1163 .rpt_plans .rpt_plan .rpt_features .rpt_feature a {
1164 color: #333333;
1165 }
1166
1167 .rpt_plans .rpt_plan .rpt_features .rpt_feature:last-child {
1168 border-bottom: none
1169 }
1170
1171 .rpt_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1172 font-size: 14px
1173 }
1174
1175 .rpt_style_bic .rpt_plan .rpt_features, .rpt_style_loc .rpt_plan .rpt_features, .rpt_style_swl .rpt_plan .rpt_features {
1176 background: #fff
1177 }
1178
1179 .rpt_style_swl .rpt_plan .rpt_features .rpt_feature {
1180 padding: 5px 16px
1181 }
1182
1183 .rpt_4_plans .rpt_plan .rpt_features .rpt_feature {
1184 padding: 6px 10px;
1185 font-size: 14px
1186 }
1187
1188 .rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1189 font-size: 12px
1190 }
1191
1192 .rpt_5_plans .rpt_plan .rpt_features .rpt_feature {
1193 padding: 6px 10px;
1194 font-size: 13px
1195 }
1196
1197 .rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1198 font-size: 11px
1199 }
1200
1201 .rpt_plans .rpt_plan .rpt_foot {
1202 display: block;
1203 padding: 10px 30px;
1204 border-top: #7559C0 solid 2px;
1205 background: #7559C0;
1206 text-align: center;
1207 color: #fff;
1208 font-size: 24px;
1209 text-decoration: none;
1210 font-weight: 300;
1211 transition: All .5s ease;
1212 -webkit-transition: All .5s ease;
1213 -moz-transition: All .5s ease;
1214 -o-transition: All .5s ease
1215 }
1216
1217 .rpt_plans .rpt_sm_button .rpt_plan .rpt_foot {
1218 font-size: 19px
1219 }
1220
1221 .rpt_style_basic .rpt_plan .rpt_foot {
1222 border-bottom-right-radius: 8px;
1223 border-bottom-left-radius: 8px
1224 }
1225
1226 .rpt_style_swl .rpt_plan .rpt_foot {
1227 border-top: none;
1228 padding: 10px 30px 20px;
1229 color: #000;
1230 background: #333
1231 }
1232
1233 .rpt_4_plans .rpt_plan .rpt_foot {
1234 padding: 4px 20px;
1235 font-size: 19px
1236 }
1237
1238 .rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot, .rpt_5_plans .rpt_plan .rpt_foot {
1239 padding: 4px 20px;
1240 font-size: 17px
1241 }
1242
1243 .rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot {
1244 font-size: 16px
1245 }
1246
1247 .rpt_plans .rpt_plan .rpt_foot:hover {
1248 opacity: .8
1249 }
1250
1251 .rpt_style_swl .rpt_plan .rpt_foot:hover {
1252 opacity: 1
1253 }
1254
1255 .rpt_plans .rpt_recommended_plan .rpt_foot {
1256 font-size: 30px;
1257 padding: 16px 0
1258 }
1259
1260 .rpt_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1261 font-size: 26px
1262 }
1263
1264 .rpt_4_plans .rpt_recommended_plan .rpt_foot {
1265 font-size: 22px;
1266 font-weight: 300;
1267 padding: 10px 0
1268 }
1269
1270 .rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1271 font-size: 19px;
1272 padding: 10px 0
1273 }
1274
1275 .rpt_5_plans .rpt_recommended_plan .rpt_foot {
1276 font-size: 20px;
1277 font-weight: 300;
1278 padding: 10px 0
1279 }
1280
1281 .rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1282 font-size: 18px;
1283 padding: 10px 0
1284 }
1285
1286 .rpt_custom_btn {
1287 border-bottom-right-radius: 5px;
1288 border-bottom-left-radius: 5px;
1289 text-align: center;
1290 padding: 16px 20px
1291 }
1292
1293 .rpt_plans .rpt_recommended_plan {
1294 position: relative;
1295 top: -10px
1296 }
1297
1298 .rpt_recommended_plan img.rpt_recommended {
1299 position: absolute !important;
1300 left: 10px !important
1301 }
1302
1303 .rpt_style_bic .rpt_recommended_plan, .rpt_style_loc .rpt_recommended_plan {
1304 -webkit-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1305 -moz-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1306 box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39)
1307 }
1308
1309 a.rpt_tooltip {
1310 display: block;
1311 outline: 0;
1312 position: relative
1313 }
1314
1315 a.rpt_tooltip strong {
1316 line-height: 30px
1317 }
1318
1319 a.rpt_tooltip > span.intool {
1320 width: 90%;
1321 padding: 10px;
1322 margin-top: 56px;
1323 opacity: 0;
1324 visibility: hidden;
1325 z-index: 10;
1326 position: absolute;
1327 top: -15px;
1328 display: block;
1329 color: #f5f5f5;
1330 font-size: 13px;
1331 line-height: 20px;
1332 background: #333;
1333 font-weight: 300;
1334 text-align: center
1335 }
1336
1337 a.rpt_tooltip:hover {
1338 cursor: zoom-in
1339 }
1340
1341 a.rpt_tooltip .rpt_tooltip_plus {
1342 text-decoration: none !important;
1343 display: inline;
1344 font-size: 12px;
1345 font-weight: 700;
1346 position: relative;
1347 top: -6px
1348 }
1349
1350 .rpt_feature:hover a.rpt_tooltip > span.intool {
1351 opacity: .98;
1352 text-decoration: none;
1353 visibility: visible;
1354 overflow: visible
1355 }
1356
1357 a.rpt_tooltip span.intool b {
1358 width: 10px;
1359 height: 10px;
1360 margin-right: 35%;
1361 margin-top: -15px;
1362 position: absolute;
1363 -webkit-transform: rotate(-45deg);
1364 -moz-transform: rotate(-45deg);
1365 -o-transform: rotate(-45deg);
1366 transform: rotate(-45deg);
1367 display: none \0/;
1368 background: #333
1369 }
1370
1371 .rpt_3_plans a.rpt_tooltip > span.intool {
1372 margin-right: -1%
1373 }
1374
1375 .rpt_4_plans a.rpt_tooltip > span.intool {
1376 margin-right: 0
1377 }
1378
1379 .rpt_5_plans a.rpt_tooltip > span.intool {
1380 margin-right: -2%
1381 }
1382
1383 .entry-content .rpt_plan a, .rpt_plan a {
1384 border-bottom: none !important;
1385 text-decoration: none;
1386 }
1387
1388 .rpt_plans .rpt_plan .rpt_icon {
1389 max-width: 30px;
1390 max-height: 30px
1391 }
1392
1393 .rpt_plans .rpt_plan img {
1394 display: inline;
1395 margin: 0 10px 0 0;
1396 padding: 0;
1397 -webkit-box-shadow: 0 0 0 0 transparent;
1398 -moz-box-shadow: 0 0 0 0 transparent;
1399 box-shadow: 0 0 0 0 transparent;
1400 border: none
1401 }
1402
1403 .mystickymenu-testimonial {
1404 position: relative;
1405 }
1406 .mystickymenu-testimonial .testimonial-data {
1407 position: relative;
1408 }
1409 .mystickymenu-testimonial .testimonial-data {
1410 position: relative;
1411 margin-right: 30px;
1412 padding: 10px 10px 10px 40px;
1413 background: #f5f5f5;
1414 font-size: 16px;
1415 line-height: 22px;
1416 }
1417 .mystickymenu-testimonial .testimonial-image {
1418 position: absolute;
1419 height: 60px;
1420 width: 60px;
1421 overflow: hidden;
1422 border-radius: 30px;
1423 top: 50%;
1424 margin-top: -30px;
1425 z-index: 1;
1426 }
1427 .mystickymenu-testimonial .testimonial-image img {
1428 width: 100%;
1429 height: auto;
1430 }
1431 .mystickymenu-testimonial-list {
1432 width: 100%;
1433 max-width: 1080px;
1434 margin: 30px auto;
1435 }
1436 .testimonial-title {
1437 font-weight: bold;
1438 font-size: 18px;
1439 padding: 0 0 5px 0;
1440 }
1441 .testimonial-author {
1442 font-size: 16px;
1443 font-style: italic;
1444 font-weight: 500;
1445 padding: 5px 0 0 0;
1446 }
1447 p.udner-title strong {
1448 font-size: 30px;
1449 padding-bottom: 40px;
1450 display: block;
1451 color: #b97fcf;
1452 text-align: center;
1453 }
1454 p.udner-title {
1455 margin: 0;
1456 padding: 0;
1457 }
1458
1459 #rpt_pricr .rpt_plan_ori .rpt_features .rpt_feature, #rpt_pricr .rpt_plan_ori .rpt_features .rpt_feature a, #rpt_pricr .rpt_plan_ori .rpt_foot, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_description, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_price, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_price .rpt_currency, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_recurrence, #rpt_pricr .rpt_plan_ori .rpt_head .rpt_subtitle, #rpt_pricr .rpt_plan_ori .rpt_title {
1460 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
1461 font-weight: 300 !important
1462 }
1463
1464 .client-testimonial {
1465 margin: 20px auto 0px;
1466 -webkit-border-radius: 5px;
1467 -moz-border-radius: 5px;
1468 border-radius: 5px;
1469 }
1470 .client-testimonial span.dashicons.dashicons-yes {
1471 background: #00bd00;
1472 color: #fff;
1473 border-radius: 50%;
1474 -webkit-border-radius: 50%;
1475 -moz-border-radius: 50%;
1476 }
1477 .client-testimonial p.text-center {
1478 text-align: center;
1479 margin: 6px 0;
1480 font-size: 14px;
1481 }
1482 .client-testimonial .payment {
1483 margin: 20px 0;
1484 text-align: center;
1485 }
1486 .testimonial-image {
1487 width: 10%;
1488 display: inline-block;
1489 vertical-align: middle;
1490 }
1491 .testimonial-content {
1492 width: 85%;
1493 display: inline-block;
1494 vertical-align: middle;
1495 padding-right: 15px;
1496 }
1497 .testimonial-image img {
1498 border-radius: 50%;
1499 -webkit-border-radius: 50%;
1500 -moz-border-radius: 50%;
1501 width: 100%;
1502 height: auto;
1503 }
1504 .client-testimonial .author {
1505 font-weight: bold;
1506 padding: 5px 0 0 0;
1507 font-size: 14px;
1508 }
1509 .testimonial-box {
1510 padding: 15px;
1511 background: #d6efff;
1512 -webkit-border-radius: 5px;
1513 -moz-border-radius: 5px;
1514 border-radius: 5px;
1515 }
1516
1517 /*01-08-2019 welcome bar css*/
1518 #sticky-header-welcome-bar *, #sticky-header-welcome-bar ::before, #sticky-header-welcome-bar ::after {
1519 -webkit-box-sizing: border-box;
1520 -moz-box-sizing: border-box;
1521 box-sizing: border-box;
1522 }
1523 #sticky-header-welcome-bar .iris-picker, #sticky-header-welcome-bar .iris-picker * {
1524 -moz-box-sizing: content-box;
1525 -webkit-box-sizing: content-box;
1526 box-sizing: content-box;
1527 }
1528 .mysticky-welcomebar-switch {
1529 display: inline-block;
1530 width:55px;
1531 height:30px;
1532 position: relative;
1533 }
1534 .mysticky-welcomebar-switch input {
1535 opacity: 0;
1536 width: 0;
1537 height: 0;
1538 }
1539 .mysticky-welcomebar-switch .slider {
1540 border-radius: 15px;
1541 position: absolute;
1542 cursor: pointer;
1543 top: 0;
1544 right: 0;
1545 left: 0;
1546 bottom: 0;
1547 background-color: #ccc;
1548 border: 2px solid #ccc;
1549 -webkit-transition: .4s;
1550 transition: .4s;
1551 }
1552 .mysticky-welcomebar-switch .slider:before {
1553 border-radius: 50%;
1554 position: absolute;
1555 content: "";
1556 height: 24px;
1557 width: 25px;
1558 left: 1px;
1559 top: 1px;
1560 background-color: #ffffff;
1561 -webkit-transition: .4s;
1562 transition: .4s;
1563 }
1564 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right span:hover:after{
1565 display: none !important;
1566 }
1567 .welcombar-status-switch{
1568 display: inline-block;
1569 width:46px;
1570 height:24px;
1571 position: relative;
1572 }
1573 .mysticky-welcomebar-switch input:checked + .slider {
1574 background-color: #7761DF;
1575 border: 2px solid #7761DF;
1576 }
1577 .mysticky-welcomebar-switch input:focus + .slider {
1578 box-shadow: 0 0 1px #2196F3;
1579 }
1580 .mysticky-welcomebar-switch input:checked + .slider:before {
1581 -webkit-transform: translateX(24px);
1582 -ms-transform: translateX(24px);
1583 transform: translateX(24px);
1584 }
1585 .mysticky-welcomebar-form {
1586 background-color: #f8fcfd;
1587 border: 1px solid #E1E6E6;
1588 padding: 40px 20px 20px 20px;
1589 border-radius: 7px;
1590 position: relative;
1591 }
1592 .mysticky-welcomebar-header-title h3 {
1593 margin: 0;
1594 font-size: 26px;
1595 color: #4F4F4F;
1596 line-height: 1.2;
1597 display: inline-block;
1598 vertical-align: top;
1599 }
1600 .mysticky-welcomebar-header-title h3 + .mysticky-welcomebar-switch {
1601 margin-right: 20px;
1602 }
1603 .mysticky-welcomebar-subheader-title {
1604 padding: 20px 0 30px;
1605 }
1606 .mysticky-welcomebar-subheader-title h4 {
1607 margin: 0;
1608 font-weight: 400;
1609 font-size: 22px;
1610 line-height: 1.2;
1611 color: #4F4F4F;
1612 }
1613 .mysticky-welcomebar-setting-content {
1614 display: flex;
1615 /* align-items: center; */
1616 padding-bottom: 20px;
1617 }
1618 .mysticky-welcomebar-setting-content.show-on-apper {
1619 align-items: flex-start;
1620 }
1621 .mysticky-welcomebar-setting-content > label {
1622 font-size: 18px;
1623 line-height: 1.2;
1624 color: #4F4F4F;
1625 font-weight: 500;
1626 margin-top: 0;
1627 width: 230px;
1628 padding-left: 10px;
1629 align-items: center;
1630 }
1631 .mysticky-welcomebar-setting-content.show-on-apper > label {
1632 margin-top: 10px;
1633 }
1634 .mysticky-welcomebar-setting-content-left {
1635 width: 100%;
1636 align-items: center;
1637 display: flex;
1638 }
1639 /*----------------------*/
1640 /*.mysticky-welcomebar-setting-wrap{
1641 height: 100vh;
1642 }*/
1643 .mysticky-welcomebar-setting-wrap .myStickymenu-upgrade {
1644 display: inline-block;
1645 vertical-align: middle;
1646 margin-right: 12px;
1647 }
1648 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {
1649 margin-right: 50px;
1650 }
1651 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-remove-getbar .myStickymenu-upgrade {
1652 margin-right: 130px;
1653 }
1654 .mysticky-welcomebar-setting-content-left.mysticky-welcomebar-colorpicker .wp-picker-container{
1655 display: inline-block;
1656 }
1657 .mysticky-welcomebar-setting-content-left label {
1658 display: inline-block;
1659 vertical-align: top;
1660 width: 100px;
1661 padding-left: 10px;
1662 }
1663 .mysticky-welcomebar-setting-content-left .wp-picker-input-wrap label {
1664 width: auto;
1665 }
1666 .mysticky-welcomebar-setting-content-left .mysticky-welcomebar-trigger-wrap label {
1667 width: auto;
1668 }
1669 #mystickymenu .mysticky-welcomebar-setting-content-left .px-wrap input {
1670 padding-left: 60px;
1671 }
1672 .mysticky-welcomebar-setting-content-left select ,
1673 .mysticky-welcomebar-setting-content-left input[type="text"] ,
1674 .mysticky-welcomebar-setting-content-left textarea {
1675 width: 400px;
1676 height: 42px;
1677 border-radius: 20px;
1678 color: #32373c;
1679 display: block;
1680 padding: 0 10px;
1681 box-shadow: none;
1682 border: 1px solid #DCE2E2;
1683 margin: 0;
1684 font-size: 14px;
1685 font-weight: 400;
1686 }
1687
1688 .mysticky-welcomebar-setting-content-left input::placeholder,
1689 .mysticky-welcomebar-setting-content-left input:-ms-input-placeholder,
1690 .mysticky-welcomebar-setting-content-left input::-ms-input-placeholder {
1691 color: #b5b7b9;
1692 opacity:0.6;
1693 }
1694 .mysticky-welcomebar-setting-content-left select {
1695 padding-left: 22px;
1696 }
1697 .mysticky-welcomebar-setting-content-left textarea {
1698 height: 100px;
1699 border-radius: 10px;
1700 padding-top: 9px;
1701 }
1702 #mystickymenu .wp-picker-container input[type="text"].wp-color-picker {
1703 border-radius: 0;
1704 height: 32px;
1705 border: 1px solid #DCE2E2;
1706 }
1707 #mystickymenu .wp-picker-input-wrap .button {
1708 height: 32px;
1709 }
1710 #mystickymenu .form-table .wp-picker-input-wrap label {
1711 padding-left: 10px;
1712 }
1713 .mysticky-welcomebar-setting-action {
1714 display: inline-block;
1715 vertical-align: top;
1716 }
1717 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1718 padding-right: 10px;
1719 }
1720 .mysticky-welcomebar-redirect label {
1721 width: 55px;
1722 padding-left: 0;
1723 padding-top: 10px;
1724 }
1725 .mysticky-welcomebar-expirydate {
1726 position: relative;
1727 display: inline-block;
1728 vertical-align: top;
1729 }
1730 .mysticky-welcomebar-setting-content-left .mysticky-welcomebar-expirydate input {
1731 padding-right: 55px;
1732 }
1733 .mysticky-welcomebar-expirydate .dashicons {
1734 position: absolute;
1735 top: 0;
1736 right: 0;
1737 bottom: 0;
1738 color: #a7a7a7;
1739 border-left: 1px solid #a7a7a7;
1740 width: 46px;
1741 height: 100%;
1742 line-height: 40px;
1743 }
1744 a.create-rule {
1745 background-color: #7761DF;
1746 color: #fff;
1747 display: inline-block;
1748 margin: 10px 0 0 0;
1749 vertical-align: top;
1750 text-decoration: none;
1751 padding: 5px 12px;
1752 border-radius: 20px;
1753 box-shadow: none;
1754 outline: none;
1755 }
1756
1757 .mysticky-welcomebar-page-option ,
1758 .mysticky-page-option {
1759 background-color: #fff;
1760 padding: 10px;
1761 margin-bottom: 10px;
1762 border: 1px solid #DCE2E2;
1763 border-radius: 10px;
1764 position: relative;
1765 }
1766 .mysticky-welcomebar-upgrade-main {
1767 position: relative;
1768 vertical-align: top;
1769 width: 100%;
1770 padding-left: 10px;
1771 padding-bottom: 0;
1772 }
1773
1774 .mysticky-welcomebar-page-option {
1775 margin-bottom: 20px;
1776 position: relative;
1777 }
1778 .mysticky-welcomebar-page-option select {
1779 width: 230px;
1780 }
1781 .mysticky-welcomebar-page-option .myStickymenu-upgrade,
1782 .mysticky-page-option .myStickymenu-upgrade {
1783 float: none;
1784 position: absolute;
1785 top: 0;
1786 left: 0;
1787 right: 0;
1788 text-align: center;
1789 background-color: rgba(0,0,0,0);
1790 bottom: 0;
1791 border-radius: 10px;
1792 display: flex;
1793 align-items: center;
1794 justify-content: center;
1795 }
1796 .mysticky-welcomebar-page-option:not(:hover) .myStickymenu-upgrade {
1797 display: none;
1798 }
1799 .mysticky-welcomebar-page-option .url-content {
1800 display: flex;
1801 align-items: center;
1802 }
1803 .mysticky-welcomebar-page-option .url-content > div {
1804 padding: 0 3px;
1805 display: inline-block;
1806 }
1807 /*
1808 .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-values,
1809 .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-option{
1810 width: 20%;
1811 }*/
1812 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
1813 width: 28%;
1814 text-align: left;
1815 margin-top: 10px;
1816 }
1817
1818 .mysticky-welcomebar-page-option .url-content select {
1819 width: 100%;
1820 }
1821
1822 .mysticky-welcomebar-page-option .url-content input[type="text"] {
1823 height: 38px;
1824 padding: 0 15px;
1825 border-radius: 0;
1826 }
1827
1828 .mysticky-page-option .myStickymenu-upgrade {
1829 float: none;
1830 position: absolute;
1831 top: 0;
1832 right: 50%;
1833 /* left: 0; */
1834 text-align: center;
1835 /* background-color: rgba(0,0,0,0.6); */
1836 bottom: 0;
1837 border-radius: 10px;
1838 display: none;
1839 align-items: center;
1840 justify-content: center;
1841 -webkit-transform: translateX(-50%);
1842 -moz-transform: translateX(-50%);
1843 transform: translateX(-50%);
1844 }
1845 .mysticky-page-option:hover .myStickymenu-upgrade {
1846 display: flex;
1847 }
1848 .mysticky-page-option .myStickymenu-upgrade a {
1849 padding-top: 5px;
1850 padding-bottom: 7px;
1851 padding-right: 20px;
1852 padding-left: 20px;
1853 font-size: 14px;
1854 box-shadow: 0 0 3px #999;
1855 }
1856 .mysticky-page-option {
1857 background-color: #fff;
1858 padding: 10px;
1859 margin-bottom: 10px;
1860 border: 1px solid #DCE2E2;
1861 border-radius: 10px;
1862 position: relative;
1863 }
1864 .mysticky-page-option .url-content {
1865 display: flex;
1866 align-items: center;
1867 }
1868 .mysticky-page-option .url-content > div {
1869 padding: 0 5px;
1870 display: block;
1871 }
1872 .mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
1873 width: 260px;
1874 text-align: left;
1875 }
1876 .mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
1877 width: 300px;
1878 }
1879 .mysticky-page-option .url-content select {
1880 width: 250px;
1881 }
1882 .mysticky-page-option .url-content input[type="text"] {
1883 height: 38px;
1884 padding: 0 15px;
1885 border-radius: 0;
1886 }
1887 .mystickymenu-page-target-wrap {
1888 padding-bottom: 20px;
1889 }
1890
1891 .mysticky-welcomebar-remove-rule ,
1892 .mysticky-remove-rule {
1893 color: #fff;
1894 background-color: #666;
1895 text-decoration: none;
1896 display: inline-block;
1897 vertical-align: top;
1898 width: 38px;
1899 height: 38px;
1900 text-align: center;
1901 border-radius: 4px;
1902 font-size: 22px;
1903 line-height: 35px;
1904 }
1905 .mysticky-welcomebar-page-options {
1906 display: inline-block;
1907 vertical-align: top;
1908 }
1909 .mysticky-welcomebar-setting-left {
1910 /*position: absolute;
1911 right: 20px;*/
1912 /*left: 50px;*/
1913 /*width: 500px;*/
1914 }
1915 .mysticky-welcomebar-setting-right{
1916 position: fixed;
1917 top: 32px !important;
1918 left:20px;
1919 }
1920 .mysticky-welcomebar-setting-right{
1921 margin-top: 0px;
1922 position: absolute;
1923 width:400px;
1924 }
1925
1926 .mysticky-welcomebar-header-title::after {
1927 content: "";
1928 display: block;
1929 clear: both;
1930 }
1931 .mysticky-welcomebar-preview-window {
1932 float: left;
1933 }
1934 .mysticky-welcomebar-header-title {
1935 padding-bottom: 20px;
1936 }
1937 .mysticky-welcomebar-preview-window ul {
1938 margin: 0;
1939 padding: 0;
1940 }
1941 .mysticky-welcomebar-preview-window ul li {
1942 color: #7761DF;
1943 display: inline-block;
1944 vertical-align: top;
1945 width: 36px;
1946 height: 36px;
1947 background-color: #DFDDF7;
1948 border-radius: 50%;
1949 text-align: center;
1950 line-height: 36px;
1951 margin-bottom: 0;
1952 margin-right: 10px;
1953 }
1954 .mysticky-welcomebar-preview-window ul li.preview-active {
1955 color: #fff;
1956 background-color: #7761DF;
1957 }
1958 .mysticky-welcomebar-preview-window ul li .dashicons {
1959 line-height: 36px;
1960 }
1961 .mysticky-welcomebar-preview-screen {
1962 background-color: #ffffff;
1963 border: 1px solid #DCE2E2;
1964 border-radius: 10px;
1965 margin: 0 auto;
1966 padding: 0;
1967 height: 400px;
1968 position: relative !important;
1969 overflow: hidden;
1970 max-width: 100%;
1971 -webkit-transition: all 0.5s ease 0s;
1972 -moz-transition: all 0.5s ease 0s;
1973 transition: all 0.5s ease 0s;
1974 }
1975 .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
1976 max-width: 320px;
1977 }
1978 /*----------------------------*/
1979 .mysticky-welcomebar-submit {
1980 float: left;
1981 padding-top: 50px;
1982 margin-left: -20px;
1983 }
1984 .mysticky-welcomebar-form-reset .mysticky-welcomebar-submit {
1985 margin-left: 0;
1986 padding-top: 30px;
1987 }
1988 .mysticky-welcomebar-submit input.button-secondary {
1989 background: #969696;
1990 border-color: #969696;
1991 color: #ffffff;
1992 text-transform: uppercase;
1993 border-radius: 31px;
1994 font-size: 20px;
1995 margin-left: 10px;
1996 margin-bottom: 1px;
1997 padding-right: 23px;
1998 padding-left: 23px;
1999 height: 40px;
2000 width: 200px;
2001 border: 0;
2002 box-shadow: none;
2003 font-weight: 600;
2004 text-shadow: none;
2005 }
2006
2007 #mystickymenu .mysticky-welcomebar-submit input.button-secondary:hover {
2008 opacity: 0.7;
2009 background-color: #8c8f94;
2010 color: #FFFFFF;
2011 }
2012
2013 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-buttons {
2014 padding-left: 0;
2015 }
2016 .ui-dialog-buttonset .green-btn.ui-button {
2017 background-color: #00c67c;
2018 border-color: #00c67c;
2019 color: #fff;
2020 }
2021 .mysticky-welcomebar-setting-content-left.mysticky-welcomebar-setting-redirect-wrap {
2022 display: block;
2023 }
2024 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-redirect-wrap .myStickymenu-upgrade {
2025 margin-top: 7px;
2026 }
2027 .updates-form-form {
2028 min-height: calc(100vh - 280px);
2029 }
2030 .popup-form-content {
2031 background: #ffffff;
2032 min-height: 100px;
2033 width: 450px;
2034 text-align: center;
2035 margin-top: 50px;
2036 border: solid 1px #c1c1c1;
2037 }
2038 .updates-content-buttons button {
2039 margin: 10px 3px !important;
2040 float: right;
2041 }
2042 .updates-content-buttons a span {
2043 -webkit-animation: fa-spin 0.75s infinite linear;
2044 animation: fa-spin 0.75s infinite linear;
2045 }
2046 .updates-content-buttons a:hover, .updates-content-buttons a:focus {
2047 color: #ffffff;
2048 background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
2049 }
2050 .updates-content-buttons a:focus {
2051 outline: 0;
2052 box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50,100,150,.4);
2053 }
2054 .updates-content-buttons button.form-cancel-btn {
2055 float: left !important;
2056 }
2057 .form-submit-btn {
2058 background-color: #3085d6;
2059 }
2060 .updates-content-buttons a span {
2061 -webkit-animation: fa-spin 0.75s infinite linear;
2062 animation: fa-spin 0.75s infinite linear;
2063 }
2064 .add-update-mystickymenu-title {
2065 font-size: 20px;
2066 line-height: 30px;
2067 padding: 20px 20px 0;
2068 }
2069 .mystickymenu-form-input {
2070 padding: 10px 20px;
2071 }
2072 .mystickymenu-form-input input {
2073 width: 100%;
2074 transition: border-color .3s,box-shadow .3s;
2075 border: 1px solid #d9d9d9;
2076 border-radius: .1875em;
2077 font-size: 1.125em;
2078 box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
2079 box-sizing: border-box;
2080 height: 2.625em;
2081 margin: 1em auto;
2082 }
2083 .updates-content-buttons {
2084 background: #c1c1c1;
2085 padding: 0 20px;
2086 }
2087 /*----------------------------------------------------------------*/
2088 div#wp-mysticky_bar_text-wrap,
2089 div#wp-welcombar-coupon-textbar-wrap,
2090 #wp-mysticky_thankyou_screen_text-wrap{
2091 /*width: 46%;*/
2092 }
2093
2094 .mystickymenu-popup {
2095 position: fixed;
2096 width: 100%;
2097 height: 100%;
2098 top: 0;
2099 right: 0;
2100 z-index: 100001;
2101 background: rgba(0, 0, 0, .75)
2102 }
2103
2104 .mystickymenu-popup-box {
2105 padding: 0;
2106 width: 600px;
2107 max-width: 100%;
2108 margin: auto;
2109 top: 50%;
2110 position: absolute;
2111 right: 0;
2112 left: 0;
2113 border-radius: 5px;
2114 transform: translate(0, -50%);
2115 -webkit-transform: translate(0, -50%);
2116 -moz-transform: translate(0, -50%);
2117 text-align: center;
2118 background: #fcfcfc
2119 }
2120
2121 .mystickymenu-popup-header {
2122 padding: 15px;
2123 font-size: 20px;
2124 border-bottom: solid 1px #e6e6e6
2125 }
2126
2127 .mystickymenu-popup-content {
2128 background: #fff;
2129 padding: 15px;
2130 font-size: 14px;
2131 line-height: 20px
2132 }
2133
2134 .mystickymenu-popup-content iframe {
2135 margin: 30px 0
2136 }
2137
2138 .mystickymenu-popup-footer {
2139 padding: 15px;
2140 border-top: solid 1px #e6e6e6
2141 }
2142
2143 .mystickymenu-popup-footer button {
2144 border: none;
2145 padding: 10px 20px;
2146 border-radius: 4px;
2147 background: #00c478;
2148 color: #fff;
2149 cursor: pointer;
2150 }
2151
2152 .close-mystickymenu-popup {
2153 margin: 0;
2154 padding: 0;
2155 background: 0 0;
2156 border: none;
2157 float: left;
2158 background: #000;
2159 border-radius: 50%;
2160 color: #fff;
2161 text-align: center;
2162 width: 24px;
2163 height: 24px;
2164 cursor: pointer;
2165 }
2166
2167 .close-mystickymenu-popup span {
2168 line-height: 24px
2169 }
2170 @-webkit-keyframes fa-spin {
2171 0% {
2172 -webkit-transform: rotate(0deg);
2173 transform: rotate(0deg);
2174 }
2175 100% {
2176 -webkit-transform: rotate(359deg);
2177 transform: rotate(359deg);
2178 }
2179 }
2180
2181
2182 .mysticky-custom-fields-tooltip{
2183 position: relative;
2184 margin-right: 5px;
2185 }
2186 .mysticky-custom-fields-tooltip:hover p {
2187 bottom: 100%;
2188 opacity: 1;
2189 visibility: visible;
2190 }
2191
2192 .mysticky-custom-fields-tooltip a.mysticky-tooltip {
2193 width: 20px;
2194 height: 20px;
2195 line-height: 20px;
2196 border-radius: 35px;
2197 padding: 0;
2198 text-align: center;
2199 font-size: 12px;
2200 display: inline-block;
2201 color: #ffffff;
2202 text-decoration: none;
2203 margin-top: 0 !important;
2204 }
2205 .mysticky-custom-fields-tooltip a.mysticky-tooltip .dashicons{
2206 text-transform: uppercase;
2207 color: #1E1E1E;
2208 }
2209 .mysticky-custom-fields-tooltip p {
2210 margin: 0;
2211 margin-bottom: 0px;
2212 background-color: #000;
2213 width: 380px;
2214 padding: 10px 10px;
2215 border-radius: 8px;
2216 color: #fff;
2217 position: absolute;
2218 bottom: 200%;
2219 right: -20px;
2220 margin-bottom: 10px;
2221 -webkit-transition: all 0.5s ease 0s;
2222 -moz-transition: all 0.5s ease 0s;
2223 transition: all 0.5s ease 0s;
2224 opacity: 0;
2225 visibility: hidden;
2226 }
2227 .mysticky-custom-fields-tooltip p::before {
2228 content: "";
2229 border-top: 10px solid #000;
2230 border-right: 10px solid transparent;
2231 border-left: 10px solid transparent;
2232 width: 0;
2233 height: 0;
2234 position: absolute;
2235 bottom: -8px;
2236 right: 25px;
2237 }
2238
2239 .mysticky-welcomebar-poptin-content{
2240 font-size: 18px;
2241 display: flex;
2242 align-content: center;
2243 }
2244 .mysticky-welcomebar-poptin-content a{
2245 display: inline-block;
2246 padding: 0 5px;
2247 text-decoration: none;
2248 }
2249 .mysticky-welcome-poptin-logo{width: 100px;}
2250
2251
2252 /*--------------------------------New Add---------------------------*/
2253
2254
2255 .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-setting-newtab.mysticky-welcomebar-redirect {
2256 display: flex;
2257 }
2258
2259 .mysticky-welcomebar-setting-content-right {
2260 width: 100%;
2261 align-items: center;
2262 display: block;
2263 }
2264 .show-on-apper .mysticky-welcomebar-setting-content-right {
2265 width: 100% !important;
2266 }
2267
2268 .mysticky-welcomebar-setting-content-right label{
2269 display: inline-block;
2270 vertical-align: top;
2271 width: 100px;
2272 padding-right: 2px;
2273 }
2274
2275
2276 .wp-editor-area{height: 100px !important;}
2277
2278 .mysticky-welcomebar-setting-content-right select, .mysticky-welcomebar-setting-content-right input[type="text"], .mysticky-welcomebar-setting-content-right textarea {
2279 width: 400px;
2280 height: 42px;
2281 border-radius: 20px;
2282 color: #32373c;
2283 padding: 0 10px;
2284 box-shadow: none;
2285 border: 1px solid #DCE2E2;
2286 margin: 0;
2287 font-size: 14px;
2288 font-weight: 400;
2289 align-items: center;
2290 }
2291 .mysticky-welcomebar-setting-content-right select {
2292 padding-left: 22px;
2293 }
2294 .mysticky-welcomebar-triggersec{
2295 position: relative;
2296 display: inline-block;
2297 vertical-align: top;
2298 }
2299 .mysticky-welcomebar-expirydate-gmt{
2300 position: relative;
2301 display: inline-block;
2302 vertical-align: top;
2303 }
2304 .mysticky_welcome_expiry1{padding-right: 50px !important;}
2305 /*.plan-price{
2306 left: 12px !important;
2307 }*/
2308
2309 /*-------------------------------------------*/
2310 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn{
2311 padding-right: 0 !important;
2312 }
2313 .mysticky-welcomebar-btn .mysticky-welcomebar-close{
2314 position: absolute;
2315 left: 5px !important;
2316 }
2317 .mysticky_welcome_expiry{padding-right: 50px !important;}
2318
2319
2320 .sticky-form-field{padding: 20px 20px 10px 20px;}
2321 .sticky-form-buttons{padding: 10px 20px 20px 20px;}
2322
2323 .sticky-form-field input {
2324 height: 30px;
2325 width: 300px;
2326 -webkit-border-radius: 3px;
2327 -moz-border-radius: 3px;
2328 border-radius: 3px;
2329 }
2330 button.sticky-activate-key {
2331 background: #00c67c;
2332 border: none;
2333 color: #fff;
2334 padding: 5px 20px;
2335 font-family: 'Lato', sans-serif;
2336 font-size: 12px;
2337 -webkit-border-radius: 3px;
2338 -moz-border-radius: 3px;
2339 border-radius: 3px;
2340 }
2341
2342 .sticky-form-field label {
2343 display: block;
2344 padding: 0 0 5px 0;
2345 }
2346 .software-licensing-footer {
2347 padding: 15px;
2348 background: #e1daf6;
2349 color: #7559c0;
2350 font-weight: bold;
2351 -webkit-border-bottom-right-radius: 10px;
2352 -webkit-border-bottom-left-radius: 10px;
2353 -moz-border-radius-bottomright: 10px;
2354 -moz-border-radius-bottomleft: 10px;
2355 border-bottom-right-radius: 10px;
2356 border-bottom-left-radius: 10px;
2357 }
2358
2359
2360 /*===============================================================================================*/
2361
2362 /*----------------------------------------------------- Welcome-bar php CSS -------------------------*/
2363
2364 /*===============================================================================================*/
2365
2366
2367 #sticky-header-welcome-bar .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
2368 top: 5px;
2369 left: 5px !important;
2370 right: unset;
2371 position: absolute;
2372 text-decoration: none;
2373 }
2374
2375
2376 .mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
2377 opacity: 1;
2378 -webkit-transform: rotate(180deg);
2379 -moz-transform: rotate(180deg);
2380 transform: rotate(180deg);
2381 }
2382
2383 .mysticky-welcomebar-fixed .mysticky-welcomebar-close span.dashicons {
2384 font-size: 27px;
2385 }
2386 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
2387 display: inline-block;
2388 }
2389
2390 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
2391 margin: 0 15px;
2392 display: none;
2393 }
2394
2395 .mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
2396 opacity: 1;
2397 -webkit-transform: rotate(180deg);
2398 -moz-transform: rotate(180deg);
2399 transform: rotate(180deg);
2400 }
2401 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
2402 display: inline-block;
2403 }
2404
2405
2406
2407 /* tooltip css */
2408 .tooltip {
2409 position: relative;
2410 display: inline-block;
2411 border-bottom: 1px dotted black;
2412 }
2413
2414 .tooltip .tooltiptext {
2415 visibility: hidden;
2416 width: 80px;
2417 background-color: black;
2418 color: #fff;
2419 text-align: center;
2420 border-radius: 6px;
2421 padding: 5px 0;
2422 position: absolute;
2423 z-index: 1;
2424 bottom: 150%;
2425 left: 50%;
2426 margin-left: -45px;
2427 }
2428
2429 .tooltip .tooltiptext::after {
2430 content: "";
2431 position: absolute;
2432 top: 100%;
2433 left: 50%;
2434 margin-left: -5px;
2435 border-width: 5px;
2436 border-style: solid;
2437 border-color: black transparent transparent transparent;
2438 }
2439
2440 .tooltip:hover .tooltiptext {
2441 visibility: visible;
2442 }
2443
2444
2445
2446
2447
2448
2449 /*---------------------------------------------------------------------------// 22-12-21 //-----------------------*/
2450
2451 .mystickymenu-wrap{text-align:center;}
2452 /*.mystickymenu-wrap .mystickymenu-welcome-img img{width:40%; height:auto;}*/
2453
2454 .mystickymenu-newwelcomebar-contents a,
2455 .mystickymenu-widgets-btn-wrap a{
2456 display:inline-flex;
2457 color:#fff;
2458 font-size:15px;
2459 font-weight:500;
2460 padding:10px 20px;
2461 text-decoration:none;
2462 background:#6558F5;
2463 border-radius:5px;
2464 align-items: center;
2465 box-shadow: 0px 12px 12px -6px rgba(101, 107, 232, 0.25);
2466 }
2467
2468 .mystickymenu-tab-boxes{display:flex; justify-content: center; margin-top:50px;}
2469 .mystickymenu-tab-box{
2470 width:25%;
2471 margin:10px;
2472 display:flex;
2473 border:1px solid #C3CFD9;
2474 flex-direction: column;
2475 justify-content: space-between;
2476 padding-bottom:15px;
2477 background-color:#fff;
2478 }
2479
2480 .mystickymenu-tab-box .stickymenu-settings{margin:0 35px;}
2481
2482 .mystickymenu-tab-box .stickymenu-box-header{ color:#4B5C6B; font-size:15px; font-weight:600;
2483 padding:8px 0; background:#DFE6ED; text-align:center; line-height:20px;}
2484 .stickymenu-box-container p{font-size:14px;}
2485
2486 .mystickymenu-action-popup .mystickymenu-action-popup-footer button.btn-enable,
2487 .mystickymenu-tab-box .stickymenu-box-button a{
2488 display: inline-flex;
2489 color: rgba(21, 25, 32, 0.5);
2490 font-size: 16px;
2491 font-weight: 400;
2492 font-family: 'Lato', sans-serif;
2493 padding: 12px 61px;
2494 text-decoration: none;
2495 border: 1px solid rgba(86, 103, 137, 0.26);
2496 border-radius: 8px;
2497 align-items: center;
2498 background: none;
2499 line-height: 24px;
2500 }
2501 /*---------------------------------------------------------------------------------------------------------6-1-22-----*/
2502
2503 .stickymenu-box-container ul.documents-wrap-list{ text-align:right; list-style-type:disc; margin:15px 30px 15px 15px;}
2504 .stickymenu-box-container ul.documents-wrap-list li{color:#6558F5; font-size:25px; margin-bottom:8px;} /*------6-1-22--*/
2505 .stickymenu-box-container ul.documents-wrap-list li a{color:#6558F5; font-family: 'Lato', sans-serif; font-size:16px;}
2506
2507 /**/
2508 .mystickymenu-widgets table, td, th{ border:1px solid #EBEBEB;}
2509 .mystickymenu-wrap table.mystickymenu-widgets-lists{border-collapse:collapse; width:100%; margin:0; background-color:#fff;}
2510 .mystickymenu-wrap table.mystickymenu-widgets-lists tr th{padding:8px !important; background:#F6F5FE; vertical-align: middle !important;}
2511 .mystickymenu-wrap table.mystickymenu-widgets-lists tr td{padding:6px !important; vertical-align: middle !important;}
2512 .mystickymenu-wrap table.mystickymenu-widgets-lists .tooltip{border:none;}
2513
2514 /**/
2515 .mystickymenupopup-overlay{
2516 display:none;
2517 position: fixed;
2518 top: 0;
2519 left: 0;
2520 width: 100%;
2521 height: 100%;
2522 background-color: rgba(0,0,0,0.3);
2523 z-index: 9995;
2524 }
2525
2526 .mystickymenu-action-popup{
2527 position: fixed;
2528 top: 80px;
2529 left: 50%;
2530 -webkit-transform: translateX(-50%);
2531 -moz-transform: translateX(-50%);
2532 transform: translateX(-50%);
2533 z-index: 9999;
2534 width: 500px;
2535 background-color: #fff;
2536 padding: 0 0 28px 0;
2537 box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
2538 border-radius:10px;
2539
2540 }
2541
2542 .mystickymenu-action-popup-footer{
2543 text-align:center;
2544 display:inline-block;
2545 margin-top:15px;
2546 }
2547
2548 #stickymenu_status_popupbox .mystickymenu-action-popup-footer{
2549 display: block;
2550 }
2551 .mystickymenu-action-popup-header{
2552 padding: 25px 25px 40px 25px;
2553 border-bottom: 1px solid #EAEFF2;
2554 }
2555 .mystickymenu-action-popup-header h3{
2556 margin:0 10px 0 0 !important;
2557 position:relative;
2558 float:right;
2559 }
2560
2561 .mystickymenu-action-popup .mystickymenu-action-popup-body p{
2562 text-align: right;
2563 float: right;
2564 margin-right: 0;
2565 padding: 0px 35px 0 0;
2566 font-size: 16px;
2567 font-weight: 400;
2568 font-style: normal;
2569 color: #181749;
2570 }
2571 /*.mystickymenu-action-popup-header h3:after{
2572 content:"";
2573 display:block;
2574 height:3px;
2575 width:4.5rem;
2576 text-align:center;
2577 margin: 10px auto;
2578 background:#4797DE;
2579 }*/
2580 .mystickymenu-action-popup-footer button{cursor: pointer !important;}
2581 .mystickymenu-action-popup .mystickymenu-action-popup-footer button.btn-disable-cancel{
2582 display: inline-flex;
2583 color: #fff;
2584 background: #F33;
2585 font-size: 15px;
2586 font-weight: 500;
2587 padding: 12px 80px;
2588 text-decoration: none;
2589 border-radius: 8px;
2590 align-items: center;
2591 margin-right: 15px;
2592 border: none;
2593 line-height: 24px;
2594
2595 }
2596 .mystickymenu-action-popup .mystickymenu-action-popup-body{margin:30px 0;}
2597
2598 /**/
2599 .first-widget-popup{
2600 text-align:center;
2601 position: fixed;
2602 top: 50px;
2603 left: 50%;
2604 -webkit-transform: translateX(-50%);
2605 -moz-transform: translateX(-50%);
2606 transform: translateX(-50%);
2607 z-index: 99991;
2608 width: 600px;
2609 background-color: #fff;
2610 padding: 30px;
2611 box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
2612 border-radius:10px;
2613
2614 }
2615 .first-widget-popup h4,.first-widget-popup p,.first-widget-popup span,.first-widget-popup button,.first-widget-popup a{
2616 font-family:'Lato', sans-serif;
2617 }
2618 .first-widget-popup h4{
2619 font-weight: 600;
2620 font-size: 24px;
2621 line-height: 34px;
2622 color: #181749;
2623 margin:16px 0 0 0;
2624 }
2625 .first-widget-popup p{
2626 font-size: 16px;
2627 margin-top: 0px;
2628 padding: 0 32px;
2629 font-weight: 400;
2630 line-height: 24px;
2631 font-style: normal;
2632 }
2633 .first-widget-popup-contant{
2634 background: #F8F7FF;
2635 text-align: right;
2636 border-radius: 4px;
2637 padding: 0px 9px;
2638 }
2639 .first-widget-popup-contant h4{
2640 font-weight: 600;
2641 font-size: 16px;
2642 line-height: 34px;
2643 color: #181749;
2644 margin: 26px 0 0 0;
2645 font-family: inherit;
2646 }
2647 .first-widget-popup-contant p{
2648 font-size: 14px;
2649 margin-top: 16px;
2650 font-weight: 400;
2651 line-height: 33px;
2652 margin: 0px;
2653 padding: 0px;
2654 font-style: normal;
2655 color:#181749;
2656 font-family: inherit;
2657 }
2658 .first-widget-popup a.btn-back-dashboard{
2659 display:inline-flex;
2660 color:#fff;
2661 font-size:15px;
2662 font-weight:500;
2663 padding:10px 20px;
2664 text-decoration:none;
2665 background:#6558F5;
2666 border-radius:30px;
2667 align-items: center;
2668 margin: 36px 0 10px 0;
2669 box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
2670 }
2671 .firstwidget-popup-contain a.btn-dashboard {
2672 font-size: 16px;
2673 font-weight: 400;
2674 color: #5F5DE4;
2675 }
2676 .close-chaty-maxvisitor-popup{
2677 position:absolute;
2678 top:17px;
2679 left:17px;
2680 }
2681 .mystickymenu_container_popupbox{
2682 margin-top:10px;
2683 }
2684
2685
2686
2687
2688 .mysticky-stickymenu-header-title h3{
2689 color:#1d2327;
2690 display: inline-block;
2691 }
2692 .stickymenu-switch{
2693 display: inline-block;
2694 width: 55px;
2695 height: 30px;
2696 position: relative;
2697 margin: 0 0 8px 10px;
2698 }
2699
2700 .stickymenu-switch .slider:before{
2701 background-color: #ffffff;
2702 }
2703
2704 .stickymenu-switch input:checked + .slider {
2705 background-color: #7761DF;
2706 border: 2px solid #7761DF;
2707 }
2708
2709 .firstwidget-popup-contain a{
2710 color: #3c434a;
2711 text-decoration: none;
2712 }
2713
2714 .mysticky-welcomebar-position-top .welcomebar-sticky-close:focus{outline:none; border:0;}
2715 .mysticky-welcomebar-position-top .welcomebar-sticky-close{
2716 vertical-align: top;
2717 width: 30px;
2718 height: 30px;
2719 text-align: center;
2720 line-height: 30px;
2721 border-radius: 5px;
2722 color: #000;
2723 position: absolute;
2724 top: 5px;
2725 left:5px;
2726 outline: none;
2727 font-family: Lato;
2728 text-decoration: none;
2729 text-shadow: 0 0 0px #fff;
2730 -webkit-transition: all 0.5s ease 0s;
2731 -moz-transition: all 0.5s ease 0s;
2732 transition: all 0.5s ease 0s;
2733 -webkit-transform-origin: 50% 50%;
2734 -moz-transform-origin: 50% 50%;
2735 transform-origin: 50% 50%;
2736 }
2737
2738 a.copyicon{text-decoration:none; color:#000;}
2739 /*.copyicon .dashicons{display:block;}*/
2740 a.copyicon img{width:40px; height:40px;}
2741
2742 /*----------------------------------------------------------NEW 3-1-22--------------------------------------*/
2743 .mystickymenu-dashboard{text-align:right;}
2744 .mystickymenu-dashboard .welcomebars-list-table{
2745 background:#fff;
2746 /*border-radius:15px;*/
2747 padding:20px 40px;
2748 text-align:center;
2749 }
2750 .mystickymenu-dashboard h3{margin:5px 0;}
2751 .mystickymenu-dashboard .header-section{
2752 display: flex;
2753 justify-content: space-between;
2754 padding: 0 0 24px 0;
2755 border-bottom: 1px solid #EBEBEB;
2756 width: 100%;
2757 }
2758 .mystickymenu-dashboard .heading-title{display:inline-flex;}
2759 .mystickymenu-dashboard .mystickymenu-widgets-btn-wrap{display:inline-flex;}
2760
2761 .mystickymenu-dashboard .heading-title h3{font-family: 'Lato', sans-serif; font-size: 28px !important;
2762 font-weight:600 !important; color:#1d2327 !important;}
2763
2764
2765
2766 .mystickymenu-dashboard .mystickymenu-tab-boxs-wrap{display:block; justify-content:space-between; margin:20px 0;}/*00000000000000000000*/
2767 .contactus-tab-option,.mystickymenu-tab-documentation{width:100%;} /*0000000000000000000000000000000000000000000000000000000000*/
2768 .mystickymenu-new302box{display:flex; justify-content:space-between; flex-wrap:wrap;} /*00000000000000000000000000000000000000*/
2769
2770
2771
2772 .stickymenu-tab-option{margin-bottom:15px;}
2773 .mystickymenu-dashboard .msm-bgbox{display:block; background:#fff; padding:0; box-sizing:border-box;}
2774
2775
2776 .msm-bgbox .stickymenu-box-button{display: block; padding:0 48px 15px 15px;}
2777
2778 .msm-bgbox .stickymenu-box-button a{
2779 display:inline-flex;
2780 color:#6558F5;
2781 font-size:15px;
2782 font-weight:500;
2783 padding:0 15px;
2784 text-decoration:none;
2785 border:1px solid #6558F5 !important;
2786 border-radius:5px;
2787 align-items: center;
2788 background:none;
2789 line-height:34px;
2790 }
2791 .contactus-title, .premio-footer-option,
2792 .stickymenu-settings{display:flex; justify-content:space-between; align-items: center;}
2793 .premio-footer-option{margin-top:6px;}
2794 .premio-footer-option h3{color:#6558F5;}
2795 .premio-footer-option h4{margin:5px 0;}
2796 .premio-footer-option .premio-content-list{width:60%; margin:0 10px;}
2797
2798 a.copyicon1{color:#6558F5; line-height:23px; text-decoration:underline;}
2799 a.copyicon1 span{text-decoration:none;}
2800 .dashicons-facebook-alt{color:#3B5998 !important;}
2801 .dashicons-twitter{color:#00ACEE !important;}
2802 /*--------------*/
2803
2804 .new-welcomebar-section-wrap{background:#fff; display:flex; padding:25px; justify-content: space-between;}
2805
2806
2807 .mystickymenu-welcome-img, .mystickymenu-newwelcomebar-contents,
2808 .new-welcomebar-section-wrap .mystickymenu-features{width:auto;}
2809
2810
2811 .mystickymenu-wrap .mystickymenu-welcome-img img{width:80%; height:auto; text-align:center;}
2812 .mystickymenu-newwelcomebar-contents{margin:0 10px;}
2813 .mystickymenu-features{text-align:center;}
2814 .mystickymenu-features .mystickymenu-features-list{ text-align:left; list-style-type:disc; margin:15px 30px 15px 15px;}
2815 .mystickymenu-features .mystickymenu-features-list li{color:#6558F5; font-size:14px;}
2816
2817 .documents-wrap-list{ text-align:right; list-style-type:disc;}
2818 .documents-wrap-list li{color:#6558F5; font-size:16px; margin-bottom:10px;}
2819
2820 .mystickymenu-feature-title{
2821 display:inline-flex;
2822 color:#fff;
2823 font-size:15px;
2824 font-weight:500;
2825 padding:10px 20px;
2826 text-decoration:none;
2827 background:#6558F5;
2828 border-radius:5px;
2829 align-items: center;
2830 }
2831 .mystickymenu-feature-title img{width:22px; margin-left:7px;}
2832
2833 .welcomebars-list-table .mysticky-welcomebar-switch .slider{
2834 background-color: #FF424D;
2835 border: 2px solid #FF424D;
2836 }
2837 .mystickymenu-action-popup-header span{
2838 float:left;
2839 }
2840
2841 .msm-bgbox .stickymenu-box-button a{
2842 display:inline-flex;
2843 color:#6558F5;
2844 font-size:16px;
2845 font-weight:500;
2846 font-family: 'Lato', sans-serif;
2847 padding:0 15px;
2848 text-decoration:none;
2849 border:1px solid #6558F5 !important;
2850 border-radius:5px;
2851 align-items: center;
2852 background:none;
2853 line-height:34px;
2854 }
2855 .contactus-title, .premio-footer-option,
2856 .stickymenu-settings{display:flex; justify-content:space-between; align-items: center;}
2857 .premio-footer-option{margin-top:6px;}
2858 .premio-footer-option h3{color:#6558F5;}
2859 .premio-footer-option h4{margin:5px 0;}
2860 .premio-footer-option .premio-content-list{width:62%; margin:0;}
2861
2862 a.copyicon1{color:#6558F5; line-height:23px; text-decoration:underline;}
2863 a.copyicon1 span{text-decoration:none;}
2864 .dashicons-facebook-alt{color:#3B5998;}
2865 .dashicons-twitter{color:#00ACEE;}
2866 /*--------------*/
2867
2868 .new-welcomebar-section-wrap{background:#fff; display:flex; padding:25px; justify-content: space-between;}
2869
2870 .mystickymenu-welcome-img, .mystickymenu-newwelcomebar-contents,
2871 .new-welcomebar-section-wrap .mystickymenu-features{width:auto;}
2872
2873 .mystickymenu-wrap .mystickymenu-welcome-img img{max-width:80%; height:auto; text-align:center;}
2874 .mystickymenu-newwelcomebar-contents{margin:0 10px;}
2875 .mystickymenu-features{text-align:center;}
2876
2877
2878 .mystickymenu-features .mystickymenu-features-list{ text-align:left; list-style-type:disc;
2879 background: #F6F5FE;
2880 padding: 30px 15px 15px 15px;
2881 border-radius: 15px;
2882 margin-top: -20px;
2883 }
2884 .mystickymenu-features-list ul.documents-wrap-list{margin:15px 30px 15px 0;}
2885
2886 .mystickymenu-features .mystickymenu-features-list li{color:#6558F5; font-family: 'Lato', sans-serif; font-size:16px;}/*----6-1-22-------*/
2887
2888 .documents-wrap-list{ text-align:right; list-style-type:disc;}
2889 .documents-wrap-list li{color:#6558F5; font-size:14px; margin-bottom:10px;}
2890
2891 .mystickymenu-feature-title{
2892 display:inline-flex;
2893 color:#fff;
2894 font-size:15px;
2895 font-weight:500;
2896 padding:10px 20px;
2897 text-decoration:none;
2898 background:#6558F5;
2899 border-radius:5px;
2900 align-items: center;
2901 }
2902 .mystickymenu-feature-title img{width:22px; margin-left:7px;}
2903
2904 .welcomebars-list-table .mysticky-welcomebar-switch .slider{
2905 background-color: #FF424D;
2906 border: 2px solid #FF424D;
2907 }
2908
2909 .mystickymenu-action-popup-footer{
2910 text-align:center;
2911 display:inline-block;
2912 margin-top:15px;
2913 }
2914 #stickymenu_status_popupbox .mystickymenu-action-popup-footer{
2915 display: block;
2916 }
2917
2918 .welcombar-enabled-status .mystickymenu-action-popup-footer{
2919 display: block;
2920 }
2921
2922 /*--------------------------------------------------------// 6-1-22 //------------------*/
2923 .mystickymenu-newwelcomebar-contents h2{font-family: 'Lato', sans-serif; font-size:28px; font-weight:bold;}
2924
2925 .premio-content-list span, .premio-footer-option label, .settings-content p, .contactus-contents-buttons span.folous, .stickymenu-box-button,
2926 .mystickymenu-newwelcomebar-contents p{font-family: 'Lato', sans-serif; font-size:16px; font-weight:400;color: #181749;font-style: normal;font-weight: 400;line-height: 24px;}
2927
2928 .premio-content-list h4{font-family: 'Lato', sans-serif; font-size:16px; font-weight:bold;}
2929
2930 .contactus-title h3, .mystickymenu-tab-documentation h3,
2931 .stickymenubox-title-section h3{font-family: 'Lato', sans-serif; font-size:20px; font-weight:bold;}
2932
2933 /**/
2934 .stickymenu-tab-option{padding:0 0 10px 0 !important;}
2935 /*.stickymenubox-title-section{border-bottom:1px solid #EBEBEB; padding:24px 20px;}*/
2936
2937 .stickymenubox-title-section h3,
2938 .mystickymenu-tab-documentation h3, .contactus-title
2939 {border-bottom:1px solid #EBEBEB; padding:24px 40px; margin:0;}
2940 .contactus-title h3{margin:0;}
2941
2942 .stickymenubox-title-section h3{margin:0 !important;}
2943
2944 .contact-recent-lead .stickymenubox-title-section h3{padding: 24px 15px 24px 15px;}
2945
2946 .premio-footer-option, .stickymenu-box-container, .stickymenu-box-button,
2947 .stickymenu-settings{padding:15px 40px 15px 20px;}
2948
2949 .premio-footer-option h3 img{width:70px; height:auto; margin-left:10px;}
2950
2951
2952 /*----------------------------------------------------------------------------# 12-1-22 #----------------*/
2953
2954 .mysticky-welcomebar-fixed-wrap{flex-wrap: wrap; justify-content: space-between !important;}
2955
2956 .mysticky-welcomebar-timer-show-left{order: 3; display: inline-flex; width:69%;}
2957 .mysticky-welcomebar-timer-show-right{order: 1; display: inline-flex; width:100%; justify-content:center;}
2958
2959 .mysticky-welcomebar-content{text-align:center;width:75%;display: inline-flex; order: 2; margin:5px 5px !important;}
2960 .mysticky-welcomebar-btn{order: 4;}
2961
2962 .mysticky-welcomebar-timer-show-right .counter-timer span,
2963 .mysticky-welcomebar-timer-show-left .counter-timer span{margin:0 !important;}
2964 .mysticky-welcomebar-timer-show-right .counter-main-block,
2965 .mysticky-welcomebar-timer-show-left .counter-main-block{margin:0 5px !important;}
2966 .mysticky-welcomebar-timer-show-right .counter-main-block label,
2967 .mysticky-welcomebar-timer-show-left .counter-main-block label{font-size:11px !important;}
2968
2969 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn{padding-left: 0 !important; margin:0 !important;}
2970
2971
2972 /*------------------------------------------------------------*/
2973 /*.mysticky-welcomebar-timer-show-left,
2974 .mysticky-welcomebar-timer-show-right
2975 {margin:0 10px;}*/
2976 .mysticky-welcomebar-timer-show-left .counter-timer,
2977 .mysticky-welcomebar-timer-show-right .counter-timer
2978 {
2979 display:inline-flex !important;
2980 align-items: center;
2981 /*margin:0 4px ;*/
2982 font-size:14px;
2983 font-weight:500;
2984 }
2985
2986 .mysticky-welcomebar-timer-show-left .counter-timer span,
2987 .mysticky-welcomebar-timer-show-right .counter-timer span
2988 {
2989 width:22px !important;
2990 height:22px;
2991 margin:0 6px;
2992 text-align:center;
2993 border-radius:6px;
2994 background:#000;
2995 color:#fff;
2996 line-height:22px;
2997 align-items: center;
2998 }
2999
3000
3001 /*---------------------*/
3002
3003
3004 .mysticky-right-side label input[type="radio"] {
3005 display: none;
3006 }
3007 .mysticky-right-side span {
3008 display: inline-block;
3009 padding: 4px 21px 4px 0;
3010 font-family: 'Lato', sans-serif;
3011 font-size: 16px;
3012 cursor: pointer;
3013 position: relative;
3014 }
3015
3016 .mysticky-welcomebar-timer-position .mysticky-welcomebar-setting-content-right label{
3017 width: unset !important;
3018 }
3019 .mysticky-right-side span:after{
3020 content:"";
3021 position: absolute;
3022 bottom:0;
3023 width:84%;
3024 height:3px;
3025 background: #6558f5;
3026 display:none;
3027 }
3028 .mysticky-right-side span:hover:after,
3029 .mysticky-right-side input[type="radio"]:checked ~ span:after {
3030 display:block;
3031 }
3032 .mysticky-right-side input[type="radio"]:checked ~ span {
3033 color:#6558f5;
3034 }
3035 /*-------------------*/
3036 .mysticky-welcomebar-timer-position{display:flex; justify-content: flex-start;}
3037
3038
3039 .add_new_welcombar:hover{
3040 opacity: 0.9;
3041 }
3042
3043 .tooltip img{
3044 width:35px;
3045 }
3046
3047 .mystickymenu-newwelcomebar-contents{
3048 max-width: 432px;
3049 }
3050
3051 #stickymenu_status_ok{
3052 background-color:#28C67C;
3053 }
3054
3055 .mysticky-welcomebar-content p{
3056 word-wrap: break-word;
3057 width: 100%;
3058 }
3059
3060 .mystickymenu-widgets-lists tr td{
3061 font-size:16px;
3062 }
3063
3064 .mystickymenu-widgets-lists tr th{
3065 font-size:16px;
3066 }
3067 #welcomebar-save-confirm{
3068 width: 677px;
3069 padding: 0 10px 28px 10px;
3070 }
3071
3072 #welcomebar-save-confirm .mystickymenu-action-popup-footer{
3073 display: block;
3074 }
3075
3076
3077 /*border radiuse in dashboard table */
3078
3079 .mystickymenu-dashboard table tr:first-child th:first-child, table.Info tr:first-child td:first-child {
3080 border-top-left-radius: 10px;
3081 border-left: 0 !important;
3082 }
3083
3084 .mystickymenu-dashboard table tr:first-child th:last-child, table.Info tr:first-child td:last-child {
3085 border-top-right-radius: 10px;
3086 border-right: 0;
3087 }
3088
3089 /*table.mystickymenu-widgets-lists,*/
3090
3091 table.mystickymenu-widgets-lists td{
3092 border:0.5px solid #F1F1F1;
3093 }
3094
3095 /*border radiuse in dashboard table */
3096 table.mystickymenu-widgets-lists th{
3097 border-top: 0 !important;
3098 border-bottom: 1px solid #F1F1F1 !important;
3099 border-left: 1px solid #F1F1F1 !important;
3100 border-right: 1px solid #F1F1F1 !important;
3101 }
3102
3103 .mystickymenu-dashboard table tr:first-child th:first-child {
3104 border-top-left-radius: 10px;
3105 border-top: 0 !important;
3106 border-left: 0 !important;
3107 border-bottom: 0.2px #F1F1F1 !important;
3108 border-right: 0.2px #F1F1F1 !important;
3109 }
3110
3111 .mystickymenu-dashboard table tr:first-child th:last-child {
3112 border-top-right-radius: 10px;
3113 border-top: 0 !important;
3114 border-left: 0.2px #F1F1F1 !important;
3115 border-bottom: 0.2px #F1F1F1 !important;
3116 border-right: 0 !important;
3117 }
3118
3119 #mysticky-sticky-save-confirm{
3120 width:575px;
3121 }
3122 #stickymenu_status_ok{
3123 padding: 12px 40px;
3124 }
3125
3126 /*--------------------------------------------------------20-1-22--new--------------------------------------------*/
3127
3128 .mystickymenu-newwelcomebar-contents p{margin:0;}
3129 a.add_new_welcombar{margin:auto 0;} /*------------------------------------------------20-1-22--new-*/
3130 .new-welcomebar-section-wrap .mystickymenu-newwelcomebar-contents a{margin-top:30px;}
3131
3132 .left-cta{
3133 order: 1;
3134 margin: 0 15px 0 0 !important;
3135 }
3136
3137 .right-cta{
3138 order: 3;
3139 padding-bottom:5px;
3140 }
3141
3142
3143 /*----------------------------------------------------------------------# 21-1-22 #-----------*/
3144
3145
3146
3147 /* ToolTip Side */
3148 .html-tooltip {
3149 position: relative;
3150 display: inline-block;
3151
3152 }
3153
3154 .dashicons,
3155 .dashicons-before:before {
3156 font-family: dashicons;
3157 display: inline-block;
3158 line-height: 1;
3159 font-weight: 400;
3160 font-style: normal;
3161 color: #9e9e9e;
3162 speak: none;
3163 text-decoration: inherit;
3164 text-transform: none;
3165 text-rendering: auto;
3166 -webkit-font-smoothing: antialiased;
3167 -moz-osx-font-smoothing: grayscale;
3168 width: 20px;
3169 height: 20px;
3170 font-size: 20px;
3171 vertical-align: top;
3172 text-align: center;
3173 transition: color 0.1s ease-in;
3174 }
3175
3176 .dashicons-editor-help:before {
3177 content: "";
3178 }
3179
3180 .html-tooltip.side .tooltip-text {
3181 bottom: 125%;
3182 right: 100%;
3183 margin-right: 0;
3184 top: 5px;
3185 transform: translateY(-50%);
3186 -webkit-transform: translateY(-50%);
3187 }
3188
3189 .html-tooltip .tooltip-text {
3190 visibility: hidden;
3191 width: 417px;
3192 background-color: #333;
3193 color: #fff;
3194 text-align: left;
3195 border-radius: 6px;
3196 padding: 10px;
3197 position: absolute;
3198 z-index: 1201;
3199 bottom: 125%;
3200 left: 50%;
3201 margin-right: -150px;
3202 opacity: 0;
3203 transition: opacity 0.3s;
3204 font-size: 12px;
3205 line-height: 18px;
3206 top: 100%;
3207 height: 125px;
3208 }
3209
3210 .html-tooltip:hover .tooltip-text {
3211 visibility: visible;
3212 opacity: 1;
3213 z-index: 9999999;
3214 }
3215
3216 .html-tooltip.side .tooltip-text:after {
3217 top: 50%;
3218 left: -5px;
3219 transform: rotate(180deg);
3220 -webkit-transform: rotate(90deg);
3221 }
3222
3223 .html-tooltip .tooltip-text:after {
3224 content: "";
3225 position: absolute;
3226 top: -10px;
3227 left: 50%;
3228 margin-right: -5px;
3229 border-width: 5px;
3230 border-style: solid;
3231 border-color: #333 transparent transparent transparent;
3232 transform: rotate(180deg);
3233 -webkit-transform: rotate(180deg);
3234 }
3235
3236 .html-tooltip .tooltip-text img {
3237 width: 100%;
3238 height: auto;
3239 display: block;
3240 margin: 10px 0 0 0;
3241 }
3242 .pagination {
3243 display: flex;
3244 margin: 16px 0px 0 0;
3245 justify-content: end;
3246 }
3247
3248 .pagination span.page-numbers,
3249 .pagination a {
3250 color: #BDBDBD;
3251 float: left;
3252 text-decoration: none;
3253 margin: 0 5px;
3254 border: 1px solid #BDBDBD;
3255 border-radius: 50%;
3256 width: 56px;
3257 height: 56px;
3258 font-size: 16px;
3259 font-weight: 500;
3260 font-style: normal;
3261 line-height: 56px;
3262 }
3263 .pagination .page-numbers.dots{
3264 border-radius: unset;
3265 border: unset;
3266 }
3267 .pagination span.current,
3268 .pagination a.active {
3269 background-color: #6558F5;
3270 color: white;
3271 border-radius: 50%;
3272 width: 56px;
3273 height: 56px;
3274 border:unset;
3275 }
3276
3277 .pagination a:hover:not(.active) {
3278 background-color: #ddd;
3279 border-radius: 50%;
3280 }
3281 .mystickymenu-widgets-lists thead tr{
3282 height: 63px;
3283 }
3284
3285 .mystickymenu-widgets-lists tr{
3286 height: 88px;
3287 }
3288
3289 .mysticky-welcomebar-backword-page a{
3290 text-decoration: none;
3291 }
3292
3293 .mysticky-welcomebar-backword-page{
3294 padding: 0;
3295 margin: 0;
3296 float: left;
3297 }
3298
3299 .back-dashboard:before{
3300 content: "\f345";
3301 }
3302
3303
3304
3305 .mysticky-stickymenu-backword-page{text-align:end; padding:0 15px; float: left; margin-top: 28px;}
3306 .mysticky-stickymenu-backword-page a{text-decoration:none;}
3307
3308
3309 .save_view_dashboard{
3310 width: auto !important;
3311 background: #6558F5 !important;
3312 border: 1px solid #6558F5 !important;
3313 margin-left:10px !important;
3314 }
3315
3316 .save_view_dashboard:hover{
3317 opacity: 0.8 !important;
3318 }
3319
3320 .msm-active-license{
3321 max-width:unset !important;
3322 }
3323
3324 .visit_site_link{
3325 text-decoration:none !important;
3326 position:relative;
3327 }
3328
3329 .visit_site_link::after{
3330 content: '';
3331 width: 100%;
3332 border-bottom: solid 1px #2271b1;
3333 position: absolute;
3334 left: 0;
3335 bottom: 0;
3336 z-index: 1;
3337 height: 1px;
3338 }
3339
3340 .timer_datetime_box input[type=number]{
3341 width: 135px !important;
3342
3343 }
3344 .timer_datetime_box input[type=number]:first-child{margin-left: 24px !important;}
3345
3346 .timer_datetime_box .col-1 label,
3347 .timer_datetime_box .col-2 label{
3348 margin: 10px 0 0 8px;
3349 display:block;
3350 }
3351
3352 .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container {
3353 width: 100%;
3354 }
3355
3356 .mystickymenu-bar-option{
3357 margin-top:10px;
3358 margin-bottom:30px;
3359 position: relative;
3360 }
3361
3362
3363
3364 .mysticky-welcomebar-colorpicker.color-x-input {
3365 margin-right: 10px;
3366 }
3367
3368 #wp-mysticky_thankyou_screen_text-wrap {
3369 /*width: 46%;*/
3370 }
3371
3372 .mysticky-welcomebar-setting-content-right .wp-editor-container textarea.wp-editor-area {
3373 width: 100%;
3374 margin: 0;
3375 box-shadow: none;
3376 border-radius: unset;
3377 }
3378
3379 .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-colorpicker {
3380 margin-top: 14px;
3381 }
3382 /*----------------------------------------------------------*/
3383 .mysticky-welcomebar-page-option .url-content input.url-inputs{
3384 /* width:260px !important; */
3385 width: 22vw !important;
3386 }
3387
3388 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box{
3389 width:auto;
3390 }
3391
3392 .timer-color-text-tooltip{
3393 margin-right: 3px
3394 }
3395
3396 .mystickymenu-widgets-lists .tooltip {
3397 opacity: 1;
3398 position: relative;
3399 display: inline-block;
3400 }
3401
3402
3403 .mysticky-welcomebar-setting-content-right .x-color-wrap {
3404 display: inline-flex;
3405 position: relative;
3406 }
3407
3408 .mysticky-welcomebar-setting-content-right .x-color-wrap label {
3409 width: auto;
3410 }
3411
3412 span.mysticky-welcomebar-colorpicker.color-x-input {
3413 margin-top: -5px;
3414 position: absolute;
3415 right: 60px;
3416 }
3417
3418 .x-color-wrap .wp-picker-holder .iris-picker.iris-border {
3419 z-index: 10;
3420 }
3421
3422 .mysticky-show-couponbar .mysticky-welcomebar-colorpicker .mysticky-welcomebar-setting-content-right {
3423 width: 8%;
3424 opacity: 1;
3425 }
3426
3427 .mysticky-show-couponbar .mysticky-welcomebar-colorpicker label {
3428 width: auto;
3429 }
3430 .mysticky-show-couponbar button.button.wp-color-result {
3431 margin-top: -7px;
3432 }
3433
3434 .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container {
3435 width: 100%;
3436 }
3437
3438 .mystickymenu-bar-option input[type="radio"] {
3439 display: none;
3440 }
3441
3442 .mystickymenu-bar-option input[type="radio"]:checked ~ span {
3443 color: #6558f5;
3444 }
3445
3446 .mystickymenu-bar-option span:hover:after, .mystickymenu-bar-option input[type="radio"]:checked ~ span:after {
3447 display: block;
3448 }
3449 /*---------------------------------------------------------------------------*/
3450
3451
3452 .mystickymenu-bar-option label:first-child span:hover:after, .mystickymenu-bar-option label:first-child input[type="radio"]:checked ~ span:after{
3453 display: block;
3454 width: 100%;
3455 max-width: 55px;
3456 }
3457
3458
3459 .mystickymenu-bar-option span:after {
3460 content: "";
3461 position: absolute;
3462 bottom: -8px;
3463 width: 100%;
3464 height: 3px;
3465 background: #6558f5;
3466 display: none;
3467 max-width: 84px;
3468 }
3469 .mysticky-welcomebar-preview-screen .mysticky-couponbar-content {
3470 width: 100%;
3471 display:flex;
3472 align-items: center;
3473 }
3474
3475 .mysticky-welcomebar-preview-screen .mysticky-couponbar-content .coupon-text{
3476 margin-top: 0px;
3477 width: 60%;
3478 }
3479
3480 /*coupon coiped tooltip*/
3481
3482 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip {
3483 position: relative;
3484 display: inline-block;
3485 }
3486
3487 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .tooltiptext {
3488 visibility: hidden;
3489 width: 73px;
3490 background-color: #555;
3491 color: #fff;
3492 text-align: center;
3493 border-radius: 6px;
3494 padding: 2px 5px;
3495 position: absolute;
3496 z-index: 1;
3497 right: 50%;
3498 margin-right: -42px;
3499 opacity: 0;
3500 transition: opacity 0.3s;
3501 top: -9px;
3502 font-size: 9px;
3503 line-height: 1.2;
3504 }
3505
3506 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .tooltiptext::after {
3507 content: "";
3508 position: absolute;
3509 top: 100%;
3510 right: 50%;
3511 margin-right: -5px;
3512 border-width: 5px;
3513 border-style: solid;
3514 border-color: #555 transparent transparent transparent;
3515 }
3516
3517 /*.coupon-cpy-tooltip:active .tooltiptext {
3518 visibility: visible;
3519 opacity: 1;
3520 }*/
3521
3522 .mysticky-welcomebar-preview-screen .coupon-text-sp{
3523 border: 1px dashed #877572;
3524 padding: 8px 5px;
3525 border-radius: 5px;
3526 position: relative;
3527 }
3528
3529
3530 .mysticky-welcomebar-preview-screen .mysticky-coupon-btn.coupon-cpy-tooltip .coupon-text-sp svg{
3531 width: 14px;height: 14px;
3532 position: absolute;
3533 left: -8px;
3534 top: -8px;
3535 right: unset;
3536 display: block;
3537 transform: rotateY(0deg);
3538 }
3539
3540 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn {
3541 display: inline-flex;
3542 margin-left: 10px;
3543 /* background-color: #fb7462;*/
3544 color: rgb(232, 161, 173);
3545 width: auto;
3546 /*border: 1px solid rgb(242, 192, 156);*/
3547 max-width: 40%;
3548 padding: 7px 7px 5px 5px
3549
3550 }
3551
3552 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn a{
3553 text-decoration: none;
3554 padding: 0px 18px;
3555 font-size: 12px;
3556 display: inline-flex;
3557 border-radius: 4px;
3558 overflow: hidden;
3559 max-height: 39px;
3560 line-height:2.4em;
3561 height: 30px;
3562 width: auto;
3563 max-width: 150px;
3564 }
3565
3566
3567 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .vector{
3568 width: 14px;
3569 height: 14px;
3570 position: absolute;
3571 left: 5px;
3572 top: 0px;
3573 display: block;
3574 }
3575
3576 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .vector path {
3577 fill: #787b72;
3578 }
3579
3580 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label {
3581 display: inline-block;
3582 vertical-align: top;
3583 width: 195px;
3584 padding-left: 10px;
3585 }
3586
3587 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"] {
3588 display: none;
3589 }
3590
3591 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span {
3592 display: inline-block;
3593 padding: 4px 21px 4px 0;
3594 font-family: 'Lato', sans-serif;
3595 font-size: 16px;
3596 cursor: pointer;
3597 position: relative;
3598
3599 }
3600
3601 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"]:checked ~ span {
3602 color: #6558f5;
3603 }
3604
3605 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right span:hover:after,.mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"]:checked ~ span:after {
3606 display: block;
3607 }
3608
3609 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span::after {
3610 content: "";
3611 position: absolute;
3612 bottom: 0;
3613 width: 89%;
3614 height: 3px;
3615 background: #6558f5;
3616 display: none;
3617 }
3618
3619 .email-send-lead-settings {
3620 background-color: #eff5f6;
3621 width: 644px;
3622 padding: 10px 10px 0 10px;
3623 margin-bottom: 20px;
3624 max-height: 213px;
3625 }
3626
3627 .email-send-lead-settings label {
3628 font-size: 15px;
3629 margin-right: 15px;
3630 margin-top: 13px;
3631 }
3632
3633 .email-send-lead-settings .mysticky-welcomebar-setting-content-right {
3634 width: 100%;
3635 align-items: center;
3636 display: block;
3637 }
3638
3639 .timer_datetime_box input[type=number]{
3640 width: 135px !important;
3641 margin-left: 24px !important;
3642 }
3643
3644 .email-send-lead-settings>.mysticky-welcomebar-setting-content-right>.mail-merge-tags {
3645 display: block;
3646 }
3647
3648 .mail-merge-tags span {
3649 display: inline-block;
3650 background: #6558f5;
3651 color: #fff;
3652 font-size: 14px;
3653 padding: 1px 5px;
3654 margin: 4px 4px 0 0;
3655 border-radius: 5px;
3656 cursor: pointer;
3657 }
3658
3659 .mysticky_welcome_email_subject{
3660 margin-bottom:5px;
3661 }
3662
3663 /* preview section lead content */
3664
3665 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content {
3666 order: 2;
3667 display: flex;
3668 width: 240px;
3669 margin-left: -10px;
3670 min-width: 74%;
3671 margin-top: 5px;
3672 }
3673
3674 .mysticky-welcomebar-lead-content input[type="text"] {
3675 width: 50%;
3676 font-size: 10px;
3677 }
3678
3679 .mysticky-welcomebar-lead-content input[type="text"]:focus {
3680 outline: unset;
3681 box-shadow: unset;
3682 }
3683
3684 /*----------------------------------------------------------------------New CSS 5-7-22--------*/
3685 .msmenu-flexbox{display: flex !important; justify-content: space-between;}
3686 .msmenu-blockbox{display: block;}
3687 .msmenu-box50{width: 49.4%;}
3688 .msmenu-box100{width: 100%;}
3689
3690 .contact-recent-lead{margin-bottom: 15px;}
3691 .stickymenubox-title-section{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EBEBEB;}
3692 .stickymenubox-title-section h3{border: none;}
3693 .stickymenubox-title-section a{margin-left: 15px;}
3694
3695 .stickymenu-no-lead{display: block; text-align: center; min-height: 171px;}
3696 .stickymenu-no-lead img{ margin-top:25px;}
3697 .stickymenu-no-lead p{text-align: center; font-size: 16px;}
3698
3699 .msmenu-btn{
3700 display: inline-flex;
3701 color: #6558F5;
3702 font-size: 16px;
3703 font-weight: 500;
3704 font-family: 'Lato', sans-serif;
3705 padding: 0 15px;
3706 text-decoration: none;
3707 border: 1px solid #6558F5 !important;
3708 border-radius: 5px;
3709 align-items: center;
3710 background: none;
3711 line-height: 34px;
3712 cursor: pointer;
3713 }
3714 /*-----*/
3715 .recent-lead-table{padding:15px; min-height: 171px;}
3716 .recent-lead-table table{ border-collapse: collapse;
3717 border-radius: 10px;
3718 border-style: hidden; /* hide standard table (collapsed) border */
3719 box-shadow: 0 0 0 1px #F0EFF3; /* this draws the table border */
3720 }
3721 .recent-lead-table table th,
3722 .recent-lead-table table td{border: 1px solid #F0EFF3; padding: 8px 15px !important;}
3723 .recent-lead-table table th{background-color: #F0EFF3;}
3724 .stickymenu.recent-lead-table table tr:first-child th:first-child{border-right: 1px solid #fff !important;}
3725
3726 /*----------------------------------------# Contact view Table #-------*/
3727 .mystickymenu-contact-wrap p.description{font-size: 14px; margin: 2px 0 5px;color: #646970;}
3728 .mystickymenu-btnmbox{display: flex; flex-wrap: wrap; margin: 15px auto;}
3729 .mystickymenu-btnbx{display: inline-flex; align-items: center;}
3730 /* .mystickymenu-btnbx:nth-of-type(2){margin-left:15px;} */
3731 .mystickymenu-btnmbox .wpappp_buton {
3732 padding: 12px 12px;
3733 cursor: pointer;
3734 transition: all 60ms ease-in-out;
3735 text-decoration: none;
3736 text-transform: capitalize;
3737 border: 0 none;
3738 border-radius: 4px;
3739 line-height: 1.3;
3740 color: #FFFFFF;
3741 background: #7761DF;
3742 margin: 0 20px 0 5px;
3743 }
3744
3745
3746 .mystickymenu-contact-wrap table.responstable{
3747 margin: 1em 0;
3748 width: 100%;
3749 overflow: hidden;
3750 background: #FFF;
3751 color: #024457;
3752 border-radius: 10px;
3753 border: 1px solid #7761DF;
3754 border-spacing: 4px;
3755 }
3756
3757 .mystickymenu-contact-wrap table.responstable tr:nth-child(even) {background: #fff}
3758 .mystickymenu-contact-wrap table.responstable tr:nth-child(odd) {background: #eaf3f3}
3759
3760 .mystickymenu-contact-wrap table.responstable a{text-decoration: none;}
3761 /* .responstable th:first-child { display: table-cell; text-align: center;} */
3762 .mystickymenu-contact-wrap table.responstable th {
3763 border: 1px solid #FFF;
3764 background-color: #7761DF;
3765 color: #FFF;
3766 padding: 1em;}
3767 .mystickymenu-contact-wrap table.responstable td {text-align: center;
3768 margin: 0.5em 1em; vertical-align:middle !important;
3769 border-color:#D9E4E6; padding: 4px 10px; border-style: solid;}
3770
3771 .mystickymenu-contact-wrap table.responstable td .mystickymenu-delete-entry{
3772 padding: 12px 12px;
3773 cursor: pointer;
3774 transition: all 60ms ease-in-out;
3775 text-decoration: none;
3776 text-transform: capitalize;
3777 border: 0 none;
3778 border-radius: 4px;
3779 font-size: 14px;
3780 line-height: 1.3;
3781 color: #FFFFFF;
3782 background: #7761DF;
3783 margin: 0 20px 0 5px;
3784 }
3785
3786 /*--------------------------------------------------*/
3787
3788 .mystickymenu-bar-option label {
3789 width: unset;
3790 padding-left: 30px;
3791 display: inline-block;
3792 }
3793
3794 .mysticky-welcomebar-colorpicker .mysticky-welcomebar-setting-content-right label{
3795 margin-top: -15px;
3796 }
3797
3798 .mysticky-welcomebar-setting-content label.bagicon{position: relative; display: flex; align-items: center;}
3799 /*.mysticky-welcomebar-setting-content label.bagicon::after{position: absolute; content: '🛍';
3800 width: 20px; height: 20px; right: 120px;
3801 font-size: 35px; top: -12px;}*/
3802
3803 /*-------------*/
3804
3805 .mce-rtl .mce-statusbar>.mce-container-body>*:last-child{padding-left: 0 !important;}
3806 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec{width: 150px;}
3807 .mysticky-welcomebar-colorpicker.mysticky_welcomebar_btn_color label{margin-top: -10px;}
3808
3809
3810 .mysticky-welcomebar-setting-content-right .wp-picker-holder {
3811 position: absolute;
3812 z-index: 999999;
3813 }
3814
3815 .mysticky-welcomebar-btn.collect-lead {
3816 width: auto;
3817 /*max-width: 92px;*/
3818 }
3819
3820 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-btn.collect-lead a {
3821 width: 100%;
3822 /*max-width: 94px;
3823 overflow: hidden;*/
3824 padding: 5px 12px;
3825 text-align: center;
3826 margin-top: 5px;
3827 }
3828
3829 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn.collect-lead a {
3830 width: 100%;
3831 /*overflow: hidden;*/
3832 padding: 5px 11px;
3833 }
3834
3835 div#welcomebar-showcoupon-confirm {
3836 width: 660px;
3837 }
3838
3839 #welcomebar-showcoupon-confirm button#coupon_alert_btn_skip {
3840 padding: 12px 40px;
3841 }
3842
3843 #welcomebar-showcoupon-confirm .mystickymenu-action-popup-body {
3844 margin: 10px 79px;
3845 }
3846
3847 #welcomebar-showcoupon-confirm button#coupon_alert_btn_yes {
3848 padding: 12px 30px;
3849 }
3850
3851 #welcomebar-showcoupon-confirm .mystickymenu-action-popup-footer {
3852 display: block;
3853 }
3854
3855 .mysticky-collect-lead span.mysticky-custom-fields-tooltip {
3856 margin-top: 14px;
3857 }
3858
3859 .mysticky-show-couponbar .mysticky-custom-fields-tooltip {
3860 margin-top: 14px;
3861 }
3862
3863 .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
3864 display: block;
3865 margin-right: 5px;
3866 }
3867
3868 .mysticky-welcomebar-setting-content .html-tooltip span.dashicons.dashicons-editor-help {
3869 color: #1E1E1E;
3870 }
3871
3872 .mysticky-welcomebar-setting-content .bagicon img {
3873 width: 20px;
3874 }
3875
3876 .mysticky-welcomebar-setting-content-right .wp-picker-container .iris-picker.iris-border {
3877 z-index: 99;
3878 }
3879
3880
3881 .coupon-valid-error,.button-input-error,.coupon-copy-error{
3882 color: #FF424D;
3883 }
3884
3885 /*---------------------New 10-8-22 -----------------------------------------*/
3886 .wp-picker-holder{position: absolute; z-index: 9999;}
3887 .x-color-wrap{z-index: 9999; align-items: center;}
3888 .x-color-wrap .wp-picker-container .wp-color-result.button {margin: 0 6px 0 0;}
3889 .mysticky-welcomebar-setting-left {width: 100%;}
3890
3891 .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.html-active,
3892 .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active{width: 400px;}
3893
3894
3895 .mysticky-welcomebar-setting-content-right input.readonly, input[readonly], textarea.readonly, textarea[readonly] {
3896 background-color: unset;
3897 }
3898
3899
3900 /*------*/
3901 .mysticky-welcomebar-setting-right{ z-index: 999;}
3902 #ui-timepicker-div, .ui-widget.ui-widget-content{z-index: 99999 !important;}
3903 .mysticky-welcomebar-setting-content-right .px-wrap span:first-child{margin:0 8px;}
3904 .mysticky-welcomebar-setting-content-right.button-text-wrap,
3905 .mysticky-welcomebar-setting-content-right.coupontext-wrap,.coupon-copy-wrap{display: block;}
3906 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-btn a{padding: 5px 8px !important;}
3907
3908 /* .timer-message a .dashicons.dashicons-migrate{text-decoration:none;} */
3909
3910
3911 /* 2023-04-13 */
3912 .mystickymenu-country-button {
3913 cursor: pointer;
3914 width: 400px;
3915 height: 42px;
3916 border-radius: 20px;
3917 padding: 0 10px;
3918 font-size: 14px;
3919 font-weight: 400;
3920 line-height: 2;
3921 color: #32373c;
3922 background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
3923 background-size: auto;
3924 background-size: 16px 16px;
3925 border: 1px solid #ccc;
3926 text-align: right;
3927 box-shadow: none;
3928 border: 1px solid #DCE2E2;
3929 border-top-color: rgb(220, 226, 226);
3930 border-left-color: rgb(220, 226, 226);
3931 border-bottom-color: rgb(220, 226, 226);
3932 border-right-color: rgb(220, 226, 226);
3933 }
3934 .mystickymenu-country-list-box {
3935 position: absolute;
3936 top: 100%;
3937 left: 0;
3938 right: 0;
3939 display: none;
3940 z-index: 1;
3941 }
3942 .mystickymenu-country-inputs {
3943 position: relative;
3944 width:400px;
3945 }
3946
3947 .mystickymenu-country-inputs .upgrade-mystickymenu{
3948 float: none;
3949 position: absolute;
3950 top: 0;
3951 left: 35%;
3952 right: 0;
3953 bottom: 0;
3954 background-color: rgba(0,0,0,0);
3955 text-align: center;
3956 margin-left: 0px;
3957 border-radius: 4px;
3958 display: flex;
3959 align-items: center;
3960 justify-content: center;
3961 -webkit-border-radius: 4px;
3962 -moz-border-radius: 4px;
3963 -ms-border-radius: 4px;
3964 -o-border-radius: 4px;
3965 opacity: 0;
3966 visibility: hidden;
3967 }
3968
3969 .mystickymenu-country-inputs:hover .upgrade-mystickymenu{
3970 opacity: 1;
3971 visibility: visible;
3972 }
3973
3974 .mystickymenu-country-list-box.active {
3975 display: block;
3976 }
3977 .mystickymenu-wrap .mystickymenu-country-list-box select {
3978 max-width: initial;
3979 width: 310px;
3980 }
3981 body .select2-container--open .select2-dropdown--below {
3982 border-color: #ddd;
3983 }
3984 .mystickymenu-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
3985 display: none;
3986 }
3987 .mystickymenu-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
3988 display: block;
3989 }
3990 .mystickymenu-country-list-box .select2-container .select2-search--inline .select2-search__field {
3991 width: 308px !important;
3992 padding: 0 10px;
3993 margin-top: 0;
3994 }
3995 .mystickymenu-country-list-box .select2-container .select2-search--inline {
3996 float: none;
3997 }
3998 .country-action-btns {
3999 padding: 5px 15px;
4000 background: #f6f6f6;
4001 text-align: right;
4002 }
4003 .country-action-btns a {
4004 color: #7761DF;
4005 display: inline-block;
4006 margin: 0 5px 0 0;
4007 text-decoration: none;
4008 }
4009 .country-action-btns + .select2-results__options li {
4010 position: relative;
4011 font-size: 16px;
4012 padding: 6px 6px 6px 41px;
4013 }
4014 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option.select2-results__option--selected,
4015 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"] {
4016 background-color: #fff;
4017 }
4018 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option--highlighted[aria-selected] {
4019 background-color: #f5f5f5;
4020 color: #4f4f4f;
4021 }
4022 .country-action-btns + .select2-results__options li::before {
4023 content: "";
4024 position: absolute;
4025 position: absolute;
4026 width: 14px;
4027 height: 14px;
4028 border: solid 2px #7761DF;
4029 left: 12px;
4030 top: 7px;
4031 }
4032 .country-action-btns + .select2-results__options li::after {
4033 content: "";
4034 color: #fff;
4035 position: absolute;
4036 width: 14px;
4037 height: 14px;
4038 left: 13px;
4039 top: 8px;
4040 }
4041 .country-action-btns + .select2-results__options li.select2-results__option.select2-results__option--selected::before,
4042 .country-action-btns + .select2-results__options li[aria-selected="true"]::before {
4043 background: #7761DF;
4044 }
4045 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option.select2-results__option--selected::after,
4046 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"]::after {
4047 content: "\f147";
4048 font-family: dashicons;
4049 }
4050 /*****17/04/2023****/
4051 .welcomebar-slider-text-option{
4052 position: relative;
4053 }
4054
4055 .welcomebar-slider-text-option .upgrade-mystickymenu.myStickymenu-upgrade{
4056 position: absolute;
4057 top: 35%;
4058 right: 75px;
4059 bottom: 0;
4060 left: 0;
4061 margin: 0;
4062 padding: 0;
4063 float: none;
4064 }
4065 .welcomebar-slider-text-option.slider-text-transition-option .upgrade-mystickymenu.myStickymenu-upgrade{
4066 top: 20%;
4067 }
4068 .mysticky-collect-lead .welcomebar-text span.mysticky-custom-fields-tooltip:after{
4069 content:none;
4070 }
4071 .mysticky-collect-lead .welcomebar-text span.mysticky-custom-fields-tooltip{
4072 margin-top:0px;
4073 padding:0;
4074 }
4075 .welcomebar-slider-text-option .welcomebar-slider-text{
4076 margin-top:10px;
4077 }
4078
4079 span.add-more-slider-text span.dashicons.dashicons-insert{
4080 vertical-align: middle;
4081 margin-left:5px;
4082 }
4083
4084 .welcomebar-slider-text-option span.add-more-slider-text {
4085 border: solid 1px #7559C0;
4086 padding: 10px;
4087 color: #7559C0;
4088 width: 100%;
4089 margin: 5px;
4090 border-radius: 5px;
4091 font-weight:bold;
4092 }
4093
4094 span.add-more-slider-text span.dashicons.dashicons-insert{
4095 color:#7559C0;
4096 }
4097
4098 span.add-more-slider-text span.dashicons.dashicons-insert#text{
4099 vertical-align: middle;
4100 margin-top:10px;
4101 }
4102
4103 .welcomebar-slider-text span.dashicons.dashicons-remove.delete-slider-text-option {
4104 margin-right: 10px;
4105 vertical-align: middle;
4106 color:#808080;
4107 }
4108
4109
4110
4111 .mysticky-welcomebar-url-values .url-setting-option,
4112 .mysticky-welcomebar-url-box.url-box .url-title,
4113 .mysticky-welcomebar-url-boxes{
4114 display: none;
4115 }
4116
4117 .mysticky-welcomebar-url-values .url-setting-option.active,
4118 .mysticky-welcomebar-url-box.url-box .url-title.active,
4119 .mysticky-welcomebar-url-boxes.active{
4120 display: block;
4121 }
4122
4123 .mysticky-welcomebar-url-values .sumoselect-options{
4124 height: 40px !important;
4125 width: 200px !important;
4126 }
4127 .mysticky-welcomebar-page-option .mysticky-welcomebar-url-values {
4128 display: inline-block;
4129 width: max-content;
4130 }
4131 .mysticky-welcomebar-page-option .mysticky-welcomebar-url-box {
4132 display: inline-block;
4133 width: 50%;
4134 }
4135
4136 span.select2.select2-container.select2-container--default{
4137 width: 230px !important;
4138 }
4139 .mysticky-welcomebar-url-select {
4140 width: 18%;
4141 }
4142 .mysticky-welcomebar-url-option {
4143 width: 19%;
4144 }
4145 .mysticky-welcomebar-url-buttons {
4146 width: 6%;
4147 }
4148 .sm\:flex.items-center.mt-2.mysticky-welcomebar-url-boxes {
4149 width: 66%;
4150 display: flex;
4151 }
4152 .mysticky-welcomebar-url-values .select2-container--focus{
4153 width: 100% !important;
4154 }
4155 .mysticky-welcomebar-url-values .select2-selection__choice__remove{
4156 border: none;
4157 padding: 0px;
4158 }
4159 .url-setting-option .select2-container .select2-search--inline .select2-search__field,
4160 .url-setting-option .select2-container .select2-search--inline{
4161 margin: 0;
4162 }
4163 .url-setting-option .select2-container--default .select2-selection--multiple .select2-selection__choice{
4164 margin-bottom: 0px;
4165 }
4166 .select2-selection__rendered li:first-child .select2-search__field, .url-setting-option span.select2.select2-container.select2-container--default {
4167 width: 22vw !important;
4168 }
4169 label.mysticky-welcomebar-switch {
4170 padding: 0 !important;
4171 }
4172 label.mysticky-welcomebar-switch .slider{
4173 width: 100%;
4174 height: 100%;
4175 position: absolute !important;
4176 }
4177 label.mysticky-welcomebar-switch {
4178 width: 55px !important;
4179 height: 30px !important;
4180 padding: 0 !important;
4181 }
4182 .flex-top{
4183 align-items: flex-start;
4184 }
4185 #send_lead_email_enable{
4186 margin-top: 1px;
4187 }
4188
4189 /* 280524 CSS */
4190 label:not(.mysticky-welcomebar-switch) {
4191 min-width: 100px;
4192 }
4193 .myStickymenu-upgrade a {
4194 line-height: 10px;
4195 }
4196 .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
4197 max-width: 400px;
4198 }
4199 .setting-content-relative {
4200 position: relative;
4201 }
4202 .setting-content-relative .myStickymenu-upgrade {
4203 position: absolute;
4204 left: 0;
4205 }
4206 .welcomebar-date-schedule-box.setting-content-relative:not(:hover) .myStickymenu-upgrade {
4207 display: none;
4208 }
4209 .welcomebar-date-schedule-box.setting-content-relative .myStickymenu-upgrade {
4210 right: auto;
4211 left: 50%;
4212 top: 50%;
4213 transform: translate(-50%, -50%);
4214 }
4215
4216 .mysticky_device_upgrade .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
4217 max-width: unset;
4218 }
4219
4220 .mysticky-welcomebar-date-schedule-options label {
4221 display: block;
4222 }
4223 .mysticky_device_upgrade .mysticky-welcomebar-setting-content-right label {
4224 width: auto;
4225 }
4226
4227 .mysticky-welcomebar-fixed-wrap {
4228 gap: 8px;
4229 }
4230 .mysticky-welcomebar-content {
4231 flex: 1;
4232 }
4233 .mysticky-welcomebar-static_text {
4234 width: 100%;
4235 }
4236
4237 .mysticky-welcomebar-date-schedule-options {
4238 display: flex;
4239 flex-direction: column;
4240 gap: 20px;
4241 }
4242 .mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-boxes {
4243 display: flex;
4244 flex-direction: column;
4245 gap: 20px;
4246 }
4247 .mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-box {
4248 max-width: 50%;
4249 display: flex;
4250 flex-direction: column;
4251 gap: 12px;
4252 }
4253 .mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-box .date-time-box {
4254 display: flex;
4255 flex-direction: row;
4256 gap: 12px;
4257 }
4258 .welcomebar-date-schedule-box .date-time-box label {
4259 width: 120px;
4260 margin-bottom: 6px;
4261 }
4262 .welcomebar-date-schedule-box .date-time-box input {
4263 max-width: 100%;
4264 }
4265 .welcomebar-date-schedule-box .date-time-box .date-select-option,
4266 .welcomebar-date-schedule-box .date-time-box .time-select-option {
4267 width: 45%;
4268 }
4269 a.mysticky-welcomebar-remove-date-schedule {
4270 background: #808080;
4271 width: 38px;
4272 height: 38px;
4273 font-size: 22px;
4274 color: #fff;
4275 line-height: 32px;
4276 text-decoration: none;
4277 display: flex;
4278 justify-content: center;
4279 border-radius: 4px;
4280 margin-top: 27px;
4281 }
4282
4283 a.welcomebar-background-image {
4284 background-color: #7761DF;
4285 color: #fff;
4286 display: inline-block;
4287 vertical-align: top;
4288 text-decoration: none;
4289 padding: 5px 12px;
4290 border-radius: 20px;
4291 box-shadow: none;
4292 outline: none;
4293 border: none;
4294 cursor: pointer;
4295 }
4296
4297 .mysticky-welcomebar-date-schedule-options span.myStickymenu-upgrade {
4298 margin-right: 0;
4299 }
4300
4301 .mysticky-welcomebar-setting-content.send-leads-to-email label {
4302 width: auto;
4303 padding-left: 0;
4304 }
4305 .mysticky-welcomebar-setting-content.send-leads-to-email .myStickymenu-upgrade {
4306 float: left;
4307 }
4308 .welcomebar-date-schedule-time-zone label {
4309 margin-bottom: 6px;
4310 }
4311 @media only screen and (max-width: 1490px) {
4312 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
4313 padding-right: 10px;
4314 }
4315 .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
4316 width: 380px;
4317 }
4318 .mysticky-welcomebar-setting-right {
4319 width: 400px;
4320 }
4321 }
4322 @media only screen and (max-width: 1366px) {
4323 #mystickymenu input[type="number"],
4324 .mysticky-welcomebar-setting-content-right select ,
4325 .mysticky-welcomebar-setting-content-right input[type="text"] ,
4326 .mysticky-welcomebar-setting-content-right textarea {
4327 width: 300px;
4328 }
4329 .mysticky-welcomebar-page-option .url-content select {
4330 width: 130px;
4331 }
4332 .mysticky-welcomebar-page-option .url-content input[type="text"] {
4333 width: 180px;
4334 }
4335 .mysticky-welcomebar-setting-action {
4336 display: block;
4337 }
4338 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
4339 padding-right: 0;
4340 padding-top: 10px;
4341 }
4342 .premio-content-list h4 {font-size: 15px;}
4343 .premio-footer-option .premio-content-list {width: 60%;}
4344 }
4345 @media only screen and (max-width: 1200px) {
4346 .mysticky-welcomebar-page-option .url-content select {
4347 width: 110px;
4348 }
4349 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
4350 width: 230px;
4351 }
4352 .mysticky-welcomebar-page-option {
4353 padding: 10px 3px;
4354 }
4355 .mysticky-welcomebar-page-option .url-content input[type="text"] {
4356 width: 150px;
4357 }
4358 .mysticky-welcomebar-setting-content-right select ,
4359 .mysticky-welcomebar-setting-content-right input[type="text"] ,
4360 .mysticky-welcomebar-setting-content-right textarea {
4361 width: 270px;
4362 }
4363 }
4364
4365
4366 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
4367 .pt_numberbutton.pt_numberdown {
4368 position: relative;
4369 margin-right: -75px;
4370 top: -29px;
4371 }
4372
4373 .pt_numberbutton.pt_numberup {
4374 position: relative;
4375 top: -29px;
4376 right: 70px;
4377 }
4378
4379 }
4380
4381 @media only screen and (max-width: 1180px) {
4382 /*-----Main---*/
4383 .mysticky-welcomebar-setting-content,
4384 .email-send-lead-settings {width: 55%;}
4385
4386 /* .mysticky-welcomebar-setting-right{width: 31%;} */
4387 .mysticky-welcomebar-setting-right{width: 370px;}
4388
4389 .mysticky-welcomebar-setting-content-right select,
4390 .mysticky-welcomebar-setting-content-right input[type="text"]{width: 100%; height: 34px;}
4391
4392 .mysticky-welcomebar-setting-content-right select, #mystickymenu input[type=number]
4393 {width: 100%; height: 34px;}
4394
4395 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label{width: 49%;}
4396
4397 div#wp-welcombar-coupon-textbar-wrap,
4398 div#wp-mysticky_bar_text-wrap, .mysticky-welcomebar-expirydate, .mysticky-welcomebar-setting-attention,
4399 .email-send-lead-settings .mysticky-welcomebar-setting-content,
4400 .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container,
4401 .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active,
4402 .mysticky-welcomebar-timer-countdown .mystickymenu-countdown-timmer,
4403 .mysticky-welcomebar-setting-action, .mysticky-welcomebar-page-options, #wp-mysticky_thankyou_screen_text-wrap,
4404 .mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action,
4405 .mysticky-welcomebar-setting-content.show-on-apper
4406 {width: 100%;}
4407
4408 .mysticky-welcomebar-setting-content.show-on-apper label{width: 20%;}
4409 .mysticky-welcomebar-setting-content.show-on-apper .mysticky-welcomebar-setting-content-right{width: 80%;}
4410
4411 .mysticky-welcomebar-setting-content-right.timer_datetime_box{width: 100%; /*flex-wrap: unset;*/}
4412 .mysticky-welcomebar-setting-content-right.timer_datetime_box .col-1{margin-right: 15px;}
4413 .timer_datetime_box input[type=number] {width: 100% !important; margin-right: 0; }
4414
4415 .mysticky-welcomebar-setting-action.trigger-wrap{width:61% ;}
4416 .mysticky-welcomebar-url-values{width: 30%;}
4417
4418 span.input-px {height: 34px; width: 40px; line-height: 36px;}
4419
4420 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input{padding-left: 40px}
4421
4422 input.url-inputs {width:100% !important;}
4423 .mysticky-welcomebar-page-option .url-content input[type="text"]{padding: 0 7px;}
4424
4425 .mysticky-welcomebar-setting-action.mysticky-welcomebar-triggersec{padding-top: 0; margin-left: 7px;}
4426
4427 .mysticky-welcomebar-setting-content-right .px-wrap span:first-child{margin:0 10px;}
4428 .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec_automatically{width: 52%;}
4429 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec{width: 100%; }
4430
4431 .px-wrap {display: inline-flex; align-items: center;}
4432
4433 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span {padding: 4px 10px 4px 0;}
4434 .mysticky-welcomebar-fixed-wrap {padding: 10px !important;}
4435
4436 .mysticky-welcomebar-poptin-content {font-size: 14px;}
4437
4438 .msmenu-blockbox .stickymenu-box-button.settings-buttons #btn-config-disable { margin: 5px 0px; padding: 0 17px;}
4439
4440 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn a {padding: 0 10px; font-size: 10px; height: 24px;}
4441 .mysticky-welcomebar-fixed .mysticky-couponbar-content p {font-size: 12px !important;}
4442
4443 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content
4444 { width: 67%; justify-content: space-evenly; margin-left: 0px; min-width: unset;margin-top: 5px;}
4445
4446 #welcombar-coupon-textbar_ifr{width: 99% !important;}
4447
4448 .mysticky-welcomebar-setting-content-right.trigger-wrap{flex-wrap: unset; display: flex;}
4449 .mysticky-welcomebar-setting-content-right.trigger-wrap .mysticky-welcomebar-setting-action.mysticky-welcomebar-triggersec{width: 54%;}
4450
4451 .wrap.mystickymenu-contact-wrap .mystickymenu-btnbx {margin-bottom: 15px;}
4452
4453 input#submit.button.button-primary { font-size: 16px; text-align: center; padding: 0 15px;}
4454
4455 }
4456 @media only screen and (max-width: 1100px) {
4457 .mysticky-welcomebar-setting-left {
4458 left: 10px;
4459 }
4460 .mysticky-welcomebar-page-option .mysticky-welcomebar-url-box{
4461 display: inline-block;
4462 width: 56%;
4463 }
4464 .mysticky-welcomebar-url-buttons {
4465 width: 8%;
4466 }
4467 .mysticky-welcomebar-url-select {
4468 width: 20%;
4469 }
4470 .mysticky-welcomebar-url-option {
4471 width: 21%;
4472 }
4473 .sm\:flex.items-center.mt-2.mysticky-welcomebar-url-boxes {
4474 width: 49%;
4475 }
4476 }
4477 @media only screen and (max-width: 1024px) {
4478 .mysticky-welcomebar-setting-content > label {
4479 font-size: 16px;
4480 width: 200px;
4481 padding-left: 10px;
4482 }
4483 .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
4484 max-width: 250px;
4485 }
4486 .mysticky-welcomebar-fixed {
4487 padding: 0 10px 0 10px;
4488 }
4489 .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
4490 width: 20px;
4491 height: 20px;
4492 line-height: 20px;
4493 right: 0px;
4494 }
4495 .mysticky-welcomebar-setting-right{width: 310px;}
4496 }
4497 @media only screen and (max-width: 912px) {
4498 /*-----Main---*/
4499 .mysticky-welcomebar-setting-content,
4500 .email-send-lead-settings {width: 62%;}
4501 /* .mysticky-welcomebar-setting-right{width: 32%;} */
4502 .mysticky-welcomebar-setting-right{width: 310px;}
4503 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content{ width: 100%;}
4504
4505 .mysticky-welcomebar-setting-content > label {font-size: 14px;}
4506 span.input-px {height: 34px; line-height: 34px; width: 40px;}
4507 input[type="number"]{min-height: 34px;}
4508
4509 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content {width: 67%;}
4510 /*.mysticky-welcomebar-preview-screen .mysticky-welcomebar-btn.collect-lead{width: 32%;}*/
4511 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-btn.collect-lead a{font-size: 12px;}
4512 .px-wrap .px-wrap-inbox {width: 43% !important;}
4513
4514 .mysticky-welcomebar-url-values{width: 25%;}
4515 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box{width: 120px; margin-top: 0;}
4516 }
4517 @media only screen and (max-width: 840px) {
4518 .welcomebar-slider-text-option .welcomebar-slider-text input[type="text"]{
4519 width:182px;
4520 }
4521 .mysticky-welcomebar-setting-wrap .myStickymenu-upgrade{margin-left: 5px;}
4522
4523 .mysticky-welcomebar-setting-content-right{flex-wrap: wrap;}
4524 .x-color-wrap{width: 100%; margin-top: 15px; display: inline-block !important;;}
4525 .mysticky-welcomebar-setting-wrap label{font-size: 14px;}
4526
4527 /* span.input-px {height: 34px; line-height: 36px; width: 40px;} */
4528 .mysticky-welcomebar-switch .slider:before {height: 25px; width: 25px;}
4529
4530 label.mysticky-welcomebar-switch,
4531 .mysticky-welcomebar-setting-content-right label.mysticky-welcomebar-switch {width: 48px; height:26px;}
4532
4533 .mysticky-welcomebar-switch input:checked + .slider:before {transform: translateX(18px);}
4534
4535 .mysticky-welcomebar-setting-position .mysticky-welcomebar-setting-content-right label:first-child{width: 70px;}
4536 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {margin-left: -12px;}
4537
4538 .mysticky-right-side span{padding: 4px 5px 4px 0; font-size: 14px;}
4539
4540 .wp-picker-container .wp-color-result.button {padding: 0 0 0 30px; margin: 0 6px 9px 0;}
4541 .mysticky-welcomebar-colorpicker.mysticky_welcomebar_btn_color label { margin-top: 0;}
4542 .timer_datetime_box input.mysticky_welcome_date_time{width:100px !important;}
4543
4544 .mysticky-welcomebar-fixed-wrap input.preview-lead-email,
4545 .mysticky-welcomebar-fixed-wrap input.preview-lead-name{min-height: auto; height: 26px;}
4546
4547 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content{margin:0 auto;}
4548 .mystickymenu-action-popup-footer .btn-enable.btn-nevermind-status{ margin: 10px auto;}
4549 .mystickymenu-tab-boxs-wrap{flex-wrap: wrap;}
4550 .mystickymenu-tab-stickymenu, .mystickymenu-tab-documentation, .contactus-tab-option{display:block; width:100%;}
4551 .mystickymenu-tab-documentation{margin-top:15px;}
4552 .new-welcomebar-section-wrap {justify-content: center; flex-wrap: wrap;}
4553 .mystickymenu-welcome-img{text-align:center;}
4554 .mystickymenu-newwelcomebar-contents{text-align:center; margin:15px 0;}
4555 .mysticky-welcomebar-setting-right{width: 275px;}
4556 .mysticky-welcomebar-preview-screen .mysticky-couponbar-content .coupon-text{
4557 width:42%;
4558 }
4559 .mysticky-welcomebar-setting-content-right select, #mystickymenu input[type=number] {width: 90%;}
4560 label.mysticky-welcomebar-switch .slider {width: 92%;}
4561 div#wp-welcombar-coupon-textbar-wrap, div#wp-mysticky_bar_text-wrap, .mysticky-welcomebar-expirydate, .mysticky-welcomebar-setting-attention, .email-send-lead-settings .mysticky-welcomebar-setting-content, .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container, .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active, .mysticky-welcomebar-timer-countdown .mystickymenu-countdown-timmer, #wp-mysticky_thankyou_screen_text-wrap, .mysticky-welcomebar-setting-content.show-on-apper ,.mysticky-welcomebar-setting-content-right select, .mysticky-welcomebar-setting-content-right input[type="text"] {width: 92%;}
4562 .mysticky-welcomebar-setting-action , .mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action {width: 74%;}
4563 .mysticky-welcomebar-expirydate {padding-bottom: 10px;}
4564 .mysticky-welcomebar-expirydate .dashicons{height: 78%;}
4565 .mysticky-welcomebar-setting-content-right.trigger-wrap{display: block;}
4566 .mysticky-welcomebar-triggersec {padding-top: 10px;}
4567 .mysticky-welcomebar-page-options{width: 97%;}
4568 .mysticky-welcomebar-setting-content, .email-send-lead-settings {width: 60%;}
4569 input[type=checkbox] , input[type=radio]{height: 1rem!important;width: 1rem!important;}
4570 input[type=checkbox]:checked:before{width: 1.3125rem!important;height: 1.3125rem!important;}
4571 input[type=radio]:checked:before {vertical-align: middle;width: 0.5rem;height: 0.5rem;margin: 0.18rem;line-height: .76190476;}
4572 .mysticky-welcomebar-setting-content{padding-bottom: 15px;}
4573 .mysticky-welcomebar-page-option .url-content input.url-inputs {
4574 width: 20vw !important;
4575 }
4576 }
4577 @media only screen and (max-width: 768px) {
4578 .mysticky-welcomebar-setting-right{width: 270px;}
4579 .main-content, .main-sidebar {
4580 width: 100%;
4581 float: none;
4582 clear: both;
4583 }
4584 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
4585 display: none;
4586 }
4587 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-mobile .mysticky-welcomebar-close {
4588 display: inline-block;
4589 }
4590 }
4591 @media only screen and (max-width: 640px) {
4592 .rpt_plans .rpt_plan {
4593 width: 96%;
4594 margin: 10px 2% 20px !important
4595 }
4596
4597 .rpt_plans .rpt_plan .rpt_title {
4598 position: relative;
4599 font-size: 26px !important;
4600 line-height: 35px !important
4601 }
4602
4603 .rpt_plans .rpt_plan .rpt_head .rpt_price {
4604 font-size: 74px !important;
4605 line-height: 100px !important
4606 }
4607
4608 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
4609 font-size: 17px !important;
4610 line-height: 28px !important;
4611 padding: 10px 40px 20px
4612 }
4613
4614 .rpt_plans .rpt_plan .rpt_head .rpt_description {
4615 font-size: 15px !important;
4616 line-height: 26px !important;
4617 padding: 0 40px 30px
4618 }
4619
4620 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
4621 padding: 6px 16px;
4622 font-size: 14px !important
4623 }
4624
4625 .rpt_plans .rpt_plan .rpt_foot {
4626 padding: 10px 40px;
4627 text-align: center;
4628 color: #fff;
4629 font-size: 20px
4630 }
4631
4632 .rpt_plans .rpt_recommended_plan .rpt_foot {
4633 font-size: 30px;
4634 font-weight: 300;
4635 padding: 20px 0
4636 }
4637
4638 .rpt_plan .rpt_head .rpt_price .rpt_currency {
4639 top: -36px !important;
4640 right: -10px !important;
4641 font-size: 35px !important
4642 }
4643 }
4644 @media only screen and (max-width: 576px) {
4645 .stickymenu-settings{flex-wrap:wrap; justify-content: center;}
4646 .premio-footer-option{flex-wrap:wrap; justify-content: center;}
4647 .msm-bgbox .stickymenu-box-button {text-align: center;}
4648 .premio-footer-option .premio-content-list {width: auto; margin:15px 0;}
4649 .premio-footer-option, .stickymenu-box-container, .stickymenu-box-button, .stickymenu-settings
4650 {padding: 15px 20px;}
4651 }
4652 @media only screen and (max-width: 480px) {
4653
4654 .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
4655 right: 7px;
4656 }
4657 }
4658
4659 .mysticky-welcomebar-full-screen-preview {
4660 width: 80%;
4661 z-index: 99999;
4662 position: fixed !important;
4663 left: 40px !important;
4664 top: 50px;
4665 margin-top: 0px !important;
4666 }
4667 .mystickymenu-bar-coupon-option{
4668 float: right;
4669 }
4670 .mysticky-welcomebar-full-screen{
4671 text-align: left;
4672 float:left;
4673 }
4674
4675 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body{
4676 width: 100%;
4677 height: 100%;
4678 width: 100%;
4679 z-index: 9999;
4680 position: fixed !important;
4681 right: 0px !important;
4682 top: 0px;
4683 margin-top: 0px !important;
4684 backdrop-filter: blur(2px);
4685 }
4686 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-fixed-wrap{
4687 justify-content: center !important;
4688 }
4689 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-lead-content,
4690 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-timer-show-right,
4691 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-content{
4692 width: unset !important;
4693 min-width: unset;
4694 margin: 0 20px !important;
4695 }
4696 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-btn {
4697 text-align: center;
4698 }
4699 .welcomebar-full-screen-btn{
4700 border: 1px solid #00000047;
4701 background: #ffffff;
4702 border-radius: 3px;
4703 padding: 5px;
4704 line-height: 20px;
4705 font-size: 14px;
4706 font-family: 'Poppins';
4707 }
4708 .welcomebar-minimise-screen-btn{
4709 border: 1px solid #00000047;
4710 background: #d9d9d9;
4711 border-radius: 3px;
4712 padding: 5px;
4713 line-height: 20px;
4714 font-size: 14px;
4715 font-family: 'Poppins';
4716 }
4717 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-preview-screen{
4718 box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
4719 .welcomebar-error {
4720 border: 1px solid red !important;
4721 }
4722
4723
4724
4725 /*15-02-2024*/
4726
4727
4728 .mysticky-welcomebar-btn a {
4729 outline: none !important;
4730 cursor: pointer;
4731 position: relative;
4732 }
4733
4734 .mysticky-welcomebar-hover-effect-border1:before,
4735 .mysticky-welcomebar-hover-effect-border1:after {
4736 position: absolute;
4737 content: "";
4738 height: 0%;
4739 width: 2px;
4740 border-radius: 4px;
4741 z-index: 5;
4742 }
4743 .mysticky-welcomebar-hover-effect-border1:hover:before {
4744 transition: all 0.1s 0.2s ease;
4745 height: 29px;
4746 z-index: 99;
4747 }
4748 .mysticky-welcomebar-hover-effect-border1:hover:after {
4749 transition: all 0.1s ease;
4750 height: 29px;
4751 z-index: 99;
4752 }
4753 .mysticky-welcomebar-hover-effect-border1 a:before,
4754 .mysticky-welcomebar-hover-effect-border1 a:after {
4755 position: absolute;
4756 content: "";
4757 z-index: 0 !important;
4758 }
4759 .mysticky-welcomebar-hover-effect-border1 a:before {
4760 right: 0;
4761 top: 0;
4762 width: 0%;
4763 height: 2px;
4764 transition: all 0.1s 0.1s ease;
4765 }
4766 .mysticky-welcomebar-hover-effect-border1 a:after {
4767 right: 0;
4768 bottom: 0;
4769 width: 100%;
4770 height: 2px;
4771 }
4772 .mysticky-welcomebar-hover-effect-border1 a:hover:before {
4773 width: 100%;
4774 }
4775 .mysticky-welcomebar-hover-effect-border2 a {
4776 position: relative;
4777 display: block;
4778 width: 100%;
4779 height: 100%;
4780 }
4781 .mysticky-welcomebar-hover-effect-border2:before,
4782 .mysticky-welcomebar-hover-effect-border2:after {
4783 position: absolute;
4784 content: "";
4785 left: 8px;
4786 transition: all 0.3s ease;
4787 border-radius: 4px;
4788 }
4789 .mysticky-welcomebar-hover-effect-border2:before {
4790 width: 2px;
4791 }
4792 .mysticky-welcomebar-hover-effect-border2:after {
4793 width: 0%;
4794 height: 2px;
4795 }
4796 .mysticky-welcomebar-hover-effect-border2:hover:before {
4797 height: 29px;
4798 }
4799 .mysticky-welcomebar-hover-effect-border2:hover:after {
4800 width: 63px;
4801 }
4802 .mysticky-welcomebar-hover-effect-border2 a:before,
4803 .mysticky-welcomebar-hover-effect-border2 a:after {
4804 position: absolute;
4805 content: "";
4806 right: 0;
4807 bottom: 0;
4808 transition: all 0.3s ease;
4809 z-index: 0 !important;
4810 }
4811 .mysticky-welcomebar-hover-effect-border2 a:before {
4812 width: 2px;
4813 height: 0%;
4814 }
4815 .mysticky-welcomebar-hover-effect-border2 a:after {
4816 width: 0%;
4817 height: 2px;
4818 }
4819 .mysticky-welcomebar-hover-effect-border2 a:hover:before {
4820 height: 100%;
4821 }
4822 .mysticky-welcomebar-hover-effect-border2 a:hover:after {
4823 width: 100%;
4824 }
4825 .mysticky-welcomebar-hover-effect-border3 a {
4826 position: relative;
4827 display: block;
4828 width: 100%;
4829 height: 100%;
4830 }
4831 .mysticky-welcomebar-hover-effect-border3:before,
4832 .mysticky-welcomebar-hover-effect-border3:after {
4833 position: absolute;
4834 content: "";
4835 left: 8px;
4836 transition: all 0.3s ease;
4837 }
4838 .mysticky-welcomebar-hover-effect-border3:before {
4839 height: 14px;
4840 width: 2px;
4841 }
4842 .mysticky-welcomebar-hover-effect-border3:after {
4843 width: 14px;
4844 height: 2px;
4845 }
4846 .mysticky-welcomebar-hover-effect-border3:hover:before {
4847 height: 29px;
4848 }
4849 .mysticky-welcomebar-hover-effect-border3:hover:after {
4850 width: 63px;
4851 }
4852 .mysticky-welcomebar-hover-effect-border3 a:before,
4853 .mysticky-welcomebar-hover-effect-border3 a:after {
4854 position: absolute;
4855 content: "";
4856 right: 0;
4857 bottom: 0;
4858 transition: all 0.3s ease;
4859 z-index: 0 !important;
4860 }
4861 .mysticky-welcomebar-hover-effect-border3 a:before {
4862 width: 2px;
4863 height: 50%;
4864 }
4865 .mysticky-welcomebar-hover-effect-border3 a:after {
4866 width: 12px;
4867 height: 2px;
4868 }
4869 .mysticky-welcomebar-hover-effect-border3 a:hover:before {
4870 height: 100%;
4871 }
4872 .mysticky-welcomebar-hover-effect-border3 a:hover:after {
4873 width: 100%;
4874 }
4875 .mysticky-welcomebar-hover-effect-border4 a {
4876 position: relative;
4877 display: block;
4878 width: 100%;
4879 height: 100%;
4880 }
4881 .mysticky-welcomebar-hover-effect-border4:before,
4882 .mysticky-welcomebar-hover-effect-border4:after {
4883 position: absolute;
4884 content: "";
4885 left: 8px;
4886 bottom: 20px;
4887 transition: all 0.3s ease;
4888 }
4889 .mysticky-welcomebar-hover-effect-border4:before {
4890 height: 14px;
4891 width: 2px;
4892 }
4893 .mysticky-welcomebar-hover-effect-border4:after {
4894 width: 14px;
4895 height: 2px;
4896 }
4897 .mysticky-welcomebar-hover-effect-border4:hover:before {
4898 height: 29px;
4899 }
4900 .mysticky-welcomebar-hover-effect-border4:hover:after {
4901 width: 64px;
4902 }
4903 .mysticky-welcomebar-hover-effect-border4 a:before,
4904 .mysticky-welcomebar-hover-effect-border4 a:after {
4905 position: absolute;
4906 content: "";
4907 right: 0;
4908 top: 0;
4909 transition: all 0.3s ease;
4910 }
4911 .mysticky-welcomebar-hover-effect-border4 a:before {
4912 width: 2px;
4913 height: 50%;
4914 }
4915 .mysticky-welcomebar-hover-effect-border4 a:after {
4916 width: 20%;
4917 height: 2px;
4918 }
4919 .mysticky-welcomebar-hover-effect-border4 a:hover:before {
4920 height: 100%;
4921 }
4922 .mysticky-welcomebar-hover-effect-border4 a:hover:after {
4923 width: 100%;
4924 }
4925
4926 .mysticky-welcomebar-hover-effect-fill1 a {
4927 z-index: 1;
4928 }
4929 .mysticky-welcomebar-hover-effect-fill1 a:after {
4930 position: absolute;
4931 content: "";
4932 width: 0;
4933 height: 100%;
4934 top: 0;
4935 right: 0;
4936 z-index: -1;
4937 }
4938 .mysticky-welcomebar-hover-effect-fill1 a:hover:after {
4939 width: 100%;
4940 }
4941 .mysticky-welcomebar-hover-effect-fill1 a:active {
4942 top: 2px;
4943 }
4944 .mysticky-welcomebar-hover-effect-fill2 a {
4945 z-index: 1;
4946 }
4947 .mysticky-welcomebar-hover-effect-fill2 a:after {
4948 position: absolute;
4949 content: "";
4950 width: 0;
4951 height: 100%;
4952 top: 0;
4953 right: 0;
4954 direction: ltr;
4955 z-index: -1;
4956 transition: all 0.3s ease;
4957 }
4958 .mysticky-welcomebar-hover-effect-fill2 a:hover:after {
4959 right: auto;
4960 left: 0;
4961 width: 100%;
4962 }
4963 .mysticky-welcomebar-hover-effect-fill2 a:active {
4964 top: 2px;
4965 }
4966 .mysticky-welcomebar-hover-effect-fill3 a {
4967 border: 0px solid #000;
4968 z-index: 1;
4969 }
4970 .mysticky-welcomebar-hover-effect-fill3 a:after {
4971 position: absolute;
4972 content: "";
4973 width: 100%;
4974 height: 0;
4975 bottom: 0;
4976 right: 0;
4977 z-index: -1;
4978 transition: all 0.3s ease;
4979 }
4980 .mysticky-welcomebar-hover-effect-fill3 a:hover:after {
4981 top: 0;
4982 height: 100%;
4983 }
4984 .mysticky-welcomebar-hover-effect-fill3 a:active {
4985 top: 2px;
4986 }
4987 .mysticky-welcomebar-hover-effect-fill4 a {
4988 z-index: 1;
4989 }
4990 .mysticky-welcomebar-hover-effect-fill4 a:after {
4991 position: absolute;
4992 content: "";
4993 width: 100%;
4994 height: 0;
4995 top: 0;
4996 right: 0;
4997 z-index: -1;
4998 transition: all 0.3s ease;
4999 }
5000 .mysticky-welcomebar-hover-effect-fill4 a:hover:after {
5001 top: auto;
5002 bottom: 0;
5003 height: 100%;
5004 }
5005 .mysticky-welcomebar-hover-effect-fill4 a:active {
5006 top: 2px;
5007 }
5008 .mysticky-welcomebar-hover-effect-fill5 a {
5009 border: 0px solid #000;
5010 z-index: 3;
5011 }
5012 .mysticky-welcomebar-hover-effect-fill5 a:after {
5013 position: absolute;
5014 content: "";
5015 width: 0;
5016 height: 100%;
5017 top: 0;
5018 left: 0;
5019 z-index: -1;
5020 transition: all 0.3s ease;
5021 }
5022 .mysticky-welcomebar-hover-effect-fill5 a:hover:after {
5023 right: 0;
5024 width: 100%;
5025 }
5026 .mysticky-welcomebar-hover-effect-fill5 a:active {
5027 top: 2px;
5028 }
5029
5030 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-btn.right-cta,
5031 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-timer-show-right,
5032 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-btn.left-cta,
5033 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed.mysticky-welcomebar-collectlead-active .mysticky-welcomebar-content,
5034 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
5035 flex: unset;
5036 }
5037 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed:not(.mysticky-welcomebar-timer-active):not(.mysticky-welcomebar-collectlead-active) .mysticky-welcomebar-content,
5038 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-collectlead-active .mysticky-welcomebar-content,
5039 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
5040 flex: 1;
5041 }