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