PluginProbe
Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls / 6.3.9
Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls v6.3.9
6.5.1 6.5.0 6.4.9 6.4.8 6.4.7 6.4.6 6.4.5 6.4.4 6.4.3 6.4.2 6.4.1 6.4.0 6.3.9 6.3.8 6.3.7 6.3.6 6.3.5 6.3.4 6.3.3 5.6.0 5.6.1 5.6.2 5.6.3 5.6.4 5.6.5 All 154 releases
poll-maker / admin / css / poll-maker-ays-admin.css

poll-maker-ays-admin.css in Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls 6.3.9, at admin/css/poll-maker-ays-admin.css

7,389 lines 148.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
2
3 body {
4 background-color: #f1f1f1 !important;
5 }
6
7 #wpwrap {
8 background: #ffffff !important;
9 }
10
11 div#wpcontent {
12 height: auto;
13 }
14
15 #wpwrap hr {
16 border-top: 1px solid #ededed;
17 }
18
19 #wpwrap hr.ays-pb-bolder-hr {
20 border-top: 1px solid #c9c9c9;
21 box-shadow: 0px 1px 2px #0000001f;
22 }
23
24 body[class*="poll-maker"] #wpwrap {
25 background-color: #F3F4F5 !important;
26 }
27
28
29 /* Notice banner styles start */
30 div.ays-notice-banner{
31 width: calc(100% - 20px);
32 background-color: #F8F8F8;
33 box-shadow: 0px 3px 4px 0px rgb(188 198 216 / 11%);
34 border-radius: 0px 0px 12px 12px;
35 background-image: unset;
36 z-index: 300;
37 }
38
39 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a {
40 color: #eb5757;
41 }
42
43 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a:hover {
44 color: #c44949;
45 }
46
47 .error:not([class*="ays-poll"]):not([class*="ays_poll"]),
48 .notice:not([class*="ays-poll"]):not([class*="ays_poll"]) {
49 display: none !important;
50 }
51
52 .ays-poll-logo-container-upgrade {
53 display: flex;
54 align-items: center;
55 }
56
57 .ays-poll-logo-container-upgrade span.ays-poll-logo-container-one-time-text{
58 font-size: 11px;
59 font-style: normal;
60 font-weight: 600;
61 line-height: normal;
62 margin-top: 5px;
63 }
64
65 .ays-notice-banner .logo-container img.poll-logo {
66 width: 100%;
67 height: 100%;
68 object-fit: contain;
69 max-height: 75px;
70 min-width: 50px;
71 }
72
73 .ays-poll-upgrade-container {
74 margin-left: 10px;
75 display: flex;
76 flex-direction: column;
77 }
78
79 .poll-maker-upgrade-to-pro {
80 display: flex;
81 align-items: center;
82 justify-content: center;
83 color: #fff;
84 background-color: #10a37f;
85 border: 2px solid #10a37f;
86 margin-left: 0px;
87 padding: 5px 15px;
88 border-radius: 25px;
89 font-size: 13px;
90 font-weight: 700;
91 text-decoration: none;
92 transition: background-color 0.3s;
93 }
94
95 .poll-maker-upgrade-to-pro .poll-maker-upgrade-white-icon {
96 display: inline-block;
97 }
98
99 .poll-maker-upgrade-to-pro:hover {
100 background-color: #10876b;
101 color: #fff;
102 text-decoration: none
103 }
104
105 .poll-maker-upgrade-to-pro img {
106 margin-right: 5px;
107 width: 8px;
108 }
109
110 @media screen and (max-width: 425px){
111 .poll-maker-upgrade-to-pro img {
112 width: 8px;
113 }
114
115 .poll-maker-upgrade-to-pro span {
116 font-size: 12px;
117 }
118 }
119
120 .ays_poll_fa, .ays_poll_far, .ays_poll_fas {
121 font-family: "Font Awesome 5 Free";
122 }
123
124 .ays_poll_fa, .ays_poll_fas {
125 font-weight: 900;
126 }
127
128 .ays_fa_file_code::before {
129 content: "\f1c9";
130 font-weight: 400;
131 }
132
133 .ays_fa_file_text::before {
134 content: "\f15c";
135 }
136
137 .ays_fa_link::before {
138 content: "\f0c1";
139 }
140
141 .ays_label_flex{
142 display: flex;
143 justify-content: space-between;
144 }
145
146 .ays_fa{
147 display: inline-block;
148 font: normal normal normal 14px/1 FontAwesome;
149 font-size: inherit;
150 text-rendering: auto;
151 -webkit-font-smoothing: antialiased;
152 -moz-osx-font-smoothing: grayscale;
153 font-family: "Font Awesome 5 Free";
154 }
155
156 .ays_poll_fa_question_circle:before {
157 content: "\f059";
158 font-weight: 400;
159 }
160
161 .ays_poll_fa, .ays_poll_fab, .ays_poll_fal, .ays_poll_far, .ays_poll_fas {
162 -moz-osx-font-smoothing: grayscale;
163 -webkit-font-smoothing: antialiased;
164 display: inline-block;
165 font-style: normal;
166 font-variant: normal;
167 text-rendering: auto;
168 line-height: 1;
169 }
170
171
172 /* Social buttons */
173 .ays_poll-fa-linkedin:before {
174 content: "\f0e1";
175 }
176
177 .ays_poll_facebook:before {
178 content: "\f09a";
179 }
180
181 .ays_poll_fa-twitter:before {
182 content: "\f081";
183 }
184
185 .ays_poll_fa-vk:before {
186 content: "\f189";
187 }
188
189 .ays_poll_far {
190 font-weight: 400;
191 }
192
193 .ays_poll_fa_globe:before {
194 content: "\f0ac";
195 }
196
197 .ays_poll_fa_music:before {
198 content: "\f001";
199 }
200
201 .ays_poll_fa-star:before {
202 content: "\f005";
203 }
204
205 .ays_poll_fa-smile:before {
206 content: "\f118";
207 }
208
209 .ays_poll_fa-frown:before {
210 content: "\f119";
211 }
212
213 .ays_poll_fa-tired:before {
214 content: "\f5c8";
215 }
216
217 .ays_poll_fa-dizzy:before {
218 content: "\f567";
219 }
220
221 .ays_poll_fa-meh:before {
222 content: "\f11a";
223 }
224
225 .ays_poll_fa-thumbs-up:before {
226 content: "\f164";
227 }
228
229 .ays_poll_fa-thumbs-down:before {
230 content: "\f165";
231 }
232
233 .ays_poll_fa-info-circle:before {
234 content: "\f05a";
235 }
236
237 .ays_poll_fa-lock:before {
238 content: "\f023";
239 }
240
241 .ays_poll_fa-check:before {
242 content: "\f00c";
243 }
244
245 .ays_poll_fa-plus-square:before {
246 content: "\f0fe";
247 }
248
249 .ays_poll_fa-minus-square:before {
250 content: "\f146";
251 }
252
253 .ays_poll_fa-users:before {
254 content: "\f0c0"
255 }
256
257 .ays_poll_fa_trash:before {
258 content: "\f1f8";
259 }
260
261
262 .ays_poll_fa_thumbs_up::before {
263 content: "\f164";
264 }
265 .ays_poll_fa_thumbs_up{
266 font-size: 14px;
267 }
268 .ays_fa_calendar:before {
269 content: "\f073";
270 font-weight: 400;
271 }
272
273 .ays_poll_fa_text::before {
274 content: "\f036";
275 }
276
277 .ays_poll_fa_heart_o::before {
278 content: "\f004";
279 }
280
281 .ays_poll_fa_arrows:before {
282 content: "\f0b2";
283 }
284
285 .ays_poll_fa_minus_square:before {
286 content: "\f146";
287 }
288
289 .ays_fa_ellipsis_h:before {
290 content: "\f141";
291 }
292
293 .ays_poll_fa-code:before{
294 content: "\f121";
295 }
296
297 .ays_poll_fa-left:before {
298 content: "\f104";
299 font-weight: 900;
300 }
301 .ays_poll_fa-right:before {
302 content: "\f105";
303 font-weight: 900;
304 }
305
306 .ays_poll_fa-poll:before {
307 content: "\f681";
308 font-weight: 900;
309 }
310
311 .ays_poll_fa-diamond:before {
312 content: "\f3a5";
313 font-weight: 900;
314 }
315
316 .ays_fa_users:before {
317 content: "\f0c0";
318 font-weight: 900;
319 }
320
321 .ays_poll_fa-warning:before {
322 content: "\f071";
323 }
324
325 .ays_poll_fa_play:before {
326 content: "\f04b";
327 }
328
329 .ays_poll_fa-check-square:before {
330 content: "\f14a";
331 }
332
333 .ays_poll_fa-xmark-square:before {
334 content: "\f410";
335 }
336
337 .ays_fa_arrow_down::before {
338 content: "\f078";
339 }
340
341 /*-- (fa --> ays_poll_fa) END --*/
342
343 #ui-datepicker-div {
344 /*width: fit-content;*/
345 width: 200px;
346 font-size: .9em;
347 z-index: 4 !important;
348 }
349
350 .ays-poll-tab-content fieldset, .ays-settings-wrapper fieldset {
351 border: 1px solid #aaa;
352 padding: 10px;
353 }
354
355 .ays-poll-tab-content legend, .ays-settings-wrapper legend {
356 width: auto;
357 padding: 0 5px;
358 display: flex;
359 align-items: center;
360 justify-content: space-between;
361 }
362
363 .ays-poll-tab-content legend h5, .ays-settings-wrapper legend h5 {
364 display: inline-block;
365 margin: 0px 10px 5px;
366 }
367
368 .ays-notice-banner #navigation-container {
369 position: relative;
370 width: 100%;
371 margin: 0 auto;
372 display: flex;
373 flex-direction: row;
374 flex-wrap: nowrap;
375 justify-content: space-between;
376 align-items: stretch;
377 align-content: stretch;
378 padding: 20px;
379 padding-right: 0;
380 background-color: #E1EEFF;
381 }
382
383 .ays-notice-banner .navigation-bar {
384 width: 100%;
385 text-align:center;
386 }
387 .ays-notice-banner .navigation-bar a.logo-container{
388 margin: 0 0 0 20px;
389 }
390 .ays-notice-banner .navigation-bar a.logo-container .logo {
391 float: left;
392 width: 80px;
393 }
394 .ays-notice-banner .navigation-bar ul {
395 display: flex;
396 flex-direction: row;
397 flex-wrap: nowrap;
398 justify-content: flex-end;
399 align-items: center;
400 align-content: stretch;
401 padding: 0;
402 margin: 0 20px 0 0;
403 max-width: 100%;
404 min-width: 200px;
405 width: 100%;
406 }
407
408 .ays-notice-banner .navigation-bar li {
409 padding: 0px;
410 margin-top: 4px;
411 margin-bottom: 4px;
412 margin-right: 44px;
413 }
414
415 .ays-notice-banner .navigation-bar li:last-child {
416 margin-right: 0;
417 }
418
419 .ays-notice-banner .navigation-bar li.make_a_suggestion a {
420 color: #EB5757;
421 }
422
423 .ays-notice-banner .navigation-bar li.make_a_suggestion a:hover {
424 color: #C44949;
425 }
426
427 .ays-notice-banner .navigation-bar li a {
428 color: #0b328e;
429 cursor: pointer;
430 font-size: 18px;
431 font-weight: 500;
432 line-height: 45px;
433 margin: 0 0 2em;
434 max-width: 160px;
435 position: relative;
436 text-decoration: none;
437 text-transform: capitalize;
438 width: 100%;
439 letter-spacing: 0;
440 }
441
442 div.ays-notice-banner .navigation-bar li a:after {
443 -webkit-backface-visibility: hidden;
444 backface-visibility: hidden;
445 border: 1px solid rgba(255, 255, 255, 0);
446 bottom: 0;
447 content: " ";
448 display: none;
449 margin: 0 auto;
450 position: relative;
451 transition: all 280ms ease-in-out;
452 width: 0;
453 }
454
455 .ays-notice-banner .navigation-bar li a:hover{
456 outline: unset;
457 box-shadow: unset;
458 color: #2275ea;
459 }
460 .ays-notice-banner .modile-ddmenu-lg {
461 display: none;
462 }
463
464 .ays-notice-banner .modile-ddmenu-sm,
465 .ays-notice-banner .modile-ddmenu-md {
466 display: none;
467 position: relative;
468 width: 80px;
469 }
470
471 .ays-notice-banner #menu li a.toggle_ddmenu {
472 font-size:25px;
473 /*color: #fff;*/
474 color: #5561A3;
475 width: 100%;
476 }
477
478 .ays-notice-banner #menu li a.toggle_ddmenu i.ays_fa{
479 transition: .1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
480 }
481
482 .ays-notice-banner li ul.ddmenu {
483 display: none;
484 position: absolute;
485 right: -55px;
486 top: 50px;
487 z-index: 10000;
488 flex-direction: column;
489 width: fit-content;
490 min-width: 200px;
491 text-align: left;
492 /*background-color: #0093E9;*/
493 background-color: #FFFFFF;
494 /*background-image: linear-gradient(-160deg, #80D0C7 0%, #0093E9 100%);*/
495 background-image: unset;
496 box-shadow: 0px 4px 4px rgb(188 198 216 / 11%);
497 }
498
499 .ays-notice-banner li ul.ddmenu[data-expanded="true"] {
500 display: flex;
501 align-items: flex-start;
502 animation: slideInRight .2s;
503 }
504
505 .ays-notice-banner li ul.ddmenu li {
506 padding-left: 20px;
507 }
508
509 @media screen and (min-width: 1218px){
510 .ays-notice-banner .modile-ddmenu-lg {
511 display: block;
512 }
513 }
514
515 @media screen and (max-width: 1218px){
516 .ays-notice-banner .modile-ddmenu-md {
517 display: block;
518 }
519 }
520
521 @media screen and (max-width: 890px){
522 .ays_menu_left, .ays_menu_right {
523 height: 40% !important;
524 top: 10px;
525 }
526 }
527 @media screen and (max-width: 768px){
528 div#ays-poll-dicount-month-main.ays_poll_dicount_info.notice {
529 display: none;
530 }
531 .ays-notice-banner .navigation-bar ul.ddmenu {
532 align-items: stretch;
533 }
534 .ays-notice-banner .modile-ddmenu-sm {
535 display: block;
536 }
537 .ays-notice-banner .modile-ddmenu-md {
538 display: none;
539 }
540 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables th#polls,
541 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables td.polls.column-polls{
542 text-align: initial !important;
543 }
544 div.ays-notice-banner{
545 width: 100%;
546 }
547 }
548 @media screen and (max-width: 630px){
549 .ays-notice-banner .navigation-bar ul {
550 min-width: auto;
551 }
552
553 .ays-notice-banner .modile-ddmenu-sm {
554 display: block;
555 }
556 .ays-notice-banner .modile-ddmenu-md {
557 display: none;
558 }
559 .ays-notice-banner .modile-ddmenu-xs {
560 display: none;
561 }
562 }
563
564 .ays-fa-margin-right {
565 margin-right: 5px;
566 }
567
568 /* Notice banner end */
569
570 .ays-text-input {
571 width: 100%;
572 height: 40px;
573 }
574
575 input.ays-text-input,
576 textarea.ays-textarea {
577 display: block;
578 width: 100%;
579 resize: none;
580 }
581
582 textarea.ays-textarea.wp-editor-area {
583 resize: vertical;
584 }
585
586 input.ays-text-input.ays-text-input-short {
587 width: 250px;
588 display: inline-block;
589 margin: 7.5px 0;
590 }
591 .ays-select-short {
592 width: 250px;
593 }
594
595 .ays-redirect-content-left{
596 margin-right: 10px;
597 }
598
599 .ays-redirect-parent-box{
600 display: flex;
601 /*justify-content: space-between;*/
602 }
603
604 input.ays-text-input.ays-text-input-short:first-child {
605 margin-top: 0;
606 }
607
608 textarea.ays-textarea {
609 height: 160px;
610 margin-top: 5px;
611 width: 100%;
612 }
613
614 #ays-button-top,
615 #ays-button-top-apply,
616 #ays_poll_cancel_top,
617 #ays_poll_cancel,
618 #ays-button-apply,
619 #ays-button-cat,
620 #ays-button,
621 #ays-polls-next-button,
622 #ays-polls-prev-button{
623 margin-left: 10px;
624 }
625
626 select.ays-select {
627 width: 200px;
628 height: 40px !important;
629 }
630
631 .if-not-choosing-hide{
632 display: none;
633 }
634
635 .if-choosing .answers-col i {
636 display: inline-block;
637 font-size: 27px;
638 position: relative;
639 top: 5px;
640 left: 5px;
641 color: var(--info);
642 }
643
644 [id|='select2'] li[id$='-pro'] {
645 color: #e14d43 !important;
646 }
647
648 #vote-res,
649 #rate-res {
650 position: relative;
651 top: 2px;
652 color: var(--info);
653 font-size: 20px;
654 }
655
656 div[class|="if"] {
657 display: none;
658 }
659
660 hr[class|="if"] {
661 display: none;
662 }
663
664 #add-answer {
665 /*position: absolute;*/
666 /*left: 275px;*/
667 cursor: pointer;
668 transition: .2s ease-in;
669 }
670
671 .remove-answer {
672 cursor: pointer;
673 }
674
675 .ays-poll-change-notice {
676 font-style: italic;
677 font-size: 12px;
678 margin-left: 10px;
679 color: var(--gray);
680 }
681
682 input[type=text]:not(#current-page-selector),
683 input[type=search],
684 input[type=tel],
685 input[type=time],
686 input[type=url],
687 input[type=week],
688 input[type=password],
689 input[type=color],
690 input[type=date],
691 input[type=datetime],
692 input[type=datetime-local],
693 input[type=email],
694 input[type=month],
695 input[type=number],
696 select,
697 textarea,
698 .select2-selection__rendered {
699 /*font-size: 16px;*/
700 /*height: 40px;*/
701 border-radius: 4px;
702 /* margin-top: -1px; */
703 }
704
705 input[readonly] {
706 max-width: 100%;
707 width: 100%;
708 }
709
710 .ays-field {
711 width: 100%;
712 flex-wrap: wrap;
713 }
714
715 .ays-poll-shortcode-container {
716 display: flex;
717 align-items: center;
718 }
719
720 .ays-poll-copy-image {
721 display: flex;
722 justify-content: center;
723 align-items: center;
724 cursor: pointer;
725 margin-right: 5px;
726 }
727
728 .ays-bg-music-container {
729 display: flex;
730 align-items: center;
731 }
732
733 a.add-question-image,
734 a.add-poll-bg-music,
735 a.add-bg-image {
736 display: inline-block;
737 background: #666;
738 color: #fff;
739 padding: 5px 10px;
740 box-sizing: border-box;
741 text-decoration: none;
742 border-radius: 3px;
743 transition: all .3s;
744 margin-left: 10px;
745 margin-bottom: 10px;
746 }
747
748 a.add-poll-bg-music {
749 margin-left: 0px;
750 margin-right: 10px;
751 white-space: nowrap;
752 }
753
754 .ays-poll-question-image-container{
755 position: relative;
756 width: 360px;
757 margin: 10px auto;
758 max-width: 100%;
759 }
760
761 .ays-poll-bg-image-container{
762 position: relative;
763 width: 300px;
764 /* display: none; */
765 margin: auto;
766 height: 250px;
767 padding: 10px;
768 }
769
770
771 .ays-poll-info-form-text {
772 font-family: unset;
773 background: red;
774 }
775
776 .ays-poll-question-image-container .ays-remove-question-img,
777 .ays-poll-bg-image-container .ays-remove-bg-img {
778 background: url(../images/remove-normal.png) no-repeat center center/80% rgba(255, 255, 255, .9);
779 position: absolute;
780 display: inline-block;
781 width: 40px;
782 height: 40px;
783 border-radius: 3px;
784 top: 11px;
785 right: 25px;
786 cursor: pointer;
787 transition: all .3s;
788 }
789
790 .ays-poll-question-image-container .ays-remove-question-img:hover,
791 .ays-poll-bg-image-container .ays-remove-bg-img:hover {
792 background: url(../images/remove-hover.png) no-repeat center center/80% rgba(255, 255, 255, .9);
793 transition: all .3s;
794 }
795
796 .ays-poll-question-image-container img{
797 width: 95%;
798 }
799
800 .ays-poll-bg-image-container img {
801 width: 100%;
802 height: 100%;
803 object-fit: cover;
804 }
805
806
807 a.add-question-image:hover,
808 a.add-question-image:focus,
809 a.add-bg-image:hover,
810 a.add-bg-image:focus {
811 outline: none;
812 box-shadow: none;
813 background: #666;
814 transition: all .3s;
815 }
816
817 .ays-poll-tab-content .select2-container--default .select2-selection--single .select2-selection__rendered {
818 line-height: 38px !important;
819 }
820
821 .select2.select2-container,.select2-container--default.select2-container{
822 z-index: 10000;
823 }
824
825 div#tab1 .select2.select2-container,.select2-container--default.select2-container,
826 div#tab1 .pro_features{
827 z-index: 3;
828 }
829
830 a.ays-poll-zindex-for-pro-tooltip {
831 z-index: 4;
832 }
833
834 /* Polls page | Options accordion styles start */
835 .ays-poll-accordion-header {
836 display: flex;
837 justify-content: flex-start;
838 align-items: center;
839 padding-top: 30px;
840 cursor: pointer;
841 }
842
843 .ays-poll-accordion-header:hover {
844 color: #008cff;
845 }
846
847 .ays-poll-accordion-header p.ays-subtitle {
848 margin: 0px;
849 }
850
851 .ays-poll-accordion-header .ays-poll-accordion-arrow-box {
852 cursor: pointer;
853 }
854
855 .ays-poll-accordion-header .ays-poll-accordion-arrow {
856 transition: .3s ease;
857 }
858
859 .ays-poll-accordion-header .ays-poll-accordion-arrow-active {
860 transform: rotate(90deg);
861 }
862
863 .ays-poll-accordion-header .ays-poll-accordion-arrow.ays-poll-accordion-arrow-active path {
864 fill: #008cff;
865 }
866 /* Polls page | Options accordion styles end */
867
868 .select2 {
869 display: inline-block !important;
870 }
871
872 .select2-selection.select2-selection--single {
873 height: 40px !important;
874 border: 1px solid #ddd !important;
875 box-shadow: inset 0 1px 2px rgba(0, 0, 0, .07) !important;
876 }
877
878 .select2-container--default .select2-selection--single .select2-selection__rendered {
879 line-height: 39px !important;
880 }
881
882 .select2-container--default .select2-selection--single .select2-selection__arrow {
883 height: 40px !important;
884 }
885
886 .select2.select2-container {
887 width: 200px !important;
888 }
889
890 select[multiple] + .select2.select2-container {
891 width: 100% !important;
892 }
893
894 .ays-poll-tab-content {
895 animation: fadeEffect 1s;
896 display: none;
897 }
898
899 .ays-poll-tab-content-active {
900 display: block;
901 }
902
903 @keyframes fadeEffect {
904 from {
905 opacity: 0;
906 }
907 to {
908 opacity: 1;
909 }
910 }
911
912 .nav-tab-wrapper .nav-tab:focus {
913 box-shadow: none;
914 outline: none;
915 }
916
917 /*#ays-poll-question_ifr {
918 height: 250px !important;
919 }*/
920
921 .ays-poll-container,
922 .ays-poll-live-container {
923 max-width: 900px;
924 margin: auto;
925 display: flex;
926 flex-wrap: wrap;
927 justify-content: space-between;
928 align-items: center;
929 height: auto;
930 transition: 1s ease-in;
931 }
932
933 .ays-poll-live-container {
934 width: 96%;
935 margin: 10px auto;
936 background: white;
937 border: none;
938 box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
939 padding: 1rem;
940 box-sizing: border-box;
941 position: relative;
942 }
943
944 #ays_styles_tab,
945 #ays-poll-live-container {
946 max-width: 100%;
947 min-width: 300px;
948 }
949
950 .ays-poll-style-tab-live-container{
951 position: sticky;
952 top: 50px;
953 }
954
955 .flex-apm {
956 margin: 0 auto;
957 border: 1px solid #0C6291;
958 display: flex;
959 justify-content: center;
960 align-items: center;
961 flex-wrap: nowrap;
962 box-sizing: border-box;
963 }
964
965 .flex-apm > *:not(img):not(.ays-poll-vote-btn):not(span) {
966 margin: .5rem;
967 width: 95%;
968 }
969
970 .flex-apm * {
971 box-sizing: border-box;
972 padding: 0;
973 }
974
975 .flex-apm label {
976 display: inline-block;
977 }
978
979 .ays-poll-vote-btn {
980 line-height: 0.5;
981 margin-bottom: 1rem;
982 }
983
984 .flex-col-apm {
985 flex-direction: column;
986 align-items: flex-start;
987 }
988
989 .flex-apm h2,
990 .flex-apm h5 {
991 width: 95%;
992 text-align: center;
993 align-self: center;
994 }
995
996 .flex-apm .btn {
997 align-self: center;
998 height: 2rem;
999 padding: .5rem;
1000 }
1001
1002 .ays-poll-img {
1003 width: 96%;
1004 display: inline-block;
1005 margin: 5px auto;
1006 }
1007
1008 .aligncenter {
1009 align-self: center;
1010 }
1011
1012 .alignleft {
1013 align-self: flex-start;
1014 }
1015
1016 .alignright {
1017 align-self: flex-end;
1018 }
1019
1020 #ays-poll-rate-value {
1021 margin-left: 1rem;
1022 display: none;
1023 }
1024
1025 table.wp-list-table.polls .column-id {
1026 width:70px;
1027 }
1028
1029 .ays_help {
1030 top: 1px;
1031 position: relative;
1032 color: var(--info) !important;
1033 cursor: help;
1034 }
1035
1036 .ays_help i {
1037 font-size: 14px !important;
1038 }
1039
1040 div.tooltip {
1041 text-align: left !important;
1042 position: absolute !important;
1043 font-size: 14px;
1044 z-index: 99999999999;
1045 }
1046 .tooltip > .tooltip-inner {
1047 position: relative !important;
1048 width: max-content !important;
1049 max-width: 300px !important;
1050 text-align: justify!important;
1051 box-shadow: 0px 0px 10px #fff;
1052 }
1053 .tooltip > .arrow {
1054 left: calc(50% + 28px) !important;
1055 }
1056 .tooltip > .tooltip-inner img {
1057 max-width: 100%;
1058 height: 100%;
1059 object-fit: contain;
1060 }
1061
1062 .ays-subtitle {
1063 font-size: 18px;
1064 margin: 15px 0;
1065 }
1066
1067
1068 /* POLL STYLES FOR LIVE PREVIEW */
1069
1070 .box-apm *:not(i):not(.ays-poll-btn) {
1071 color: var(--theme-text-color);
1072 }
1073
1074 .box-apm i {
1075 color: var(--theme-icon-color);
1076 font-size: var(--poll-icons-size);
1077 }
1078
1079 .box-apm.choosing-poll label {
1080 background-color: var(--theme-answer-bg-color);
1081 border: 1px solid var(--theme-main-color);
1082 }
1083
1084 .box-apm .apm-title-box {
1085 background-color: var(--theme-title-bg-color);
1086 }
1087
1088 .box-apm.choosing-poll input[type='radio']:checked + label,
1089 .box-apm.choosing-poll label.ays_enable_hover:hover {
1090 background-color: var(--theme-answer-hover-color, var(--theme-text-color));
1091 color: var(--theme-bg-color);
1092 }
1093
1094 .box-apm.choosing-poll input[type='radio']:checked + label *,
1095 .box-apm.choosing-poll label.ays_enable_hover:hover * {
1096 color: var(--theme-answer-bg-color);
1097 }
1098
1099 .box-apm .apm-title-box {
1100 text-align: center;
1101 display: var(--poll-display-title);
1102 }
1103
1104 .box-apm .apm-img-box {
1105 display: var(--poll-display-image-box);
1106 }
1107
1108 .box-apm {
1109 width: var(--poll-width);
1110 max-width: 100%;
1111 margin: 0 auto !important;
1112 border-style: var(--poll-border-style);
1113 border-radius: var(--poll-border-radius);
1114 border-width: var(--poll-border-width);
1115 box-shadow: var(--poll-box-shadow);
1116 /* border-color: var(--theme-main-color); */
1117 background-color: var(--theme-bg-color);
1118 background-position: center;
1119 background-repeat: no-repeat;
1120 background-size: cover;
1121 padding: 14px 0;
1122 box-sizing: border-box;
1123 /* overflow: hidden; */
1124 transition: .2s ease-in !important;
1125 -webkit-transition: -webkit-filter .2s ease-in !important;
1126 max-height: 800px;
1127 overflow-y: scroll;
1128 overflow: auto;
1129 padding-bottom: 40px;
1130 }
1131
1132 .box-apm > div {
1133 margin: 16px 0;
1134 }
1135
1136 .box-apm label {
1137 cursor: pointer;
1138 }
1139
1140 .box-apm * {
1141 box-sizing: border-box;
1142 padding: 0;
1143 margin: 0;
1144 }
1145
1146 .apm-button-box {
1147 width: 100%;
1148 text-align: center;
1149 }
1150
1151 input[type='button'].ays-poll-btn {
1152 background-color: var(--theme-main-color);
1153 color: var(--theme-bg-color);
1154 font-family: sans-serif;
1155 font-size: medium;
1156 /* line-height: 20px; */
1157 border-radius: 0;
1158 box-shadow: unset;
1159 border: none;
1160 cursor: pointer;
1161 display: inline-block;
1162 margin: 0 auto;
1163 /* padding: 9px 15px; */
1164 /* height: 35px;
1165 min-width: 90px; */
1166 transition: .2s ease-in !important;
1167 -webkit-transition: -webkit-filter .2s ease-in !important;
1168 max-width: 100%;
1169 }
1170
1171 input[type='button'].ays-poll-btn:hover {
1172 border: none;
1173 box-shadow: unset;
1174 -webkit-filter: opacity(0.7);
1175 filter: opacity(0.7);
1176 }
1177
1178 input[type='button'].ays-poll-btn:focus {
1179 outline: none;
1180 }
1181
1182 .box-apm h2,
1183 .box-apm h5 {
1184 margin: 0 auto;
1185 text-align: center;
1186 align-self: center;
1187 }
1188
1189 .flex-apm {
1190 display: flex;
1191 flex-wrap: nowrap;
1192 align-items: center;
1193 }
1194
1195 .answer-title.flex-apm {
1196 justify-content: space-between;
1197 border: none;
1198 }
1199
1200 .apm-img-box {
1201 text-align: center;
1202 }
1203
1204 .ays-poll-img {
1205 width: 100%;
1206 display: inline-block;
1207 max-width: max-content;
1208 }
1209
1210 .ays_poll_minimal_theme {
1211 display: flex;
1212 align-items: center;
1213 }
1214
1215 .ays_poll_minimal_theme label{
1216 font-weight: initial !important;
1217 margin: 3px 0 !important;
1218 border: none;
1219 }
1220
1221 .ays_poll_minimal_theme label.ays_enable_hover:hover,
1222 .ays_poll_minimal_theme input[type=radio]:checked + label {
1223 background-color: var(--theme-answer-hover-color, initial) !important;
1224 color: var(--theme-main-color) !important;
1225 font-weight: initial !important;
1226 margin: 3px 0 !important;
1227 }
1228
1229 .ays_poll_minimal_theme input[type='radio']{
1230 display: block !important;
1231 }
1232
1233 input[type='button'].ays_poll_minimal_theme_btn.ays-poll-btn{
1234 color: initial;
1235 background: initial;
1236 border: 1px solid var(--theme-text-color);
1237 border-radius: 3px;
1238 }
1239
1240 .box-apm input[type='radio'] {
1241 display: none;
1242 }
1243
1244 .ays_question {
1245 text-align: center;
1246 }
1247
1248 .box-apm.choosing-poll .apm-choosing.ays-poll-field {
1249 margin-bottom: 10px;
1250 }
1251
1252 .apm-choosing label {
1253 font-size: 16px;
1254 font-weight: normal;
1255 display: block;
1256 /* margin: 4px auto; */
1257 width: 100%;
1258 padding: 10px;
1259 /*transition: .3s ease-in;*/
1260 }
1261
1262 .choosing-poll input[type='radio']:checked + label {
1263 font-weight: bold;
1264 }
1265
1266 .choosing-poll {
1267 padding: 0 14px;
1268 }
1269
1270 .rating-poll,
1271 .voting-poll {
1272 text-align: center;
1273 }
1274
1275 .rating-poll .apm-answers,
1276 .voting-poll .apm-answers {
1277 display: inline-flex;
1278 justify-content: center;
1279 align-items: center;
1280 flex-wrap: nowrap;
1281 }
1282
1283 .rating-poll .apm-answers > div {
1284 margin: 0 5px;
1285 }
1286
1287 .voting-poll .apm-answers > div {
1288 margin: 0 15px;
1289 }
1290
1291 .box-apm i {
1292 position: relative;
1293 }
1294
1295 .box-apm label > i.ays_poll_fa-thumbs-down {
1296 top: .3em;
1297 }
1298
1299 .box-apm i::before {
1300 font-family: "Font Awesome 5 Free" !important;
1301 }
1302
1303 /*LIVE PREVIEW STYLES END*/
1304
1305 .apm-pro-feature {
1306 color: #e14d43;
1307 }
1308
1309 .apm-pro-feature-text {
1310 color: rgba(33, 37, 41, 0.4);
1311 }
1312
1313 .apm-pro-feature-text a:hover {
1314 text-decoration: none;
1315 }
1316
1317 .apm-pro-feature-block, .ays_poll_theme_image_div_pro {
1318 position: relative;
1319 }
1320
1321 .ays_poll_theme_image_div_pro {
1322 display: flex;
1323 width: 60%;
1324 }
1325
1326 .apm-pro-feature-block .apm-pro-feature-link {
1327 position: absolute;
1328 width: 100%;
1329 height: calc(100% + 2rem);
1330 display: flex;
1331 align-items: flex-end;
1332 justify-content: flex-end;
1333 padding-right: 5px;
1334 right: 0;
1335 top: -1rem;
1336 background-color: rgba(0, 0, 0, .2);
1337 color: white;
1338 cursor: pointer;
1339 }
1340
1341 .apm-pro-feature-block.apm-types-row .apm-pro-feature-link,
1342 .apm-pro-feature-block.apm-themes-row .apm-pro-feature-link {
1343 /*width: 60%;*/
1344 justify-content: center;
1345 padding-right: 0;
1346 }
1347
1348 .apm-pro-feature-block.apm-types-row .apm-pro-feature-link {
1349 width: 30%;
1350 }
1351
1352 .apm-types-row .apm-pro-feature-link span,
1353 .apm-themes-row .apm-pro-feature-link span {
1354 background-color: rgba(0, 0, 0, .7);
1355 text-align: center;
1356 padding: 5px;
1357 width: 100%;
1358 }
1359
1360 .apm-pro-feature-link a {
1361 color: #e14d43
1362 }
1363
1364 .nav-tab-wrapper .nav-tab:focus {
1365 box-shadow: none;
1366 outline: none;
1367 }
1368
1369
1370 /* Our products PAGE STYLES */
1371
1372 .comparison {
1373 max-width: 100%;
1374 margin: 0 auto;
1375 margin-bottom: 20px;
1376 margin-top: 30px;
1377 font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
1378 text-align: center;
1379 padding: 10px;
1380 }
1381
1382 .comparison table {
1383 width: 100%;
1384 border-collapse: collapse;
1385 border-spacing: 0;
1386 table-layout: auto;
1387 }
1388
1389 .comparison td,
1390 .comparison th {
1391 border-right: 1px solid #E8E8E8;
1392 empty-cells: show;
1393 padding: 10px;
1394 border-top: 1px solid #E8E8E8;
1395 border-bottom: 1px solid #E8E8E8;
1396 color: #808080;
1397 font-size: 15px;
1398 }
1399
1400 .comparison tbody tr:nth-child(odd) {
1401 display: none;
1402 }
1403
1404 .comparison .compare-row {
1405 background: #F7F7F7;
1406 }
1407
1408 .comparison .ays_poll_fa-check {
1409 color: #69C7F1;
1410 }
1411
1412 .comparison th {
1413 font-weight: normal;
1414 padding: 0;
1415 border-top: 0px solid #E8E8E8;
1416 border-bottom: 0px solid #E8E8E8;
1417 }
1418
1419 .comparison tr td:first-child {
1420 text-align: left;
1421 padding: 15px;
1422 border-left: 1px solid #E8E8E8;
1423 border-top: 1px solid #E8E8E8;
1424 }
1425
1426 .comparison .product,
1427 .comparison .tl {
1428 color: #FFF;
1429 padding: 10px;
1430 font-size: 14px;
1431 }
1432
1433 .comparison .tl2 {
1434 border-right: 0;
1435 }
1436
1437 .comparison .product {
1438 background: #69C7F1;
1439 height: 40px;
1440 font-size: 1.6em;
1441 }
1442
1443 .comparison .price-info {
1444 padding: 15px;
1445 }
1446
1447 .comparison .price-now,
1448 .comparison .price-now span {
1449 color: #808080;
1450 }
1451
1452 .comparison .price-now span {
1453 font-size: 36px;
1454 color: #545454;
1455 }
1456
1457 .comparison .price-now p {
1458 font-size: 14px;
1459 text-align: center;
1460 line-height: 16px;
1461 display: inline;
1462 }
1463
1464 .comparison .price-buy {
1465 background: #69C7F1;
1466 padding: 10px 20px;
1467 font-size: 14px;
1468 display: inline-block;
1469 color: #fff;
1470 text-decoration: none;
1471 border-radius: 3px;
1472 text-transform: uppercase;
1473 margin: 5px 0 10px 0;
1474 letter-spacing: 1px;
1475 cursor: pointer;
1476 -webkit-transition: .3s all ease;
1477 transition: .3s all ease;
1478 }
1479
1480 .comparison .price-buy:hover {
1481 background: #6BB0DC;
1482 }
1483
1484 .comparison .ays-poll-pracing-table-td-flex {
1485 display: flex;
1486 justify-content: center;
1487 align-items: center;
1488 flex-direction: column;
1489 }
1490
1491 .comparison .ays-poll-pracing-table-td-flex span {
1492 font-size: 11px;
1493 color: #96a3bd;
1494 text-transform: uppercase;
1495 margin-top: 5px;
1496 }
1497
1498 @media screen and (min-width: 721px) and (max-width: 1000px) {
1499 .table_ul li {
1500 letter-spacing: 0px;
1501 }
1502 .comparison .price-now span {
1503 font-size: 32px;
1504 }
1505 .comparison .price-now p {
1506 display: block;
1507 }
1508 }
1509
1510 @media screen and (max-width: 720px) {
1511 .table_ul {
1512 padding: 0px;
1513 }
1514 .table_ul li {
1515 font-size: 10px;
1516 line-height: 16px;
1517 padding: 3px 0;
1518 }
1519 .comparison {
1520 max-width: 100%;
1521 }
1522 .comparison td:first-child,
1523 .comparison th:first-child {
1524 display: none;
1525 }
1526 .comparison tbody tr:nth-child(odd) {
1527 display: table-row;
1528 background: #F7F7F7;
1529 }
1530 .comparison .row {
1531 background: #FFF;
1532 }
1533 .comparison td,
1534 .comparison th {
1535 border: 1px solid #CCC;
1536 border-top: none;
1537 padding: 10px;
1538 }
1539 .price-info {
1540 border-top: 0 !important;
1541 padding: 10px 0 !important;
1542 }
1543 .price-info p {
1544 line-height: 8px;
1545 font-size: 8px !important;
1546 }
1547 .comparison .compare-row {
1548 background: #ffffff;
1549 }
1550 .comparison .price-now p {
1551 display: block;
1552 }
1553 .comparison .price-now span {
1554 font-size: 24px;
1555 }
1556 .comparison .qbse {
1557 font-size: 1.2em;
1558 }
1559 .comparison td {
1560 font-size: 14px;
1561 }
1562 .comparison th {
1563 font-size: 14px;
1564 }
1565 .ays-poll-col-4{
1566 width: 100%;
1567 padding: 5px;
1568 }
1569
1570 div.comparison .product {
1571 font-size: 15px;
1572 }
1573 }
1574
1575 /* Poll Maker Challange Start */
1576 /*.poll-maker-challenge {
1577 position: fixed;
1578 right: 20px;
1579 bottom: 0;
1580 width: 230px;
1581 z-index: 100110;
1582 border-top-left-radius: 4px;
1583 border-top-right-radius: 4px;
1584 box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
1585 }
1586
1587 .poll-maker-challenge .poll-maker-challenge-list-block {
1588 border-top-left-radius: 4px;
1589 border-top-right-radius: 4px;
1590 padding: 26px 20px 20px 20px;
1591 background-color: white;
1592 overflow: hidden;
1593 position: relative;
1594 transition: all 0.3s;
1595 transition-timing-function: ease;
1596 }
1597
1598 .poll-maker-challenge .poll-maker-challenge-list-block .list-block-button {
1599 position: absolute;
1600 color: #8e8e8e;
1601 top: 8px;
1602 right: 6px;
1603 cursor: pointer;
1604 width: 20px;
1605 height: 20px;
1606 background-size: 16px 16px;
1607 background-position: center center;
1608 background-repeat: no-repeat;
1609 transition: 0.3s;
1610 z-index: 999;
1611 }
1612
1613 .poll-maker-challenge .poll-maker-challenge-list-block .list-block-button:hover {
1614 color: #3f3939;
1615 }
1616
1617 .poll-maker-challenge .poll-maker-challenge-list {
1618 list-style: decimal;
1619 margin: 0;
1620 font-size: 14px;
1621 line-height: 16px;
1622 transition: all 0.3s;
1623 padding-left: 10px;
1624 }
1625
1626 .poll-maker-challenge .poll-maker-challenge-list li {
1627 height: 16px;
1628 margin-bottom: 17px;
1629 transition: opacity 0.1s, height 0.3s, margin 0.3s;
1630 }
1631
1632 .poll-maker-challenge .poll-maker-challenge-block-timer {
1633 padding: 10px 20px;
1634 background-color: #222222;
1635 box-sizing: border-box;
1636 display: flex;
1637 align-items: center;
1638 line-height: 20px;
1639 }
1640
1641 .poll-maker-challenge .poll-maker-challenge-block-timer img {
1642 width: 40px;
1643 height: 40px;
1644 border-radius: 50%;
1645 margin-right: 10px;
1646 }
1647
1648 .poll-maker-challenge .poll-maker-challenge-block-timer h3 {
1649 font-size: 15px;
1650 font-weight: 500;
1651 color: #ffffff;
1652 margin: 0;
1653 }*/
1654 /* Poll Maker Challange End */
1655
1656
1657 .ays-poll-row {
1658 display: flex;
1659 box-sizing: border-box;
1660 }
1661
1662 .ays-poll-col-4 {
1663 width: 25%;
1664 padding: 5px;
1665 }
1666
1667 .ays-poll-col-4 a {
1668 display: inline-block;
1669 padding: 5px;
1670 }
1671
1672 .ays-poll-row .lightbox-opened {
1673 background-color: #333;
1674 background-color: rgba(51, 51, 51, 0.9);
1675 cursor: pointer;
1676 height: 100%;
1677 left: 0;
1678 overflow-y: scroll;
1679 padding: 24px;
1680 position: fixed;
1681 text-align: center;
1682 top: 0;
1683 width: 100%;
1684 z-index: 999999;
1685 }
1686
1687 .ays-poll-row .lightbox-opened:before {
1688 background-color: #333;
1689 background-color: rgba(51, 51, 51, 0.9);
1690 color: #eee;
1691 content: "x";
1692 font-family: sans-serif !important;
1693 padding: 6px 12px;
1694 position: fixed;
1695 text-transform: uppercase;
1696 }
1697
1698 .ays-poll-row .lightbox-opened img {
1699 box-shadow: 0 0 6px 3px #333;
1700 max-width: 800px;
1701 width: 90%;
1702 }
1703
1704 .no-scroll {
1705 overflow: hidden;
1706 }
1707
1708 .open-lightbox {
1709 cursor: zoom-in;
1710 }
1711
1712 .lightbox-opened,
1713 .lightbox-opened img {
1714 cursor: zoom-out;
1715 }
1716
1717
1718 /* Our products PAGE STYLES END */
1719
1720 .apm-alert {
1721 position: fixed;
1722 bottom: 1rem;
1723 right: 1rem;
1724 }
1725
1726 .apm-alert .close {
1727 padding: .55rem 1.25rem;
1728 }
1729
1730 .apm-alert .close:focus {
1731 outline: none;
1732 }
1733
1734 table.results .row-actions {
1735 /*display: inline-block;*/
1736 }
1737
1738 table.eachresults .column-unread,
1739 table.results .column-id {
1740 width: 10%;
1741 }
1742
1743 table.results .row-actions {
1744 display: inline-block;
1745 margin-left: 15px;
1746 }
1747
1748 .unread-result-badge {
1749 margin: 5px auto;
1750 width: 10px;
1751 height: 10px;
1752 border-radius: 50%;
1753 background-color: #ccc;
1754 }
1755
1756 .unread-result-badge.unread-result {
1757 background-color: #ffc107;
1758 }
1759
1760 .results-apm {
1761 color: #0C6291;
1762 padding: 14px;
1763 background: #fff;
1764 border: 3px solid;
1765 width: 80%;
1766 margin: 20px auto;
1767 }
1768
1769 .results-apm .answer-title{
1770 font-size: 20px;
1771 }
1772
1773 .results-apm .answer-title .answer-text{
1774 word-wrap: break-word !important;
1775 word-break: break-word !important;
1776 }
1777
1778 div.results-apm div.answer-percent {
1779 max-width: 100%;
1780 min-width: 1%;
1781 padding: 0 3px;
1782 margin-bottom: 12px;
1783 background-color: #0C6291;
1784 border-radius: 5px;
1785 text-align: right;
1786 font-size: 12px;
1787 transition: 1s ease-out !important;
1788 color: #fff;
1789 font-size: 16px;
1790 height: 26px;
1791 }
1792
1793
1794 /* Results Modal */
1795 div.ays-poll-preloader {
1796 display: none;
1797 position: absolute;
1798 background: rgba(255, 255, 255, 0.8);
1799 width: 100%;
1800 justify-content: center;
1801 height: 100%;
1802 align-items: center;
1803 }
1804
1805 .ays_disable_modal {
1806 display: none;
1807 }
1808
1809 .ays_modal_title {
1810 padding: 4px 0px 4px 5px;
1811 }
1812
1813 .ays_modal_element:not(.ays_modal_question) {
1814 margin-top: 10px;
1815 }
1816
1817 .ays_modal_element label {
1818 margin: 0;
1819 }
1820
1821 .ays-modal-body #add_question_rows_top {
1822 margin-top: 10px;
1823 margin-bottom: 15px;
1824 }
1825
1826 /* The Close Button */
1827 .ays-close {
1828 color: #aaa;
1829 float: right;
1830 font-size: 28px;
1831 font-weight: bold;
1832 }
1833
1834 .ays-close:hover, .ays-close:focus {
1835 color: black;
1836 text-decoration: none;
1837 cursor: pointer;
1838 }
1839
1840 .ays-modal-header {
1841 padding: 2px 16px;
1842 background-color: whitesmoke;
1843 color: #666;
1844 }
1845
1846 /* The Modal (background) */
1847 .ays-modal {
1848 display: none;
1849 position: fixed;
1850 z-index: 999999999999999999999;
1851 left: 0;
1852 top: 0;
1853 width: 100%;
1854 height: 100%;
1855 overflow: auto;
1856 background-color: rgba(0, 0, 0, 0.4);
1857 }
1858
1859 /* Modal Content/Box */
1860 .ays-modal-content {
1861 background-color: #fefefe;
1862 margin: auto; /* 15% from the top and centered */
1863 margin-bottom: 30px;
1864 margin-top: 100px;
1865 border: 1px solid #888;
1866 width: 85%; /* Could be more or less, depending on screen size */
1867 z-index: 100000;
1868 position: relative;
1869 padding-left: 0 !important;
1870 animation-duration: .3s;
1871 transition: .5s ease-in-out;
1872 border-radius: 4px;
1873 }
1874
1875 /* Modal Body */
1876 .ays-modal-body {
1877 padding: 2px 16px;
1878 }
1879
1880 table#ays-results-table svg {
1881 width: 30px;
1882 vertical-align: middle;
1883 }
1884
1885 table#ays-results-table .path {
1886 stroke-dasharray: 1000;
1887 stroke-dashoffset: 0;
1888 }
1889
1890 table#ays-results-table .path.circle {
1891 -webkit-animation: dash 0.9s ease-in-out;
1892 animation: dash 0.9s ease-in-out;
1893 }
1894
1895 table#ays-results-table .path.line {
1896 stroke-dashoffset: 1000;
1897 -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
1898 animation: dash 0.9s 0.35s ease-in-out forwards;
1899 }
1900
1901 table#ays-results-table .path.check {
1902 stroke-dashoffset: -100;
1903 -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
1904 animation: dash-check 0.9s 0.35s ease-in-out forwards;
1905 }
1906
1907 table#ays-results-table p {
1908 display: inline-block;
1909 margin: 0;
1910 font-size: 1.25em;
1911 vertical-align: middle;
1912 }
1913
1914 table#ays-results-table p.success {
1915 color: #73AF55;
1916 }
1917
1918 table#ays-results-table p.error {
1919 color: #D06079;
1920 }
1921
1922 @-webkit-keyframes dash {
1923 0% {
1924 stroke-dashoffset: 1000;
1925 }
1926
1927 100% {
1928 stroke-dashoffset: 0;
1929 }
1930 }
1931
1932 @keyframes dash {
1933 0% {
1934 stroke-dashoffset: 1000;
1935 }
1936
1937 100% {
1938 stroke-dashoffset: 0;
1939 }
1940 }
1941
1942 @-webkit-keyframes dash-check {
1943 0% {
1944 stroke-dashoffset: -100;
1945 }
1946
1947 100% {
1948 stroke-dashoffset: 900;
1949 }
1950 }
1951
1952 @keyframes dash-check {
1953 0% {
1954 stroke-dashoffset: -100;
1955 }
1956
1957 100% {
1958 stroke-dashoffset: 900;
1959 }
1960 }
1961
1962 table#ays-results-table {
1963 width: 100%;
1964 }
1965
1966 table#ays-results-table tr td {
1967 padding: 10px;
1968 }
1969
1970 table#ays-results-table td h1 {
1971 padding: 0;
1972 }
1973
1974 table#ays-results-table .hr-line td {
1975 padding-bottom: 0;
1976 }
1977
1978 table#ays-results-table .hr-line + tr td {
1979 padding-top: 0;
1980 }
1981
1982 table#ays-results-table tr td:first-child {
1983 font-weight: bold;
1984 }
1985 .pro_features {
1986 display: flex;
1987 align-items: center;
1988 justify-content: center;
1989 width: 100%;
1990 height: 260px;
1991 box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5);
1992 background-repeat: no-repeat;
1993 background-position: top left;
1994 z-index: 99999999;
1995 margin: 30px 0;
1996 }
1997
1998 .pro_features_2{
1999 width: 100%;
2000 height: 260px;
2001 box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .5);
2002 background-repeat: no-repeat;
2003 background-position: top left;
2004 z-index: 99999999;
2005 margin: 30px 0;
2006 }
2007
2008 .pro_features_by_email {
2009 margin: 0;
2010 box-shadow: none;
2011 display: flex;
2012 align-items: flex-end;
2013 justify-content: flex-end;
2014 width: 100%;
2015 height: 468px;
2016 background: rgba(0,0,0,.1);
2017 z-index: 99999999;
2018 top: 0;
2019 left: 0;
2020 }
2021
2022 .pro_features p {
2023 color: ghostwhite;
2024 font-size: 40px;
2025 box-sizing: border-box;
2026 padding: 10px 15px;
2027 background: rgba(0, 0, 0, .7);
2028 border-radius: 3px;
2029 }
2030
2031 .pro_features p a {
2032 color: #f50057;
2033 font-weight: 700;
2034 transition: all .3s ease-in;
2035 }
2036
2037 .pro_features p a:hover {
2038 color: #C51162;
2039 transition: all .3s ease-in;
2040 }
2041
2042 input.ays_toggle[type=checkbox] {
2043 display: none;
2044 }
2045
2046 label.ays_switch_toggle {
2047 cursor: pointer;
2048 text-indent: -9999px;
2049 width: 35px;
2050 height: 14px;
2051 background: grey;
2052 display: block;
2053 border-radius: 50px;
2054 position: relative;
2055 transition: .3s ease;
2056 }
2057
2058 [dir="rtl"] label.ays_switch_toggle {
2059 text-indent: 9999px;
2060 }
2061 [dir="rtl"] .color-alpha {
2062 right: 0 !important;
2063 }
2064
2065 label.ays_switch_toggle:after {
2066 content: '';
2067 position: absolute;
2068 top: -3px;
2069 left: -3px;
2070 width: 20px;
2071 height: 20px;
2072 background: #0085ba;
2073 border-radius: 30px;
2074 transition: 0.3s;
2075 }
2076
2077 [dir="rtl"] label.ays_switch_toggle:after {
2078 left: auto;
2079 right: -3px;
2080 }
2081
2082 input:checked + label.ays_switch_toggle {
2083 background: #b7ccea;
2084 }
2085
2086 input:checked + label.ays_switch_toggle:after {
2087 left: calc(100% - -5px);
2088 transform: translateX(-100%);
2089 }
2090
2091 [dir="rtl"] input:checked + label.ays_switch_toggle:after {
2092 left: auto;
2093 right: calc(100% - -5px);
2094 transform: translateX(100%);
2095 }
2096
2097 label.ays_switch_toggle:hover:after {
2098 box-shadow: 0 0 10px #31618c;
2099 }
2100
2101 .ays_divider_left {
2102 border-left: 1px solid #ededed;
2103 }
2104
2105 .ays_divider_right {
2106 border-right: 1px solid #ededed;
2107 }
2108
2109 .ays_divider_top {
2110 border-top: 1px solid #ededed;
2111 }
2112
2113 .ays_poll_type_image_div input[type="radio"],
2114 .ays_poll_theme_image_div input[type="radio"] {
2115 display: none;
2116 }
2117
2118 .ays_poll_type_image_div p,
2119 .ays_poll_type_image_div_pro p,
2120 .ays_poll_theme_image_div p {
2121 text-align: center;
2122 margin-bottom: 7px;
2123 }
2124
2125 .ays_poll_type_image_div img,
2126 .ays_poll_type_image_div_pro img {
2127 background-color: white;
2128 border: 1px solid #0073aa;
2129 padding: 5px;
2130 transition: .2s ease;
2131 }
2132
2133 .ays_poll_theme_image_div,
2134 .ays_poll_theme_image_div>label {
2135 cursor: pointer;
2136 }
2137
2138 .ays_poll_theme_image_div img {
2139 transition: .2s ease;
2140 }
2141
2142 .ays_poll_type_image_div:not(.apm-pro-feature):hover img,
2143 .ays_poll_theme_image_div:not(.apm-pro-feature):hover img {
2144 opacity: 0.8;
2145 }
2146
2147 .ays_vote_limitation_time_period_box {
2148 max-width: 33%;
2149 }
2150
2151 div.row {
2152 padding: 0; /* conflict with WP Phlox theme */
2153 }
2154
2155 div.col.ays-poll-styles-page-main-container { /* conflict with WP Phlox theme */
2156 padding: 0;
2157 margin-left: 0;
2158 margin-right: 0;
2159 float: none;
2160 }
2161
2162 /*
2163 * Poll themes Mobile | Start
2164 */
2165
2166 @media screen and (max-width: 1200px) {
2167 div.ays-poll-all-themes-container {
2168 overflow-x: scroll;
2169 }
2170
2171 div.ays-poll-all-themes-container .ays-poll-new-upgrade-button-box {
2172 top: 3px;
2173 }
2174
2175 div.ays-poll-all-themes-container .only_pro {
2176 width: 520px;
2177 }
2178 }
2179
2180 @media screen and (max-width: 768px) {
2181
2182 .box-apm.choosing-poll label {
2183 flex-direction: column !important;
2184 }
2185
2186 div.ays-poll-themes-pro-features {
2187 width: 560px;
2188 }
2189
2190 div.ays_poll_theme_image_div_pro {
2191 width: initial;
2192 }
2193
2194 div.apm-themes-row .ays_poll_theme_image_div {
2195 display: flex;
2196 justify-content: center;
2197 align-items: center;
2198 margin-bottom: 15px;
2199 }
2200
2201 div.apm-themes-row .ays_poll_theme_image_div label.ays-poll-theme-item {
2202 margin: 0 auto;
2203 }
2204
2205 div.apm-themes-row .ays_poll_theme_image_div_pro{
2206 /*display: block;*/
2207 margin: 0 auto;
2208 }
2209
2210 #ays-poll-form .wp-picker-container .wp-color-result.button {
2211 padding: 0 0 0 30px;
2212 }
2213
2214 #ays-poll-form input[type=radio] {
2215 height: 1rem;
2216 width: 1rem;
2217 }
2218
2219 table.results .row-actions {
2220 margin-left: 15px;
2221 }
2222
2223
2224 }
2225
2226 /*
2227 * Poll themes Mobile | End
2228 */
2229
2230 .apm_active_type img,
2231 .apm_active_theme img {
2232 box-shadow: 0 0 3px 3px #b73b39;
2233 }
2234
2235 .apm-types-row {
2236 margin-bottom: 1rem;
2237 }
2238
2239 .apm-loader {
2240 width: 95px;
2241 margin-right: 10px;
2242 padding: 10px 13.5px;
2243 border: 1px solid #b3b3b3;
2244 background: white;
2245 border-radius: 8px;
2246 }
2247
2248 .apm-loader .loader{
2249 height: auto;
2250 }
2251
2252 .apm-loader.apm-pro-feature {
2253 border-color: #dc3545;
2254 }
2255
2256 .apm-loader.apm-pro-feature svg {
2257 fill: #dc3545;
2258 }
2259
2260 .apm-loader:last-child {
2261 margin-right: 0;
2262 }
2263
2264 .apm-loading-gif {
2265 margin-bottom: 0;
2266 margin-top: 0;
2267 }
2268
2269 .apm-loading-gif svg {
2270 width: 36px;
2271 height: 42px;
2272 }
2273
2274 blockquote.error_message {
2275 color: crimson;
2276 font-size: 12px;
2277 font-style: italic;
2278 border-color: crimson;
2279 }
2280
2281 blockquote.error_message a {
2282 color: brown;
2283 font-weight: bold;
2284 }
2285
2286 blockquote {
2287 font-size: 14px;
2288 width: 100%;
2289 margin: 0 auto;
2290 font-style: italic;
2291 color: #555555;
2292 padding: 8px 15px 8px 15px;
2293 border-left: 5px solid #78c0a8;
2294 line-height: 1.6;
2295 position: relative;
2296 background: #ededed;
2297 }
2298
2299 blockquote::before {
2300 content: none;
2301 }
2302
2303 blockquote::after {
2304 content: "";
2305 }
2306
2307 blockquote span {
2308 display: block;
2309 color: #333333;
2310 font-style: normal;
2311 font-weight: bold;
2312 margin-top: 1em;
2313 }
2314
2315 .ays_poll_settings_integration_container {
2316 border-radius: 8px;
2317 border-color: #E0DADA !important;
2318 }
2319
2320 .ays_poll_settings_integration_container blockquote.error_message {
2321 border: none;
2322 background-color: #2454a60a;
2323 border-radius: 8px;
2324 color: #000;
2325 font-style: normal;
2326 }
2327
2328 .ays_poll_settings_integration_container blockquote.error_message a {
2329 color: #000 !important;
2330 text-decoration: underline;
2331 font-size: 18px !important;
2332 }
2333
2334 i.ays_poll_fa-check-square {
2335 color: var(--success);
2336 }
2337
2338 i.ays_poll_fa-xmark-square {
2339 color: var(--danger);
2340 }
2341
2342 i.ays_poll_fa-square {
2343 color: var(--danger);
2344 }
2345
2346 h1.wp-heading-inline {
2347 margin-bottom: 20px;
2348 }
2349
2350 .ays-poll-each-results-heading-inline {
2351 display: flex;
2352 align-items: center;
2353 justify-content: center;
2354 }
2355
2356 p.ays-subtitle {
2357 margin-top: 20px;
2358 font-size: 18px;
2359 font-weight: 500;
2360 }
2361
2362 /*aray*/
2363 .ays-poll-sel-fields, .ays-poll-req-fields {
2364 padding: 20px 0;
2365
2366 }
2367
2368 .ays-poll-sel-fields .ays-poll-check-box.mr-2,
2369 .ays-poll-req-fields .ays-poll-check-box.mr-2 {
2370 padding: 8px;
2371 border: 1px solid #ccc;
2372 white-space: nowrap;
2373 margin-bottom: .75rem;
2374 }
2375
2376 .ays-poll-sel-fields .ays-poll-check-box.mr-2 label,
2377 .ays-poll-req-fields .ays-poll-check-box.mr-2 label {
2378 margin: 0;
2379 line-height: 1;
2380 vertical-align: baseline;
2381 }
2382
2383 /*#user_email.manage-column {
2384 width: 200px;
2385 }*/
2386
2387 a.forArrow {
2388 display: inline-block;
2389 width: 30px;
2390 height: 30px;
2391 color: black;
2392 }
2393
2394 a.forArrow:focus {
2395 outline: none;
2396 box-shadow: none;
2397 }
2398
2399 .color-alpha,
2400 .wp-picker-container .color-alpha {
2401 height: 100% !important;
2402 }
2403
2404 button:hover .color-alpha,
2405 button:active .color-alpha {
2406 border-color: #999;
2407 }
2408
2409 button:active .color-alpha {
2410 box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, .5);
2411 }
2412
2413 .if-logged-in{
2414 border-left: 1px solid #ccc;
2415 }
2416
2417 blockquote.error_message {
2418 color: crimson;
2419 font-size: 16px;
2420 font-style: italic;
2421 border-color: crimson;
2422 }
2423
2424 blockquote.error_message a {
2425 color: brown;
2426 font-weight: bold;
2427 }
2428
2429 blockquote {
2430 font-size: 14px;
2431 width: 100%;
2432 margin: 0 auto;
2433 font-style: italic;
2434 color: #555555;
2435 padding: 8px 15px 8px 15px;
2436 border-left: 5px solid #78c0a8;
2437 line-height: 1.6;
2438 position: relative;
2439 background: #ededed;
2440 }
2441
2442 blockquote::before {
2443 content: none;
2444 }
2445
2446 blockquote::after {
2447 content: "";
2448 }
2449
2450 blockquote span {
2451 display: block;
2452 color: #333333;
2453 font-style: normal;
2454 font-weight: bold;
2455 margin-top: 1em;
2456 }
2457
2458 blockquote.ays_poll_warning_triangle {
2459 font-size: 14px;
2460 width: 100%;
2461 margin: 0 auto;
2462 font-style: italic;
2463 color: #555555;
2464 padding: 8px 15px 8px 15px;
2465 border-left: 5px solid #F3BF60;
2466 line-height: 1.6;
2467 position: relative;
2468 background: #ededed;
2469 }
2470
2471 blockquote.ays_poll_warning_triangle i {
2472 color: #F3BF60;
2473 }
2474
2475 .ays-settings-wrapper {
2476 display: flex;
2477 }
2478
2479 .ays-settings-wrapper .nav-tab-wrapper {
2480 min-width: 150px;
2481 margin-right: 15px;
2482 border-bottom: none;
2483 padding: 0;
2484 background: revert;
2485 }
2486
2487 .ays-settings-wrapper .nav-tab-wrapper .nav-tab {
2488 display: block;
2489 width: 100%;
2490 border: 1px solid #ccc;
2491 margin: 0;
2492 float: none;
2493 padding: 5px 10px;
2494 font-size: 14px;
2495 font-weight: 600;
2496 background: #dcdcde;
2497 }
2498
2499 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active,
2500 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus,
2501 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus:active,
2502 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:hover {
2503 color: #000;
2504 border: 1px solid #ccc;
2505 background: #f0f0f1;
2506 box-shadow: unset;
2507 }
2508
2509 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active {
2510 border-bottom: 1px solid #f0f0f1;
2511 background: #f0f0f1;
2512 color: #000;
2513 }
2514
2515 .ays-settings-wrapper .nav-tab-wrapper .nav-tab:last-child {
2516 border-bottom: 1px solid #ccc;
2517 }
2518
2519 @media screen and (max-width: 768px) {
2520 .ays-poll-results-list-table div.ays-top-menu-wrapper {
2521 margin-top: 50px;
2522 }
2523 }
2524
2525 .ays-settings-wrapper .ays-poll-tabs-wrapper {
2526 width: 100%;
2527 border-left: 1px solid #ccc;
2528 padding-left: 15px;
2529 }
2530
2531 .ays-settings-wrapper .ays-poll-tabs-wrapper p.ays-subtitle {
2532 margin-top: 0;
2533 }
2534
2535 .pro_features_integrations{
2536 width: 97% !important;
2537 left: 16px !important;
2538 }
2539
2540 .ays_select2_pro_disabled + span.select2-container--default.select2-container--focus .select2-selection--multiple{
2541 border:1px solid #aaa;
2542 }
2543
2544 @media screen and (max-width: 1200px) {
2545 .apm-loading-gif svg {
2546 width: 30px;
2547 height: 25px;
2548 }
2549 .ays-poll-sel-fields{
2550 flex-direction: column;
2551 gap: 10px;
2552 max-width: 200px;
2553 }
2554
2555 .apm-loader {
2556 width: 60px;
2557 padding: 10px 2.5px;
2558 margin-right: 5px;
2559 margin-bottom: 5px;
2560 }
2561
2562 .apm-loader:first-child {
2563 margin-left: 50px;
2564 }
2565
2566 .apm-loader:last-child {
2567 margin-right: 5px;
2568 }
2569
2570 .apm-loader input[type="radio"] {
2571 margin: 0;
2572 }
2573
2574 .if-loading-gif {
2575 justify-content: flex-end;
2576 }
2577
2578 .if-loading-message {
2579 text-align: right;
2580 }
2581 }
2582
2583 @media screen and (max-width: 768px) {
2584 .if-loading-gif {
2585 max-width: 100%;
2586 justify-content: flex-start;
2587 flex: 0 0 100%;
2588 margin-top: 10px;
2589 margin-left: 0;
2590 }
2591
2592 .apm-loader:first-child {
2593 margin-left: 0;
2594 }
2595
2596 .if-loading-message {
2597 text-align: left;
2598 margin-top: 10px;
2599 margin-left: 0;
2600 max-width: 100%;
2601 flex: 0 0 100%;
2602 }
2603 }
2604
2605 .pro_features, .pro_features_integrations{
2606 margin: 0;
2607 box-shadow: none;
2608 position: absolute;
2609 display: flex;
2610 align-items: flex-end;
2611 justify-content: flex-end;
2612 width: 100%;
2613 height: 100%;
2614 /* background: rgba(0,0,0,.1); */
2615 background: rgba(53 113 196 / 5%);
2616 z-index: 3;
2617 z-index: 3;
2618 top: 0;
2619 left: 0;
2620 border-radius: 10px;
2621 }
2622
2623 div.only_pro .row *:not(i) {
2624 color: #A3A3A3;
2625 }
2626
2627 div.only_pro .row input[type=text],
2628 div.only_pro .row input[type=number],
2629 div.only_pro .row input[type=button],
2630 div.only_pro .row input[type=radio],
2631 div.only_pro .row button,
2632 div.only_pro .row select,
2633 div.only_pro .row textarea,
2634 div.only_pro .row .select2-container--default .select2-selection--multiple {
2635 border: 1px solid #ccc !important;
2636 }
2637
2638 div.only_pro .row .ays_help {
2639 z-index: 4;
2640 }
2641
2642 .only_pro_full_tab {
2643 opacity: 0.9;
2644 }
2645
2646 .pro_features.pro_features_popup_only_hover,
2647 .pro_features.pro_features_popup {
2648 /*background-color: #dfdfdf;*/
2649 background: rgba(53 113 196 / 5%);
2650 border-radius: 10px;
2651 /* box-shadow: 0 1px 2px 0 #d9d9da; */
2652 color: #636a84;
2653 cursor: pointer;
2654 display: block;
2655 font-size: 14px;
2656 overflow: hidden;
2657 padding: 10px 5px;
2658 text-align: center;
2659 text-overflow: ellipsis;
2660 transition: all .05s;
2661 white-space: nowrap;
2662 /*opacity: 0.5;*/
2663 transition: 0.15s;
2664 }
2665 .pro_features.pro_features_popup_only_hover:hover,
2666 .pro_features.pro_features_popup:hover {
2667 background-color: #3571C4;
2668 background-color: rgba(53 113 196 / 10%);
2669 color: #fff;
2670 }
2671
2672 .only_pro input[type=checkbox] {
2673 border: 1px solid #D1D1D1;
2674 background: #EDF2FC;
2675 }
2676
2677 a.ays-poll-new-upgrade-button-link {
2678 text-decoration: unset;
2679 }
2680
2681 .pro_features.centered {
2682 align-items: center;
2683 justify-content: center;
2684 }
2685
2686 .pro_features p , .pro_features_by_email p {
2687 font-size: 20px;
2688 box-sizing: border-box;
2689 padding: 5px;
2690 border-radius: 3px;
2691 margin-right: 5px;
2692 }
2693 a.only_pro_lik,
2694 .pro_features p a , .pro_features_by_email p a {
2695 color: #f50057;
2696 font-weight: 700;
2697 transition: all .3s ease-in;
2698 }
2699 a.only_pro_lik:hover,
2700 .pro_features p a:hover, .pro_features_by_email p a:hover{
2701 color: #C51162;
2702 transition: all .3s ease-in;
2703 }
2704
2705 /* Upgrade button start */
2706 .ays-poll-new-upgrade-button-box {
2707 display: flex;
2708 justify-content: center;
2709 align-items: center;
2710 position: absolute;
2711 top: -15px;
2712 right: 10px;
2713 background-color: #ffe9de;
2714 color: #F47535;
2715 font-size: 15px;
2716 padding: 5px 20px;
2717 border-radius: 20px;
2718 filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0.833333px);
2719 z-index: 4;
2720 cursor: pointer;
2721 font-weight: bold;
2722 }
2723
2724 .ays-poll-new-upgrade-button-box img {
2725 width: 24px;
2726 }
2727
2728 .ays-poll-new-upgrade-button-box:hover {
2729 color: #FF5500;
2730 }
2731
2732 .ays-poll-new-upgrade-button-hover,
2733 .ays-poll-new-upgrade-button-box:hover img:not(.ays-poll-new-upgrade-button-hover) {
2734 display: none;
2735 }
2736
2737 .ays-poll-new-upgrade-button-box:hover .ays-poll-new-upgrade-button-hover{
2738 display: inline-block;
2739 }
2740
2741 /* Upgrade button end */
2742
2743 /* Watch video button start */
2744
2745 .ays-poll-new-watch-video-button-box {
2746 display: flex;
2747 justify-content: center;
2748 align-items: center;
2749
2750 position: absolute;
2751 top: -15px;
2752 right: 145px;
2753 background-color: #E0EBFF;
2754 color: #6392D4;
2755 font-size: 15px;
2756 padding: 5px 20px;
2757 border-radius: 20px;
2758 filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0.833333px);
2759 z-index: 4;
2760 cursor: pointer;
2761 font-weight: bold;
2762 }
2763
2764 .ays-poll-new-watch-video-button-box img {
2765 width: 24px;
2766 }
2767
2768 .ays-poll-new-watch-video-button-box:hover {
2769 color: #3571C4;
2770 }
2771
2772 .ays-poll-new-watch-video-button-hover,
2773 .ays-poll-new-watch-video-button-box:hover img:not(.ays-poll-new-watch-video-button-hover) {
2774 display: none;
2775 }
2776
2777 .ays-poll-new-watch-video-button-box:hover .ays-poll-new-watch-video-button-hover{
2778 display: inline-block;
2779 }
2780
2781 .ays-poll-new-big-button-flex {
2782 display: flex;
2783 justify-content: center;
2784 align-items: center;
2785 }
2786
2787 @media screen and (max-width: 768px){
2788 div.ays-poll-new-upgrade-button-box,
2789 div.ays-poll-new-view-demo-button-box,
2790 div.ays-poll-new-watch-video-button-box {
2791 font-size: 12px;
2792 }
2793
2794 div.ays-poll-new-watch-video-button-box{
2795 right: 130px;
2796 }
2797
2798 div.ays-poll-new-big-button-flex {
2799 flex-direction: column;
2800 }
2801
2802 div.ays-poll-new-big-button-flex > div:nth-child(2) {
2803 margin-top: 20px;
2804 }
2805
2806 div.ays-poll-center-big-watch-video-button-box {
2807 margin-right: 0 !important;
2808 }
2809
2810 div.ays-poll-new-view-demo-button-box{
2811 top: 30px;
2812 right: 80px;
2813 }
2814 }
2815
2816 /* Watch video button end */
2817
2818 /* View Demo button start */
2819
2820 .ays-poll-new-view-demo-button-box {
2821 display: flex;
2822 justify-content: center;
2823 align-items: center;
2824
2825 position: absolute;
2826 top: -15px;
2827 /*right: 310px;*/
2828 right: 145px;
2829 background-color: #e0ffe4;
2830 color: #178c07;
2831 font-size: 15px;
2832 padding: 5px 20px;
2833 border-radius: 20px;
2834 filter: drop-shadow(rgba(0, 0, 0, 0.2) 0px 1px 0.833333px);
2835 z-index: 4;
2836 cursor: pointer;
2837 font-weight: bold;
2838 }
2839
2840 .ays-poll-new-view-demo-button-box img {
2841 width: 24px;
2842 }
2843
2844 .ays-poll-new-view-demo-button-box:hover {
2845 color: #0f5c05;
2846 }
2847
2848 /*.ays-poll-new-view-demo-button-hover,
2849 .ays-poll-new-view-demo-button-box:hover img:not(.ays-poll-new-view-demo-button-hover) {
2850 display: none;
2851 }*/
2852
2853 /*.ays-poll-new-view-demo-button-box:hover .ays-poll-new-view-demo-button-hover{
2854 display: inline-block;
2855 }*/
2856
2857 /* View Demo button end */
2858
2859 .ays-poll-sm-content-row-sg {
2860 background-color: #ecf6ff;
2861 margin: 70px 0;
2862 }
2863
2864 .ays-poll-sm-main-container-sg * {
2865 margin: 0;
2866 padding: 0;
2867 box-sizing: border-box;
2868 background-repeat: no-repeat;
2869 }
2870
2871 .ays-poll-sm-center-box-sg {
2872 display: flex;
2873 align-items: center;
2874 justify-content: center;
2875 }
2876
2877 .ays-poll-sm-guarantee-container-sg {
2878 width: 70%;
2879 margin: auto;
2880 padding: 15px 0;
2881 }
2882
2883 .ays-poll-sm-guarantee-container-sg img {
2884 width: 200px;
2885 margin-right: 30px;
2886 }
2887
2888 .ays-poll-sm-guarantee-text-container-sg {
2889 max-width: 555px;
2890 }
2891
2892 .ays-poll-sm-guarantee-container-sg h3 {
2893 font-size: 32px;
2894 text-transform: uppercase;
2895 color: #5F61FB;
2896 font-weight: 600;
2897 margin-bottom: 20px;
2898 }
2899
2900 .ays-poll-sm-guarantee-container-sg p {
2901 font-size: 14px;
2902 color: #6A6A6A;
2903 line-height: 1.5em;
2904 }
2905
2906 /* Big buttons start */
2907
2908 .ays-poll-center-big-main-button-box{
2909 position: absolute;
2910 top: 50%;
2911 left: 50%;
2912 transform: translate(-50%, -50%);
2913 z-index: 4;
2914 visibility: hidden;
2915 }
2916
2917 .only_pro:hover .ays-poll-center-big-main-button-box{
2918 visibility: visible;
2919 }
2920
2921 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button{
2922 display: flex;
2923 background-color: #fff;
2924 border-radius: 31px;
2925 color: #F47535;
2926 font-size: 25px;
2927 box-shadow: 0px 1px 2px #00000036;
2928 font-weight: 700;
2929 cursor: pointer;
2930 text-decoration: none;
2931 width: 250px;
2932 height: 65px;
2933 align-items: center;
2934 justify-content: center;
2935 flex-wrap: wrap;
2936 }
2937
2938 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button img{
2939 width: 40px;
2940 }
2941
2942 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button:hover{
2943 color: #FF5500;
2944 }
2945
2946 /* .ays-poll-new-upgrade-button-hover,
2947 .ays-poll-center-big-main-button-box:hover img:not(.ays-poll-new-upgrade-button-hover) {
2948 display: none;
2949 }
2950
2951 .ays-poll-center-big-main-button-box:hover .ays-poll-new-upgrade-button-hover{
2952 display: inline-block;
2953 } */
2954
2955 /* Big buttons end */
2956
2957 /* Big View Demo button start */
2958
2959 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-view-demo-button{
2960 display: flex;
2961 background-color: #fff;
2962 border-radius: 31px;
2963 color: #178c07;
2964 font-size: 25px;
2965 box-shadow: 0px 1px 2px #00000036;
2966 font-weight: 700;
2967 cursor: pointer;
2968 text-decoration: none;
2969 width: 250px;
2970 height: 65px;
2971 align-items: center;
2972 justify-content: center;
2973 flex-wrap: wrap;
2974 }
2975
2976 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-view-demo-button img{
2977 width: 40px;
2978 }
2979
2980 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-view-demo-button:hover{
2981 color: #0f5c05;
2982 }
2983
2984 /* Big View Demo button end */
2985
2986 /* Big Watch Video button start */
2987 body.locale-ru-ru span.ays-poll-center-new-watch-video-demo-name,
2988 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-new-big-upgrade-button {
2989 font-size: 18px;
2990 }
2991 body.locale-ru-ru .ays-poll-message-vars-box .ays-poll-message-vars-icon {
2992 width: 200px;
2993 }
2994
2995 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-big-watch-video-button-box {
2996 display: flex;
2997 background-color: #fff;
2998 border-radius: 31px;
2999 color: #6392D4;
3000 font-size: 25px;
3001 box-shadow: 0px 1px 2px #00000036;
3002 font-weight: 700;
3003 cursor: pointer;
3004 text-decoration: none;
3005 width: 250px;
3006 height: 65px;
3007 align-items: center;
3008 justify-content: center;
3009 flex-wrap: wrap;
3010 margin-right: 10px;
3011 }
3012
3013 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-big-watch-video-button-box img{
3014 width: 40px;
3015 }
3016
3017 .only_pro .ays-poll-center-big-main-button-box .ays-poll-center-big-watch-video-button-box:hover{
3018 color: #3571C4;
3019 }
3020
3021 .ays-poll-new-upgrade-button-hover,
3022 .ays-poll-center-new-big-upgrade-button:hover img.ays-poll-new-button-img-hide {
3023 display: none;
3024 }
3025
3026 .ays-poll-center-new-big-upgrade-button:hover .ays-poll-new-upgrade-button-hover{
3027 display: inline-block;
3028 }
3029
3030 /* Big View Demo button end */
3031
3032
3033 .only_pro.ays-poll-margin-top-20 {
3034 margin-top: 20px;
3035 }
3036
3037 .ays-poll-margin-top-20 {
3038 margin-top: 20px;
3039 }
3040
3041 .ays-poll-new-upgrade-button-link:focus {
3042 box-shadow: unset;
3043 }
3044
3045 /*PRO features popup | start*/
3046 .pro_features.pro_features_popup_only_hover,
3047 .pro_features.pro_features_popup {
3048 /*background-color: #dfdfdf;*/
3049 background: rgba(53 113 196 / 5%);
3050 border-radius: 10px;
3051 /*box-shadow: 0 1px 2px 0 #d9d9da;*/
3052 color: #636a84;
3053 cursor: pointer;
3054 display: block;
3055 font-size: 14px;
3056 overflow: hidden;
3057 padding: 10px 5px;
3058 text-align: center;
3059 text-overflow: ellipsis;
3060 transition: all .05s;
3061 white-space: nowrap;
3062 /*opacity: 0.5;*/
3063 transition: 0.15s;
3064 }
3065 .pro_features.pro_features_popup_only_hover:hover,
3066 .pro_features.pro_features_popup:hover {
3067 background-color: #3571C4;
3068 background-color: rgba(53 113 196 / 10%);
3069 color: #fff;
3070 }
3071
3072 .only_pro input[type=checkbox] {
3073 border: 1px solid #D1D1D1;
3074 background: #EDF2FC;
3075 }
3076
3077 div.only_pro input,
3078 div.only_pro textarea {
3079 background: rgba(255, 255, 255, 0.5);
3080 border-color: rgba(220, 220, 222, 0.75);
3081 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
3082 color: rgba(44, 51, 56, 0.5);
3083 }
3084
3085 div.only_pro select {
3086 border-color: rgba(220, 220, 222, 0.75);
3087 color: rgba(44, 51, 56, 0.5);
3088 }
3089
3090 div.only_pro button {
3091 border-color: rgba(220, 220, 222, 0.75);
3092 color: rgba(44, 51, 56, 0.5);
3093 }
3094
3095 div.only_pro label.ays_poll_rw_icon,
3096 div.only_pro label.ays_poll_loader {
3097 border-color: rgba(220, 220, 222, 0.75);
3098 font-weight: normal;
3099 }
3100
3101 div.pro-features-popup-conteiner {
3102 display: none;
3103 }
3104
3105 #pro-features-popup-modal .ays-modal-header {
3106 padding: 0 16px;
3107 justify-content: flex-end;
3108 }
3109
3110 #pro-features-popup-modal .ays-modal-body {
3111 padding: 20px;
3112 }
3113
3114 #pro-features-popup-modal .ays-modal-content {
3115 margin: auto;
3116 border-radius: 5px;
3117 }
3118
3119 #pro-features-popup-modal .ays-modal-header .ays-close-pro-popup {
3120 color: #aaa;
3121 float: right;
3122 font-size: 28px;
3123 font-weight: bold;
3124 cursor: pointer;
3125 }
3126
3127 #pro-features-popup-modal .pro-features-popup-modal-left-section {
3128 padding: 0;
3129 display: flex;
3130 justify-content: center;
3131 align-items: center;
3132 }
3133
3134 #pro-features-popup-modal .pro-features-popup-modal-right-section {
3135 padding-right: 0;
3136 }
3137
3138 #pro-features-popup-modal .pro-features-popup-modal-right-box,
3139 #pro-features-popup-modal .pro-features-popup-modal-right-box-footer-text {
3140 text-align: center;
3141 }
3142
3143 #pro-features-popup-modal .pro-features-popup-modal-right-box-icon {
3144 margin-top: 1em;
3145 }
3146
3147 #pro-features-popup-modal .pro-features-popup-modal-right-box-icon i {
3148 font-size: 40px;
3149 }
3150
3151 #pro-features-popup-modal .pro-features-popup-modal-right-box-title {
3152 color: #1d2327;
3153 font-size: 1.3em;
3154 margin-bottom: 1em;
3155 font-weight: 600;
3156 }
3157
3158 #pro-features-popup-modal .pro-features-popup-modal-right-box-content {
3159 width: 90%;
3160 margin: auto;
3161 }
3162
3163 #pro-features-popup-modal .pro-features-popup-modal-right-box-content div {
3164 margin-top: 5px;
3165 }
3166
3167 #pro-features-popup-modal .pro-features-popup-modal-right-box-content p {
3168 margin-bottom: 0px;
3169 margin-top: 0;
3170 font-size: 15px;
3171 text-align: justify;
3172 }
3173
3174 #pro-features-popup-modal .pro-features-popup-modal-right-box-button {
3175 margin-top: 20px;
3176 }
3177
3178 #pro-features-popup-modal .pro-features-popup-modal-right-box-button .pro-features-popup-modal-right-box-link {
3179 -webkit-appearance: none;
3180 background: #fff;
3181 border: 1px solid #dcdfe6;
3182 border-radius: 4px;
3183 box-sizing: border-box;
3184 color: #606266;
3185 cursor: pointer;
3186 display: inline-block;
3187 font-size: 14px;
3188 font-weight: 500;
3189 line-height: 1;
3190 margin: 0;
3191 outline: 0;
3192 padding: 12px 20px;
3193 text-align: center;
3194 transition: .1s;
3195 -moz-user-select: none;
3196 -webkit-user-select: none;
3197 -ms-user-select: none;
3198 white-space: nowrap;
3199 text-decoration: none;
3200
3201 background-color: #409eff;
3202 border-color: #409eff;
3203 color: #fff;
3204 }
3205
3206 #pro-features-popup-modal .pro-features-popup-modal-right-box-button .pro-features-popup-modal-right-box-link:hover{
3207 background: #66b1ff;
3208 border-color: #66b1ff;
3209 color: #fff;
3210 }
3211
3212 #pro-features-popup-modal .pro-features-popup-modal-left-section iframe {
3213 max-width: 100%;
3214 }
3215
3216 .only_pro_save_as_default .pro_features.pro_features_popup {
3217 background-color: transparent;
3218 }
3219
3220 .only_pro_save_as_default .pro_features.pro_features_popup:hover {
3221 background-color: transparent;
3222 }
3223
3224 .only_pro_save_as_default .button.ays_default_btn {
3225 opacity: 0.4;
3226 }
3227
3228 @media screen and (min-width: 1500px){
3229 #pro-features-popup-modal .ays-modal-content {
3230 width: 60%;
3231 }
3232 }
3233
3234 @media screen and (max-width: 768px){
3235 div#pro-features-popup-modal .pro-features-popup-modal-left-section iframe {
3236 height: 315px;
3237 max-width: 100%;
3238 }
3239
3240 div#pro-features-popup-modal .ays-modal-header .ays-close-pro-popup {
3241 position: absolute;
3242 right: 5px;
3243 top: -5px;
3244 }
3245
3246 div#pro-features-popup-modal .ays-modal-body .row {
3247 padding: 20px;
3248 }
3249
3250 div#pro-features-popup-modal .pro-features-popup-modal-right-section {
3251 padding: 0;
3252 }
3253
3254 div#pro-features-popup-modal .pro-features-popup-modal-right-box-content {
3255 width: 90%;
3256 }
3257
3258 div.ays_save_default_button_box {
3259 display: block;
3260 }
3261 .ays-poll-show-result-view-type{
3262 display: flex;
3263 flex-direction: column;
3264 gap: 10px;
3265 }
3266 }
3267
3268 /*PRO features popup | end*/
3269
3270 .ays_integration_logo {
3271 width: 50px;
3272 height: auto;
3273 }
3274
3275 .ays_actDect, .ays-poll-date-create{
3276 width: 200px !important;
3277 margin: 0 !important;
3278 }
3279
3280 .ays_select_role_img{
3281 width: 100%;
3282 height: auto;
3283 }
3284
3285 label.ays_poll_answer_icon:before{
3286 content: "";
3287 display: inline-block;
3288 background: #ddd;
3289 background-clip: content-box;
3290 width: 20px;
3291 height: 20px;
3292 border: 3px solid #ccc;
3293 padding: 4px 3px 3px 3px;
3294 box-sizing: border-box;
3295 transition: all .4s linear;
3296 vertical-align: middle;
3297 margin-right: 10px;
3298 margin-bottom: 2px;
3299 }
3300
3301 label.ays_poll_answer_icon[for="poll_answer_icon_radio"]:before{
3302 border-radius: 50%;
3303 }
3304
3305 label.ays_poll_answer_icon{
3306 border: 1px solid #ccc;
3307 padding: 8px;
3308 display: flex;
3309 }
3310
3311 .form-check input[type=radio] {
3312 margin-top: 3px !important;
3313 }
3314
3315 .ays_poll_block_with_hidden_row input[type=radio] {
3316 margin-top: 0 !important;
3317 }
3318
3319 input[type=radio]:checked::before {
3320 content: "";
3321 border-radius: 50%;
3322 width: .5rem;
3323 height: .5rem;
3324 margin: .1875rem;
3325 background-color: #1e8cbe;
3326 line-height: 1.14285714;
3327 }
3328 table.ays-answers-table{
3329 border-collapse: collapse;
3330 width: 100%;
3331 margin-top: 15px;
3332 }
3333
3334 table.ays-answers-table th,
3335 table.ays-answers-table td{
3336 background: #fff;
3337 border-bottom: 1px solid #B8B8B8;
3338 font-weight: normal !important;
3339 padding: 10px;
3340 vertical-align: middle;
3341 text-align: center;
3342 }
3343
3344 table.ays-answers-table th:first-child,
3345 table.ays-answers-table td:first-child{
3346 width: 100px;
3347 cursor: move;
3348 }
3349
3350 .ays-modal-body table.ays-answers-table td:first-child{
3351 cursor: default;
3352 }
3353
3354 table.ays-answers-table td:first-child .ays_fa_arrows {
3355 position: absolute;
3356 width: 100%;
3357 height: 100%;
3358 top: 0;
3359 left: 0;
3360 vertical-align: middle;
3361 display: flex;
3362 justify-content: center;
3363 align-items: center;
3364 }
3365
3366 table.ays-answers-table th.th-350 {
3367 width: 350px;
3368 }
3369
3370 table.ays-answers-table th.th-650{
3371 width: 650px;
3372 }
3373
3374 table.ays-answers-table th.th-150{
3375 width: 100px;
3376 }
3377
3378 table.ays-answers-table tr.even th,
3379 table.ays-answers-table tr.even td{
3380 background: #f1f1f1;
3381 }
3382
3383 table.ays-answers-table tr th,
3384 table.ays-answers-table tr td{
3385 transition: .5s ease-in-out;
3386 }
3387
3388 table.ays-answers-table thead{
3389 text-transform: uppercase;
3390 }
3391
3392 table.ays-answers-table thead th{
3393 background: #666;
3394 color: white;
3395 }
3396
3397 table.ays-answers-table td:not(:first-child) {
3398 border-left: 1px solid #B8B8B8;
3399 }
3400
3401 table.ays-answers-table input:not([type='checkbox']) {
3402 width: 100%;
3403 }
3404
3405 table.ays-answers-table textarea {
3406 width: 100%;
3407 }
3408
3409 table.ays-answers-table label.ays-label {
3410 margin-top: 0;
3411 }
3412
3413 .ays-answers-table{
3414 margin-bottom: 20px;
3415 }
3416
3417 @media screen and (max-width: 620px) {
3418 .allow_add_answers_not_show_up_container {
3419 border-top: 1px solid #ededed;
3420 padding-top: 10px;
3421 flex: 0 0 100%;
3422 max-width: 100%;
3423 }
3424
3425 .allow_add_answers_not_show_up div.ays_divider_left {
3426 border: none;
3427 padding-right: none;
3428 }
3429
3430 .allow_add_answers_not_show_up>div.col-10 {
3431 padding-left: 0;
3432 }
3433
3434 .ays_poll_allow_add_answers_flex_container>div.col-1,
3435 .ays_poll_allow_add_answers_flex_container>div.col-4 {
3436 max-width: 100%;
3437 }
3438
3439 .ays_poll_allow_add_answers_flex_container>div.col-4 {
3440 flex: 0 0 80%;
3441 padding-left: 0;
3442 }
3443 }
3444
3445 @media screen and (max-width: 768px) {
3446 div.ays-poll-answers-table-scroll-mobile {
3447 padding-bottom: 10px;
3448 }
3449
3450 table.ays-answers-table {
3451 table-layout: fixed;
3452 }
3453
3454 .bottom-buttons-container{
3455 flex-direction: column;
3456 }
3457 }
3458
3459 .ui-sortable-helper input{
3460 width: 100%;
3461 }
3462
3463 /* a.add-answer-image , a.ays-poll-add-answer-image{
3464 display: inline-block;
3465 background: url(../images/icons/add-img-icon.svg) no-repeat center center/80% rgba(255,255,255, 0);
3466 color: #fff !important;
3467 padding: 5px 10px;
3468 box-sizing: border-box;
3469 text-decoration: none;
3470 border-radius: 3px;
3471 transition: all .3s;
3472 margin-left: 10px;
3473 margin-bottom: 10px;
3474 margin-top: 10px !important;
3475 } */
3476
3477 .add-answer-image.add-answer-image , a.ays-poll-add-answer-image{
3478 margin: auto;
3479 }
3480
3481 a.ays-delete-answer{
3482 color: #dc3545 !important;
3483 font-size: 20px !important;
3484 }
3485
3486 a.ays-add-answer i,
3487 a.ays-delete-answer i{
3488 vertical-align: middle;
3489 }
3490
3491 a.ays-add-answer:hover, a.ays-add-answer:focus,
3492 a.ays-delete-answer:hover, a.ays-delete-answer:focus{
3493 outline: none;
3494 box-shadow: none;
3495 text-decoration: none;
3496 }
3497
3498 #tab1 a.ays-add-answer {
3499 color: #666;
3500 font-size: 30px;
3501 display: inline-block;
3502 /* margin-left: 10px; */
3503 }
3504
3505 /* pics */
3506
3507 .ays-poll-answer-image-container img {
3508 width: 100%;
3509 height: 100px;
3510 object-fit: cover;
3511 object-position: center center;
3512 /* box-shadow: 0px 0px 10px; */
3513 min-width: 100px;
3514 min-height: 100px;
3515 }
3516
3517 .ays-poll-answer-image-container{
3518 width: 50%;
3519 margin: auto;
3520 width: 100px;
3521 position: relative;
3522 display: none;
3523 margin: 10px auto;
3524 }
3525
3526 @media screen and (max-width: 768px) {
3527 .ays-poll-answer-image-container {
3528 width: 80px;
3529 }
3530
3531 .ays-poll-answer-image-container img {
3532 min-width: 70px;
3533 }
3534 }
3535
3536 .ays-poll-form #tab1 table.ays-answers-table td.ays-answer-redirect-row{
3537 padding-left:3px;
3538 padding-right:3px;
3539 }
3540
3541 .ays-poll-answer-image-container .ays-poll-remove-answer-img{
3542 /* background: url(../images/remove-normal.png) no-repeat center center/80% rgba(255,255,255, .9); */
3543 background: url(../images/icons/Xclose.svg) no-repeat center center/80% rgba(255,255,255, 0);
3544 position: absolute;
3545 display: inline-block;
3546 width: 25px;
3547 height: 25px;
3548 border-radius: 3px;
3549 top: 0px;
3550 right: 0px;
3551 cursor: pointer;
3552 transition: all .3s;
3553 /* box-shadow: 0px 0px 5px; */
3554 }
3555
3556 /* View type settings */
3557 .ays-poll-grid-type-columns{
3558 background-color: #00000057;
3559 }
3560
3561 .ays_poll_grid_view_container {
3562 display: flex;
3563 flex-wrap: wrap;
3564 justify-content: space-between;
3565 align-items: flex-start;
3566 }
3567
3568 .ays-poll-field.ays_poll_list_view_item{
3569 display: flex;
3570 }
3571
3572 .ays_poll_grid_view_item{
3573 width: calc(50% - 5px);
3574 }
3575
3576 .ays_poll_list_view_item{
3577 width: 100%;
3578 }
3579
3580 .ays-poll-answer-image-live{
3581 width: 220px;
3582 height: 220px;
3583 object-fit: cover;
3584 }
3585
3586 label.ays_poll_label_without_padding{
3587 padding: 10px;
3588 flex-direction: column;
3589 align-items: center;
3590 }
3591
3592 label.ays_poll_label_without_padding span.ays_poll_label_text_with_padding,
3593 span.ays-poll-each-answer {
3594 padding: 5px;
3595 word-break: break-word;
3596 }
3597
3598 label.ays_poll_answer_icon{
3599 border: 1px solid #ccc;
3600 padding: 8px;
3601 display: flex;
3602 }
3603
3604 label.ays_poll_answer_icon:before,
3605 label.ays_poll_answer_icon_radio:before,
3606 label.ays_poll_answer_icon_checkbox:before{
3607 content: "";
3608 display: inline-block;
3609 background: #ddd;
3610 background-clip: content-box;
3611 width: 20px;
3612 height: 20px;
3613 border: 3px solid #ccc;
3614 padding: 3px 3px 3px 3px;
3615 box-sizing: border-box;
3616 transition: all .4s linear;
3617 vertical-align: middle;
3618 margin-right: 10px;
3619 margin-bottom: 2px;
3620 }
3621
3622 label.ays_poll_answer_icon[for="poll_answer_icon_radio"]:before,
3623 label.ays_poll_answer_icon_radio:before{
3624 border-radius: 50%;
3625 }
3626
3627 .ays_reset_answers_div{
3628 padding-left: 15px;
3629 display: inline-block;
3630 }
3631
3632 .ays_poll_fa-list:before {
3633 content: "\f022";
3634 }
3635
3636 /*How to use Submenu Style Start*/
3637
3638 .ays-poll-faq-main{
3639 max-width: 800px;
3640 margin: auto;
3641 text-align: center;
3642 }
3643 .ays-poll-faq-main p{
3644 color: #3a546f;
3645 font-size: 18px;
3646 }
3647 .ays-poll-faq-main ol{
3648 color: #3a546f;
3649 }
3650 div.wrap .ays-poll-wp-heading-inline{
3651 font-size: 27px;
3652 color: #364150;
3653 font-weight: 700;
3654 letter-spacing: -1px;
3655 }
3656 .ays-poll-faq-main h2{
3657 color: inherit;
3658 font-size: 22px;
3659 font-weight: 400;
3660 letter-spacing: -1px;
3661 margin-bottom: 20px;
3662 }
3663 .ays-poll-p-container p{
3664 font-weight: 600;
3665 }
3666 .ays-poll-ol-container ol {
3667 text-align: left;
3668 }
3669 .ays-poll-asked-questions .ays-pro-asked-question:first-child {
3670 border-top: 1px solid #e5ecf6;
3671 }
3672 .ays-poll-asked-question {
3673 margin: 0;
3674 border-bottom: 2px solid #000;
3675 }
3676 .ays-poll-asked-question__header {
3677 cursor: pointer;
3678 display: -webkit-box;
3679 display: -ms-flexbox;
3680 display: flex;
3681 -webkit-box-pack: justify;
3682 -ms-flex-pack: justify;
3683 justify-content: space-between;
3684 align-items: center;
3685 padding: 0 22px;
3686 min-height: 50px;
3687 }
3688 .ays-poll-asked-question__title h4{
3689 font-size: 19px;
3690 color: #364150;
3691 }
3692 .ays-poll-asked-question__body {
3693 text-align: left;
3694 color: #3a546f;
3695 font-size: 18px;
3696 max-height: 0;
3697 overflow: hidden;
3698 transition: max-height 0.2s ease-out;
3699 padding: 0 22px;
3700 }
3701 .ays-poll-asked-question__arrow {
3702 cursor: pointer;
3703 display: -webkit-box;
3704 display: -ms-flexbox;
3705 display: flex;
3706 -webkit-box-align: center;
3707 -ms-flex-align: center;
3708 align-items: center;
3709 -webkit-box-pack: center;
3710 -ms-flex-pack: center;
3711 justify-content: center;
3712 font-size: 10px;
3713 background: #f7faff;
3714 width: 20px;
3715 height: 20px;
3716 border-radius: 100%;
3717 }
3718
3719 .ays-poll-faq-main .ays-poll-faq-footer{
3720 font-size: 15px;
3721 margin-top: 50px;
3722 }
3723
3724 /*How to use Submenu Style End*/
3725
3726 .ays_option_with_default_measurement_unit {
3727 display: flex;
3728 }
3729
3730 .ays_option_default_measurement_unit {
3731 margin-left: 15px;
3732 }
3733
3734 .ays_option_default_measurement_unit input {
3735 display: inline-block;
3736 width: 63.5px;
3737 height: 40px;
3738 text-align: center;
3739 border: 1px solid rgba(34,36,38,.15);
3740 border-radius: unset;
3741 padding: 13px 13px 17px 13px;
3742 }
3743
3744 @-webkit-keyframes ays_poll_pulse {
3745 from,
3746 to {
3747 -webkit-transform: scale3d(1, 1, 1);
3748 transform: scale3d(1, 1, 1)
3749 }
3750 50% {
3751 -webkit-transform: scale3d(1.2, 1.2, 1.2);
3752 transform: scale3d(1.2, 1.2, 1.2)
3753 }
3754 }
3755
3756 @-moz-keyframes ays_poll_pulse {
3757 from,
3758 to {
3759 -webkit-transform: scale3d(1, 1, 1);
3760 transform: scale3d(1, 1, 1)
3761 }
3762 50% {
3763 -webkit-transform: scale3d(1.2, 1.2, 1.2);
3764 transform: scale3d(1.2, 1.2, 1.2)
3765 }
3766 }
3767
3768 @-ms-keyframes ays_poll_pulse {
3769 from,
3770 to {
3771 -webkit-transform: scale3d(1, 1, 1);
3772 transform: scale3d(1, 1, 1)
3773 }
3774 50% {
3775 -webkit-transform: scale3d(1.2, 1.2, 1.2);
3776 transform: scale3d(1.2, 1.2, 1.2)
3777 }
3778 }
3779
3780 @keyframes ays_poll_pulse {
3781 from,
3782 to {
3783 -webkit-transform: scale3d(1, 1, 1);
3784 -moz-transform: scale3d(1, 1, 1);
3785 -ms-transform: scale3d(1, 1, 1);
3786 transform: scale3d(1, 1, 1)
3787 }
3788 50% {
3789 -webkit-transform: scale3d(1.2, 1.2, 1.2);
3790 -moz-transform: scale3d(1.2, 1.2, 1.2);
3791 -ms-transform: scale3d(1.2, 1.2, 1.2);
3792 transform: scale3d(1.2, 1.2, 1.2)
3793 }
3794 }
3795
3796 .ays_poll_pulse {
3797 -webkit-animation-name: ays_poll_pulse;
3798 -moz-animation-name: ays_poll_pulse;
3799 -ms-animation-name: ays_poll_pulse;
3800 animation-name: ays_poll_pulse;
3801 }
3802
3803 .wrap h1.ays-poll-maker-wrapper{
3804 text-align: center;
3805 font-size: 40px;
3806 margin-bottom: 20px;
3807 }
3808 .ays_heart_beat i.ays_fa{
3809 color: red!important;
3810 }
3811 .ays_heart_beat {
3812 font-size: 20px;
3813 margin-left: 10px;
3814 }
3815
3816 .ays_poll_display_none{
3817 display: none;
3818 }
3819
3820 .swal2-container.swal2-shown{
3821 z-index: 10000;
3822 }
3823
3824 div.ays-poll-type-block{
3825 margin-bottom: 0;
3826 /*overflow-x: auto;*/
3827 }
3828
3829 div.ays-poll-answers-table-scroll-mobile {
3830 overflow-x: auto;
3831 }
3832
3833 /* .ays_logo_container{
3834 display: flex;
3835 padding: 0;
3836 } */
3837
3838 .ays-poll-logo-image-container{
3839 display: flex;
3840 }
3841
3842 form#ays-poll-form .ays_live_logo_container{
3843 position: absolute;
3844 left: 3px;
3845 /* bottom: 3px; */
3846 text-align: left;
3847 /* margin-bottom: 0px; */
3848 margin: 0;
3849 padding-bottom: 3px;
3850 }
3851
3852
3853 .ays_logo_cont_image_on{
3854 padding-bottom: 50px;
3855 position: relative;
3856 }
3857
3858 .display_none{
3859 display: none !important;
3860 }
3861
3862 div[class~='fade']:not(.show){
3863 opacity: 1;
3864 }
3865
3866 /* Our products, results page,*/
3867 label.ays_poll_loader {
3868 margin-right: 5px;
3869 border: 1px solid #ccc;
3870 display: inline-flex;
3871 align-items: center;
3872 padding: 8px;
3873 }
3874 .ays_poll_loader {
3875 margin-right: 5px;
3876 border: 1px solid #ccc;
3877 display: inline-flex;
3878 align-items: center;
3879 padding: 8px;
3880 line-height: 25px;
3881 }
3882
3883 /*show results by*/
3884 div.ays_poll_loader_show_results_by label.ays_poll_check_label.form-check-label {
3885 display: flex;
3886 align-items: center;
3887 }
3888
3889 div.ays_poll_loader_show_results_by {
3890 margin-right: 10px;
3891 border: 1px solid #b3b3b3;
3892 background: #fff;
3893 display: inline-flex;
3894 align-items: center;
3895 padding: 10px 13.5px;
3896 border-radius: 8px;
3897 }
3898 /*show results by end*/
3899
3900 /* .ays_poll_hidden_block_content.ays_divider_left {
3901 padding-left: 20px;
3902 } */
3903
3904 .ays_save_buttons_content{
3905 display: flex;
3906 justify-content: space-between;
3907 }
3908
3909 @media screen and (max-width: 1300px) {
3910 .ays_poll_block_with_hidden_row.ays_poll_result_view_type>div>div.col-sm-9 .form-group.row {
3911 align-items: start;
3912 flex-direction: column;
3913 }
3914
3915 .ays_poll_block_with_hidden_row.ays_poll_result_view_type>div>div.col-sm-9 .form-group.row>div {
3916 max-width: 100%;
3917 }
3918
3919 .ays_poll_block_with_hidden_row.ays_poll_result_view_type>div>div.col-sm-9 .form-group.row>div.col-sm-8 {
3920 padding-left: 15px !important;
3921 margin-top: 20px;
3922 }
3923 }
3924
3925 @media screen and (max-width: 1024px) {
3926
3927 .ays_poll_block_with_hidden_row.ays_poll_result_view_type div.col-sm-10 div.form-group.row>div.col-sm-4>div {
3928 justify-content: flex-start !important;
3929 }
3930
3931 .ays_poll_result_view_type .ays_poll_hidden_hr_content {
3932 display: none !important;
3933 }
3934
3935 .ays_poll_block_with_hidden_row.ays_poll_result_view_type>.form-group.row>.col-sm-10>.form-group.row>.col-sm-4 {
3936 margin-bottom: 20px;
3937 }
3938
3939 /* Fix responsive display for Bar chart options on tablets */
3940 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 > div {
3941 flex-wrap: wrap;
3942 gap: 6px;
3943 }
3944
3945 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 .ays_poll_loader_show_results_by {
3946 margin-right: 0;
3947 margin-bottom: 6px;
3948 flex: 1 1 calc(50% - 3px);
3949 min-width: 130px;
3950 }
3951 }
3952
3953 @media screen and (max-width: 782px) {
3954 .ays_save_buttons_content{
3955 flex-direction: column;
3956 align-items: center;
3957 }
3958
3959 #ays-poll-form.ays-poll-form .ays_save_buttons_content .ays_save_buttons_box_for_mobile#ays-save-buttons-box-for-mobile {
3960 display: flex;
3961 flex-direction: column;
3962 }
3963
3964 .ays_save_default_button_box {
3965 display: flex;
3966 flex-direction: column;
3967 }
3968
3969 .ays_save_as_default_content_for_mobile {
3970 display: flex;
3971 align-items: center;
3972 }
3973
3974 .col-sm-12.only_pro .form-check.form-check-inline.ays_poll_loader_show_results_by {
3975 margin-bottom: 5px;
3976 }
3977
3978 /* Fix responsive display for Bar chart options in apm_allow_add_answers */
3979 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 > div {
3980 flex-wrap: wrap;
3981 gap: 8px;
3982 }
3983
3984 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .ays_poll_loader_show_results_by {
3985 margin-right: 0;
3986 margin-bottom: 8px;
3987 flex: 1 1 calc(50% - 4px);
3988 min-width: 140px;
3989 }
3990
3991 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-8 .ays_poll_loader_show_results_by {
3992 flex: 1 1 calc(33.333% - 6px);
3993 min-width: 120px;
3994 }
3995 }
3996
3997 .button.ays_default_btn{
3998 background-color: #ffa500;
3999 color: #fffdfd;
4000 border-color: #ffa500;
4001 margin-right: 0;
4002 opacity: 0.6;
4003 }
4004
4005 .button.ays_default_btn:focus,
4006 .button.ays_default_btn:active,
4007 .button.ays_default_btn:hover{
4008 background-color: #f59e00;
4009 color: #fff;
4010 border-color: #f59e00;
4011 }
4012 .button.ays_default_btn:focus{
4013 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f59e00;
4014 }
4015
4016 div.ays_lb_container {
4017 padding-top: 15px;
4018 padding-bottom: 30px;
4019 width: 100%;
4020 }
4021 ul.ays_lb_ul {
4022 list-style-type: none;
4023 margin: 0;
4024 padding: 0;
4025 font-size: 17px;
4026 }
4027
4028 li.ays_lb_li {
4029 display: flex;
4030 height: 40px;
4031 align-items: center;
4032 }
4033
4034 .ays_lb_pos {
4035 min-width: 40px;
4036 width: auto;
4037 text-align: center;
4038 white-space: nowrap;
4039 }
4040
4041 .ays_lb_user {
4042 width: 65%;
4043 word-break: break-word;
4044 padding-right: 3px;
4045 }
4046 .ays_lb_score {
4047 width: 20%;
4048 min-width: 75px;
4049 text-align: right;
4050 }
4051 .ays_lb_duration {
4052 width: 30%;
4053 min-width: 100px;
4054 text-align: right;
4055 padding-right: 30px;
4056 }
4057
4058 li.ays_lb_li:nth-child(odd) {
4059 background: #F6F8EF;
4060 }
4061
4062 li.ays_lb_li:first-child {
4063 background: #99BB5A;
4064 color: white;
4065 }
4066
4067 input.ays-poll-answer-results-short-input{
4068 width: 200px;
4069 }
4070
4071 hr.ays_hr_display_none{
4072 display: none;
4073 }
4074
4075 #ays_poll_default_cat + .select2.select2-container{
4076 width: 100% !important;
4077 }
4078
4079 #ays_poll_default_type + .select2.select2-container{
4080 width: 100% !important;
4081 }
4082
4083 /* Featured plugins */
4084 /*.card img{
4085 width: 128px;
4086 margin: auto;
4087 }*/
4088
4089 .coming-soon span {
4090 font-size: 25px;
4091 font-weight: 600;
4092 background: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
4093 -webkit-background-clip: text;
4094 -webkit-text-fill-color: transparent;
4095 }
4096
4097 /*.card {
4098 min-height: 380px;
4099 }*/
4100
4101 div.ays_poll_types_pro{
4102 flex-wrap: wrap;
4103 }
4104
4105 div.ays_poll_types_pro .pro_features{
4106 width: 200px;
4107 }
4108
4109 div#ays_poll_answer_chart{
4110 margin-top: 15px;
4111 }
4112
4113 /* Ask a question box start */
4114
4115 div.ays_ask_question_content {
4116 display: flex;
4117 justify-content: flex-end;
4118 position: fixed;
4119 bottom: 10px;
4120 right: 10px;
4121 z-index: 99999;
4122 }
4123
4124 div.ays_ask_question_content .ays-ask-question-content-inner-hidden-text{
4125 position: absolute;
4126 display: block;
4127 /* display: inline-block; */
4128 opacity: 0;
4129 padding: 7px;
4130 font-size: 16px;
4131 }
4132
4133 div.ays_ask_question_content:hover .ays-ask-question-content-inner-hidden-text{
4134 opacity: 1;
4135 display: inline-block;
4136 position: static;
4137 transition: .5s;
4138 }
4139
4140 div.ays_ask_question_content:hover .ays_poll_question_link{
4141 border-radius: 29px;
4142 }
4143
4144 div.ays_ask_question_content .ays-ask-question-content-inner-question-mark-text{
4145 padding: 8px;
4146 background-color: white;
4147 color: #258BB3;
4148 border-radius: 50%;
4149 display: inline-block;
4150 }
4151
4152 div.ays_ask_question_content_inner {
4153 position: relative;
4154 }
4155
4156 a.ays_poll_question_link {
4157 color: white;
4158 font-weight: bold;
4159 box-shadow: unset;
4160 outline: none;
4161 display: flex;
4162 justify-content: center;
4163 align-items: center;
4164 text-align: center;
4165 background-color: #258BB3;
4166 border-radius: 50%;
4167 bottom: 0;
4168 right: 0;
4169 font-size: 18px;
4170 padding: 16px;
4171 display: inline-block;
4172 line-height: 0.5;
4173 text-decoration: none !important;
4174 }
4175
4176 /* Our products (new design) */
4177
4178 .ays-poll-cards-block {
4179 display: flex;
4180 flex-wrap: wrap;
4181 justify-content: space-between;
4182 align-items: center;
4183 margin: 38px 0 2px;
4184 align-items: stretch;
4185 }
4186
4187 .ays-poll-card__text-hidden {
4188 display: none;
4189 }
4190
4191 .ays-poll-card {
4192 width: 32%;
4193 margin-bottom: 65px;
4194 background-color: #fff;
4195 display: flex;
4196 flex-direction: column;
4197 justify-content: space-between;
4198 border-radius: 2px;
4199 }
4200
4201 .ays-poll-card__content {
4202 display: flex;
4203 justify-content: space-between;
4204 background-color: #fff;
4205 padding: 25px 12px 8px 19px;
4206 min-height: 140px;
4207 flex: 1 0 auto;
4208 }
4209
4210 .ays-poll-card__content-img-box {
4211 margin-right: 14px;
4212 }
4213
4214 .ays-poll-card__img {
4215 width: 85px;
4216 height: 85px;
4217 border-radius: 9px;
4218 }
4219
4220 .ays-poll-card__title {
4221 font-style: normal;
4222 margin-bottom: 12px;
4223 font-weight: 600;
4224 font-size: 22px;
4225 line-height: 24px;
4226 color: #18191f;
4227 }
4228
4229 .ays-poll-card__text {
4230 font-style: normal;
4231 font-weight: 400;
4232 font-size: 14px;
4233 line-height: 20px;
4234 color: #4c4d54;
4235 }
4236
4237 .ays-poll-card__footer {
4238 background-color: #f7f7f7;
4239 padding: 25px 20px;
4240 }
4241
4242 .ays-poll-card__btn-info {
4243 display: inline-block;
4244 color: #2b74b9;
4245 border: 1px solid #2b74b9;
4246 padding: 10px 16px;
4247 background-color: #fff;
4248 font-weight: 500;
4249 font-size: 14px;
4250 line-height: 14px;
4251 border-radius: 2px;
4252 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
4253 margin-right: 10px;
4254 }
4255
4256 .ays-poll-card__btn-primary {
4257 display: inline-block;
4258 color: #ffffff;
4259 border: 1px solid transparent;
4260 padding: 10px 16px;
4261 background-color: #2b74b9;
4262 font-weight: 500;
4263 font-size: 14px;
4264 line-height: 14px;
4265 border-radius: 2px;
4266 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
4267 }
4268
4269 .ays-poll-card__btn-info:hover {
4270 text-decoration: none;
4271 background-color: #cdc8c81a;
4272 border: 1px solid #0e63b3;
4273 }
4274
4275 .ays-poll-card__btn-primary:hover {
4276 text-decoration: none;
4277 background-color: #0067c9;
4278 color: #ffffff;
4279 }
4280
4281 .ays-poll-card__btn-info.disabled {
4282 color: #a7aaad !important;
4283 border-color: #dcdcde !important;
4284 background: #f6f7f7 !important;
4285 box-shadow: none !important;
4286 cursor: default;
4287 transform: none !important;
4288 outline: unset;
4289 }
4290
4291 #ays-poll-intro-title {
4292 font-size: 38px;
4293 font-weight: 600;
4294 margin: 30px 0;
4295 width: 50%;
4296 }
4297
4298 .flexible {
4299 flex-grow: 1;
4300 }
4301
4302 .ays-poll-see-all {
4303 text-align: center;
4304 }
4305
4306 .ays-poll-all-btn {
4307 background: #2b74b9;
4308 padding: 10px 18px;
4309 display: block;
4310 max-width: 240px;
4311 color: #fff;
4312 text-align: center;
4313 margin: 20px auto 30px;
4314 box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%);
4315 border-radius: 2px;
4316 font-weight: 600;
4317 font-size: 20px;
4318 line-height: 28px;
4319 position: relative;
4320 text-transform: capitalize;
4321 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
4322 }
4323
4324 .ays-poll-card__btn-primary:visited,
4325 .ays-poll-all-btn:visited {
4326 color: #fff;
4327 }
4328
4329 .ays-poll-all-btn:hover {
4330 text-decoration: none;
4331 background-color: #0067c9;
4332 color: #ffffff;
4333 }
4334
4335 .ays-poll-all-btn:before {
4336 content: "";
4337 top: 50%;
4338 right: 112%;
4339 width: 100%;
4340 height: 1px;
4341 background-color: #dfdfdf;
4342 position: absolute;
4343 pointer-events: none;
4344 }
4345
4346 .ays-poll-all-btn:after {
4347 content: "";
4348 top: 50%;
4349 left: 112%;
4350 width: 100%;
4351 height: 1px;
4352 background-color: #dfdfdf;
4353 position: absolute;
4354 pointer-events: none;
4355 }
4356
4357 /* Our products Media Queries */
4358 /* max-width */
4359 @media screen and (max-width: 1160px) {
4360 .ays-poll-all-btn:before {
4361 width: 60%;
4362 }
4363
4364 .ays-poll-all-btn:after {
4365 width: 60%;
4366 }
4367 }
4368
4369 @media screen and (max-width: 1096px) {
4370 .ays-poll-card {
4371 width: 47%;
4372 }
4373
4374 #ays-poll-intro-title {
4375 font-size: 33px;
4376 width: 67%;
4377 }
4378
4379 .ays-poll-card__img {
4380 width: 93px;
4381 height: 93px;
4382 }
4383
4384 .ays-poll-card__content {
4385 min-height: 140px;
4386 }
4387
4388 .ays-poll-card__text {
4389 font-size: 15px;
4390 }
4391
4392 .ays-poll-card__footer {
4393 padding: 25px 15px;
4394 }
4395 }
4396
4397 @media screen and (max-width: 992px) {
4398 .ays-poll-card__text {
4399 font-size: 16px;
4400 }
4401 }
4402
4403 @media screen and (max-width: 786px) {
4404 .ays-poll-card {
4405 width: 48%;
4406 }
4407
4408 #ays-poll-intro-title {
4409 font-size: 33px;
4410 width: 85%;
4411 }
4412 }
4413
4414 @media screen and (max-width: 662px) {
4415 .ays-poll-card {
4416 width: 74%;
4417 margin-left: auto;
4418 margin-right: auto;
4419 }
4420
4421 .ays-poll-card__title {
4422 font-size: 24px;
4423 }
4424
4425 .ays-poll-card__text {
4426 font-size: 18px;
4427 line-height: 24px;
4428 }
4429
4430 .ays-poll-card {
4431 min-height: 220px;
4432 }
4433
4434 .ays-poll-card__footer {
4435 padding: 25px 14px;
4436 }
4437
4438 .ays-poll-all-btn:before {
4439 width: 40%;
4440 }
4441 .ays-poll-all-btn:after {
4442 width: 40%;
4443 }
4444
4445 .ays-poll-card {
4446 margin-bottom: 50px;
4447 }
4448 }
4449
4450 @media screen and (max-width: 574px) {
4451 .ays-poll-card {
4452 width: 78%;
4453 }
4454
4455 .ays-poll-card__btn-info {
4456 padding: 10px 18px;
4457 font-size: 15px;
4458 }
4459
4460 .ays-poll-card__btn-primary {
4461 padding: 10px 18px;
4462 font-size: 15px;
4463 }
4464
4465 .ays-poll-all-btn {
4466 padding: 7px 14px;
4467 max-width: 210px;
4468 font-size: 19px;
4469 margin: 8px auto 10px;
4470 }
4471
4472 .ays-poll-card__footer {
4473 padding: 25px 14px;
4474 }
4475
4476 .ays-poll-all-btn:before {
4477 display: none;
4478 }
4479
4480 .ays-poll-all-btn:after {
4481 display: none;
4482 }
4483
4484 #ays-poll-intro-title {
4485 font-size: 30px;
4486 width: 98%;
4487 }
4488 }
4489
4490 @media screen and (max-width: 520px) {
4491 .ays-poll-card {
4492 width: 85%;
4493 }
4494 .ays-poll-card__title {
4495 font-size: 22px;
4496 }
4497 }
4498
4499 @media screen and (max-width: 375px) {
4500 .ays-poll-card {
4501 width: 94%;
4502 }
4503
4504 .ays-poll-card__text {
4505 font-size: 16px;
4506 line-height: 23px;
4507 }
4508
4509 #ays-poll-intro-title {
4510 font-size: 28px;
4511 width: 100%;
4512 }
4513
4514 .ays-poll-all-btn {
4515 padding: 5px 12px;
4516 max-width: 185px;
4517 font-size: 17px;
4518 margin: 8px auto 30px;
4519 }
4520
4521 .ays-poll-card__content {
4522 display: flex;
4523 justify-content: space-between;
4524 background-color: #fff;
4525 padding: 18px 11px 5px 18px;
4526 min-height: 140px;
4527 flex: 1 0 auto;
4528 }
4529 }
4530
4531 /* min-width */
4532 @media screen and (min-width: 1440px) {
4533 .ays-poll-card__title {
4534 font-size: 24px;
4535 }
4536
4537 .ays-poll-card__img {
4538 width: 93px;
4539 height: 93px;
4540 }
4541
4542 .ays-poll-card__text {
4543 font-size: 17px;
4544 }
4545
4546 .ays-poll-card__btn-info {
4547 padding: 10px 17px;
4548 }
4549
4550 .ays-poll-card__btn-primary {
4551 padding: 10px 17px;
4552 }
4553
4554 .ays-poll-card__btn-info {
4555 font-size: 16px;
4556 }
4557
4558 .ays-poll-card__btn-primary {
4559 font-size: 16px;
4560 }
4561
4562 .ays-poll-card__text {
4563 font-size: 16px;
4564 }
4565
4566 .ays-poll-card__title {
4567 font-size: 24px;
4568 }
4569
4570 .ays-poll-card__content {
4571 padding: 20px 20px 8px 22px;
4572 }
4573
4574 #ays-poll-intro-title {
4575 font-size: 42px;
4576 font-weight: 600;
4577 margin: 30px 0;
4578 width: 50%;
4579 }
4580
4581 .ays-poll-card__footer {
4582 padding: 22px 24px;
4583 }
4584 }
4585
4586 @media screen and (min-width: 1820px) {
4587 .ays-poll-card__text-hidden {
4588 display: inline;
4589 }
4590
4591 #ays-poll-intro-title {
4592 width: 32%;
4593 }
4594
4595 .ays-poll-card__text {
4596 font-size: 14px;
4597 }
4598
4599 .ays-poll-card__title {
4600 font-size: 18px;
4601 }
4602 }
4603
4604 @media screen and (min-width: 1820px) {
4605 #ays-poll-intro-title {
4606 width: 36%;
4607 }
4608 }
4609
4610
4611 .ays-poll-articles-and-video-wrap {
4612 text-align: center;
4613 width: 70%;
4614 margin: auto;
4615 margin-bottom: 60px;
4616 }
4617
4618 .ays-poll-heading-box {
4619 float: right;
4620 margin-top: 10px;
4621 }
4622
4623 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
4624 display: inline-block;
4625 width: auto;
4626 min-width: 80px;
4627 padding: 5px 14px;
4628 font: 500 12px / 16px "Roboto", Arial, sans-serif;
4629 letter-spacing: -.25px;
4630 text-transform: capitalize;
4631 border-color: #ddd;
4632 background-color: transparent;
4633 color: #888;
4634 cursor: pointer;
4635 margin: 0;
4636 border: 2px solid transparent;
4637 border-radius: 4px;
4638 text-decoration: underline;
4639 text-align: center;
4640 -webkit-transition: all 0.3s ease;
4641 transition: all 0.3s ease;
4642 }
4643
4644 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover {
4645 color: #666;
4646 }
4647
4648 @-webkit-keyframes ays_pulse {
4649 from,
4650 to {
4651 -webkit-transform: scale3d(1, 1, 1);
4652 transform: scale3d(1, 1, 1)
4653 }
4654 50% {
4655 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4656 transform: scale3d(1.2, 1.2, 1.2)
4657 }
4658 }
4659
4660 @-moz-keyframes ays_pulse {
4661 from,
4662 to {
4663 -webkit-transform: scale3d(1, 1, 1);
4664 transform: scale3d(1, 1, 1)
4665 }
4666 50% {
4667 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4668 transform: scale3d(1.2, 1.2, 1.2)
4669 }
4670 }
4671
4672 @-ms-keyframes ays_pulse {
4673 from,
4674 to {
4675 -webkit-transform: scale3d(1, 1, 1);
4676 transform: scale3d(1, 1, 1)
4677 }
4678 50% {
4679 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4680 transform: scale3d(1.2, 1.2, 1.2)
4681 }
4682 }
4683
4684 @keyframes ays_pulse {
4685 from,
4686 to {
4687 -webkit-transform: scale3d(1, 1, 1);
4688 -moz-transform: scale3d(1, 1, 1);
4689 -ms-transform: scale3d(1, 1, 1);
4690 transform: scale3d(1, 1, 1)
4691 }
4692 50% {
4693 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4694 -moz-transform: scale3d(1.2, 1.2, 1.2);
4695 -ms-transform: scale3d(1.2, 1.2, 1.2);
4696 transform: scale3d(1.2, 1.2, 1.2)
4697 }
4698 }
4699
4700 .ays_pulse {
4701 -webkit-animation-name: ays_pulse;
4702 -moz-animation-name: ays_pulse;
4703 -ms-animation-name: ays_pulse;
4704 animation-name: ays_pulse;
4705 -webkit-animation-iteration-count: infinite;
4706 -moz-animation-iteration-count: infinite;
4707 -o-animation-iteration-count: infinite;
4708 animation-iteration-count: infinite;
4709 -webkit-animation-duration: 2s;
4710 -moz-animation-duration: 2s;
4711 -o-animation-duration: 2s;
4712 animation-duration: 2s;
4713 -webkit-transition-timing-function: ease-in-out;
4714 -moz-transition-timing-function: ease-in-out;
4715 -o-transition-timing-function: ease-in-out;
4716 transition-timing-function: ease-in-out;
4717 }
4718
4719 /* Our products (new design) END */
4720
4721 @media screen and (max-width: 640px){
4722 div.ays_ask_question_content{
4723 display: none;
4724 }
4725 }
4726
4727 /* Ask a question box end */
4728
4729 div#ays_poll_dicount_banner a.ays-poll-sale-banner-link{
4730 cursor: pointer;
4731 }
4732
4733 div#ays_poll_dicount_banner a.ays-poll-sale-banner-link:focus{
4734 outline: none;
4735 border: 0;
4736 text-decoration: unset;
4737 box-shadow: unset;
4738 }
4739
4740 span.ays_poll_small_hint_text {
4741 font-style: italic;
4742 color: gray;
4743 display: inline-block;
4744 font-size: 12px;
4745 }
4746
4747 .ays_poll_small_hint_text_for_message_variables {
4748 font-style: italic;
4749 font-size: 11px;
4750 color: gray;
4751 }
4752
4753 input.ays-text-input-90-width {
4754 width: 90px;
4755 max-width: 100%;
4756 }
4757
4758 button.disabled-button{
4759 border: none;
4760 font-size: 14px;
4761 padding: 4px 6px 5px 8px;
4762 background: #0073aa;
4763 color: white;
4764 opacity: 0.5;
4765 }
4766
4767 button.disabled-button:focus,
4768 button.disabled-button:focus-visible {
4769 outline: none;
4770 border: none;
4771 }
4772
4773 .ays_poll_check_label{
4774 margin-right: 5px;
4775 }
4776
4777 .ays_poll_logo_image_main{
4778 object-fit: cover;
4779 }
4780
4781 span.ays_poll_small_hint_text {
4782 font-style: italic;
4783 color: gray;
4784 display: block;
4785 font-size: 12px;
4786 }
4787
4788 #ays_poll_buttons_size + .select2.select2-container{
4789 width: 250px !important;
4790 }
4791
4792 form#ays-poll-form p.ays-poll-subtitle-button{
4793 font-weight: 500;
4794 }
4795
4796 form#ays-poll-form .ays_poll_display_flex{
4797 display: flex;
4798 justify-content: center;
4799 align-items: center;
4800 padding:8px 0px;
4801 }
4802
4803 form#ays-poll-form .ays_show_user_added{
4804 margin-left: 10px;
4805 /* height: 1rem;
4806 width: 1rem; */
4807 }
4808
4809
4810 /* PRO FEATUERS */
4811 .ays-show-user-history-table-wrap,
4812 .ays-poll-all-results-table-wrap {
4813 border: 2px dashed #9E9E9E;
4814 padding: 20px;
4815 display: flex;
4816 }
4817 .ays-show-user-history-table,
4818 .ays-poll-all-results-table {
4819 height: 100%;
4820 margin: 0;
4821 }
4822
4823 .ays-show-user-history-table .ays_user_history_sortable_placeholder,
4824 .ays-poll-all-results-table li,
4825 .ays-show-user-history-table li {
4826 font-weight: normal !important;
4827 font-size: 14px;
4828 padding: 9px;
4829 vertical-align: middle;
4830 text-align: center;
4831 margin-right: 10px;
4832 cursor: move;
4833 position: relative;
4834 float: left;
4835 }
4836
4837 .ays-show-user-history-table li:last-child,
4838 .ays-poll-all-results-table li:last-child {
4839 clear: right;
4840 }
4841
4842 .ays-show-user-history-table li label,
4843 .ays-poll-all-results-table li label {
4844 margin-bottom: 0;
4845 }
4846
4847 .ays-show-user-history-table .ays_user_history_sortable_placeholder {
4848 border: 1px dotted #aaa;
4849 background-color: #ccc;
4850 }
4851
4852 ul.ays-show-user-history-table li.ays-user-history-option-row input[type=checkbox],
4853 ul.ays-poll-all-results-table li.ays-poll-all-results-table-row input[type=checkbox] {
4854 max-width: 1rem;
4855 }
4856
4857 div.ays_answer_font_size_box input.ays_answer_font_size,
4858 div#ays-poll-border-side-box select#ays-poll-border-side,
4859 div#ays-poll-border-side-box select#ays-poll-border-side + .select2.select2-container,
4860 div#ays_poll_image_background_size_box select#ays_poll_image_background_size + .select2.select2-container
4861 {
4862 width: 100% !important;
4863 }
4864
4865
4866 /* Scroll Bar */
4867 div.box-apm::-webkit-scrollbar {
4868 width: 5px;
4869 }
4870
4871 div.box-apm::-webkit-scrollbar-track {
4872 box-shadow: inset 0 0 5px grey;
4873 border-radius: 10px;
4874 }
4875
4876 div.box-apm::-webkit-scrollbar-thumb {
4877 background: #A8A8A8;
4878 border-radius: 10px;
4879 }
4880
4881 div.box-apm::-webkit-scrollbar-thumb:hover {
4882 background: #A8A8A8;
4883 }
4884
4885
4886 .ays-poll-general-settings-blockquote-ul > li {
4887 border-bottom: 1px solid rgb(85 85 85 / 30%);
4888 }
4889
4890 .ays-poll-general-settings-blockquote-ul > li:last-child {
4891 border-bottom: unset;
4892 }
4893
4894 .ays-poll-general-settings-ul {
4895 padding-left: 40px;
4896 list-style: circle;
4897 }
4898
4899 form#ays-poll-form div.apm-title-box h5{
4900 word-break: break-word;
4901 word-wrap: break-word;
4902 padding: 5px;
4903 }
4904
4905 select#ays_poll_title_alignment + span.select2-container,
4906 select#ays_poll_title_alignment_mobile + span.select2-container {
4907 width: 250px !important;
4908 }
4909
4910 form#ays-poll-form div.ays-poll-maker-text-live-preview{
4911 padding: 0 10px;
4912 }
4913
4914 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live,
4915 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{
4916 background-color: #f3f5f7;
4917 transition: .5s;
4918 }
4919
4920 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{
4921 min-height: 120px;
4922 width: 100%;
4923 padding: 16px 0px 16px 16px;
4924 overflow: hidden;
4925 resize: none;
4926 border: 0;
4927 border-radius: 4px 4px 0 0;
4928 box-shadow: unset;
4929 outline: none;
4930 }
4931
4932 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live{
4933 /* width: 60%; */
4934 height: 40px;
4935 resize: none;
4936 border: 0;
4937 border-radius: 4px 4px 0 0;
4938 box-shadow: unset;
4939 outline: none;
4940 }
4941
4942 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live:hover{
4943 background-color: #d8d8d8;
4944 }
4945
4946 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live:hover{
4947 background-color: #d8d8d8;
4948 }
4949
4950 div#wpbody div.wrap div.ays-poll-maker-htu-header{
4951 text-align: center;
4952 clear: both;
4953 }
4954
4955 div#wpbody div.wrap div.ays-poll-maker-op-header{
4956 text-align: center;
4957 }
4958
4959 form#ays-poll-form .ays-poll-tab-content .wp-picker-container .iris-strip.iris-slider.iris-alpha-slider{
4960 margin-left: 7.8125px !important;
4961 }
4962
4963 .ays-poll-tabs-wrapper #tab4 blockquote span.ays-poll-blockquote-span {
4964 font-weight: 600;
4965 font-style: italic;
4966 margin: 0;
4967 }
4968
4969 form#ays-poll-form select.ays_poll_select_short{
4970 width: 70px;
4971 }
4972
4973 form#ays-poll-form #ays_poll_text_type_width,form#ays-poll-form #ays_poll_text_type_placeholder{
4974 width: 100%;
4975 height: 40px;
4976 }
4977
4978 form#ays-poll-form #ays_poll_question_image_object_fit{
4979 width: 250px;
4980 }
4981
4982 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables th#polls,
4983 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables td.polls.column-polls{
4984 text-align: center;
4985 }
4986 /* Poll Responsive tabs start */
4987 div.ays-top-menu-wrapper {
4988 position: relative;
4989 display: flex;
4990 align-items: center;
4991 }
4992 .ays_menu_left,
4993 .ays_menu_right {
4994 position: absolute;
4995 cursor: pointer;
4996 font-size: 16px;
4997 height: 80%;
4998 display: none;
4999 align-items: center;
5000 bottom: 0;
5001 z-index: 3;
5002 }
5003 .ays_menu_left {
5004 left: -10px;
5005 padding-right: 20px;
5006 padding-left: 2px;
5007 }
5008 .ays_menu_right {
5009 right: -10px;
5010 padding-left: 20px;
5011 padding-right: 2px;
5012 }
5013 .ays_menu_left:hover {
5014 background-image: linear-gradient(to right, #000 , transparent);
5015 color: #ccc;
5016 border-radius: 50% 0 0 50%;
5017 }
5018 .ays_menu_right:hover {
5019 background-image: linear-gradient(to left, #000 , transparent);
5020 color: #ccc;
5021 border-radius: 0 50% 50% 0;
5022 }
5023 div.ays-top-menu-wrapper div.ays-top-menu {
5024 overflow: hidden;
5025 width: 100%;
5026 margin: auto;
5027 }
5028 div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
5029 display: flex;
5030 flex-wrap: nowrap;
5031 transform: translate(0);
5032 transition: .5s ease-in-out;
5033 padding-right: 7px;
5034 padding-left: 0;
5035 background: revert;
5036 padding-bottom: 0;
5037 }
5038 /* Poll Responsive tabs end */
5039
5040 form#ays-poll-general-settings-form .ays-poll-message-variables-inputs{
5041 font-size: 16px;
5042 height: 40px;
5043 border-radius: 4px;
5044 margin-top: 2px;
5045 width: 350px;
5046 }
5047
5048 .form-group.row.ays-poll-button-box .ays-poll-button-first-row,
5049 .form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5050 padding: 0;
5051 }
5052
5053 .form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5054 position: relative;
5055 display: flex;
5056 justify-content: center;
5057 }
5058
5059 .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-button {
5060 z-index: 9999;
5061 }
5062
5063 .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-poll-category-prev-button {
5064 margin-right: 10px;
5065 }
5066
5067 .form-group.row.ays-poll-button-box .button.ays_default_btn {
5068 opacity: 1;
5069 }
5070
5071 @media screen and (max-width: 640px){
5072 div.form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5073 justify-content: flex-start;
5074 margin-top: 10px;
5075 }
5076 }
5077
5078 @media screen and (max-width: 575px){
5079 .ays_divider_right{
5080 border: none;
5081 }
5082
5083 .ays_poll_hidden_block_content.ays_divider_left {
5084 border-left: none;
5085 }
5086
5087 .col-sm-9.ays_option_with_default_measurement_unit {
5088 padding-left: 0;
5089 }
5090 }
5091
5092 @media screen and (max-width: 425px){
5093 .ays_divider_right{
5094 border: none;
5095 }
5096
5097 #ays-poll-maker-countdown-main-container li {
5098 padding: 14px 8px;
5099 }
5100
5101 #ays-poll-maker-countdown-main-container li span {
5102 min-width: 50px;
5103 min-height: 50px;
5104 font-size: 30px;
5105 }
5106 div.if-choosing div.form-group.row {
5107 flex-wrap: nowrap;
5108 }
5109
5110 }
5111 .ays-poll-new-watch-video-button-box,
5112 .ays-poll-new-upgrade-button-box {
5113 top: -25px;
5114 }
5115 }
5116
5117 .ays-poll-heading-box {
5118 float: right;
5119 margin-top: 10px;
5120 }
5121
5122 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
5123 display: inline-block;
5124 width: auto;
5125 min-width: 80px;
5126 padding: 5px 14px;
5127 font: 500 12px/16px "Roboto",Arial,sans-serif;
5128 letter-spacing: -.25px;
5129 text-transform: capitalize;
5130 border-color: #ddd;
5131 background-color: transparent;
5132 color: #888;
5133 cursor: pointer;
5134 margin: 0;
5135 border: 2px solid transparent;
5136 border-radius: 4px;
5137 text-decoration: underline;
5138 text-align: center;
5139 -webkit-transition: all 0.3s ease;
5140 transition: all 0.3s ease;
5141 }
5142
5143 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover {
5144 color: #666;
5145 }
5146
5147 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:focus {
5148 /*box-shadow: 0 0 0 1px #ddd, 0 0 2px 1px #f1f1f1;*/
5149 box-shadow: unset;
5150 outline: unset;
5151 }
5152
5153 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
5154 padding: 5px 0px;
5155 font-style: italic;
5156 }
5157
5158 /* Our products (new design)*/
5159
5160 .ays-poll-cards-block {
5161 display: flex;
5162 flex-wrap: wrap;
5163 justify-content: space-between;
5164 align-items: center;
5165 margin: 38px 0 2px;
5166 align-items: stretch;
5167 }
5168
5169 .ays-poll-card__text-hidden {
5170 display: none;
5171 }
5172
5173 .ays-poll-card {
5174 width: 32%;
5175 margin-bottom: 65px;
5176 background-color: #fff;
5177 display: flex;
5178 flex-direction: column;
5179 justify-content: space-between;
5180 border-radius: 2px;
5181 }
5182
5183 .ays-poll-card__content {
5184 display: flex;
5185 justify-content: space-between;
5186 background-color: #fff;
5187 padding: 25px 12px 8px 19px;
5188 min-height: 140px;
5189 flex: 1 0 auto;
5190 }
5191
5192 .ays-poll-card__content-img-box {
5193 margin-right: 14px;
5194 }
5195
5196 .ays-poll-card__img {
5197 width: 85px;
5198 height: 85px;
5199 border-radius: 9px;
5200 }
5201
5202 .ays-poll-card__title {
5203 font-style: normal;
5204 margin-bottom: 12px;
5205 font-weight: 600;
5206 font-size: 22px;
5207 line-height: 24px;
5208 color: #18191f;
5209 }
5210
5211 .ays-poll-card__text {
5212 font-style: normal;
5213 font-weight: 400;
5214 font-size: 14px;
5215 line-height: 20px;
5216 color: #4c4d54;
5217 }
5218
5219 .ays-poll-card__footer {
5220 background-color: #f7f7f7;
5221 padding: 25px 20px;
5222 }
5223
5224 .ays-poll-card__btn-info {
5225 display: inline-block;
5226 color: #2b74b9;
5227 border: 1px solid #2b74b9;
5228 padding: 10px 16px;
5229 background-color: #fff;
5230 font-weight: 500;
5231 font-size: 14px;
5232 line-height: 14px;
5233 border-radius: 2px;
5234 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out, border 0.3s ease-in-out;
5235 margin-right: 10px;
5236 cursor: pointer;
5237 }
5238
5239 .ays-poll-card__btn-primary {
5240 display: inline-block;
5241 color: #ffffff;
5242 border: 1px solid transparent;
5243 padding: 10px 16px;
5244 background-color: #2b74b9;
5245 font-weight: 500;
5246 font-size: 14px;
5247 line-height: 14px;
5248 border-radius: 2px;
5249 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
5250 }
5251
5252 .ays-poll-card__btn-info:hover {
5253 text-decoration: none;
5254 background-color: #cdc8c81a;
5255 border: 1px solid #0e63b3;
5256 }
5257
5258 .ays-poll-card__btn-primary:hover {
5259 text-decoration: none;
5260 background-color: #0067c9;
5261 color: #ffffff;
5262 }
5263
5264 #ays-poll-intro-title {
5265 font-size: 38px;
5266 font-weight: 600;
5267 margin: 30px 0;
5268 width: 50%;
5269 }
5270
5271 .flexible {
5272 flex-grow: 1;
5273 }
5274
5275 .ays-poll-see-all {
5276 text-align: center;
5277 }
5278
5279 .ays-poll-all-btn {
5280 background: #2b74b9;
5281 padding: 10px 18px;
5282 display: block;
5283 max-width: 240px;
5284 color: #fff;
5285 text-align: center;
5286 margin: 20px auto 30px;
5287 box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%);
5288 border-radius: 2px;
5289 font-weight: 600;
5290 font-size: 20px;
5291 line-height: 28px;
5292 position: relative;
5293 text-transform: capitalize;
5294 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
5295 }
5296
5297 .ays-poll-card__btn-primary:visited,
5298 .ays-poll-all-btn:visited {
5299 color: #fff;
5300 }
5301
5302 .ays-poll-all-btn:hover {
5303 text-decoration: none;
5304 background-color: #0067c9;
5305 color: #ffffff;
5306 }
5307
5308 .ays-poll-all-btn:before {
5309 content: "";
5310 top: 50%;
5311 right: 112%;
5312 width: 100%;
5313 height: 1px;
5314 background-color: #dfdfdf;
5315 position: absolute;
5316 pointer-events: none;
5317 }
5318
5319 .ays-poll-all-btn:after {
5320 content: "";
5321 top: 50%;
5322 left: 112%;
5323 width: 100%;
5324 height: 1px;
5325 background-color: #dfdfdf;
5326 position: absolute;
5327 pointer-events: none;
5328 }
5329
5330 /* Our products Media Queries*/
5331 /* max-width */
5332 @media screen and (max-width: 1160px) {
5333 .ays-poll-all-btn:before {
5334 width: 60%;
5335 }
5336
5337 .ays-poll-all-btn:after {
5338 width: 60%;
5339 }
5340 }
5341
5342 @media screen and (max-width: 1096px) {
5343 .ays-poll-card {
5344 width: 47%;
5345 }
5346
5347 #ays-poll-intro-title {
5348 font-size: 33px;
5349 width: 67%;
5350 }
5351
5352 .ays-poll-card__img {
5353 width: 93px;
5354 height: 93px;
5355 }
5356
5357 .ays-poll-card__content {
5358 min-height: 140px;
5359 }
5360
5361 .ays-poll-card__text {
5362 font-size: 15px;
5363 }
5364
5365 .ays-poll-card__footer {
5366 padding: 25px 15px;
5367 }
5368 }
5369
5370 @media screen and (max-width: 992px) {
5371 .ays-poll-card__text {
5372 font-size: 16px;
5373 }
5374 }
5375
5376 @media screen and (max-width: 786px) {
5377 .ays-poll-card {
5378 width: 48%;
5379 }
5380
5381 #ays-poll-intro-title {
5382 font-size: 33px;
5383 width: 85%;
5384 }
5385 }
5386
5387 @media screen and (max-width: 662px) {
5388 .ays-poll-card {
5389 width: 74%;
5390 margin-left: auto;
5391 margin-right: auto;
5392 }
5393
5394 .ays-poll-card__title {
5395 font-size: 24px;
5396 }
5397
5398 .ays-poll-card__text {
5399 font-size: 18px;
5400 line-height: 24px;
5401 }
5402
5403 .ays-poll-card {
5404 min-height: 220px;
5405 }
5406
5407 .ays-poll-card__footer {
5408 padding: 25px 14px;
5409 }
5410
5411 .ays-poll-all-btn:before {
5412 width: 40%;
5413 }
5414 .ays-poll-all-btn:after {
5415 width: 40%;
5416 }
5417
5418 .ays-poll-card {
5419 margin-bottom: 50px;
5420 }
5421 }
5422
5423 @media screen and (max-width: 574px) {
5424 .ays-poll-card {
5425 width: 78%;
5426 }
5427
5428 .ays-poll-card__btn-info {
5429 padding: 10px 18px;
5430 font-size: 15px;
5431 }
5432
5433 .ays-poll-card__btn-primary {
5434 padding: 10px 18px;
5435 font-size: 15px;
5436 }
5437
5438 .ays-poll-all-btn {
5439 padding: 7px 14px;
5440 max-width: 210px;
5441 font-size: 19px;
5442 margin: 8px auto 10px;
5443 }
5444
5445 .ays-poll-card__footer {
5446 padding: 25px 14px;
5447 }
5448
5449 .ays-poll-all-btn:before {
5450 display: none;
5451 }
5452
5453 .ays-poll-all-btn:after {
5454 display: none;
5455 }
5456
5457 #ays-poll-intro-title {
5458 font-size: 30px;
5459 width: 98%;
5460 }
5461 }
5462
5463 @media screen and (max-width: 520px) {
5464 .ays-poll-card {
5465 width: 85%;
5466 }
5467 .ays-poll-card__title {
5468 font-size: 22px;
5469 }
5470 }
5471
5472 @media screen and (max-width: 375px) {
5473 .ays-poll-card {
5474 width: 94%;
5475 }
5476
5477 .ays-poll-card__text {
5478 font-size: 16px;
5479 line-height: 23px;
5480 }
5481
5482 #ays-poll-intro-title {
5483 font-size: 28px;
5484 width: 100%;
5485 }
5486
5487 .ays-poll-all-btn {
5488 padding: 5px 12px;
5489 max-width: 185px;
5490 font-size: 17px;
5491 margin: 8px auto 30px;
5492 }
5493
5494 .ays-poll-card__content {
5495 display: flex;
5496 justify-content: space-between;
5497 background-color: #fff;
5498 padding: 18px 11px 5px 18px;
5499 min-height: 140px;
5500 flex: 1 0 auto;
5501 }
5502 }
5503
5504 /* min-width */
5505 @media screen and (min-width: 1440px) {
5506 .ays-poll-card__title {
5507 font-size: 24px;
5508 }
5509
5510 .ays-poll-card__img {
5511 width: 93px;
5512 height: 93px;
5513 }
5514
5515 .ays-poll-card__text {
5516 font-size: 17px;
5517 }
5518
5519 .ays-poll-card__btn-info {
5520 padding: 10px 17px;
5521 }
5522
5523 .ays-poll-card__btn-primary {
5524 padding: 10px 17px;
5525 }
5526
5527 .ays-poll-card__btn-info {
5528 font-size: 16px;
5529 }
5530
5531 .ays-poll-card__btn-primary {
5532 font-size: 16px;
5533 }
5534
5535 .ays-poll-card__text {
5536 font-size: 16px;
5537 }
5538
5539 .ays-poll-card__title {
5540 font-size: 24px;
5541 }
5542
5543 .ays-poll-card__content {
5544 padding: 20px 20px 8px 22px;
5545 }
5546
5547 #ays-poll-intro-title {
5548 font-size: 42px;
5549 font-weight: 600;
5550 margin: 30px 0;
5551 width: 50%;
5552 }
5553
5554 .ays-poll-card__footer {
5555 padding: 22px 24px;
5556 }
5557 }
5558
5559 @media screen and (min-width: 1820px) {
5560 .ays-poll-card__text-hidden {
5561 display: inline;
5562 }
5563
5564 #ays-poll-intro-title {
5565 width: 32%;
5566 }
5567
5568 .ays-poll-card__text {
5569 font-size: 14px;
5570 }
5571
5572 .ays-poll-card__title {
5573 font-size: 18px;
5574 }
5575 }
5576
5577 @media screen and (min-width: 1820px) {
5578 #ays-poll-intro-title {
5579 width: 36%;
5580 }
5581 }
5582
5583 /* Community */
5584 @media (min-width: 1250px) {
5585 .ays-poll-community-wrap .ays-poll-community-item {
5586 width:calc(28.3333333% - 13.3333333px)
5587 }
5588
5589 .ays-poll-community-wrap .ays-poll-community-item:nth-child(3n) {
5590 margin-right: 0
5591 }
5592 }
5593
5594 @media (max-width: 1249px) {
5595 .ays-poll-community-wrap .ays-poll-community-item {
5596 width:calc(50% - 10px)
5597 }
5598
5599 .ays-poll-community-wrap .ays-poll-community-item:nth-child(2n) {
5600 margin-right: 0
5601 }
5602 }
5603
5604 @media (max-width: 767px) {
5605 div.ays-poll-community-wrap .ays-poll-community-item {
5606 width:100%;
5607 margin-right: 0
5608 }
5609
5610 div.ays-poll-community-youtube-video iframe {
5611 width: 100%;
5612 }
5613 }
5614
5615 .ays-poll-community-wrap {
5616 text-align: center;
5617 width: 95%;
5618 margin: auto;
5619 margin-bottom: 60px;
5620 }
5621
5622 .ays-poll-community-wrap *,
5623 .ays-poll-community-wrap *::before,
5624 .ays-poll-community-wrap *::after {
5625 -webkit-box-sizing: border-box;
5626 -moz-box-sizing: border-box;
5627 box-sizing: border-box;
5628 }
5629
5630 .ays-poll-community-wrap .ays-poll-community-container {
5631 display: flex;
5632 flex-wrap: wrap;
5633 justify-content: center;
5634 margin: 20px;
5635 margin-top: 40px;
5636 }
5637
5638 .ays-poll-community-wrap .ays-poll-community-item {
5639 /*border: 1px solid #DDDDDD;*/
5640 margin: 0 20px 20px 0;
5641 background-color: #FAF8F8;
5642 position: relative;
5643 box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8;
5644 border-radius: 2px;
5645 }
5646
5647 .ays-poll-community-wrap .ays-poll-community-item-cover {
5648 width: 100%;
5649 height: 120px;
5650 position: relative;
5651 display: block
5652 }
5653
5654 .ays-poll-community-wrap .ays-poll-community-item-img {
5655 width: auto;
5656 height: auto;
5657 max-width: 80px;
5658 max-height: 80px;
5659 position: absolute;
5660 top: 0;
5661 bottom: 0;
5662 left: 0;
5663 right: 0;
5664 margin: auto;
5665 font-size: 70px;
5666 line-height: 80px;
5667 }
5668
5669 .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_youtube_play {
5670 color: #B74141;
5671 }
5672
5673 .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_users {
5674 color: #E78A2C;
5675 }
5676
5677 .ays-poll-community-wrap .ays-poll-community-item-title {
5678 margin: 17px 20px 10px 20px;
5679 font-size: 16px
5680 }
5681
5682 .ays-poll-community-wrap .ays-poll-community-item-desc {
5683 margin: 0 20px 100px 20px;
5684 font-size: 14px
5685 }
5686
5687 .ays-poll-community-wrap .ays-poll-community-item-footer {
5688 position: absolute;
5689 width: 100%;
5690 bottom: 0;
5691 padding: 20px;
5692 /*border-top: 1px solid #dddddd;
5693 background-color: #F7F7F7*/
5694 }
5695
5696 .ays-poll-community-wrap .button {
5697 display: inline-block;
5698 width: 150px;
5699 background-color: #FAF8F8;
5700 color: #1C75A6;
5701 font-weight: bold;
5702 border: 1px solid #0e6897;
5703 padding: 3px 34px;
5704 height: auto;
5705 /*line-height: 13px;*/
5706 /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/
5707 transition: 0.5s;
5708 }
5709
5710 .ays-poll-community-wrap .button:hover {
5711 background: #008ec2;
5712 border-color: #006799;
5713 color: #fff;
5714 }
5715
5716 .ays_poll_type_image_div .ays_poll_type_link {
5717 display: flex;
5718 align-items: center;
5719 justify-content: center;
5720 }
5721
5722 .ays_poll_type_image_div .ays_poll_type_link a {
5723 font-size: 12px;
5724 }
5725
5726 .ays_poll_type_image_div .ays_poll_type_label_div {
5727 display: flex;
5728 align-items: center;
5729 justify-content: center;
5730 }
5731
5732
5733 /* CUSTOM FIELDS VIDEO */
5734 .ays-poll-how-to-user-custom-fields-box{
5735 display: flex;
5736 justify-content: center;
5737 align-items: center;
5738 flex-direction: column;
5739 margin-bottom: 10px;
5740 }
5741 /**/
5742
5743 /* div.wrap h1.wp-heading-inline .ays-poll-add-new-button,
5744 div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button,
5745 .ays-notice-banner .ays-poll-add-new-button{
5746 background-color: #08A9BE;
5747 padding: 10px 20px;
5748 border: 1px solid #08A9BE;
5749 color: #ffffff;
5750 border-radius: 5px;
5751 font-size: 13px;
5752 font-weight: 500;
5753 }
5754
5755 div.wrap h1.wp-heading-inline .ays-poll-add-new-button:hover,
5756 div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button:hover {
5757 text-decoration: underline;
5758 } */
5759 .ays-poll-add-new-button, .ays-poll-add-new-cat-button {
5760 margin: 0 10px !important;
5761 }
5762
5763 .ays-poll-create-poll-video-box{
5764 display: flex;
5765 justify-content: center;
5766 align-items: center;
5767 flex-direction: column;
5768 margin-bottom: 10px;
5769 }
5770
5771 .ays-poll-create-poll-youtube-video-button-box{
5772 margin: 0px;
5773 }
5774
5775 .ays-poll-create-poll-youtube-video-button-box.create-poll-youtube-video-bottom{
5776 margin: 80px 0 10px;
5777 }
5778
5779 .ays-poll-create-poll-youtube-video {
5780 margin: 10px auto;
5781 }
5782
5783 .ays-poll-youtube-placeholder {
5784 position: relative;
5785 cursor: pointer;
5786 max-width: 100%;
5787 width: 560px;
5788 height: 315px;
5789 margin: 0 auto;
5790 }
5791
5792 .ays-poll-create-poll-youtube-video iframe {
5793 max-width: 100%;
5794 }
5795
5796 .ays-poll-youtube-placeholder img {
5797 display: block;
5798 width: 100%;
5799 height: 100%;
5800 object-fit: contain;
5801 }
5802
5803 @media screen and (max-width: 768px) {
5804 div.ays-poll-youtube-placeholder {
5805 width: 100%;
5806 height: auto;
5807 }
5808 }
5809
5810 .ays-poll-add-new-button-video{
5811 background-color: #08A9BE;
5812 color: #fff !important;
5813 outline: none;
5814 border-radius: 5px;
5815 box-shadow: unset;
5816 padding: 10px 20px;
5817 border: 1px solid #08A9BE;
5818 display: inline-block;
5819 font-size: 13px;
5820 font-weight: 500;
5821 }
5822
5823 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design {
5824 background: #2275EA;
5825 border-color: #2275EA;
5826 border-radius: 8px;
5827 padding: 5px 27px;
5828 color:white;
5829 }
5830
5831 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:hover {
5832 background: #0f34e7;
5833 color:white;
5834 }
5835
5836 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:active {
5837 padding: 5px 27px;
5838 line-height: 28px;
5839 }
5840
5841 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design img {
5842 width: 10px;
5843 margin-top: -2px;
5844 margin-right: 5px;
5845 }
5846
5847 .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design {
5848 padding: 10px 30px;
5849 }
5850
5851 .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design:hover {
5852 padding: 10px 30px;
5853 text-decoration: unset;
5854 }
5855
5856 div.ays_save_default_button_box .ays-poll-next-prev-button-class{
5857 background-color: #005AE0;
5858 max-height: 30px;
5859 min-height: 30px;
5860 display: inline-block;
5861 text-decoration: none;
5862 font-size: 13px;
5863 line-height: 2.15384615;
5864 margin: 4px;
5865 margin-top: 0px;
5866 padding: 0 10px;
5867 cursor: pointer;
5868 border-width: 1px;
5869 border-style: solid;
5870 -webkit-appearance: none;
5871 border-radius: 3px;
5872 white-space: nowrap;
5873 box-sizing: border-box;
5874 }
5875 div.ays_save_default_button_box .ays-poll-next-prev-button-class:hover{
5876 background-color: #004CBD;
5877 }
5878 .ays_save_default_button_box{
5879 padding-top: 4px;
5880 }
5881 div.ays_save_default_button_box .ays-poll-prev-poll-button, .ays_poll_next_poll_button{
5882 /* opacity: 0.8; */
5883 }
5884
5885 div.ays-poll-answers-redirect-alignment {
5886 height: 55px;
5887 align-items: center;
5888 }
5889
5890 #tab5 span.ays-poll-small-hint-fields-placeholders {
5891 display: none;
5892 }
5893
5894 #tab6 span.ays-poll-message-variables-hint-text {
5895 font-size: 18px;
5896 }
5897
5898 #tab6.ays-poll-message-variables-text-divider-for-mobile {
5899 display: none;
5900 }
5901
5902 div.ays-poll-export-import-box {
5903 display: flex;
5904 justify-content: flex-end;
5905 padding-right: 5px;
5906 }
5907
5908 a.ays-poll-crown-img-container img {
5909 width: 18px;
5910 }
5911
5912 a.ays_save_default_button_box {
5913 padding-right: 90px;
5914 }
5915
5916 @media screen and (max-width: 782px) {
5917 .ays-poll-youtube-video-responsive {
5918 max-width: 100%;
5919 }
5920
5921 #tab5 span.ays-poll-small-hint-fields-placeholders {
5922 display: block;
5923 }
5924
5925 #tab5 span.ays-poll-title-fields-placeholders {
5926 display: none;
5927 }
5928
5929 #tab6 span.ays-poll-message-variables-text-divider {
5930 display: none
5931 }
5932
5933 #tab6 p.vmessage {
5934 margin-bottom: 30px;
5935 }
5936
5937 form#ays-poll-general-settings-form .ays-poll-message-variables-inputs {
5938 width: 100%
5939 }
5940
5941 #tab6.ays-poll-message-variables-text-divider-for-mobile {
5942 display: block;
5943 }
5944
5945 #tab6 span.ays-poll-message-variables-hint-text {
5946 font-size: 14px;
5947 }
5948
5949 div.ays-poll-crown-img-container {
5950 right: 15px;
5951 }
5952
5953 div.ays_save_default_button_box {
5954 padding-right: 0;
5955 }
5956 }
5957
5958 .ays-poll-dropdown-select-width-250 {
5959 width: 250px;
5960 }
5961
5962 /*Redirect to another poll from polls edit page select start*/
5963
5964 .ays-poll-subtitle-main-box{
5965 position: relative;
5966 }
5967
5968 .ays-poll-polls-data{
5969 position: absolute;
5970 top: 27px;
5971 max-height: 350px;
5972 overflow: auto scroll;
5973 z-index: 99999;
5974 background-color: #ffff;
5975 border-radius: 3px;
5976 border: 1px solid grey;
5977 width: 200px;
5978 display: none;
5979 }
5980
5981 .ays-poll-polls-data::-webkit-scrollbar {
5982 width: 0.2em;
5983 }
5984
5985 .ays-poll-polls-data::-webkit-scrollbar-track{
5986 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
5987 }
5988
5989 .ays-poll-polls-data::-webkit-scrollbar-thumb{
5990 background-color: darkgrey;
5991 outline: 1px solid slategrey;
5992 border-radius: 5px;
5993 }
5994
5995 .ays-poll-polls-data .ays-poll-polls-each-data{
5996 border-bottom: 1px solid #80808059;
5997 cursor: pointer;
5998 }
5999
6000 .ays-poll-polls-data .ays-poll-polls-each-data:hover{
6001 background-color: #E8F0FF;
6002 }
6003
6004 .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{
6005 background-color: #e1e1e1;
6006 }
6007
6008 .ays-poll-message-vars-each-data-label{
6009 display: block;
6010 margin: 0;
6011 }
6012
6013 .ays-poll-open-list {
6014 display: flex;
6015 }
6016
6017 .ays-poll-open-list > img.ays-poll-open-polls-list {
6018 margin-left: 20px;
6019 cursor: pointer;
6020 }
6021
6022 .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls{
6023 display: inline-block;
6024 color: unset;
6025 border: 0;
6026 outline: unset;
6027 box-shadow: unset;
6028 padding: 8px 0 8px 8px;
6029 width: 100%;
6030 cursor: pointer;
6031 }
6032
6033 .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls {
6034 text-decoration: none;
6035 }
6036
6037 /*Redirect to another poll from polls edit page select end*/
6038
6039 #bulk-action-selector-bottom, #bulk-action-selector-top,
6040 #bulk-action-selector-top-select-top, #bulk-action-selector-top-select-bottom {
6041 height: 30px;
6042 }
6043
6044 /* Select message vars galleries page | Start */
6045
6046 .ays-poll-message-vars-box{
6047 display: flex;
6048 justify-content: flex-end;
6049 flex-direction: column;
6050 align-items: flex-end;
6051 user-select: none;
6052 position: relative;
6053 }
6054
6055 .ays-poll-subtitle-main-box{
6056 position: relative;
6057 min-height: 27px;
6058 word-break: break-word;
6059 }
6060
6061 .ays-poll-message-vars-box .ays-poll-message-vars-icon{
6062 display: flex;
6063 width: 150px;
6064 justify-content: space-between;
6065 cursor: pointer;
6066 margin-bottom: 15px;
6067
6068 }
6069
6070 .ays-poll-message-vars-box .ays-poll-message-vars-icon span{
6071 font-size: 13px;
6072 margin-right: 5px;
6073 }
6074
6075 .ays-poll-message-vars-data{
6076 position: absolute;
6077 top: 27px;
6078 max-height: 350px;
6079 overflow: auto scroll;
6080 z-index: 99999;
6081 background-color: #ffff;
6082 border-radius: 3px;
6083 width: 250px;
6084 display: none;
6085 box-shadow: 0 0px 0px 0.5px #00000087;
6086 }
6087
6088 .ays-poll-message-vars-data::-webkit-scrollbar{
6089 width: 0.2em;
6090 }
6091
6092 .ays-poll-message-vars-data::-webkit-scrollbar-track{
6093 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
6094 }
6095
6096 .ays-poll-message-vars-data::-webkit-scrollbar-thumb{
6097 background-color: darkgrey;
6098 outline: 1px solid slategrey;
6099 border-radius: 5px;
6100 }
6101
6102 .ays-poll-message-vars-data .ays-poll-message-vars-each-data{
6103 border-bottom: 1px solid #80808059;
6104 cursor: pointer;
6105 }
6106
6107 .ays-poll-message-vars-data .ays-poll-message-vars-each-data{
6108 padding: 8px 0 8px 8px;
6109 }
6110
6111
6112 .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{
6113 background-color: #e1e1e1;
6114 }
6115
6116 .ays-poll-message-vars-each-data-label{
6117 display: block;
6118 margin: 0;
6119 }
6120
6121 @media only screen and (max-width: 768px) {
6122 div.ays-poll-sm-guarantee-container-sg {
6123 width: 100%;
6124 }
6125
6126 div.ays-poll-sm-guarantee-container-sg img {
6127 width: 140px;
6128 margin-right: 20px;
6129 }
6130
6131 div.ays-poll-sm-guarantee-container-sg h3 {
6132 font-size: 19px;
6133 }
6134
6135 div.ays-poll-sm-guarantee-container-sg p {
6136 font-size: 12px;
6137 }
6138
6139 div.wrap.ays-poll-features-wrap-box {
6140 margin: 0;
6141 }
6142
6143 div.comparison {
6144 padding: 0;
6145 }
6146 }
6147
6148
6149 div.ays_polls_list_table .heading_buttons_container {
6150 display: flex;
6151 justify-content: space-between;
6152 margin: 10px 0;
6153 padding-right: 30px;
6154 }
6155
6156 /*Quick Poll Start*/
6157 div.wrap .wp-heading-block {
6158 display: flex;
6159 justify-content: space-between;
6160 align-items: center;
6161 flex-wrap: wrap;
6162 }
6163
6164 /* div.wrap .create_quick_poll_container {
6165 display: flex;
6166 justify-content: flex-end;
6167 margin: 10px 0;
6168 padding-right: 30px;
6169 } */
6170
6171 div.wrap .create_quick_poll {
6172 display: flex;
6173 justify-content: center;
6174 align-items: center;
6175 border: 3px solid #1db3c8;
6176 border-radius: 50%;
6177 cursor: pointer;
6178 width: 60px;
6179 height: 60px;
6180 }
6181
6182 div.wrap .create_quick_poll img {
6183 width: 35px;
6184 height: 35px;
6185 }
6186
6187 /* The Modal (background) */
6188 .ays_poll_modal {
6189 display: none;
6190 position: fixed;
6191 left: 0;
6192 top: 0;
6193 width: 100%;
6194 height: 100%;
6195 z-index: 1000;
6196 animation-duration: .5s;
6197 transition: .5s ease-in-out;
6198 outline: 0;
6199 overflow-y:scroll;
6200 background: #0000008a;
6201 }
6202
6203 .ays_poll_modal_content {
6204 background-color: #fefefe;
6205 margin: auto; /* 15% from the top and centered */
6206 margin-bottom: 30px;
6207 margin-top: 40px;
6208 border: 1px solid #888;
6209 width: 50%;
6210 z-index: 10000;
6211 position: relative;
6212 padding-left: 0 !important;
6213 animation-duration: .3s;
6214 transition: .5s ease-in-out;
6215 border-radius: 4px;
6216 overflow: hidden;
6217 }
6218
6219 .ays-modal-header {
6220 height: 50px;
6221 padding: 0 16px;
6222 color: #666;
6223 background-color: whitesmoke;
6224 position: relative;
6225 display: flex;
6226 align-items: center;
6227 justify-content: space-between;
6228 }
6229
6230 .ays-modal-header .ays-close-quick-create {
6231 color: #666;
6232 font-size: 30px;
6233 font-weight: 500;
6234 position: absolute;
6235 bottom: 15px;
6236 right: 5px;
6237 cursor: pointer;
6238 }
6239
6240 .ays-close-quick-create:hover, .ays-close-quick-create:focus {
6241 color: #000;
6242 }
6243
6244 .ays-modal-poll-title-add, .ays-modal-poll-question-add, .ays-modal-poll-answers-section {
6245 display: flex;
6246 flex-direction: column;
6247 }
6248
6249 .ays-modal-poll-question-add {
6250 margin: 30px 0;
6251 }
6252
6253 .ays-modal-poll-answers-section {
6254 align-items: flex-start;
6255 }
6256
6257 .ays-modal-poll-title-add label, .ays-modal-poll-question-add label, .ays-modal-poll-answers-section label {
6258 color: #3d92d0;
6259 font-weight: 700;
6260 letter-spacing: 0.5px;
6261 word-spacing: 2px;
6262 }
6263
6264 .ays-modal-quick-poll-content {
6265 border-top: 1px solid #666666;
6266 padding: 40px;
6267 }
6268
6269 .quick_poll_answer_box {
6270 display: flex;
6271 align-items: center;
6272 justify-content: space-between;
6273 width: 100%;
6274 }
6275
6276 .quick_poll_answer_box input {
6277 width: 90%;
6278 }
6279
6280 .quick_poll_answer_box:not(:first-child) {
6281 margin-top: 13px;
6282 }
6283
6284 .quick_poll_answer_box button {
6285 border: none;
6286 cursor: pointer;
6287 }
6288
6289 .quick_poll_add_option {
6290 color: #3d92d0;
6291 cursor: pointer;
6292 border: none;
6293 display: flex;
6294 align-items: center;
6295 margin-top: 10px;
6296 }
6297
6298 .quick_poll_add_option div{
6299 display: flex;
6300 align-items: center;
6301 justify-content: center;
6302 background-color: #3d92d0;
6303 border-radius: 50%;
6304 width: 15px;
6305 height: 15px;
6306 margin-right: 10px;
6307 }
6308
6309 .quick_poll_add_option span {
6310 color: #fff;
6311 }
6312
6313 .quick_poll_divider {
6314 margin: 40px 0;
6315 height: 1px;
6316 background-color: #666;
6317 }
6318
6319
6320 .quick_poll_settings h4 {
6321 color: #3d92d0;
6322 }
6323
6324 .quick_poll_settings div {
6325 display: flex;
6326 align-items: center;
6327 width: 35%;
6328 justify-content: space-between;
6329 }
6330
6331 .quick_poll_settings div:first-child {
6332 margin: 10px 0 5px 0;
6333 }
6334
6335 .quick_poll_settings span {
6336 font-weight: 500;
6337 }
6338
6339 .quick_poll_settings input{
6340 height: 0;
6341 width: 0;
6342 visibility: hidden;
6343 }
6344
6345 .quick_poll_settings label {
6346 cursor: pointer;
6347 text-indent: -9999px;
6348 width: 35px;
6349 height: 20px;
6350 min-width: 35px;
6351 min-height: 20px;
6352 background: grey;
6353 display: block;
6354 border-radius: 20px;
6355 position: relative;
6356 margin-bottom: 0;
6357 }
6358
6359 .quick_poll_settings label:after {
6360 content: '';
6361 position: absolute;
6362 top: 1px;
6363 left: 1px;
6364 width: 18px;
6365 height: 18px;
6366 background: #fff;
6367 border-radius: 18px;
6368 transition: 0.3s;
6369 }
6370
6371 .quick_poll_settings input:checked + label {
6372 background: #3d92d0;
6373 }
6374
6375 .quick_poll_settings input:checked + label:after {
6376 left: calc(100% - 1px);
6377 transform: translateX(-100%);
6378 }
6379
6380 .quick_poll_settings label:active:after {
6381 width: 22px;
6382 }
6383
6384 .quick_poll_save {
6385 text-align: right;
6386 }
6387
6388 .quick_poll_save input {
6389 background: #3d92d0;
6390 border: none;
6391 color: #fff;
6392 border-radius: 10%;
6393 padding: 3px 13px;
6394 cursor: pointer;
6395 }
6396
6397 .quick-poll-save-disabled{
6398 background-color: #a7aaad !important;
6399 }
6400
6401 .quick_poll_settings .multivote-container .quick_poll_multivote_settings {
6402 display: flex;
6403 flex-direction: column;
6404 align-items: flex-start;
6405 visibility: hidden;
6406 }
6407 .quick_poll_settings .multivote-container .quick_poll_multivote_settings input{
6408 width: 100px;
6409 height: 30px;
6410 margin: 5px;
6411 }
6412 #quick_poll_shortcode, #ays-poll-create-new{
6413 width: 200px;
6414 max-width: 100%;
6415 }
6416
6417 .ays_poll_modal_content .quick_poll_settings > div {
6418 margin-bottom: 10px;
6419 }
6420
6421 .quick_poll_settings .multivote-container{
6422 width: 100%;
6423 height: 24px;
6424 padding-bottom: 4px;
6425 line-height: 1;
6426 }
6427
6428 @media only screen and (max-width: 1145px) {
6429 .quick_poll_settings .multivote-container{
6430 height:48px;
6431 }
6432 }
6433
6434 @media only screen and (max-width: 750px) {
6435 .ays_poll_modal_content {
6436 width: 70%;
6437 }
6438 }
6439
6440 @media only screen and (max-width: 645px) {
6441 .ays_poll_modal_content {
6442 width: 90%;
6443 }
6444 }
6445 /*Quick Poll End*/
6446
6447 /* Redesigned list table start */
6448 div.ays_polls_list_table #post-body-content {
6449 padding: 20px 0 3px;
6450 background-color: #ffffff;
6451 border-radius: 5px;
6452 box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
6453 color: #253858;
6454 }
6455 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead,
6456 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tfoot{
6457 background-color: #f1f1f1;
6458 }
6459 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr{
6460 background-color: #fff;
6461 }
6462
6463 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr {
6464 box-shadow: 0px -2px 0px rgba(0,0,0,0.12);
6465 }
6466 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr:first-child{
6467 box-shadow: none;
6468 }
6469
6470 div.ays_polls_list_table div#wpcontent{
6471 background: #f0f0f1;
6472 }
6473 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr td,
6474 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr th{
6475 border:none;
6476 }
6477 div.ays_polls_list_table #post-body-content table.wp-list-table.polls{
6478 border:none;
6479 border-top: 1px solid transparent;
6480 }
6481 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container{
6482 /* min-width: 90px; */
6483 background-color: #f4f5f7;
6484 border-radius: 5px;
6485 overflow: hidden;
6486 display: flex;
6487 justify-content: space-between;
6488 box-shadow: 0px 1px 2px rgb(0 0 0 / 50%);
6489 margin: auto;
6490 }
6491
6492 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container {
6493 align-items: stretch;
6494 }
6495
6496 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-copy-image{
6497 min-width: 25px;
6498 height: auto;
6499 display: flex;
6500 justify-content: center;
6501 align-items: center;
6502 background-color: #ebecf0;
6503 cursor: pointer;
6504 border-right: 1px solid #dddddf;
6505 }
6506 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-shortcode-input{
6507 border: none;
6508 padding-left: 0px;
6509 background-color: #f4f5f7;
6510 }
6511
6512 div.ays_polls_list_table #post-body-content table.wp-list-table.polls input[type=checkbox]{
6513 border: 1px solid #ced4da !important;
6514 }
6515
6516 div.ays_polls_list_table #bulk-action-selector-bottom,
6517 div.ays_polls_list_table #bulk-action-selector-top,
6518 div.ays_polls_list_table #bulk-action-selector-top-select-top,
6519 div.ays_polls_list_table #bulk-action-selector-top-select-bottom{
6520 border-color:#EBECF0 !important;
6521 box-shadow: 0 1px 1px rgb(0 0 0 / 6%);
6522 color: #061938;
6523 border-radius: 5px;
6524 padding: 2px 10px;
6525 padding-right: 24px;
6526 font-size: 14px;
6527 width: 150px;
6528 height: 34px;
6529 }
6530 div.ays_polls_list_table #bulk-action-selector-bottom:hover,
6531 div.ays_polls_list_table #bulk-action-selector-top:hover,
6532 div.ays_polls_list_table #bulk-action-selector-top-select-top:hover,
6533 div.ays_polls_list_table #bulk-action-selector-top-select-bottom:hover{
6534 color:#2271b1;
6535 }
6536
6537 div.ays_polls_list_table #post-body-content .tablenav .actions .button,
6538 div.ays_polls_list_table .actions_style,
6539 div.ays_polls_list_table #search-submit.actions,
6540 div.ays_polls_list_table .pagination-links .button,
6541 div.ays_polls_list_table .search-box .button{
6542 background: #FFFFFF !important;
6543 border: 1px solid #EBECF0 !important;
6544 box-sizing: border-box !important;
6545 box-shadow: 0 1px 1px rgb(0 0 0 / 6%) !important;
6546 color: #061938 !important;
6547 border-radius: 5px !important;
6548 padding: 0px 12px ;
6549 /* width: 90px; */
6550 font-size: 16px !important;
6551 margin-left: 5px !important;
6552 height: 34px;
6553 }
6554 div.ays_polls_list_table .pagination-links .current-page{
6555 height: 34px;
6556 margin-top:5px;
6557 }
6558 @media only screen and (max-width: 781px) {
6559 div.ays_polls_list_table .pagination-links .button{
6560 padding:8px 12px;
6561 width: unset;
6562 }
6563 div.ays_polls_list_table .pagination-links .current-page{
6564 height: 34px;
6565 margin-top:0px;
6566 min-height: 34px;
6567 }
6568 }
6569 div.ays_polls_list_table .tablenav{
6570 padding:5px 12px 0;
6571 }
6572 div.ays_polls_list_table .column-title:not(.manage-column) > a{
6573 text-decoration: underline;
6574 font-weight: bold;
6575 }
6576
6577 div.ays_polls_list_table p.search-box{
6578 padding-right: 12px;
6579 }
6580 div.ays_polls_list_table #poll-maker-ays-search-input{
6581 border-color: #CED4DA;
6582 height: 34px;
6583 }
6584 div.ays_polls_list_table .subsubsub{
6585 padding-left:12px;
6586 /* font-size: 16px; */
6587 }
6588 div.ays_polls_list_table #post-body-content *{
6589 font-size: 14px;
6590 }
6591 div.ays_polls_list_table .column-publish > i{
6592 padding-right: 8px;
6593 }
6594
6595 .ays-poll-add-new-button-box {
6596 display: flex;
6597 align-items: center;
6598 }
6599 /* Redesigned list table end */
6600
6601
6602
6603 /*Dashboard Redesign Start*/
6604 .ays-poll-form .top-menu-buttons-container{
6605 display: flex;
6606 width: 300px;
6607 flex-wrap: nowrap;
6608 justify-content: flex-end;
6609 padding-top:13px;
6610 }
6611 @media screen and (max-width: 1270px) {
6612 .ays-poll-form .top-menu-buttons-container{
6613 /* width: 100%; */
6614 justify-content: flex-start;
6615 }
6616 }
6617
6618
6619 .ays-poll-form .button-primary.ays-top-menu-save-and-close,
6620 .ays-poll-form .button-primary.ays-bottom-menu-save-and-close{
6621 height: 32px;
6622 border-radius: 4px;
6623 border-color:#005AE0;
6624 padding:4px 18px;
6625 background-color: white;
6626 color:#005AE0;
6627 margin-left:10px;
6628 line-height: unset;
6629 }
6630 .bottom-save-buttons-container #ays-button-apply{
6631 background-color: #005AE0 !important;
6632 color:white !important;
6633 }
6634 .ays-poll-form .button-primary.ays-top-menu-save-and-close:hover,
6635 .ays-poll-form .button-primary.ays-bottom-menu-save-and-close:hover{
6636 background-color: #E5EEFF;
6637 color:#005AE0;
6638 }
6639 .ays-poll-form .button#ays-button-top-apply,
6640 .ays-poll-form .button#ays-button-apply{
6641 background-color: #005AE0;
6642 color:white;
6643 height: 32px;
6644 padding:4px 17px;
6645 border-radius: 4px;
6646 margin-left:10px;
6647 line-height: unset;
6648 }
6649 .ays-poll-form .button#ays-button-apply:hover,
6650 .ays-poll-form .button#ays-button-top-apply:hover{
6651 background-color: #004CBD;
6652 }
6653
6654 .ays-poll-form .button#ays_poll_cancel_top,
6655 .ays-poll-form .button#ays_poll_cancel{
6656 height: 32px;
6657 border-radius: 4px;
6658 border-color:#005AE0;
6659 padding:4px 17px;
6660 background-color: white;
6661 color:#005AE0;
6662 margin-left:10px;
6663 line-height: unset;
6664 }
6665 .ays-poll-form .button#ays_poll_cancel_top:hover,
6666 .ays-poll-form .button#ays_poll_cancel:hover{
6667 background-color: #E5EEFF;
6668 color:#005AE0;
6669 }
6670 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
6671 width: 690px;
6672 border-bottom:none;
6673 }
6674 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu {
6675 display: flex;
6676 flex-wrap: wrap;
6677 justify-content: space-between;
6678 padding-bottom:1px;
6679 }
6680 body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab{
6681 border-top: none ;
6682 border-right: none ;
6683 border-left: none ;
6684 margin-left:0px;
6685 padding-bottom:12px;
6686 background-color: transparent;
6687 border-bottom:1px solid #c7c3c3;
6688 color: #333;
6689 margin-bottom: 0px;
6690 margin-right: 0;
6691 padding: 5px 25px;
6692 font-weight: 500;
6693 }
6694 .nav-tab {
6695 padding: 8px 25px;
6696 font-size: 15px;
6697 }
6698 a[href="#tab1"]{
6699 margin-left:0px !important;
6700 }
6701 body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab:hover{
6702 border-bottom:1px solid #005AE0 !important;
6703 text-decoration: none;
6704 }
6705 body.toplevel_page_poll-maker-ays .ays-poll-form .nav-tab-active{
6706 border-bottom:1px solid #005AE0 !important;
6707 color: #005AE0 !important;
6708 }
6709 body.toplevel_page_poll-maker-ays .ays-poll-form .ays_poll_fa-info-circle:before{
6710 color: #005AE0;
6711 }
6712 body.toplevel_page_poll-maker-ays .ays-poll-form input[type="text"]:focus{
6713 border-color: #005AE0;
6714 box-shadow: 0 0 0 1px #2271b1;
6715 outline: 2px solid transparent;
6716 }
6717 body.toplevel_page_poll-maker-ays .ays-poll-form #tab1 .add-option-top-container .ays-add-answer{
6718 display: flex;
6719 justify-content: center;
6720 align-items: center;
6721 width: 140px;
6722 height: 34px;
6723 border-radius: 4px;
6724 border-color:#ADC6FF;
6725 padding:4px 15px 4px 10px;
6726 background-color: #F0F5FF;
6727 color:#005AE0;
6728 border: 1px solid;
6729 font-size: 16px;
6730 }
6731
6732 .ays-poll-form #tab1 .add-option-top-container .ays-add-answer:hover{
6733 background-color: #d1def5 !important;
6734 cursor: pointer;
6735 }
6736 .ays-poll-form #tab1 .plus-sign{
6737 height: 17px;
6738 margin-right: 7px;
6739 }
6740 .ays-poll-form #tab1 tr.ays-answer-row td{
6741 background-color: white;
6742 }
6743 .ays-poll-form #tab1 table.ays-answers-table thead th{
6744 background: #F3F4F5;
6745 color: black;
6746 }
6747
6748
6749 .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(1),
6750 .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(2){
6751 border-right: 1px solid rgba(0, 0, 0, 0.06);
6752 }
6753 .ays-poll-form #tab1 table.ays-answers-table td{
6754 border:none;
6755 padding:0px;
6756 }
6757 .ays-poll-form .ays-text-input{
6758 border-color:rgba(0, 0, 0, 0.25);
6759 }
6760
6761 /* pics */
6762
6763 .ays-poll-form #tab1 .ays-poll-answer-image-container img {
6764 min-width: 60px;
6765 min-height: 60px;
6766 width: 60px;
6767 height: 60px;
6768 }
6769
6770 .ays-poll-form #tab1 .ays-poll-answer-image-container{
6771 width: 60px;
6772 height: 60px;
6773 margin:5px auto;
6774 }
6775
6776 @media screen and (max-width: 768px) {
6777 .ays-poll-answer-image-container {
6778 width: 48px;
6779 }
6780
6781 .ays-poll-answer-image-container img {
6782 min-width: 48px;
6783 }
6784 }
6785
6786 .ays-all-container{
6787 background-color: #F3F4F5;
6788 padding: 10px 0px !important;
6789 margin-left: 0px !important;
6790 margin-right: 0px !important;
6791 }
6792 body.toplevel_page_poll-maker-ays .ays-top-menu{
6793 background-color: #F3F4F5;
6794 }
6795 .ays-all-sub-container{
6796 width: 90%;
6797 margin:auto;
6798 }
6799 .ays-poll-tab-content{
6800 background-color: white !important;
6801 padding:12px 24px;
6802 border-radius:15px;
6803 margin-top:20px;
6804 }
6805 .bottom-buttons-container{
6806 display: flex;
6807 /* align-items: flex-end; */
6808 /* flex-direction: column; */
6809 justify-content: flex-end;
6810 padding-top:20px;
6811 }
6812
6813 body.toplevel_page_poll-maker-ays input[type=checkbox]{
6814 accent-color: #005AE0;
6815 }
6816
6817 @media screen and (min-width: 782px){
6818 .unset-padding-left{
6819 padding-left: 0px;
6820 }
6821 }
6822
6823 .ays-bottom-menu-buttons{
6824 max-height: 30px !important;
6825 min-height: 30px !important;
6826 display: inline-block;
6827 text-decoration: none;
6828 font-size: 13px;
6829 line-height: 2.15384615;
6830 margin-top: 4px !important;
6831 padding: 0 10px;
6832 cursor: pointer;
6833 border-width: 1px;
6834 border-style: solid;
6835 -webkit-appearance: none;
6836 border-radius: 3px;
6837 white-space: nowrap;
6838 box-sizing: border-box;
6839 }
6840 .ays-poll-form .ays-loader-img{
6841 width: 16px;
6842 height: 16px;
6843 }
6844 .ays_save_buttons_box_for_mobile{
6845 display: flex;
6846 }
6847
6848 .add-answer-image-icon{
6849 display: inline-block;
6850 background: url(../images/icons/add-img-icon.svg) no-repeat center center/80% rgba(255,255,255, 0);
6851 width:24px;
6852 height: 24px;
6853 margin:18px auto;
6854
6855 }
6856 .add-answer-image-icon:hover{
6857 background: url(../images/icons/add-img-icon-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6858 cursor: pointer;
6859 }
6860
6861 label.ays-label[for="ays-answer"]{
6862 margin-bottom:0px;
6863 }
6864 a.ays-delete-answer{
6865 display: inline-block;
6866 background: url(../images/icons/trash.svg) no-repeat center center/80% rgba(255,255,255, 0);
6867 width:24px;
6868 height: 24px;
6869 margin:18px auto;
6870 }
6871 a.ays-delete-answer:hover{
6872 background: url(../images/icons/trash-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6873 cursor: pointer;
6874 }
6875 .ays_poll_move_arrows{
6876 display: inline-block;
6877 width: 26px;
6878 height: 26px;
6879 background: url(../images/icons/move-arrows.svg) no-repeat center center/80% rgba(255,255,255, 0);
6880 }
6881 .ays_poll_move_arrows:hover{
6882 background: url(../images/icons/move-arrows-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6883 }
6884 .ays-poll-form #tab1 thead tr.ui-state-default th:first-child:hover{
6885 cursor: unset;
6886 }
6887 /*Dashboard Redesign End*/
6888
6889 /* Preview Popup new design | Start */
6890
6891 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup {
6892 padding: 27px 10px;
6893 border-radius: 10px;
6894 }
6895
6896 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-title {
6897 color: #000;
6898 }
6899
6900 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #swal2-content {
6901 max-width: 80%;
6902 margin: 0 auto;
6903 }
6904
6905 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel {
6906 background-color: #fff;
6907 color: #007DCB;
6908 padding: 0;
6909 border: 1px solid #007DCB;
6910 border-radius: 6px;
6911 }
6912
6913 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel a {
6914 display: flex;
6915 justify-content: center;
6916 align-items: center;
6917 gap: 6px;
6918 padding: .625em .75em;
6919 text-decoration: none;
6920 color: #007DCB;
6921 min-width: 152px;
6922 }
6923
6924 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-created-row {
6925 font-style: normal;
6926 font-weight: 400;
6927 font-size: 14px;
6928 line-height: 16px;
6929 text-align: center;
6930 color: #000000;
6931 }
6932
6933 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-content-text-row {
6934 font-style: normal;
6935 font-weight: 400;
6936 font-size: 14px;
6937 line-height: 16px;
6938 text-align: center;
6939 color: #6F6F6F;
6940 }
6941
6942 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #ays-poll-create-new {
6943 border: 1px solid #000000;
6944 border-radius: 6px;
6945 color: #000000;
6946 }
6947
6948 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm {
6949 min-width: 152px;
6950 background-color: #007DCB;
6951 border-radius: 6px;
6952 border: 1px solid transparent;
6953 }
6954
6955 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm:hover {
6956 background-color: #29A6F4;
6957 }
6958
6959 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-close:hover {
6960 color: #979797;
6961 }
6962
6963 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-actions {
6964 flex-direction: row-reverse;
6965 }
6966
6967 /* Preview Popup new design | End */
6968
6969
6970 /* Poll Top Banner Coupon Button | Start */
6971
6972 .ays-poll-coupon-container .ays-poll-coupon-box {
6973 display: flex;
6974 align-items: center;
6975 border: 2px dashed #000;
6976 text-decoration: none;
6977 font-size: 13px;
6978 font-weight: 700;
6979 /*color: #0B328E;*/
6980 padding: 5px 15px;
6981 border-radius: 20px;
6982 color: #000;
6983 background-color: #f9dc6c;
6984 cursor: pointer;
6985 }
6986
6987 .ays-poll-logo-container-upgrade span.ays-poll-logo-container-one-time-text{
6988 font-size: 10px;
6989 font-style: normal;
6990 font-weight: 600;
6991 line-height: normal;
6992 }
6993
6994 .ays-poll-coupon-container {
6995 margin-left: 25px;
6996 display: flex;
6997 justify-content: center;
6998 align-items: center;
6999 flex-direction: column;
7000 }
7001
7002 .ays-poll-coupon-container .ays-poll-coupon-box span {
7003 margin-left: 5px;
7004 }
7005
7006 .ays-poll-coupon-container .ays-poll-coupon-box img {
7007 width: 10px;
7008 }
7009
7010 .ays-coupon-container .ays-poll-coupon-box img {
7011 width: 8px;
7012 }
7013
7014 .ays-poll-coupon-container .ays-poll-coupon-box:hover {
7015 color: #000;
7016 background-color: #f1c51b;
7017 }
7018
7019 .ays-poll-coupon-container .ays-poll-coupon-box:focus {
7020 box-shadow: unset;
7021 }
7022
7023 .ays-poll-coupon-container .ays-poll-coupon-box:hover .ays-poll-svg-light-hover{
7024 display: flex;
7025 }
7026
7027 @media screen and (max-width: 425px){
7028
7029
7030 .ays-poll-coupon-container .ays-poll-coupon-box span {
7031 font-size: 12px;
7032 }
7033 .ays-poll-coupon-container {
7034 margin-left: 5px;
7035 }
7036 }
7037 /* Poll Top Banner Coupon Button | End */
7038
7039 @media screen and (max-width: 400px) {
7040
7041 .ays-notice-banner .modile-ddmenu-sm, .ays-notice-banner .modile-ddmenu-md{
7042 width: fit-content;
7043 }
7044 }
7045
7046 @media screen and (max-width: 1600px) and (min-width:769px) {
7047 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu {
7048 flex-direction:column-reverse;
7049 align-items: flex-end
7050 }
7051
7052 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
7053 width: 100%;
7054 }
7055 }
7056
7057 /* Poll Maker top banner redesign | Start */
7058 div.ays-notice-banner {
7059 width: calc(100% - 20px);
7060 max-width: 100%;
7061 margin: 33px 0 0 0;
7062 background: #fff;
7063 /* border: 1px solid rgba(203, 213, 225, .8); */
7064 border: unset;
7065 border-radius: 16px;
7066 box-shadow: 0 4px 20px -8px rgba(15, 23, 42, .08);
7067 overflow: visible;
7068 }
7069
7070 .ays-notice-banner #navigation-container {
7071 min-height: 76px;
7072 padding: 0 20px;
7073 background: #fff;
7074 border-radius: 16px;
7075 align-items: center;
7076 gap: 22px;
7077 }
7078
7079 .ays-notice-banner .navigation-bar {
7080 text-align: center;
7081 }
7082
7083 .ays-notice-banner .ays-poll-logo-container-upgrade {
7084 flex: 0 0 auto;
7085 gap: 0;
7086 }
7087
7088 .ays-notice-banner .logo-container {
7089 width: 50px;
7090 height: 50px;
7091 margin-left: 0;
7092 flex: 0 0 60px;
7093 }
7094
7095 .ays-notice-banner .logo-container a {
7096 display: flex !important;
7097 width: 100%;
7098 height: 100%;
7099 align-items: center;
7100 justify-content: center;
7101 }
7102
7103 .ays-notice-banner .logo-container img {
7104 width: 100%;
7105 height: 100%;
7106 object-fit: contain;
7107 }
7108
7109 .ays-poll-top-banner-title {
7110 display: flex;
7111 flex-direction: column;
7112 justify-content: center;
7113 min-width: 80px;
7114 line-height: 1.1;
7115 }
7116
7117 .ays-poll-top-banner-title span.ays-poll-top-banner-main-title {
7118 color: #0f172a;
7119 font-size: 17px;
7120 font-weight: 600;
7121 text-align: left;
7122 }
7123
7124 .ays-poll-top-banner-title span.ays-poll-top-banner-sub-title {
7125 margin-top: 4px;
7126 color: #475569;
7127 font-size: 11px;
7128 font-weight: 500;
7129 letter-spacing: .05em;
7130 text-transform: none;
7131 }
7132
7133 .ays-notice-banner .ays-poll-upgrade-container {
7134 margin-left: 20px;
7135 align-self: center;
7136 }
7137
7138 .ays-notice-banner .ays-poll-upgrade-container a {
7139 /* min-height: 30px; */
7140 padding: 6px 12px;
7141 border: 1px solid rgba(4, 120, 87, .2);
7142 border-radius: 999px;
7143 background: #059669;
7144 color: #fff;
7145 font-size: 13px;
7146 font-weight: 700;
7147 line-height: 1;
7148 box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
7149 transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
7150 }
7151
7152 .ays-notice-banner .ays-poll-upgrade-container a:hover,
7153 .ays-notice-banner .ays-poll-upgrade-container a:focus {
7154 background: #047857;
7155 color: #fff;
7156 box-shadow: 0 4px 10px -6px rgba(15, 23, 42, .35);
7157 }
7158
7159 .ays-notice-banner .ays-poll-upgrade-container a img {
7160 width: 8px;
7161 height: 13px;
7162 }
7163
7164 .ays-notice-banner .ays-poll-logo-container-one-time-text {
7165 margin-top: 5px;
7166 color: #475569;
7167 font-size: 10px !important;
7168 font-weight: 500 !important;
7169 font-style: italic !important;
7170 white-space: nowrap;
7171 }
7172
7173 .ays-notice-banner .navigation-bar #menu {
7174 align-items: center;
7175 min-width: 0;
7176 margin: 0;
7177 gap: 6px;
7178 }
7179
7180 .ays-notice-banner .navigation-bar #menu::before {
7181 content: "";
7182 display: block;
7183 width: 1px;
7184 height: 32px;
7185 margin-right: 20px;
7186 background: #e2e8f0;
7187 }
7188
7189 .ays-notice-banner .navigation-bar li {
7190 margin: 0;
7191 list-style: none;
7192 }
7193
7194 .ays-notice-banner .navigation-bar li a {
7195 display: inline-flex;
7196 width: auto;
7197 max-width: none;
7198 min-height: 36px;
7199 align-items: center;
7200 padding: 0 15px;
7201 margin: 0;
7202 border-radius: 999px;
7203 color: #475569;
7204 font-size: 13px;
7205 font-weight: 500;
7206 line-height: 1;
7207 text-decoration: none;
7208 text-transform: none;
7209 transition: background-color .15s ease, border-color .15s ease, color .15s ease;
7210 }
7211
7212 .ays-notice-banner .navigation-bar li a:hover,
7213 .ays-notice-banner .navigation-bar li a:focus {
7214 background: #f1f5f9;
7215 color: #0f172a;
7216 outline: none;
7217 box-shadow: none;
7218 }
7219
7220 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a {
7221 border: 1px solid #fecdd3;
7222 background: #fff1f2;
7223 color: #be123c;
7224 font-weight: 700;
7225 }
7226
7227 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a:hover,
7228 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a:focus {
7229 border-color: #fda4af;
7230 background: #ffe4e6;
7231 color: #be123c;
7232 }
7233
7234 .ays-notice-banner .modile-ddmenu-sm,
7235 .ays-notice-banner .modile-ddmenu-md {
7236 width: auto;
7237 }
7238
7239 .ays-notice-banner #menu li a.toggle_ddmenu {
7240 width: 40px;
7241 min-width: 40px;
7242 min-height: 40px;
7243 justify-content: center;
7244 padding: 0;
7245 color: #475569;
7246 font-size: 18px;
7247 }
7248
7249 .ays-notice-banner li ul.ddmenu {
7250 top: calc(100% + 12px);
7251 right: 0;
7252 min-width: 220px;
7253 padding: 8px;
7254 border: 1px solid #e2e8f0;
7255 border-radius: 12px;
7256 background: #fff;
7257 box-shadow: 0 18px 40px -24px rgba(15, 23, 42, .45);
7258 }
7259
7260 .ays-notice-banner li ul.ddmenu li {
7261 width: 100%;
7262 padding-left: 0;
7263 }
7264
7265 .ays-notice-banner li ul.ddmenu li a {
7266 width: 100%;
7267 justify-content: flex-start;
7268 }
7269
7270 .ays-notice-banner .ays-poll-checklist-open-icon {
7271 position: unset;
7272 flex: 0 0 auto;
7273 margin-left: 4px;
7274 }
7275
7276 @media screen and (min-width: 1321px) {
7277 .ays-notice-banner .modile-ddmenu-lg.modile-ddmenu-lg-custom {
7278 display: block;
7279 }
7280 }
7281
7282 @media screen and (max-width: 1320px) {
7283 .ays-notice-banner .modile-ddmenu-lg {
7284 display: none;
7285 }
7286
7287 .ays-notice-banner .modile-ddmenu-md {
7288 display: block;
7289 }
7290 }
7291
7292 @media screen and (max-width: 1080px) {
7293 div.ays-notice-banner {
7294 width: calc(100% - 24px);
7295 margin-top: 14px;
7296 }
7297
7298 .ays-notice-banner #navigation-container {
7299 gap: 14px;
7300 padding: 0 14px;
7301 }
7302
7303 .ays-notice-banner .navigation-bar #menu::before {
7304 margin-right: 10px;
7305 }
7306 }
7307
7308 @media screen and (max-width: 768px) {
7309 div.ays-notice-banner {
7310 width: calc(100% - 40px);
7311 }
7312
7313 .ays-notice-banner #navigation-container {
7314 min-height: 72px;
7315 }
7316
7317 .ays-notice-banner .modile-ddmenu-md {
7318 display: none;
7319 }
7320
7321 .ays-notice-banner .modile-ddmenu-sm {
7322 display: block;
7323 }
7324
7325 .ays-notice-banner .navigation-bar #menu {
7326 flex: 0 0 auto;
7327 width: auto !important;
7328 min-width: 40px !important;
7329 margin-left: auto;
7330 }
7331
7332 .ays-notice-banner .navigation-bar #menu::before {
7333 display: none;
7334 }
7335
7336 .ays-notice-banner li ul.ddmenu {
7337 right: 0;
7338 }
7339 }
7340
7341 @media screen and (max-width: 600px) {
7342 div.ays-poll-top-banner-title {
7343 display: none;
7344 }
7345
7346 .ays-notice-banner #navigation-container {
7347 flex-wrap: nowrap;
7348 justify-content: space-between;
7349 padding: 12px;
7350 }
7351
7352 .ays-notice-banner .ays-poll-logo-container-upgrade {
7353 width: auto;
7354 justify-content: flex-start;
7355 gap: 10px;
7356 }
7357
7358 .ays-notice-banner .navigation-bar #menu {
7359 margin-left: auto;
7360 justify-content: flex-end;
7361 }
7362
7363 .ays-notice-banner .ays-poll-checklist-open-icon {
7364 position: unset;
7365 }
7366 }
7367
7368 @media screen and (max-width: 430px) {
7369 .ays-notice-banner .logo-container {
7370 width: 54px;
7371 height: 54px;
7372 flex-basis: 54px;
7373 }
7374
7375 .ays-poll-top-banner-title {
7376 min-width: 70px;
7377 }
7378
7379 .ays-poll-top-banner-title span:first-child {
7380 font-size: 14px;
7381 }
7382
7383 .ays-notice-banner .ays-poll-upgrade-container a {
7384 padding: 5px 10px;
7385 font-size: 12px;
7386 }
7387 }
7388 /* Poll Maker top banner redesign | End */
7389