PluginProbe ʕ •ᴥ•ʔ
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) / 2.3.6
My Sticky Bar – Floating Notification Bar & Sticky Header (formerly myStickymenu) v2.3.6
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
jquery.ui.datepicker.css 6 years ago mystickymenu-admin.css 6 years ago
mystickymenu-admin.css
1998 lines
1 @font-face {
2 font-family: 'poppinsregular';
3 src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
4 url('../fonts/poppins-regular-webfont.woff') format('woff');
5 font-weight: normal;
6 font-style: normal;
7
8 }
9
10
11
12
13 @font-face {
14 font-family: 'poppinsbold';
15 src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
16 url('../fonts/poppins-bold-webfont.woff') format('woff');
17 font-weight: normal;
18 font-style: normal;
19
20 }
21
22
23
24
25 @font-face {
26 font-family: 'poppins_lightregular';
27 src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
28 url('../fonts/poppins-light-webfont.woff') format('woff');
29 font-weight: normal;
30 font-style: normal;
31
32 }
33
34 #custom-handle {
35 width: 3em;
36 height: 1.6em;
37 top: 50%;
38 margin-top: -.8em;
39 text-align: center;
40 line-height: 1.6em;
41 }
42
43 #mystickymenu {
44 font-family: 'poppinsregular', sans-serif;
45 }
46
47 .main-content {
48 float: left;
49 width: 65%;
50 }
51
52 .main-sidebar {
53 float: right;
54 width: 30%;
55 background: #ffffff;
56 border: 1px solid #e5e5e5;
57 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
58 }
59
60 .main-sidebar h3 {
61 margin: 0;
62 padding: 8px 12px;
63 border-bottom: 1px solid #ececec;
64 }
65
66 .main-sidebar .inner {
67 padding: 10px;
68 }
69
70 .main-sidebar p {
71 padding: 8px;
72 margin: 0;
73 border-top: solid 1px #e5e5e5;
74 }
75
76 /*.mystickyinput {padding-top: 6px;}*/
77 @media screen and (max-width: 782px) {
78 .main-content, .main-sidebar {
79 width: 100%;
80 float: none;
81 clear: both;
82 }
83 }
84
85 .myssticky-remove-hand {
86 cursor: default;
87 }
88
89 /* */
90 .mystickymenu-content-section input[type="number"]#myfixed_zindex {
91 -moz-appearance: textfield-multiline;
92 }
93
94 .mystickymenu-content-section input[type="number"] {
95 -moz-appearance: textfield;
96 }
97
98 .mystickymenu-content-section input[type="number"]::-webkit-inner-spin-button, .mystickymenu-content-section input[type="number"]::-webkit-outer-spin-button {
99 -webkit-appearance: none;
100 margin: 0;
101 }
102
103 .mystickymenu-content-section .mysticky-number {
104 display: inline-block;
105 margin: 0 0 10px;
106 position: relative;
107 }
108
109 #mystickymenu .mystickymenu-content-section .mysticky-number {
110 /*width: 90px;*/
111 }
112
113 #mystickymenu input[type=number] {
114 color: #A7A7A7;
115 border-radius: 21px;
116 background-color: #ffffff;
117 border: 1px solid #DCE2E2;
118 font-size: 14px;
119 font-weight: 400;
120 height: 42px;
121 padding: 0 10px 0 12px;
122 margin: 0;
123 width: 229px;
124 box-shadow: none;
125 }
126
127 .pt_number {
128 display: inline-block;
129 vertical-align: top;
130 margin-top: 7px;
131 }
132
133 .mystickymenu-content-section .mysticky-number:focus {
134 outline: 0;
135 }
136
137 .mystickymenu-content-section .mysticky-number .pt_number {
138 float: left;
139 position: relative;
140 height: 30px;
141 }
142
143 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton {
144 position: relative;
145 cursor: pointer;
146 border-left: 1px solid #b7b7b7;
147 width: 15px;
148 text-align: center;
149 color: #333;
150 font-size: 14px;
151 line-height: 1.1;
152 -webkit-transform: translateX(-100%);
153 transform: translateX(-100%);
154 -webkit-user-select: none;
155 -moz-user-select: none;
156 -ms-user-select: none;
157 user-select: none;
158 }
159
160 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton:active {
161 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
162 -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
163 }
164
165 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberup {
166 position: absolute;
167 height: 50%;
168 top: 0;
169 border-bottom: 1px solid #b7b7b7;
170 }
171
172 .mystickymenu-content-section .mysticky-number .pt_number .pt_numberbutton.pt_numberdown {
173 position: absolute;
174 bottom: 0px;
175 height: 50%;
176 }
177
178 /* */
179
180 input#mysticky_class_selector {
181 border-radius: 24px;
182 border: 1px solid #E6E5EC;
183 height: 46px;
184 padding: 0 26px;
185 width: 49%
186 }
187
188 .mystickymenu-content-section {
189 background-color: #F9FCFC;
190 border-radius: 7px;
191 margin-bottom: 20px;
192 border: 1px solid #E1E6E6;
193 }
194
195 input#myfixed_disable_small_screen {
196 border-radius: 21px;
197 }
198
199 input#mysticky_active_on_height_home {
200 border-radius: 21px;
201 }
202
203 textarea#myfixed_cssstyle {
204 width: 100%;
205 margin-top: 12px;
206 border-radius: 10px;
207 background-color: #fff;
208 height: 120px;
209 resize: none;
210 border: 1px solid #DCE2E2;
211 padding: 10px 10px;
212 }
213
214 label {
215 font-size: 15px;
216 }
217
218 .sticky-class-sec tr td {
219 width: 50%;
220 }
221
222 .px-wrap {
223 position: relative;
224 display: inline-block;
225 vertical-align: top;
226 }
227
228 .mystickymenu-content-option {
229 padding: 20px 20px 0;
230 }
231
232 .mystickymenu-heading {
233 padding-bottom: 20px;
234 }
235
236 .myStickymenu-header-title {
237 background-color: #B2D2FC;
238 padding: 13px 20px;
239 border-radius: 10px 10px 0 0;
240 }
241
242 .myStickymenu-header-title h3 {
243 margin: 0;
244 color: #1F4B84;
245 font-size: 18px;
246 font-weight: 600;
247 line-height: 1.2;
248 }
249
250 .mystickymenu-heading p {
251 background-color: #D6EFFF;
252 color: #1F4B84;
253 border-radius: 0 0 10px 10px;
254 padding: 13px 20px;
255 margin: 0;
256 font-size: 14px;
257 line-height: 28px;
258 }
259
260 .mystickynumber {
261 position: relative;
262 padding-left: 30px;
263 }
264
265 .pt_numberbutton.pt_numberup {
266 height: 25px;
267 width: 25px;
268 line-height: 25px;
269 background-color: #808080;
270 border-radius: 50%;
271 position: relative;
272 margin-left: 5px;
273 display: inline-block;
274 color: white;
275 font-size: 21px;
276 cursor: pointer;
277 text-align: center;
278 margin-top: 2px;
279 }
280
281 .pt_numberbutton.pt_numberdown {
282 height: 25px;
283 width: 25px;
284 line-height: 25px;
285 background-color: #808080;
286 border-radius: 50%;
287 position: absolute;
288 top: 8px;
289 left: 0;
290 display: inline-block;
291 color: white;
292 font-size: 21px;
293 cursor: pointer;
294 text-align: center;
295 }
296
297 span.input-px {
298 height: 42px;
299 width: 57px;
300 background-color: #808080;
301 position: absolute;
302 right: 0;
303 top: 0px;
304 display: inline-block;
305 vertical-align: top;
306 font-size: 14px;
307 border-radius: 0 21px 21px 0;
308 color: #fff;
309 line-height: 42px;
310 text-align: center;
311 }
312
313 .mysticky_device_upgrade {
314 background-color: #f0ecfb;
315 border-radius: 20px;
316 padding: 15px 40px 20px 20px;
317 }
318
319 .mystickymenu-content-section.mystickymenu-content-upgrade {
320 background-color: #f4f4fd;
321 }
322
323 .myStickymenu-upgrade a {
324 background: #E1DAF6;
325 border-radius: 20px;
326 color: #7559C0;
327 padding-top: 2px;
328 padding-bottom: 6px;
329 padding-left: 10px;
330 padding-right: 10px;
331 font-weight: bold;
332 text-transform: uppercase;
333 font-size: 12px;
334 display: inline-block;
335 vertical-align: top;
336 line-height: 1;
337 }
338 .myStickymenu-upgrade {
339 float: right;
340 }
341
342 .myStickymenu-upgrade a:before {
343 content: "\f160";
344 font-family: dashicons;
345 position: relative;
346 top: 3px;
347 font-size: 16px;
348 }
349
350 .mystickymenu-input-section ul.mystickymenu-input-multicheckbox li {
351 display: inline-block;
352 width: 21%;
353 }
354
355 input#submit.button.button-primary {
356 background: #00c67c;
357 border-color: #00c67c;
358 text-transform: uppercase;
359 border-radius: 31px;
360 font-size: 26px;
361 padding-left: 23px;
362 padding-right: 23px;
363 height: 60px;
364 width: 200px;
365 border: 0;
366 box-shadow: none;
367 font-weight: 600;
368 text-shadow: none;
369 }
370
371 input.button.button-secondary.confirm {
372 background: #969696;
373 border-color: #969696;
374 text-transform: uppercase;
375 font-size: 26px;
376 padding-left: 23px;
377 padding-right: 23px;
378 float: right;
379 color: white;
380 margin-right: 10px;
381 height: 60px;
382 width: 200px;
383 border-radius: 31px;
384 font-weight: 600;
385 }
386
387 table ul.mystickymenu-input-multicheckbox {
388 width: 100%;
389 display: inline-flex;
390 }
391
392 p.myStickymenu-review a {
393 font-size: 20px;
394 }
395
396 table ul.mystickymenu-input-multicheckbox li {
397 padding-right: 21px;
398 }
399
400 table {
401 width: 100%;
402 }
403
404 #mystickymenu table tr td {
405 padding: 20px;
406 }
407
408 div#mystickymenu {
409 overflow-x: hidden;
410 overflow-y: hidden;
411 }
412
413 label.mysticky_title {
414 font-weight: 500;
415 font-size: 18px;
416 line-height: 1.2;
417 color: #4F4F4F;
418 }
419
420 .mystickymenu-content-option p label.mysticky_text {
421 margin-left: 0px;
422 }
423
424 span.mysticky_text {
425 font-size: 14px;
426 color: #9E9E9E;
427 margin-left: 20px;
428 font-style: italic;
429 }
430
431 label.mysticky_text {
432 font-size: 14px;
433 /*color: #9E9E9E;*/
434 margin-left: 20px;
435 font-style: italic;
436 }
437
438 select#mystickymenu-select {
439 border-radius: 24px;
440 border: 1px solid #E6E5EC;
441 height: 46px;
442 box-shadow: none;
443 padding: 0 26px;
444 width: 49%;
445 display: inline-block;
446 vertical-align: top;
447 }
448
449 .mystickymenu-input-section {
450 margin-top: 9px;
451 }
452
453 label.mysticky_title.css-style-title {
454 font-size: 20px;
455 }
456
457 span.wp-color-result-text {
458 display: none;
459 }
460
461 button.button.wp-color-result {
462 border-radius: 50%;
463 height: 30px !important;
464 }
465 button.button.wp-color-result .color-alpha {
466 border-radius: 50% !important;
467 height: 28px !important;
468 }
469
470 .mystickymenu-content-section h3 {
471 margin-left: 20px;
472 font-weight: 600;
473 font-size: 26px;
474 line-height: 1.2;
475 color: #4F4F4F;
476 margin: 0;
477 padding: 24px 20px;
478 }
479
480 .form-table {
481 margin-top: 0;
482 }
483
484 ul.mystickymenu-input-multicheckbox li span {
485 font-size: 16px;
486 color: #4F4F4F;
487 }
488
489 .mystickymenu-input-section label {
490 /*color: #9E9E9E;*/
491 font-size: 16px;
492 }
493 #mystickymenu .mystickymenu-input-section input.mystickymenu_normal_text{
494 border-radius: 0px;
495 height: 35px;
496 margin: 10px;
497 }
498 #mystickymenu .mystickymenu-input-section span.description{
499 font-style: normal;
500 font-size: 16px;
501 }
502 .myStickymenu-upgrade a {
503 text-decoration: none;
504 color: #7559C0;
505 }
506
507 #mystickymenu p.submit {
508 margin-top: 0;
509 padding-top: 0;
510 float: right;
511 }
512
513 td {
514 vertical-align: top !important;
515 }
516
517 p.description {
518 color: rgba(79, 79, 79, 0.5);
519 font-size: 12px;
520 line-height: 1.2;
521 margin: 5px 0 0;
522 }
523
524 div#slider.ui-slider {
525 width: 229px;
526 background-color: #DCE2E2;
527 height: 2px;
528 border: 0;
529 border-radius: 2px;
530 position: relative;
531 }
532
533 .mystickymenu-content-section .ui-state-active, .ui-widget-content .ui-state-active {
534 color: #454545;
535 }
536
537 #mystickymenu #custom-handle {
538 width: 1.6em;
539 border-radius: 50%;
540 background-color: #fff;
541 box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
542 border: 0;
543 position: absolute;
544 }
545 .sticky-header-menu {
546 text-align: center;
547 padding: 0 0 20px 0;
548 }
549 .sticky-header-menu ul {
550 display: inline-block;
551 padding: 1px;
552 background-color: #D6EFFF;
553 -webkit-border-radius: 23px;
554 -moz-border-radius: 23px;
555 border-radius: 23px;
556 }
557 .sticky-header-menu ul li {
558 display: inline-block;
559 margin: 0;
560 }
561 .sticky-header-menu ul li a {
562 display: inline-block;
563 padding: 0 20px;
564 line-height: 40px;
565 height: 40px;
566 font-size: 16px;
567 text-decoration: none;
568 -webkit-border-radius: 20px;
569 -moz-border-radius: 20px;
570 border-radius: 20px;
571 }
572 .sticky-header-menu ul li a:hover {
573 background: #f0ecfb;
574 color: #7559C0;
575 }
576 .sticky-header-menu ul li a.active {
577 background: #E1DAF6;
578 color: #7559C0;
579 }
580 /*.sticky-header-content {
581 display: none;
582 }*/
583 @media only screen and (min-width: 1024px) and (max-width: 1200px) {
584 .pt_numberbutton.pt_numberdown {
585 position: relative;
586 margin-left: -75px;
587 top: -29px;
588 }
589
590 .pt_numberbutton.pt_numberup {
591 position: relative;
592 top: -29px;
593 left: 70px;
594 }
595
596 /* span.input-px { */
597 /* position: relative; */
598 /* left: 112px; */
599 /* top: -24px !important; */
600 /* margin-left: -20px; */
601 /* } */
602 }
603
604
605
606 #rpt_pricr {
607 width: 100%;
608 max-width: 1024px;
609 margin: 0 auto;
610 padding: 25px 25px 25px 25px;
611 background: #fff;
612
613 -webkit-border-radius: 5px;
614 -moz-border-radius: 5px;
615 border-radius: 5px;
616 }
617 #rpt_pricr h2 {
618 padding: 50px 0 30px;
619 text-align: center;
620 font-size: 24px;
621 }
622 .rpt_plans .rpt_plan {
623 -moz-box-sizing: border-box;
624 -webkit-box-sizing: border-box
625 }
626
627 .rpt_2_plans .rpt_plan {
628 margin-right: 2%;
629 width: 49%;
630 float: left
631 }
632
633 .rpt_2_plans .rpt_plan:last-child {
634 margin-right: 0
635 }
636
637 .rpt_3_plans .rpt_plan {
638 margin-right: 2%;
639 width: 32%;
640 float: left
641 }
642
643 .rpt_3_plans .rpt_plan:last-child {
644 margin-right: 0
645 }
646
647 .rpt_4_plans .rpt_plan {
648 margin-right: 1%;
649 width: 24.25%;
650 float: left
651 }
652
653 .rpt_4_plans .rpt_plan:last-child {
654 margin-right: 0
655 }
656
657 .rpt_5_plans .rpt_plan {
658 margin-right: .5%;
659 width: 19.6%;
660 float: left
661 }
662
663 .rpt_5_plans .rpt_plan:last-child {
664 margin-right: 0
665 }
666
667 .rpt_style_bic .rpt_plan, .rpt_style_loc .rpt_plan {
668 -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
669 -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19);
670 box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, .19)
671 }
672
673 .rpt_plans .rpt_plan .rpt_title img {
674 margin-right: 10px;
675 position: relative;
676 vertical-align: middle
677 }
678
679 .rpt_plans .rpt_plan .rpt_title {
680 background: #6371db;
681 font-weight: 300;
682 padding: 24px 18px;
683 font-size: 26px;
684 color: #fff;
685 line-height: 35px;
686 height: auto;
687 }
688
689 .rpt_plans .rpt_plan .rpt_title span {
690 display: inline-block;
691 position: relative;
692 top: -10px
693 }
694
695 .rpt_style_basic .rpt_plan .rpt_title {
696 border-bottom: #6371db solid 1px;
697 border-top-left-radius: 8px;
698 border-top-right-radius: 8px;
699 }
700
701 .rpt_style_spec .rpt_plan .rpt_title {
702 color: #fff
703 }
704
705 .rpt_style_bic .rpt_plan .rpt_title, .rpt_style_loc .rpt_plan .rpt_title, .rpt_style_swl .rpt_plan .rpt_title {
706 background: #333
707 }
708
709 .rpt_plans .rpt_sm_title .rpt_plan .rpt_title {
710 font-size: 20px;
711 line-height: 18px
712 }
713
714 .rpt_plans .rpt_xsm_title .rpt_plan .rpt_title {
715 font-size: 15px;
716 line-height: 15px
717 }
718
719 .rpt_4_plans .rpt_plan .rpt_title {
720 font-size: 17px;
721 line-height: 15px
722 }
723
724 .rpt_4_plans .rpt_sm_title .rpt_plan .rpt_title {
725 font-size: 15px;
726 line-height: 13px
727 }
728
729 .rpt_4_plans .rpt_xsm_title .rpt_plan .rpt_title {
730 font-size: 13px;
731 line-height: 11px
732 }
733
734 .rpt_5_plans .rpt_plan .rpt_title {
735 font-size: 15px;
736 line-height: 13px
737 }
738
739 .rpt_5_plans .rpt_sm_title .rpt_plan .rpt_title {
740 font-size: 13px;
741 line-height: 11px
742 }
743
744 .rpt_5_plans .rpt_xsm_title .rpt_plan .rpt_title {
745 font-size: 12px;
746 line-height: 10px
747 }
748
749 .rpt_plans .rpt_recommended_plan .rpt_title {
750 background: #6371db
751 }
752
753 .rpt_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
754 position: relative;
755 top: -44px;
756 left: -10px;
757 font-size: 35px;
758 line-height: 0
759 }
760
761 .rpt_4_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
762 top: -36px
763 }
764
765 .rpt_5_plans .rpt_plan .rpt_head .rpt_price .rpt_currency {
766 top: -26px
767 }
768
769 .rpt_sm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
770 font-size: 30px;
771 top: -44px;
772 left: -4px
773 }
774
775 .rpt_xsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
776 font-size: 25px;
777 top: -30px;
778 left: -4px
779 }
780
781 .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price .rpt_currency {
782 font-size: 21px;
783 top: -14px;
784 left: -4px
785 }
786
787 .rpt_style_basic .rpt_plan .rpt_head {
788 background: #ec86c6
789 }
790
791 .rpt_style_spec .rpt_plan .rpt_head {
792 background: #fff
793 }
794
795 .rpt_style_swl .rpt_plan .rpt_head {
796 background: #fff
797 }
798
799 .rpt_plans .rpt_plan .rpt_head .rpt_price {
800 padding: 6px 10px;
801 font-size: 74px;
802 line-height: 80px;
803 font-weight: 300;
804 text-align: center;
805 color: #ffffff
806 }
807
808 .rpt_style_basic .rpt_plan .rpt_head .rpt_price, .rpt_style_spec .rpt_plan .rpt_head .rpt_price {
809 text-shadow: 1px 2px 7px rgba(0, 0, 0, .6)
810 }
811
812 .rpt_style_swl .rpt_plan .rpt_head .rpt_price {
813 color: #000
814 }
815
816 .rpt_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
817 font-size: 62px
818 }
819
820 .rpt_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
821 font-size: 56px
822 }
823
824 .rpt_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
825 font-size: 38px
826 }
827
828 .rpt_4_plans .rpt_plan .rpt_head .rpt_price {
829 font-size: 69px;
830 line-height: 80px
831 }
832
833 .rpt_4_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
834 font-size: 53px;
835 line-height: 65px
836 }
837
838 .rpt_4_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
839 font-size: 47px;
840 line-height: 64px
841 }
842
843 .rpt_4_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
844 font-size: 31px;
845 line-height: 60px
846 }
847
848 .rpt_5_plans .rpt_plan .rpt_head .rpt_price {
849 font-size: 59px;
850 line-height: 80px
851 }
852
853 .rpt_5_plans .rpt_sm_price .rpt_plan .rpt_head .rpt_price {
854 font-size: 44px;
855 line-height: 60px
856 }
857
858 .rpt_5_plans .rpt_xsm_price .rpt_plan .rpt_head .rpt_price {
859 font-size: 37px;
860 line-height: 53px
861 }
862
863 .rpt_5_plans .rpt_xxsm_price .rpt_plan .rpt_head .rpt_price {
864 font-size: 24px;
865 line-height: 50px
866 }
867
868 .rpt_plans .rpt_recommended_plan .rpt_head .rpt_price {
869 font-size: 98px
870 }
871
872 .rpt_4_plans .rpt_recommended_plan .rpt_head .rpt_price {
873 font-size: 74px
874 }
875
876 .rpt_5_plans .rpt_recommended_plan .rpt_head .rpt_price {
877 font-size: 67px
878 }
879
880 .rpt_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
881 font-size: 83px
882 }
883
884 .rpt_4_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
885 font-size: 60px
886 }
887
888 .rpt_5_plans .rpt_sm_price .rpt_recommended_plan .rpt_head .rpt_price {
889 font-size: 54px
890 }
891
892 .rpt_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
893 font-size: 55px
894 }
895
896 .rpt_4_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
897 font-size: 49px
898 }
899
900 .rpt_5_plans .rpt_xsm_price .rpt_recommended_plan .rpt_head .rpt_price {
901 font-size: 41px
902 }
903
904 .rpt_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
905 font-size: 42px
906 }
907
908 .rpt_4_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
909 font-size: 34px
910 }
911
912 .rpt_5_plans .rpt_xxsm_price .rpt_recommended_plan .rpt_head .rpt_price {
913 font-size: 26px
914 }
915
916 .rpt_plans .rpt_plan .rpt_head .rpt_recurrence {
917 font-size: 13px;
918 font-weight: 300;
919 line-height: 18px;
920 padding: 20px 10px 10px;
921 color: #ffffff;
922 text-align: center
923 }
924
925 .rpt_style_spec .rpt_plan .rpt_head .rpt_recurrence {
926 color: #d3d3d3
927 }
928
929 .rpt_style_bic .rpt_plan .rpt_head .rpt_recurrence, .rpt_style_loc .rpt_plan .rpt_head .rpt_recurrence {
930 color: #f5f5f5
931 }
932
933 .rpt_style_swl .rpt_plan .rpt_head .rpt_recurrence {
934 color: grey
935 }
936
937 .rpt_plans .rpt_sm_recurrence .rpt_plan .rpt_head .rpt_recurrence {
938 font-size: 11px;
939 padding: 20px 40px 4px
940 }
941
942 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
943 font-size: 16px;
944 line-height: 20px;
945 font-weight: 300;
946 text-align: center;
947 padding: 10px 30px 20px
948 }
949
950 .rpt_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
951 font-size: 14px
952 }
953
954 .rpt_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
955 font-size: 12px
956 }
957
958 .rpt_4_plans .rpt_plan .rpt_head .rpt_subtitle {
959 font-size: 16px;
960 line-height: 18px;
961 padding: 10px 10px 20px
962 }
963
964 .rpt_4_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
965 font-size: 14px;
966 line-height: 17px
967 }
968
969 .rpt_4_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
970 font-size: 13px;
971 line-height: 16px
972 }
973
974 .rpt_5_plans .rpt_plan .rpt_head .rpt_subtitle {
975 font-size: 15px;
976 line-height: 18px;
977 padding: 10px 10px 20px
978 }
979
980 .rpt_5_plans .rpt_sm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
981 font-size: 13px;
982 line-height: 17px
983 }
984
985 .rpt_5_plans .rpt_xsm_subtitle .rpt_plan .rpt_head .rpt_subtitle {
986 font-size: 12px;
987 line-height: 16px
988 }
989
990 .rpt_plans .rpt_plan .rpt_head .rpt_description {
991 font-size: 14px;
992 line-height: 20px;
993 padding: 10px 20px;
994 font-weight: 300;
995 text-align: center;
996 color: #ffffff
997 }
998
999 .rpt_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
1000 font-size: 12px
1001 }
1002
1003 .rpt_style_bic .rpt_plan .rpt_head .rpt_description, .rpt_style_loc .rpt_plan .rpt_head .rpt_description {
1004 color: #f5f5f5
1005 }
1006
1007 .rpt_4_plans .rpt_plan .rpt_head .rpt_description {
1008 font-size: 13px;
1009 line-height: 18px
1010 }
1011
1012 .rpt_4_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
1013 font-size: 12px;
1014 line-height: 17px
1015 }
1016
1017 .rpt_5_plans .rpt_plan .rpt_head .rpt_description {
1018 font-size: 12px;
1019 line-height: 18px
1020 }
1021
1022 .rpt_5_plans .rpt_sm_description .rpt_plan .rpt_head .rpt_description {
1023 font-size: 11px;
1024 line-height: 17px
1025 }
1026
1027 .rpt_plans .rpt_plan .rpt_features {
1028 padding: 20px;
1029 background: #f0ecfb;
1030 text-align: center
1031 }
1032
1033 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
1034 font-size: 16px;
1035 padding: 6px 16px;
1036 border-bottom: 1px dotted #d3d3d3
1037 }
1038 .rpt_plans .rpt_plan .rpt_features .rpt_feature a {
1039 color: #333333;
1040 }
1041
1042 .rpt_plans .rpt_plan .rpt_features .rpt_feature:last-child {
1043 border-bottom: none
1044 }
1045
1046 .rpt_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1047 font-size: 14px
1048 }
1049
1050 .rpt_style_bic .rpt_plan .rpt_features, .rpt_style_loc .rpt_plan .rpt_features, .rpt_style_swl .rpt_plan .rpt_features {
1051 background: #fff
1052 }
1053
1054 .rpt_style_swl .rpt_plan .rpt_features .rpt_feature {
1055 padding: 5px 16px
1056 }
1057
1058 .rpt_4_plans .rpt_plan .rpt_features .rpt_feature {
1059 padding: 6px 10px;
1060 font-size: 14px
1061 }
1062
1063 .rpt_4_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1064 font-size: 12px
1065 }
1066
1067 .rpt_5_plans .rpt_plan .rpt_features .rpt_feature {
1068 padding: 6px 10px;
1069 font-size: 13px
1070 }
1071
1072 .rpt_5_plans .rpt_sm_features .rpt_plan .rpt_features .rpt_feature {
1073 font-size: 11px
1074 }
1075
1076 .rpt_plans .rpt_plan .rpt_foot {
1077 display: block;
1078 padding: 10px 30px;
1079 border-top: #7559C0 solid 2px;
1080 background: #7559C0;
1081 text-align: center;
1082 color: #fff;
1083 font-size: 24px;
1084 text-decoration: none;
1085 font-weight: 300;
1086 transition: All .5s ease;
1087 -webkit-transition: All .5s ease;
1088 -moz-transition: All .5s ease;
1089 -o-transition: All .5s ease
1090 }
1091
1092 .rpt_plans .rpt_sm_button .rpt_plan .rpt_foot {
1093 font-size: 19px
1094 }
1095
1096 .rpt_style_basic .rpt_plan .rpt_foot {
1097 border-bottom-left-radius: 8px;
1098 border-bottom-right-radius: 8px
1099 }
1100
1101 .rpt_style_swl .rpt_plan .rpt_foot {
1102 border-top: none;
1103 padding: 10px 30px 20px;
1104 color: #000;
1105 background: #333
1106 }
1107
1108 .rpt_4_plans .rpt_plan .rpt_foot {
1109 padding: 4px 20px;
1110 font-size: 19px
1111 }
1112
1113 .rpt_4_plans .rpt_sm_button .rpt_plan .rpt_foot, .rpt_5_plans .rpt_plan .rpt_foot {
1114 padding: 4px 20px;
1115 font-size: 17px
1116 }
1117
1118 .rpt_5_plans .rpt_sm_button .rpt_plan .rpt_foot {
1119 font-size: 16px
1120 }
1121
1122 .rpt_plans .rpt_plan .rpt_foot:hover {
1123 opacity: .8
1124 }
1125
1126 .rpt_style_swl .rpt_plan .rpt_foot:hover {
1127 opacity: 1
1128 }
1129
1130 .rpt_plans .rpt_recommended_plan .rpt_foot {
1131 font-size: 30px;
1132 padding: 16px 0
1133 }
1134
1135 .rpt_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1136 font-size: 26px
1137 }
1138
1139 .rpt_4_plans .rpt_recommended_plan .rpt_foot {
1140 font-size: 22px;
1141 font-weight: 300;
1142 padding: 10px 0
1143 }
1144
1145 .rpt_4_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1146 font-size: 19px;
1147 padding: 10px 0
1148 }
1149
1150 .rpt_5_plans .rpt_recommended_plan .rpt_foot {
1151 font-size: 20px;
1152 font-weight: 300;
1153 padding: 10px 0
1154 }
1155
1156 .rpt_5_plans .rpt_sm_button .rpt_recommended_plan .rpt_foot {
1157 font-size: 18px;
1158 padding: 10px 0
1159 }
1160
1161 .rpt_custom_btn {
1162 border-bottom-left-radius: 5px;
1163 border-bottom-right-radius: 5px;
1164 text-align: center;
1165 padding: 16px 20px
1166 }
1167
1168 .rpt_plans .rpt_recommended_plan {
1169 position: relative;
1170 top: -10px
1171 }
1172
1173 .rpt_recommended_plan img.rpt_recommended {
1174 position: absolute !important;
1175 right: 10px !important
1176 }
1177
1178 .rpt_style_bic .rpt_recommended_plan, .rpt_style_loc .rpt_recommended_plan {
1179 -webkit-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1180 -moz-box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39);
1181 box-shadow: 1px 1px 6px 0 rgba(50, 50, 50, .39)
1182 }
1183
1184 a.rpt_tooltip {
1185 display: block;
1186 outline: 0;
1187 position: relative
1188 }
1189
1190 a.rpt_tooltip strong {
1191 line-height: 30px
1192 }
1193
1194 a.rpt_tooltip > span.intool {
1195 width: 90%;
1196 padding: 10px;
1197 margin-top: 56px;
1198 opacity: 0;
1199 visibility: hidden;
1200 z-index: 10;
1201 position: absolute;
1202 top: -15px;
1203 display: block;
1204 color: #f5f5f5;
1205 font-size: 13px;
1206 line-height: 20px;
1207 background: #333;
1208 font-weight: 300;
1209 text-align: center
1210 }
1211
1212 a.rpt_tooltip:hover {
1213 cursor: zoom-in
1214 }
1215
1216 a.rpt_tooltip .rpt_tooltip_plus {
1217 text-decoration: none !important;
1218 display: inline;
1219 font-size: 12px;
1220 font-weight: 700;
1221 position: relative;
1222 top: -6px
1223 }
1224
1225 .rpt_feature:hover a.rpt_tooltip > span.intool {
1226 opacity: .98;
1227 text-decoration: none;
1228 visibility: visible;
1229 overflow: visible
1230 }
1231
1232 a.rpt_tooltip span.intool b {
1233 width: 10px;
1234 height: 10px;
1235 margin-left: 35%;
1236 margin-top: -15px;
1237 position: absolute;
1238 -webkit-transform: rotate(-45deg);
1239 -moz-transform: rotate(-45deg);
1240 -o-transform: rotate(-45deg);
1241 transform: rotate(-45deg);
1242 display: none \0/;
1243 background: #333
1244 }
1245
1246 .rpt_3_plans a.rpt_tooltip > span.intool {
1247 margin-left: -1%
1248 }
1249
1250 .rpt_4_plans a.rpt_tooltip > span.intool {
1251 margin-left: 0
1252 }
1253
1254 .rpt_5_plans a.rpt_tooltip > span.intool {
1255 margin-left: -2%
1256 }
1257
1258 .entry-content .rpt_plan a, .rpt_plan a {
1259 border-bottom: none !important;
1260 text-decoration: none;
1261 }
1262
1263 .rpt_plans .rpt_plan .rpt_icon {
1264 max-width: 30px;
1265 max-height: 30px
1266 }
1267
1268 .rpt_plans .rpt_plan img {
1269 display: inline;
1270 margin: 0 10px 0 0;
1271 padding: 0;
1272 -webkit-box-shadow: 0 0 0 0 transparent;
1273 -moz-box-shadow: 0 0 0 0 transparent;
1274 box-shadow: 0 0 0 0 transparent;
1275 border: none
1276 }
1277
1278 .folder-testimonial {
1279 position: relative;
1280 }
1281 .folder-testimonial .testimonial-data {
1282 position: relative;
1283 }
1284 .folder-testimonial .testimonial-data {
1285 position: relative;
1286 margin-left: 30px;
1287 padding: 10px 10px 10px 40px;
1288 background: #f5f5f5;
1289 font-size: 16px;
1290 line-height: 22px;
1291 }
1292 .folder-testimonial .testimonial-image {
1293 position: absolute;
1294 height: 60px;
1295 width: 60px;
1296 overflow: hidden;
1297 border-radius: 30px;
1298 top: 50%;
1299 margin-top: -30px;
1300 z-index: 1;
1301 }
1302 .folder-testimonial .testimonial-image img {
1303 width: 100%;
1304 height: auto;
1305 }
1306 .folder-testimonial-list {
1307 width: 100%;
1308 max-width: 1080px;
1309 margin: 30px auto;
1310 }
1311 .testimonial-title {
1312 font-weight: bold;
1313 font-size: 18px;
1314 padding: 0 0 5px 0;
1315 }
1316 .testimonial-author {
1317 font-size: 16px;
1318 font-style: italic;
1319 font-weight: 500;
1320 padding: 5px 0 0 0;
1321 }
1322 p.udner-title strong {
1323 font-size: 30px;
1324 padding-bottom: 40px;
1325 display: block;
1326 color: #b97fcf;
1327 text-align: center;
1328 }
1329 p.udner-title {
1330 margin: 0;
1331 padding: 0;
1332 }
1333 @media only screen and (max-width: 640px) {
1334 .rpt_plans .rpt_plan {
1335 width: 96%;
1336 margin: 10px 2% 20px !important
1337 }
1338
1339 .rpt_plans .rpt_plan .rpt_title {
1340 position: relative;
1341 font-size: 26px !important;
1342 line-height: 35px !important
1343 }
1344
1345 .rpt_plans .rpt_plan .rpt_head .rpt_price {
1346 font-size: 74px !important;
1347 line-height: 100px !important
1348 }
1349
1350 .rpt_plans .rpt_plan .rpt_head .rpt_subtitle {
1351 font-size: 17px !important;
1352 line-height: 28px !important;
1353 padding: 10px 40px 20px
1354 }
1355
1356 .rpt_plans .rpt_plan .rpt_head .rpt_description {
1357 font-size: 15px !important;
1358 line-height: 26px !important;
1359 padding: 0 40px 30px
1360 }
1361
1362 .rpt_plans .rpt_plan .rpt_features .rpt_feature {
1363 padding: 6px 16px;
1364 font-size: 14px !important
1365 }
1366
1367 .rpt_plans .rpt_plan .rpt_foot {
1368 padding: 10px 40px;
1369 text-align: center;
1370 color: #fff;
1371 font-size: 20px
1372 }
1373
1374 .rpt_plans .rpt_recommended_plan .rpt_foot {
1375 font-size: 30px;
1376 font-weight: 300;
1377 padding: 20px 0
1378 }
1379
1380 .rpt_plan .rpt_head .rpt_price .rpt_currency {
1381 top: -36px !important;
1382 left: -10px !important;
1383 font-size: 35px !important
1384 }
1385 }
1386
1387 #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 {
1388 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
1389 font-weight: 300 !important
1390 }
1391
1392 .client-testimonial {
1393 margin: 20px auto 0px;
1394 -webkit-border-radius: 5px;
1395 -moz-border-radius: 5px;
1396 border-radius: 5px;
1397 }
1398 .client-testimonial span.dashicons.dashicons-yes {
1399 background: #00bd00;
1400 color: #fff;
1401 border-radius: 50%;
1402 -webkit-border-radius: 50%;
1403 -moz-border-radius: 50%;
1404 }
1405 .client-testimonial p.text-center {
1406 text-align: center;
1407 margin: 6px 0;
1408 font-size: 14px;
1409 }
1410 .client-testimonial .payment {
1411 margin: 20px 0;
1412 text-align: center;
1413 }
1414 .testimonial-image {
1415 width: 10%;
1416 display: inline-block;
1417 vertical-align: middle;
1418 }
1419 .testimonial-content {
1420 width: 85%;
1421 display: inline-block;
1422 vertical-align: middle;
1423 padding-left: 15px;
1424 }
1425 .testimonial-image img {
1426 border-radius: 50%;
1427 -webkit-border-radius: 50%;
1428 -moz-border-radius: 50%;
1429 width: 100%;
1430 height: auto;
1431 }
1432 .client-testimonial .author {
1433 font-weight: bold;
1434 padding: 5px 0 0 0;
1435 font-size: 14px;
1436 }
1437 .testimonial-box {
1438 padding: 15px;
1439 background: #d6efff;
1440 -webkit-border-radius: 5px;
1441 -moz-border-radius: 5px;
1442 border-radius: 5px;
1443 }
1444
1445 /*01-08-2019 welcome bar css*/
1446 #sticky-header-welcome-bar *, #sticky-header-welcome-bar ::before, #sticky-header-welcome-bar ::after {
1447 -webkit-box-sizing: border-box;
1448 -moz-box-sizing: border-box;
1449 box-sizing: border-box;
1450 }
1451 #sticky-header-welcome-bar .iris-picker, #sticky-header-welcome-bar .iris-picker * {
1452 -moz-box-sizing: content-box;
1453 -webkit-box-sizing: content-box;
1454 box-sizing: content-box;
1455 }
1456 .mysticky-welcomebar-switch {
1457 display: inline-block;
1458 width:55px;
1459 height:30px;
1460 position: relative;
1461 }
1462 .mysticky-welcomebar-switch input {
1463 opacity: 0;
1464 width: 0;
1465 height: 0;
1466 }
1467 .mysticky-welcomebar-switch .slider {
1468 border-radius: 15px;
1469 position: absolute;
1470 cursor: pointer;
1471 top: 0;
1472 left: 0;
1473 right: 0;
1474 bottom: 0;
1475 background-color: #ccc;
1476 border: 2px solid #ccc;
1477 -webkit-transition: .4s;
1478 transition: .4s;
1479 }
1480 .mysticky-welcomebar-switch .slider:before {
1481 border-radius: 50%;
1482 position: absolute;
1483 content: "";
1484 height: 24px;
1485 width: 24px;
1486 left: 2px;
1487 top: 1px;
1488 background-color: #ffffff;
1489 -webkit-transition: .4s;
1490 transition: .4s;
1491 }
1492 .mysticky-welcomebar-switch input:checked + .slider {
1493 background-color: #7761DF;
1494 border: 2px solid #7761DF;
1495 }
1496 .mysticky-welcomebar-switch input:focus + .slider {
1497 box-shadow: 0 0 1px #2196F3;
1498 }
1499 .mysticky-welcomebar-switch input:checked + .slider:before {
1500 -webkit-transform: translateX(24px);
1501 -ms-transform: translateX(24px);
1502 transform: translateX(24px);
1503 }
1504 .mysticky-welcomebar-form {
1505 background-color: #f8fcfd;
1506 border: 1px solid #E1E6E6;
1507 padding: 20px;
1508 border-radius: 7px;
1509 position: relative;
1510 }
1511 .mysticky-welcomebar-header-title h3 {
1512 margin: 0;
1513 font-size: 26px;
1514 color: #4F4F4F;
1515 line-height: 1.2;
1516 display: inline-block;
1517 vertical-align: top;
1518 }
1519 .mysticky-welcomebar-header-title h3 + .mysticky-welcomebar-switch {
1520 margin-left: 20px;
1521 }
1522 .mysticky-welcomebar-subheader-title {
1523 padding: 40px 0 30px;
1524 }
1525 .mysticky-welcomebar-subheader-title h4 {
1526 margin: 0;
1527 font-weight: 400;
1528 font-size: 22px;
1529 line-height: 1.2;
1530 color: #4F4F4F;
1531 }
1532 .mysticky-welcomebar-setting-content {
1533 display: flex;
1534 align-items: center;
1535 padding-bottom: 20px;
1536 }
1537 .mysticky-welcomebar-setting-content.show-on-apper {
1538 align-items: flex-start;
1539 }
1540 .mysticky-welcomebar-setting-content > label {
1541 font-size: 18px;
1542 line-height: 1.2;
1543 color: #4F4F4F;
1544 font-weight: 500;
1545 width: 210px;
1546 padding-right: 10px;
1547 }
1548 .mysticky-welcomebar-setting-content.show-on-apper > label {
1549 margin-top: 10px;
1550 }
1551 .mysticky-welcomebar-setting-content-right {
1552 width: 100%;
1553 align-items: center;
1554 display: flex;
1555 }
1556 .mysticky-welcomebar-setting-wrap .myStickymenu-upgrade {
1557 display: inline-block;
1558 vertical-align: top;
1559 float: none;
1560 margin-left: 20px;
1561 }
1562 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-position .myStickymenu-upgrade {
1563 margin-left: 50px;
1564 }
1565 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-remove-getbar .myStickymenu-upgrade {
1566 margin-left: 130px;
1567 }
1568 .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-colorpicker .wp-picker-container{
1569 display: inline-block;
1570 }
1571 .mysticky-welcomebar-setting-content-right label {
1572 display: inline-block;
1573 vertical-align: top;
1574 width: 100px;
1575 padding-right: 10px;
1576 }
1577 .mysticky-welcomebar-setting-content-right .wp-picker-input-wrap label {
1578 width: auto;
1579 }
1580 .mysticky-welcomebar-setting-content-right .mysticky-welcomebar-trigger-wrap label {
1581 width: auto;
1582 }
1583 #mystickymenu .mysticky-welcomebar-setting-content-right .px-wrap input {
1584 padding-right: 60px;
1585 }
1586 .mysticky-welcomebar-setting-content-right select ,
1587 .mysticky-welcomebar-setting-content-right input[type="text"] ,
1588 .mysticky-welcomebar-setting-content-right textarea {
1589 width: 229px;
1590 height: 42px;
1591 border-radius: 20px;
1592 color: #32373c;
1593 display: block;
1594 padding: 0 10px;
1595 box-shadow: none;
1596 border: 1px solid #DCE2E2;
1597 margin: 0;
1598 font-size: 14px;
1599 font-weight: 400;
1600 }
1601 .mysticky-welcomebar-setting-content-right select {
1602 padding-right: 30px;
1603 }
1604 .mysticky-welcomebar-setting-content-right textarea {
1605 height: 100px;
1606 border-radius: 10px;
1607 padding-top: 9px;
1608 }
1609 #mystickymenu .wp-picker-container input[type="text"].wp-color-picker {
1610 border-radius: 0;
1611 height: 32px;
1612 border: 1px solid #DCE2E2;
1613 }
1614 #mystickymenu .wp-picker-input-wrap .button {
1615 height: 32px;
1616 }
1617 #mystickymenu .form-table .wp-picker-input-wrap label {
1618 padding-right: 10px;
1619 }
1620 .mysticky-welcomebar-setting-action {
1621 display: inline-block;
1622 vertical-align: top;
1623 }
1624 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1625 padding-left: 10px;
1626 }
1627 .mysticky-welcomebar-redirect label {
1628 width: auto;
1629 padding-right: 0;
1630 padding-top: 10px;
1631 }
1632 .mysticky-welcomebar-expirydate {
1633 position: relative;
1634 display: inline-block;
1635 vertical-align: top;
1636 }
1637 .mysticky-welcomebar-setting-content-right .mysticky-welcomebar-expirydate input {
1638 padding-left: 55px;
1639 }
1640 .mysticky-welcomebar-expirydate .dashicons {
1641 position: absolute;
1642 top: 0;
1643 left: 0;
1644 bottom: 0;
1645 color: #a7a7a7;
1646 border-right: 1px solid #a7a7a7;
1647 width: 46px;
1648 height: 100%;
1649 line-height: 40px;
1650 }
1651 a.create-rule {
1652 background-color: #7761DF;
1653 color: #fff;
1654 display: inline-block;
1655 margin: 10px 0 0;
1656 vertical-align: top;
1657 text-decoration: none;
1658 padding: 5px 12px;
1659 border-radius: 20px;
1660 box-shadow: none;
1661 outline: none;
1662 }
1663 .mysticky-welcomebar-upgrade-main {
1664 position: relative;
1665 vertical-align: top;
1666 width: 100%;
1667 padding-right: 10px;
1668 padding-bottom: 0;
1669 }
1670 .mysticky-welcomebar-upgrade-main .myStickymenu-upgrade {
1671 float: right
1672 }
1673 .mysticky-welcomebar-page-option {
1674 padding-bottom: 20px;
1675 }
1676 .mysticky-welcomebar-page-option .url-content {
1677 /*display: flex;*/
1678 overflow:hidden;
1679 align-items: center;
1680 }
1681 .mysticky-welcomebar-page-option .url-content > div {
1682 padding: 0 5px;
1683 float: left;
1684
1685 }
1686
1687 .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-values,
1688 .mysticky-welcomebar-page-option .url-content .mysticky-welcomebar-url-option{
1689 width: 20%;
1690 }
1691 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
1692 width: 28%;
1693 text-align: right;
1694 margin-top: 10px;
1695 }
1696
1697 /*.mysticky-welcomebar-page-option .url-content select {
1698 width: 120px;
1699 }
1700 */
1701 .mysticky-welcomebar-page-option .url-content input[type="text"] {
1702 height: 38px;
1703 padding: 0 15px;
1704 border-radius: 0;
1705 }
1706
1707 .mysticky-page-option .myStickymenu-upgrade {
1708 float: none;
1709 position: absolute;
1710 top: 0;
1711 left: 0;
1712 right: 0;
1713 text-align: center;
1714 background-color: rgba(0,0,0,0.6);
1715 bottom: 0;
1716 border-radius: 10px;
1717 display: flex;
1718 align-items: center;
1719 justify-content: center;
1720 }
1721 .mysticky-page-option {
1722 background-color: #fff;
1723 padding: 10px;
1724 margin-bottom: 10px;
1725 border: 1px solid #DCE2E2;
1726 border-radius: 10px;
1727 position: relative;
1728 }
1729 .mysticky-page-option .url-content {
1730 display: flex;
1731 align-items: center;
1732 }
1733 .mysticky-page-option .url-content > div {
1734 padding: 0 5px;
1735 }
1736 .mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
1737 width: 260px;
1738 text-align: right;
1739 }
1740 .mysticky-page-option .url-content > div.mysticky-welcomebar-url-box {
1741 width: 300px;
1742 }
1743 .mysticky-page-option .url-content select {
1744 width: 250px;
1745 }
1746 .mysticky-page-option .url-content input[type="text"] {
1747 height: 38px;
1748 padding: 0 15px;
1749 border-radius: 0;
1750 }
1751 .mystickymenu-page-target-wrap {
1752 padding-bottom: 20px;
1753 }
1754
1755 .mysticky-welcomebar-remove-rule ,
1756 .mysticky-remove-rule {
1757 color: #fff;
1758 background-color: #666;
1759 text-decoration: none;
1760 display: inline-block;
1761 vertical-align: top;
1762 width: 38px;
1763 height: 38px;
1764 text-align: center;
1765 border-radius: 4px;
1766 font-size: 22px;
1767 line-height: 35px;
1768 }
1769 .mysticky-welcomebar-page-options {
1770 display: inline-block;
1771 vertical-align: top;
1772 }
1773 .mysticky-welcomebar-setting-right {
1774 position: absolute;
1775 top: 32px;
1776 right: 50px;
1777 width: 500px;
1778 }
1779 .mysticky-welcomebar-header-title::after {
1780 content: "";
1781 display: block;
1782 clear: both;
1783 }
1784 .mysticky-welcomebar-preview-window {
1785 float: right;
1786 }
1787 .mysticky-welcomebar-header-title {
1788 padding-bottom: 20px;
1789 }
1790 .mysticky-welcomebar-preview-window ul {
1791 margin: 0;
1792 padding: 0;
1793 }
1794 .mysticky-welcomebar-preview-window ul li {
1795 color: #7761DF;
1796 display: inline-block;
1797 vertical-align: top;
1798 width: 36px;
1799 height: 36px;
1800 background-color: #DFDDF7;
1801 border-radius: 50%;
1802 text-align: center;
1803 line-height: 36px;
1804 margin-bottom: 0;
1805 margin-left: 10px;
1806 }
1807 .mysticky-welcomebar-preview-window ul li.preview-active {
1808 color: #fff;
1809 background-color: #7761DF;
1810 }
1811 .mysticky-welcomebar-preview-window ul li .dashicons {
1812 line-height: 36px;
1813 }
1814 .mysticky-welcomebar-preview-screen {
1815 background-color: #ffffff;
1816 border: 1px solid #DCE2E2;
1817 border-radius: 10px;
1818 margin: 0 auto;
1819 padding: 0;
1820 height: 400px;
1821 position: relative;
1822 overflow: hidden;
1823 max-width: 100%;
1824 -webkit-transition: all 0.5s ease 0s;
1825 -moz-transition: all 0.5s ease 0s;
1826 transition: all 0.5s ease 0s;
1827 }
1828 .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
1829 max-width: 320px;
1830 }
1831 .mysticky-welcomebar-submit {
1832 float: right;
1833 padding-top: 50px;
1834 margin-right: -20px;
1835 }
1836 .mysticky-welcomebar-form-reset .mysticky-welcomebar-submit {
1837 margin-right: 0;
1838 padding-top: 30px;
1839 }
1840 .mysticky-welcomebar-submit input.button-secondary {
1841 background: #969696;
1842 border-color: #969696;
1843 color: #ffffff;
1844 text-transform: uppercase;
1845 border-radius: 31px;
1846 font-size: 26px;
1847 margin-right: 10px;
1848 padding-left: 23px;
1849 padding-right: 23px;
1850 height: 60px;
1851 width: 200px;
1852 border: 0;
1853 box-shadow: none;
1854 font-weight: 600;
1855 text-shadow: none;
1856 }
1857 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-buttons {
1858 padding-right: 0;
1859 }
1860 .ui-dialog-buttonset .green-btn.ui-button {
1861 background-color: #00c67c;
1862 border-color: #00c67c;
1863 color: #fff;
1864 }
1865 .mysticky-welcomebar-setting-content-right.mysticky-welcomebar-setting-redirect-wrap {
1866 display: block;
1867 }
1868 .mysticky-welcomebar-setting-wrap .mysticky-welcomebar-setting-redirect-wrap .myStickymenu-upgrade {
1869 margin-top: 7px;
1870 }
1871 .updates-form-form {
1872 min-height: calc(100vh - 280px);
1873 }
1874 .popup-form-content {
1875 background: #ffffff;
1876 min-height: 100px;
1877 width: 450px;
1878 text-align: center;
1879 margin-top: 50px;
1880 border: solid 1px #c1c1c1;
1881 }
1882 .updates-content-buttons button {
1883 margin: 10px 3px !important;
1884 float: left;
1885 }
1886 .updates-content-buttons a span {
1887 -webkit-animation: fa-spin 0.75s infinite linear;
1888 animation: fa-spin 0.75s infinite linear;
1889 }
1890 .updates-content-buttons a:hover, .updates-content-buttons a:focus {
1891 color: #ffffff;
1892 background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1));
1893 }
1894 .updates-content-buttons a:focus {
1895 outline: 0;
1896 box-shadow: 0 0 0 2px #fff, 0 0 0 4px rgba(50,100,150,.4);
1897 }
1898 .updates-content-buttons button.form-cancel-btn {
1899 float: right !important;
1900 }
1901 .form-submit-btn {
1902 background-color: #3085d6;
1903 }
1904 .updates-content-buttons a span {
1905 -webkit-animation: fa-spin 0.75s infinite linear;
1906 animation: fa-spin 0.75s infinite linear;
1907 }
1908 .add-update-folder-title {
1909 font-size: 20px;
1910 line-height: 30px;
1911 padding: 20px 20px 0;
1912 }
1913 .folder-form-input {
1914 padding: 10px 20px;
1915 }
1916 .folder-form-input input {
1917 width: 100%;
1918 transition: border-color .3s,box-shadow .3s;
1919 border: 1px solid #d9d9d9;
1920 border-radius: .1875em;
1921 font-size: 1.125em;
1922 box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
1923 box-sizing: border-box;
1924 height: 2.625em;
1925 margin: 1em auto;
1926 }
1927 .updates-content-buttons {
1928 background: #c1c1c1;
1929 padding: 0 20px;
1930 }
1931
1932 @-webkit-keyframes fa-spin {
1933 0% {
1934 -webkit-transform: rotate(0deg);
1935 transform: rotate(0deg);
1936 }
1937 100% {
1938 -webkit-transform: rotate(359deg);
1939 transform: rotate(359deg);
1940 }
1941 }
1942 @media only screen and (max-width: 1490px) {
1943 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1944 padding-left: 10px;
1945 }
1946 .mysticky-welcomebar-setting-right {
1947 width: 400px;
1948 }
1949 }
1950 @media only screen and (max-width: 1355px) {
1951 .mysticky-welcomebar-page-option .url-content select {
1952 width: 130px;
1953 }
1954 .mysticky-welcomebar-page-option .url-content input[type="text"] {
1955 width: 180px;
1956 }
1957 .mysticky-welcomebar-setting-action {
1958 display: block;
1959 }
1960 .mysticky-welcomebar-setting-action + .mysticky-welcomebar-setting-action {
1961 padding-left: 0;
1962 padding-top: 10px;
1963 }
1964 }
1965 @media only screen and (max-width: 1200px) {
1966 .mysticky-welcomebar-page-option .url-content select {
1967 width: 110px;
1968 }
1969 .mysticky-welcomebar-page-option .url-content > div.mysticky-welcomebar-url-box {
1970 width: 230px;
1971 }
1972 .mysticky-welcomebar-page-option {
1973 padding: 10px 3px;
1974 }
1975 .mysticky-welcomebar-page-option .url-content input[type="text"] {
1976 width: 150px;
1977 }
1978 }
1979 @media only screen and (max-width: 1100px) {
1980 .mysticky-welcomebar-setting-right {
1981 width: 340px;
1982 right: 40px;
1983 }
1984 }
1985 @media only screen and (max-width: 1024px) {
1986 .mysticky-welcomebar-setting-right {
1987 right: 40px;
1988 width: 310px;
1989 }
1990 .mysticky-welcomebar-setting-content > label {
1991 font-size: 16px;
1992 width: 200px;
1993 padding-right: 10px;
1994 }
1995 .mysticky-welcomebar-preview-screen.mysticky-welcomebar-preview-mobile-screen {
1996 max-width: 250px;
1997 }
1998 }