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