PluginProbe
Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls / 6.3.3
Poll Maker by AYS – Versus Polls, Anonymous Polls, Image Polls v6.3.3
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 5.6.6 5.6.7 All 152 releases
poll-maker / admin / css / poll-maker-ays-admin.css

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

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