PluginProbe
Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls / 6.4.3
Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls v6.4.3
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.4.3, at admin/css/poll-maker-ays-admin.css

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