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