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