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

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

7,054 lines 141.8 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*@import url('https://fonts.googleapis.com/css?family=Roboto');*/
2
3 body {
4 background-color: #f1f1f1 !important;
5 }
6
7 #wpwrap {
8 background: #ffffff !important;
9 }
10
11 div#wpcontent {
12 height: auto;
13 }
14
15 #wpwrap hr {
16 border-top: 1px solid #ededed;
17 }
18
19 #wpwrap hr.ays-pb-bolder-hr {
20 border-top: 1px solid #c9c9c9;
21 box-shadow: 0px 1px 2px #0000001f;
22 }
23
24 body.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 /* Fix responsive display for Bar chart options on tablets */
3939 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 > div {
3940 flex-wrap: wrap;
3941 gap: 6px;
3942 }
3943
3944 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 .ays_poll_loader_show_results_by {
3945 margin-right: 0;
3946 margin-bottom: 6px;
3947 flex: 1 1 calc(50% - 3px);
3948 min-width: 130px;
3949 }
3950 }
3951
3952 @media screen and (max-width: 782px) {
3953 .ays_save_buttons_content{
3954 flex-direction: column;
3955 align-items: center;
3956 }
3957
3958 #ays-poll-form.ays-poll-form .ays_save_buttons_content .ays_save_buttons_box_for_mobile#ays-save-buttons-box-for-mobile {
3959 display: flex;
3960 flex-direction: column;
3961 }
3962
3963 .ays_save_default_button_box {
3964 display: flex;
3965 flex-direction: column;
3966 }
3967
3968 .ays_save_as_default_content_for_mobile {
3969 display: flex;
3970 align-items: center;
3971 }
3972
3973 .col-sm-12.only_pro .form-check.form-check-inline.ays_poll_loader_show_results_by {
3974 margin-bottom: 5px;
3975 }
3976
3977 /* Fix responsive display for Bar chart options in apm_allow_add_answers */
3978 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-4 > div {
3979 flex-wrap: wrap;
3980 gap: 8px;
3981 }
3982
3983 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .ays_poll_loader_show_results_by {
3984 margin-right: 0;
3985 margin-bottom: 8px;
3986 flex: 1 1 calc(50% - 4px);
3987 min-width: 140px;
3988 }
3989
3990 .ays_poll_block_with_hidden_row.ays_poll_result_view_type .col-sm-8 .ays_poll_loader_show_results_by {
3991 flex: 1 1 calc(33.333% - 6px);
3992 min-width: 120px;
3993 }
3994 }
3995
3996 .button.ays_default_btn{
3997 background-color: #ffa500;
3998 color: #fffdfd;
3999 border-color: #ffa500;
4000 margin-right: 0;
4001 opacity: 0.6;
4002 }
4003
4004 .button.ays_default_btn:focus,
4005 .button.ays_default_btn:active,
4006 .button.ays_default_btn:hover{
4007 background-color: #f59e00;
4008 color: #fff;
4009 border-color: #f59e00;
4010 }
4011 .button.ays_default_btn:focus{
4012 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f59e00;
4013 }
4014
4015 div.ays_lb_container {
4016 padding-top: 15px;
4017 padding-bottom: 30px;
4018 width: 100%;
4019 }
4020 ul.ays_lb_ul {
4021 list-style-type: none;
4022 margin: 0;
4023 padding: 0;
4024 font-size: 17px;
4025 }
4026
4027 li.ays_lb_li {
4028 display: flex;
4029 height: 40px;
4030 align-items: center;
4031 }
4032
4033 .ays_lb_pos {
4034 min-width: 40px;
4035 width: auto;
4036 text-align: center;
4037 white-space: nowrap;
4038 }
4039
4040 .ays_lb_user {
4041 width: 65%;
4042 word-break: break-word;
4043 padding-right: 3px;
4044 }
4045 .ays_lb_score {
4046 width: 20%;
4047 min-width: 75px;
4048 text-align: right;
4049 }
4050 .ays_lb_duration {
4051 width: 30%;
4052 min-width: 100px;
4053 text-align: right;
4054 padding-right: 30px;
4055 }
4056
4057 li.ays_lb_li:nth-child(odd) {
4058 background: #F6F8EF;
4059 }
4060
4061 li.ays_lb_li:first-child {
4062 background: #99BB5A;
4063 color: white;
4064 }
4065
4066 input.ays-poll-answer-results-short-input{
4067 width: 200px;
4068 }
4069
4070 hr.ays_hr_display_none{
4071 display: none;
4072 }
4073
4074 #ays_poll_default_cat + .select2.select2-container{
4075 width: 100% !important;
4076 }
4077
4078 #ays_poll_default_type + .select2.select2-container{
4079 width: 100% !important;
4080 }
4081
4082 /* Featured plugins */
4083 /*.card img{
4084 width: 128px;
4085 margin: auto;
4086 }*/
4087
4088 .coming-soon span {
4089 font-size: 25px;
4090 font-weight: 600;
4091 background: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
4092 -webkit-background-clip: text;
4093 -webkit-text-fill-color: transparent;
4094 }
4095
4096 /*.card {
4097 min-height: 380px;
4098 }*/
4099
4100 div.ays_poll_types_pro{
4101 flex-wrap: wrap;
4102 }
4103
4104 div.ays_poll_types_pro .pro_features{
4105 width: 200px;
4106 }
4107
4108 div#ays_poll_answer_chart{
4109 margin-top: 15px;
4110 }
4111
4112 /* Ask a question box start */
4113
4114 div.ays_ask_question_content {
4115 display: flex;
4116 justify-content: flex-end;
4117 position: fixed;
4118 bottom: 10px;
4119 right: 10px;
4120 z-index: 99999;
4121 }
4122
4123 div.ays_ask_question_content .ays-ask-question-content-inner-hidden-text{
4124 position: absolute;
4125 display: block;
4126 /* display: inline-block; */
4127 opacity: 0;
4128 padding: 7px;
4129 font-size: 16px;
4130 }
4131
4132 div.ays_ask_question_content:hover .ays-ask-question-content-inner-hidden-text{
4133 opacity: 1;
4134 display: inline-block;
4135 position: static;
4136 transition: .5s;
4137 }
4138
4139 div.ays_ask_question_content:hover .ays_poll_question_link{
4140 border-radius: 29px;
4141 }
4142
4143 div.ays_ask_question_content .ays-ask-question-content-inner-question-mark-text{
4144 padding: 8px;
4145 background-color: white;
4146 color: #258BB3;
4147 border-radius: 50%;
4148 display: inline-block;
4149 }
4150
4151 div.ays_ask_question_content_inner {
4152 position: relative;
4153 }
4154
4155 a.ays_poll_question_link {
4156 color: white;
4157 font-weight: bold;
4158 box-shadow: unset;
4159 outline: none;
4160 display: flex;
4161 justify-content: center;
4162 align-items: center;
4163 text-align: center;
4164 background-color: #258BB3;
4165 border-radius: 50%;
4166 bottom: 0;
4167 right: 0;
4168 font-size: 18px;
4169 padding: 16px;
4170 display: inline-block;
4171 line-height: 0.5;
4172 text-decoration: none !important;
4173 }
4174
4175 /* Our products (new design) */
4176
4177 .ays-poll-cards-block {
4178 display: flex;
4179 flex-wrap: wrap;
4180 justify-content: space-between;
4181 align-items: center;
4182 margin: 38px 0 2px;
4183 align-items: stretch;
4184 }
4185
4186 .ays-poll-card__text-hidden {
4187 display: none;
4188 }
4189
4190 .ays-poll-card {
4191 width: 32%;
4192 margin-bottom: 65px;
4193 background-color: #fff;
4194 display: flex;
4195 flex-direction: column;
4196 justify-content: space-between;
4197 border-radius: 2px;
4198 }
4199
4200 .ays-poll-card__content {
4201 display: flex;
4202 justify-content: space-between;
4203 background-color: #fff;
4204 padding: 25px 12px 8px 19px;
4205 min-height: 140px;
4206 flex: 1 0 auto;
4207 }
4208
4209 .ays-poll-card__content-img-box {
4210 margin-right: 14px;
4211 }
4212
4213 .ays-poll-card__img {
4214 width: 85px;
4215 height: 85px;
4216 border-radius: 9px;
4217 }
4218
4219 .ays-poll-card__title {
4220 font-style: normal;
4221 margin-bottom: 12px;
4222 font-weight: 600;
4223 font-size: 22px;
4224 line-height: 24px;
4225 color: #18191f;
4226 }
4227
4228 .ays-poll-card__text {
4229 font-style: normal;
4230 font-weight: 400;
4231 font-size: 14px;
4232 line-height: 20px;
4233 color: #4c4d54;
4234 }
4235
4236 .ays-poll-card__footer {
4237 background-color: #f7f7f7;
4238 padding: 25px 20px;
4239 }
4240
4241 .ays-poll-card__btn-info {
4242 display: inline-block;
4243 color: #2b74b9;
4244 border: 1px solid #2b74b9;
4245 padding: 10px 16px;
4246 background-color: #fff;
4247 font-weight: 500;
4248 font-size: 14px;
4249 line-height: 14px;
4250 border-radius: 2px;
4251 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;
4252 margin-right: 10px;
4253 }
4254
4255 .ays-poll-card__btn-primary {
4256 display: inline-block;
4257 color: #ffffff;
4258 border: 1px solid transparent;
4259 padding: 10px 16px;
4260 background-color: #2b74b9;
4261 font-weight: 500;
4262 font-size: 14px;
4263 line-height: 14px;
4264 border-radius: 2px;
4265 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
4266 }
4267
4268 .ays-poll-card__btn-info:hover {
4269 text-decoration: none;
4270 background-color: #cdc8c81a;
4271 border: 1px solid #0e63b3;
4272 }
4273
4274 .ays-poll-card__btn-primary:hover {
4275 text-decoration: none;
4276 background-color: #0067c9;
4277 color: #ffffff;
4278 }
4279
4280 .ays-poll-card__btn-info.disabled {
4281 color: #a7aaad !important;
4282 border-color: #dcdcde !important;
4283 background: #f6f7f7 !important;
4284 box-shadow: none !important;
4285 cursor: default;
4286 transform: none !important;
4287 outline: unset;
4288 }
4289
4290 #ays-poll-intro-title {
4291 font-size: 38px;
4292 font-weight: 600;
4293 margin: 30px 0;
4294 width: 50%;
4295 }
4296
4297 .flexible {
4298 flex-grow: 1;
4299 }
4300
4301 .ays-poll-see-all {
4302 text-align: center;
4303 }
4304
4305 .ays-poll-all-btn {
4306 background: #2b74b9;
4307 padding: 10px 18px;
4308 display: block;
4309 max-width: 240px;
4310 color: #fff;
4311 text-align: center;
4312 margin: 20px auto 30px;
4313 box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%);
4314 border-radius: 2px;
4315 font-weight: 600;
4316 font-size: 20px;
4317 line-height: 28px;
4318 position: relative;
4319 text-transform: capitalize;
4320 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
4321 }
4322
4323 .ays-poll-card__btn-primary:visited,
4324 .ays-poll-all-btn:visited {
4325 color: #fff;
4326 }
4327
4328 .ays-poll-all-btn:hover {
4329 text-decoration: none;
4330 background-color: #0067c9;
4331 color: #ffffff;
4332 }
4333
4334 .ays-poll-all-btn:before {
4335 content: "";
4336 top: 50%;
4337 right: 112%;
4338 width: 100%;
4339 height: 1px;
4340 background-color: #dfdfdf;
4341 position: absolute;
4342 pointer-events: none;
4343 }
4344
4345 .ays-poll-all-btn:after {
4346 content: "";
4347 top: 50%;
4348 left: 112%;
4349 width: 100%;
4350 height: 1px;
4351 background-color: #dfdfdf;
4352 position: absolute;
4353 pointer-events: none;
4354 }
4355
4356 /* Our products Media Queries */
4357 /* max-width */
4358 @media screen and (max-width: 1160px) {
4359 .ays-poll-all-btn:before {
4360 width: 60%;
4361 }
4362
4363 .ays-poll-all-btn:after {
4364 width: 60%;
4365 }
4366 }
4367
4368 @media screen and (max-width: 1096px) {
4369 .ays-poll-card {
4370 width: 47%;
4371 }
4372
4373 #ays-poll-intro-title {
4374 font-size: 33px;
4375 width: 67%;
4376 }
4377
4378 .ays-poll-card__img {
4379 width: 93px;
4380 height: 93px;
4381 }
4382
4383 .ays-poll-card__content {
4384 min-height: 140px;
4385 }
4386
4387 .ays-poll-card__text {
4388 font-size: 15px;
4389 }
4390
4391 .ays-poll-card__footer {
4392 padding: 25px 15px;
4393 }
4394 }
4395
4396 @media screen and (max-width: 992px) {
4397 .ays-poll-card__text {
4398 font-size: 16px;
4399 }
4400 }
4401
4402 @media screen and (max-width: 786px) {
4403 .ays-poll-card {
4404 width: 48%;
4405 }
4406
4407 #ays-poll-intro-title {
4408 font-size: 33px;
4409 width: 85%;
4410 }
4411 }
4412
4413 @media screen and (max-width: 662px) {
4414 .ays-poll-card {
4415 width: 74%;
4416 margin-left: auto;
4417 margin-right: auto;
4418 }
4419
4420 .ays-poll-card__title {
4421 font-size: 24px;
4422 }
4423
4424 .ays-poll-card__text {
4425 font-size: 18px;
4426 line-height: 24px;
4427 }
4428
4429 .ays-poll-card {
4430 min-height: 220px;
4431 }
4432
4433 .ays-poll-card__footer {
4434 padding: 25px 14px;
4435 }
4436
4437 .ays-poll-all-btn:before {
4438 width: 40%;
4439 }
4440 .ays-poll-all-btn:after {
4441 width: 40%;
4442 }
4443
4444 .ays-poll-card {
4445 margin-bottom: 50px;
4446 }
4447 }
4448
4449 @media screen and (max-width: 574px) {
4450 .ays-poll-card {
4451 width: 78%;
4452 }
4453
4454 .ays-poll-card__btn-info {
4455 padding: 10px 18px;
4456 font-size: 15px;
4457 }
4458
4459 .ays-poll-card__btn-primary {
4460 padding: 10px 18px;
4461 font-size: 15px;
4462 }
4463
4464 .ays-poll-all-btn {
4465 padding: 7px 14px;
4466 max-width: 210px;
4467 font-size: 19px;
4468 margin: 8px auto 10px;
4469 }
4470
4471 .ays-poll-card__footer {
4472 padding: 25px 14px;
4473 }
4474
4475 .ays-poll-all-btn:before {
4476 display: none;
4477 }
4478
4479 .ays-poll-all-btn:after {
4480 display: none;
4481 }
4482
4483 #ays-poll-intro-title {
4484 font-size: 30px;
4485 width: 98%;
4486 }
4487 }
4488
4489 @media screen and (max-width: 520px) {
4490 .ays-poll-card {
4491 width: 85%;
4492 }
4493 .ays-poll-card__title {
4494 font-size: 22px;
4495 }
4496 }
4497
4498 @media screen and (max-width: 375px) {
4499 .ays-poll-card {
4500 width: 94%;
4501 }
4502
4503 .ays-poll-card__text {
4504 font-size: 16px;
4505 line-height: 23px;
4506 }
4507
4508 #ays-poll-intro-title {
4509 font-size: 28px;
4510 width: 100%;
4511 }
4512
4513 .ays-poll-all-btn {
4514 padding: 5px 12px;
4515 max-width: 185px;
4516 font-size: 17px;
4517 margin: 8px auto 30px;
4518 }
4519
4520 .ays-poll-card__content {
4521 display: flex;
4522 justify-content: space-between;
4523 background-color: #fff;
4524 padding: 18px 11px 5px 18px;
4525 min-height: 140px;
4526 flex: 1 0 auto;
4527 }
4528 }
4529
4530 /* min-width */
4531 @media screen and (min-width: 1440px) {
4532 .ays-poll-card__title {
4533 font-size: 24px;
4534 }
4535
4536 .ays-poll-card__img {
4537 width: 93px;
4538 height: 93px;
4539 }
4540
4541 .ays-poll-card__text {
4542 font-size: 17px;
4543 }
4544
4545 .ays-poll-card__btn-info {
4546 padding: 10px 17px;
4547 }
4548
4549 .ays-poll-card__btn-primary {
4550 padding: 10px 17px;
4551 }
4552
4553 .ays-poll-card__btn-info {
4554 font-size: 16px;
4555 }
4556
4557 .ays-poll-card__btn-primary {
4558 font-size: 16px;
4559 }
4560
4561 .ays-poll-card__text {
4562 font-size: 16px;
4563 }
4564
4565 .ays-poll-card__title {
4566 font-size: 24px;
4567 }
4568
4569 .ays-poll-card__content {
4570 padding: 20px 20px 8px 22px;
4571 }
4572
4573 #ays-poll-intro-title {
4574 font-size: 42px;
4575 font-weight: 600;
4576 margin: 30px 0;
4577 width: 50%;
4578 }
4579
4580 .ays-poll-card__footer {
4581 padding: 22px 24px;
4582 }
4583 }
4584
4585 @media screen and (min-width: 1820px) {
4586 .ays-poll-card__text-hidden {
4587 display: inline;
4588 }
4589
4590 #ays-poll-intro-title {
4591 width: 32%;
4592 }
4593
4594 .ays-poll-card__text {
4595 font-size: 14px;
4596 }
4597
4598 .ays-poll-card__title {
4599 font-size: 18px;
4600 }
4601 }
4602
4603 @media screen and (min-width: 1820px) {
4604 #ays-poll-intro-title {
4605 width: 36%;
4606 }
4607 }
4608
4609
4610 .ays-poll-articles-and-video-wrap {
4611 text-align: center;
4612 width: 70%;
4613 margin: auto;
4614 margin-bottom: 60px;
4615 }
4616
4617 .ays-poll-heading-box {
4618 float: right;
4619 margin-top: 10px;
4620 }
4621
4622 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
4623 display: inline-block;
4624 width: auto;
4625 min-width: 80px;
4626 padding: 5px 14px;
4627 font: 500 12px / 16px "Roboto", Arial, sans-serif;
4628 letter-spacing: -.25px;
4629 text-transform: capitalize;
4630 border-color: #ddd;
4631 background-color: transparent;
4632 color: #888;
4633 cursor: pointer;
4634 margin: 0;
4635 border: 2px solid transparent;
4636 border-radius: 4px;
4637 text-decoration: underline;
4638 text-align: center;
4639 -webkit-transition: all 0.3s ease;
4640 transition: all 0.3s ease;
4641 }
4642
4643 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover {
4644 color: #666;
4645 }
4646
4647 @-webkit-keyframes ays_pulse {
4648 from,
4649 to {
4650 -webkit-transform: scale3d(1, 1, 1);
4651 transform: scale3d(1, 1, 1)
4652 }
4653 50% {
4654 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4655 transform: scale3d(1.2, 1.2, 1.2)
4656 }
4657 }
4658
4659 @-moz-keyframes ays_pulse {
4660 from,
4661 to {
4662 -webkit-transform: scale3d(1, 1, 1);
4663 transform: scale3d(1, 1, 1)
4664 }
4665 50% {
4666 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4667 transform: scale3d(1.2, 1.2, 1.2)
4668 }
4669 }
4670
4671 @-ms-keyframes ays_pulse {
4672 from,
4673 to {
4674 -webkit-transform: scale3d(1, 1, 1);
4675 transform: scale3d(1, 1, 1)
4676 }
4677 50% {
4678 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4679 transform: scale3d(1.2, 1.2, 1.2)
4680 }
4681 }
4682
4683 @keyframes ays_pulse {
4684 from,
4685 to {
4686 -webkit-transform: scale3d(1, 1, 1);
4687 -moz-transform: scale3d(1, 1, 1);
4688 -ms-transform: scale3d(1, 1, 1);
4689 transform: scale3d(1, 1, 1)
4690 }
4691 50% {
4692 -webkit-transform: scale3d(1.2, 1.2, 1.2);
4693 -moz-transform: scale3d(1.2, 1.2, 1.2);
4694 -ms-transform: scale3d(1.2, 1.2, 1.2);
4695 transform: scale3d(1.2, 1.2, 1.2)
4696 }
4697 }
4698
4699 .ays_pulse {
4700 -webkit-animation-name: ays_pulse;
4701 -moz-animation-name: ays_pulse;
4702 -ms-animation-name: ays_pulse;
4703 animation-name: ays_pulse;
4704 -webkit-animation-iteration-count: infinite;
4705 -moz-animation-iteration-count: infinite;
4706 -o-animation-iteration-count: infinite;
4707 animation-iteration-count: infinite;
4708 -webkit-animation-duration: 2s;
4709 -moz-animation-duration: 2s;
4710 -o-animation-duration: 2s;
4711 animation-duration: 2s;
4712 -webkit-transition-timing-function: ease-in-out;
4713 -moz-transition-timing-function: ease-in-out;
4714 -o-transition-timing-function: ease-in-out;
4715 transition-timing-function: ease-in-out;
4716 }
4717
4718 /* Our products (new design) END */
4719
4720 @media screen and (max-width: 640px){
4721 div.ays_ask_question_content{
4722 display: none;
4723 }
4724 }
4725
4726 /* Ask a question box end */
4727
4728 div#ays_poll_dicount_banner a.ays-poll-sale-banner-link{
4729 cursor: pointer;
4730 }
4731
4732 div#ays_poll_dicount_banner a.ays-poll-sale-banner-link:focus{
4733 outline: none;
4734 border: 0;
4735 text-decoration: unset;
4736 box-shadow: unset;
4737 }
4738
4739 span.ays_poll_small_hint_text {
4740 font-style: italic;
4741 color: gray;
4742 display: inline-block;
4743 font-size: 12px;
4744 }
4745
4746 .ays_poll_small_hint_text_for_message_variables {
4747 font-style: italic;
4748 font-size: 11px;
4749 color: gray;
4750 }
4751
4752 input.ays-text-input-90-width {
4753 width: 90px;
4754 max-width: 100%;
4755 }
4756
4757 button.disabled-button{
4758 border: none;
4759 font-size: 14px;
4760 padding: 4px 6px 5px 8px;
4761 background: #0073aa;
4762 color: white;
4763 opacity: 0.5;
4764 }
4765
4766 button.disabled-button:focus,
4767 button.disabled-button:focus-visible {
4768 outline: none;
4769 border: none;
4770 }
4771
4772 .ays_poll_check_label{
4773 margin-right: 5px;
4774 }
4775
4776 .ays_poll_logo_image_main{
4777 object-fit: cover;
4778 }
4779
4780 span.ays_poll_small_hint_text {
4781 font-style: italic;
4782 color: gray;
4783 display: block;
4784 font-size: 12px;
4785 }
4786
4787 #ays_poll_buttons_size + .select2.select2-container{
4788 width: 250px !important;
4789 }
4790
4791 form#ays-poll-form p.ays-poll-subtitle-button{
4792 font-weight: 500;
4793 }
4794
4795 form#ays-poll-form .ays_poll_display_flex{
4796 display: flex;
4797 justify-content: center;
4798 align-items: center;
4799 padding:8px 0px;
4800 }
4801
4802 form#ays-poll-form .ays_show_user_added{
4803 margin-left: 10px;
4804 /* height: 1rem;
4805 width: 1rem; */
4806 }
4807
4808
4809 /* PRO FEATUERS */
4810 .ays-show-user-history-table-wrap,
4811 .ays-poll-all-results-table-wrap {
4812 border: 2px dashed #9E9E9E;
4813 padding: 20px;
4814 display: flex;
4815 }
4816 .ays-show-user-history-table,
4817 .ays-poll-all-results-table {
4818 height: 100%;
4819 margin: 0;
4820 }
4821
4822 .ays-show-user-history-table .ays_user_history_sortable_placeholder,
4823 .ays-poll-all-results-table li,
4824 .ays-show-user-history-table li {
4825 font-weight: normal !important;
4826 font-size: 14px;
4827 padding: 9px;
4828 vertical-align: middle;
4829 text-align: center;
4830 margin-right: 10px;
4831 cursor: move;
4832 position: relative;
4833 float: left;
4834 }
4835
4836 .ays-show-user-history-table li:last-child,
4837 .ays-poll-all-results-table li:last-child {
4838 clear: right;
4839 }
4840
4841 .ays-show-user-history-table li label,
4842 .ays-poll-all-results-table li label {
4843 margin-bottom: 0;
4844 }
4845
4846 .ays-show-user-history-table .ays_user_history_sortable_placeholder {
4847 border: 1px dotted #aaa;
4848 background-color: #ccc;
4849 }
4850
4851 ul.ays-show-user-history-table li.ays-user-history-option-row input[type=checkbox],
4852 ul.ays-poll-all-results-table li.ays-poll-all-results-table-row input[type=checkbox] {
4853 max-width: 1rem;
4854 }
4855
4856 div.ays_answer_font_size_box input.ays_answer_font_size,
4857 div#ays-poll-border-side-box select#ays-poll-border-side,
4858 div#ays-poll-border-side-box select#ays-poll-border-side + .select2.select2-container,
4859 div#ays_poll_image_background_size_box select#ays_poll_image_background_size + .select2.select2-container
4860 {
4861 width: 100% !important;
4862 }
4863
4864
4865 /* Scroll Bar */
4866 div.box-apm::-webkit-scrollbar {
4867 width: 5px;
4868 }
4869
4870 div.box-apm::-webkit-scrollbar-track {
4871 box-shadow: inset 0 0 5px grey;
4872 border-radius: 10px;
4873 }
4874
4875 div.box-apm::-webkit-scrollbar-thumb {
4876 background: #A8A8A8;
4877 border-radius: 10px;
4878 }
4879
4880 div.box-apm::-webkit-scrollbar-thumb:hover {
4881 background: #A8A8A8;
4882 }
4883
4884
4885 .ays-poll-general-settings-blockquote-ul > li {
4886 border-bottom: 1px solid rgb(85 85 85 / 30%);
4887 }
4888
4889 .ays-poll-general-settings-blockquote-ul > li:last-child {
4890 border-bottom: unset;
4891 }
4892
4893 .ays-poll-general-settings-ul {
4894 padding-left: 40px;
4895 list-style: circle;
4896 }
4897
4898 form#ays-poll-form div.apm-title-box h5{
4899 word-break: break-word;
4900 word-wrap: break-word;
4901 padding: 5px;
4902 }
4903
4904 select#ays_poll_title_alignment + span.select2-container,
4905 select#ays_poll_title_alignment_mobile + span.select2-container {
4906 width: 250px !important;
4907 }
4908
4909 form#ays-poll-form div.ays-poll-maker-text-live-preview{
4910 padding: 0 10px;
4911 }
4912
4913 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live,
4914 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{
4915 background-color: #f3f5f7;
4916 transition: .5s;
4917 }
4918
4919 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{
4920 min-height: 120px;
4921 width: 100%;
4922 padding: 16px 0px 16px 16px;
4923 overflow: hidden;
4924 resize: none;
4925 border: 0;
4926 border-radius: 4px 4px 0 0;
4927 box-shadow: unset;
4928 outline: none;
4929 }
4930
4931 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live{
4932 /* width: 60%; */
4933 height: 40px;
4934 resize: none;
4935 border: 0;
4936 border-radius: 4px 4px 0 0;
4937 box-shadow: unset;
4938 outline: none;
4939 }
4940
4941 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live:hover{
4942 background-color: #d8d8d8;
4943 }
4944
4945 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live:hover{
4946 background-color: #d8d8d8;
4947 }
4948
4949 div#wpbody div.wrap div.ays-poll-maker-htu-header{
4950 text-align: center;
4951 clear: both;
4952 }
4953
4954 div#wpbody div.wrap div.ays-poll-maker-op-header{
4955 text-align: center;
4956 }
4957
4958 form#ays-poll-form .ays-poll-tab-content .wp-picker-container .iris-strip.iris-slider.iris-alpha-slider{
4959 margin-left: 7.8125px !important;
4960 }
4961
4962 .ays-poll-tabs-wrapper #tab4 blockquote span.ays-poll-blockquote-span {
4963 font-weight: 600;
4964 font-style: italic;
4965 margin: 0;
4966 }
4967
4968 form#ays-poll-form select.ays_poll_select_short{
4969 width: 70px;
4970 }
4971
4972 form#ays-poll-form #ays_poll_text_type_width,form#ays-poll-form #ays_poll_text_type_placeholder{
4973 width: 100%;
4974 height: 40px;
4975 }
4976
4977 form#ays-poll-form #ays_poll_question_image_object_fit{
4978 width: 250px;
4979 }
4980
4981 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables th#polls,
4982 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables td.polls.column-polls{
4983 text-align: center;
4984 }
4985 /* Poll Responsive tabs start */
4986 div.ays-top-menu-wrapper {
4987 position: relative;
4988 display: flex;
4989 align-items: center;
4990 }
4991 .ays_menu_left,
4992 .ays_menu_right {
4993 position: absolute;
4994 cursor: pointer;
4995 font-size: 16px;
4996 height: 80%;
4997 display: none;
4998 align-items: center;
4999 bottom: 0;
5000 z-index: 3;
5001 }
5002 .ays_menu_left {
5003 left: -10px;
5004 padding-right: 20px;
5005 padding-left: 2px;
5006 }
5007 .ays_menu_right {
5008 right: -10px;
5009 padding-left: 20px;
5010 padding-right: 2px;
5011 }
5012 .ays_menu_left:hover {
5013 background-image: linear-gradient(to right, #000 , transparent);
5014 color: #ccc;
5015 border-radius: 50% 0 0 50%;
5016 }
5017 .ays_menu_right:hover {
5018 background-image: linear-gradient(to left, #000 , transparent);
5019 color: #ccc;
5020 border-radius: 0 50% 50% 0;
5021 }
5022 div.ays-top-menu-wrapper div.ays-top-menu {
5023 overflow: hidden;
5024 width: 100%;
5025 margin: auto;
5026 }
5027 div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
5028 display: flex;
5029 flex-wrap: nowrap;
5030 transform: translate(0);
5031 transition: .5s ease-in-out;
5032 padding-right: 7px;
5033 padding-left: 0;
5034 background: revert;
5035 padding-bottom: 0;
5036 }
5037 /* Poll Responsive tabs end */
5038
5039 form#ays-poll-general-settings-form .ays-poll-message-variables-inputs{
5040 font-size: 16px;
5041 height: 40px;
5042 border-radius: 4px;
5043 margin-top: 2px;
5044 width: 350px;
5045 }
5046
5047 .form-group.row.ays-poll-button-box .ays-poll-button-first-row,
5048 .form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5049 padding: 0;
5050 }
5051
5052 .form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5053 position: relative;
5054 display: flex;
5055 justify-content: center;
5056 }
5057
5058 .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-button {
5059 z-index: 9999;
5060 }
5061
5062 .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-poll-category-prev-button {
5063 margin-right: 10px;
5064 }
5065
5066 .form-group.row.ays-poll-button-box .button.ays_default_btn {
5067 opacity: 1;
5068 }
5069
5070 @media screen and (max-width: 640px){
5071 div.form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5072 justify-content: flex-start;
5073 margin-top: 10px;
5074 }
5075 }
5076
5077 @media screen and (max-width: 575px){
5078 .ays_divider_right{
5079 border: none;
5080 }
5081
5082 .ays_poll_hidden_block_content.ays_divider_left {
5083 border-left: none;
5084 }
5085
5086 .col-sm-9.ays_option_with_default_measurement_unit {
5087 padding-left: 0;
5088 }
5089 }
5090
5091 @media screen and (max-width: 425px){
5092 .ays_divider_right{
5093 border: none;
5094 }
5095
5096 #ays-poll-maker-countdown-main-container li {
5097 padding: 14px 8px;
5098 }
5099
5100 #ays-poll-maker-countdown-main-container li span {
5101 min-width: 50px;
5102 min-height: 50px;
5103 font-size: 30px;
5104 }
5105 div.if-choosing div.form-group.row {
5106 flex-wrap: nowrap;
5107 }
5108
5109 }
5110 .ays-poll-new-watch-video-button-box,
5111 .ays-poll-new-upgrade-button-box {
5112 top: -25px;
5113 }
5114 }
5115
5116 .ays-poll-heading-box {
5117 float: right;
5118 margin-top: 10px;
5119 }
5120
5121 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
5122 display: inline-block;
5123 width: auto;
5124 min-width: 80px;
5125 padding: 5px 14px;
5126 font: 500 12px/16px "Roboto",Arial,sans-serif;
5127 letter-spacing: -.25px;
5128 text-transform: capitalize;
5129 border-color: #ddd;
5130 background-color: transparent;
5131 color: #888;
5132 cursor: pointer;
5133 margin: 0;
5134 border: 2px solid transparent;
5135 border-radius: 4px;
5136 text-decoration: underline;
5137 text-align: center;
5138 -webkit-transition: all 0.3s ease;
5139 transition: all 0.3s ease;
5140 }
5141
5142 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover {
5143 color: #666;
5144 }
5145
5146 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:focus {
5147 /*box-shadow: 0 0 0 1px #ddd, 0 0 2px 1px #f1f1f1;*/
5148 box-shadow: unset;
5149 outline: unset;
5150 }
5151
5152 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
5153 padding: 5px 0px;
5154 font-style: italic;
5155 }
5156
5157 /* Our products (new design)*/
5158
5159 .ays-poll-cards-block {
5160 display: flex;
5161 flex-wrap: wrap;
5162 justify-content: space-between;
5163 align-items: center;
5164 margin: 38px 0 2px;
5165 align-items: stretch;
5166 }
5167
5168 .ays-poll-card__text-hidden {
5169 display: none;
5170 }
5171
5172 .ays-poll-card {
5173 width: 32%;
5174 margin-bottom: 65px;
5175 background-color: #fff;
5176 display: flex;
5177 flex-direction: column;
5178 justify-content: space-between;
5179 border-radius: 2px;
5180 }
5181
5182 .ays-poll-card__content {
5183 display: flex;
5184 justify-content: space-between;
5185 background-color: #fff;
5186 padding: 25px 12px 8px 19px;
5187 min-height: 140px;
5188 flex: 1 0 auto;
5189 }
5190
5191 .ays-poll-card__content-img-box {
5192 margin-right: 14px;
5193 }
5194
5195 .ays-poll-card__img {
5196 width: 85px;
5197 height: 85px;
5198 border-radius: 9px;
5199 }
5200
5201 .ays-poll-card__title {
5202 font-style: normal;
5203 margin-bottom: 12px;
5204 font-weight: 600;
5205 font-size: 22px;
5206 line-height: 24px;
5207 color: #18191f;
5208 }
5209
5210 .ays-poll-card__text {
5211 font-style: normal;
5212 font-weight: 400;
5213 font-size: 14px;
5214 line-height: 20px;
5215 color: #4c4d54;
5216 }
5217
5218 .ays-poll-card__footer {
5219 background-color: #f7f7f7;
5220 padding: 25px 20px;
5221 }
5222
5223 .ays-poll-card__btn-info {
5224 display: inline-block;
5225 color: #2b74b9;
5226 border: 1px solid #2b74b9;
5227 padding: 10px 16px;
5228 background-color: #fff;
5229 font-weight: 500;
5230 font-size: 14px;
5231 line-height: 14px;
5232 border-radius: 2px;
5233 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;
5234 margin-right: 10px;
5235 cursor: pointer;
5236 }
5237
5238 .ays-poll-card__btn-primary {
5239 display: inline-block;
5240 color: #ffffff;
5241 border: 1px solid transparent;
5242 padding: 10px 16px;
5243 background-color: #2b74b9;
5244 font-weight: 500;
5245 font-size: 14px;
5246 line-height: 14px;
5247 border-radius: 2px;
5248 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
5249 }
5250
5251 .ays-poll-card__btn-info:hover {
5252 text-decoration: none;
5253 background-color: #cdc8c81a;
5254 border: 1px solid #0e63b3;
5255 }
5256
5257 .ays-poll-card__btn-primary:hover {
5258 text-decoration: none;
5259 background-color: #0067c9;
5260 color: #ffffff;
5261 }
5262
5263 #ays-poll-intro-title {
5264 font-size: 38px;
5265 font-weight: 600;
5266 margin: 30px 0;
5267 width: 50%;
5268 }
5269
5270 .flexible {
5271 flex-grow: 1;
5272 }
5273
5274 .ays-poll-see-all {
5275 text-align: center;
5276 }
5277
5278 .ays-poll-all-btn {
5279 background: #2b74b9;
5280 padding: 10px 18px;
5281 display: block;
5282 max-width: 240px;
5283 color: #fff;
5284 text-align: center;
5285 margin: 20px auto 30px;
5286 box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%);
5287 border-radius: 2px;
5288 font-weight: 600;
5289 font-size: 20px;
5290 line-height: 28px;
5291 position: relative;
5292 text-transform: capitalize;
5293 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
5294 }
5295
5296 .ays-poll-card__btn-primary:visited,
5297 .ays-poll-all-btn:visited {
5298 color: #fff;
5299 }
5300
5301 .ays-poll-all-btn:hover {
5302 text-decoration: none;
5303 background-color: #0067c9;
5304 color: #ffffff;
5305 }
5306
5307 .ays-poll-all-btn:before {
5308 content: "";
5309 top: 50%;
5310 right: 112%;
5311 width: 100%;
5312 height: 1px;
5313 background-color: #dfdfdf;
5314 position: absolute;
5315 pointer-events: none;
5316 }
5317
5318 .ays-poll-all-btn:after {
5319 content: "";
5320 top: 50%;
5321 left: 112%;
5322 width: 100%;
5323 height: 1px;
5324 background-color: #dfdfdf;
5325 position: absolute;
5326 pointer-events: none;
5327 }
5328
5329 /* Our products Media Queries*/
5330 /* max-width */
5331 @media screen and (max-width: 1160px) {
5332 .ays-poll-all-btn:before {
5333 width: 60%;
5334 }
5335
5336 .ays-poll-all-btn:after {
5337 width: 60%;
5338 }
5339 }
5340
5341 @media screen and (max-width: 1096px) {
5342 .ays-poll-card {
5343 width: 47%;
5344 }
5345
5346 #ays-poll-intro-title {
5347 font-size: 33px;
5348 width: 67%;
5349 }
5350
5351 .ays-poll-card__img {
5352 width: 93px;
5353 height: 93px;
5354 }
5355
5356 .ays-poll-card__content {
5357 min-height: 140px;
5358 }
5359
5360 .ays-poll-card__text {
5361 font-size: 15px;
5362 }
5363
5364 .ays-poll-card__footer {
5365 padding: 25px 15px;
5366 }
5367 }
5368
5369 @media screen and (max-width: 992px) {
5370 .ays-poll-card__text {
5371 font-size: 16px;
5372 }
5373 }
5374
5375 @media screen and (max-width: 786px) {
5376 .ays-poll-card {
5377 width: 48%;
5378 }
5379
5380 #ays-poll-intro-title {
5381 font-size: 33px;
5382 width: 85%;
5383 }
5384 }
5385
5386 @media screen and (max-width: 662px) {
5387 .ays-poll-card {
5388 width: 74%;
5389 margin-left: auto;
5390 margin-right: auto;
5391 }
5392
5393 .ays-poll-card__title {
5394 font-size: 24px;
5395 }
5396
5397 .ays-poll-card__text {
5398 font-size: 18px;
5399 line-height: 24px;
5400 }
5401
5402 .ays-poll-card {
5403 min-height: 220px;
5404 }
5405
5406 .ays-poll-card__footer {
5407 padding: 25px 14px;
5408 }
5409
5410 .ays-poll-all-btn:before {
5411 width: 40%;
5412 }
5413 .ays-poll-all-btn:after {
5414 width: 40%;
5415 }
5416
5417 .ays-poll-card {
5418 margin-bottom: 50px;
5419 }
5420 }
5421
5422 @media screen and (max-width: 574px) {
5423 .ays-poll-card {
5424 width: 78%;
5425 }
5426
5427 .ays-poll-card__btn-info {
5428 padding: 10px 18px;
5429 font-size: 15px;
5430 }
5431
5432 .ays-poll-card__btn-primary {
5433 padding: 10px 18px;
5434 font-size: 15px;
5435 }
5436
5437 .ays-poll-all-btn {
5438 padding: 7px 14px;
5439 max-width: 210px;
5440 font-size: 19px;
5441 margin: 8px auto 10px;
5442 }
5443
5444 .ays-poll-card__footer {
5445 padding: 25px 14px;
5446 }
5447
5448 .ays-poll-all-btn:before {
5449 display: none;
5450 }
5451
5452 .ays-poll-all-btn:after {
5453 display: none;
5454 }
5455
5456 #ays-poll-intro-title {
5457 font-size: 30px;
5458 width: 98%;
5459 }
5460 }
5461
5462 @media screen and (max-width: 520px) {
5463 .ays-poll-card {
5464 width: 85%;
5465 }
5466 .ays-poll-card__title {
5467 font-size: 22px;
5468 }
5469 }
5470
5471 @media screen and (max-width: 375px) {
5472 .ays-poll-card {
5473 width: 94%;
5474 }
5475
5476 .ays-poll-card__text {
5477 font-size: 16px;
5478 line-height: 23px;
5479 }
5480
5481 #ays-poll-intro-title {
5482 font-size: 28px;
5483 width: 100%;
5484 }
5485
5486 .ays-poll-all-btn {
5487 padding: 5px 12px;
5488 max-width: 185px;
5489 font-size: 17px;
5490 margin: 8px auto 30px;
5491 }
5492
5493 .ays-poll-card__content {
5494 display: flex;
5495 justify-content: space-between;
5496 background-color: #fff;
5497 padding: 18px 11px 5px 18px;
5498 min-height: 140px;
5499 flex: 1 0 auto;
5500 }
5501 }
5502
5503 /* min-width */
5504 @media screen and (min-width: 1440px) {
5505 .ays-poll-card__title {
5506 font-size: 24px;
5507 }
5508
5509 .ays-poll-card__img {
5510 width: 93px;
5511 height: 93px;
5512 }
5513
5514 .ays-poll-card__text {
5515 font-size: 17px;
5516 }
5517
5518 .ays-poll-card__btn-info {
5519 padding: 10px 17px;
5520 }
5521
5522 .ays-poll-card__btn-primary {
5523 padding: 10px 17px;
5524 }
5525
5526 .ays-poll-card__btn-info {
5527 font-size: 16px;
5528 }
5529
5530 .ays-poll-card__btn-primary {
5531 font-size: 16px;
5532 }
5533
5534 .ays-poll-card__text {
5535 font-size: 16px;
5536 }
5537
5538 .ays-poll-card__title {
5539 font-size: 24px;
5540 }
5541
5542 .ays-poll-card__content {
5543 padding: 20px 20px 8px 22px;
5544 }
5545
5546 #ays-poll-intro-title {
5547 font-size: 42px;
5548 font-weight: 600;
5549 margin: 30px 0;
5550 width: 50%;
5551 }
5552
5553 .ays-poll-card__footer {
5554 padding: 22px 24px;
5555 }
5556 }
5557
5558 @media screen and (min-width: 1820px) {
5559 .ays-poll-card__text-hidden {
5560 display: inline;
5561 }
5562
5563 #ays-poll-intro-title {
5564 width: 32%;
5565 }
5566
5567 .ays-poll-card__text {
5568 font-size: 14px;
5569 }
5570
5571 .ays-poll-card__title {
5572 font-size: 18px;
5573 }
5574 }
5575
5576 @media screen and (min-width: 1820px) {
5577 #ays-poll-intro-title {
5578 width: 36%;
5579 }
5580 }
5581
5582 /* Community */
5583 @media (min-width: 1250px) {
5584 .ays-poll-community-wrap .ays-poll-community-item {
5585 width:calc(28.3333333% - 13.3333333px)
5586 }
5587
5588 .ays-poll-community-wrap .ays-poll-community-item:nth-child(3n) {
5589 margin-right: 0
5590 }
5591 }
5592
5593 @media (max-width: 1249px) {
5594 .ays-poll-community-wrap .ays-poll-community-item {
5595 width:calc(50% - 10px)
5596 }
5597
5598 .ays-poll-community-wrap .ays-poll-community-item:nth-child(2n) {
5599 margin-right: 0
5600 }
5601 }
5602
5603 @media (max-width: 767px) {
5604 div.ays-poll-community-wrap .ays-poll-community-item {
5605 width:100%;
5606 margin-right: 0
5607 }
5608
5609 div.ays-poll-community-youtube-video iframe {
5610 width: 100%;
5611 }
5612 }
5613
5614 .ays-poll-community-wrap {
5615 text-align: center;
5616 width: 95%;
5617 margin: auto;
5618 margin-bottom: 60px;
5619 }
5620
5621 .ays-poll-community-wrap *,
5622 .ays-poll-community-wrap *::before,
5623 .ays-poll-community-wrap *::after {
5624 -webkit-box-sizing: border-box;
5625 -moz-box-sizing: border-box;
5626 box-sizing: border-box;
5627 }
5628
5629 .ays-poll-community-wrap .ays-poll-community-container {
5630 display: flex;
5631 flex-wrap: wrap;
5632 justify-content: center;
5633 margin: 20px;
5634 margin-top: 40px;
5635 }
5636
5637 .ays-poll-community-wrap .ays-poll-community-item {
5638 /*border: 1px solid #DDDDDD;*/
5639 margin: 0 20px 20px 0;
5640 background-color: #FAF8F8;
5641 position: relative;
5642 box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8;
5643 border-radius: 2px;
5644 }
5645
5646 .ays-poll-community-wrap .ays-poll-community-item-cover {
5647 width: 100%;
5648 height: 120px;
5649 position: relative;
5650 display: block
5651 }
5652
5653 .ays-poll-community-wrap .ays-poll-community-item-img {
5654 width: auto;
5655 height: auto;
5656 max-width: 80px;
5657 max-height: 80px;
5658 position: absolute;
5659 top: 0;
5660 bottom: 0;
5661 left: 0;
5662 right: 0;
5663 margin: auto;
5664 font-size: 70px;
5665 line-height: 80px;
5666 }
5667
5668 .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_youtube_play {
5669 color: #B74141;
5670 }
5671
5672 .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_users {
5673 color: #E78A2C;
5674 }
5675
5676 .ays-poll-community-wrap .ays-poll-community-item-title {
5677 margin: 17px 20px 10px 20px;
5678 font-size: 16px
5679 }
5680
5681 .ays-poll-community-wrap .ays-poll-community-item-desc {
5682 margin: 0 20px 100px 20px;
5683 font-size: 14px
5684 }
5685
5686 .ays-poll-community-wrap .ays-poll-community-item-footer {
5687 position: absolute;
5688 width: 100%;
5689 bottom: 0;
5690 padding: 20px;
5691 /*border-top: 1px solid #dddddd;
5692 background-color: #F7F7F7*/
5693 }
5694
5695 .ays-poll-community-wrap .button {
5696 display: inline-block;
5697 width: 150px;
5698 background-color: #FAF8F8;
5699 color: #1C75A6;
5700 font-weight: bold;
5701 border: 1px solid #0e6897;
5702 padding: 3px 34px;
5703 height: auto;
5704 /*line-height: 13px;*/
5705 /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/
5706 transition: 0.5s;
5707 }
5708
5709 .ays-poll-community-wrap .button:hover {
5710 background: #008ec2;
5711 border-color: #006799;
5712 color: #fff;
5713 }
5714
5715 .ays_poll_type_image_div .ays_poll_type_link {
5716 display: flex;
5717 align-items: center;
5718 justify-content: center;
5719 }
5720
5721 .ays_poll_type_image_div .ays_poll_type_link a {
5722 font-size: 12px;
5723 }
5724
5725 .ays_poll_type_image_div .ays_poll_type_label_div {
5726 display: flex;
5727 align-items: center;
5728 justify-content: center;
5729 }
5730
5731
5732 /* CUSTOM FIELDS VIDEO */
5733 .ays-poll-how-to-user-custom-fields-box{
5734 display: flex;
5735 justify-content: center;
5736 align-items: center;
5737 flex-direction: column;
5738 margin-bottom: 10px;
5739 }
5740 /**/
5741
5742 /* div.wrap h1.wp-heading-inline .ays-poll-add-new-button,
5743 div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button,
5744 .ays-notice-banner .ays-poll-add-new-button{
5745 background-color: #08A9BE;
5746 padding: 10px 20px;
5747 border: 1px solid #08A9BE;
5748 color: #ffffff;
5749 border-radius: 5px;
5750 font-size: 13px;
5751 font-weight: 500;
5752 }
5753
5754 div.wrap h1.wp-heading-inline .ays-poll-add-new-button:hover,
5755 div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button:hover {
5756 text-decoration: underline;
5757 } */
5758 .ays-poll-add-new-button, .ays-poll-add-new-cat-button {
5759 margin: 0 10px !important;
5760 }
5761
5762 .ays-poll-create-poll-video-box{
5763 display: flex;
5764 justify-content: center;
5765 align-items: center;
5766 flex-direction: column;
5767 margin-bottom: 10px;
5768 }
5769
5770 .ays-poll-create-poll-youtube-video-button-box{
5771 margin: 0px;
5772 }
5773
5774 .ays-poll-create-poll-youtube-video-button-box.create-poll-youtube-video-bottom{
5775 margin: 80px 0 10px;
5776 }
5777
5778 .ays-poll-create-poll-youtube-video {
5779 margin: 10px auto;
5780 }
5781
5782 .ays-poll-youtube-placeholder {
5783 position: relative;
5784 cursor: pointer;
5785 max-width: 100%;
5786 width: 560px;
5787 height: 315px;
5788 margin: 0 auto;
5789 }
5790
5791 .ays-poll-create-poll-youtube-video iframe {
5792 max-width: 100%;
5793 }
5794
5795 .ays-poll-youtube-placeholder img {
5796 display: block;
5797 width: 100%;
5798 height: 100%;
5799 object-fit: contain;
5800 }
5801
5802 @media screen and (max-width: 768px) {
5803 div.ays-poll-youtube-placeholder {
5804 width: 100%;
5805 height: auto;
5806 }
5807 }
5808
5809 .ays-poll-add-new-button-video{
5810 background-color: #08A9BE;
5811 color: #fff !important;
5812 outline: none;
5813 border-radius: 5px;
5814 box-shadow: unset;
5815 padding: 10px 20px;
5816 border: 1px solid #08A9BE;
5817 display: inline-block;
5818 font-size: 13px;
5819 font-weight: 500;
5820 }
5821
5822 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design {
5823 background: #2275EA;
5824 border-color: #2275EA;
5825 border-radius: 8px;
5826 padding: 5px 27px;
5827 color:white;
5828 }
5829
5830 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:hover {
5831 background: #0f34e7;
5832 color:white;
5833 }
5834
5835 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:active {
5836 padding: 5px 27px;
5837 line-height: 28px;
5838 }
5839
5840 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design img {
5841 width: 10px;
5842 margin-top: -2px;
5843 margin-right: 5px;
5844 }
5845
5846 .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design {
5847 padding: 10px 30px;
5848 }
5849
5850 .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design:hover {
5851 padding: 10px 30px;
5852 text-decoration: unset;
5853 }
5854
5855 div.ays_save_default_button_box .ays-poll-next-prev-button-class{
5856 background-color: #005AE0;
5857 max-height: 30px;
5858 min-height: 30px;
5859 display: inline-block;
5860 text-decoration: none;
5861 font-size: 13px;
5862 line-height: 2.15384615;
5863 margin: 4px;
5864 margin-top: 0px;
5865 padding: 0 10px;
5866 cursor: pointer;
5867 border-width: 1px;
5868 border-style: solid;
5869 -webkit-appearance: none;
5870 border-radius: 3px;
5871 white-space: nowrap;
5872 box-sizing: border-box;
5873 }
5874 div.ays_save_default_button_box .ays-poll-next-prev-button-class:hover{
5875 background-color: #004CBD;
5876 }
5877 .ays_save_default_button_box{
5878 padding-top: 4px;
5879 }
5880 div.ays_save_default_button_box .ays-poll-prev-poll-button, .ays_poll_next_poll_button{
5881 /* opacity: 0.8; */
5882 }
5883
5884 div.ays-poll-answers-redirect-alignment {
5885 height: 55px;
5886 align-items: center;
5887 }
5888
5889 #tab5 span.ays-poll-small-hint-fields-placeholders {
5890 display: none;
5891 }
5892
5893 #tab6 span.ays-poll-message-variables-hint-text {
5894 font-size: 18px;
5895 }
5896
5897 #tab6.ays-poll-message-variables-text-divider-for-mobile {
5898 display: none;
5899 }
5900
5901 div.ays-poll-export-import-box {
5902 display: flex;
5903 justify-content: flex-end;
5904 padding-right: 5px;
5905 }
5906
5907 a.ays-poll-crown-img-container img {
5908 width: 18px;
5909 }
5910
5911 a.ays_save_default_button_box {
5912 padding-right: 90px;
5913 }
5914
5915 @media screen and (max-width: 782px) {
5916 .ays-poll-youtube-video-responsive {
5917 max-width: 100%;
5918 }
5919
5920 #tab5 span.ays-poll-small-hint-fields-placeholders {
5921 display: block;
5922 }
5923
5924 #tab5 span.ays-poll-title-fields-placeholders {
5925 display: none;
5926 }
5927
5928 #tab6 span.ays-poll-message-variables-text-divider {
5929 display: none
5930 }
5931
5932 #tab6 p.vmessage {
5933 margin-bottom: 30px;
5934 }
5935
5936 form#ays-poll-general-settings-form .ays-poll-message-variables-inputs {
5937 width: 100%
5938 }
5939
5940 #tab6.ays-poll-message-variables-text-divider-for-mobile {
5941 display: block;
5942 }
5943
5944 #tab6 span.ays-poll-message-variables-hint-text {
5945 font-size: 14px;
5946 }
5947
5948 div.ays-poll-crown-img-container {
5949 right: 15px;
5950 }
5951
5952 div.ays_save_default_button_box {
5953 padding-right: 0;
5954 }
5955 }
5956
5957 .ays-poll-dropdown-select-width-250 {
5958 width: 250px;
5959 }
5960
5961 /*Redirect to another poll from polls edit page select start*/
5962
5963 .ays-poll-subtitle-main-box{
5964 position: relative;
5965 }
5966
5967 .ays-poll-polls-data{
5968 position: absolute;
5969 top: 27px;
5970 max-height: 350px;
5971 overflow: auto scroll;
5972 z-index: 99999;
5973 background-color: #ffff;
5974 border-radius: 3px;
5975 border: 1px solid grey;
5976 width: 200px;
5977 display: none;
5978 }
5979
5980 .ays-poll-polls-data::-webkit-scrollbar {
5981 width: 0.2em;
5982 }
5983
5984 .ays-poll-polls-data::-webkit-scrollbar-track{
5985 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
5986 }
5987
5988 .ays-poll-polls-data::-webkit-scrollbar-thumb{
5989 background-color: darkgrey;
5990 outline: 1px solid slategrey;
5991 border-radius: 5px;
5992 }
5993
5994 .ays-poll-polls-data .ays-poll-polls-each-data{
5995 border-bottom: 1px solid #80808059;
5996 cursor: pointer;
5997 }
5998
5999 .ays-poll-polls-data .ays-poll-polls-each-data:hover{
6000 background-color: #E8F0FF;
6001 }
6002
6003 .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{
6004 background-color: #e1e1e1;
6005 }
6006
6007 .ays-poll-message-vars-each-data-label{
6008 display: block;
6009 margin: 0;
6010 }
6011
6012 .ays-poll-open-list {
6013 display: flex;
6014 }
6015
6016 .ays-poll-open-list > img.ays-poll-open-polls-list {
6017 margin-left: 20px;
6018 cursor: pointer;
6019 }
6020
6021 .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls{
6022 display: inline-block;
6023 color: unset;
6024 border: 0;
6025 outline: unset;
6026 box-shadow: unset;
6027 padding: 8px 0 8px 8px;
6028 width: 100%;
6029 cursor: pointer;
6030 }
6031
6032 .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls {
6033 text-decoration: none;
6034 }
6035
6036 /*Redirect to another poll from polls edit page select end*/
6037
6038 #bulk-action-selector-bottom, #bulk-action-selector-top,
6039 #bulk-action-selector-top-select-top, #bulk-action-selector-top-select-bottom {
6040 height: 30px;
6041 }
6042
6043 /* Select message vars galleries page | Start */
6044
6045 .ays-poll-message-vars-box{
6046 display: flex;
6047 justify-content: flex-end;
6048 flex-direction: column;
6049 align-items: flex-end;
6050 user-select: none;
6051 position: relative;
6052 }
6053
6054 .ays-poll-subtitle-main-box{
6055 position: relative;
6056 min-height: 27px;
6057 word-break: break-word;
6058 }
6059
6060 .ays-poll-message-vars-box .ays-poll-message-vars-icon{
6061 display: flex;
6062 width: 150px;
6063 justify-content: space-between;
6064 cursor: pointer;
6065 margin-bottom: 15px;
6066
6067 }
6068
6069 .ays-poll-message-vars-box .ays-poll-message-vars-icon span{
6070 font-size: 13px;
6071 margin-right: 5px;
6072 }
6073
6074 .ays-poll-message-vars-data{
6075 position: absolute;
6076 top: 27px;
6077 max-height: 350px;
6078 overflow: auto scroll;
6079 z-index: 99999;
6080 background-color: #ffff;
6081 border-radius: 3px;
6082 width: 250px;
6083 display: none;
6084 box-shadow: 0 0px 0px 0.5px #00000087;
6085 }
6086
6087 .ays-poll-message-vars-data::-webkit-scrollbar{
6088 width: 0.2em;
6089 }
6090
6091 .ays-poll-message-vars-data::-webkit-scrollbar-track{
6092 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
6093 }
6094
6095 .ays-poll-message-vars-data::-webkit-scrollbar-thumb{
6096 background-color: darkgrey;
6097 outline: 1px solid slategrey;
6098 border-radius: 5px;
6099 }
6100
6101 .ays-poll-message-vars-data .ays-poll-message-vars-each-data{
6102 border-bottom: 1px solid #80808059;
6103 cursor: pointer;
6104 }
6105
6106 .ays-poll-message-vars-data .ays-poll-message-vars-each-data{
6107 padding: 8px 0 8px 8px;
6108 }
6109
6110
6111 .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{
6112 background-color: #e1e1e1;
6113 }
6114
6115 .ays-poll-message-vars-each-data-label{
6116 display: block;
6117 margin: 0;
6118 }
6119
6120 @media only screen and (max-width: 768px) {
6121 div.ays-poll-sm-guarantee-container-sg {
6122 width: 100%;
6123 }
6124
6125 div.ays-poll-sm-guarantee-container-sg img {
6126 width: 140px;
6127 margin-right: 20px;
6128 }
6129
6130 div.ays-poll-sm-guarantee-container-sg h3 {
6131 font-size: 19px;
6132 }
6133
6134 div.ays-poll-sm-guarantee-container-sg p {
6135 font-size: 12px;
6136 }
6137
6138 div.wrap.ays-poll-features-wrap-box {
6139 margin: 0;
6140 }
6141
6142 div.comparison {
6143 padding: 0;
6144 }
6145 }
6146
6147
6148 div.ays_polls_list_table .heading_buttons_container {
6149 display: flex;
6150 justify-content: space-between;
6151 margin: 10px 0;
6152 padding-right: 30px;
6153 }
6154
6155 /*Quick Poll Start*/
6156 div.wrap .wp-heading-block {
6157 display: flex;
6158 justify-content: space-between;
6159 align-items: center;
6160 flex-wrap: wrap;
6161 }
6162
6163 /* div.wrap .create_quick_poll_container {
6164 display: flex;
6165 justify-content: flex-end;
6166 margin: 10px 0;
6167 padding-right: 30px;
6168 } */
6169
6170 div.wrap .create_quick_poll {
6171 display: flex;
6172 justify-content: center;
6173 align-items: center;
6174 border: 3px solid #1db3c8;
6175 border-radius: 50%;
6176 cursor: pointer;
6177 width: 60px;
6178 height: 60px;
6179 }
6180
6181 div.wrap .create_quick_poll img {
6182 width: 35px;
6183 height: 35px;
6184 }
6185
6186 /* The Modal (background) */
6187 .ays_poll_modal {
6188 display: none;
6189 position: fixed;
6190 left: 0;
6191 top: 0;
6192 width: 100%;
6193 height: 100%;
6194 z-index: 1000;
6195 animation-duration: .5s;
6196 transition: .5s ease-in-out;
6197 outline: 0;
6198 overflow-y:scroll;
6199 background: #0000008a;
6200 }
6201
6202 .ays_poll_modal_content {
6203 background-color: #fefefe;
6204 margin: auto; /* 15% from the top and centered */
6205 margin-bottom: 30px;
6206 margin-top: 40px;
6207 border: 1px solid #888;
6208 width: 50%;
6209 z-index: 10000;
6210 position: relative;
6211 padding-left: 0 !important;
6212 animation-duration: .3s;
6213 transition: .5s ease-in-out;
6214 border-radius: 4px;
6215 overflow: hidden;
6216 }
6217
6218 .ays-modal-header {
6219 height: 50px;
6220 padding: 0 16px;
6221 color: #666;
6222 background-color: whitesmoke;
6223 position: relative;
6224 display: flex;
6225 align-items: center;
6226 justify-content: space-between;
6227 }
6228
6229 .ays-modal-header .ays-close-quick-create {
6230 color: #666;
6231 font-size: 30px;
6232 font-weight: 500;
6233 position: absolute;
6234 bottom: 15px;
6235 right: 5px;
6236 cursor: pointer;
6237 }
6238
6239 .ays-close-quick-create:hover, .ays-close-quick-create:focus {
6240 color: #000;
6241 }
6242
6243 .ays-modal-poll-title-add, .ays-modal-poll-question-add, .ays-modal-poll-answers-section {
6244 display: flex;
6245 flex-direction: column;
6246 }
6247
6248 .ays-modal-poll-question-add {
6249 margin: 30px 0;
6250 }
6251
6252 .ays-modal-poll-answers-section {
6253 align-items: flex-start;
6254 }
6255
6256 .ays-modal-poll-title-add label, .ays-modal-poll-question-add label, .ays-modal-poll-answers-section label {
6257 color: #3d92d0;
6258 font-weight: 700;
6259 letter-spacing: 0.5px;
6260 word-spacing: 2px;
6261 }
6262
6263 .ays-modal-quick-poll-content {
6264 border-top: 1px solid #666666;
6265 padding: 40px;
6266 }
6267
6268 .quick_poll_answer_box {
6269 display: flex;
6270 align-items: center;
6271 justify-content: space-between;
6272 width: 100%;
6273 }
6274
6275 .quick_poll_answer_box input {
6276 width: 90%;
6277 }
6278
6279 .quick_poll_answer_box:not(:first-child) {
6280 margin-top: 13px;
6281 }
6282
6283 .quick_poll_answer_box button {
6284 border: none;
6285 cursor: pointer;
6286 }
6287
6288 .quick_poll_add_option {
6289 color: #3d92d0;
6290 cursor: pointer;
6291 border: none;
6292 display: flex;
6293 align-items: center;
6294 margin-top: 10px;
6295 }
6296
6297 .quick_poll_add_option div{
6298 display: flex;
6299 align-items: center;
6300 justify-content: center;
6301 background-color: #3d92d0;
6302 border-radius: 50%;
6303 width: 15px;
6304 height: 15px;
6305 margin-right: 10px;
6306 }
6307
6308 .quick_poll_add_option span {
6309 color: #fff;
6310 }
6311
6312 .quick_poll_divider {
6313 margin: 40px 0;
6314 height: 1px;
6315 background-color: #666;
6316 }
6317
6318
6319 .quick_poll_settings h4 {
6320 color: #3d92d0;
6321 }
6322
6323 .quick_poll_settings div {
6324 display: flex;
6325 align-items: center;
6326 width: 35%;
6327 justify-content: space-between;
6328 }
6329
6330 .quick_poll_settings div:first-child {
6331 margin: 10px 0 5px 0;
6332 }
6333
6334 .quick_poll_settings span {
6335 font-weight: 500;
6336 }
6337
6338 .quick_poll_settings input{
6339 height: 0;
6340 width: 0;
6341 visibility: hidden;
6342 }
6343
6344 .quick_poll_settings label {
6345 cursor: pointer;
6346 text-indent: -9999px;
6347 width: 35px;
6348 height: 20px;
6349 min-width: 35px;
6350 min-height: 20px;
6351 background: grey;
6352 display: block;
6353 border-radius: 20px;
6354 position: relative;
6355 margin-bottom: 0;
6356 }
6357
6358 .quick_poll_settings label:after {
6359 content: '';
6360 position: absolute;
6361 top: 1px;
6362 left: 1px;
6363 width: 18px;
6364 height: 18px;
6365 background: #fff;
6366 border-radius: 18px;
6367 transition: 0.3s;
6368 }
6369
6370 .quick_poll_settings input:checked + label {
6371 background: #3d92d0;
6372 }
6373
6374 .quick_poll_settings input:checked + label:after {
6375 left: calc(100% - 1px);
6376 transform: translateX(-100%);
6377 }
6378
6379 .quick_poll_settings label:active:after {
6380 width: 22px;
6381 }
6382
6383 .quick_poll_save {
6384 text-align: right;
6385 }
6386
6387 .quick_poll_save input {
6388 background: #3d92d0;
6389 border: none;
6390 color: #fff;
6391 border-radius: 10%;
6392 padding: 3px 13px;
6393 cursor: pointer;
6394 }
6395
6396 .quick-poll-save-disabled{
6397 background-color: #a7aaad !important;
6398 }
6399
6400 .quick_poll_settings .multivote-container .quick_poll_multivote_settings {
6401 display: flex;
6402 flex-direction: column;
6403 align-items: flex-start;
6404 visibility: hidden;
6405 }
6406 .quick_poll_settings .multivote-container .quick_poll_multivote_settings input{
6407 width: 100px;
6408 height: 30px;
6409 margin: 5px;
6410 }
6411 #quick_poll_shortcode, #ays-poll-create-new{
6412 width: 200px;
6413 max-width: 100%;
6414 }
6415
6416 .ays_poll_modal_content .quick_poll_settings > div {
6417 margin-bottom: 10px;
6418 }
6419
6420 .quick_poll_settings .multivote-container{
6421 width: 100%;
6422 height: 24px;
6423 padding-bottom: 4px;
6424 line-height: 1;
6425 }
6426
6427 @media only screen and (max-width: 1145px) {
6428 .quick_poll_settings .multivote-container{
6429 height:48px;
6430 }
6431 }
6432
6433 @media only screen and (max-width: 750px) {
6434 .ays_poll_modal_content {
6435 width: 70%;
6436 }
6437 }
6438
6439 @media only screen and (max-width: 645px) {
6440 .ays_poll_modal_content {
6441 width: 90%;
6442 }
6443 }
6444 /*Quick Poll End*/
6445
6446 /* Redesigned list table start */
6447 div.ays_polls_list_table #post-body-content {
6448 padding: 20px 0 3px;
6449 background-color: #ffffff;
6450 border-radius: 5px;
6451 box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
6452 color: #253858;
6453 }
6454 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead,
6455 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tfoot{
6456 background-color: #f1f1f1;
6457 }
6458 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr{
6459 background-color: #fff;
6460 }
6461
6462 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr {
6463 box-shadow: 0px -2px 0px rgba(0,0,0,0.12);
6464 }
6465 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr:first-child{
6466 box-shadow: none;
6467 }
6468
6469 div.ays_polls_list_table div#wpcontent{
6470 background: #f0f0f1;
6471 }
6472 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr td,
6473 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr th{
6474 border:none;
6475 }
6476 div.ays_polls_list_table #post-body-content table.wp-list-table.polls{
6477 border:none;
6478 border-top: 1px solid transparent;
6479 }
6480 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container{
6481 /* min-width: 90px; */
6482 background-color: #f4f5f7;
6483 border-radius: 5px;
6484 overflow: hidden;
6485 display: flex;
6486 justify-content: space-between;
6487 box-shadow: 0px 1px 2px rgb(0 0 0 / 50%);
6488 margin: auto;
6489 }
6490
6491 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container {
6492 align-items: stretch;
6493 }
6494
6495 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-copy-image{
6496 min-width: 25px;
6497 height: auto;
6498 display: flex;
6499 justify-content: center;
6500 align-items: center;
6501 background-color: #ebecf0;
6502 cursor: pointer;
6503 border-right: 1px solid #dddddf;
6504 }
6505 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-shortcode-input{
6506 border: none;
6507 padding-left: 0px;
6508 background-color: #f4f5f7;
6509 }
6510
6511 div.ays_polls_list_table #post-body-content table.wp-list-table.polls input[type=checkbox]{
6512 border: 1px solid #ced4da !important;
6513 }
6514
6515 div.ays_polls_list_table #bulk-action-selector-bottom,
6516 div.ays_polls_list_table #bulk-action-selector-top,
6517 div.ays_polls_list_table #bulk-action-selector-top-select-top,
6518 div.ays_polls_list_table #bulk-action-selector-top-select-bottom{
6519 border-color:#EBECF0 !important;
6520 box-shadow: 0 1px 1px rgb(0 0 0 / 6%);
6521 color: #061938;
6522 border-radius: 5px;
6523 padding: 2px 10px;
6524 padding-right: 24px;
6525 font-size: 14px;
6526 width: 150px;
6527 height: 34px;
6528 }
6529 div.ays_polls_list_table #bulk-action-selector-bottom:hover,
6530 div.ays_polls_list_table #bulk-action-selector-top:hover,
6531 div.ays_polls_list_table #bulk-action-selector-top-select-top:hover,
6532 div.ays_polls_list_table #bulk-action-selector-top-select-bottom:hover{
6533 color:#2271b1;
6534 }
6535
6536 div.ays_polls_list_table #post-body-content .tablenav .actions .button,
6537 div.ays_polls_list_table .actions_style,
6538 div.ays_polls_list_table #search-submit.actions,
6539 div.ays_polls_list_table .pagination-links .button,
6540 div.ays_polls_list_table .search-box .button{
6541 background: #FFFFFF !important;
6542 border: 1px solid #EBECF0 !important;
6543 box-sizing: border-box !important;
6544 box-shadow: 0 1px 1px rgb(0 0 0 / 6%) !important;
6545 color: #061938 !important;
6546 border-radius: 5px !important;
6547 padding: 0px 12px ;
6548 /* width: 90px; */
6549 font-size: 16px !important;
6550 margin-left: 5px !important;
6551 height: 34px;
6552 }
6553 div.ays_polls_list_table .pagination-links .current-page{
6554 height: 34px;
6555 margin-top:5px;
6556 }
6557 @media only screen and (max-width: 781px) {
6558 div.ays_polls_list_table .pagination-links .button{
6559 padding:8px 12px;
6560 width: unset;
6561 }
6562 div.ays_polls_list_table .pagination-links .current-page{
6563 height: 34px;
6564 margin-top:0px;
6565 min-height: 34px;
6566 }
6567 }
6568 div.ays_polls_list_table .tablenav{
6569 padding:5px 12px 0;
6570 }
6571 div.ays_polls_list_table .column-title:not(.manage-column) > a{
6572 text-decoration: underline;
6573 font-weight: bold;
6574 }
6575
6576 div.ays_polls_list_table p.search-box{
6577 padding-right: 12px;
6578 }
6579 div.ays_polls_list_table #poll-maker-ays-search-input{
6580 border-color: #CED4DA;
6581 height: 34px;
6582 }
6583 div.ays_polls_list_table .subsubsub{
6584 padding-left:12px;
6585 /* font-size: 16px; */
6586 }
6587 div.ays_polls_list_table #post-body-content *{
6588 font-size: 14px;
6589 }
6590 div.ays_polls_list_table .column-publish > i{
6591 padding-right: 8px;
6592 }
6593
6594 .ays-poll-add-new-button-box {
6595 display: flex;
6596 align-items: center;
6597 }
6598 /* Redesigned list table end */
6599
6600
6601
6602 /*Dashboard Redesign Start*/
6603 .ays-poll-form .top-menu-buttons-container{
6604 display: flex;
6605 width: 300px;
6606 flex-wrap: nowrap;
6607 justify-content: flex-end;
6608 padding-top:13px;
6609 }
6610 @media screen and (max-width: 1270px) {
6611 .ays-poll-form .top-menu-buttons-container{
6612 /* width: 100%; */
6613 justify-content: flex-start;
6614 }
6615 }
6616
6617
6618 .ays-poll-form .button-primary.ays-top-menu-save-and-close,
6619 .ays-poll-form .button-primary.ays-bottom-menu-save-and-close{
6620 height: 32px;
6621 border-radius: 4px;
6622 border-color:#005AE0;
6623 padding:4px 18px;
6624 background-color: white;
6625 color:#005AE0;
6626 margin-left:10px;
6627 line-height: unset;
6628 }
6629 .bottom-save-buttons-container #ays-button-apply{
6630 background-color: #005AE0 !important;
6631 color:white !important;
6632 }
6633 .ays-poll-form .button-primary.ays-top-menu-save-and-close:hover,
6634 .ays-poll-form .button-primary.ays-bottom-menu-save-and-close:hover{
6635 background-color: #E5EEFF;
6636 color:#005AE0;
6637 }
6638 .ays-poll-form .button#ays-button-top-apply,
6639 .ays-poll-form .button#ays-button-apply{
6640 background-color: #005AE0;
6641 color:white;
6642 height: 32px;
6643 padding:4px 17px;
6644 border-radius: 4px;
6645 margin-left:10px;
6646 line-height: unset;
6647 }
6648 .ays-poll-form .button#ays-button-apply:hover,
6649 .ays-poll-form .button#ays-button-top-apply:hover{
6650 background-color: #004CBD;
6651 }
6652
6653 .ays-poll-form .button#ays_poll_cancel_top,
6654 .ays-poll-form .button#ays_poll_cancel{
6655 height: 32px;
6656 border-radius: 4px;
6657 border-color:#005AE0;
6658 padding:4px 17px;
6659 background-color: white;
6660 color:#005AE0;
6661 margin-left:10px;
6662 line-height: unset;
6663 }
6664 .ays-poll-form .button#ays_poll_cancel_top:hover,
6665 .ays-poll-form .button#ays_poll_cancel:hover{
6666 background-color: #E5EEFF;
6667 color:#005AE0;
6668 }
6669 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
6670 width: 690px;
6671 border-bottom:none;
6672 }
6673 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu {
6674 display: flex;
6675 flex-wrap: wrap;
6676 justify-content: space-between;
6677 padding-bottom:1px;
6678 }
6679 body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab{
6680 border-top: none ;
6681 border-right: none ;
6682 border-left: none ;
6683 margin-left:0px;
6684 padding-bottom:12px;
6685 background-color: transparent;
6686 border-bottom:1px solid #c7c3c3;
6687 color: #333;
6688 margin-bottom: 0px;
6689 margin-right: 0;
6690 padding: 5px 25px;
6691 font-weight: 500;
6692 }
6693 .nav-tab {
6694 padding: 8px 25px;
6695 font-size: 15px;
6696 }
6697 a[href="#tab1"]{
6698 margin-left:0px !important;
6699 }
6700 body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab:hover{
6701 border-bottom:1px solid #005AE0 !important;
6702 text-decoration: none;
6703 }
6704 body.toplevel_page_poll-maker-ays .ays-poll-form .nav-tab-active{
6705 border-bottom:1px solid #005AE0 !important;
6706 color: #005AE0 !important;
6707 }
6708 body.toplevel_page_poll-maker-ays .ays-poll-form .ays_poll_fa-info-circle:before{
6709 color: #005AE0;
6710 }
6711 body.toplevel_page_poll-maker-ays .ays-poll-form input[type="text"]:focus{
6712 border-color: #005AE0;
6713 box-shadow: 0 0 0 1px #2271b1;
6714 outline: 2px solid transparent;
6715 }
6716 body.toplevel_page_poll-maker-ays .ays-poll-form #tab1 .add-option-top-container .ays-add-answer{
6717 display: flex;
6718 justify-content: center;
6719 align-items: center;
6720 width: 140px;
6721 height: 34px;
6722 border-radius: 4px;
6723 border-color:#ADC6FF;
6724 padding:4px 15px 4px 10px;
6725 background-color: #F0F5FF;
6726 color:#005AE0;
6727 border: 1px solid;
6728 font-size: 16px;
6729 }
6730
6731 .ays-poll-form #tab1 .add-option-top-container .ays-add-answer:hover{
6732 background-color: #d1def5 !important;
6733 cursor: pointer;
6734 }
6735 .ays-poll-form #tab1 .plus-sign{
6736 height: 17px;
6737 margin-right: 7px;
6738 }
6739 .ays-poll-form #tab1 tr.ays-answer-row td{
6740 background-color: white;
6741 }
6742 .ays-poll-form #tab1 table.ays-answers-table thead th{
6743 background: #F3F4F5;
6744 color: black;
6745 }
6746
6747
6748 .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(1),
6749 .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(2){
6750 border-right: 1px solid rgba(0, 0, 0, 0.06);
6751 }
6752 .ays-poll-form #tab1 table.ays-answers-table td{
6753 border:none;
6754 padding:0px;
6755 }
6756 .ays-poll-form .ays-text-input{
6757 border-color:rgba(0, 0, 0, 0.25);
6758 }
6759
6760 /* pics */
6761
6762 .ays-poll-form #tab1 .ays-poll-answer-image-container img {
6763 min-width: 60px;
6764 min-height: 60px;
6765 width: 60px;
6766 height: 60px;
6767 }
6768
6769 .ays-poll-form #tab1 .ays-poll-answer-image-container{
6770 width: 60px;
6771 height: 60px;
6772 margin:5px auto;
6773 }
6774
6775 @media screen and (max-width: 768px) {
6776 .ays-poll-answer-image-container {
6777 width: 48px;
6778 }
6779
6780 .ays-poll-answer-image-container img {
6781 min-width: 48px;
6782 }
6783 }
6784
6785 .ays-all-container{
6786 background-color: #F3F4F5;
6787 padding: 10px 0px !important;
6788 margin-left: 0px !important;
6789 margin-right: 0px !important;
6790 }
6791 body.toplevel_page_poll-maker-ays .ays-top-menu{
6792 background-color: #F3F4F5;
6793 }
6794 .ays-all-sub-container{
6795 width: 90%;
6796 margin:auto;
6797 }
6798 .ays-poll-tab-content{
6799 background-color: white !important;
6800 padding:12px 24px;
6801 border-radius:15px;
6802 margin-top:20px;
6803 }
6804 .bottom-buttons-container{
6805 display: flex;
6806 /* align-items: flex-end; */
6807 /* flex-direction: column; */
6808 justify-content: flex-end;
6809 padding-top:20px;
6810 }
6811
6812 body.toplevel_page_poll-maker-ays input[type=checkbox]{
6813 accent-color: #005AE0;
6814 }
6815
6816 @media screen and (min-width: 782px){
6817 .unset-padding-left{
6818 padding-left: 0px;
6819 }
6820 }
6821
6822 .ays-bottom-menu-buttons{
6823 max-height: 30px !important;
6824 min-height: 30px !important;
6825 display: inline-block;
6826 text-decoration: none;
6827 font-size: 13px;
6828 line-height: 2.15384615;
6829 margin-top: 4px !important;
6830 padding: 0 10px;
6831 cursor: pointer;
6832 border-width: 1px;
6833 border-style: solid;
6834 -webkit-appearance: none;
6835 border-radius: 3px;
6836 white-space: nowrap;
6837 box-sizing: border-box;
6838 }
6839 .ays-poll-form .ays-loader-img{
6840 width: 16px;
6841 height: 16px;
6842 }
6843 .ays_save_buttons_box_for_mobile{
6844 display: flex;
6845 }
6846
6847 .add-answer-image-icon{
6848 display: inline-block;
6849 background: url(../images/icons/add-img-icon.svg) no-repeat center center/80% rgba(255,255,255, 0);
6850 width:24px;
6851 height: 24px;
6852 margin:18px auto;
6853
6854 }
6855 .add-answer-image-icon:hover{
6856 background: url(../images/icons/add-img-icon-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6857 cursor: pointer;
6858 }
6859
6860 label.ays-label[for="ays-answer"]{
6861 margin-bottom:0px;
6862 }
6863 a.ays-delete-answer{
6864 display: inline-block;
6865 background: url(../images/icons/trash.svg) no-repeat center center/80% rgba(255,255,255, 0);
6866 width:24px;
6867 height: 24px;
6868 margin:18px auto;
6869 }
6870 a.ays-delete-answer:hover{
6871 background: url(../images/icons/trash-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6872 cursor: pointer;
6873 }
6874 .ays_poll_move_arrows{
6875 display: inline-block;
6876 width: 26px;
6877 height: 26px;
6878 background: url(../images/icons/move-arrows.svg) no-repeat center center/80% rgba(255,255,255, 0);
6879 }
6880 .ays_poll_move_arrows:hover{
6881 background: url(../images/icons/move-arrows-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6882 }
6883 .ays-poll-form #tab1 thead tr.ui-state-default th:first-child:hover{
6884 cursor: unset;
6885 }
6886 /*Dashboard Redesign End*/
6887
6888 /* Preview Popup new design | Start */
6889
6890 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup {
6891 padding: 27px 10px;
6892 border-radius: 10px;
6893 }
6894
6895 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-title {
6896 color: #000;
6897 }
6898
6899 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #swal2-content {
6900 max-width: 80%;
6901 margin: 0 auto;
6902 }
6903
6904 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel {
6905 background-color: #fff;
6906 color: #007DCB;
6907 padding: 0;
6908 border: 1px solid #007DCB;
6909 border-radius: 6px;
6910 }
6911
6912 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel a {
6913 display: flex;
6914 justify-content: center;
6915 align-items: center;
6916 gap: 6px;
6917 padding: .625em .75em;
6918 text-decoration: none;
6919 color: #007DCB;
6920 min-width: 152px;
6921 }
6922
6923 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-created-row {
6924 font-style: normal;
6925 font-weight: 400;
6926 font-size: 14px;
6927 line-height: 16px;
6928 text-align: center;
6929 color: #000000;
6930 }
6931
6932 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-content-text-row {
6933 font-style: normal;
6934 font-weight: 400;
6935 font-size: 14px;
6936 line-height: 16px;
6937 text-align: center;
6938 color: #6F6F6F;
6939 }
6940
6941 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #ays-poll-create-new {
6942 border: 1px solid #000000;
6943 border-radius: 6px;
6944 color: #000000;
6945 }
6946
6947 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm {
6948 min-width: 152px;
6949 background-color: #007DCB;
6950 border-radius: 6px;
6951 border: 1px solid transparent;
6952 }
6953
6954 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm:hover {
6955 background-color: #29A6F4;
6956 }
6957
6958 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-close:hover {
6959 color: #979797;
6960 }
6961
6962 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-actions {
6963 flex-direction: row-reverse;
6964 }
6965
6966 /* Preview Popup new design | End */
6967
6968
6969 /* Poll Top Banner Coupon Button | Start */
6970
6971 .ays-poll-coupon-container .ays-poll-coupon-box {
6972 display: flex;
6973 align-items: center;
6974 border: 2px dashed #000;
6975 text-decoration: none;
6976 font-size: 13px;
6977 font-weight: 700;
6978 /*color: #0B328E;*/
6979 padding: 5px 15px;
6980 border-radius: 20px;
6981 color: #000;
6982 background-color: #f9dc6c;
6983 cursor: pointer;
6984 }
6985
6986 .ays-poll-logo-container-upgrade span.ays-poll-logo-container-one-time-text{
6987 font-size: 10px;
6988 font-style: normal;
6989 font-weight: 600;
6990 line-height: normal;
6991 }
6992
6993 .ays-poll-coupon-container {
6994 margin-left: 25px;
6995 display: flex;
6996 justify-content: center;
6997 align-items: center;
6998 flex-direction: column;
6999 }
7000
7001 .ays-poll-coupon-container .ays-poll-coupon-box span {
7002 margin-left: 5px;
7003 }
7004
7005 .ays-poll-coupon-container .ays-poll-coupon-box img {
7006 width: 10px;
7007 }
7008
7009 .ays-coupon-container .ays-poll-coupon-box img {
7010 width: 8px;
7011 }
7012
7013 .ays-poll-coupon-container .ays-poll-coupon-box:hover {
7014 color: #000;
7015 background-color: #f1c51b;
7016 }
7017
7018 .ays-poll-coupon-container .ays-poll-coupon-box:focus {
7019 box-shadow: unset;
7020 }
7021
7022 .ays-poll-coupon-container .ays-poll-coupon-box:hover .ays-poll-svg-light-hover{
7023 display: flex;
7024 }
7025
7026 @media screen and (max-width: 425px){
7027
7028
7029 .ays-poll-coupon-container .ays-poll-coupon-box span {
7030 font-size: 12px;
7031 }
7032 .ays-poll-coupon-container {
7033 margin-left: 5px;
7034 }
7035 }
7036 /* Poll Top Banner Coupon Button | End */
7037
7038 @media screen and (max-width: 400px) {
7039
7040 .ays-notice-banner .modile-ddmenu-sm, .ays-notice-banner .modile-ddmenu-md{
7041 width: fit-content;
7042 }
7043 }
7044
7045 @media screen and (max-width: 1600px) and (min-width:769px) {
7046 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu {
7047 flex-direction:column-reverse;
7048 align-items: flex-end
7049 }
7050
7051 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
7052 width: 100%;
7053 }
7054 }