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

7,475 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 width: 250px !important;
4942 }
4943
4944 form#ays-poll-form div.ays-poll-maker-text-live-preview{
4945 padding: 0 10px;
4946 }
4947
4948 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live,
4949 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{
4950 background-color: #f3f5f7;
4951 transition: .5s;
4952 }
4953
4954 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live{
4955 min-height: 120px;
4956 width: 100%;
4957 padding: 16px 0px 16px 16px;
4958 overflow: hidden;
4959 resize: none;
4960 border: 0;
4961 border-radius: 4px 4px 0 0;
4962 box-shadow: unset;
4963 outline: none;
4964 }
4965
4966 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live{
4967 /* width: 60%; */
4968 height: 40px;
4969 resize: none;
4970 border: 0;
4971 border-radius: 4px 4px 0 0;
4972 box-shadow: unset;
4973 outline: none;
4974 }
4975
4976 form#ays-poll-form div.ays-poll-maker-text-live-preview input#ays_poll_text_type_short_live:hover{
4977 background-color: #d8d8d8;
4978 }
4979
4980 form#ays-poll-form div.ays-poll-maker-text-live-preview textarea#ays_poll_text_type_paragraph_live:hover{
4981 background-color: #d8d8d8;
4982 }
4983
4984 div#wpbody div.wrap div.ays-poll-maker-htu-header{
4985 text-align: center;
4986 clear: both;
4987 }
4988
4989 div#wpbody div.wrap div.ays-poll-maker-op-header{
4990 text-align: center;
4991 }
4992
4993 form#ays-poll-form .ays-poll-tab-content .wp-picker-container .iris-strip.iris-slider.iris-alpha-slider{
4994 margin-left: 7.8125px !important;
4995 }
4996
4997 .ays-poll-tabs-wrapper #tab4 blockquote span.ays-poll-blockquote-span {
4998 font-weight: 600;
4999 font-style: italic;
5000 margin: 0;
5001 }
5002
5003 form#ays-poll-form select.ays_poll_select_short{
5004 width: 70px;
5005 }
5006
5007 form#ays-poll-form #ays_poll_text_type_width,form#ays-poll-form #ays_poll_text_type_placeholder{
5008 width: 100%;
5009 height: 40px;
5010 }
5011
5012 form#ays-poll-form #ays_poll_question_image_object_fit{
5013 width: 250px;
5014 }
5015
5016 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables th#polls,
5017 #poststuff .metabox-holder.ays-poll-maker-categories-list-tables td.polls.column-polls{
5018 text-align: center;
5019 }
5020 /* Poll Responsive tabs start */
5021 div.ays-top-menu-wrapper {
5022 position: relative;
5023 display: flex;
5024 align-items: center;
5025 }
5026 .ays_menu_left,
5027 .ays_menu_right {
5028 position: absolute;
5029 cursor: pointer;
5030 font-size: 16px;
5031 height: 80%;
5032 display: none;
5033 align-items: center;
5034 bottom: 0;
5035 z-index: 3;
5036 }
5037 .ays_menu_left {
5038 left: -10px;
5039 padding-right: 20px;
5040 padding-left: 2px;
5041 }
5042 .ays_menu_right {
5043 right: -10px;
5044 padding-left: 20px;
5045 padding-right: 2px;
5046 }
5047 .ays_menu_left:hover {
5048 background-image: linear-gradient(to right, #000 , transparent);
5049 color: #ccc;
5050 border-radius: 50% 0 0 50%;
5051 }
5052 .ays_menu_right:hover {
5053 background-image: linear-gradient(to left, #000 , transparent);
5054 color: #ccc;
5055 border-radius: 0 50% 50% 0;
5056 }
5057 div.ays-top-menu-wrapper div.ays-top-menu {
5058 overflow: hidden;
5059 width: 100%;
5060 margin: auto;
5061 }
5062 div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
5063 display: flex;
5064 flex-wrap: nowrap;
5065 transform: translate(0);
5066 transition: .5s ease-in-out;
5067 padding-right: 7px;
5068 padding-left: 0;
5069 background: revert;
5070 padding-bottom: 0;
5071 }
5072 /* Poll Responsive tabs end */
5073
5074 form#ays-poll-general-settings-form .ays-poll-message-variables-inputs{
5075 font-size: 16px;
5076 height: 40px;
5077 border-radius: 4px;
5078 margin-top: 2px;
5079 width: 350px;
5080 }
5081
5082 .form-group.row.ays-poll-button-box .ays-poll-button-first-row,
5083 .form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5084 padding: 0;
5085 }
5086
5087 .form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5088 position: relative;
5089 display: flex;
5090 justify-content: center;
5091 }
5092
5093 .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-button {
5094 z-index: 9999;
5095 }
5096
5097 .form-group.row.ays-poll-button-box .ays-poll-button-second-row .ays-poll-category-prev-button {
5098 margin-right: 10px;
5099 }
5100
5101 .form-group.row.ays-poll-button-box .button.ays_default_btn {
5102 opacity: 1;
5103 }
5104
5105 @media screen and (max-width: 640px){
5106 div.form-group.row.ays-poll-button-box .ays-poll-button-second-row {
5107 justify-content: flex-start;
5108 margin-top: 10px;
5109 }
5110 }
5111
5112 @media screen and (max-width: 575px){
5113 .ays_divider_right{
5114 border: none;
5115 }
5116
5117 .ays_poll_hidden_block_content.ays_divider_left {
5118 border-left: none;
5119 }
5120
5121 .col-sm-9.ays_option_with_default_measurement_unit {
5122 padding-left: 0;
5123 }
5124 }
5125
5126 @media screen and (max-width: 425px){
5127 .ays_divider_right{
5128 border: none;
5129 }
5130
5131 #ays-poll-maker-countdown-main-container li {
5132 padding: 14px 8px;
5133 }
5134
5135 #ays-poll-maker-countdown-main-container li span {
5136 min-width: 50px;
5137 min-height: 50px;
5138 font-size: 30px;
5139 }
5140 div.if-choosing div.form-group.row {
5141 flex-wrap: nowrap;
5142 }
5143
5144 }
5145 .ays-poll-new-watch-video-button-box,
5146 .ays-poll-new-upgrade-button-box {
5147 top: -25px;
5148 }
5149 }
5150
5151 .ays-poll-heading-box {
5152 float: right;
5153 margin-top: 10px;
5154 }
5155
5156 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
5157 display: inline-block;
5158 width: auto;
5159 min-width: 80px;
5160 padding: 5px 14px;
5161 font: 500 12px/16px "Roboto",Arial,sans-serif;
5162 letter-spacing: -.25px;
5163 text-transform: capitalize;
5164 border-color: #ddd;
5165 background-color: transparent;
5166 color: #888;
5167 cursor: pointer;
5168 margin: 0;
5169 border: 2px solid transparent;
5170 border-radius: 4px;
5171 text-decoration: underline;
5172 text-align: center;
5173 -webkit-transition: all 0.3s ease;
5174 transition: all 0.3s ease;
5175 }
5176
5177 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:hover {
5178 color: #666;
5179 }
5180
5181 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a:focus {
5182 /*box-shadow: 0 0 0 1px #ddd, 0 0 2px 1px #f1f1f1;*/
5183 box-shadow: unset;
5184 outline: unset;
5185 }
5186
5187 .ays-poll-heading-box .ays-poll-wordpress-user-manual-box a {
5188 padding: 5px 0px;
5189 font-style: italic;
5190 }
5191
5192 /* Our products (new design)*/
5193
5194 .ays-poll-cards-block {
5195 display: flex;
5196 flex-wrap: wrap;
5197 justify-content: space-between;
5198 align-items: center;
5199 margin: 38px 0 2px;
5200 align-items: stretch;
5201 }
5202
5203 .ays-poll-card__text-hidden {
5204 display: none;
5205 }
5206
5207 .ays-poll-card {
5208 width: 32%;
5209 margin-bottom: 65px;
5210 background-color: #fff;
5211 display: flex;
5212 flex-direction: column;
5213 justify-content: space-between;
5214 border-radius: 2px;
5215 }
5216
5217 .ays-poll-card__content {
5218 display: flex;
5219 justify-content: space-between;
5220 background-color: #fff;
5221 padding: 25px 12px 8px 19px;
5222 min-height: 140px;
5223 flex: 1 0 auto;
5224 }
5225
5226 .ays-poll-card__content-img-box {
5227 margin-right: 14px;
5228 }
5229
5230 .ays-poll-card__img {
5231 width: 85px;
5232 height: 85px;
5233 border-radius: 9px;
5234 }
5235
5236 .ays-poll-card__title {
5237 font-style: normal;
5238 margin-bottom: 12px;
5239 font-weight: 600;
5240 font-size: 22px;
5241 line-height: 24px;
5242 color: #18191f;
5243 }
5244
5245 .ays-poll-card__text {
5246 font-style: normal;
5247 font-weight: 400;
5248 font-size: 14px;
5249 line-height: 20px;
5250 color: #4c4d54;
5251 }
5252
5253 .ays-poll-card__footer {
5254 background-color: #f7f7f7;
5255 padding: 25px 20px;
5256 }
5257
5258 .ays-poll-card__btn-info {
5259 display: inline-block;
5260 color: #2b74b9;
5261 border: 1px solid #2b74b9;
5262 padding: 10px 16px;
5263 background-color: #fff;
5264 font-weight: 500;
5265 font-size: 14px;
5266 line-height: 14px;
5267 border-radius: 2px;
5268 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;
5269 margin-right: 10px;
5270 cursor: pointer;
5271 }
5272
5273 .ays-poll-card__btn-primary {
5274 display: inline-block;
5275 color: #ffffff;
5276 border: 1px solid transparent;
5277 padding: 10px 16px;
5278 background-color: #2b74b9;
5279 font-weight: 500;
5280 font-size: 14px;
5281 line-height: 14px;
5282 border-radius: 2px;
5283 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
5284 }
5285
5286 .ays-poll-card__btn-info:hover {
5287 text-decoration: none;
5288 background-color: #cdc8c81a;
5289 border: 1px solid #0e63b3;
5290 }
5291
5292 .ays-poll-card__btn-primary:hover {
5293 text-decoration: none;
5294 background-color: #0067c9;
5295 color: #ffffff;
5296 }
5297
5298 #ays-poll-intro-title {
5299 font-size: 38px;
5300 font-weight: 600;
5301 margin: 30px 0;
5302 width: 50%;
5303 }
5304
5305 .flexible {
5306 flex-grow: 1;
5307 }
5308
5309 .ays-poll-see-all {
5310 text-align: center;
5311 }
5312
5313 .ays-poll-all-btn {
5314 background: #2b74b9;
5315 padding: 10px 18px;
5316 display: block;
5317 max-width: 240px;
5318 color: #fff;
5319 text-align: center;
5320 margin: 20px auto 30px;
5321 box-shadow: -1px 4px 8px 1px rgb(76 151 222 / 15%), 3px 4px 29px rgb(110 177 240 / 40%);
5322 border-radius: 2px;
5323 font-weight: 600;
5324 font-size: 20px;
5325 line-height: 28px;
5326 position: relative;
5327 text-transform: capitalize;
5328 transition: background-color 0.3s ease-in-out, text-decoration 0.3s ease-in-out, color 0.3s ease-in-out;
5329 }
5330
5331 .ays-poll-card__btn-primary:visited,
5332 .ays-poll-all-btn:visited {
5333 color: #fff;
5334 }
5335
5336 .ays-poll-all-btn:hover {
5337 text-decoration: none;
5338 background-color: #0067c9;
5339 color: #ffffff;
5340 }
5341
5342 .ays-poll-all-btn:before {
5343 content: "";
5344 top: 50%;
5345 right: 112%;
5346 width: 100%;
5347 height: 1px;
5348 background-color: #dfdfdf;
5349 position: absolute;
5350 pointer-events: none;
5351 }
5352
5353 .ays-poll-all-btn:after {
5354 content: "";
5355 top: 50%;
5356 left: 112%;
5357 width: 100%;
5358 height: 1px;
5359 background-color: #dfdfdf;
5360 position: absolute;
5361 pointer-events: none;
5362 }
5363
5364 /* Our products Media Queries*/
5365 /* max-width */
5366 @media screen and (max-width: 1160px) {
5367 .ays-poll-all-btn:before {
5368 width: 60%;
5369 }
5370
5371 .ays-poll-all-btn:after {
5372 width: 60%;
5373 }
5374 }
5375
5376 @media screen and (max-width: 1096px) {
5377 .ays-poll-card {
5378 width: 47%;
5379 }
5380
5381 #ays-poll-intro-title {
5382 font-size: 33px;
5383 width: 67%;
5384 }
5385
5386 .ays-poll-card__img {
5387 width: 93px;
5388 height: 93px;
5389 }
5390
5391 .ays-poll-card__content {
5392 min-height: 140px;
5393 }
5394
5395 .ays-poll-card__text {
5396 font-size: 15px;
5397 }
5398
5399 .ays-poll-card__footer {
5400 padding: 25px 15px;
5401 }
5402 }
5403
5404 @media screen and (max-width: 992px) {
5405 .ays-poll-card__text {
5406 font-size: 16px;
5407 }
5408 }
5409
5410 @media screen and (max-width: 786px) {
5411 .ays-poll-card {
5412 width: 48%;
5413 }
5414
5415 #ays-poll-intro-title {
5416 font-size: 33px;
5417 width: 85%;
5418 }
5419 }
5420
5421 @media screen and (max-width: 662px) {
5422 .ays-poll-card {
5423 width: 74%;
5424 margin-left: auto;
5425 margin-right: auto;
5426 }
5427
5428 .ays-poll-card__title {
5429 font-size: 24px;
5430 }
5431
5432 .ays-poll-card__text {
5433 font-size: 18px;
5434 line-height: 24px;
5435 }
5436
5437 .ays-poll-card {
5438 min-height: 220px;
5439 }
5440
5441 .ays-poll-card__footer {
5442 padding: 25px 14px;
5443 }
5444
5445 .ays-poll-all-btn:before {
5446 width: 40%;
5447 }
5448 .ays-poll-all-btn:after {
5449 width: 40%;
5450 }
5451
5452 .ays-poll-card {
5453 margin-bottom: 50px;
5454 }
5455 }
5456
5457 @media screen and (max-width: 574px) {
5458 .ays-poll-card {
5459 width: 78%;
5460 }
5461
5462 .ays-poll-card__btn-info {
5463 padding: 10px 18px;
5464 font-size: 15px;
5465 }
5466
5467 .ays-poll-card__btn-primary {
5468 padding: 10px 18px;
5469 font-size: 15px;
5470 }
5471
5472 .ays-poll-all-btn {
5473 padding: 7px 14px;
5474 max-width: 210px;
5475 font-size: 19px;
5476 margin: 8px auto 10px;
5477 }
5478
5479 .ays-poll-card__footer {
5480 padding: 25px 14px;
5481 }
5482
5483 .ays-poll-all-btn:before {
5484 display: none;
5485 }
5486
5487 .ays-poll-all-btn:after {
5488 display: none;
5489 }
5490
5491 #ays-poll-intro-title {
5492 font-size: 30px;
5493 width: 98%;
5494 }
5495 }
5496
5497 @media screen and (max-width: 520px) {
5498 .ays-poll-card {
5499 width: 85%;
5500 }
5501 .ays-poll-card__title {
5502 font-size: 22px;
5503 }
5504 }
5505
5506 @media screen and (max-width: 375px) {
5507 .ays-poll-card {
5508 width: 94%;
5509 }
5510
5511 .ays-poll-card__text {
5512 font-size: 16px;
5513 line-height: 23px;
5514 }
5515
5516 #ays-poll-intro-title {
5517 font-size: 28px;
5518 width: 100%;
5519 }
5520
5521 .ays-poll-all-btn {
5522 padding: 5px 12px;
5523 max-width: 185px;
5524 font-size: 17px;
5525 margin: 8px auto 30px;
5526 }
5527
5528 .ays-poll-card__content {
5529 display: flex;
5530 justify-content: space-between;
5531 background-color: #fff;
5532 padding: 18px 11px 5px 18px;
5533 min-height: 140px;
5534 flex: 1 0 auto;
5535 }
5536 }
5537
5538 /* min-width */
5539 @media screen and (min-width: 1440px) {
5540 .ays-poll-card__title {
5541 font-size: 24px;
5542 }
5543
5544 .ays-poll-card__img {
5545 width: 93px;
5546 height: 93px;
5547 }
5548
5549 .ays-poll-card__text {
5550 font-size: 17px;
5551 }
5552
5553 .ays-poll-card__btn-info {
5554 padding: 10px 17px;
5555 }
5556
5557 .ays-poll-card__btn-primary {
5558 padding: 10px 17px;
5559 }
5560
5561 .ays-poll-card__btn-info {
5562 font-size: 16px;
5563 }
5564
5565 .ays-poll-card__btn-primary {
5566 font-size: 16px;
5567 }
5568
5569 .ays-poll-card__text {
5570 font-size: 16px;
5571 }
5572
5573 .ays-poll-card__title {
5574 font-size: 24px;
5575 }
5576
5577 .ays-poll-card__content {
5578 padding: 20px 20px 8px 22px;
5579 }
5580
5581 #ays-poll-intro-title {
5582 font-size: 42px;
5583 font-weight: 600;
5584 margin: 30px 0;
5585 width: 50%;
5586 }
5587
5588 .ays-poll-card__footer {
5589 padding: 22px 24px;
5590 }
5591 }
5592
5593 @media screen and (min-width: 1820px) {
5594 .ays-poll-card__text-hidden {
5595 display: inline;
5596 }
5597
5598 #ays-poll-intro-title {
5599 width: 32%;
5600 }
5601
5602 .ays-poll-card__text {
5603 font-size: 14px;
5604 }
5605
5606 .ays-poll-card__title {
5607 font-size: 18px;
5608 }
5609 }
5610
5611 @media screen and (min-width: 1820px) {
5612 #ays-poll-intro-title {
5613 width: 36%;
5614 }
5615 }
5616
5617 /* Community */
5618 @media (min-width: 1250px) {
5619 .ays-poll-community-wrap .ays-poll-community-item {
5620 width:calc(28.3333333% - 13.3333333px)
5621 }
5622
5623 .ays-poll-community-wrap .ays-poll-community-item:nth-child(3n) {
5624 margin-right: 0
5625 }
5626 }
5627
5628 @media (max-width: 1249px) {
5629 .ays-poll-community-wrap .ays-poll-community-item {
5630 width:calc(50% - 10px)
5631 }
5632
5633 .ays-poll-community-wrap .ays-poll-community-item:nth-child(2n) {
5634 margin-right: 0
5635 }
5636 }
5637
5638 @media (max-width: 767px) {
5639 div.ays-poll-community-wrap .ays-poll-community-item {
5640 width:100%;
5641 margin-right: 0
5642 }
5643
5644 div.ays-poll-community-youtube-video iframe {
5645 width: 100%;
5646 }
5647 }
5648
5649 .ays-poll-community-wrap {
5650 text-align: center;
5651 width: 95%;
5652 margin: auto;
5653 margin-bottom: 60px;
5654 }
5655
5656 .ays-poll-community-wrap *,
5657 .ays-poll-community-wrap *::before,
5658 .ays-poll-community-wrap *::after {
5659 -webkit-box-sizing: border-box;
5660 -moz-box-sizing: border-box;
5661 box-sizing: border-box;
5662 }
5663
5664 .ays-poll-community-wrap .ays-poll-community-container {
5665 display: flex;
5666 flex-wrap: wrap;
5667 justify-content: center;
5668 margin: 20px;
5669 margin-top: 40px;
5670 }
5671
5672 .ays-poll-community-wrap .ays-poll-community-item {
5673 /*border: 1px solid #DDDDDD;*/
5674 margin: 0 20px 20px 0;
5675 background-color: #FAF8F8;
5676 position: relative;
5677 box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8;
5678 border-radius: 2px;
5679 }
5680
5681 .ays-poll-community-wrap .ays-poll-community-item-cover {
5682 width: 100%;
5683 height: 120px;
5684 position: relative;
5685 display: block
5686 }
5687
5688 .ays-poll-community-wrap .ays-poll-community-item-img {
5689 width: auto;
5690 height: auto;
5691 max-width: 80px;
5692 max-height: 80px;
5693 position: absolute;
5694 top: 0;
5695 bottom: 0;
5696 left: 0;
5697 right: 0;
5698 margin: auto;
5699 font-size: 70px;
5700 line-height: 80px;
5701 }
5702
5703 .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_youtube_play {
5704 color: #B74141;
5705 }
5706
5707 .ays-poll-community-wrap .ays-poll-community-item-img.ays_fa_users {
5708 color: #E78A2C;
5709 }
5710
5711 .ays-poll-community-wrap .ays-poll-community-item-title {
5712 margin: 17px 20px 10px 20px;
5713 font-size: 16px
5714 }
5715
5716 .ays-poll-community-wrap .ays-poll-community-item-desc {
5717 margin: 0 20px 100px 20px;
5718 font-size: 14px
5719 }
5720
5721 .ays-poll-community-wrap .ays-poll-community-item-footer {
5722 position: absolute;
5723 width: 100%;
5724 bottom: 0;
5725 padding: 20px;
5726 /*border-top: 1px solid #dddddd;
5727 background-color: #F7F7F7*/
5728 }
5729
5730 .ays-poll-community-wrap .button {
5731 display: inline-block;
5732 width: 150px;
5733 background-color: #FAF8F8;
5734 color: #1C75A6;
5735 font-weight: bold;
5736 border: 1px solid #0e6897;
5737 padding: 3px 34px;
5738 height: auto;
5739 /*line-height: 13px;*/
5740 /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/
5741 transition: 0.5s;
5742 }
5743
5744 .ays-poll-community-wrap .button:hover {
5745 background: #008ec2;
5746 border-color: #006799;
5747 color: #fff;
5748 }
5749
5750 .ays_poll_type_image_div .ays_poll_type_link {
5751 display: flex;
5752 align-items: center;
5753 justify-content: center;
5754 }
5755
5756 .ays_poll_type_image_div .ays_poll_type_link a {
5757 font-size: 12px;
5758 }
5759
5760 .ays_poll_type_image_div .ays_poll_type_label_div {
5761 display: flex;
5762 align-items: center;
5763 justify-content: center;
5764 }
5765
5766
5767 /* CUSTOM FIELDS VIDEO */
5768 .ays-poll-how-to-user-custom-fields-box{
5769 display: flex;
5770 justify-content: center;
5771 align-items: center;
5772 flex-direction: column;
5773 margin-bottom: 10px;
5774 }
5775 /**/
5776
5777 /* div.wrap h1.wp-heading-inline .ays-poll-add-new-button,
5778 div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button,
5779 .ays-notice-banner .ays-poll-add-new-button{
5780 background-color: #08A9BE;
5781 padding: 10px 20px;
5782 border: 1px solid #08A9BE;
5783 color: #ffffff;
5784 border-radius: 5px;
5785 font-size: 13px;
5786 font-weight: 500;
5787 }
5788
5789 div.wrap h1.wp-heading-inline .ays-poll-add-new-button:hover,
5790 div.wrap h1.wp-heading-inline .ays-poll-add-new-cat-button:hover {
5791 text-decoration: underline;
5792 } */
5793 .ays-poll-add-new-button, .ays-poll-add-new-cat-button {
5794 margin: 0 10px !important;
5795 }
5796
5797 .ays-poll-create-poll-video-box{
5798 display: flex;
5799 justify-content: center;
5800 align-items: center;
5801 flex-direction: column;
5802 margin-bottom: 10px;
5803 }
5804
5805 .ays-poll-create-poll-youtube-video-button-box{
5806 margin: 0px;
5807 }
5808
5809 .ays-poll-create-poll-youtube-video-button-box.create-poll-youtube-video-bottom{
5810 margin: 80px 0 10px;
5811 }
5812
5813 .ays-poll-create-poll-youtube-video {
5814 margin: 10px auto;
5815 }
5816
5817 .ays-poll-youtube-placeholder {
5818 position: relative;
5819 cursor: pointer;
5820 max-width: 100%;
5821 width: 560px;
5822 height: 315px;
5823 margin: 0 auto;
5824 }
5825
5826 .ays-poll-create-poll-youtube-video iframe {
5827 max-width: 100%;
5828 }
5829
5830 .ays-poll-youtube-placeholder img {
5831 display: block;
5832 width: 100%;
5833 height: 100%;
5834 object-fit: contain;
5835 }
5836
5837 @media screen and (max-width: 768px) {
5838 div.ays-poll-youtube-placeholder {
5839 width: 100%;
5840 height: auto;
5841 }
5842 }
5843
5844 .ays-poll-add-new-button-video{
5845 background-color: #08A9BE;
5846 color: #fff !important;
5847 outline: none;
5848 border-radius: 5px;
5849 box-shadow: unset;
5850 padding: 10px 20px;
5851 border: 1px solid #08A9BE;
5852 display: inline-block;
5853 font-size: 13px;
5854 font-weight: 500;
5855 }
5856
5857 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design {
5858 background: #2275EA;
5859 border-color: #2275EA;
5860 border-radius: 8px;
5861 padding: 5px 27px;
5862 color:white;
5863 }
5864
5865 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:hover {
5866 background: #0f34e7;
5867 color:white;
5868 }
5869
5870 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design:active {
5871 padding: 5px 27px;
5872 line-height: 28px;
5873 }
5874
5875 .wrap.ays-poll-list-table .ays-poll-add-new-button-new-design img {
5876 width: 10px;
5877 margin-top: -2px;
5878 margin-right: 5px;
5879 }
5880
5881 .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design {
5882 padding: 10px 30px;
5883 }
5884
5885 .wrap.ays-poll-list-table .ays-poll-create-poll-youtube-video-button-box .ays-poll-add-new-button-new-design:hover {
5886 padding: 10px 30px;
5887 text-decoration: unset;
5888 }
5889
5890 div.ays_save_default_button_box .ays-poll-next-prev-button-class{
5891 background-color: #005AE0;
5892 max-height: 30px;
5893 min-height: 30px;
5894 display: inline-block;
5895 text-decoration: none;
5896 font-size: 13px;
5897 line-height: 2.15384615;
5898 margin: 4px;
5899 margin-top: 0px;
5900 padding: 0 10px;
5901 cursor: pointer;
5902 border-width: 1px;
5903 border-style: solid;
5904 -webkit-appearance: none;
5905 border-radius: 3px;
5906 white-space: nowrap;
5907 box-sizing: border-box;
5908 }
5909 div.ays_save_default_button_box .ays-poll-next-prev-button-class:hover{
5910 background-color: #004CBD;
5911 }
5912 .ays_save_default_button_box{
5913 padding-top: 4px;
5914 }
5915 div.ays_save_default_button_box .ays-poll-prev-poll-button, .ays_poll_next_poll_button{
5916 /* opacity: 0.8; */
5917 }
5918
5919 div.ays-poll-answers-redirect-alignment {
5920 height: 55px;
5921 align-items: center;
5922 }
5923
5924 #tab5 span.ays-poll-small-hint-fields-placeholders {
5925 display: none;
5926 }
5927
5928 #tab6 span.ays-poll-message-variables-hint-text {
5929 font-size: 18px;
5930 }
5931
5932 #tab6.ays-poll-message-variables-text-divider-for-mobile {
5933 display: none;
5934 }
5935
5936 div.ays-poll-export-import-box {
5937 display: flex;
5938 justify-content: flex-end;
5939 padding-right: 5px;
5940 }
5941
5942 a.ays-poll-crown-img-container img {
5943 width: 18px;
5944 }
5945
5946 a.ays_save_default_button_box {
5947 padding-right: 90px;
5948 }
5949
5950 @media screen and (max-width: 782px) {
5951 .ays-poll-youtube-video-responsive {
5952 max-width: 100%;
5953 }
5954
5955 #tab5 span.ays-poll-small-hint-fields-placeholders {
5956 display: block;
5957 }
5958
5959 #tab5 span.ays-poll-title-fields-placeholders {
5960 display: none;
5961 }
5962
5963 #tab6 span.ays-poll-message-variables-text-divider {
5964 display: none
5965 }
5966
5967 #tab6 p.vmessage {
5968 margin-bottom: 30px;
5969 }
5970
5971 form#ays-poll-general-settings-form .ays-poll-message-variables-inputs {
5972 width: 100%
5973 }
5974
5975 #tab6.ays-poll-message-variables-text-divider-for-mobile {
5976 display: block;
5977 }
5978
5979 #tab6 span.ays-poll-message-variables-hint-text {
5980 font-size: 14px;
5981 }
5982
5983 div.ays-poll-crown-img-container {
5984 right: 15px;
5985 }
5986
5987 div.ays_save_default_button_box {
5988 padding-right: 0;
5989 }
5990 }
5991
5992 .ays-poll-dropdown-select-width-250 {
5993 width: 250px;
5994 }
5995
5996 /*Redirect to another poll from polls edit page select start*/
5997
5998 .ays-poll-subtitle-main-box{
5999 position: relative;
6000 }
6001
6002 .ays-poll-polls-data{
6003 position: absolute;
6004 top: 27px;
6005 max-height: 350px;
6006 overflow: auto scroll;
6007 z-index: 99999;
6008 background-color: #ffff;
6009 border-radius: 3px;
6010 border: 1px solid grey;
6011 width: 200px;
6012 display: none;
6013 }
6014
6015 .ays-poll-polls-data::-webkit-scrollbar {
6016 width: 0.2em;
6017 }
6018
6019 .ays-poll-polls-data::-webkit-scrollbar-track{
6020 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
6021 }
6022
6023 .ays-poll-polls-data::-webkit-scrollbar-thumb{
6024 background-color: darkgrey;
6025 outline: 1px solid slategrey;
6026 border-radius: 5px;
6027 }
6028
6029 .ays-poll-polls-data .ays-poll-polls-each-data{
6030 border-bottom: 1px solid #80808059;
6031 cursor: pointer;
6032 }
6033
6034 .ays-poll-polls-data .ays-poll-polls-each-data:hover{
6035 background-color: #E8F0FF;
6036 }
6037
6038 .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{
6039 background-color: #e1e1e1;
6040 }
6041
6042 .ays-poll-message-vars-each-data-label{
6043 display: block;
6044 margin: 0;
6045 }
6046
6047 .ays-poll-open-list {
6048 display: flex;
6049 }
6050
6051 .ays-poll-open-list > img.ays-poll-open-polls-list {
6052 margin-left: 20px;
6053 cursor: pointer;
6054 }
6055
6056 .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls{
6057 display: inline-block;
6058 color: unset;
6059 border: 0;
6060 outline: unset;
6061 box-shadow: unset;
6062 padding: 8px 0 8px 8px;
6063 width: 100%;
6064 cursor: pointer;
6065 }
6066
6067 .ays-poll-subtitle-main-box .ays-poll-polls-data .ays-poll-go-to-polls {
6068 text-decoration: none;
6069 }
6070
6071 /*Redirect to another poll from polls edit page select end*/
6072
6073 #bulk-action-selector-bottom, #bulk-action-selector-top,
6074 #bulk-action-selector-top-select-top, #bulk-action-selector-top-select-bottom {
6075 height: 30px;
6076 }
6077
6078 /* Select message vars galleries page | Start */
6079
6080 .ays-poll-message-vars-box{
6081 display: flex;
6082 justify-content: flex-end;
6083 flex-direction: column;
6084 align-items: flex-end;
6085 user-select: none;
6086 position: relative;
6087 }
6088
6089 .ays-poll-subtitle-main-box{
6090 position: relative;
6091 min-height: 27px;
6092 word-break: break-word;
6093 }
6094
6095 .ays-poll-message-vars-box .ays-poll-message-vars-icon{
6096 display: inline-flex;
6097 min-height: 34px;
6098 justify-content: center;
6099 align-items: center;
6100 gap: 8px;
6101 cursor: pointer;
6102 margin-bottom: 12px;
6103 padding: 6px 12px;
6104 color: #0f172a;
6105 background-color: #f8fafc;
6106 border: 1px solid #dbe3ef;
6107 border-radius: 6px;
6108 box-shadow: none;
6109 font-size: 13px;
6110 font-weight: 600;
6111 line-height: 1.4;
6112 transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
6113 }
6114
6115 .ays-poll-message-vars-box .ays-poll-message-vars-icon:hover,
6116 .ays-poll-message-vars-box.ays-poll-message-vars-open .ays-poll-message-vars-icon{
6117 background-color: #f1f5f9;
6118 border-color: #cbd5e1;
6119 }
6120
6121 .ays-poll-message-vars-box.ays-poll-message-vars-open .ays-poll-message-vars-icon{
6122 box-shadow: 0 0 0 2px rgba(148, 163, 184, .22);
6123 }
6124
6125 .ays-poll-message-vars-braces{
6126 color: #64748b;
6127 font-weight: 500;
6128 letter-spacing: 1px;
6129 }
6130
6131 .ays-poll-message-vars-chevron{
6132 width: 7px;
6133 height: 7px;
6134 border-right: 1.5px solid #64748b;
6135 border-bottom: 1.5px solid #64748b;
6136 transform: rotate(45deg);
6137 transition: transform .15s ease-in-out;
6138 margin-top: -3px;
6139 }
6140
6141 .ays-poll-message-vars-box.ays-poll-message-vars-open .ays-poll-message-vars-chevron{
6142 transform: rotate(225deg);
6143 margin-top: 3px;
6144 }
6145
6146 .ays-poll-message-vars-box .ays-poll-message-vars-icon span{
6147 font-size: 13px;
6148 margin-right: 5px;
6149 }
6150
6151 .ays-poll-message-vars-data{
6152 position: absolute;
6153 top: 46px;
6154 right: 0;
6155 max-height: 288px;
6156 overflow-x: hidden;
6157 overflow-y: auto;
6158 z-index: 99999;
6159 background-color: #fff;
6160 border: 1px solid #dbe3ef;
6161 border-radius: 6px;
6162 width: 256px;
6163 display: none;
6164 padding: 6px 0;
6165 box-shadow: 0 10px 24px -16px rgba(15, 23, 42, .55);
6166 }
6167
6168 .ays-poll-message-vars-data::-webkit-scrollbar{
6169 width: 0.35em;
6170 }
6171
6172 .ays-poll-message-vars-data::-webkit-scrollbar-track{
6173 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
6174 }
6175
6176 .ays-poll-message-vars-data::-webkit-scrollbar-thumb{
6177 background-color: #94a3b8;
6178 outline: 1px solid #94a3b8;
6179 border-radius: 5px;
6180 }
6181
6182 .ays-poll-message-vars-data .ays-poll-message-vars-each-data{
6183 border-bottom: 0;
6184 cursor: pointer;
6185 color: #0f172a;
6186 transition: background-color .15s ease-in-out, color .15s ease-in-out;
6187 }
6188
6189 .ays-poll-message-vars-data .ays-poll-message-vars-each-data{
6190 padding: 9px 12px;
6191 }
6192
6193 .ays-poll-message-vars-data .ays-poll-message-vars-each-data:hover {
6194 background-color: #f1f5f9;
6195 color: #0f172a;
6196 }
6197
6198 .ays-poll-message-vars-each-data-checker:checked + div.ays-poll-message-vars-each-data{
6199 background-color: #e1e1e1;
6200 }
6201
6202 .ays-poll-message-vars-each-data-label{
6203 display: block;
6204 margin: 0;
6205 }
6206
6207 @media only screen and (max-width: 768px) {
6208 div.ays-poll-sm-guarantee-container-sg {
6209 width: 100%;
6210 }
6211
6212 div.ays-poll-sm-guarantee-container-sg img {
6213 width: 140px;
6214 margin-right: 20px;
6215 }
6216
6217 div.ays-poll-sm-guarantee-container-sg h3 {
6218 font-size: 19px;
6219 }
6220
6221 div.ays-poll-sm-guarantee-container-sg p {
6222 font-size: 12px;
6223 }
6224
6225 div.wrap.ays-poll-features-wrap-box {
6226 margin: 0;
6227 }
6228
6229 div.comparison {
6230 padding: 0;
6231 }
6232 }
6233
6234
6235 div.ays_polls_list_table .heading_buttons_container {
6236 display: flex;
6237 justify-content: space-between;
6238 margin: 10px 0;
6239 padding-right: 30px;
6240 }
6241
6242 /*Quick Poll Start*/
6243 div.wrap .wp-heading-block {
6244 display: flex;
6245 justify-content: space-between;
6246 align-items: center;
6247 flex-wrap: wrap;
6248 }
6249
6250 /* div.wrap .create_quick_poll_container {
6251 display: flex;
6252 justify-content: flex-end;
6253 margin: 10px 0;
6254 padding-right: 30px;
6255 } */
6256
6257 div.wrap .create_quick_poll {
6258 display: flex;
6259 justify-content: center;
6260 align-items: center;
6261 border: 3px solid #1db3c8;
6262 border-radius: 50%;
6263 cursor: pointer;
6264 width: 60px;
6265 height: 60px;
6266 }
6267
6268 div.wrap .create_quick_poll img {
6269 width: 35px;
6270 height: 35px;
6271 }
6272
6273 /* The Modal (background) */
6274 .ays_poll_modal {
6275 display: none;
6276 position: fixed;
6277 left: 0;
6278 top: 0;
6279 width: 100%;
6280 height: 100%;
6281 z-index: 1000;
6282 animation-duration: .5s;
6283 transition: .5s ease-in-out;
6284 outline: 0;
6285 overflow-y:scroll;
6286 background: #0000008a;
6287 }
6288
6289 .ays_poll_modal_content {
6290 background-color: #fefefe;
6291 margin: auto; /* 15% from the top and centered */
6292 margin-bottom: 30px;
6293 margin-top: 40px;
6294 border: 1px solid #888;
6295 width: 50%;
6296 z-index: 10000;
6297 position: relative;
6298 padding-left: 0 !important;
6299 animation-duration: .3s;
6300 transition: .5s ease-in-out;
6301 border-radius: 4px;
6302 overflow: hidden;
6303 }
6304
6305 .ays-modal-header {
6306 height: 50px;
6307 padding: 0 16px;
6308 color: #666;
6309 background-color: whitesmoke;
6310 position: relative;
6311 display: flex;
6312 align-items: center;
6313 justify-content: space-between;
6314 }
6315
6316 .ays-modal-header .ays-close-quick-create {
6317 color: #666;
6318 font-size: 30px;
6319 font-weight: 500;
6320 position: absolute;
6321 bottom: 15px;
6322 right: 5px;
6323 cursor: pointer;
6324 }
6325
6326 .ays-close-quick-create:hover, .ays-close-quick-create:focus {
6327 color: #000;
6328 }
6329
6330 .ays-modal-poll-title-add, .ays-modal-poll-question-add, .ays-modal-poll-answers-section {
6331 display: flex;
6332 flex-direction: column;
6333 }
6334
6335 .ays-modal-poll-question-add {
6336 margin: 30px 0;
6337 }
6338
6339 .ays-modal-poll-answers-section {
6340 align-items: flex-start;
6341 }
6342
6343 .ays-modal-poll-title-add label, .ays-modal-poll-question-add label, .ays-modal-poll-answers-section label {
6344 color: #3d92d0;
6345 font-weight: 700;
6346 letter-spacing: 0.5px;
6347 word-spacing: 2px;
6348 }
6349
6350 .ays-modal-quick-poll-content {
6351 border-top: 1px solid #666666;
6352 padding: 40px;
6353 }
6354
6355 .quick_poll_answer_box {
6356 display: flex;
6357 align-items: center;
6358 justify-content: space-between;
6359 width: 100%;
6360 }
6361
6362 .quick_poll_answer_box input {
6363 width: 90%;
6364 }
6365
6366 .quick_poll_answer_box:not(:first-child) {
6367 margin-top: 13px;
6368 }
6369
6370 .quick_poll_answer_box button {
6371 border: none;
6372 cursor: pointer;
6373 }
6374
6375 .quick_poll_add_option {
6376 color: #3d92d0;
6377 cursor: pointer;
6378 border: none;
6379 display: flex;
6380 align-items: center;
6381 margin-top: 10px;
6382 }
6383
6384 .quick_poll_add_option div{
6385 display: flex;
6386 align-items: center;
6387 justify-content: center;
6388 background-color: #3d92d0;
6389 border-radius: 50%;
6390 width: 15px;
6391 height: 15px;
6392 margin-right: 10px;
6393 }
6394
6395 .quick_poll_add_option span {
6396 color: #fff;
6397 }
6398
6399 .quick_poll_divider {
6400 margin: 40px 0;
6401 height: 1px;
6402 background-color: #666;
6403 }
6404
6405
6406 .quick_poll_settings h4 {
6407 color: #3d92d0;
6408 }
6409
6410 .quick_poll_settings div {
6411 display: flex;
6412 align-items: center;
6413 width: 35%;
6414 justify-content: space-between;
6415 }
6416
6417 .quick_poll_settings div:first-child {
6418 margin: 10px 0 5px 0;
6419 }
6420
6421 .quick_poll_settings span {
6422 font-weight: 500;
6423 }
6424
6425 .quick_poll_settings input{
6426 height: 0;
6427 width: 0;
6428 visibility: hidden;
6429 }
6430
6431 .quick_poll_settings label {
6432 cursor: pointer;
6433 text-indent: -9999px;
6434 width: 35px;
6435 height: 20px;
6436 min-width: 35px;
6437 min-height: 20px;
6438 background: grey;
6439 display: block;
6440 border-radius: 20px;
6441 position: relative;
6442 margin-bottom: 0;
6443 }
6444
6445 .quick_poll_settings label:after {
6446 content: '';
6447 position: absolute;
6448 top: 1px;
6449 left: 1px;
6450 width: 18px;
6451 height: 18px;
6452 background: #fff;
6453 border-radius: 18px;
6454 transition: 0.3s;
6455 }
6456
6457 .quick_poll_settings input:checked + label {
6458 background: #3d92d0;
6459 }
6460
6461 .quick_poll_settings input:checked + label:after {
6462 left: calc(100% - 1px);
6463 transform: translateX(-100%);
6464 }
6465
6466 .quick_poll_settings label:active:after {
6467 width: 22px;
6468 }
6469
6470 .quick_poll_save {
6471 text-align: right;
6472 }
6473
6474 .quick_poll_save input {
6475 background: #3d92d0;
6476 border: none;
6477 color: #fff;
6478 border-radius: 10%;
6479 padding: 3px 13px;
6480 cursor: pointer;
6481 }
6482
6483 .quick-poll-save-disabled{
6484 background-color: #a7aaad !important;
6485 }
6486
6487 .quick_poll_settings .multivote-container .quick_poll_multivote_settings {
6488 display: flex;
6489 flex-direction: column;
6490 align-items: flex-start;
6491 visibility: hidden;
6492 }
6493 .quick_poll_settings .multivote-container .quick_poll_multivote_settings input{
6494 width: 100px;
6495 height: 30px;
6496 margin: 5px;
6497 }
6498 #quick_poll_shortcode, #ays-poll-create-new{
6499 width: 200px;
6500 max-width: 100%;
6501 }
6502
6503 .ays_poll_modal_content .quick_poll_settings > div {
6504 margin-bottom: 10px;
6505 }
6506
6507 .quick_poll_settings .multivote-container{
6508 width: 100%;
6509 height: 24px;
6510 padding-bottom: 4px;
6511 line-height: 1;
6512 }
6513
6514 @media only screen and (max-width: 1145px) {
6515 .quick_poll_settings .multivote-container{
6516 height:48px;
6517 }
6518 }
6519
6520 @media only screen and (max-width: 750px) {
6521 .ays_poll_modal_content {
6522 width: 70%;
6523 }
6524 }
6525
6526 @media only screen and (max-width: 645px) {
6527 .ays_poll_modal_content {
6528 width: 90%;
6529 }
6530 }
6531 /*Quick Poll End*/
6532
6533 /* Redesigned list table start */
6534 div.ays_polls_list_table #post-body-content {
6535 padding: 20px 0 3px;
6536 background-color: #ffffff;
6537 border-radius: 5px;
6538 box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 25%);
6539 color: #253858;
6540 }
6541 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead,
6542 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tfoot{
6543 background-color: #f1f1f1;
6544 }
6545 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr{
6546 background-color: #fff;
6547 }
6548
6549 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr {
6550 box-shadow: 0px -2px 0px rgba(0,0,0,0.12);
6551 }
6552 div.ays_polls_list_table #post-body-content table.wp-list-table.polls tbody tr:first-child{
6553 box-shadow: none;
6554 }
6555
6556 div.ays_polls_list_table div#wpcontent{
6557 background: #f0f0f1;
6558 }
6559 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr td,
6560 div.ays_polls_list_table #post-body-content table.wp-list-table.polls thead tr th{
6561 border:none;
6562 }
6563 div.ays_polls_list_table #post-body-content table.wp-list-table.polls{
6564 border:none;
6565 border-top: 1px solid transparent;
6566 }
6567 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container{
6568 /* min-width: 90px; */
6569 background-color: #f4f5f7;
6570 border-radius: 5px;
6571 overflow: hidden;
6572 display: flex;
6573 justify-content: space-between;
6574 box-shadow: 0px 1px 2px rgb(0 0 0 / 50%);
6575 margin: auto;
6576 }
6577
6578 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container {
6579 align-items: stretch;
6580 }
6581
6582 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-copy-image{
6583 min-width: 25px;
6584 height: auto;
6585 display: flex;
6586 justify-content: center;
6587 align-items: center;
6588 background-color: #ebecf0;
6589 cursor: pointer;
6590 border-right: 1px solid #dddddf;
6591 }
6592 div.ays_polls_list_table #post-body-content table.wp-list-table.polls .ays-poll-shortcode-container .ays-poll-shortcode-input{
6593 border: none;
6594 padding-left: 0px;
6595 background-color: #f4f5f7;
6596 }
6597
6598 div.ays_polls_list_table #post-body-content table.wp-list-table.polls input[type=checkbox]{
6599 border: 1px solid #ced4da !important;
6600 }
6601
6602 div.ays_polls_list_table #bulk-action-selector-bottom,
6603 div.ays_polls_list_table #bulk-action-selector-top,
6604 div.ays_polls_list_table #bulk-action-selector-top-select-top,
6605 div.ays_polls_list_table #bulk-action-selector-top-select-bottom{
6606 border-color:#EBECF0 !important;
6607 box-shadow: 0 1px 1px rgb(0 0 0 / 6%);
6608 color: #061938;
6609 border-radius: 5px;
6610 padding: 2px 10px;
6611 padding-right: 24px;
6612 font-size: 14px;
6613 width: 150px;
6614 height: 34px;
6615 }
6616 div.ays_polls_list_table #bulk-action-selector-bottom:hover,
6617 div.ays_polls_list_table #bulk-action-selector-top:hover,
6618 div.ays_polls_list_table #bulk-action-selector-top-select-top:hover,
6619 div.ays_polls_list_table #bulk-action-selector-top-select-bottom:hover{
6620 color:#2271b1;
6621 }
6622
6623 div.ays_polls_list_table #post-body-content .tablenav .actions .button,
6624 div.ays_polls_list_table .actions_style,
6625 div.ays_polls_list_table #search-submit.actions,
6626 div.ays_polls_list_table .pagination-links .button,
6627 div.ays_polls_list_table .search-box .button{
6628 background: #FFFFFF !important;
6629 border: 1px solid #EBECF0 !important;
6630 box-sizing: border-box !important;
6631 box-shadow: 0 1px 1px rgb(0 0 0 / 6%) !important;
6632 color: #061938 !important;
6633 border-radius: 5px !important;
6634 padding: 0px 12px ;
6635 /* width: 90px; */
6636 font-size: 16px !important;
6637 margin-left: 5px !important;
6638 height: 34px;
6639 }
6640 div.ays_polls_list_table .pagination-links .current-page{
6641 height: 34px;
6642 margin-top:5px;
6643 }
6644 @media only screen and (max-width: 781px) {
6645 div.ays_polls_list_table .pagination-links .button{
6646 padding:8px 12px;
6647 width: unset;
6648 }
6649 div.ays_polls_list_table .pagination-links .current-page{
6650 height: 34px;
6651 margin-top:0px;
6652 min-height: 34px;
6653 }
6654 }
6655 div.ays_polls_list_table .tablenav{
6656 padding:5px 12px 0;
6657 }
6658 div.ays_polls_list_table .column-title:not(.manage-column) > a{
6659 text-decoration: underline;
6660 font-weight: bold;
6661 }
6662
6663 div.ays_polls_list_table p.search-box{
6664 padding-right: 12px;
6665 }
6666 div.ays_polls_list_table #poll-maker-ays-search-input{
6667 border-color: #CED4DA;
6668 height: 34px;
6669 }
6670 div.ays_polls_list_table .subsubsub{
6671 padding-left:12px;
6672 /* font-size: 16px; */
6673 }
6674 div.ays_polls_list_table #post-body-content *{
6675 font-size: 14px;
6676 }
6677 div.ays_polls_list_table .column-publish > i{
6678 padding-right: 8px;
6679 }
6680
6681 .ays-poll-add-new-button-box {
6682 display: flex;
6683 align-items: center;
6684 }
6685 /* Redesigned list table end */
6686
6687
6688
6689 /*Dashboard Redesign Start*/
6690 .ays-poll-form .top-menu-buttons-container{
6691 display: flex;
6692 width: 300px;
6693 flex-wrap: nowrap;
6694 justify-content: flex-end;
6695 padding-top:13px;
6696 }
6697 @media screen and (max-width: 1270px) {
6698 .ays-poll-form .top-menu-buttons-container{
6699 /* width: 100%; */
6700 justify-content: flex-start;
6701 }
6702 }
6703
6704
6705 .ays-poll-form .button-primary.ays-top-menu-save-and-close,
6706 .ays-poll-form .button-primary.ays-bottom-menu-save-and-close{
6707 height: 32px;
6708 border-radius: 4px;
6709 border-color:#005AE0;
6710 padding:4px 18px;
6711 background-color: white;
6712 color:#005AE0;
6713 margin-left:10px;
6714 line-height: unset;
6715 }
6716 .bottom-save-buttons-container #ays-button-apply{
6717 background-color: #005AE0 !important;
6718 color:white !important;
6719 }
6720 .ays-poll-form .button-primary.ays-top-menu-save-and-close:hover,
6721 .ays-poll-form .button-primary.ays-bottom-menu-save-and-close:hover{
6722 background-color: #E5EEFF;
6723 color:#005AE0;
6724 }
6725 .ays-poll-form .button#ays-button-top-apply,
6726 .ays-poll-form .button#ays-button-apply{
6727 background-color: #005AE0;
6728 color:white;
6729 height: 32px;
6730 padding:4px 17px;
6731 border-radius: 4px;
6732 margin-left:10px;
6733 line-height: unset;
6734 }
6735 .ays-poll-form .button#ays-button-apply:hover,
6736 .ays-poll-form .button#ays-button-top-apply:hover{
6737 background-color: #004CBD;
6738 }
6739
6740 .ays-poll-form .button#ays_poll_cancel_top,
6741 .ays-poll-form .button#ays_poll_cancel{
6742 height: 32px;
6743 border-radius: 4px;
6744 border-color:#005AE0;
6745 padding:4px 17px;
6746 background-color: white;
6747 color:#005AE0;
6748 margin-left:10px;
6749 line-height: unset;
6750 }
6751 .ays-poll-form .button#ays_poll_cancel_top:hover,
6752 .ays-poll-form .button#ays_poll_cancel:hover{
6753 background-color: #E5EEFF;
6754 color:#005AE0;
6755 }
6756 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
6757 width: 690px;
6758 border-bottom:none;
6759 }
6760 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu {
6761 display: flex;
6762 flex-wrap: wrap;
6763 justify-content: space-between;
6764 padding-bottom:1px;
6765 }
6766 body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab{
6767 border-top: none ;
6768 border-right: none ;
6769 border-left: none ;
6770 margin-left:0px;
6771 padding-bottom:12px;
6772 background-color: transparent;
6773 border-bottom:1px solid #c7c3c3;
6774 color: #333;
6775 margin-bottom: 0px;
6776 margin-right: 0;
6777 padding: 5px 25px;
6778 font-weight: 500;
6779 }
6780 .nav-tab {
6781 padding: 8px 25px;
6782 font-size: 15px;
6783 }
6784 a[href="#tab1"]{
6785 margin-left:0px !important;
6786 }
6787 body.toplevel_page_poll-maker-ays .ays-poll-form .ays-top-menu-wrapper .nav-tab:hover{
6788 border-bottom:1px solid #005AE0 !important;
6789 text-decoration: none;
6790 }
6791 body.toplevel_page_poll-maker-ays .ays-poll-form .nav-tab-active{
6792 border-bottom:1px solid #005AE0 !important;
6793 color: #005AE0 !important;
6794 }
6795 body.toplevel_page_poll-maker-ays .ays-poll-form .ays_poll_fa-info-circle:before{
6796 color: #005AE0;
6797 }
6798 body.toplevel_page_poll-maker-ays .ays-poll-form input[type="text"]:focus{
6799 border-color: #005AE0;
6800 box-shadow: 0 0 0 1px #2271b1;
6801 outline: 2px solid transparent;
6802 }
6803 body.toplevel_page_poll-maker-ays .ays-poll-form #tab1 .add-option-top-container .ays-add-answer{
6804 display: flex;
6805 justify-content: center;
6806 align-items: center;
6807 width: 140px;
6808 height: 34px;
6809 border-radius: 4px;
6810 border-color:#ADC6FF;
6811 padding:4px 15px 4px 10px;
6812 background-color: #F0F5FF;
6813 color:#005AE0;
6814 border: 1px solid;
6815 font-size: 16px;
6816 }
6817
6818 .ays-poll-form #tab1 .add-option-top-container .ays-add-answer:hover{
6819 background-color: #d1def5 !important;
6820 cursor: pointer;
6821 }
6822 .ays-poll-form #tab1 .plus-sign{
6823 height: 17px;
6824 margin-right: 7px;
6825 }
6826 .ays-poll-form #tab1 tr.ays-answer-row td{
6827 background-color: white;
6828 }
6829 .ays-poll-form #tab1 table.ays-answers-table thead th{
6830 background: #F3F4F5;
6831 color: black;
6832 }
6833
6834
6835 .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(1),
6836 .ays-poll-form #tab1 table.ays-answers-table thead th:nth-child(2){
6837 border-right: 1px solid rgba(0, 0, 0, 0.06);
6838 }
6839 .ays-poll-form #tab1 table.ays-answers-table td{
6840 border:none;
6841 padding:0px;
6842 }
6843 .ays-poll-form .ays-text-input{
6844 border-color:rgba(0, 0, 0, 0.25);
6845 }
6846
6847 /* pics */
6848
6849 .ays-poll-form #tab1 .ays-poll-answer-image-container img {
6850 min-width: 60px;
6851 min-height: 60px;
6852 width: 60px;
6853 height: 60px;
6854 }
6855
6856 .ays-poll-form #tab1 .ays-poll-answer-image-container{
6857 width: 60px;
6858 height: 60px;
6859 margin:5px auto;
6860 }
6861
6862 @media screen and (max-width: 768px) {
6863 .ays-poll-answer-image-container {
6864 width: 48px;
6865 }
6866
6867 .ays-poll-answer-image-container img {
6868 min-width: 48px;
6869 }
6870 }
6871
6872 .ays-all-container{
6873 background-color: #F3F4F5;
6874 padding: 10px 0px !important;
6875 margin-left: 0px !important;
6876 margin-right: 0px !important;
6877 }
6878 body.toplevel_page_poll-maker-ays .ays-top-menu{
6879 background-color: #F3F4F5;
6880 }
6881 .ays-all-sub-container{
6882 width: 90%;
6883 margin:auto;
6884 }
6885 .ays-poll-tab-content{
6886 background-color: white !important;
6887 padding:12px 24px;
6888 border-radius:15px;
6889 margin-top:20px;
6890 }
6891 .bottom-buttons-container{
6892 display: flex;
6893 /* align-items: flex-end; */
6894 /* flex-direction: column; */
6895 justify-content: flex-end;
6896 padding-top:20px;
6897 }
6898
6899 body.toplevel_page_poll-maker-ays input[type=checkbox]{
6900 accent-color: #005AE0;
6901 }
6902
6903 @media screen and (min-width: 782px){
6904 .unset-padding-left{
6905 padding-left: 0px;
6906 }
6907 }
6908
6909 .ays-bottom-menu-buttons{
6910 max-height: 30px !important;
6911 min-height: 30px !important;
6912 display: inline-block;
6913 text-decoration: none;
6914 font-size: 13px;
6915 line-height: 2.15384615;
6916 margin-top: 4px !important;
6917 padding: 0 10px;
6918 cursor: pointer;
6919 border-width: 1px;
6920 border-style: solid;
6921 -webkit-appearance: none;
6922 border-radius: 3px;
6923 white-space: nowrap;
6924 box-sizing: border-box;
6925 }
6926 .ays-poll-form .ays-loader-img{
6927 width: 16px;
6928 height: 16px;
6929 }
6930 .ays_save_buttons_box_for_mobile{
6931 display: flex;
6932 }
6933
6934 .add-answer-image-icon{
6935 display: inline-block;
6936 background: url(../images/icons/add-img-icon.svg) no-repeat center center/80% rgba(255,255,255, 0);
6937 width:24px;
6938 height: 24px;
6939 margin:18px auto;
6940
6941 }
6942 .add-answer-image-icon:hover{
6943 background: url(../images/icons/add-img-icon-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6944 cursor: pointer;
6945 }
6946
6947 label.ays-label[for="ays-answer"]{
6948 margin-bottom:0px;
6949 }
6950 a.ays-delete-answer{
6951 display: inline-block;
6952 background: url(../images/icons/trash.svg) no-repeat center center/80% rgba(255,255,255, 0);
6953 width:24px;
6954 height: 24px;
6955 margin:18px auto;
6956 }
6957 a.ays-delete-answer:hover{
6958 background: url(../images/icons/trash-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6959 cursor: pointer;
6960 }
6961 .ays_poll_move_arrows{
6962 display: inline-block;
6963 width: 26px;
6964 height: 26px;
6965 background: url(../images/icons/move-arrows.svg) no-repeat center center/80% rgba(255,255,255, 0);
6966 }
6967 .ays_poll_move_arrows:hover{
6968 background: url(../images/icons/move-arrows-hover.svg) no-repeat center center/80% rgba(255,255,255, 0);
6969 }
6970 .ays-poll-form #tab1 thead tr.ui-state-default th:first-child:hover{
6971 cursor: unset;
6972 }
6973 /*Dashboard Redesign End*/
6974
6975 /* Preview Popup new design | Start */
6976
6977 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup {
6978 padding: 27px 10px;
6979 border-radius: 10px;
6980 }
6981
6982 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-title {
6983 color: #000;
6984 }
6985
6986 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #swal2-content {
6987 max-width: 80%;
6988 margin: 0 auto;
6989 }
6990
6991 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel {
6992 background-color: #fff;
6993 color: #007DCB;
6994 padding: 0;
6995 border: 1px solid #007DCB;
6996 border-radius: 6px;
6997 }
6998
6999 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-preview-popup-cancel-button.swal2-styled.swal2-cancel a {
7000 display: flex;
7001 justify-content: center;
7002 align-items: center;
7003 gap: 6px;
7004 padding: .625em .75em;
7005 text-decoration: none;
7006 color: #007DCB;
7007 min-width: 152px;
7008 }
7009
7010 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-created-row {
7011 font-style: normal;
7012 font-weight: 400;
7013 font-size: 14px;
7014 line-height: 16px;
7015 text-align: center;
7016 color: #000000;
7017 }
7018
7019 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .ays-poll-maker-swal2-content-text-row {
7020 font-style: normal;
7021 font-weight: 400;
7022 font-size: 14px;
7023 line-height: 16px;
7024 text-align: center;
7025 color: #6F6F6F;
7026 }
7027
7028 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup #ays-poll-create-new {
7029 border: 1px solid #000000;
7030 border-radius: 6px;
7031 color: #000000;
7032 }
7033
7034 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm {
7035 min-width: 152px;
7036 background-color: #007DCB;
7037 border-radius: 6px;
7038 border: 1px solid transparent;
7039 }
7040
7041 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-styled.swal2-confirm:hover {
7042 background-color: #29A6F4;
7043 }
7044
7045 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-close:hover {
7046 color: #979797;
7047 }
7048
7049 body[class~="toplevel_page_poll-maker-ays"] .swal2-popup .swal2-actions {
7050 flex-direction: row-reverse;
7051 }
7052
7053 /* Preview Popup new design | End */
7054
7055
7056 /* Poll Top Banner Coupon Button | Start */
7057
7058 .ays-poll-coupon-container .ays-poll-coupon-box {
7059 display: flex;
7060 align-items: center;
7061 border: 2px dashed #000;
7062 text-decoration: none;
7063 font-size: 13px;
7064 font-weight: 700;
7065 /*color: #0B328E;*/
7066 padding: 5px 15px;
7067 border-radius: 20px;
7068 color: #000;
7069 background-color: #f9dc6c;
7070 cursor: pointer;
7071 }
7072
7073 .ays-poll-logo-container-upgrade span.ays-poll-logo-container-one-time-text{
7074 font-size: 10px;
7075 font-style: normal;
7076 font-weight: 600;
7077 line-height: normal;
7078 }
7079
7080 .ays-poll-coupon-container {
7081 margin-left: 25px;
7082 display: flex;
7083 justify-content: center;
7084 align-items: center;
7085 flex-direction: column;
7086 }
7087
7088 .ays-poll-coupon-container .ays-poll-coupon-box span {
7089 margin-left: 5px;
7090 }
7091
7092 .ays-poll-coupon-container .ays-poll-coupon-box img {
7093 width: 10px;
7094 }
7095
7096 .ays-coupon-container .ays-poll-coupon-box img {
7097 width: 8px;
7098 }
7099
7100 .ays-poll-coupon-container .ays-poll-coupon-box:hover {
7101 color: #000;
7102 background-color: #f1c51b;
7103 }
7104
7105 .ays-poll-coupon-container .ays-poll-coupon-box:focus {
7106 box-shadow: unset;
7107 }
7108
7109 .ays-poll-coupon-container .ays-poll-coupon-box:hover .ays-poll-svg-light-hover{
7110 display: flex;
7111 }
7112
7113 @media screen and (max-width: 425px){
7114
7115
7116 .ays-poll-coupon-container .ays-poll-coupon-box span {
7117 font-size: 12px;
7118 }
7119 .ays-poll-coupon-container {
7120 margin-left: 5px;
7121 }
7122 }
7123 /* Poll Top Banner Coupon Button | End */
7124
7125 @media screen and (max-width: 400px) {
7126
7127 .ays-notice-banner .modile-ddmenu-sm, .ays-notice-banner .modile-ddmenu-md{
7128 width: fit-content;
7129 }
7130 }
7131
7132 @media screen and (max-width: 1600px) and (min-width:769px) {
7133 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu {
7134 flex-direction:column-reverse;
7135 align-items: flex-end
7136 }
7137
7138 body.toplevel_page_poll-maker-ays div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
7139 width: 100%;
7140 }
7141 }
7142
7143 /* Poll Maker top banner redesign | Start */
7144 div.ays-notice-banner {
7145 width: calc(100% - 20px);
7146 max-width: 100%;
7147 margin: 33px 0 0 0;
7148 background: #fff;
7149 /* border: 1px solid rgba(203, 213, 225, .8); */
7150 border: unset;
7151 border-radius: 16px;
7152 box-shadow: 0 4px 20px -8px rgba(15, 23, 42, .08);
7153 overflow: visible;
7154 }
7155
7156 .ays-notice-banner #navigation-container {
7157 min-height: 76px;
7158 padding: 0 20px;
7159 background: #fff;
7160 border-radius: 16px;
7161 align-items: center;
7162 gap: 22px;
7163 }
7164
7165 .ays-notice-banner .navigation-bar {
7166 text-align: center;
7167 }
7168
7169 .ays-notice-banner .ays-poll-logo-container-upgrade {
7170 flex: 0 0 auto;
7171 gap: 0;
7172 }
7173
7174 .ays-notice-banner .logo-container {
7175 width: 50px;
7176 height: 50px;
7177 margin-left: 0;
7178 flex: 0 0 60px;
7179 }
7180
7181 .ays-notice-banner .logo-container a {
7182 display: flex !important;
7183 width: 100%;
7184 height: 100%;
7185 align-items: center;
7186 justify-content: center;
7187 }
7188
7189 .ays-notice-banner .logo-container img {
7190 width: 100%;
7191 height: 100%;
7192 object-fit: contain;
7193 }
7194
7195 .ays-poll-top-banner-title {
7196 display: flex;
7197 flex-direction: column;
7198 justify-content: center;
7199 min-width: 80px;
7200 line-height: 1.1;
7201 }
7202
7203 .ays-poll-top-banner-title span.ays-poll-top-banner-main-title {
7204 color: #0f172a;
7205 font-size: 17px;
7206 font-weight: 600;
7207 text-align: left;
7208 }
7209
7210 .ays-poll-top-banner-title span.ays-poll-top-banner-sub-title {
7211 margin-top: 4px;
7212 color: #475569;
7213 font-size: 11px;
7214 font-weight: 500;
7215 letter-spacing: .05em;
7216 text-transform: none;
7217 }
7218
7219 .ays-notice-banner .ays-poll-upgrade-container {
7220 margin-left: 20px;
7221 align-self: center;
7222 }
7223
7224 .ays-notice-banner .ays-poll-upgrade-container a {
7225 /* min-height: 30px; */
7226 padding: 6px 12px;
7227 border: 1px solid rgba(4, 120, 87, .2);
7228 border-radius: 999px;
7229 background: #059669;
7230 color: #fff;
7231 font-size: 13px;
7232 font-weight: 700;
7233 line-height: 1;
7234 box-shadow: 0 1px 2px rgba(15, 23, 42, .08);
7235 transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
7236 }
7237
7238 .ays-notice-banner .ays-poll-upgrade-container a:hover,
7239 .ays-notice-banner .ays-poll-upgrade-container a:focus {
7240 background: #047857;
7241 color: #fff;
7242 box-shadow: 0 4px 10px -6px rgba(15, 23, 42, .35);
7243 }
7244
7245 .ays-notice-banner .ays-poll-upgrade-container a img {
7246 width: 8px;
7247 height: 13px;
7248 }
7249
7250 .ays-notice-banner .ays-poll-logo-container-one-time-text {
7251 margin-top: 5px;
7252 color: #475569;
7253 font-size: 10px !important;
7254 font-weight: 500 !important;
7255 font-style: italic !important;
7256 white-space: nowrap;
7257 }
7258
7259 .ays-notice-banner .navigation-bar #menu {
7260 align-items: center;
7261 min-width: 0;
7262 margin: 0;
7263 gap: 6px;
7264 }
7265
7266 .ays-notice-banner .navigation-bar #menu::before {
7267 content: "";
7268 display: block;
7269 width: 1px;
7270 height: 32px;
7271 margin-right: 20px;
7272 background: #e2e8f0;
7273 }
7274
7275 .ays-notice-banner .navigation-bar li {
7276 margin: 0;
7277 list-style: none;
7278 }
7279
7280 .ays-notice-banner .navigation-bar li a {
7281 display: inline-flex;
7282 width: auto;
7283 max-width: none;
7284 min-height: 36px;
7285 align-items: center;
7286 padding: 0 15px;
7287 margin: 0;
7288 border-radius: 999px;
7289 color: #475569;
7290 font-size: 13px;
7291 font-weight: 500;
7292 line-height: 1;
7293 text-decoration: none;
7294 text-transform: none;
7295 transition: background-color .15s ease, border-color .15s ease, color .15s ease;
7296 }
7297
7298 .ays-notice-banner .navigation-bar li a:hover,
7299 .ays-notice-banner .navigation-bar li a:focus {
7300 background: #f1f5f9;
7301 color: #0f172a;
7302 outline: none;
7303 box-shadow: none;
7304 }
7305
7306 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a {
7307 border: 1px solid #fecdd3;
7308 background: #fff1f2;
7309 color: #be123c;
7310 font-weight: 700;
7311 }
7312
7313 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a:hover,
7314 .ays-notice-banner .navigation-bar li.ays_poll_take_gift a:focus {
7315 border-color: #fda4af;
7316 background: #ffe4e6;
7317 color: #be123c;
7318 }
7319
7320 .ays-notice-banner .modile-ddmenu-sm,
7321 .ays-notice-banner .modile-ddmenu-md {
7322 width: auto;
7323 }
7324
7325 .ays-notice-banner #menu li a.toggle_ddmenu {
7326 width: 40px;
7327 min-width: 40px;
7328 min-height: 40px;
7329 justify-content: center;
7330 padding: 0;
7331 color: #475569;
7332 font-size: 18px;
7333 }
7334
7335 .ays-notice-banner li ul.ddmenu {
7336 top: calc(100% + 12px);
7337 right: 0;
7338 min-width: 220px;
7339 padding: 8px;
7340 border: 1px solid #e2e8f0;
7341 border-radius: 12px;
7342 background: #fff;
7343 box-shadow: 0 18px 40px -24px rgba(15, 23, 42, .45);
7344 }
7345
7346 .ays-notice-banner li ul.ddmenu li {
7347 width: 100%;
7348 padding-left: 0;
7349 }
7350
7351 .ays-notice-banner li ul.ddmenu li a {
7352 width: 100%;
7353 justify-content: flex-start;
7354 }
7355
7356 .ays-notice-banner .ays-poll-checklist-open-icon {
7357 position: unset;
7358 flex: 0 0 auto;
7359 margin-left: 4px;
7360 }
7361
7362 @media screen and (min-width: 1321px) {
7363 .ays-notice-banner .modile-ddmenu-lg.modile-ddmenu-lg-custom {
7364 display: block;
7365 }
7366 }
7367
7368 @media screen and (max-width: 1320px) {
7369 .ays-notice-banner .modile-ddmenu-lg {
7370 display: none;
7371 }
7372
7373 .ays-notice-banner .modile-ddmenu-md {
7374 display: block;
7375 }
7376 }
7377
7378 @media screen and (max-width: 1080px) {
7379 div.ays-notice-banner {
7380 width: calc(100% - 24px);
7381 margin-top: 14px;
7382 }
7383
7384 .ays-notice-banner #navigation-container {
7385 gap: 14px;
7386 padding: 0 14px;
7387 }
7388
7389 .ays-notice-banner .navigation-bar #menu::before {
7390 margin-right: 10px;
7391 }
7392 }
7393
7394 @media screen and (max-width: 768px) {
7395 div.ays-notice-banner {
7396 width: calc(100% - 40px);
7397 }
7398
7399 .ays-notice-banner #navigation-container {
7400 min-height: 72px;
7401 }
7402
7403 .ays-notice-banner .modile-ddmenu-md {
7404 display: none;
7405 }
7406
7407 .ays-notice-banner .modile-ddmenu-sm {
7408 display: block;
7409 }
7410
7411 .ays-notice-banner .navigation-bar #menu {
7412 flex: 0 0 auto;
7413 width: auto !important;
7414 min-width: 40px !important;
7415 margin-left: auto;
7416 }
7417
7418 .ays-notice-banner .navigation-bar #menu::before {
7419 display: none;
7420 }
7421
7422 .ays-notice-banner li ul.ddmenu {
7423 right: 0;
7424 }
7425 }
7426
7427 @media screen and (max-width: 600px) {
7428 div.ays-poll-top-banner-title {
7429 display: none;
7430 }
7431
7432 .ays-notice-banner #navigation-container {
7433 flex-wrap: nowrap;
7434 justify-content: space-between;
7435 padding: 12px;
7436 }
7437
7438 .ays-notice-banner .ays-poll-logo-container-upgrade {
7439 width: auto;
7440 justify-content: flex-start;
7441 gap: 10px;
7442 }
7443
7444 .ays-notice-banner .navigation-bar #menu {
7445 margin-left: auto;
7446 justify-content: flex-end;
7447 }
7448
7449 .ays-notice-banner .ays-poll-checklist-open-icon {
7450 position: unset;
7451 }
7452 }
7453
7454 @media screen and (max-width: 430px) {
7455 .ays-notice-banner .logo-container {
7456 width: 54px;
7457 height: 54px;
7458 flex-basis: 54px;
7459 }
7460
7461 .ays-poll-top-banner-title {
7462 min-width: 70px;
7463 }
7464
7465 .ays-poll-top-banner-title span:first-child {
7466 font-size: 14px;
7467 }
7468
7469 .ays-notice-banner .ays-poll-upgrade-container a {
7470 padding: 5px 10px;
7471 font-size: 12px;
7472 }
7473 }
7474 /* Poll Maker top banner redesign | End */
7475