PluginProbe ʕ •ᴥ•ʔ
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) / 2.7.7
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) v2.7.7
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 mystickybar-admin-rtl.css 1 year ago mystickybar-admin.css 1 year 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 1 year ago select2.min.css 2 years ago star-rating-svg.css 2 years ago
mystickymenu-admin-rtl.css
5043 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: 20px;
404 padding-right: 23px;
405 padding-left: 23px;
406 float: left;
407 color: white;
408 margin-left: 10px;
409 height: 40px;
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 cursor: pointer;
2389 }
2390
2391 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn {
2392 margin: 0 15px;
2393 display: none;
2394 }
2395
2396 .mysticky-welcomebar-fixed .mysticky-welcomebar-close:hover {
2397 opacity: 1;
2398 -webkit-transform: rotate(180deg);
2399 -moz-transform: rotate(180deg);
2400 transform: rotate(180deg);
2401 }
2402 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
2403 display: inline-block;
2404 cursor: pointer;
2405 }
2406
2407
2408
2409 /* tooltip css */
2410 .tooltip {
2411 position: relative;
2412 display: inline-block;
2413 border-bottom: 1px dotted black;
2414 }
2415
2416 .tooltip .tooltiptext {
2417 visibility: hidden;
2418 width: 80px;
2419 background-color: black;
2420 color: #fff;
2421 text-align: center;
2422 border-radius: 6px;
2423 padding: 5px 0;
2424 position: absolute;
2425 z-index: 1;
2426 bottom: 150%;
2427 left: 50%;
2428 margin-left: -45px;
2429 }
2430
2431 .tooltip .tooltiptext::after {
2432 content: "";
2433 position: absolute;
2434 top: 100%;
2435 left: 50%;
2436 margin-left: -5px;
2437 border-width: 5px;
2438 border-style: solid;
2439 border-color: black transparent transparent transparent;
2440 }
2441
2442 .tooltip:hover .tooltiptext {
2443 visibility: visible;
2444 }
2445
2446
2447
2448
2449
2450
2451 /*---------------------------------------------------------------------------// 22-12-21 //-----------------------*/
2452
2453 .mystickymenu-wrap{text-align:center;}
2454 /*.mystickymenu-wrap .mystickymenu-welcome-img img{width:40%; height:auto;}*/
2455
2456 .mystickymenu-newwelcomebar-contents a,
2457 .mystickymenu-widgets-btn-wrap a{
2458 display:inline-flex;
2459 color:#fff;
2460 font-size:15px;
2461 font-weight:500;
2462 padding:10px 20px;
2463 text-decoration:none;
2464 background:#6558F5;
2465 border-radius:5px;
2466 align-items: center;
2467 box-shadow: 0px 12px 12px -6px rgba(101, 107, 232, 0.25);
2468 }
2469
2470 .mystickymenu-tab-boxes{display:flex; justify-content: center; margin-top:50px;}
2471 .mystickymenu-tab-box{
2472 width:25%;
2473 margin:10px;
2474 display:flex;
2475 border:1px solid #C3CFD9;
2476 flex-direction: column;
2477 justify-content: space-between;
2478 padding-bottom:15px;
2479 background-color:#fff;
2480 }
2481
2482 .mystickymenu-tab-box .stickymenu-settings{margin:0 35px;}
2483
2484 .mystickymenu-tab-box .stickymenu-box-header{ color:#4B5C6B; font-size:15px; font-weight:600;
2485 padding:8px 0; background:#DFE6ED; text-align:center; line-height:20px;}
2486 .stickymenu-box-container p{font-size:14px;}
2487
2488 .mystickymenu-action-popup .mystickymenu-action-popup-footer button.btn-enable,
2489 .mystickymenu-tab-box .stickymenu-box-button a{
2490 display: inline-flex;
2491 color: rgba(21, 25, 32, 0.5);
2492 font-size: 16px;
2493 font-weight: 400;
2494 font-family: 'Lato', sans-serif;
2495 padding: 12px 61px;
2496 text-decoration: none;
2497 border: 1px solid rgba(86, 103, 137, 0.26);
2498 border-radius: 8px;
2499 align-items: center;
2500 background: none;
2501 line-height: 24px;
2502 }
2503 /*---------------------------------------------------------------------------------------------------------6-1-22-----*/
2504
2505 .stickymenu-box-container ul.documents-wrap-list{ text-align:right; list-style-type:disc; margin:15px 30px 15px 15px;}
2506 .stickymenu-box-container ul.documents-wrap-list li{color:#6558F5; font-size:25px; margin-bottom:8px;} /*------6-1-22--*/
2507 .stickymenu-box-container ul.documents-wrap-list li a{color:#6558F5; font-family: 'Lato', sans-serif; font-size:16px;}
2508
2509 /**/
2510 .mystickymenu-widgets table, td, th{ border:1px solid #EBEBEB;}
2511 .mystickymenu-wrap table.mystickymenu-widgets-lists{border-collapse:collapse; width:100%; margin:0; background-color:#fff;}
2512 .mystickymenu-wrap table.mystickymenu-widgets-lists tr th{padding:8px !important; background:#F6F5FE; vertical-align: middle !important;}
2513 .mystickymenu-wrap table.mystickymenu-widgets-lists tr td{padding:6px !important; vertical-align: middle !important;}
2514 .mystickymenu-wrap table.mystickymenu-widgets-lists .tooltip{border:none;}
2515
2516 /**/
2517 .mystickymenupopup-overlay{
2518 display:none;
2519 position: fixed;
2520 top: 0;
2521 left: 0;
2522 width: 100%;
2523 height: 100%;
2524 background-color: rgba(0,0,0,0.3);
2525 z-index: 9995;
2526 }
2527
2528 .mystickymenu-action-popup{
2529 position: fixed;
2530 top: 80px;
2531 left: 50%;
2532 -webkit-transform: translateX(-50%);
2533 -moz-transform: translateX(-50%);
2534 transform: translateX(-50%);
2535 z-index: 9999;
2536 width: 500px;
2537 background-color: #fff;
2538 padding: 0 0 28px 0;
2539 box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
2540 border-radius:10px;
2541
2542 }
2543
2544 .mystickymenu-action-popup-footer{
2545 text-align:center;
2546 display:inline-block;
2547 margin-top:15px;
2548 }
2549
2550 #stickymenu_status_popupbox .mystickymenu-action-popup-footer{
2551 display: block;
2552 }
2553 .mystickymenu-action-popup-header{
2554 padding: 25px 25px 40px 25px;
2555 border-bottom: 1px solid #EAEFF2;
2556 }
2557 .mystickymenu-action-popup-header h3{
2558 margin:0 10px 0 0 !important;
2559 position:relative;
2560 float:right;
2561 }
2562
2563 .mystickymenu-action-popup .mystickymenu-action-popup-body p{
2564 text-align: right;
2565 float: right;
2566 margin-right: 0;
2567 padding: 0px 35px 0 0;
2568 font-size: 16px;
2569 font-weight: 400;
2570 font-style: normal;
2571 color: #181749;
2572 }
2573 /*.mystickymenu-action-popup-header h3:after{
2574 content:"";
2575 display:block;
2576 height:3px;
2577 width:4.5rem;
2578 text-align:center;
2579 margin: 10px auto;
2580 background:#4797DE;
2581 }*/
2582 .mystickymenu-action-popup-footer button{cursor: pointer !important;}
2583 .mystickymenu-action-popup .mystickymenu-action-popup-footer button.btn-disable-cancel{
2584 display: inline-flex;
2585 color: #fff;
2586 background: #F33;
2587 font-size: 15px;
2588 font-weight: 500;
2589 padding: 12px 80px;
2590 text-decoration: none;
2591 border-radius: 8px;
2592 align-items: center;
2593 margin-right: 15px;
2594 border: none;
2595 line-height: 24px;
2596
2597 }
2598 .mystickymenu-action-popup .mystickymenu-action-popup-body{margin:30px 0;}
2599
2600 /**/
2601 .first-widget-popup{
2602 text-align:center;
2603 position: fixed;
2604 top: 50px;
2605 left: 50%;
2606 -webkit-transform: translateX(-50%);
2607 -moz-transform: translateX(-50%);
2608 transform: translateX(-50%);
2609 z-index: 99991;
2610 width: 600px;
2611 background-color: #fff;
2612 padding: 30px;
2613 box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
2614 border-radius:10px;
2615
2616 }
2617 .first-widget-popup h4,.first-widget-popup p,.first-widget-popup span,.first-widget-popup button,.first-widget-popup a{
2618 font-family:'Lato', sans-serif;
2619 }
2620 .first-widget-popup h4{
2621 font-weight: 600;
2622 font-size: 24px;
2623 line-height: 34px;
2624 color: #181749;
2625 margin:16px 0 0 0;
2626 }
2627 .first-widget-popup p{
2628 font-size: 16px;
2629 margin-top: 0px;
2630 padding: 0 32px;
2631 font-weight: 400;
2632 line-height: 24px;
2633 font-style: normal;
2634 }
2635 .first-widget-popup-contant{
2636 background: #F8F7FF;
2637 text-align: right;
2638 border-radius: 4px;
2639 padding: 0px 9px;
2640 }
2641 .first-widget-popup-contant h4{
2642 font-weight: 600;
2643 font-size: 16px;
2644 line-height: 34px;
2645 color: #181749;
2646 margin: 26px 0 0 0;
2647 font-family: inherit;
2648 }
2649 .first-widget-popup-contant p{
2650 font-size: 14px;
2651 margin-top: 16px;
2652 font-weight: 400;
2653 line-height: 33px;
2654 margin: 0px;
2655 padding: 0px;
2656 font-style: normal;
2657 color:#181749;
2658 font-family: inherit;
2659 }
2660 .first-widget-popup a.btn-back-dashboard{
2661 display:inline-flex;
2662 color:#fff;
2663 font-size:15px;
2664 font-weight:500;
2665 padding:10px 20px;
2666 text-decoration:none;
2667 background:#6558F5;
2668 border-radius:30px;
2669 align-items: center;
2670 margin: 36px 0 10px 0;
2671 box-shadow: 0px 10px 15px rgb(0 0 0 / 10%), 0px 4px 6px rgb(0 0 0 / 5%);
2672 }
2673 .firstwidget-popup-contain a.btn-dashboard {
2674 font-size: 16px;
2675 font-weight: 400;
2676 color: #5F5DE4;
2677 }
2678 .close-chaty-maxvisitor-popup{
2679 position:absolute;
2680 top:17px;
2681 left:17px;
2682 }
2683 .mystickymenu_container_popupbox{
2684 margin-top:10px;
2685 }
2686
2687
2688
2689
2690 .mysticky-stickymenu-header-title h3{
2691 color:#1d2327;
2692 display: inline-block;
2693 }
2694 .stickymenu-switch{
2695 display: inline-block;
2696 width: 55px;
2697 height: 30px;
2698 position: relative;
2699 margin: 0 0 8px 10px;
2700 }
2701
2702 .stickymenu-switch .slider:before{
2703 background-color: #ffffff;
2704 }
2705
2706 .stickymenu-switch input:checked + .slider {
2707 background-color: #7761DF;
2708 border: 2px solid #7761DF;
2709 }
2710
2711 .firstwidget-popup-contain a{
2712 color: #3c434a;
2713 text-decoration: none;
2714 }
2715
2716 .mysticky-welcomebar-position-top .welcomebar-sticky-close:focus{outline:none; border:0;}
2717 .mysticky-welcomebar-position-top .welcomebar-sticky-close{
2718 vertical-align: top;
2719 width: 30px;
2720 height: 30px;
2721 text-align: center;
2722 line-height: 30px;
2723 border-radius: 5px;
2724 color: #000;
2725 position: absolute;
2726 top: 5px;
2727 left:5px;
2728 outline: none;
2729 font-family: Lato;
2730 text-decoration: none;
2731 text-shadow: 0 0 0px #fff;
2732 -webkit-transition: all 0.5s ease 0s;
2733 -moz-transition: all 0.5s ease 0s;
2734 transition: all 0.5s ease 0s;
2735 -webkit-transform-origin: 50% 50%;
2736 -moz-transform-origin: 50% 50%;
2737 transform-origin: 50% 50%;
2738 }
2739
2740 a.copyicon{text-decoration:none; color:#000;}
2741 /*.copyicon .dashicons{display:block;}*/
2742 a.copyicon img{width:40px; height:40px;}
2743
2744 /*----------------------------------------------------------NEW 3-1-22--------------------------------------*/
2745 .mystickymenu-dashboard{text-align:right;}
2746 .mystickymenu-dashboard .welcomebars-list-table{
2747 background:#fff;
2748 /*border-radius:15px;*/
2749 padding:20px 40px;
2750 text-align:center;
2751 }
2752 .mystickymenu-dashboard h3{margin:5px 0;}
2753 .mystickymenu-dashboard .header-section{
2754 display: flex;
2755 justify-content: space-between;
2756 padding: 0 0 24px 0;
2757 border-bottom: 1px solid #EBEBEB;
2758 width: 100%;
2759 }
2760 .mystickymenu-dashboard .heading-title{display:inline-flex;}
2761 .mystickymenu-dashboard .mystickymenu-widgets-btn-wrap{display:inline-flex;}
2762
2763 .mystickymenu-dashboard .heading-title h3{font-family: 'Lato', sans-serif; font-size: 28px !important;
2764 font-weight:600 !important; color:#1d2327 !important;}
2765
2766
2767
2768 .mystickymenu-dashboard .mystickymenu-tab-boxs-wrap{display:block; justify-content:space-between; margin:20px 0;}/*00000000000000000000*/
2769 .contactus-tab-option,.mystickymenu-tab-documentation{width:100%;} /*0000000000000000000000000000000000000000000000000000000000*/
2770 .mystickymenu-new302box{display:flex; justify-content:space-between; flex-wrap:wrap;} /*00000000000000000000000000000000000000*/
2771
2772
2773
2774 .stickymenu-tab-option{margin-bottom:15px;}
2775 .mystickymenu-dashboard .msm-bgbox{display:block; background:#fff; padding:0; box-sizing:border-box;}
2776
2777
2778 .msm-bgbox .stickymenu-box-button{display: block; padding:0 48px 15px 15px;}
2779
2780 .msm-bgbox .stickymenu-box-button a{
2781 display:inline-flex;
2782 color:#6558F5;
2783 font-size:15px;
2784 font-weight:500;
2785 padding:0 15px;
2786 text-decoration:none;
2787 border:1px solid #6558F5 !important;
2788 border-radius:5px;
2789 align-items: center;
2790 background:none;
2791 line-height:34px;
2792 }
2793 .contactus-title, .premio-footer-option,
2794 .stickymenu-settings{display:flex; justify-content:space-between; align-items: center;}
2795 .premio-footer-option{margin-top:6px;}
2796 .premio-footer-option h3{color:#6558F5;}
2797 .premio-footer-option h4{margin:5px 0;}
2798 .premio-footer-option .premio-content-list{width:60%; margin:0 10px;}
2799
2800 a.copyicon1{color:#6558F5; line-height:23px; text-decoration:underline;}
2801 a.copyicon1 span{text-decoration:none;}
2802 .dashicons-facebook-alt{color:#3B5998 !important;}
2803 .dashicons-twitter{color:#00ACEE !important;}
2804 /*--------------*/
2805
2806 .new-welcomebar-section-wrap{background:#fff; display:flex; padding:25px; justify-content: space-between;}
2807
2808
2809 .mystickymenu-welcome-img, .mystickymenu-newwelcomebar-contents,
2810 .new-welcomebar-section-wrap .mystickymenu-features{width:auto;}
2811
2812
2813 .mystickymenu-wrap .mystickymenu-welcome-img img{width:80%; height:auto; text-align:center;}
2814 .mystickymenu-newwelcomebar-contents{margin:0 10px;}
2815 .mystickymenu-features{text-align:center;}
2816 .mystickymenu-features .mystickymenu-features-list{ text-align:left; list-style-type:disc; margin:15px 30px 15px 15px;}
2817 .mystickymenu-features .mystickymenu-features-list li{color:#6558F5; font-size:14px;}
2818
2819 .documents-wrap-list{ text-align:right; list-style-type:disc;}
2820 .documents-wrap-list li{color:#6558F5; font-size:16px; margin-bottom:10px;}
2821
2822 .mystickymenu-feature-title{
2823 display:inline-flex;
2824 color:#fff;
2825 font-size:15px;
2826 font-weight:500;
2827 padding:10px 20px;
2828 text-decoration:none;
2829 background:#6558F5;
2830 border-radius:5px;
2831 align-items: center;
2832 }
2833 .mystickymenu-feature-title img{width:22px; margin-left:7px;}
2834
2835 .welcomebars-list-table .mysticky-welcomebar-switch .slider{
2836 background-color: #FF424D;
2837 border: 2px solid #FF424D;
2838 }
2839 .mystickymenu-action-popup-header span{
2840 float:left;
2841 }
2842
2843 .msm-bgbox .stickymenu-box-button a{
2844 display:inline-flex;
2845 color:#6558F5;
2846 font-size:16px;
2847 font-weight:500;
2848 font-family: 'Lato', sans-serif;
2849 padding:0 15px;
2850 text-decoration:none;
2851 border:1px solid #6558F5 !important;
2852 border-radius:5px;
2853 align-items: center;
2854 background:none;
2855 line-height:34px;
2856 }
2857 .contactus-title, .premio-footer-option,
2858 .stickymenu-settings{display:flex; justify-content:space-between; align-items: center;}
2859 .premio-footer-option{margin-top:6px;}
2860 .premio-footer-option h3{color:#6558F5;}
2861 .premio-footer-option h4{margin:5px 0;}
2862 .premio-footer-option .premio-content-list{width:62%; margin:0;}
2863
2864 a.copyicon1{color:#6558F5; line-height:23px; text-decoration:underline;}
2865 a.copyicon1 span{text-decoration:none;}
2866 .dashicons-facebook-alt{color:#3B5998;}
2867 .dashicons-twitter{color:#00ACEE;}
2868 /*--------------*/
2869
2870 .new-welcomebar-section-wrap{background:#fff; display:flex; padding:25px; justify-content: space-between;}
2871
2872 .mystickymenu-welcome-img, .mystickymenu-newwelcomebar-contents,
2873 .new-welcomebar-section-wrap .mystickymenu-features{width:auto;}
2874
2875 .mystickymenu-wrap .mystickymenu-welcome-img img{max-width:80%; height:auto; text-align:center;}
2876 .mystickymenu-newwelcomebar-contents{margin:0 10px;}
2877 .mystickymenu-features{text-align:center;}
2878
2879
2880 .mystickymenu-features .mystickymenu-features-list{ text-align:left; list-style-type:disc;
2881 background: #F6F5FE;
2882 padding: 30px 15px 15px 15px;
2883 border-radius: 15px;
2884 margin-top: -20px;
2885 }
2886 .mystickymenu-features-list ul.documents-wrap-list{margin:15px 30px 15px 0;}
2887
2888 .mystickymenu-features .mystickymenu-features-list li{color:#6558F5; font-family: 'Lato', sans-serif; font-size:16px;}/*----6-1-22-------*/
2889
2890 .documents-wrap-list{ text-align:right; list-style-type:disc;}
2891 .documents-wrap-list li{color:#6558F5; font-size:14px; margin-bottom:10px;}
2892
2893 .mystickymenu-feature-title{
2894 display:inline-flex;
2895 color:#fff;
2896 font-size:15px;
2897 font-weight:500;
2898 padding:10px 20px;
2899 text-decoration:none;
2900 background:#6558F5;
2901 border-radius:5px;
2902 align-items: center;
2903 }
2904 .mystickymenu-feature-title img{width:22px; margin-left:7px;}
2905
2906 .welcomebars-list-table .mysticky-welcomebar-switch .slider{
2907 background-color: #FF424D;
2908 border: 2px solid #FF424D;
2909 }
2910
2911 .mystickymenu-action-popup-footer{
2912 text-align:center;
2913 display:inline-block;
2914 margin-top:15px;
2915 }
2916 #stickymenu_status_popupbox .mystickymenu-action-popup-footer{
2917 display: block;
2918 }
2919
2920 .welcombar-enabled-status .mystickymenu-action-popup-footer{
2921 display: block;
2922 }
2923
2924 /*--------------------------------------------------------// 6-1-22 //------------------*/
2925 .mystickymenu-newwelcomebar-contents h2{font-family: 'Lato', sans-serif; font-size:28px; font-weight:bold;}
2926
2927 .premio-content-list span, .premio-footer-option label, .settings-content p, .contactus-contents-buttons span.folous, .stickymenu-box-button,
2928 .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;}
2929
2930 .premio-content-list h4{font-family: 'Lato', sans-serif; font-size:16px; font-weight:bold;}
2931
2932 .contactus-title h3, .mystickymenu-tab-documentation h3,
2933 .stickymenubox-title-section h3{font-family: 'Lato', sans-serif; font-size:20px; font-weight:bold;}
2934
2935 /**/
2936 .stickymenu-tab-option{padding:0 0 10px 0 !important;}
2937 /*.stickymenubox-title-section{border-bottom:1px solid #EBEBEB; padding:24px 20px;}*/
2938
2939 .stickymenubox-title-section h3,
2940 .mystickymenu-tab-documentation h3, .contactus-title
2941 {border-bottom:1px solid #EBEBEB; padding:24px 40px; margin:0;}
2942 .contactus-title h3{margin:0;}
2943
2944 .stickymenubox-title-section h3{margin:0 !important;}
2945
2946 .contact-recent-lead .stickymenubox-title-section h3{padding: 24px 15px 24px 15px;}
2947
2948 .premio-footer-option, .stickymenu-box-container, .stickymenu-box-button,
2949 .stickymenu-settings{padding:15px 40px 15px 20px;}
2950
2951 .premio-footer-option h3 img{width:70px; height:auto; margin-left:10px;}
2952
2953
2954 /*----------------------------------------------------------------------------# 12-1-22 #----------------*/
2955
2956 .mysticky-welcomebar-fixed-wrap{flex-wrap: wrap; justify-content: space-between !important;}
2957
2958 .mysticky-welcomebar-timer-show-left{order: 3; display: inline-flex; width:69%;}
2959 .mysticky-welcomebar-timer-show-right{order: 1; display: inline-flex; width:100%; justify-content:center;}
2960
2961 .mysticky-welcomebar-content{text-align:center;width:75%;display: inline-flex; order: 2; margin:5px 5px !important;}
2962 .mysticky-welcomebar-btn{order: 4;}
2963
2964 .mysticky-welcomebar-timer-show-right .counter-timer span,
2965 .mysticky-welcomebar-timer-show-left .counter-timer span{margin:0 !important;}
2966 .mysticky-welcomebar-timer-show-right .counter-main-block,
2967 .mysticky-welcomebar-timer-show-left .counter-main-block{margin:0 5px !important;}
2968 .mysticky-welcomebar-timer-show-right .counter-main-block label,
2969 .mysticky-welcomebar-timer-show-left .counter-main-block label{font-size:11px !important;}
2970
2971 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn{padding-left: 0 !important; margin:0 !important;}
2972
2973
2974 /*------------------------------------------------------------*/
2975 /*.mysticky-welcomebar-timer-show-left,
2976 .mysticky-welcomebar-timer-show-right
2977 {margin:0 10px;}*/
2978 .mysticky-welcomebar-timer-show-left .counter-timer,
2979 .mysticky-welcomebar-timer-show-right .counter-timer
2980 {
2981 display:inline-flex !important;
2982 align-items: center;
2983 /*margin:0 4px ;*/
2984 font-size:14px;
2985 font-weight:500;
2986 }
2987
2988 .mysticky-welcomebar-timer-show-left .counter-timer span,
2989 .mysticky-welcomebar-timer-show-right .counter-timer span
2990 {
2991 width:22px !important;
2992 height:22px;
2993 margin:0 6px;
2994 text-align:center;
2995 border-radius:6px;
2996 background:#000;
2997 color:#fff;
2998 line-height:22px;
2999 align-items: center;
3000 }
3001
3002
3003 /*---------------------*/
3004
3005
3006 .mysticky-right-side label input[type="radio"] {
3007 display: none;
3008 }
3009 .mysticky-right-side span {
3010 display: inline-block;
3011 padding: 4px 21px 4px 0;
3012 font-family: 'Lato', sans-serif;
3013 font-size: 16px;
3014 cursor: pointer;
3015 position: relative;
3016 }
3017
3018 .mysticky-welcomebar-timer-position .mysticky-welcomebar-setting-content-right label{
3019 width: unset !important;
3020 }
3021 .mysticky-right-side span:after{
3022 content:"";
3023 position: absolute;
3024 bottom:0;
3025 width:84%;
3026 height:3px;
3027 background: #6558f5;
3028 display:none;
3029 }
3030 .mysticky-right-side span:hover:after,
3031 .mysticky-right-side input[type="radio"]:checked ~ span:after {
3032 display:block;
3033 }
3034 .mysticky-right-side input[type="radio"]:checked ~ span {
3035 color:#6558f5;
3036 }
3037 /*-------------------*/
3038 .mysticky-welcomebar-timer-position{display:flex; justify-content: flex-start;}
3039
3040
3041 .add_new_welcombar:hover{
3042 opacity: 0.9;
3043 }
3044
3045 .tooltip img{
3046 width:35px;
3047 }
3048
3049 .mystickymenu-newwelcomebar-contents{
3050 max-width: 432px;
3051 }
3052
3053 #stickymenu_status_ok{
3054 background-color:#28C67C;
3055 }
3056
3057 .mysticky-welcomebar-content p{
3058 word-wrap: break-word;
3059 width: 100%;
3060 }
3061
3062 .mystickymenu-widgets-lists tr td{
3063 font-size:16px;
3064 }
3065
3066 .mystickymenu-widgets-lists tr th{
3067 font-size:16px;
3068 }
3069 #welcomebar-save-confirm{
3070 width: 677px;
3071 padding: 0 10px 28px 10px;
3072 }
3073
3074 #welcomebar-save-confirm .mystickymenu-action-popup-footer{
3075 display: block;
3076 }
3077
3078
3079 /*border radiuse in dashboard table */
3080
3081 .mystickymenu-dashboard table tr:first-child th:first-child, table.Info tr:first-child td:first-child {
3082 border-top-left-radius: 10px;
3083 border-left: 0 !important;
3084 }
3085
3086 .mystickymenu-dashboard table tr:first-child th:last-child, table.Info tr:first-child td:last-child {
3087 border-top-right-radius: 10px;
3088 border-right: 0;
3089 }
3090
3091 /*table.mystickymenu-widgets-lists,*/
3092
3093 table.mystickymenu-widgets-lists td{
3094 border:0.5px solid #F1F1F1;
3095 }
3096
3097 /*border radiuse in dashboard table */
3098 table.mystickymenu-widgets-lists th{
3099 border-top: 0 !important;
3100 border-bottom: 1px solid #F1F1F1 !important;
3101 border-left: 1px solid #F1F1F1 !important;
3102 border-right: 1px solid #F1F1F1 !important;
3103 }
3104
3105 .mystickymenu-dashboard table tr:first-child th:first-child {
3106 border-top-left-radius: 10px;
3107 border-top: 0 !important;
3108 border-left: 0 !important;
3109 border-bottom: 0.2px #F1F1F1 !important;
3110 border-right: 0.2px #F1F1F1 !important;
3111 }
3112
3113 .mystickymenu-dashboard table tr:first-child th:last-child {
3114 border-top-right-radius: 10px;
3115 border-top: 0 !important;
3116 border-left: 0.2px #F1F1F1 !important;
3117 border-bottom: 0.2px #F1F1F1 !important;
3118 border-right: 0 !important;
3119 }
3120
3121 #mysticky-sticky-save-confirm{
3122 width:575px;
3123 }
3124 #stickymenu_status_ok{
3125 padding: 12px 40px;
3126 }
3127
3128 /*--------------------------------------------------------20-1-22--new--------------------------------------------*/
3129
3130 .mystickymenu-newwelcomebar-contents p{margin:0;}
3131 a.add_new_welcombar{margin:auto 0;} /*------------------------------------------------20-1-22--new-*/
3132 .new-welcomebar-section-wrap .mystickymenu-newwelcomebar-contents a{margin-top:30px;}
3133
3134 .left-cta{
3135 order: 1;
3136 margin: 0 15px 0 0 !important;
3137 }
3138
3139 .right-cta{
3140 order: 3;
3141 padding-bottom:5px;
3142 }
3143
3144
3145 /*----------------------------------------------------------------------# 21-1-22 #-----------*/
3146
3147
3148
3149 /* ToolTip Side */
3150 .html-tooltip {
3151 position: relative;
3152 display: inline-block;
3153
3154 }
3155
3156 .dashicons,
3157 .dashicons-before:before {
3158 font-family: dashicons;
3159 display: inline-block;
3160 line-height: 1;
3161 font-weight: 400;
3162 font-style: normal;
3163 color: #9e9e9e;
3164 speak: none;
3165 text-decoration: inherit;
3166 text-transform: none;
3167 text-rendering: auto;
3168 -webkit-font-smoothing: antialiased;
3169 -moz-osx-font-smoothing: grayscale;
3170 width: 20px;
3171 height: 20px;
3172 font-size: 20px;
3173 vertical-align: top;
3174 text-align: center;
3175 transition: color 0.1s ease-in;
3176 }
3177
3178 .dashicons-editor-help:before {
3179 content: "";
3180 }
3181
3182 .html-tooltip.side .tooltip-text {
3183 bottom: 125%;
3184 right: 100%;
3185 margin-right: 0;
3186 top: 5px;
3187 transform: translateY(-50%);
3188 -webkit-transform: translateY(-50%);
3189 }
3190
3191 .html-tooltip .tooltip-text {
3192 visibility: hidden;
3193 width: 417px;
3194 background-color: #333;
3195 color: #fff;
3196 text-align: left;
3197 border-radius: 6px;
3198 padding: 10px;
3199 position: absolute;
3200 z-index: 1201;
3201 bottom: 125%;
3202 left: 50%;
3203 margin-right: -150px;
3204 opacity: 0;
3205 transition: opacity 0.3s;
3206 font-size: 12px;
3207 line-height: 18px;
3208 top: 100%;
3209 height: 125px;
3210 }
3211
3212 .html-tooltip:hover .tooltip-text {
3213 visibility: visible;
3214 opacity: 1;
3215 z-index: 9999999;
3216 }
3217
3218 .html-tooltip.side .tooltip-text:after {
3219 top: 50%;
3220 left: -5px;
3221 transform: rotate(180deg);
3222 -webkit-transform: rotate(90deg);
3223 }
3224
3225 .html-tooltip .tooltip-text:after {
3226 content: "";
3227 position: absolute;
3228 top: -10px;
3229 left: 50%;
3230 margin-right: -5px;
3231 border-width: 5px;
3232 border-style: solid;
3233 border-color: #333 transparent transparent transparent;
3234 transform: rotate(180deg);
3235 -webkit-transform: rotate(180deg);
3236 }
3237
3238 .html-tooltip .tooltip-text img {
3239 width: 100%;
3240 height: auto;
3241 display: block;
3242 margin: 10px 0 0 0;
3243 }
3244 .pagination {
3245 display: flex;
3246 margin: 16px 0px 0 0;
3247 justify-content: end;
3248 }
3249
3250 .pagination span.page-numbers,
3251 .pagination a {
3252 color: #BDBDBD;
3253 float: left;
3254 text-decoration: none;
3255 margin: 0 5px;
3256 border: 1px solid #BDBDBD;
3257 border-radius: 50%;
3258 width: 56px;
3259 height: 56px;
3260 font-size: 16px;
3261 font-weight: 500;
3262 font-style: normal;
3263 line-height: 56px;
3264 }
3265 .pagination .page-numbers.dots{
3266 border-radius: unset;
3267 border: unset;
3268 }
3269 .pagination span.current,
3270 .pagination a.active {
3271 background-color: #6558F5;
3272 color: white;
3273 border-radius: 50%;
3274 width: 56px;
3275 height: 56px;
3276 border:unset;
3277 }
3278
3279 .pagination a:hover:not(.active) {
3280 background-color: #ddd;
3281 border-radius: 50%;
3282 }
3283 .mystickymenu-widgets-lists thead tr{
3284 height: 63px;
3285 }
3286
3287 .mystickymenu-widgets-lists tr{
3288 height: 88px;
3289 }
3290
3291 .mysticky-welcomebar-backword-page a{
3292 text-decoration: none;
3293 }
3294
3295 .mysticky-welcomebar-backword-page{
3296 padding: 0;
3297 margin: 0;
3298 float: left;
3299 }
3300
3301 .back-dashboard:before{
3302 content: "\f345";
3303 }
3304
3305
3306
3307 .mysticky-stickymenu-backword-page{text-align:end; padding:0 15px; float: left; margin-top: 28px;}
3308 .mysticky-stickymenu-backword-page a{text-decoration:none;}
3309
3310
3311 .save_view_dashboard{
3312 width: auto !important;
3313 background: #6558F5 !important;
3314 border: 1px solid #6558F5 !important;
3315 margin-left:10px !important;
3316 }
3317
3318 .save_view_dashboard:hover{
3319 opacity: 0.8 !important;
3320 }
3321
3322 .msm-active-license{
3323 max-width:unset !important;
3324 }
3325
3326 .visit_site_link{
3327 text-decoration:none !important;
3328 position:relative;
3329 }
3330
3331 .visit_site_link::after{
3332 content: '';
3333 width: 100%;
3334 border-bottom: solid 1px #2271b1;
3335 position: absolute;
3336 left: 0;
3337 bottom: 0;
3338 z-index: 1;
3339 height: 1px;
3340 }
3341
3342 .timer_datetime_box input[type=number]{
3343 width: 135px !important;
3344
3345 }
3346 .timer_datetime_box input[type=number]:first-child{margin-left: 24px !important;}
3347
3348 .timer_datetime_box .col-1 label,
3349 .timer_datetime_box .col-2 label{
3350 margin: 10px 0 0 8px;
3351 display:block;
3352 }
3353
3354 .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container {
3355 width: 100%;
3356 }
3357
3358 .mystickymenu-bar-option{
3359 margin-top:10px;
3360 margin-bottom:30px;
3361 position: relative;
3362 }
3363
3364
3365
3366 .mysticky-welcomebar-colorpicker.color-x-input {
3367 margin-right: 10px;
3368 }
3369
3370 #wp-mysticky_thankyou_screen_text-wrap {
3371 /*width: 46%;*/
3372 }
3373
3374 .mysticky-welcomebar-setting-content-right .wp-editor-container textarea.wp-editor-area {
3375 width: 100%;
3376 margin: 0;
3377 box-shadow: none;
3378 border-radius: unset;
3379 }
3380
3381 .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-colorpicker {
3382 margin-top: 14px;
3383 }
3384 /*----------------------------------------------------------*/
3385 .mysticky-welcomebar-page-option .url-content input.url-inputs{
3386 /* width:260px !important; */
3387 width: 22vw !important;
3388 }
3389
3390 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box{
3391 width:auto;
3392 }
3393
3394 .timer-color-text-tooltip{
3395 margin-right: 3px
3396 }
3397
3398 .mystickymenu-widgets-lists .tooltip {
3399 opacity: 1;
3400 position: relative;
3401 display: inline-block;
3402 }
3403
3404
3405 .mysticky-welcomebar-setting-content-right .x-color-wrap {
3406 display: inline-flex;
3407 position: relative;
3408 }
3409
3410 .mysticky-welcomebar-setting-content-right .x-color-wrap label {
3411 width: auto;
3412 }
3413
3414 span.mysticky-welcomebar-colorpicker.color-x-input {
3415 margin-top: -5px;
3416 position: absolute;
3417 right: 60px;
3418 }
3419
3420 .x-color-wrap .wp-picker-holder .iris-picker.iris-border {
3421 z-index: 10;
3422 }
3423
3424 .mysticky-show-couponbar .mysticky-welcomebar-colorpicker .mysticky-welcomebar-setting-content-right {
3425 width: 8%;
3426 opacity: 1;
3427 }
3428
3429 .mysticky-show-couponbar .mysticky-welcomebar-colorpicker label {
3430 width: auto;
3431 }
3432 .mysticky-show-couponbar button.button.wp-color-result {
3433 margin-top: -7px;
3434 }
3435
3436 .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container {
3437 width: 100%;
3438 }
3439
3440 .mystickymenu-bar-option input[type="radio"] {
3441 display: none;
3442 }
3443
3444 .mystickymenu-bar-option input[type="radio"]:checked ~ span {
3445 color: #6558f5;
3446 }
3447
3448 .mystickymenu-bar-option span:hover:after, .mystickymenu-bar-option input[type="radio"]:checked ~ span:after {
3449 display: block;
3450 }
3451 /*---------------------------------------------------------------------------*/
3452
3453
3454 .mystickymenu-bar-option label:first-child span:hover:after, .mystickymenu-bar-option label:first-child input[type="radio"]:checked ~ span:after{
3455 display: block;
3456 width: 100%;
3457 max-width: 55px;
3458 }
3459
3460
3461 .mystickymenu-bar-option span:after {
3462 content: "";
3463 position: absolute;
3464 bottom: -8px;
3465 width: 100%;
3466 height: 3px;
3467 background: #6558f5;
3468 display: none;
3469 max-width: 84px;
3470 }
3471 .mysticky-welcomebar-preview-screen .mysticky-couponbar-content {
3472 width: 100%;
3473 display:flex;
3474 align-items: center;
3475 }
3476
3477 .mysticky-welcomebar-preview-screen .mysticky-couponbar-content .coupon-text{
3478 margin-top: 0px;
3479 width: 60%;
3480 }
3481
3482 /*coupon coiped tooltip*/
3483
3484 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip {
3485 position: relative;
3486 display: inline-block;
3487 }
3488
3489 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .tooltiptext {
3490 visibility: hidden;
3491 width: 73px;
3492 background-color: #555;
3493 color: #fff;
3494 text-align: center;
3495 border-radius: 6px;
3496 padding: 2px 5px;
3497 position: absolute;
3498 z-index: 1;
3499 right: 50%;
3500 margin-right: -42px;
3501 opacity: 0;
3502 transition: opacity 0.3s;
3503 top: -9px;
3504 font-size: 9px;
3505 line-height: 1.2;
3506 }
3507
3508 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .tooltiptext::after {
3509 content: "";
3510 position: absolute;
3511 top: 100%;
3512 right: 50%;
3513 margin-right: -5px;
3514 border-width: 5px;
3515 border-style: solid;
3516 border-color: #555 transparent transparent transparent;
3517 }
3518
3519 /*.coupon-cpy-tooltip:active .tooltiptext {
3520 visibility: visible;
3521 opacity: 1;
3522 }*/
3523
3524 .mysticky-welcomebar-preview-screen .coupon-text-sp{
3525 border: 1px dashed #877572;
3526 padding: 8px 5px;
3527 border-radius: 5px;
3528 position: relative;
3529 }
3530
3531
3532 .mysticky-welcomebar-preview-screen .mysticky-coupon-btn.coupon-cpy-tooltip .coupon-text-sp svg{
3533 width: 14px;height: 14px;
3534 position: absolute;
3535 left: -8px;
3536 top: -8px;
3537 right: unset;
3538 display: block;
3539 transform: rotateY(0deg);
3540 }
3541
3542 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn {
3543 display: inline-flex;
3544 margin-left: 10px;
3545 /* background-color: #fb7462;*/
3546 color: rgb(232, 161, 173);
3547 width: auto;
3548 /*border: 1px solid rgb(242, 192, 156);*/
3549 max-width: 40%;
3550 padding: 7px 7px 5px 5px
3551
3552 }
3553
3554 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn a{
3555 text-decoration: none;
3556 padding: 0px 18px;
3557 font-size: 12px;
3558 display: inline-flex;
3559 border-radius: 4px;
3560 overflow: hidden;
3561 max-height: 39px;
3562 line-height:2.4em;
3563 height: 30px;
3564 width: auto;
3565 max-width: 150px;
3566 }
3567
3568
3569 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .vector{
3570 width: 14px;
3571 height: 14px;
3572 position: absolute;
3573 left: 5px;
3574 top: 0px;
3575 display: block;
3576 }
3577
3578 .mysticky-welcomebar-preview-screen .coupon-cpy-tooltip .vector path {
3579 fill: #787b72;
3580 }
3581
3582 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label {
3583 display: inline-block;
3584 vertical-align: top;
3585 width: 195px;
3586 padding-left: 10px;
3587 }
3588
3589 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"] {
3590 display: none;
3591 }
3592
3593 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span {
3594 display: inline-block;
3595 padding: 4px 21px 4px 0;
3596 font-family: 'Lato', sans-serif;
3597 font-size: 16px;
3598 cursor: pointer;
3599 position: relative;
3600
3601 }
3602
3603 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right input[type="radio"]:checked ~ span {
3604 color: #6558f5;
3605 }
3606
3607 .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 {
3608 display: block;
3609 }
3610
3611 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span::after {
3612 content: "";
3613 position: absolute;
3614 bottom: 0;
3615 width: 89%;
3616 height: 3px;
3617 background: #6558f5;
3618 display: none;
3619 }
3620
3621 .email-send-lead-settings {
3622 background-color: #eff5f6;
3623 width: 644px;
3624 padding: 10px 10px 0 10px;
3625 margin-bottom: 20px;
3626 max-height: 213px;
3627 }
3628
3629 .email-send-lead-settings label {
3630 font-size: 15px;
3631 margin-right: 15px;
3632 margin-top: 13px;
3633 }
3634
3635 .email-send-lead-settings .mysticky-welcomebar-setting-content-right {
3636 width: 100%;
3637 align-items: center;
3638 display: block;
3639 }
3640
3641 .timer_datetime_box input[type=number]{
3642 width: 135px !important;
3643 margin-left: 24px !important;
3644 }
3645
3646 .email-send-lead-settings>.mysticky-welcomebar-setting-content-right>.mail-merge-tags {
3647 display: block;
3648 }
3649
3650 .mail-merge-tags span {
3651 display: inline-block;
3652 background: #6558f5;
3653 color: #fff;
3654 font-size: 14px;
3655 padding: 1px 5px;
3656 margin: 4px 4px 0 0;
3657 border-radius: 5px;
3658 cursor: pointer;
3659 }
3660
3661 .mysticky_welcome_email_subject{
3662 margin-bottom:5px;
3663 }
3664
3665 /* preview section lead content */
3666
3667 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content {
3668 order: 2;
3669 display: flex;
3670 width: 240px;
3671 margin-left: -10px;
3672 min-width: 74%;
3673 margin-top: 5px;
3674 }
3675
3676 .mysticky-welcomebar-lead-content input[type="text"] {
3677 width: 50%;
3678 font-size: 10px;
3679 }
3680
3681 .mysticky-welcomebar-lead-content input[type="text"]:focus {
3682 outline: unset;
3683 box-shadow: unset;
3684 }
3685
3686 /*----------------------------------------------------------------------New CSS 5-7-22--------*/
3687 .msmenu-flexbox{display: flex !important; justify-content: space-between;}
3688 .msmenu-blockbox{display: block;}
3689 .msmenu-box50{width: 49.4%;}
3690 .msmenu-box100{width: 100%;}
3691
3692 .contact-recent-lead{margin-bottom: 15px;}
3693 .stickymenubox-title-section{display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #EBEBEB;}
3694 .stickymenubox-title-section h3{border: none;}
3695 .stickymenubox-title-section a{margin-left: 15px;}
3696
3697 .stickymenu-no-lead{display: block; text-align: center; min-height: 171px;}
3698 .stickymenu-no-lead img{ margin-top:25px;}
3699 .stickymenu-no-lead p{text-align: center; font-size: 16px;}
3700
3701 .msmenu-btn{
3702 display: inline-flex;
3703 color: #6558F5;
3704 font-size: 16px;
3705 font-weight: 500;
3706 font-family: 'Lato', sans-serif;
3707 padding: 0 15px;
3708 text-decoration: none;
3709 border: 1px solid #6558F5 !important;
3710 border-radius: 5px;
3711 align-items: center;
3712 background: none;
3713 line-height: 34px;
3714 cursor: pointer;
3715 }
3716 /*-----*/
3717 .recent-lead-table{padding:15px; min-height: 171px;}
3718 .recent-lead-table table{ border-collapse: collapse;
3719 border-radius: 10px;
3720 border-style: hidden; /* hide standard table (collapsed) border */
3721 box-shadow: 0 0 0 1px #F0EFF3; /* this draws the table border */
3722 }
3723 .recent-lead-table table th,
3724 .recent-lead-table table td{border: 1px solid #F0EFF3; padding: 8px 15px !important;}
3725 .recent-lead-table table th{background-color: #F0EFF3;}
3726 .stickymenu.recent-lead-table table tr:first-child th:first-child{border-right: 1px solid #fff !important;}
3727
3728 /*----------------------------------------# Contact view Table #-------*/
3729 .mystickymenu-contact-wrap p.description{font-size: 14px; margin: 2px 0 5px;color: #646970;}
3730 .mystickymenu-btnmbox{display: flex; flex-wrap: wrap; margin: 15px auto;}
3731 .mystickymenu-btnbx{display: inline-flex; align-items: center;}
3732 /* .mystickymenu-btnbx:nth-of-type(2){margin-left:15px;} */
3733 .mystickymenu-btnmbox .wpappp_buton {
3734 padding: 12px 12px;
3735 cursor: pointer;
3736 transition: all 60ms ease-in-out;
3737 text-decoration: none;
3738 text-transform: capitalize;
3739 border: 0 none;
3740 border-radius: 4px;
3741 line-height: 1.3;
3742 color: #FFFFFF;
3743 background: #7761DF;
3744 margin: 0 20px 0 5px;
3745 }
3746
3747
3748 .mystickymenu-contact-wrap table.responstable{
3749 margin: 1em 0;
3750 width: 100%;
3751 overflow: hidden;
3752 background: #FFF;
3753 color: #024457;
3754 border-radius: 10px;
3755 border: 1px solid #7761DF;
3756 border-spacing: 4px;
3757 }
3758
3759 .mystickymenu-contact-wrap table.responstable tr:nth-child(even) {background: #fff}
3760 .mystickymenu-contact-wrap table.responstable tr:nth-child(odd) {background: #eaf3f3}
3761
3762 .mystickymenu-contact-wrap table.responstable a{text-decoration: none;}
3763 /* .responstable th:first-child { display: table-cell; text-align: center;} */
3764 .mystickymenu-contact-wrap table.responstable th {
3765 border: 1px solid #FFF;
3766 background-color: #7761DF;
3767 color: #FFF;
3768 padding: 1em;}
3769 .mystickymenu-contact-wrap table.responstable td {text-align: center;
3770 margin: 0.5em 1em; vertical-align:middle !important;
3771 border-color:#D9E4E6; padding: 4px 10px; border-style: solid;}
3772
3773 .mystickymenu-contact-wrap table.responstable td .mystickymenu-delete-entry{
3774 padding: 12px 12px;
3775 cursor: pointer;
3776 transition: all 60ms ease-in-out;
3777 text-decoration: none;
3778 text-transform: capitalize;
3779 border: 0 none;
3780 border-radius: 4px;
3781 font-size: 14px;
3782 line-height: 1.3;
3783 color: #FFFFFF;
3784 background: #7761DF;
3785 margin: 0 20px 0 5px;
3786 }
3787
3788 /*--------------------------------------------------*/
3789
3790 .mystickymenu-bar-option label {
3791 width: unset;
3792 padding-left: 30px;
3793 display: inline-block;
3794 }
3795
3796 .mysticky-welcomebar-colorpicker .mysticky-welcomebar-setting-content-right label{
3797 margin-top: -15px;
3798 }
3799
3800 .mysticky-welcomebar-setting-content label.bagicon{position: relative; display: flex; align-items: center;}
3801 /*.mysticky-welcomebar-setting-content label.bagicon::after{position: absolute; content: '🛍';
3802 width: 20px; height: 20px; right: 120px;
3803 font-size: 35px; top: -12px;}*/
3804
3805 /*-------------*/
3806
3807 .mce-rtl .mce-statusbar>.mce-container-body>*:last-child{padding-left: 0 !important;}
3808 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec{width: 150px;}
3809 .mysticky-welcomebar-colorpicker.mysticky_welcomebar_btn_color label{margin-top: -10px;}
3810
3811
3812 .mysticky-welcomebar-setting-content-right .wp-picker-holder {
3813 position: absolute;
3814 z-index: 999999;
3815 }
3816
3817 .mysticky-welcomebar-btn.collect-lead {
3818 width: auto;
3819 /*max-width: 92px;*/
3820 }
3821
3822 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-btn.collect-lead a {
3823 width: 100%;
3824 /*max-width: 94px;
3825 overflow: hidden;*/
3826 padding: 5px 12px;
3827 text-align: center;
3828 margin-top: 5px;
3829 }
3830
3831 .mysticky-welcomebar-fixed .mysticky-welcomebar-btn.collect-lead a {
3832 width: 100%;
3833 /*overflow: hidden;*/
3834 padding: 5px 11px;
3835 }
3836
3837 div#welcomebar-showcoupon-confirm {
3838 width: 660px;
3839 }
3840
3841 #welcomebar-showcoupon-confirm button#coupon_alert_btn_skip {
3842 padding: 12px 40px;
3843 }
3844
3845 #welcomebar-showcoupon-confirm .mystickymenu-action-popup-body {
3846 margin: 10px 79px;
3847 }
3848
3849 #welcomebar-showcoupon-confirm button#coupon_alert_btn_yes {
3850 padding: 12px 30px;
3851 }
3852
3853 #welcomebar-showcoupon-confirm .mystickymenu-action-popup-footer {
3854 display: block;
3855 }
3856
3857 .mysticky-collect-lead span.mysticky-custom-fields-tooltip {
3858 margin-top: 14px;
3859 }
3860
3861 .mysticky-show-couponbar .mysticky-custom-fields-tooltip {
3862 margin-top: 14px;
3863 }
3864
3865 .mysticky-welcomebar-fixed.mysticky-welcomebar-btn-desktop .mysticky-welcomebar-btn {
3866 display: block;
3867 margin-right: 5px;
3868 }
3869
3870 .mysticky-welcomebar-setting-content .html-tooltip span.dashicons.dashicons-editor-help {
3871 color: #1E1E1E;
3872 }
3873
3874 .mysticky-welcomebar-setting-content .bagicon img {
3875 width: 20px;
3876 }
3877
3878 .mysticky-welcomebar-setting-content-right .wp-picker-container .iris-picker.iris-border {
3879 z-index: 99;
3880 }
3881
3882
3883 .coupon-valid-error,.button-input-error,.coupon-copy-error{
3884 color: #FF424D;
3885 }
3886
3887 /*---------------------New 10-8-22 -----------------------------------------*/
3888 .wp-picker-holder{position: absolute; z-index: 9999;}
3889 .x-color-wrap{z-index: 9999; align-items: center;}
3890 .x-color-wrap .wp-picker-container .wp-color-result.button {margin: 0 6px 0 0;}
3891 .mysticky-welcomebar-setting-left {width: 100%;}
3892
3893 .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.html-active,
3894 .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active{width: 400px;}
3895
3896
3897 .mysticky-welcomebar-setting-content-right input.readonly, input[readonly], textarea.readonly, textarea[readonly] {
3898 background-color: unset;
3899 }
3900
3901
3902 /*------*/
3903 .mysticky-welcomebar-setting-right{ z-index: 999;}
3904 #ui-timepicker-div, .ui-widget.ui-widget-content{z-index: 99999 !important;}
3905 .mysticky-welcomebar-setting-content-right .px-wrap span:first-child{margin:0 8px;}
3906 .mysticky-welcomebar-setting-content-right.button-text-wrap,
3907 .mysticky-welcomebar-setting-content-right.coupontext-wrap,.coupon-copy-wrap{display: block;}
3908 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-btn a{padding: 5px 8px !important;}
3909
3910 /* .timer-message a .dashicons.dashicons-migrate{text-decoration:none;} */
3911
3912
3913 /* 2023-04-13 */
3914 .mystickymenu-country-button {
3915 cursor: pointer;
3916 width: 400px;
3917 height: 42px;
3918 border-radius: 20px;
3919 padding: 0 10px;
3920 font-size: 14px;
3921 font-weight: 400;
3922 line-height: 2;
3923 color: #32373c;
3924 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%;
3925 background-size: auto;
3926 background-size: 16px 16px;
3927 border: 1px solid #ccc;
3928 text-align: right;
3929 box-shadow: none;
3930 border: 1px solid #DCE2E2;
3931 border-top-color: rgb(220, 226, 226);
3932 border-left-color: rgb(220, 226, 226);
3933 border-bottom-color: rgb(220, 226, 226);
3934 border-right-color: rgb(220, 226, 226);
3935 }
3936 .mystickymenu-country-list-box {
3937 position: absolute;
3938 top: 100%;
3939 left: 0;
3940 right: 0;
3941 display: none;
3942 z-index: 1;
3943 }
3944 .mystickymenu-country-inputs {
3945 position: relative;
3946 width:400px;
3947 }
3948
3949 .mystickymenu-country-inputs .upgrade-mystickymenu{
3950 float: none;
3951 position: absolute;
3952 top: 0;
3953 left: 35%;
3954 right: 0;
3955 bottom: 0;
3956 background-color: rgba(0,0,0,0);
3957 text-align: center;
3958 margin-left: 0px;
3959 border-radius: 4px;
3960 display: flex;
3961 align-items: center;
3962 justify-content: center;
3963 -webkit-border-radius: 4px;
3964 -moz-border-radius: 4px;
3965 -ms-border-radius: 4px;
3966 -o-border-radius: 4px;
3967 opacity: 0;
3968 visibility: hidden;
3969 }
3970
3971 .mystickymenu-country-inputs:hover .upgrade-mystickymenu{
3972 opacity: 1;
3973 visibility: visible;
3974 }
3975
3976 .mystickymenu-country-list-box.active {
3977 display: block;
3978 }
3979 .mystickymenu-wrap .mystickymenu-country-list-box select {
3980 max-width: initial;
3981 width: 310px;
3982 }
3983 body .select2-container--open .select2-dropdown--below {
3984 border-color: #ddd;
3985 }
3986 .mystickymenu-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
3987 display: none;
3988 }
3989 .mystickymenu-country-list-box .select2-container--default .select2-selection--multiple .select2-selection__rendered li:last-child {
3990 display: block;
3991 }
3992 .mystickymenu-country-list-box .select2-container .select2-search--inline .select2-search__field {
3993 width: 308px !important;
3994 padding: 0 10px;
3995 margin-top: 0;
3996 }
3997 .mystickymenu-country-list-box .select2-container .select2-search--inline {
3998 float: none;
3999 }
4000 .country-action-btns {
4001 padding: 5px 15px;
4002 background: #f6f6f6;
4003 text-align: right;
4004 }
4005 .country-action-btns a {
4006 color: #7761DF;
4007 display: inline-block;
4008 margin: 0 5px 0 0;
4009 text-decoration: none;
4010 }
4011 .country-action-btns + .select2-results__options li {
4012 position: relative;
4013 font-size: 16px;
4014 padding: 6px 6px 6px 41px;
4015 }
4016 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option.select2-results__option--selected,
4017 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"] {
4018 background-color: #fff;
4019 }
4020 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option--highlighted[aria-selected] {
4021 background-color: #f5f5f5;
4022 color: #4f4f4f;
4023 }
4024 .country-action-btns + .select2-results__options li::before {
4025 content: "";
4026 position: absolute;
4027 position: absolute;
4028 width: 14px;
4029 height: 14px;
4030 border: solid 2px #7761DF;
4031 left: 12px;
4032 top: 7px;
4033 }
4034 .country-action-btns + .select2-results__options li::after {
4035 content: "";
4036 color: #fff;
4037 position: absolute;
4038 width: 14px;
4039 height: 14px;
4040 left: 13px;
4041 top: 8px;
4042 }
4043 .country-action-btns + .select2-results__options li.select2-results__option.select2-results__option--selected::before,
4044 .country-action-btns + .select2-results__options li[aria-selected="true"]::before {
4045 background: #7761DF;
4046 }
4047 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option.select2-results__option--selected::after,
4048 .select2-container--default .country-action-btns + .select2-results__options .select2-results__option[aria-selected="true"]::after {
4049 content: "\f147";
4050 font-family: dashicons;
4051 }
4052 /*****17/04/2023****/
4053 .welcomebar-slider-text-option{
4054 position: relative;
4055 }
4056
4057 .welcomebar-slider-text-option .upgrade-mystickymenu.myStickymenu-upgrade{
4058 position: absolute;
4059 top: 35%;
4060 right: 75px;
4061 bottom: 0;
4062 left: 0;
4063 margin: 0;
4064 padding: 0;
4065 float: none;
4066 }
4067 .welcomebar-slider-text-option.slider-text-transition-option .upgrade-mystickymenu.myStickymenu-upgrade{
4068 top: 20%;
4069 }
4070 .mysticky-collect-lead .welcomebar-text span.mysticky-custom-fields-tooltip:after{
4071 content:none;
4072 }
4073 .mysticky-collect-lead .welcomebar-text span.mysticky-custom-fields-tooltip{
4074 margin-top:0px;
4075 padding:0;
4076 }
4077 .welcomebar-slider-text-option .welcomebar-slider-text{
4078 margin-top:10px;
4079 }
4080
4081 span.add-more-slider-text span.dashicons.dashicons-insert{
4082 vertical-align: middle;
4083 margin-left:5px;
4084 }
4085
4086 .welcomebar-slider-text-option span.add-more-slider-text {
4087 border: solid 1px #7559C0;
4088 padding: 10px;
4089 color: #7559C0;
4090 width: 100%;
4091 margin: 5px;
4092 border-radius: 5px;
4093 font-weight:bold;
4094 }
4095
4096 span.add-more-slider-text span.dashicons.dashicons-insert{
4097 color:#7559C0;
4098 }
4099
4100 span.add-more-slider-text span.dashicons.dashicons-insert#text{
4101 vertical-align: middle;
4102 margin-top:10px;
4103 }
4104
4105 .welcomebar-slider-text span.dashicons.dashicons-remove.delete-slider-text-option {
4106 margin-right: 10px;
4107 vertical-align: middle;
4108 color:#808080;
4109 }
4110
4111
4112
4113 .mysticky-welcomebar-url-values .url-setting-option,
4114 .mysticky-welcomebar-url-box.url-box .url-title,
4115 .mysticky-welcomebar-url-boxes{
4116 display: none;
4117 }
4118
4119 .mysticky-welcomebar-url-values .url-setting-option.active,
4120 .mysticky-welcomebar-url-box.url-box .url-title.active,
4121 .mysticky-welcomebar-url-boxes.active{
4122 display: block;
4123 }
4124
4125 .mysticky-welcomebar-url-values .sumoselect-options{
4126 height: 40px !important;
4127 width: 200px !important;
4128 }
4129 .mysticky-welcomebar-page-option .mysticky-welcomebar-url-values {
4130 display: inline-block;
4131 width: max-content;
4132 }
4133 .mysticky-welcomebar-page-option .mysticky-welcomebar-url-box {
4134 display: inline-block;
4135 width: 50%;
4136 }
4137
4138 span.select2.select2-container.select2-container--default{
4139 width: 230px !important;
4140 }
4141 .mysticky-welcomebar-url-select {
4142 width: 18%;
4143 }
4144 .mysticky-welcomebar-url-option {
4145 width: 19%;
4146 }
4147 .mysticky-welcomebar-url-buttons {
4148 width: 6%;
4149 }
4150 .sm\:flex.items-center.mt-2.mysticky-welcomebar-url-boxes {
4151 width: 66%;
4152 display: flex;
4153 }
4154 .mysticky-welcomebar-url-values .select2-container--focus{
4155 width: 100% !important;
4156 }
4157 .mysticky-welcomebar-url-values .select2-selection__choice__remove{
4158 border: none;
4159 padding: 0px;
4160 }
4161 .url-setting-option .select2-container .select2-search--inline .select2-search__field,
4162 .url-setting-option .select2-container .select2-search--inline{
4163 margin: 0;
4164 }
4165 .url-setting-option .select2-container--default .select2-selection--multiple .select2-selection__choice{
4166 margin-bottom: 0px;
4167 }
4168 .select2-selection__rendered li:first-child .select2-search__field, .url-setting-option span.select2.select2-container.select2-container--default {
4169 width: 22vw !important;
4170 }
4171 label.mysticky-welcomebar-switch {
4172 padding: 0 !important;
4173 }
4174 label.mysticky-welcomebar-switch .slider{
4175 width: 100%;
4176 height: 100%;
4177 position: absolute !important;
4178 }
4179 label.mysticky-welcomebar-switch {
4180 width: 55px !important;
4181 height: 30px !important;
4182 padding: 0 !important;
4183 }
4184 .flex-top{
4185 align-items: flex-start;
4186 }
4187 #send_lead_email_enable{
4188 margin-top: 1px;
4189 }
4190
4191 /* 280524 CSS */
4192 label:not(.mysticky-welcomebar-switch) {
4193 min-width: 100px;
4194 }
4195 .myStickymenu-upgrade a {
4196 line-height: 10px;
4197 }
4198 .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
4199 max-width: 400px;
4200 }
4201 .setting-content-relative {
4202 position: relative;
4203 }
4204 .setting-content-relative .myStickymenu-upgrade {
4205 position: absolute;
4206 left: 0;
4207 }
4208 .welcomebar-date-schedule-box.setting-content-relative:not(:hover) .myStickymenu-upgrade {
4209 display: none;
4210 }
4211 .welcomebar-date-schedule-box.setting-content-relative .myStickymenu-upgrade {
4212 right: auto;
4213 left: 50%;
4214 top: 50%;
4215 transform: translate(-50%, -50%);
4216 }
4217
4218 .mysticky_device_upgrade .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
4219 max-width: unset;
4220 }
4221
4222 .mysticky-welcomebar-date-schedule-options label {
4223 display: block;
4224 }
4225 .mysticky_device_upgrade .mysticky-welcomebar-setting-content-right label {
4226 width: auto;
4227 }
4228
4229 .mysticky-welcomebar-fixed-wrap {
4230 gap: 8px;
4231 }
4232 .mysticky-welcomebar-content {
4233 flex: 1;
4234 }
4235 .mysticky-welcomebar-static_text {
4236 width: 100%;
4237 }
4238
4239 .mysticky-welcomebar-date-schedule-options {
4240 display: flex;
4241 flex-direction: column;
4242 gap: 20px;
4243 }
4244 .mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-boxes {
4245 display: flex;
4246 flex-direction: column;
4247 gap: 20px;
4248 }
4249 .mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-box {
4250 max-width: 50%;
4251 display: flex;
4252 flex-direction: column;
4253 gap: 12px;
4254 }
4255 .mysticky-welcomebar-date-schedule-options .welcomebar-date-schedule-box .date-time-box {
4256 display: flex;
4257 flex-direction: row;
4258 gap: 12px;
4259 }
4260 .welcomebar-date-schedule-box .date-time-box label {
4261 width: 120px;
4262 margin-bottom: 6px;
4263 }
4264 .welcomebar-date-schedule-box .date-time-box input {
4265 max-width: 100%;
4266 }
4267 .welcomebar-date-schedule-box .date-time-box .date-select-option,
4268 .welcomebar-date-schedule-box .date-time-box .time-select-option {
4269 width: 45%;
4270 }
4271 a.mysticky-welcomebar-remove-date-schedule {
4272 background: #808080;
4273 width: 38px;
4274 height: 38px;
4275 font-size: 22px;
4276 color: #fff;
4277 line-height: 32px;
4278 text-decoration: none;
4279 display: flex;
4280 justify-content: center;
4281 border-radius: 4px;
4282 margin-top: 27px;
4283 }
4284
4285 a.welcomebar-background-image {
4286 background-color: #7761DF;
4287 color: #fff;
4288 display: inline-block;
4289 vertical-align: top;
4290 text-decoration: none;
4291 padding: 5px 12px;
4292 border-radius: 20px;
4293 box-shadow: none;
4294 outline: none;
4295 border: none;
4296 cursor: pointer;
4297 }
4298
4299 .mysticky-welcomebar-date-schedule-options span.myStickymenu-upgrade {
4300 margin-right: 0;
4301 }
4302
4303 .mysticky-welcomebar-setting-content.send-leads-to-email label {
4304 width: auto;
4305 padding-left: 0;
4306 }
4307 .mysticky-welcomebar-setting-content.send-leads-to-email .myStickymenu-upgrade {
4308 float: left;
4309 }
4310 .welcomebar-date-schedule-time-zone label {
4311 margin-bottom: 6px;
4312 }
4313 @media only screen and (max-width: 1490px) {
4314 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
4315 padding-right: 10px;
4316 }
4317 .mysticky-welcomebar-setting-content > .mysticky-welcomebar-setting-content-right {
4318 width: 380px;
4319 }
4320 .mysticky-welcomebar-setting-right {
4321 width: 400px;
4322 }
4323 }
4324 @media only screen and (max-width: 1366px) {
4325 #mystickymenu input[type="number"],
4326 .mysticky-welcomebar-setting-content-right select ,
4327 .mysticky-welcomebar-setting-content-right input[type="text"] ,
4328 .mysticky-welcomebar-setting-content-right textarea {
4329 width: 300px;
4330 }
4331 .mysticky-welcomebar-page-option .url-content select {
4332 width: 130px;
4333 }
4334 .mysticky-welcomebar-page-option .url-content input[type="text"] {
4335 width: 180px;
4336 }
4337 .mysticky-welcomebar-setting-action {
4338 display: block;
4339 }
4340 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
4341 padding-right: 0;
4342 padding-top: 10px;
4343 }
4344 .premio-content-list h4 {font-size: 15px;}
4345 .premio-footer-option .premio-content-list {width: 60%;}
4346 }
4347 @media only screen and (max-width: 1200px) {
4348 .mysticky-welcomebar-page-option .url-content select {
4349 width: 110px;
4350 }
4351 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
4352 width: 230px;
4353 }
4354 .mysticky-welcomebar-page-option {
4355 padding: 10px 3px;
4356 }
4357 .mysticky-welcomebar-page-option .url-content input[type="text"] {
4358 width: 150px;
4359 }
4360 .mysticky-welcomebar-setting-content-right select ,
4361 .mysticky-welcomebar-setting-content-right input[type="text"] ,
4362 .mysticky-welcomebar-setting-content-right textarea {
4363 width: 270px;
4364 }
4365 }
4366
4367
4368 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
4369 .pt_numberbutton.pt_numberdown {
4370 position: relative;
4371 margin-right: -75px;
4372 top: -29px;
4373 }
4374
4375 .pt_numberbutton.pt_numberup {
4376 position: relative;
4377 top: -29px;
4378 right: 70px;
4379 }
4380
4381 }
4382
4383 @media only screen and (max-width: 1180px) {
4384 /*-----Main---*/
4385 .mysticky-welcomebar-setting-content,
4386 .email-send-lead-settings {width: 55%;}
4387
4388 /* .mysticky-welcomebar-setting-right{width: 31%;} */
4389 .mysticky-welcomebar-setting-right{width: 370px;}
4390
4391 .mysticky-welcomebar-setting-content-right select,
4392 .mysticky-welcomebar-setting-content-right input[type="text"]{width: 100%; height: 34px;}
4393
4394 .mysticky-welcomebar-setting-content-right select, #mystickymenu input[type=number]
4395 {width: 100%; height: 34px;}
4396
4397 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label{width: 49%;}
4398
4399 div#wp-welcombar-coupon-textbar-wrap,
4400 div#wp-mysticky_bar_text-wrap, .mysticky-welcomebar-expirydate, .mysticky-welcomebar-setting-attention,
4401 .email-send-lead-settings .mysticky-welcomebar-setting-content,
4402 .mysticky-show-couponbar div#wp-welcombar-coupon-textbar-editor-container,
4403 .mysticky-welcomebar-setting-content .wp-core-ui.wp-editor-wrap.tmce-active,
4404 .mysticky-welcomebar-timer-countdown .mystickymenu-countdown-timmer,
4405 .mysticky-welcomebar-setting-action, .mysticky-welcomebar-page-options, #wp-mysticky_thankyou_screen_text-wrap,
4406 .mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action,
4407 .mysticky-welcomebar-setting-content.show-on-apper
4408 {width: 100%;}
4409
4410 .mysticky-welcomebar-setting-content.show-on-apper label{width: 20%;}
4411 .mysticky-welcomebar-setting-content.show-on-apper .mysticky-welcomebar-setting-content-right{width: 80%;}
4412
4413 .mysticky-welcomebar-setting-content-right.timer_datetime_box{width: 100%; /*flex-wrap: unset;*/}
4414 .mysticky-welcomebar-setting-content-right.timer_datetime_box .col-1{margin-right: 15px;}
4415 .timer_datetime_box input[type=number] {width: 100% !important; margin-right: 0; }
4416
4417 .mysticky-welcomebar-setting-action.trigger-wrap{width:61% ;}
4418 .mysticky-welcomebar-url-values{width: 30%;}
4419
4420 span.input-px {height: 34px; width: 40px; line-height: 36px;}
4421
4422 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input{padding-left: 40px}
4423
4424 input.url-inputs {width:100% !important;}
4425 .mysticky-welcomebar-page-option .url-content input[type="text"]{padding: 0 7px;}
4426
4427 .mysticky-welcomebar-setting-action.mysticky-welcomebar-triggersec{padding-top: 0; margin-left: 7px;}
4428
4429 .mysticky-welcomebar-setting-content-right .px-wrap span:first-child{margin:0 10px;}
4430 .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec_automatically{width: 52%;}
4431 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input#mysticky_welcomebar_triggersec{width: 100%; }
4432
4433 .px-wrap {display: inline-flex; align-items: center;}
4434
4435 .mysticky-collect-lead .mysticky-welcomebar-setting-content-right label span {padding: 4px 10px 4px 0;}
4436 .mysticky-welcomebar-fixed-wrap {padding: 10px !important;}
4437
4438 .mysticky-welcomebar-poptin-content {font-size: 14px;}
4439
4440 .msmenu-blockbox .stickymenu-box-button.settings-buttons #btn-config-disable { margin: 5px 0px; padding: 0 17px;}
4441
4442 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-coupon-btn a {padding: 0 10px; font-size: 10px; height: 24px;}
4443 .mysticky-welcomebar-fixed .mysticky-couponbar-content p {font-size: 12px !important;}
4444
4445 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content
4446 { width: 67%; justify-content: space-evenly; margin-left: 0px; min-width: unset;margin-top: 5px;}
4447
4448 #welcombar-coupon-textbar_ifr{width: 99% !important;}
4449
4450 .mysticky-welcomebar-setting-content-right.trigger-wrap{flex-wrap: unset; display: flex;}
4451 .mysticky-welcomebar-setting-content-right.trigger-wrap .mysticky-welcomebar-setting-action.mysticky-welcomebar-triggersec{width: 54%;}
4452
4453 .wrap.mystickymenu-contact-wrap .mystickymenu-btnbx {margin-bottom: 15px;}
4454
4455 input#submit.button.button-primary { font-size: 16px; text-align: center; padding: 0 15px;}
4456
4457 }
4458 @media only screen and (max-width: 1100px) {
4459 .mysticky-welcomebar-setting-left {
4460 left: 10px;
4461 }
4462 .mysticky-welcomebar-page-option .mysticky-welcomebar-url-box{
4463 display: inline-block;
4464 width: 56%;
4465 }
4466 .mysticky-welcomebar-url-buttons {
4467 width: 8%;
4468 }
4469 .mysticky-welcomebar-url-select {
4470 width: 20%;
4471 }
4472 .mysticky-welcomebar-url-option {
4473 width: 21%;
4474 }
4475 .sm\:flex.items-center.mt-2.mysticky-welcomebar-url-boxes {
4476 width: 49%;
4477 }
4478 }
4479 @media only screen and (max-width: 1024px) {
4480 .mysticky-welcomebar-setting-content > label {
4481 font-size: 16px;
4482 width: 200px;
4483 padding-left: 10px;
4484 }
4485 .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
4486 max-width: 250px;
4487 }
4488 .mysticky-welcomebar-fixed {
4489 padding: 0 10px 0 10px;
4490 }
4491 .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
4492 width: 20px;
4493 height: 20px;
4494 line-height: 20px;
4495 right: 0px;
4496 }
4497 .mysticky-welcomebar-setting-right{width: 310px;}
4498 }
4499 @media only screen and (max-width: 912px) {
4500 /*-----Main---*/
4501 .mysticky-welcomebar-setting-content,
4502 .email-send-lead-settings {width: 62%;}
4503 /* .mysticky-welcomebar-setting-right{width: 32%;} */
4504 .mysticky-welcomebar-setting-right{width: 310px;}
4505 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content{ width: 100%;}
4506
4507 .mysticky-welcomebar-setting-content > label {font-size: 14px;}
4508 span.input-px {height: 34px; line-height: 34px; width: 40px;}
4509 input[type="number"]{min-height: 34px;}
4510
4511 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content {width: 67%;}
4512 /*.mysticky-welcomebar-preview-screen .mysticky-welcomebar-btn.collect-lead{width: 32%;}*/
4513 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-btn.collect-lead a{font-size: 12px;}
4514 .px-wrap .px-wrap-inbox {width: 43% !important;}
4515
4516 .mysticky-welcomebar-url-values{width: 25%;}
4517 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box{width: 120px; margin-top: 0;}
4518 }
4519 @media only screen and (max-width: 840px) {
4520 .welcomebar-slider-text-option .welcomebar-slider-text input[type="text"]{
4521 width:182px;
4522 }
4523 .mysticky-welcomebar-setting-wrap .myStickymenu-upgrade{margin-left: 5px;}
4524
4525 .mysticky-welcomebar-setting-content-right{flex-wrap: wrap;}
4526 .x-color-wrap{width: 100%; margin-top: 15px; display: inline-block !important;;}
4527 .mysticky-welcomebar-setting-wrap label{font-size: 14px;}
4528
4529 /* span.input-px {height: 34px; line-height: 36px; width: 40px;} */
4530 .mysticky-welcomebar-switch .slider:before {height: 25px; width: 25px;}
4531
4532 label.mysticky-welcomebar-switch,
4533 .mysticky-welcomebar-setting-content-right label.mysticky-welcomebar-switch {width: 48px; height:26px;}
4534
4535 .mysticky-welcomebar-switch input:checked + .slider:before {transform: translateX(18px);}
4536
4537 .mysticky-welcomebar-setting-position .mysticky-welcomebar-setting-content-right label:first-child{width: 70px;}
4538 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {margin-left: -12px;}
4539
4540 .mysticky-right-side span{padding: 4px 5px 4px 0; font-size: 14px;}
4541
4542 .wp-picker-container .wp-color-result.button {padding: 0 0 0 30px; margin: 0 6px 9px 0;}
4543 .mysticky-welcomebar-colorpicker.mysticky_welcomebar_btn_color label { margin-top: 0;}
4544 .timer_datetime_box input.mysticky_welcome_date_time{width:100px !important;}
4545
4546 .mysticky-welcomebar-fixed-wrap input.preview-lead-email,
4547 .mysticky-welcomebar-fixed-wrap input.preview-lead-name{min-height: auto; height: 26px;}
4548
4549 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed .mysticky-welcomebar-lead-content{margin:0 auto;}
4550 .mystickymenu-action-popup-footer .btn-enable.btn-nevermind-status{ margin: 10px auto;}
4551 .mystickymenu-tab-boxs-wrap{flex-wrap: wrap;}
4552 .mystickymenu-tab-stickymenu, .mystickymenu-tab-documentation, .contactus-tab-option{display:block; width:100%;}
4553 .mystickymenu-tab-documentation{margin-top:15px;}
4554 .new-welcomebar-section-wrap {justify-content: center; flex-wrap: wrap;}
4555 .mystickymenu-welcome-img{text-align:center;}
4556 .mystickymenu-newwelcomebar-contents{text-align:center; margin:15px 0;}
4557 .mysticky-welcomebar-setting-right{width: 275px;}
4558 .mysticky-welcomebar-preview-screen .mysticky-couponbar-content .coupon-text{
4559 width:42%;
4560 }
4561 .mysticky-welcomebar-setting-content-right select, #mystickymenu input[type=number] {width: 90%;}
4562 label.mysticky-welcomebar-switch .slider {width: 92%;}
4563 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%;}
4564 .mysticky-welcomebar-setting-action , .mysticky-welcomebar-close-automatically-sec .mysticky-welcomebar-setting-action {width: 74%;}
4565 .mysticky-welcomebar-expirydate {padding-bottom: 10px;}
4566 .mysticky-welcomebar-expirydate .dashicons{height: 78%;}
4567 .mysticky-welcomebar-setting-content-right.trigger-wrap{display: block;}
4568 .mysticky-welcomebar-triggersec {padding-top: 10px;}
4569 .mysticky-welcomebar-page-options{width: 97%;}
4570 .mysticky-welcomebar-setting-content, .email-send-lead-settings {width: 60%;}
4571 input[type=checkbox] , input[type=radio]{height: 1rem!important;width: 1rem!important;}
4572 input[type=checkbox]:checked:before{width: 1.3125rem!important;height: 1.3125rem!important;}
4573 input[type=radio]:checked:before {vertical-align: middle;width: 0.5rem;height: 0.5rem;margin: 0.18rem;line-height: .76190476;}
4574 .mysticky-welcomebar-setting-content{padding-bottom: 15px;}
4575 .mysticky-welcomebar-page-option .url-content input.url-inputs {
4576 width: 20vw !important;
4577 }
4578 }
4579 @media only screen and (max-width: 768px) {
4580 .mysticky-welcomebar-setting-right{width: 270px;}
4581 .main-content, .main-sidebar {
4582 width: 100%;
4583 float: none;
4584 clear: both;
4585 }
4586 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-desktop .mysticky-welcomebar-close {
4587 display: none;
4588 }
4589 .mysticky-welcomebar-fixed.mysticky-welcomebar-showx-mobile .mysticky-welcomebar-close {
4590 display: inline-block;
4591 }
4592 }
4593 @media only screen and (max-width: 640px) {
4594 .rpt_plans .rpt_plan {
4595 width: 96%;
4596 margin: 10px 2% 20px !important
4597 }
4598
4599 .rpt_plans .rpt_plan .rpt_title {
4600 position: relative;
4601 font-size: 26px !important;
4602 line-height: 35px !important
4603 }
4604
4605 .rpt_plans .rpt_plan .rpt_head .rpt_price {
4606 font-size: 74px !important;
4607 line-height: 100px !important
4608 }
4609
4610 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
4611 font-size: 17px !important;
4612 line-height: 28px !important;
4613 padding: 10px 40px 20px
4614 }
4615
4616 .rpt_plans .rpt_plan .rpt_head .rpt_description {
4617 font-size: 15px !important;
4618 line-height: 26px !important;
4619 padding: 0 40px 30px
4620 }
4621
4622 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
4623 padding: 6px 16px;
4624 font-size: 14px !important
4625 }
4626
4627 .rpt_plans .rpt_plan .rpt_foot {
4628 padding: 10px 40px;
4629 text-align: center;
4630 color: #fff;
4631 font-size: 20px
4632 }
4633
4634 .rpt_plans .rpt_recommended_plan .rpt_foot {
4635 font-size: 30px;
4636 font-weight: 300;
4637 padding: 20px 0
4638 }
4639
4640 .rpt_plan .rpt_head .rpt_price .rpt_currency {
4641 top: -36px !important;
4642 right: -10px !important;
4643 font-size: 35px !important
4644 }
4645 }
4646 @media only screen and (max-width: 576px) {
4647 .stickymenu-settings{flex-wrap:wrap; justify-content: center;}
4648 .premio-footer-option{flex-wrap:wrap; justify-content: center;}
4649 .msm-bgbox .stickymenu-box-button {text-align: center;}
4650 .premio-footer-option .premio-content-list {width: auto; margin:15px 0;}
4651 .premio-footer-option, .stickymenu-box-container, .stickymenu-box-button, .stickymenu-settings
4652 {padding: 15px 20px;}
4653 }
4654 @media only screen and (max-width: 480px) {
4655
4656 .mysticky-welcomebar-fixed .mysticky-welcomebar-close {
4657 right: 7px;
4658 }
4659 }
4660
4661 .mysticky-welcomebar-full-screen-preview {
4662 width: 80%;
4663 z-index: 99999;
4664 position: fixed !important;
4665 left: 40px !important;
4666 top: 50px;
4667 margin-top: 0px !important;
4668 }
4669 .mystickymenu-bar-coupon-option{
4670 float: right;
4671 }
4672 .mysticky-welcomebar-full-screen{
4673 text-align: left;
4674 float:left;
4675 }
4676
4677 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body{
4678 width: 100%;
4679 height: 100%;
4680 width: 100%;
4681 z-index: 9999;
4682 position: fixed !important;
4683 right: 0px !important;
4684 top: 0px;
4685 margin-top: 0px !important;
4686 backdrop-filter: blur(2px);
4687 }
4688 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-fixed-wrap{
4689 justify-content: center !important;
4690 }
4691 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-lead-content,
4692 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-timer-show-right,
4693 .mysticky-welcomebar-preview-wrap.mysticky-welcomebar-full-screen-preview-body .mysticky-welcomebar-content{
4694 width: unset !important;
4695 min-width: unset;
4696 margin: 0 20px !important;
4697 }
4698 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-btn {
4699 text-align: center;
4700 }
4701 .welcomebar-full-screen-btn{
4702 border: 1px solid #00000047;
4703 background: #ffffff;
4704 border-radius: 3px;
4705 padding: 5px;
4706 line-height: 20px;
4707 font-size: 14px;
4708 font-family: 'Poppins';
4709 }
4710 .welcomebar-minimise-screen-btn{
4711 border: 1px solid #00000047;
4712 background: #d9d9d9;
4713 border-radius: 3px;
4714 padding: 5px;
4715 line-height: 20px;
4716 font-size: 14px;
4717 font-family: 'Poppins';
4718 }
4719 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-preview-screen{
4720 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;
4721 .welcomebar-error {
4722 border: 1px solid red !important;
4723 }
4724
4725
4726
4727 /*15-02-2024*/
4728
4729
4730 .mysticky-welcomebar-btn a {
4731 outline: none !important;
4732 cursor: pointer;
4733 position: relative;
4734 }
4735
4736 .mysticky-welcomebar-hover-effect-border1:before,
4737 .mysticky-welcomebar-hover-effect-border1:after {
4738 position: absolute;
4739 content: "";
4740 height: 0%;
4741 width: 2px;
4742 border-radius: 4px;
4743 z-index: 5;
4744 }
4745 .mysticky-welcomebar-hover-effect-border1:hover:before {
4746 transition: all 0.1s 0.2s ease;
4747 height: 29px;
4748 z-index: 99;
4749 }
4750 .mysticky-welcomebar-hover-effect-border1:hover:after {
4751 transition: all 0.1s ease;
4752 height: 29px;
4753 z-index: 99;
4754 }
4755 .mysticky-welcomebar-hover-effect-border1 a:before,
4756 .mysticky-welcomebar-hover-effect-border1 a:after {
4757 position: absolute;
4758 content: "";
4759 z-index: 0 !important;
4760 }
4761 .mysticky-welcomebar-hover-effect-border1 a:before {
4762 right: 0;
4763 top: 0;
4764 width: 0%;
4765 height: 2px;
4766 transition: all 0.1s 0.1s ease;
4767 }
4768 .mysticky-welcomebar-hover-effect-border1 a:after {
4769 right: 0;
4770 bottom: 0;
4771 width: 100%;
4772 height: 2px;
4773 }
4774 .mysticky-welcomebar-hover-effect-border1 a:hover:before {
4775 width: 100%;
4776 }
4777 .mysticky-welcomebar-hover-effect-border2 a {
4778 position: relative;
4779 display: block;
4780 width: 100%;
4781 height: 100%;
4782 }
4783 .mysticky-welcomebar-hover-effect-border2:before,
4784 .mysticky-welcomebar-hover-effect-border2:after {
4785 position: absolute;
4786 content: "";
4787 left: 8px;
4788 transition: all 0.3s ease;
4789 border-radius: 4px;
4790 }
4791 .mysticky-welcomebar-hover-effect-border2:before {
4792 width: 2px;
4793 }
4794 .mysticky-welcomebar-hover-effect-border2:after {
4795 width: 0%;
4796 height: 2px;
4797 }
4798 .mysticky-welcomebar-hover-effect-border2:hover:before {
4799 height: 29px;
4800 }
4801 .mysticky-welcomebar-hover-effect-border2:hover:after {
4802 width: 63px;
4803 }
4804 .mysticky-welcomebar-hover-effect-border2 a:before,
4805 .mysticky-welcomebar-hover-effect-border2 a:after {
4806 position: absolute;
4807 content: "";
4808 right: 0;
4809 bottom: 0;
4810 transition: all 0.3s ease;
4811 z-index: 0 !important;
4812 }
4813 .mysticky-welcomebar-hover-effect-border2 a:before {
4814 width: 2px;
4815 height: 0%;
4816 }
4817 .mysticky-welcomebar-hover-effect-border2 a:after {
4818 width: 0%;
4819 height: 2px;
4820 }
4821 .mysticky-welcomebar-hover-effect-border2 a:hover:before {
4822 height: 100%;
4823 }
4824 .mysticky-welcomebar-hover-effect-border2 a:hover:after {
4825 width: 100%;
4826 }
4827 .mysticky-welcomebar-hover-effect-border3 a {
4828 position: relative;
4829 display: block;
4830 width: 100%;
4831 height: 100%;
4832 }
4833 .mysticky-welcomebar-hover-effect-border3:before,
4834 .mysticky-welcomebar-hover-effect-border3:after {
4835 position: absolute;
4836 content: "";
4837 left: 8px;
4838 transition: all 0.3s ease;
4839 }
4840 .mysticky-welcomebar-hover-effect-border3:before {
4841 height: 14px;
4842 width: 2px;
4843 }
4844 .mysticky-welcomebar-hover-effect-border3:after {
4845 width: 14px;
4846 height: 2px;
4847 }
4848 .mysticky-welcomebar-hover-effect-border3:hover:before {
4849 height: 29px;
4850 }
4851 .mysticky-welcomebar-hover-effect-border3:hover:after {
4852 width: 63px;
4853 }
4854 .mysticky-welcomebar-hover-effect-border3 a:before,
4855 .mysticky-welcomebar-hover-effect-border3 a:after {
4856 position: absolute;
4857 content: "";
4858 right: 0;
4859 bottom: 0;
4860 transition: all 0.3s ease;
4861 z-index: 0 !important;
4862 }
4863 .mysticky-welcomebar-hover-effect-border3 a:before {
4864 width: 2px;
4865 height: 50%;
4866 }
4867 .mysticky-welcomebar-hover-effect-border3 a:after {
4868 width: 12px;
4869 height: 2px;
4870 }
4871 .mysticky-welcomebar-hover-effect-border3 a:hover:before {
4872 height: 100%;
4873 }
4874 .mysticky-welcomebar-hover-effect-border3 a:hover:after {
4875 width: 100%;
4876 }
4877 .mysticky-welcomebar-hover-effect-border4 a {
4878 position: relative;
4879 display: block;
4880 width: 100%;
4881 height: 100%;
4882 }
4883 .mysticky-welcomebar-hover-effect-border4:before,
4884 .mysticky-welcomebar-hover-effect-border4:after {
4885 position: absolute;
4886 content: "";
4887 left: 8px;
4888 bottom: 20px;
4889 transition: all 0.3s ease;
4890 }
4891 .mysticky-welcomebar-hover-effect-border4:before {
4892 height: 14px;
4893 width: 2px;
4894 }
4895 .mysticky-welcomebar-hover-effect-border4:after {
4896 width: 14px;
4897 height: 2px;
4898 }
4899 .mysticky-welcomebar-hover-effect-border4:hover:before {
4900 height: 29px;
4901 }
4902 .mysticky-welcomebar-hover-effect-border4:hover:after {
4903 width: 64px;
4904 }
4905 .mysticky-welcomebar-hover-effect-border4 a:before,
4906 .mysticky-welcomebar-hover-effect-border4 a:after {
4907 position: absolute;
4908 content: "";
4909 right: 0;
4910 top: 0;
4911 transition: all 0.3s ease;
4912 }
4913 .mysticky-welcomebar-hover-effect-border4 a:before {
4914 width: 2px;
4915 height: 50%;
4916 }
4917 .mysticky-welcomebar-hover-effect-border4 a:after {
4918 width: 20%;
4919 height: 2px;
4920 }
4921 .mysticky-welcomebar-hover-effect-border4 a:hover:before {
4922 height: 100%;
4923 }
4924 .mysticky-welcomebar-hover-effect-border4 a:hover:after {
4925 width: 100%;
4926 }
4927
4928 .mysticky-welcomebar-hover-effect-fill1 a {
4929 z-index: 1;
4930 }
4931 .mysticky-welcomebar-hover-effect-fill1 a:after {
4932 position: absolute;
4933 content: "";
4934 width: 0;
4935 height: 100%;
4936 top: 0;
4937 right: 0;
4938 z-index: -1;
4939 }
4940 .mysticky-welcomebar-hover-effect-fill1 a:hover:after {
4941 width: 100%;
4942 }
4943 .mysticky-welcomebar-hover-effect-fill1 a:active {
4944 top: 2px;
4945 }
4946 .mysticky-welcomebar-hover-effect-fill2 a {
4947 z-index: 1;
4948 }
4949 .mysticky-welcomebar-hover-effect-fill2 a:after {
4950 position: absolute;
4951 content: "";
4952 width: 0;
4953 height: 100%;
4954 top: 0;
4955 right: 0;
4956 direction: ltr;
4957 z-index: -1;
4958 transition: all 0.3s ease;
4959 }
4960 .mysticky-welcomebar-hover-effect-fill2 a:hover:after {
4961 right: auto;
4962 left: 0;
4963 width: 100%;
4964 }
4965 .mysticky-welcomebar-hover-effect-fill2 a:active {
4966 top: 2px;
4967 }
4968 .mysticky-welcomebar-hover-effect-fill3 a {
4969 border: 0px solid #000;
4970 z-index: 1;
4971 }
4972 .mysticky-welcomebar-hover-effect-fill3 a:after {
4973 position: absolute;
4974 content: "";
4975 width: 100%;
4976 height: 0;
4977 bottom: 0;
4978 right: 0;
4979 z-index: -1;
4980 transition: all 0.3s ease;
4981 }
4982 .mysticky-welcomebar-hover-effect-fill3 a:hover:after {
4983 top: 0;
4984 height: 100%;
4985 }
4986 .mysticky-welcomebar-hover-effect-fill3 a:active {
4987 top: 2px;
4988 }
4989 .mysticky-welcomebar-hover-effect-fill4 a {
4990 z-index: 1;
4991 }
4992 .mysticky-welcomebar-hover-effect-fill4 a:after {
4993 position: absolute;
4994 content: "";
4995 width: 100%;
4996 height: 0;
4997 top: 0;
4998 right: 0;
4999 z-index: -1;
5000 transition: all 0.3s ease;
5001 }
5002 .mysticky-welcomebar-hover-effect-fill4 a:hover:after {
5003 top: auto;
5004 bottom: 0;
5005 height: 100%;
5006 }
5007 .mysticky-welcomebar-hover-effect-fill4 a:active {
5008 top: 2px;
5009 }
5010 .mysticky-welcomebar-hover-effect-fill5 a {
5011 border: 0px solid #000;
5012 z-index: 3;
5013 }
5014 .mysticky-welcomebar-hover-effect-fill5 a:after {
5015 position: absolute;
5016 content: "";
5017 width: 0;
5018 height: 100%;
5019 top: 0;
5020 left: 0;
5021 z-index: -1;
5022 transition: all 0.3s ease;
5023 }
5024 .mysticky-welcomebar-hover-effect-fill5 a:hover:after {
5025 right: 0;
5026 width: 100%;
5027 }
5028 .mysticky-welcomebar-hover-effect-fill5 a:active {
5029 top: 2px;
5030 }
5031
5032 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-btn.right-cta,
5033 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-timer-show-right,
5034 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-timer-active .mysticky-welcomebar-btn.left-cta,
5035 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed.mysticky-welcomebar-collectlead-active .mysticky-welcomebar-content,
5036 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
5037 flex: unset;
5038 }
5039 .mysticky-welcomebar-preview-screen .mysticky-welcomebar-fixed:not(.mysticky-welcomebar-timer-active):not(.mysticky-welcomebar-collectlead-active) .mysticky-welcomebar-content,
5040 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed.mysticky-welcomebar-collectlead-active .mysticky-welcomebar-content,
5041 .mysticky-welcomebar-full-screen-preview .mysticky-welcomebar-fixed-wrap .mysticky-welcomebar-content {
5042 flex: 1;
5043 }