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

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

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