PluginProbe
Survey Maker by AYS / 5.2.0.8
Survey Maker by AYS v5.2.0.8
5.2.4.1 5.2.4.0 5.2.3.9 5.2.3.8 5.2.3.7 5.2.3.6 5.2.3.5 5.2.3.4 5.2.3.3 5.2.3.2 5.2.3.1 5.2.3.0 5.2.2.9 5.2.2.8 5.2.2.7 5.2.2.6 5.2.2.5 5.2.2.4 5.2.2.3 5.2.2.2 5.2.2.1 5.2.2.0 5.2.1.9 5.2.1.8 5.2.0.8 All 154 releases
survey-maker / admin / css / survey-maker-admin.css

survey-maker-admin.css in Survey Maker by AYS 5.2.0.8, at admin/css/survey-maker-admin.css

4,462 lines 101.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**************************************************************************************************************/
2 /**************************************************************************************************************/
3 /************************************* FREE VERSION DIFFERENCE START ******************************************/
4 /**************************************************************************************************************/
5 /**************************************************************************************************************/
6
7 /*
8 * Pro features
9 * Start
10 */
11
12 .only_pro{
13 position: relative;
14 padding: 10px 0 0 10px;
15 }
16 .pro_features{
17 position: absolute;
18 display: flex;
19 align-items: flex-end;
20 justify-content: flex-end;
21 padding-right: 20px;
22 width: 100%;
23 height: 100%;
24 background: rgba(0,0,0,.1);
25 z-index: 3;
26 top: 0;
27 left: 0;
28 }
29
30 .logo-container a.ays-survey-logo-link-container{
31 display: inline-block;
32 }
33
34 .logo-container a.ays-survey-logo-link-container:focus{
35 box-shadow: unset;
36 }
37
38 .pro_features.centered {
39 align-items: center;
40 justify-content: center;
41 }
42
43 .pro_features p {
44 color: ghostwhite;
45 font-size: 20px;
46 box-sizing: border-box;
47 padding: 5px;
48 background: rgba(0,0,0,.2);
49 border-radius: 3px;
50 margin: 0;
51 }
52
53 a.only_pro_lik,
54 .pro_features p a {
55 color: #f50057 !important;
56 font-weight: 700;
57 transition: all .3s ease-in;
58 }
59
60 a.only_pro_lik:hover,
61 .pro_features p a:hover{
62 color: #C51162 !important;
63 transition: all .3s ease-in;
64 }
65 .pro_features_inner_2{
66 position: absolute;
67 top: 0;
68 }
69
70 .dropdown-item.ays-survey-question-action.ays-survey-question-actions-pro a{
71 color: #2125297d;
72 border: 0;
73 box-shadow: unset;
74 outline: none;
75 }
76
77 .survey_pro_span_style {
78 color: #2125297d;
79 }
80
81 .dropdown-item.ays-survey-question-action.ays-survey-question-actions-pro:active a{
82 color: #fff;
83 }
84
85 .ays-survey-question-actions-pro{
86 font-style: italic;
87 }
88
89 .ays-survey-choose-question-default-type-pro{
90 font-style: italic;
91 }
92
93 /*
94 * Pro features
95 * End
96 */
97
98
99 div.ays_ask_question_content {
100 display: flex;
101 justify-content: flex-end;
102 position: fixed;
103 bottom: 10px;
104 right: 10px;
105 z-index: 99999;
106 }
107
108 div.ays_ask_question_content .ays-ask-question-content-inner-hidden-text{
109 position: absolute;
110 display: inline-block;
111 opacity: 0;
112 padding: 7px;
113 font-size: 16px;
114
115
116 }
117
118 div.ays_ask_question_content:hover .ays-ask-question-content-inner-hidden-text{
119 opacity: 1;
120 position: static;
121 transition: .5s;
122 }
123
124 div.ays_ask_question_content:hover .ays_quiz_question_link{
125 border-radius: 29px;
126 }
127
128 div.ays_ask_question_content .ays-ask-question-content-inner-question-mark-text{
129 padding: 8px;
130 background-color: white;
131 color: #258BB3;
132 border-radius: 50%;
133 display: inline-block;
134 }
135
136 div.ays_ask_question_content_inner {
137 position: relative;
138 }
139
140 a.ays_quiz_question_link {
141 color: white;
142 font-weight: bold;
143 box-shadow: unset;
144 outline: none;
145 display: flex;
146 justify-content: center;
147 align-items: center;
148 text-align: center;
149 background-color: #258BB3;
150 border-radius: 50%;
151 bottom: 0;
152 right: 0;
153 font-size: 18px;
154 padding: 16px;
155 display: inline-block;
156 line-height: 0.5;
157 text-decoration: none !important;
158 }
159
160 .ays-survey-zindex-for-pro{
161 z-index: 4;
162 }
163
164 /* Terms and conditions start */
165
166 .ays_survey_terms_and_conditions_content {
167 border-top-left-radius: 8px;
168 border-bottom-left-radius: 8px;
169 border-left-width: 5px;
170 border-left-style: solid;
171 border-left-color: #ff511c;
172 border-right: 1px solid #B8B8B8;
173 margin: 0 12px 0 0;
174 }
175
176 .ays_survey_terms_conditions_edit_block:nth-of-type(even) {
177 background-color: #fff;
178 }
179 .ays_survey_terms_conditions_edit_block {
180 display: flex;
181 align-items: center;
182 justify-content: space-between;
183 }
184
185 .ays_survey_terms_conditions_edit_block:first-child {
186 border-top: 1px solid #B8B8B8;
187 }
188
189 .ays_survey_terms_conditions_edit_block:last-child {
190 border-bottom: 1px solid #B8B8B8;
191 }
192
193 .ays_survey_terms_and_conditions_all_inputs_block .ays_survey_icons {
194 display: flex;
195 align-items: center;
196 justify-content: center;
197 }
198
199 .ays_survey_terms_and_conditions_all_inputs_block .ays_survey_icons img {
200 cursor: pointer;
201 }
202
203 .ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_textarea_div {
204 padding: 10px;
205 border-right: 1px solid #B8B8B8;
206 width: 95%;
207 }
208
209 .ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_textarea_div textarea {
210 width: 100%;
211 }
212
213 /* Terms and conditions end */
214
215 /* Submissions filters start */
216
217 .ays-survey-submissions-filters-section * {
218 user-select: none;
219 }
220
221 .ays-survey-submissions-filters-section {
222 padding: 10px 10px 10px 15px;
223 margin-bottom: 5px;
224 /* background-color: #fbfbfb; */
225 border-radius: 10px;
226 }
227
228 .ays-survey-submissions-filter-button {
229 cursor: pointer;
230 width: fit-content;
231 padding: 8px 16px;
232 border-radius: 10px;
233 font-weight: 500;
234 color: rgb(19, 101, 143);
235 transition: .2s;
236 }
237
238 .ays-survey-submissions-filter-button:hover {
239 background-color: #e7eff4;
240 }
241
242 .ays-survey-submissions-filter-container {
243 margin: 10px 0;
244 }
245
246 .ays-survey-submissions-filter-section {
247 display: flex;
248 flex-wrap: wrap;
249 gap: 7px;
250 }
251
252 #ays-survey-submissions-filter-post {
253 border-color: rgb(19, 101, 143);
254 }
255
256 #ays-survey-submissions-filter,
257 #ays-survey-submissions-filter-clear {
258 border-color: rgb(19, 101, 143);
259 color: rgb(19, 101, 143);
260 }
261
262 .ays-survey-submissions-filter-section #ays-survey-submissions-filter:hover,
263 .ays-survey-submissions-filter-section #ays-survey-submissions-filter-clear:hover {
264 background-color: rgb(19, 101, 143);
265 color: #ffffff !important;
266 }
267
268 .ays-survey-submissions-filter-section #ays-survey-submissions-filter:focus,
269 .ays-survey-submissions-filter-section #ays-survey-submissions-filter-clear:focus {
270 box-shadow: none;
271 outline: none;
272 }
273
274 .ays-survey-submissions-filter-section .ays-survey-submissions-filter-date {
275 border: 1px solid rgb(19, 101, 143);
276 color: rgb(19, 101, 143);
277 }
278
279 .ays-survey-submissions-filter-section .ays-survey-submissions-filter-date::-webkit-calendar-picker-indicator {
280 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="rgb(19, 101, 143)" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');
281 }
282
283 /* Submissions filters end */
284
285
286 .ays_survey_approve_button{
287 color: #fff !important;
288 border-color: #00af00 !important;
289 background-color: #00af00 !important;
290 }
291
292 /**************************************************************************************************************/
293 /**************************************************************************************************************/
294 /*************************************** FREE VERSION DIFFERENCE END ******************************************/
295 /**************************************************************************************************************/
296 /**************************************************************************************************************/
297
298
299 @-webkit-keyframes ays_pulse {
300 from,
301 to {
302 -webkit-transform: scale3d(1, 1, 1);
303 transform: scale3d(1, 1, 1)
304 }
305 50% {
306 -webkit-transform: scale3d(1.2, 1.2, 1.2);
307 transform: scale3d(1.2, 1.2, 1.2)
308 }
309 }
310
311 @-moz-keyframes ays_pulse {
312 from,
313 to {
314 -webkit-transform: scale3d(1, 1, 1);
315 transform: scale3d(1, 1, 1)
316 }
317 50% {
318 -webkit-transform: scale3d(1.2, 1.2, 1.2);
319 transform: scale3d(1.2, 1.2, 1.2)
320 }
321 }
322
323 @-ms-keyframes ays_pulse {
324 from,
325 to {
326 -webkit-transform: scale3d(1, 1, 1);
327 transform: scale3d(1, 1, 1)
328 }
329 50% {
330 -webkit-transform: scale3d(1.2, 1.2, 1.2);
331 transform: scale3d(1.2, 1.2, 1.2)
332 }
333 }
334
335 @keyframes ays_pulse {
336 from,
337 to {
338 -webkit-transform: scale3d(1, 1, 1);
339 -moz-transform: scale3d(1, 1, 1);
340 -ms-transform: scale3d(1, 1, 1);
341 transform: scale3d(1, 1, 1)
342 }
343 50% {
344 -webkit-transform: scale3d(1.2, 1.2, 1.2);
345 -moz-transform: scale3d(1.2, 1.2, 1.2);
346 -ms-transform: scale3d(1.2, 1.2, 1.2);
347 transform: scale3d(1.2, 1.2, 1.2)
348 }
349 }
350
351 .ays_pulse {
352 -webkit-animation-name: ays_pulse;
353 -moz-animation-name: ays_pulse;
354 -ms-animation-name: ays_pulse;
355 animation-name: ays_pulse
356 }
357
358 body {
359 overflow-x: hidden;
360 }
361
362 #wpwrap{
363 background: #fff;
364 }
365 body.mobile.modal-open #wpwrap {
366 position: initial !important;
367 }
368
369 h1.wp-heading-inline{
370 margin-bottom: 20px;
371 }
372
373 .tablenav .actions select {
374 float: left;
375 margin: 1px 8px 0 0;
376 margin-right: 6px;
377 max-width: 200px;
378 vertical-align: middle;
379 height: initial;
380 /* line-height: 30px;*/
381 }
382
383 a {
384 color: #2271b1;
385 }
386
387 strong, b {
388 font-weight: 600;
389 }
390
391 .row input[type=text]:not(#current-page-selector),
392 .row input[type=search],
393 .row input[type=tel],
394 .row input[type=time],
395 .row input[type=url],
396 .row input[type=week],
397 .row input[type=password],
398 .row input[type=color],
399 .row input[type=date],
400 .row input[type=time],
401 .row input[type=datetime],
402 .row input[type=datetime-local],
403 .row input[type=email],
404 .row input[type=month],
405 .row input[type=number],
406 .row select,
407 .row textarea,
408 .row .select2-selection__rendered {
409 font-size: 16px;
410 height: 40px;
411 border-radius: 4px;
412 margin-top: 2px;
413 border-color: rgb(34 36 38 / 15%);
414 }
415
416 .ays_heart_beat {
417 font-size: 20px;
418 margin-left: 10px;
419 }
420
421
422 input.ays-text-input,
423 textarea.ays-textarea {
424 display: block;
425 width: 100%;
426 }
427
428 select.ays-text-input {
429 height: 40px;
430 }
431
432 select.ays-text-input.ays-text-input-short,
433 input.ays-text-input.ays-text-input-short{
434 width: 200px;
435 }
436 textarea.ays-textarea{
437 height: 200px;
438 margin-top: 5px;
439 }
440 label.ays-label{
441 font-size: 16px;
442 font-weight: 600;
443 color: #484848;
444 margin-top:20px;
445 }
446
447
448 /* The Modal (background) */
449 .ays-modal {
450 display: none;
451 position: fixed;
452 left: 0;
453 top: 0;
454 z-index: 100000 !important;
455 width: 100%;
456 height: 100%;
457 z-index: 100000;
458 animation-duration: .5s;
459 transition: .5s ease-in-out;
460 outline: 0;
461 }
462
463 .ays-modal {
464 overflow-x: hidden;
465 overflow-y: auto;
466 }
467
468 .ays-modal-backdrop {
469 position: fixed;
470 top: 0;
471 right: 0;
472 bottom: 0;
473 left: 0;
474 z-index: 99999 !important;
475 background-color: rgba(0, 0, 0, 0.5);
476 }
477 /* Modal Content/Box */
478 .ays-modal-content {
479 background-color: #fefefe;
480 margin: auto; /* 15% from the top and centered */
481 margin-bottom: 30px;
482 margin-top: 40px;
483 border: 1px solid #888;
484 width: 90%; /* Could be more or less, depending on screen size */
485 z-index: 100000;
486 position: relative;
487 padding-left: 0 !important;
488 animation-duration: .3s;
489 transition: .5s ease-in-out;
490 border-radius: 4px;
491 max-width: 1200px;
492 }
493
494 #ays-results-modal .ays-modal-content {
495 min-height: 500px;
496 }
497 /* The Close Button */
498 .ays-close,.ays-close-templates-popup,.ays-close-editor-popup {
499 color: #aaa;
500 float: right;
501 line-height: 1.3;
502 font-size: 28px;
503 font-weight: bold;
504 }
505
506 .ays-close:hover,
507 .ays-close-editor-popup:hover,
508 .ays-close-templates-popup:hover,
509 .ays-close:focus,
510 .ays-close-editor-popup:focus,
511 .ays-close-templates-popup:focus {
512 color: black;
513 text-decoration: none;
514 cursor: pointer;
515 }
516
517 .ays-modal-header {
518 padding: 4px 16px;
519 background-color: whitesmoke;
520 color: white;
521 }
522 .ays-modal-header h2 {
523 line-height: 1.3;
524 font-size: 1.8rem;
525 margin: 0;
526 }
527
528 /* Modal Body */
529 .ays-modal-body {
530 padding: 2px 16px 20px;
531 }
532 #ays-questions-modal .ays-modal-body {
533 width: 100%;
534 overflow: hidden;
535 overflow-x: hidden;
536 }
537
538 /* Modal Footer */
539 .ays-modal-footer {
540 display: -ms-flexbox;
541 display: flex;
542 -ms-flex-align: center;
543 align-items: center;
544 -ms-flex-pack: end;
545 justify-content: flex-end;
546 padding: 1rem;
547 border-top: 1px solid #e9ecef;
548 }
549
550 /* Modal Move to section */
551 #ays-survey-move-to-section .ays-modal-content {
552 width: fit-content;
553 }
554
555 #ays-survey-insert-into-section .ays-modal-body,
556 #ays-survey-move-to-section .ays-modal-body {
557 padding: 0;
558 }
559
560 #ays-survey-insert-into-section .ays-modal-body .dropdown-item,
561 #ays-survey-move-to-section .ays-modal-body .dropdown-item {
562 padding: 1rem 1.5rem;
563 font-size: 20px;
564 }
565 /* */
566
567
568 td.ays-sort{
569 border-right: 1px solid #B8B8B8;
570 }
571
572 .ays-survey-tab-content{
573 animation: fadeEffect 1s;
574 display: none;
575 }
576 .ays-survey-tab-content-active{
577 display: block;
578 }
579 @keyframes fadeEffect {
580 from {opacity: 0;}
581 to {opacity: 1;}
582 }
583 .nav-tab-wrapper .nav-tab:focus{
584 box-shadow: none;
585 outline: none;
586 }
587
588
589 .tooltip {
590 text-align: left !important;
591 position: absolute !important;
592 z-index: 9999;
593 }
594 .tooltip > .tooltip-inner {
595 position: relative !important;
596 width: max-content !important;
597 max-width: 300px !important;
598 text-align: justify!important;
599 box-shadow: 0px 0px 10px #fff;
600 }
601 .tooltip > .arrow {
602 left: calc(50% + 28px) !important;
603 }
604 .tooltip > .tooltip-inner img {
605 max-width: 100%;
606 height: 100%;
607 object-fit: contain;
608 }
609
610 .ays_help {
611 position: relative;
612 font-size: 12px;
613 color: dodgerblue !important;
614 cursor: help;
615 }
616
617 .ays_help_ul {
618 padding-left: 16px;
619 list-style-type: initial;
620 }
621
622 .swal2-container {
623 z-index: 9999999999!important;
624 }
625
626 /* Preview Popup new design | Start */
627
628 body[class~="toplevel_page_survey-maker"] .swal2-popup {
629 padding: 27px 10px;
630 border-radius: 10px;
631 }
632
633 body[class~="toplevel_page_survey-maker"] .swal2-popup .swal2-title {
634 color: #000;
635 }
636
637 body[class~="toplevel_page_survey-maker"] .swal2-popup #swal2-content {
638 max-width: 80%;
639 margin: 0 auto;
640 }
641
642 body[class~="toplevel_page_survey-maker"] .swal2-popup .ays-survey-preview-popup-cancel-button.swal2-styled.swal2-cancel {
643 background-color: #fff;
644 color: #007DCB;
645 padding: 0;
646 border: 1px solid #007DCB;
647 border-radius: 6px;
648 }
649
650 body[class~="toplevel_page_survey-maker"] .swal2-popup .ays-survey-preview-popup-cancel-button.swal2-styled.swal2-cancel a {
651 display: flex;
652 justify-content: center;
653 align-items: center;
654 gap: 6px;
655 padding: .625em .75em;
656 text-decoration: none;
657 color: #007DCB;
658 min-width: 152px;
659 }
660
661 body[class~="toplevel_page_survey-maker"] .swal2-popup .ays-survey-maker-swal2-created-row {
662 font-style: normal;
663 font-weight: 400;
664 font-size: 14px;
665 line-height: 16px;
666 text-align: center;
667 color: #000000;
668 }
669
670 body[class~="toplevel_page_survey-maker"] .swal2-popup .ays-survey-maker-swal2-content-text-row {
671 font-style: normal;
672 font-weight: 400;
673 font-size: 14px;
674 line-height: 16px;
675 text-align: center;
676 color: #6F6F6F;
677 }
678
679 body[class~="toplevel_page_survey-maker"] .swal2-popup #ays-survey-create-new {
680 border: 1px solid #000000;
681 border-radius: 6px;
682 color: #000000;
683 }
684
685 body[class~="toplevel_page_survey-maker"] .swal2-popup .swal2-styled.swal2-confirm {
686 min-width: 152px;
687 background-color: #007DCB;
688 border-radius: 6px;
689 border: 1px solid transparent;
690 }
691
692 body[class~="toplevel_page_survey-maker"] .swal2-popup .swal2-styled.swal2-confirm:hover {
693 background-color: #29A6F4;
694 }
695
696 body[class~="toplevel_page_survey-maker"] .swal2-popup .swal2-close:hover {
697 color: #979797;
698 }
699
700 body[class~="toplevel_page_survey-maker"] .swal2-popup .swal2-actions {
701 flex-direction: row-reverse;
702 }
703
704 /* Preview Popup new design | End */
705
706 div.ays-top-menu-wrapper {
707 position: relative;
708 display: flex;
709 align-items: center;
710 }
711 .ays_menu_left,
712 .ays_menu_right {
713 position: absolute;
714 cursor: pointer;
715 font-size: 16px;
716 height: 80%;
717 display: none;
718 align-items: center;
719 bottom: 0;
720 z-index: 3;
721 }
722 .ays_menu_left {
723 left: -10px;
724 padding-right: 20px;
725 padding-left: 2px;
726 }
727 .ays_menu_right {
728 right: -10px;
729 padding-left: 20px;
730 padding-right: 2px;
731 }
732 .ays_menu_left:hover {
733 background-image: linear-gradient(to right, #000 , transparent);
734 color: #ccc;
735 border-radius: 50% 0 0 50%;
736 }
737 .ays_menu_right:hover {
738 background-image: linear-gradient(to left, #000 , transparent);
739 color: #ccc;
740 border-radius: 0 50% 50% 0;
741 }
742 div.ays-top-menu-wrapper div.ays-top-menu {
743 overflow: hidden;
744 width: 98%;
745 margin: auto;
746 }
747 div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper {
748 display: flex;
749 flex-wrap: nowrap;
750 transform: translate(0);
751 transition: .5s ease-in-out;
752 padding-right: 7px;
753 min-width: fit-content;
754 width: 100%;
755 }
756 div.ays-top-menu-wrapper div.ays-top-menu div.ays-top-tab-wrapper a{
757 padding: 8px 25px;
758 font-size: 15px;
759 display: inline-block;
760 flex-grow: 1;
761 text-align: center;
762 }
763
764
765 input.ays_toggle[type=checkbox]{
766 display: none;
767 }
768
769 label.ays_switch_toggle {
770 cursor: pointer;
771 text-indent: -9999px;
772 width: 35px;
773 height: 14px;
774 background: grey;
775 display: block;
776 border-radius: 50px;
777 position: relative;
778 transition: .3s ease;
779 }
780
781 label.ays_switch_toggle:after {
782 content: '';
783 position: absolute;
784 top: -3px;
785 left: -3px;
786 width: 20px;
787 height: 20px;
788 background: #0085ba;
789 border-radius: 30px;
790 transition: 0.3s;
791 }
792
793 input:checked + label.ays_switch_toggle {
794 background: #b7ccea;
795 }
796
797 input:checked + label.ays_switch_toggle:after {
798 left: calc(100% - -5px);
799 transform: translateX(-100%);
800 }
801
802 label.ays_switch_toggle:hover:after {
803 box-shadow: 0 0 10px #31618c;
804 }
805 .ays_divider_left {
806 border-left: 1px solid #ccc;
807 }
808 .ays_divider_top {
809 border-top: 1px solid #ccc;
810 }
811 .ays_divider_right {
812 border-right: 1px solid #ccc;
813 }
814 .ays_divider_bottom {
815 border-bottom: 1px solid #ccc;
816 }
817
818
819 blockquote.chat_mode_blockquote_message{
820 font-size: 15px;
821 font-style: italic;
822 border-left: 3px solid #f9e154;
823 }
824
825 blockquote.error_message {
826 color: crimson;
827 font-size: 16px;
828 font-style: italic;
829 border-color: crimson;
830 }
831
832 blockquote.error_message a {
833 color: brown;
834 font-weight: bold;
835 }
836
837 blockquote.ays-survey-integration-information-message {
838 color: black;
839 font-size: 16px;
840 font-style: normal;
841 padding: 22px;
842 border:unset;
843 border-radius: 10px;
844 background: rgba(36, 84, 166, 0.04);
845 font-family: Arial;
846 margin-right: 12px;
847 box-shadow: 0px 0px 4px 0px #00000038;
848 }
849
850 blockquote.ays-survey-integration-information-message a {
851 font-weight: bold;
852 }
853
854 blockquote.ays-survey-integration-information-message .integration-tab-info-circle{
855 vertical-align: top !important;
856 width: 25px;
857 height: 25px;
858 margin-right: 8px;
859 }
860
861 blockquote {
862 font-size: 14px;
863 width: 100%;
864 margin: 0 auto;
865 font-style: italic;
866 color: #555555;
867 padding: 8px 15px 8px 15px;
868 border-left: 5px solid #78c0a8;
869 line-height: 1.6;
870 position: relative;
871 background: #ededed;
872 }
873
874 blockquote::before {
875 content: none;
876 }
877
878 blockquote::after {
879 content: "";
880 }
881
882 blockquote span {
883 display: block;
884 color: #333333;
885 font-style: normal;
886 font-weight: bold;
887 margin-top: 1em;
888 }
889
890
891 /*
892 ==========================================
893 Settings page styles
894 ==========================================
895 */
896 .ays-settings-wrapper {
897 display: flex;
898 }
899 .ays-settings-wrapper .nav-tab-wrapper {
900 display: flex;
901 flex-direction: column;
902 min-width: 150px;
903 margin-right: 15px;
904 border-bottom: none;
905 }
906 .ays-settings-wrapper .nav-tab-wrapper .nav-tab {
907 display: block;
908 width: 100%;
909 border: 1px solid #ccc;
910 margin: 0;
911 float: none !important;
912 }
913 .ays-settings-wrapper .nav-tab-wrapper .nav-tab:last-child {
914 border-bottom: 1px solid #ccc;
915 }
916 .ays-settings-wrapper .ays-survey-tabs-wrapper {
917 width: 100%;
918 border-left: 1px solid #ccc;
919 padding-left: 15px;
920 }
921 .ays-settings-wrapper .ays-survey-tabs-wrapper p.ays-subtitle {
922 margin-top: 0;
923 }
924
925 .go_back{
926 color: black;
927 margin-right: 10px;
928 }
929
930 .chart_div {
931 /*width: 100%;
932 height: 500px;*/
933 margin: auto;
934 }
935
936 .ays-survey-tab-content fieldset,
937 .ays-settings-wrapper fieldset {
938 border: 1px solid #aaa;
939 padding: 10px;
940 }
941
942 #tab8.ays-survey-tab-content fieldset{
943 padding-bottom: 14px;
944 border-radius: 10px;
945 }
946
947 .ays-survey-tab-content legend,
948 .ays-settings-wrapper legend {
949 width: auto;
950 padding: 0 5px;
951 }
952 .ays-survey-tab-content legend h5,
953 .ays-settings-wrapper legend h5 {
954 display: inline-block;
955 margin-left: 10px;
956 }
957
958 .ays_integration_logo {
959 width: 50px;
960 height: auto;
961 vertical-align: middle !important;
962 }
963
964
965 /*
966 * Select2
967 */
968 .select2 {
969 display: inline-block!important;
970 z-index: 0 !important;
971 }
972 #quest_cat_container .select2 {
973 display: block!important;
974 }
975
976
977 .select2-selection.select2-selection--single{
978 height: 40px!important;
979 border: 1px solid #ddd!important;
980 box-shadow: inset 0 1px 2px rgba(0,0,0,.07)!important;
981 }
982
983 .select2-container--default .select2-selection--single .select2-selection__rendered {
984 line-height: 35px!important;
985 }
986
987 .select2-container--default .select2-selection--single .select2-selection__arrow {
988 height: 40px!important;
989 }
990
991 .select2.select2-container{
992 width: 200px!important;
993 }
994
995 /*
996 * Select2 multiple
997 */
998
999 .select2-selection--multiple {
1000 font-size: 16px;
1001 min-height: 40px !important;
1002 border-radius: 4px;
1003 margin-top: -5px;
1004 min-width: 150px;
1005 border-color: #ddd;
1006 }
1007
1008 .select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
1009 border-color: #5b9dd9;
1010 box-shadow: 0 0 2px rgba(30, 140, 190, .8);
1011 outline: 2px solid transparent;
1012 }
1013
1014 .select2.select2-container {
1015 width: 100%;
1016 }
1017
1018 .select2-container--default .select2-selection--multiple .select2-selection__choice {
1019 margin-top: 1px !important;
1020 padding: 0 5px !important;
1021 margin-bottom: 8px !important;
1022 }
1023
1024 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1025 overflow: hidden;
1026 padding-top: 5px;
1027 }
1028 /*
1029 * Select2 multiple
1030 */
1031
1032 .select2-selection--multiple {
1033 font-size: 16px;
1034 min-height: 40px !important;
1035 border-radius: 4px;
1036 margin-top: -5px;
1037 min-width: 150px;
1038 border-color: #ddd;
1039 }
1040
1041 .select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
1042 border-color: #5b9dd9;
1043 box-shadow: 0 0 2px rgba(30, 140, 190, .8);
1044 outline: 2px solid transparent;
1045 }
1046
1047 .select2.select2-container {
1048 width: 100%!important;
1049 }
1050 #ays_survey_change_create_author + .select2.select2-container,
1051 .ays_quiz_stat_select_div .select2.select2-container {
1052 width: 200px!important;
1053 }
1054 .select2-container--default .select2-selection--multiple {
1055 min-height: 50px !important;
1056 }
1057 .select2-container--default .select2-selection--multiple .select2-selection__choice {
1058 margin-top: 4px!important;
1059 padding: 5px!important;
1060 margin-bottom: 0!important;
1061
1062 }
1063 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1064 height: auto;
1065 overflow: visible;
1066 }
1067
1068 .select2-container--default .select2-search--inline .select2-search__field {
1069 background: transparent;
1070 border: none;
1071 outline: none;
1072 box-shadow: none;
1073 width: 100% !important;
1074 }
1075
1076
1077
1078
1079 .sortable_placeholder {
1080 outline: 1px dashed #aaa;
1081 background-color: #ccc;
1082 height: 40px;
1083 width: 100%;
1084 margin-bottom: 5px;
1085 cursor: move;
1086 }
1087
1088
1089
1090
1091
1092 .dropdown-menu.ays-dropdown-menu {
1093 min-width: 4rem;
1094 width: 100%;
1095 }
1096
1097 .ays-dropdown-menu .dropdown-item {
1098 padding: .25rem .5rem;
1099 font-size: 13px;
1100 }
1101
1102 .show-upload-view.upload-import-file-wrap {
1103 display: block;
1104 }
1105
1106 .upload-import-file-wrap {
1107 display: none;
1108 }
1109
1110 .show-upload-view .upload-import-file {
1111 display: block;
1112 text-align: center;
1113 }
1114
1115 .upload-import-file {
1116 box-sizing: border-box;
1117 display: none;
1118 margin: 0;
1119 padding: 50px 0;
1120 width: 100%;
1121 overflow: hidden;
1122 position: relative;
1123 top: 10px;
1124 }
1125
1126 .upload-import-file p,
1127 .upload-import-file label {
1128 color: #555d66;
1129 font-size: 18px;
1130 font-style: normal;
1131 margin: 0;
1132 padding: 0;
1133 text-align: center;
1134 }
1135
1136 .upload-import-file label {
1137 margin-bottom: 15px;
1138 display: block;
1139 font-size: medium;
1140 }
1141
1142 .upload-import-file .ays-dn {
1143 background: #fafafa;
1144 border: 1px solid #e5e5e5;
1145 padding: 30px;
1146 margin: 30px auto;
1147 max-width: fit-content;
1148 }
1149
1150 .upload-import-file .ays-dn input[type="file"] {
1151 padding: 3px 0;
1152 cursor: pointer;
1153 font-size: 13px;
1154 border-radius: 0;
1155 line-height: 1.5;
1156 }
1157
1158
1159 .dropdown-item.ays-survey-section-questions-required{
1160 position: relative;
1161 }
1162
1163 .dropdown-item.ays-survey-section-questions-required img.ays-survey-required-section-img{
1164 padding: 0 5px;
1165 position: absolute;
1166 display: none;
1167 }
1168
1169
1170
1171
1172 /* ~~ Toast Bar ~~ */
1173
1174 .quiz_toast__container {
1175 width: calc(100% - 20px);
1176 margin-top: 20px;
1177 }
1178
1179 .quiz_toast__svg {
1180 fill: #fff;
1181 }
1182
1183 .quiz_toast {
1184 display: flex;
1185 position: relative;
1186 padding: 21px 0;
1187 background-color: #fff;
1188 border-radius: 4px;
1189 box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
1190 }
1191
1192 .quiz_toast__main{
1193 width: 100%;
1194 display: flex;
1195 align-items: center;
1196 padding: 0 20px;
1197 }
1198
1199 .quiz_toast:before {
1200 content: '';
1201 position: absolute;
1202 top: 0;
1203 left: 0;
1204 width: 4px;
1205 height: 100%;
1206 border-top-left-radius: 4px;
1207 border-bottom-left-radius: 4px;
1208 }
1209
1210 .quiz_toast__icon {
1211 width: 40px;
1212 height: 40px;
1213 padding: 7px;
1214 border-radius: 50%;
1215 display: inline-block;
1216 }
1217
1218 .quiz_toast__type {
1219 color: #3e3e3e;
1220 font-weight: 700;
1221 margin-top: 0;
1222 margin-bottom: 8px;
1223 }
1224
1225 .quiz_toast__message {
1226 font-size: 14px;
1227 margin-top: 0;
1228 margin-bottom: 0;
1229 color: #878787;
1230 }
1231
1232 .quiz_toast__rate_button{
1233 display: inline-block;
1234 margin-left: 15px;
1235 padding: 5px 20px;
1236 text-align: center;
1237 cursor: pointer;
1238 color: white;
1239 border-radius: 5px;
1240 background-color: #f50057;
1241 background-image: linear-gradient(180deg, #f50057 0%, #ff4147 100%);
1242 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
1243 }
1244 .quiz_toast__rate_button:focus,
1245 .quiz_toast__rate_button:hover {
1246 outline: none;
1247 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
1248 color: white;
1249 text-decoration: none;
1250 }
1251
1252 .quiz_toast__close {
1253 position: absolute;
1254 right: 5px;
1255 top: 0;
1256 width: 10px;
1257 cursor: pointer;
1258 height: 11px;
1259 fill: #878787;
1260 }
1261
1262 .quiz_toast--red .quiz_toast__icon {
1263 background-color: #f50057;
1264 margin-right: 20px;
1265 }
1266
1267 .quiz_toast--red:before {
1268 background-color: #f50057;
1269 }
1270
1271 /* ~~ Toast Bar End ~~ */
1272
1273
1274
1275 /* Color Picker Alpha issue */
1276 .color-alpha,
1277 .wp-picker-container .color-alpha {
1278 height: 100% !important;
1279 }
1280
1281 @media screen and (max-width: 782px){
1282 .color-alpha,
1283 .wp-picker-container .color-alpha {
1284 width: 40px !important;
1285 }
1286 }
1287
1288 p.ays-subtitle{
1289 margin-top: 20px;
1290 font-size: 18px;
1291 font-weight: 500;
1292 }
1293
1294 .ays-survey-collapse-options{
1295 display: flex;
1296 align-items: center;
1297 gap: 5px;
1298 }
1299
1300 .ays-survey-collapse-options-button{
1301 cursor: pointer;
1302 font-size: 15px;
1303 padding: 3px;
1304 color: #008cff;
1305 transition: 0.2s;
1306 }
1307
1308 p.submit{
1309 display: inline;
1310 margin-right: 10px;
1311 }
1312
1313 .button.ays-button {
1314 margin: 0;
1315 margin-left: 10px;
1316 }
1317
1318 .w-100 {
1319 width: 100px;
1320 }
1321
1322 .display_none {
1323 display: none !important;
1324 }
1325 .display_none_not_important {
1326 display: none;
1327 }
1328 .display_block {
1329 display: block !important;
1330 }
1331 .shortcode.column-shortcode input {
1332 width: 100%;
1333 }
1334
1335 .ays_question_answer+input:disabled+label{
1336 color: rgb(158 155 155 / 75%);
1337 }
1338 input:disabled{
1339 background: rgb(255 255 255 / 50%);
1340 border-color: rgb(158 155 155 / 75%);
1341 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
1342 color: rgb(34 34 34 / 50%);
1343 }
1344 ul.pagination {
1345 display: inline-block;
1346 padding: 0;
1347 margin: 0;
1348 }
1349
1350 ul.pagination li {display: inline;}
1351
1352 ul.pagination li a {
1353 color: black;
1354 float: left;
1355 padding: 8px 16px;
1356 text-decoration: none;
1357 transition: background-color .3s;
1358 border: 1px solid #ddd;
1359 cursor: pointer;
1360 }
1361
1362 ul.pagination li a.active {
1363 background-color:#1e8cbe;
1364 color: white;
1365 border: 1px solid #1e8cbe;
1366 }
1367
1368 ul.pagination li a:hover:not(.active) {background-color: #ddd;}
1369
1370 div.center {text-align: center;}
1371
1372 /*=== Ani | Submission Start===*/
1373
1374 .ays_each_question_answer input[type="radio"]:disabled{
1375 background: rgb(255 255 255 / 50%);
1376 border-color: rgb(158 155 155 / 75%) !important;
1377 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
1378 color: rgb(34 34 34 / 50%);
1379 }
1380
1381 input.ays_number_of_result {
1382 width: 70px;
1383 text-align: right;
1384 height: 24px;
1385 line-height: 24px;
1386 font-size: 24px;
1387 padding: 0;
1388 }
1389
1390 .ays_submissions_input_box {
1391 display: flex;
1392 justify-content: space-between;
1393 align-items: center;
1394 font: 400 24px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
1395 font-size: 24px;
1396 }
1397
1398 .ays_survey_previous_next > div {
1399 display: flex;
1400 width: 48px;
1401 align-items: center;
1402 justify-content: center;
1403 }
1404
1405 .ays_survey_previous {
1406 margin-right: 10px;
1407 font-size: 20px;
1408 }
1409
1410 .ays_survey_next {
1411 margin-left: 10px;
1412 font-size: 20px;
1413 }
1414 .ays_survey_container_each_result {
1415 margin: auto;
1416 padding: 20px;
1417 width: 100%;
1418 max-width: 1200px;
1419 }
1420 .ays_survey_container_each_result p {
1421 margin: 0;
1422 }
1423 .ays_survey_response_count , .ays_survey_each_sub_user_info{
1424 border: 1px solid #c7c4c4;
1425 padding: 20px;
1426 border-radius: 13px;
1427 background-color: #fff;
1428 margin-bottom: 11px;
1429 }
1430
1431 .ays-survey-individual-submissions-navigation {
1432 margin-bottom: 11px;
1433 width: 100%;
1434 background-color: #fff;
1435 box-shadow: 0 0 10px #e5e5e5;
1436 padding: 10px;
1437 border-radius: 6px;
1438 display: flex;
1439 flex-direction: row;
1440 justify-content: flex-start;
1441 align-items: center;
1442 }
1443
1444 /* Star question type start */
1445 div.ays-survey-body-for-select-lenght {
1446 display: flex;
1447 }
1448
1449 div.ays-survey-body-for-select-lenght .ays-survey-question-types-for-select-lenght {
1450 margin-left: 5px;
1451 }
1452
1453 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-start-select-lenght,
1454 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght,
1455 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght-star-list {
1456 font-size: 25px;
1457 line-height: 26px;
1458 height: 36px;
1459 }
1460
1461 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-start-select-lenght option,
1462 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght option,
1463 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght-star-list option {
1464 font-size: 16px;
1465 }
1466 /* Star question type end */
1467
1468 .ays_survey_previous_next_conteiner {
1469 display: flex;
1470 /* margin-top: 13px;*/
1471 }
1472 .ays_questions_answers {
1473 padding: 20px;
1474 border: 1px solid #c7c4c4;
1475 margin-top: 11px;
1476 border-radius: 13px;
1477 border-left: 10px solid rgb(255, 87, 34);
1478 background-color: #fff;
1479 }
1480 .ays_each_question_answer {
1481 margin-top: 2px;
1482 }
1483
1484 .ays-survey-action-add-answer.appsMaterialWizButtonPapericonbuttonEl{
1485 width: 120px;
1486 border-radius: 4px;
1487 }
1488 .ays-survey-action-add-answer {
1489 box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.141), 0 1px 3px 0 rgba(0, 0, 0, 0.122);
1490 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
1491 background-color: #fff;
1492 border: 1px solid #dadce0;
1493 -webkit-border-radius: 8px !important;
1494 border-radius: 8px !important;
1495 padding: 0px 10px !important;
1496 }
1497 #ays-survey-form .ays-survey-answer-icon-box.ays-survey-section-actions-more.dropdown {
1498 display: block;
1499 }
1500
1501 .ays-survey-action-add-answer-text{
1502 margin-left: 5px;
1503 }
1504
1505 .ays_questions_answers .ays-survey-individual-question-title {
1506 margin-bottom: 8px;
1507 padding: 9px 0 4px 0;
1508 line-height: 1.3;
1509 }
1510
1511 .ays_each_question_answer input[type="radio"]:checked::before {
1512 background-color: rgb(255, 87, 34);
1513 width: 12px;
1514 height: 12px
1515 }
1516 .ays_each_question_answer input[type="radio"] {
1517 border:1px solid rgb(255, 87, 34) !important;
1518 width: 20px;
1519 height: 20px
1520 }
1521 .ays_survey_name {
1522 padding: 20px;
1523 margin-top: 5px;
1524 border: 1px solid #c7c4c4;
1525 border-radius: 13px;
1526 border-top: 10px solid rgb(255, 87, 34);
1527 background-color: #fff;
1528 }
1529 .ays_survey_name>p {
1530 color: #a4a4a4;
1531 }
1532 .ays_survey_preloader {
1533 width: 100%;
1534 opacity: 0.7;
1535 position: fixed;
1536 top: 0;
1537 right: 0;
1538 bottom: 0;
1539 margin: auto;
1540 background-color: #f1f1f1;
1541 display: flex;
1542 align-items: center;
1543 justify-content: center;
1544 z-index: 999999;
1545 }
1546 /*=== Ani | Submission End ===*/
1547
1548 span.ays_survey_small_hint_text{
1549 font-style: italic;
1550 color: gray;
1551 display: inline-block;
1552 font-size: 12px;
1553 }
1554
1555 .ays_survey_display_flex{
1556 display: flex;
1557 justify-content: space-between;
1558 }
1559
1560 .ays_survey_display_flex_width{
1561 display: flex;
1562 }
1563
1564 .ays-survey-disable-left-margin {
1565 margin-left: 0 !important;
1566 }
1567
1568 .ays_survey_display_flex_width .ays_dropdown_max_width{
1569 margin-left: 15px;
1570 }
1571
1572 .ays_survey_small_hint_text_for_not_recommended {
1573 font-style: italic;
1574 font-size: 11px;
1575 color: #dc3545;
1576 }
1577
1578 .ays_survey_small_hint_text_for_message_variables{
1579 font-style: italic;
1580 font-size: 11px;
1581 color: grey;
1582 }
1583
1584 #ays-survey-form label.ays_survey_loader,
1585 #ays-survey-form label.ays_survey_before_start_loader {
1586 margin-right: 5px;
1587 border: 1px solid #ccc;
1588 display: inline-flex;
1589 align-items: center;
1590 border-radius: 5px;
1591 padding: 10px 20px;
1592 background: #f5f5f5;
1593 }
1594
1595 /*Send email for testing Start*/
1596
1597 .ays_survey_send_test {
1598 display: flex;
1599 align-items: center;
1600 }
1601
1602 .ays_survey_send_test p.submit {
1603 margin: 0 10px;
1604 padding: 0;
1605 }
1606
1607 .ays_survey_send_test p {
1608 font-size: 16px;
1609 margin: 0;
1610 }
1611
1612 input#ays_survey_test_email {
1613 display: inline-block;
1614 width: auto;
1615 margin-right: 10px;
1616 }
1617
1618 a.ays_survey_test_mail_btn {
1619 padding: 1px 22px !important;
1620 font-size: 17px !important;
1621 margin-right: 10px !important;
1622 }
1623
1624 /*Send email for testing End*/
1625
1626 /* Date Picker start */
1627 #ui-datepicker-div {
1628 font-size: 16px;
1629 z-index: 99999999999999 !important;
1630 font-size: .9em;
1631 }
1632
1633 .ui-datepicker {
1634 background-color: #fff;
1635 border: 1px solid #66AFE9;
1636 border-radius: 4px;
1637 box-shadow: 0 0 8px rgba(102,175,233,.6);
1638 display: none;
1639 margin-top: 4px;
1640 padding: 10px;
1641 width: 240px;
1642 }
1643
1644 .ui-datepicker a,
1645 .ui-datepicker a:hover {
1646 text-decoration: none;
1647 }
1648
1649 .ui-datepicker a:hover,
1650 .ui-datepicker td:hover a {
1651 color: #2A6496;
1652 -webkit-transition: color 0.1s ease-in-out;
1653 -moz-transition: color 0.1s ease-in-out;
1654 -o-transition: color 0.1s ease-in-out;
1655 transition: color 0.1s ease-in-out;
1656 }
1657
1658 .ui-datepicker .ui-datepicker-header {
1659 margin-bottom: 4px;
1660 text-align: center;
1661 }
1662
1663 .ui-datepicker .ui-datepicker-title {
1664 font-weight: 700;
1665 }
1666
1667 .ui-datepicker .ui-datepicker-prev,
1668 .ui-datepicker .ui-datepicker-next {
1669 font: normal normal normal 14px/1 FontAwesome;
1670 font-size: inherit;
1671 text-rendering: auto;
1672 -webkit-font-smoothing: antialiased;
1673 -moz-osx-font-smoothing: grayscale;
1674 cursor: default;
1675 font-style: normal;
1676 font-weight: normal;
1677 height: 20px;
1678 line-height: 1;
1679 margin-top: 2px;
1680 width: 30px;
1681 }
1682
1683 .ui-datepicker .ui-datepicker-prev {
1684 float: left;
1685 text-align: left;
1686 }
1687
1688 .ui-datepicker .ui-datepicker-next {
1689 float: right;
1690 text-align: right;
1691 }
1692
1693 .ui-datepicker .ui-datepicker-prev:before {
1694 content: "\f104";
1695 font-weight: 900;
1696 }
1697
1698 .ui-datepicker .ui-datepicker-next:before {
1699 content: "\f105";
1700 font-weight: 900;
1701 }
1702
1703 .ui-datepicker .ui-icon {
1704 display: none;
1705 }
1706
1707 .ui-datepicker .ui-datepicker-calendar {
1708 table-layout: fixed;
1709 width: 100%;
1710 }
1711
1712 .ui-datepicker .ui-datepicker-calendar th,
1713 .ui-datepicker .ui-datepicker-calendar td {
1714 text-align: center;
1715 padding: 4px 0;
1716 }
1717
1718 .ui-datepicker .ui-datepicker-calendar td {
1719 border-radius: 4px;
1720 -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1721 -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1722 -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1723 transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1724 }
1725
1726 .ui-datepicker .ui-datepicker-calendar td:hover {
1727 background-color: #eee;
1728 cursor: pointer;
1729 }
1730
1731 .ui-datepicker .ui-datepicker-calendar td a {
1732 text-decoration: none;
1733 }
1734
1735 .ui-datepicker .ui-datepicker-current-day {
1736 background-color: #4289cc;
1737 }
1738
1739 .ui-datepicker .ui-datepicker-current-day a {
1740 color: #fff
1741 }
1742
1743 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
1744 background-color: #fff;
1745 cursor: default;
1746 }
1747 /* Date Picker end */
1748
1749 .ays_save_buttons_content{
1750 display: flex;
1751 justify-content: space-between;
1752 }
1753 .button.ays_default_btn{
1754 background-color: #ffa500;
1755 color: #fffdfd;
1756 border-color: #ffa500;
1757 margin-right: 0;
1758 margin-left: 10px;
1759 }
1760 .button.ays_default_btn:focus,
1761 .button.ays_default_btn:active,
1762 .button.ays_default_btn:hover{
1763 background-color: #f59e00;
1764 color: #fff;
1765 border-color: #f59e00;
1766 }
1767 .button.ays_default_btn:focus{
1768 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f59e00;
1769 }
1770
1771
1772 .ays_color_red {
1773 color: red;
1774 }
1775 .ays_color_red:hover,
1776 .ays_color_red:focus,
1777 .ays_color_red:active,
1778 .ays_color_red:visited {
1779 color: brown;
1780 }
1781
1782 /*How to use Submenu Style Start*/
1783
1784 .ays-survey-faq-main{
1785 max-width: 800px;
1786 margin: auto;
1787 text-align: center;
1788 }
1789 .ays-survey-faq-main p{
1790 color: #212529;
1791 font-size: 18px;
1792 }
1793 .ays-survey-faq-main ol{
1794 color: #3a546f;
1795 }
1796 div.wrap .ays-survey-wp-heading-inline{
1797 font-size: 27px;
1798 color: #364150;
1799 font-weight: 700;
1800 letter-spacing: -1px;
1801 }
1802 .ays-survey-faq-main h2{
1803 color: inherit;
1804 font-size: 22px;
1805 font-weight: 400;
1806 letter-spacing: -1px;
1807 margin-bottom: 20px;
1808 }
1809 .ays-survey-faq-main fieldset{
1810 border:1px solid #ccc;
1811 padding:10px;
1812 width:fit-content;
1813 margin:0 auto;
1814 margin-bottom: 40px;
1815 }
1816 .ays-survey-faq-main fieldset .ays-quyiz-ol-container{
1817 text-align: left;
1818 }
1819 .ays-survey-p-container p{
1820 font-weight: 600;
1821 }
1822 .ays-survey-ol-container ol {
1823 text-align: left;
1824 }
1825 .ays-survey-asked-questions .ays-pro-asked-question:first-child {
1826 border-top: 1px solid #e5ecf6;
1827 }
1828 .ays-survey-asked-question {
1829 margin: 0;
1830 border-bottom: 2px solid #000;
1831 }
1832 .ays-survey-asked-question__header {
1833 cursor: pointer;
1834 display: -webkit-box;
1835 display: -ms-flexbox;
1836 display: flex;
1837 -webkit-box-pack: justify;
1838 -ms-flex-pack: justify;
1839 justify-content: space-between;
1840 align-items: center;
1841 padding: 0 22px;
1842 min-height: 50px;
1843 }
1844 .ays-survey-asked-question__title h4{
1845 font-size: 19px;
1846 color: #23282d;
1847 }
1848 .ays-survey-asked-question__body {
1849 text-align: left;
1850 color: #3a546f;
1851 font-size: 18px;
1852 max-height: 0;
1853 overflow: hidden;
1854 transition: max-height 0.2s ease-out;
1855 padding: 0 22px;
1856 }
1857 .ays-survey-asked-question__arrow {
1858 cursor: pointer;
1859 display: -webkit-box;
1860 display: -ms-flexbox;
1861 display: flex;
1862 -webkit-box-align: center;
1863 -ms-flex-align: center;
1864 align-items: center;
1865 -webkit-box-pack: center;
1866 -ms-flex-pack: center;
1867 justify-content: center;
1868 font-size: 10px;
1869 background: #f7faff;
1870 width: 20px;
1871 height: 20px;
1872 border-radius: 100%;
1873 }
1874
1875 .ays-survey-faq-main .ays-survey-faq-footer{
1876 font-size: 15px;
1877 margin-top: 50px;
1878 }
1879
1880 .wrap h1.ays-survey-maker-wrapper{
1881 text-align: center;
1882 font-size: 40px;
1883 margin-bottom: 20px;
1884 }
1885 .ays_heart_beat i.ays_fa{
1886 color: red!important;
1887 font-weight: bold;
1888 }
1889 .ays_heart_beat {
1890 font-size: 20px;
1891 margin-left: 10px;
1892 }
1893
1894 /*How to use Submenu Style End*/
1895
1896 @-webkit-keyframes ays_survey_pulse {
1897 from,
1898 to {
1899 -webkit-transform: scale3d(1, 1, 1);
1900 transform: scale3d(1, 1, 1)
1901 }
1902 50% {
1903 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1904 transform: scale3d(1.2, 1.2, 1.2)
1905 }
1906 }
1907
1908 @-moz-keyframes ays_survey_pulse {
1909 from,
1910 to {
1911 -webkit-transform: scale3d(1, 1, 1);
1912 transform: scale3d(1, 1, 1)
1913 }
1914 50% {
1915 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1916 transform: scale3d(1.2, 1.2, 1.2)
1917 }
1918 }
1919
1920 @-ms-keyframes ays_survey_pulse {
1921 from,
1922 to {
1923 -webkit-transform: scale3d(1, 1, 1);
1924 transform: scale3d(1, 1, 1)
1925 }
1926 50% {
1927 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1928 transform: scale3d(1.2, 1.2, 1.2)
1929 }
1930 }
1931
1932 @keyframes ays_survey_pulse {
1933 from,
1934 to {
1935 -webkit-transform: scale3d(1, 1, 1);
1936 -moz-transform: scale3d(1, 1, 1);
1937 -ms-transform: scale3d(1, 1, 1);
1938 transform: scale3d(1, 1, 1)
1939 }
1940 50% {
1941 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1942 -moz-transform: scale3d(1.2, 1.2, 1.2);
1943 -ms-transform: scale3d(1.2, 1.2, 1.2);
1944 transform: scale3d(1.2, 1.2, 1.2)
1945 }
1946 }
1947
1948 .ays_survey_pulse {
1949 -webkit-animation-name: ays_survey_pulse;
1950 -moz-animation-name: ays_survey_pulse;
1951 -ms-animation-name: ays_survey_pulse;
1952 animation-name: ays_survey_pulse
1953 }
1954
1955
1956
1957 /* Featured Plugins Start */
1958
1959 .card img {
1960 width: 128px;
1961 margin: auto;
1962 }
1963
1964 .coming-soon span {
1965 font-size: 25px;
1966 font-weight: 600;
1967 background: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
1968 -webkit-background-clip: text;
1969 background-clip: text;
1970 -webkit-text-fill-color: transparent;
1971 }
1972
1973 .ays-survey-features-wrap .comparison {
1974 max-width: 100%;
1975 margin: 0 auto;
1976 margin-bottom: 20px;
1977 margin-top: 30px;
1978 font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
1979 text-align: center;
1980 padding: 10px;
1981 overflow-x: auto;
1982 }
1983
1984 .ays-survey-features-wrap .ays-survey-features-video {
1985 display: flex;
1986 justify-content: center;
1987 align-items: center;
1988 margin-top: 40px;
1989 gap: 5px;
1990 }
1991
1992 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon{
1993 display: flex;
1994 }
1995
1996 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text{
1997 font-weight: 700;
1998 }
1999
2000 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text a{
2001 color: black;
2002 box-shadow: unset;
2003 outline: none;
2004 }
2005
2006 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon img{
2007 width: 25px;
2008 }
2009
2010 .ays-survey-features-wrap .comparison table {
2011 width: 100%;
2012 border-collapse: collapse;
2013 border-spacing: 0;
2014 table-layout: auto;
2015 text-align: inherit;
2016 }
2017
2018 .ays-survey-features-wrap .comparison td,
2019 .ays-survey-features-wrap .comparison th {
2020 border-right: 1px solid #E8E8E8;
2021 empty-cells: show;
2022 padding: 10px;
2023 border-top: 1px solid #E8E8E8;
2024 border-bottom: 1px solid #E8E8E8;
2025 color: #808080;
2026 font-size: 15px;
2027 }
2028
2029 .ays-survey-features-wrap .comparison tbody tr:nth-child(odd) {
2030 display: none;
2031 }
2032
2033 .ays-survey-features-wrap .comparison .compare-row {
2034 background: #F7F7F7;
2035 }
2036
2037 .ays_fa_check {
2038 color: #69C7F1;
2039 }
2040
2041 .ays-survey-features-wrap .comparison th {
2042 font-weight: normal;
2043 padding: 0;
2044 border-top: 0px solid #E8E8E8;
2045 border-bottom: 0px solid #E8E8E8;
2046 }
2047
2048 .ays-survey-features-wrap .comparison tr td:first-child {
2049 text-align: left;
2050 padding: 15px;
2051 border-left: 1px solid #E8E8E8;
2052 border-top: 1px solid #E8E8E8;
2053 }
2054
2055 .ays-survey-features-wrap .comparison .product,
2056 .ays-survey-features-wrap .comparison .tl {
2057 color: #FFF;
2058 padding: 10px;
2059 font-size: 14px;
2060 }
2061
2062 .ays-survey-features-wrap .comparison .tl2 {
2063 border-right: 0;
2064 }
2065
2066 .ays-survey-features-wrap .comparison .product {
2067 background: #69C7F1;
2068 height: 40px;
2069 font-size: 1.6em;
2070 }
2071
2072 .ays-survey-features-wrap .comparison .price-info {
2073 padding: 15px;
2074 }
2075
2076 .ays-survey-features-wrap .comparison .price-now,
2077 .ays-survey-features-wrap .comparison .price-now span {
2078 color: #808080;
2079 }
2080
2081 .ays-survey-features-wrap .comparison .price-now span {
2082 font-size: 36px;
2083 color: #545454;
2084 }
2085
2086 .ays-survey-features-wrap .comparison .price-now p {
2087 font-size: 14px;
2088 text-align: center;
2089 line-height: 16px;
2090 display: inline;
2091 }
2092
2093 .ays-survey-features-wrap .comparison .price-buy {
2094 background: #69C7F1;
2095 padding: 10px 20px;
2096 font-size: 14px;
2097 display: inline-block;
2098 color: #fff;
2099 text-decoration: none;
2100 border-radius: 3px;
2101 text-transform: uppercase;
2102 margin: 5px 0 10px 0;
2103 letter-spacing: 1px;
2104 cursor: pointer;
2105 -webkit-transition: .3s all ease;
2106 transition: .3s all ease;
2107 }
2108
2109 .ays-survey-features-wrap .comparison .price-buy:hover {
2110 background: #6BB0DC;
2111 }
2112
2113 /* Featured Plugins End */
2114
2115 .popover {
2116 background: rgb(95 99 104 / 90%) !important;
2117 }
2118
2119 .popover * {
2120 color: #fff;
2121 }
2122
2123 .ays_read_result{
2124 background-color: #ddd !important;
2125 font-weight: 700 !important;
2126 }
2127
2128 .ays-survey-subtitle {
2129 font-size: 23px;
2130 font-weight: 400;
2131 margin: 0;
2132 padding: 9px 0 4px 0;
2133 line-height: 1.3;
2134 }
2135
2136
2137 .ays-survey-image-container .ays-survey-image-body {
2138 -webkit-box-align: center;
2139 box-align: center;
2140 -webkit-align-items: center;
2141 align-items: center;
2142 display: -webkit-box;
2143 display: -webkit-flex;
2144 display: flex;
2145 }
2146
2147 .ays-survey-image-container .ays-survey-image-wrapper {
2148 margin-top: 20px;
2149 padding: 12px;
2150 position: relative;
2151 }
2152
2153 .ays-survey-image-container .ays-survey-image-wrapper > img {
2154 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
2155 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
2156 max-height: 120px;
2157 max-width: 180px;
2158 }
2159
2160 .ays-survey-image-wrapper-delete-wrap {
2161 height: 30px;
2162 width: 30px;
2163 color: rgba(0, 0, 0, 0.54);
2164 fill: rgba(0, 0, 0, 0.54);
2165 -webkit-user-select: none;
2166 user-select: none;
2167 -webkit-transition: background 0.3s;
2168 transition: background 0.3s;
2169 border: 0;
2170 -webkit-border-radius: 50%;
2171 border-radius: 50%;
2172 cursor: pointer;
2173 display: inline-block;
2174 -webkit-flex-shrink: 0;
2175 flex-shrink: 0;
2176 outline: none;
2177 overflow: hidden;
2178 position: relative;
2179 text-align: center;
2180 -webkit-tap-highlight-color: transparent;
2181 z-index: 0;
2182 position: absolute;
2183 right: 0;
2184 top: 0;
2185
2186 }
2187 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont {
2188 position: relative;
2189 display: flex;
2190 justify-content: center;
2191 align-items: center;
2192 height: 100%;
2193 }
2194 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont > span {
2195 display: inline-block;
2196 position: relative;
2197 top: -12px;
2198 }
2199 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont .ays-survey-image-wrapper-delete-icon-cont {
2200 opacity: 0.54;
2201 direction: ltr;
2202 text-align: left;
2203 height: 24px;
2204 overflow: hidden;
2205 width: 24px;
2206 display: inline-block;
2207 position: relative;
2208 }
2209
2210 .ays-survey-image-wrapper-delete-wrap {
2211 background-color: #f5f5f5;
2212 -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
2213 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
2214 }
2215
2216 .google-visualization-tooltip {
2217 pointer-events: none;
2218 }
2219
2220
2221 div.ays-survey-preloader {
2222 display: none;
2223 position: absolute;
2224 background: rgba(255, 255, 255, 0.8);
2225 width: 100%;
2226 justify-content: center;
2227 height: 100%;
2228 align-items: center;
2229 z-index: 10;
2230 }
2231
2232 ul.ays_tooltop_ul {
2233 padding-left: 10px;
2234 list-style-type: circle;
2235 list-style-position: inside;
2236 }
2237
2238 ul.ays_tooltop_ul_inside {
2239 padding-left: 30px;
2240 padding-top: 10px;
2241 list-style-type: circle;
2242 list-style-position: inside;
2243 }
2244
2245
2246 .dropdown-item:link,
2247 .dropdown-item:visited,
2248 .dropdown-item:hover,
2249 .dropdown-item:active,
2250 .dropdown-item:focus {
2251 outline: none;
2252 }
2253
2254 .dropdown-item:focus,
2255 .dropdown-item:hover {
2256 color: #16181b;
2257 text-decoration: none;
2258 background-color: rgb(255 87 34 / 20%);
2259 }
2260
2261 .dropdown-item.active,
2262 .dropdown-item:active {
2263 color: #fff;
2264 text-decoration: none;
2265 background-color: #ff5722;
2266 }
2267
2268
2269 .dropdown-menu {
2270 outline: none;
2271 border: 0;
2272 box-shadow: 0.025px 0.025px 1px 1px rgb(0 0 0 / 20%), 0px 2px 1px 0px rgb(0 0 0 / 14%), 0px 2px 5px 0 rgb(0 0 0 / 12%);
2273 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2274 }
2275
2276 .dropdown-menu[x-placement="top-end"]::before {
2277 position: absolute;
2278 bottom: -6px;
2279 right: 17px;
2280 display: inline-block;
2281 border-right: 6px solid transparent;
2282 border-top: 6px solid #ccc;
2283 border-left: 6px solid transparent;
2284 border-top-color: rgba(0, 0, 0, 0.3);
2285 content: '';
2286 }
2287
2288 .dropdown-menu[x-placement="top-end"]::after {
2289 position: absolute;
2290 bottom: -5px;
2291 right: 17px;
2292 display: inline-block;
2293 border-right: 6px solid transparent;
2294 border-top: 6px solid #ffffff;
2295 border-left: 6px solid transparent;
2296 content: '';
2297 }
2298
2299 .dropdown-menu[x-placement="top-start"]::before {
2300 position: absolute;
2301 bottom: -6px;
2302 left: 19px;
2303 display: inline-block;
2304 border-right: 6px solid transparent;
2305 border-top: 6px solid #ccc;
2306 border-left: 6px solid transparent;
2307 border-top-color: rgba(0, 0, 0, 0.3);
2308 content: '';
2309 }
2310
2311 .dropdown-menu[x-placement="top-start"]::after {
2312 position: absolute;
2313 bottom: -5px;
2314 left: 19px;
2315 display: inline-block;
2316 border-right: 6px solid transparent;
2317 border-top: 6px solid #ffffff;
2318 border-left: 6px solid transparent;
2319 content: '';
2320 }
2321
2322 .dropdown-menu[x-placement="bottom-end"]::before {
2323 position: absolute;
2324 top: -7px;
2325 right: 19px;
2326 display: inline-block;
2327 border-right: 6px solid transparent;
2328 border-bottom: 6px solid #ccc;
2329 border-left: 6px solid transparent;
2330 border-bottom-color: rgba(0, 0, 0, 0.3);
2331 content: '';
2332 }
2333
2334 .dropdown-menu[x-placement="bottom-end"]::after {
2335 position: absolute;
2336 top: -6px;
2337 right: 19px;
2338 display: inline-block;
2339 border-right: 6px solid transparent;
2340 border-bottom: 6px solid #ffffff;
2341 border-left: 6px solid transparent;
2342 content: '';
2343 }
2344
2345 .dropdown-menu[x-placement="bottom-start"]::before {
2346 position: absolute;
2347 top: -7px;
2348 left: 13px;
2349 display: inline-block;
2350 border-right: 7px solid transparent;
2351 border-bottom: 7px solid #ccc;
2352 border-left: 7px solid transparent;
2353 border-bottom-color: rgba(0, 0, 0, 0.3);
2354 content: '';
2355 }
2356
2357 .dropdown-menu[x-placement="bottom-start"]::after {
2358 position: absolute;
2359 top: -6px;
2360 left: 14px;
2361 display: inline-block;
2362 border-right: 6px solid transparent;
2363 border-bottom: 6px solid #ffffff;
2364 border-left: 6px solid transparent;
2365 content: '';
2366 }
2367
2368 .dropdown-menu[x-placement="left-start"]::before {
2369 position: absolute;
2370 right: -7px;
2371 top: 19px;
2372 display: inline-block;
2373 border-top: 7px solid transparent;
2374 border-left: 7px solid #ccc;
2375 border-bottom: 7px solid transparent;
2376 border-left-color: rgba(0, 0, 0, 0.3);
2377 content: '';
2378 }
2379
2380 .dropdown-menu[x-placement="left-start"]::after {
2381 position: absolute;
2382 right: -6px;
2383 top: 20px;
2384 display: inline-block;
2385 border-top: 6px solid transparent;
2386 border-left: 6px solid #ffffff;
2387 border-bottom: 6px solid transparent;
2388 content: '';
2389 }
2390
2391 a.ays_survey_summary_mail_btn {
2392 padding: 1px 10px !important;
2393 font-size: 15px !important;
2394 }
2395
2396 div.ays-google-sheet-popover {
2397 background: white !important;
2398 }
2399
2400 div.ays-google-sheet-popover code{
2401 color: #e83e8c !important;
2402 }
2403
2404 div.ays-google-sheet-popover *:not(a){
2405 color: black;
2406 }
2407
2408 div.ays-google-sheet-popover a{
2409 color: #007bff;
2410 }
2411
2412
2413 #ays-survey-form img {
2414 vertical-align: initial;
2415 }
2416
2417 #ays-survey-form .ays-survey-tab-content .iris-strip.iris-slider.iris-alpha-slider{
2418 margin-left: 7.813px !important;
2419 }
2420
2421 .tablenav a.button,
2422 .tablenav a.button-secondary {
2423 display: inline-block;
2424 }
2425
2426 select#ays_survey_default_type + span.select2-container #select2-ays_survey_default_type-container{
2427 line-height: 34px !important;
2428 }
2429
2430
2431 /*
2432 * Survey themes
2433 */
2434
2435 .ays-survey-themes-main-div-wrap {
2436 display: flex;
2437 flex-wrap: wrap;
2438 gap: 20px;
2439 justify-content: center;
2440 }
2441
2442 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div {
2443 width: 200px;
2444 margin-right: 10px;
2445 }
2446
2447 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item {
2448 text-align: center;
2449 padding: 5px;
2450 height: 100%;
2451 object-fit: contain;
2452 display: flex;
2453 object-position: center center;
2454 flex-direction: column;
2455 align-items: center;
2456 justify-content: center;
2457 border: 1px solid #C7C7C7;
2458 border-radius: 4px;
2459 cursor: pointer;
2460 }
2461
2462 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item:hover {
2463 box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.3);
2464 }
2465
2466 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item img {
2467 width: 100%;
2468 max-width: 100%;
2469 }
2470
2471 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"] {
2472 display: none;
2473 }
2474
2475 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"]:checked + label.ays-survey-theme-item {
2476 /*box-shadow: 0px 0px 10px #ff581f;*/
2477 box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.5);
2478 }
2479
2480
2481 /* Community start */
2482 @media (min-width: 1250px) {
2483 .ays-survey-community-wrap .ays-survey-community-item {
2484 width:calc(28.3333333% - 13.3333333px)
2485 }
2486
2487 .ays-survey-community-wrap .ays-survey-community-item:nth-child(3n) {
2488 margin-right: 0
2489 }
2490 }
2491
2492 @media (max-width: 1249px) {
2493 .ays-survey-community-wrap .ays-survey-community-item {
2494 width:calc(50% - 10px)
2495 }
2496
2497 .ays-survey-community-wrap .ays-survey-community-item:nth-child(2n) {
2498 margin-right: 0
2499 }
2500 }
2501
2502 @media (max-width: 767px) {
2503 div.ays-survey-community-wrap .ays-survey-community-item {
2504 width:100%;
2505 margin-right: 0
2506 }
2507
2508 div.ays-survey-community-youtube-video iframe {
2509 width: 100%;
2510 }
2511 }
2512
2513 .ays-survey-community-wrap {
2514 text-align: center;
2515 width: 70%;
2516 margin: auto;
2517 margin-bottom: 60px;
2518 }
2519
2520 .ays-survey-community-wrap *,
2521 .ays-survey-community-wrap *::before,
2522 .ays-survey-community-wrap *::after {
2523 -webkit-box-sizing: border-box;
2524 -moz-box-sizing: border-box;
2525 box-sizing: border-box;
2526 }
2527
2528 .ays-survey-community-wrap .ays-survey-community-container {
2529 display: flex;
2530 flex-wrap: wrap;
2531 justify-content: center;
2532 margin: 20px;
2533 margin-top: 40px;
2534 }
2535
2536 .ays-survey-community-wrap .ays-survey-community-item {
2537 /*border: 1px solid #DDDDDD;*/
2538 margin: 0 20px 20px 0;
2539 background-color: #FAF8F8;
2540 position: relative;
2541 box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8;
2542 border-radius: 2px;
2543 }
2544
2545 .ays-survey-community-wrap .ays-survey-community-item-cover {
2546 width: 100%;
2547 height: 120px;
2548 position: relative;
2549 display: block
2550 }
2551
2552 .ays-survey-community-wrap .ays-survey-community-item-img {
2553 width: auto;
2554 height: auto;
2555 max-width: 80px;
2556 max-height: 80px;
2557 position: absolute;
2558 top: 0;
2559 bottom: 0;
2560 left: 0;
2561 right: 0;
2562 margin: auto;
2563 font-size: 70px;
2564 line-height: 80px;
2565 }
2566
2567 .ays-survey-community-wrap .ays-survey-community-item-img.ays_fa_youtube_play {
2568 color: #B74141;
2569 }
2570
2571 .ays-survey-community-wrap .ays-survey-community-item-img.ays_fa_users {
2572 color: #E78A2C;
2573 }
2574
2575 .ays-survey-community-wrap .ays-survey-community-item-title {
2576 margin: 17px 20px 10px 20px;
2577 font-size: 16px
2578 }
2579
2580 .ays-survey-community-wrap .ays-survey-community-item-desc {
2581 margin: 0 20px 100px 20px;
2582 font-size: 14px
2583 }
2584
2585 .ays-survey-community-wrap .ays-survey-community-item-footer {
2586 position: absolute;
2587 width: 100%;
2588 bottom: 0;
2589 padding: 20px;
2590 /*border-top: 1px solid #dddddd;
2591 background-color: #F7F7F7*/
2592 }
2593
2594 .ays-survey-community-wrap .button {
2595 display: inline-block;
2596 width: 150px;
2597 background-color: #FAF8F8;
2598 color: #1C75A6;
2599 font-weight: bold;
2600 border: 1px solid #0e6897;
2601 padding: 3px 34px;
2602 height: auto;
2603 /*line-height: 13px;*/
2604 /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/
2605 transition: 0.5s;
2606 }
2607
2608 .ays-survey-community-wrap .button:hover {
2609 background: #008ec2;
2610 border-color: #006799;
2611 color: #fff;
2612 }
2613
2614 .ays-survey-community-wrap a.ays-survey-community-item-cover:hover {
2615 color: #2271b1;
2616 }
2617
2618 /* Community end */
2619
2620 .ays_surveys_list_table .column-code_include,
2621 .ays_surveys_list_table .column-category_ids,
2622 .ays_surveys_list_table .column-author_id {
2623 width: 10%;
2624 }
2625
2626 .ays_surveys_list_table .column-shortcode {
2627 width: 14%;
2628 }
2629
2630 .ays_surveys_list_table .column-items_count {
2631 width: 8%;
2632 }
2633
2634 .ays_surveys_list_table .column-sections_count {
2635 width: 7%;
2636 }
2637
2638 .ays_surveys_list_table .column-id {
2639 width: 4%;
2640 }
2641
2642 .ays_surveys_list_table .column-status,
2643 .ays_surveys_list_table .column-submissions_count {
2644 width: 9%;
2645 }
2646
2647
2648 .export-survey-example {
2649 display: block;
2650 float: right;
2651 line-height: 30px;
2652 position: relative;
2653 top: -13px;
2654 }
2655
2656 .ays_survey_each_sub_user_info_header {
2657 display: flex;
2658 flex-wrap: wrap;
2659 justify-content: space-between;
2660 }
2661
2662 .ays_survey_each_sub_user_info_header .ays_survey_each_sub_user_info_header_text span{
2663 font-weight: 600;
2664 font-size: 18px;
2665 }
2666
2667 .ays_survey_each_sub_user_info_body{
2668 margin-top: 15px;
2669 }
2670
2671 .ays_survey_each_sub_user_info_columns{
2672 display: flex;
2673 }
2674
2675 .ays_survey_each_sub_user_info_columns div:first-child{
2676 width: 150px;
2677 min-width: 150px;
2678 }
2679
2680 .ays_survey_each_sub_user_info_columns div:last-child{
2681 border-left: 1px solid #00000082;
2682 padding: 0 0 0 40px;
2683 word-break: break-all;
2684 margin: 0 0 0 40px;
2685 }
2686
2687 .ays_survey_loader_text,.ays_survey_loader_custom_gif{
2688 display: flex;
2689 width: 52px;
2690 height: 52px;
2691 margin: 6px;
2692 align-items: center;
2693 font-size: 20px;
2694 font-weight: 600;
2695 }
2696
2697 div#tab4 button.add_survey_loader_custom_gif {
2698 padding: 0 15px;
2699 }
2700
2701 .ays-survey-loader-custom-gif-container{
2702 position: relative;
2703 }
2704
2705 .ays-survey-loader-custom-gif-container .ays-edit-survey-loader-custom-gif{
2706 position: absolute;
2707 left: -10px;
2708 top: -10px;
2709 background-color: #f5f5f5;
2710 width: 30px;
2711 height: 30px;
2712 border-radius: 50%;
2713 display: flex;
2714 justify-content: center;
2715 align-items: center;
2716 }
2717
2718 .ays-survey-loader-custom-gif-container .ays-edit-survey-loader-custom-gif i{
2719 color: #000000bf;
2720 }
2721
2722 .ays-survey-loader-custom-gif-container .ays-survey-image-wrapper-delete-wrap{
2723 position: absolute;
2724 right: -10px;
2725 top: -10px;
2726 }
2727
2728 .ays-survey-loader-custom-gif-container img.ays_survey_img_loader_custom_gif{
2729 width: 120px;
2730 height: 120px;
2731 object-fit: cover;
2732 }
2733
2734 div#wpbody div.wrap div.ays-survey-heart-beat-main-heading.ays-survey-heart-beat-main-heading-container{
2735 text-align: center;
2736 }
2737
2738 div#wpbody div.wrap div.container-fluid div.ays-survey-our-products-heading.ays-survey-our-products-heading-container{
2739 text-align: center;
2740 }
2741
2742 /* PRO */
2743 .ays-survey-question-type.selection .disabled.item{
2744 font-style: italic;
2745 }
2746
2747 .checkbox_ays {
2748 padding: 8px;
2749 border: 1px solid #ccc;
2750 white-space: nowrap;
2751 margin-bottom: .75rem;
2752 }
2753
2754 a.ays-survey-to-curnet-survey,a.ays-survey-to-curnet-survey:hover{
2755 color: inherit;
2756 box-shadow: unset;
2757 outline: none;
2758 }
2759
2760 #ays-survey-form .ays_option_description {
2761 display: block;
2762 margin-top: 2px;
2763 margin-bottom: 5px;
2764 font-size: 14px;
2765 color: #666;
2766 line-height: 1.5;
2767 }
2768
2769 div.ays-survey-question-text-types-note-text span{
2770 font-style: italic;
2771 font-size: 12.3px;
2772 }
2773
2774 /* Sale buttom banner | Start */
2775
2776 .ays-survey-general-bundle-container {
2777 padding: 20px 20px;
2778 color: #000;
2779 border-radius: 5px;
2780 width: 100%;
2781 margin-right: auto;
2782 margin-left: auto;
2783 background-image: url(../images/survey-winter-sale.png);
2784 background-position: center center;
2785 background-size: contain;
2786 /* background-color: #191919; */
2787 background-repeat: no-repeat;
2788 }
2789
2790 .ays-survey-general-bundle-container .ays-survey-general-bundle-box {
2791 display: flex;
2792 justify-content: flex-end;
2793 align-items: center;
2794 }
2795
2796 .ays-survey-general-bundle-container .ays-survey-general-bundle-row {
2797 text-align: center;
2798 margin-right: 75px;
2799 }
2800
2801 .ays-survey-general-bundle-container .ays-survey-general-bundle-image-row img {
2802 height: 130px;
2803 }
2804
2805 .ays-survey-general-bundle-container .ays-survey-general-bundle-color {
2806 color: #971821;
2807 }
2808
2809 .ays-survey-general-bundle-container .ays-survey-general-bundle-text {
2810 font-size: 25px;
2811 font-weight: 700;
2812 color: #fff;
2813 }
2814
2815 .ays-survey-general-bundle-container .ays-survey-general-bundle-text > span{
2816 color: #971821;
2817 }
2818
2819 .ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
2820 font-size: 20px;
2821 font-weight: 700;
2822 color: #971821;
2823 }
2824
2825 .ays-survey-general-bundle-container .ays-survey-general-bundle-row p {
2826 font-weight: 500;
2827 color: #fff;
2828 }
2829
2830 .ays-survey-general-bundle-container .ays-survey-general-bundle-button {
2831 background-color: #971821;
2832 border-color: #fff;
2833 display: flex;
2834 justify-content: center;
2835 align-items: center;
2836 padding: 5px 15px;
2837 font-size: 16px;
2838 color: #fff !important;
2839 text-decoration: none !important;
2840 text-shadow: none;
2841 font-weight: 900;
2842
2843 line-height: 2.15384615;
2844 min-height: 30px;
2845 margin: 0;
2846 cursor: pointer;
2847 border-width: 1px;
2848 border-style: solid;
2849 -webkit-appearance: none;
2850 border-radius: 3px;
2851 white-space: nowrap;
2852 box-sizing: border-box;
2853 }
2854
2855 .ays-survey-general-bundle-container .ays-survey-general-bundle-link-color {
2856 color: #971821 !important;
2857 }
2858
2859 .ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
2860 text-decoration: underline;
2861 }
2862
2863 .ays-survey-general-bundle-container .ays-survey-general-bundle-button:hover {
2864 background-color: #7d161d;
2865 border-color: #971821;
2866 }
2867
2868 @media screen and (max-width: 1400px) {
2869 div.ays-survey-general-bundle-container {
2870 background-image: linear-gradient(90deg, #7ec9da, #1586a1);
2871 background-position: top center;
2872 background-size: cover;
2873 }
2874 div.ays-survey-general-bundle-container .ays-survey-general-bundle-box {
2875 flex-wrap: wrap;
2876 justify-content: center;;
2877 }
2878
2879 div.ays-survey-general-bundle-row div.ays-survey-general-bundle-text{
2880 font-size: 20px;
2881 }
2882
2883 div.ays-survey-general-bundle-container .ays-survey-general-bundle-button {
2884 font-size: 13px;
2885 }
2886
2887 div.ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
2888 font-size: 19px;
2889 }
2890
2891 .ays-survey-general-bundle-container .ays-survey-general-bundle-row p{
2892 margin: 0;
2893 }
2894 }
2895 @media screen and (max-width: 768px) {
2896 .ays-survey-general-bundle-container .ays-survey-general-bundle-row {
2897 margin: 10px 0;
2898 }
2899
2900 div.ays-survey-general-bundle-container {
2901 background-image: linear-gradient(180deg, #7ec9da, #1586a1);
2902 }
2903 }
2904
2905 /* Sale buttom banner | End */
2906
2907
2908 /* ========== Condition result start ==========*/
2909 #ays-survey-form .ays-survey-condition-containers-added{
2910 box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
2911 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2912 background-color: #fff;
2913 -webkit-border-radius: 8px;
2914 border-radius: 8px;
2915 position: relative;
2916 -webkit-transition: box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
2917 transition: box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
2918 margin-bottom: 12px;
2919 min-height: 250px;
2920 padding: 10px;
2921 border-top-left-radius: 0;
2922 border-radius: 8px;
2923 border-top: 10px solid;
2924 transition: 0.5s;
2925 }
2926
2927 #ays-survey-form .ays-survey-condition-containers-editable{
2928 box-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%);
2929 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2930 background-color: #fff;
2931 -webkit-border-radius: 8px;
2932 border-radius: 8px;
2933 border-top-left-radius: 0;
2934 border-radius: 8px;
2935 border-left: 5px solid;
2936 transition: 0.5s;
2937 height: 50px;
2938 }
2939
2940 #ays-survey-form .ays-survey-condition-add-new {
2941 -webkit-user-select: none;
2942 user-select: none;
2943 -webkit-transition: background 0.3s;
2944 transition: background 0.3s;
2945 border: 0;
2946 -webkit-border-radius: 50%;
2947 border-radius: 50%;
2948 cursor: pointer;
2949 display: inline-block;
2950 -webkit-flex-shrink: 0;
2951 flex-shrink: 0;
2952 height: 48px;
2953 outline: none;
2954 overflow: hidden;
2955 position: relative;
2956 text-align: center;
2957 -webkit-tap-highlight-color: transparent;
2958 width: 48px;
2959 z-index: 0;
2960 transition: 0.5s;
2961 }
2962
2963 #ays-survey-form .ays-survey-condition-delete-conteiner-box{
2964 display: flex;
2965 justify-content: flex-end;
2966 border-bottom: 1px solid rgba(0,0,0,.1);
2967 }
2968
2969
2970 #ays-survey-form .ays-survey-condition-delete-currnet {
2971 margin-left: 5px;
2972 }
2973
2974 #ays-survey-form .ays-survey-condition-select-question-box{
2975 margin-bottom: 12px;
2976 border-bottom: 1px solid rgba(0,0,0,.1);
2977 padding: 10px;
2978 }
2979
2980 #ays-survey-form .ays-survey-condition-select-question-answers{
2981 margin-left: 12px;
2982 }
2983
2984 #ays-survey-form .ays-survey-condition-selects{
2985 display: flex;
2986 flex-wrap: wrap;
2987 }
2988
2989 #ays-survey-form .ays-survey-condition-for-other-types{
2990 display: flex;
2991 flex-wrap: wrap;
2992 }
2993
2994 #ays-survey-form .ays-survey-condition-for-other-types-text{
2995 margin-left: 12px;
2996 }
2997
2998 #ays-survey-form .ays-survey-condition-for-other-types-text input{
2999 height: 36px;
3000 }
3001
3002 #ays-survey-form .ays-survey-condition-containers-ready{
3003 display: flex;
3004 justify-content: space-between;
3005 flex-wrap: wrap;
3006 }
3007
3008 #ays-survey-form .ays-survey-condition-select-question,
3009 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3010 #ays-survey-form .ays-survey-condition-for-text-types-select,
3011 #ays-survey-form .ays-survey-condition-for-number-types-select,
3012 #ays-survey-form .ays-survey-condition-for-other-types-text input {
3013 width: 180px;
3014 min-height: 36px;
3015 }
3016
3017 #ays-survey-form .ays-survey-condition-select-question-condition{
3018 display: flex;
3019 justify-content: center;
3020 margin-top: 10px;
3021 }
3022
3023 #ays-survey-form .ays-survey-condition-containers-conditions{
3024 border-left: 2px solid rgba(0,0,0,.1);
3025 }
3026
3027 #ays-survey-form .ays-survey-condition-containers-conditions-titles-nav-bar{
3028 display: flex;
3029 flex-wrap: wrap;
3030 }
3031
3032 #ays-survey-form .ays-survey-condition-containers-conditions-tabs{
3033 padding: 5px 36px;
3034 border-width: 0 2px 0 0;
3035 border-style: solid;
3036 border-color: rgba(0,0,0,.1);
3037 font-size: 15px;
3038 cursor: pointer;
3039 border-radius: 0 0 3px 3px;
3040 font-weight: 600;
3041 letter-spacing: 0.5px;
3042 min-width: 120px;
3043 text-align: center;
3044 }
3045
3046 #ays-survey-form .ays-survey-condition-containers-list-main-box,#ays-survey-form .ays-survey-condition-containers-conditions{
3047 width: 50%;
3048 }
3049
3050 #ays-survey-form .nav-cond-tab-active{
3051 background-color: #c3c4c7;
3052 transition: .3s;
3053
3054 }
3055
3056 #ays-survey-form .ays-survey-condition-containers-conditions-contents{
3057 padding: 10px;
3058 height: 100%;
3059 border-bottom: 1px solid rgba(0,0,0,.1);
3060 }
3061
3062 #ays-survey-form .ays-survey-conditions-messages-textareas{
3063 display: block;
3064 width: 100%;
3065 margin-top: 5px;
3066 height: 200px !important;
3067 }
3068
3069 #ays-survey-form .ays-survey-condition-containers-conditions-content{
3070 border-top: 1px solid rgba(0,0,0,.1);
3071 min-height: 420px;
3072 }
3073
3074 #ays-survey-form .ays-survey-conditions-messages-input{
3075 width: 100%;
3076 }
3077
3078 #ays-survey-form .ays-survey-email-message-files-main-contnet{
3079 margin-top: 12px;
3080 }
3081
3082 #ays-survey-form .ays-survey-email-message-files{
3083 display: flex;
3084 justify-content: space-between;
3085 flex-wrap: wrap;
3086 }
3087
3088 #ays-survey-form .ays-survey-messages-contnet-titles{
3089 font-size: 20px;
3090 font-weight: 600;
3091 }
3092
3093 #ays-survey-form .ays-survey-email-message-files-body{
3094 border: 2px dashed;
3095 text-align: center;
3096 width: 400px;
3097 }
3098
3099 #ays-survey-form .ays-survey-email-message-files-upload{
3100 margin-top: 10px;
3101 }
3102
3103 #ays-survey-form .ays-survey-action-add-condition{
3104 display: flex;
3105 align-items: center;
3106 width: 167px;
3107 overflow: initial;
3108 max-width: 100%;
3109 padding: 10px;
3110 border-radius: 5px;
3111 justify-content: flex-start;
3112 margin-bottom: 10px;
3113 }
3114
3115 #ays-survey-form .ays-question-img-icon-content-conditions{
3116 width: initial;
3117 }
3118
3119 #ays-survey-form .ays-survey-condition-containers-editable {
3120 padding: 10px;
3121 word-break: break-all;
3122 word-wrap: break-word;
3123 height: 100%;
3124 width: 50%;
3125 cursor: pointer;
3126 margin-bottom: 12px;
3127 }
3128
3129 #ays-survey-form .ays-survey-condition-containers-list-main-header{
3130 display: flex;
3131 justify-content: center;
3132 align-items: center;
3133 height: 100%;
3134 font-style: italic;
3135 font-weight: 500;
3136 }
3137
3138 #ays-survey-form .ays-survey-email-message-files-content-text{
3139 outline: none;
3140 box-shadow: none;
3141 }
3142
3143 .ays-survey-condition-select-question-condition select{
3144 height: 30px !important;
3145 font-size: 14px !important;
3146 }
3147
3148 .ays-survey-condition-for-other-types-text input{
3149 height: 40px !important;
3150 }
3151
3152 #ays-survey-form .ays-survey-text-input-full{
3153 width: 100%;
3154 }
3155
3156 @media screen and (max-width: 1440px){
3157 #ays-survey-form .ays-survey-condition-select-question,
3158 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3159 #ays-survey-form .ays-survey-condition-for-text-types-select,
3160 #ays-survey-form .ays-survey-condition-for-number-types-select,
3161 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3162 width: 150px;
3163 }
3164 }
3165
3166 @media screen and (max-width: 1230px){
3167 #ays-survey-form .ays-survey-condition-select-question,
3168 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3169 #ays-survey-form .ays-survey-condition-for-text-types-select,
3170 #ays-survey-form .ays-survey-condition-for-number-types-select,
3171 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3172 width: 140px;
3173 }
3174 }
3175
3176 @media screen and (max-width: 1200px){
3177 #ays-survey-form .ays-survey-condition-select-question,
3178 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3179 #ays-survey-form .ays-survey-condition-for-text-types-select,
3180 #ays-survey-form .ays-survey-condition-for-number-types-select,
3181 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3182 width: 250px;
3183 }
3184
3185 #ays-survey-form .ays-survey-condition-select-question-answers{
3186 margin-left: 0;
3187 margin-top: 8px;
3188 }
3189
3190 #ays-survey-form .ays-survey-condition-for-other-types-text{
3191 margin-left: 0;
3192 margin-top: 8px;
3193 }
3194
3195 #ays-survey-form .ays-survey-condition-selects,
3196 #ays-survey-form .ays-survey-condition-for-other-types{
3197 justify-content: center;
3198 }
3199
3200 #ays-survey-form .ays-survey-condition-containers-add-list-button-box{
3201 text-align: center;
3202 }
3203
3204 #ays-survey-form .ays-survey-condition-delete-currnet{
3205 width: 100%;
3206 display: flex;
3207 justify-content: center;
3208 }
3209
3210 #ays-survey-form .ays-survey-email-message-files-body{
3211 width: 200px;
3212 }
3213 }
3214
3215
3216 @media screen and (max-width: 640px){
3217 #ays-survey-form .ays-survey-condition-select-question,
3218 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3219 #ays-survey-form .ays-survey-condition-for-text-types-select,
3220 #ays-survey-form .ays-survey-condition-for-number-types-select,
3221 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3222 width: 150px !important;
3223 }
3224
3225 .ays-surveys-button-box .ays-surveys-button-second-row{
3226 margin-top: 10px;
3227 }
3228
3229 #ays-survey-form .ays-survey-condition-containers-conditions-titles-nav-bar{
3230 justify-content: center;
3231 }
3232
3233 #ays-survey-form .ays-survey-email-message-files{
3234 justify-content: center;
3235 }
3236
3237 #ays-survey-form .ays-survey-condition-containers-ready{
3238 flex-direction: column;
3239 }
3240
3241 #ays-survey-form .ays-survey-condition-containers-list-main-box, #ays-survey-form .ays-survey-condition-containers-conditions{
3242 width: 100%;
3243 }
3244
3245 #ays-survey-form .ays-survey-condition-selects,
3246 #ays-survey-form .ays-survey-condition-for-other-types{
3247 flex-direction: column;
3248 align-items: center;
3249 }
3250
3251 #ays-survey-form .ays-survey-condition-containers-conditions{
3252 border-top: 1px solid rgba(0,0,0,.1);
3253 }
3254
3255 div.ays_ask_question_content{
3256 display: none;
3257 }
3258
3259 .ays-settings-wrapper .vmessage strong input{
3260 width: 100%;
3261 }
3262
3263 .ays-settings-wrapper .ays-survey-iframe-video-link{
3264 width: 100%;
3265 }
3266
3267 .ays-survey-grab-gift-inputs{
3268 display: initial !important;
3269 }
3270
3271 .ays-modal-content-survey-templates .ays-survey-templates-content{
3272 justify-content: center !important;
3273 }
3274
3275 .ays-survey-add-question-button{
3276 width: 155px;
3277 }
3278 }
3279 #ays-survey-form .ays-survey-condition-containers-added{
3280 border-color:rgb(255, 87, 34);
3281 }
3282
3283 @media screen and (max-width: 350px){
3284 #ays-survey-form #ays_survey_cancel,
3285 #ays-survey-form #ays-button-apply-top{
3286 margin-top: 20px;
3287 }
3288 }
3289
3290
3291 /* ========== Condition result end ==========*/
3292
3293 /* Winter Sale Banner | Start */
3294
3295 /* #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3296 color: #0041B8;
3297 } */
3298
3299 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content{
3300 display: flex;
3301 justify-content: center;
3302 }
3303
3304 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content .ays-button{
3305 margin: 0;
3306 font-size: 13px;
3307 }
3308
3309 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content{
3310 display: block;
3311 }
3312
3313
3314 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main {
3315 border: 1px solid #E5E5E5;
3316 background: #FFF;
3317 border-radius: 6px;
3318 box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
3319 position: relative;
3320 z-index: 1;
3321 min-height: 198px;
3322 }
3323 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_pb_dicount_info button {
3324 display: flex;
3325 align-items: center;
3326 }
3327
3328 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main div#ays-survey-dicount-month a.ays-survey-sale-banner-link:focus {
3329 outline: none;
3330 box-shadow: 0;
3331 }
3332
3333 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .btn-link {
3334 font-weight: 400;
3335 color: #007bff;
3336 background-color: transparent;
3337 display: inline-block;
3338 font-weight: 400;
3339 text-align: center;
3340 white-space: nowrap;
3341 vertical-align: middle;
3342 -webkit-user-select: none;
3343 -moz-user-select: none;
3344 -ms-user-select: none;
3345 user-select: none;
3346 border: 1px solid transparent;
3347 padding: .375rem .75rem;
3348 font-size: 1rem;
3349 line-height: 1.5;
3350 border-radius: .25rem
3351 }
3352
3353 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info {
3354 /*background-image: linear-gradient(45deg, #dbdbdb, transparent);*/
3355
3356 background-image: url(../images/mega_bundle.jpg);
3357 background-position: center;
3358 background-repeat: no-repeat;
3359 background-size: cover;
3360 border: 0;
3361 /* height: 200px; */
3362 /*background-color: #191919;*/
3363 }
3364
3365 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month {
3366 display: flex;
3367 align-items: end;
3368 justify-content: space-between;
3369 height: 100%;
3370 }
3371
3372 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-sale-banner-link {
3373 display: flex;
3374 justify-content: center;
3375 align-items: center;
3376 width: 200px;
3377 }
3378
3379 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3380 font-size:14px;
3381 padding:12px;
3382 text-align: center;
3383 width: 50%;
3384 }
3385
3386 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box strong {
3387 font-size: 17px;
3388 font-weight: bold;
3389 letter-spacing: 0.80px;
3390 }
3391
3392 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-button{
3393 /* margin: 0 auto !important; */
3394
3395 display: flex;
3396 align-items: center;
3397 font-weight: 500;
3398 padding: 5px 15px;
3399 background-color: #3340ca;
3400 border-color: #267bff;
3401 font-size: 16px;
3402 }
3403
3404 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-button-top-buy-now:hover {
3405 background-color: #222eaa;
3406 border-color: #222eaa;
3407 }
3408
3409 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-color {
3410 color: #007bff;
3411 }
3412
3413 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-text-decoration {
3414 text-decoration: underline;
3415 }
3416
3417 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .ays-survey-maker-countdown-container {
3418 color: #333;
3419 margin: 0 auto;
3420 text-align: center;
3421 }
3422
3423 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown-headline {
3424 font-weight: normal;
3425 letter-spacing: .125rem;
3426 text-transform: uppercase;
3427 font-weight: bolder;
3428
3429 font-size: 18px;
3430 font-weight: 400;
3431 margin: 0;
3432 padding: 9px 0 4px 0;
3433 line-height: 1.3;
3434 }
3435
3436 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3437 font-weight: 600;
3438 color: #fff;
3439 }
3440
3441 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container ul {
3442 margin: 0;
3443 }
3444
3445 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li {
3446 display: inline-block;
3447 font-size: 14px;
3448 list-style-type: none;
3449 padding: 8px;
3450 text-transform: uppercase;
3451 }
3452
3453 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li span {
3454 display: block;
3455 font-size: 40px;
3456 line-height: 1.4em;
3457 }
3458
3459 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .emoji {
3460 display: none;
3461 padding: 1rem;
3462 }
3463
3464 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .emoji span {
3465 font-size: 50px;
3466 padding: 0 .5rem;
3467 }
3468
3469 @media screen and (max-width: 1305px){
3470
3471 /* div#ays-survey-dicount-month-main.ays_survey_dicount_info { */
3472 /* background-image: url(../images/mega_bundle.png) !important;
3473 background-position: bottom right;
3474 background-repeat: no-repeat;
3475 background-size: cover;
3476 background-color: #191919;
3477 background-size: 20%;
3478 height: unset !important; */
3479 /* } */
3480
3481 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month{
3482 height: unset !important;
3483 }
3484
3485 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month{
3486 align-items: center;
3487 }
3488 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3489 font-weight: 700;
3490 color: #4A382E;
3491 }
3492
3493 }
3494
3495 @media all and (max-width: 768px) {
3496 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main {
3497 padding-right: 0;
3498 }
3499 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays_survey_dicount_month{
3500 display: flex;
3501 align-items: center;
3502 justify-content: space-between;
3503 align-content: center;
3504 flex-wrap: wrap;
3505 flex-direction: column;
3506 padding: 10px 0;
3507 }
3508
3509 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3510 width: 100%;
3511 text-align: center;
3512 }
3513
3514 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown-headline {
3515 font-size: 15px;
3516 font-weight: 600;
3517 }
3518
3519 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container ul {
3520 font-weight: 500;
3521 }
3522
3523 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li span {
3524 font-size: 20px;
3525 }
3526
3527 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-button{
3528 margin: 0 auto !important;
3529 }
3530
3531 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info.notice {
3532 background-size: cover;
3533 }
3534
3535 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays-survey-dicount-wrap-box strong {
3536 font-weight: bolder;
3537 }
3538
3539 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main #ays-survey-button-top-buy-now {
3540 font-size: 14px;
3541 padding: 5px 10px;
3542 }
3543
3544 div#ays-survey-winter-dicount-main .comparison .product img {
3545 width: 70px;
3546 }
3547
3548 div#ays-survey-winter-dicount-main .comparison a.price-buy{
3549 padding: 5px 10px;
3550 font-size: 11px;
3551 }
3552
3553 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info{
3554 /* background-image: unset !important; */
3555 background-image: linear-gradient(45deg, #dbdbdb, transparent);
3556 /* background-position: bottom right; */
3557 /* background-repeat: no-repeat; */
3558 /* background-size: cover; */
3559 /* background-color: #cb2a2a; */
3560 }
3561
3562 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3563 /* font-weight: 600; */
3564 color: #000;
3565 }
3566 }
3567
3568 /* Winter Sale Banner | End */
3569
3570 .ays-survey-submission-summary-question-content .ays-survey-submission-text-answers-div .ays-survey-submission-text-answer-each{
3571 word-break: break-word;
3572 }
3573
3574 #ui-datepicker-div{
3575 z-index: 3 !important;
3576 }
3577
3578 .ays-survey-themes-main-div-only-pro{
3579 cursor: pointer;
3580 }
3581
3582 span.ays_survey_small_hint_text {
3583 font-style: italic;
3584 color: gray;
3585 display: inline-block;
3586 font-size: 12px;
3587 }
3588
3589 input.ays-survey-text-input-90-width {
3590 width: 90px;
3591 max-width: 100%;
3592 }
3593
3594 /* Questions Count start */
3595 .ays-survey-section-actions .ays-survey-action-questions-count{
3596 line-height: 48px;
3597 cursor: help;
3598 }
3599
3600 .ays-survey-section-wrap-collapsed-contnet .ays-survey-action-questions-count{
3601 cursor: help;
3602 justify-content: center;
3603 }
3604 /* Questions Count end */
3605
3606
3607 /* Select message vars from surveys page */
3608 .ays-survey-message-vars-box{
3609 display: flex;
3610 justify-content: flex-end;
3611 flex-direction: column;
3612 align-items: flex-end;
3613 user-select: none;
3614 }
3615
3616 .ays-survey-subtitle-main-box{
3617 position: relative;
3618 min-height: 27px;
3619 word-break: break-word;
3620 }
3621
3622 .ays-survey-subtitle-main-box .ays-subtitle .ays-subtitle-inner-surveys-page{
3623 padding: 10px 3px;
3624 text-align: center;
3625 border-radius: 35px;
3626 cursor: pointer;
3627 }
3628
3629 .ays-survey-message-vars-box .ays-survey-message-vars-icon,
3630 .ays-survey-surveys-box .ays-survey-surveys-icon{
3631 display: flex;
3632 width: 150px;
3633 justify-content: space-between;
3634 cursor: pointer;
3635 margin-bottom: 15px;
3636
3637 }
3638
3639 .ays-survey-message-vars-box .ays-survey-message-vars-icon span,
3640 .ays-survey-surveys .ays-survey-surveys-icon span{
3641 font-size: 13px;
3642 }
3643
3644 .ays-survey-message-vars-data,.ays-survey-surveys-data{
3645 position: absolute;
3646 top: 27px;
3647 /* text-align: center; */
3648 max-height: 350px;
3649 overflow: auto scroll;
3650 z-index: 9999;
3651 background-color: #ffff;
3652 border-radius: 5px;
3653 /* border: 1px solid grey; */
3654 width: 250px;
3655 display: none;
3656 box-shadow: 0 0px 0px 0.5px #00000087;
3657 }
3658
3659 .ays-survey-surveys-data{
3660 top: 36px;
3661 }
3662
3663 .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar {
3664 width: 0.2em;
3665 }
3666
3667 .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{
3668 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
3669 }
3670
3671 .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{
3672 background-color: darkgrey;
3673 outline: 1px solid slategrey;
3674 border-radius: 5px;
3675 }
3676
3677 .ays-survey-message-vars-data .ays-survey-message-vars-each-data,
3678 .ays-survey-surveys-data .ays-survey-surveys-each-data{
3679 cursor: pointer;
3680 }
3681
3682 .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label:not(:last-child) .ays-survey-message-vars-each-data,
3683 .ays-survey-surveys-data .ays-survey-message-vars-each-data-label:not(:last-child) .ays-survey-surveys-each-data{
3684 border-bottom: 1px solid #d5d5d559;
3685 }
3686
3687 .ays-survey-message-vars-data .ays-survey-message-vars-each-data{
3688 padding: 8px 0 8px 8px;
3689 }
3690
3691 .ays-survey-surveys-data .ays-survey-surveys-each-data a{
3692 display: inline-block;
3693 width: 100%;
3694 height: 100%;
3695 padding: 10px 0 10px 10px;
3696 text-decoration: none;
3697 }
3698
3699 .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{
3700 /* color: #0056b3; */
3701 background-color: #E8F0FF;
3702 }
3703
3704 .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{
3705 background-color: #f2f5fb;
3706 }
3707
3708 .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{
3709 background-color: #e1e1e1;
3710 }
3711
3712 .ays-survey-message-vars-each-data-label{
3713 display: block;
3714 margin: 0;
3715 }
3716
3717 .ays-survey-create-survey-video-box{
3718 display: flex;
3719 justify-content: space-around;
3720 align-items: center;
3721 flex-direction: column;
3722 margin-bottom: 20px !important;
3723 margin-top: 10px !important;
3724 }
3725
3726 .ays-survey-youtube-placeholder{
3727 position: relative;
3728 cursor: pointer;
3729 max-width: 100%;
3730 width: 560px;
3731 height: 315px;
3732 margin: 0 auto;
3733 }
3734
3735 .ays-survey-create-survey-youtube-video {
3736 display: flex;
3737 align-items: center;
3738 gap: 5px;
3739 }
3740
3741 .ays-survey-create-survey-video-box iframe {
3742 max-width: 100%;
3743 }
3744
3745 .ays-survey-youtube-placeholder img {
3746 display: block;
3747 width: 100%;
3748 height: 100%;
3749 object-fit: contain;
3750 }
3751
3752 @media screen and (max-width: 768px) {
3753 div.ays-survey-youtube-placeholder {
3754 width: 100%;
3755 height: auto;
3756 }
3757 }
3758
3759 .ays-survey-create-survey-youtube-video-button-box-top{
3760 margin: 20px;
3761 }
3762
3763 .ays-survey-create-survey-youtube-video-button-box-bottom{
3764 margin: 0;
3765 }
3766
3767 .ays-survey-add-new-button-video{
3768 background-color: #2A8EB6;
3769 color: #fff !important;
3770 border-color: #2A8EB6;
3771 outline: none;
3772 border-radius: 4px;
3773 box-shadow: unset;
3774 padding: 10px 30px;
3775 border: 0;
3776
3777 }
3778
3779 #wpbody .wrap .ays-survey-add-new-button-new-design {
3780 background: #2275EA;
3781 border-color: #2275EA;
3782 border-radius: 8px;
3783 padding: 5px 27px;
3784 margin: 0 10px !important;
3785 line-height: 2;
3786 color: #ffffff;
3787 }
3788
3789 #wpbody .wrap .ays-survey-add-new-button-new-design:hover {
3790 background: #0f34e7;
3791 }
3792
3793 #wpbody .wrap .ays-survey-add-new-button-new-design:active {
3794 padding: 5px 27px;
3795 }
3796
3797 #wpbody .wrap .ays-survey-add-new-button-new-design img {
3798 width: 10px;
3799 margin-top: -2px;
3800 margin-right: 5px;
3801 }
3802
3803 #wpbody .wrap .ays-survey-create-survey-video-box .ays-survey-add-new-button-new-design {
3804 padding: 10px 30px;
3805 }
3806
3807 #wpbody .wrap .ays-survey-create-survey-video-box .ays-survey-add-new-button-new-design:hover {
3808 padding: 10px 30px;
3809 text-decoration: unset;
3810 }
3811
3812 .ays-survey-open-surveys-list{
3813 cursor: pointer;
3814 font-size: 15px;
3815 color: #e84b0b;
3816 padding: 3px;
3817 }
3818
3819 .ays-survey-subtitle-main-box .ays-survey-surveys-data .ays-survey-go-to-surveys{
3820 color: unset;
3821 border: 0;
3822 outline: unset;
3823 box-shadow: unset;
3824 }
3825
3826 .ays-surveys-button-box{
3827 justify-content: space-between;
3828 }
3829
3830 .ays-surveys-button-box .ays-surveys-button-second-row{
3831 margin-right: 110px;
3832 display: flex;
3833 gap: 10px;
3834 }
3835
3836 .ays-surveys-button-box .ays-surveys-button-second-row .ays-survey-save-as-default-pro-button{
3837 background-color: #ffa500;
3838 color: #fffdfd;
3839 border-color: #ffa500;
3840 margin-right: 0;
3841 margin-left: 10px;
3842 text-shadow: none;
3843 box-shadow: none;
3844 }
3845
3846 .ays-surveys-button-box .ays-surveys-button-second-row .ays-survey-save-as-default-pro-button:hover{
3847 background-color: #ffa500;
3848 border-color: #ffa500;
3849 }
3850
3851 /* Survey subscribe email start */
3852
3853 #ays-survey-subscribe-email-page-main{
3854 margin-top: 12px;
3855 }
3856
3857 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page{
3858 display: flex;
3859 justify-content: center;
3860 align-items: center;
3861 }
3862
3863 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box{
3864 background-color: white;
3865 width: 400px;
3866 padding: 15px;
3867 border-radius: 4px;
3868 position: relative;
3869 }
3870
3871 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-box{
3872 border-bottom: 1px solid #c3c4c7;
3873 text-align: center;
3874 padding: 10px;
3875 }
3876
3877 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-text{
3878 font-style: italic;
3879 }
3880
3881 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-inputs{
3882 display: flex;
3883 justify-content: center;
3884 align-items: center;
3885 flex-wrap: wrap;
3886 min-height: 80px;
3887 }
3888
3889 #ays-survey-subscribe-email-page-main .button.ays-survey-subscribe-button{
3890 padding: 9px 10px 9px 10px;
3891 margin-bottom: 0;
3892 min-height: 30px;
3893 line-height: initial;
3894 font-size: 15px;
3895 }
3896
3897 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-inputs div{
3898 margin-top: 10px;
3899 }
3900
3901 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-button{
3902 margin-left: 8px;
3903 }
3904
3905 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-loader{
3906 position: absolute;
3907 top: 0;
3908 left: 0;
3909 width: 100%;
3910 height: 100%;
3911 /* margin: auto; */
3912 display: flex;
3913 justify-content: center;
3914 align-items: center;
3915 /* opacity: 0.5; */
3916 background-color: #a9a9a97d;
3917 border-radius: 4px;
3918 }
3919
3920 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-loader img{
3921 width: 25px;
3922 height: 25px;
3923 }
3924
3925 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error:focus{
3926 border-color: #ff0000;
3927 box-shadow: 0 0 0 1px #ff000085;
3928 outline: 2px solid transparent;
3929 }
3930
3931 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message {
3932 border-left: 2px solid red;
3933 visibility: hidden;
3934 padding: 0 10px;
3935 background-color: #8080802e;
3936 /* color: white; */
3937 border-radius: 2px;
3938 height: 25px;
3939 }
3940
3941 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message .ays-survey-subscribe-email-errors{
3942 font-size: 13px;
3943 font-style: italic;
3944 }
3945
3946 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message,
3947 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-true,
3948 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-false{
3949 display: none;
3950 }
3951
3952 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-true,
3953 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-false{
3954 margin-left: 12px;
3955 }
3956
3957 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message{
3958 margin-top: 12px;
3959 }
3960
3961 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-text-two{
3962 font-size: 13px;
3963 font-style: italic;
3964 }
3965
3966 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-box{
3967 text-align: center;
3968 margin: 50px auto;
3969 background-color: #f6f7f7;
3970 padding: 20px;
3971 width: 85%;
3972 box-shadow: 0px 0px 5px grey;
3973 color: #000000;
3974 font-style: italic;
3975 border-radius: 4px;
3976 }
3977
3978 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-box strong{
3979 color: #33da4e;
3980 }
3981
3982 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-header .ays-survey-subscribe-email-page-info-header-text{
3983 text-align: center;
3984 font-size: 35px;
3985 font-weight: bold;
3986 }
3987
3988 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-header {
3989 margin-bottom: 20px;
3990 }
3991
3992 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-footer {
3993 text-align: left;
3994 }
3995
3996 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-content {
3997 text-align: left;
3998 }
3999
4000 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-conditions {
4001 color: #5e5d5d;
4002 text-align: left;
4003 font-style: italic;
4004 font-weight: 600;
4005 margin-bottom: 10px;
4006 }
4007
4008 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-content ul {
4009 margin-left: 16px;
4010 list-style-type: disc;
4011 }
4012
4013 #ays-survey-subscribe-email-page-main input.ays-survey-subscribe-email-page-info-box-input {
4014 /* margin-left: 15px; */
4015 font-size: 16px;
4016 }
4017
4018 #ays-survey-subscribe-email-page-main input#ays-survey-subscribe-email-page-info-box-input-submit {
4019 margin: 0 0 10px 15px;
4020 }
4021
4022 .ays-survey-grab-gift-inputs{
4023 display: flex;
4024 align-items: center;
4025 justify-content: space-between;
4026 width: 350px;
4027 flex-wrap: wrap;
4028 }
4029
4030 .ays-survey-grab-gift-message-box{
4031 margin-left: 15px;
4032 color: red;
4033 }
4034
4035 /* Survey subscribe email end */
4036
4037
4038 /* Survey Templates start */
4039
4040 #ays-survey-templates-modal{
4041 background-color: #000000d9;
4042 align-items: center;
4043 justify-content: center;
4044 padding: 20px 0;
4045 }
4046
4047 .ays-survey-templates-container{
4048 width: 100%;
4049 }
4050
4051 .ays-modal-content-survey-templates{
4052 margin: auto;
4053 border-radius: 10px;
4054 }
4055
4056 .ays-modal-content-survey-templates-header{
4057 border-radius: 10px 10px 0 0;
4058 }
4059
4060 .ays-modal-content-survey-templates-body{
4061 border-radius: 10px;
4062 display: flex;
4063 align-items: center;
4064 justify-content: center;
4065 padding: 25px 50px;
4066 }
4067
4068 .ays-modal-content-survey-templates .ays-survey-templates-content {
4069 display: flex;
4070 justify-content: space-around;
4071 flex-wrap: wrap;
4072 row-gap: 60px;
4073 width: 100%;
4074 }
4075
4076 .ays-modal-content-survey-templates .ays-survey-templates-box {
4077 cursor: pointer;
4078 }
4079
4080 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image {
4081 width: 100%;
4082 display: flex;
4083 justify-content: center;
4084 align-items: center;
4085 }
4086
4087 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image img {
4088 width: 100%;
4089 height: 100%;
4090 object-fit: cover;
4091 }
4092
4093 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text {
4094 padding: 40px 12px;
4095 background-color: white;
4096 line-height: 18px;
4097 display: flex;
4098 color: #737373;
4099 flex-direction: column;
4100 justify-content: space-around;
4101 height: 100%;
4102 border-radius: 0 0 10px 10px;
4103 }
4104
4105 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text h4 {
4106 font-weight: 500;
4107 margin-bottom: 4px;
4108 font-size: 17px;
4109 line-height: 20px;
4110 }
4111
4112 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text .ays-survey-templates-box-desc {
4113 font-size: 12px;
4114 color: #737373;
4115 }
4116
4117 .ays-survey-templates-box-buttons{
4118 margin: 0 auto;
4119 }
4120
4121 .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button,
4122 .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button-blank{
4123 font-size: 14px;
4124 width: 150px;
4125 height: 42px;
4126 padding: 11px 13px;
4127 border-radius: 18px;
4128 border: 1px solid;
4129 border-color: #F88B07;
4130 background-color: transparent;
4131 font-weight: 500;
4132 transition: .1s;
4133 color: black;
4134 line-height: 1;
4135 word-break: keep-all;
4136 }
4137
4138 .ays-survey-templates-box:hover .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button,
4139 .ays-survey-templates-box:hover .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button-blank{
4140 background-color: #F88B07;
4141 color: #fff;
4142 }
4143
4144 .ays-survey-templates-box-texts{
4145 display: flex;
4146 justify-content: center;
4147 align-items: center;
4148 flex-direction: column;
4149 min-height: 60px;
4150 }
4151
4152 .ays-survey-templates-box-blank-texts .ays-survey-templates-box-desc img{
4153 width: 80px;
4154 height: 80px;
4155 }
4156
4157 .ays-survey-templates-box-image-customer-feedback{
4158 background-color: #FFF3E3;
4159 }
4160
4161 .ays-survey-templates-box-image-employee-satisfaction{
4162 background-color: #FFF0FE;
4163 }
4164
4165 .ays-survey-templates-box-image-event-evaluation{
4166 background-color: #E8FAFD;
4167 }
4168
4169 .ays-survey-templates-box-image-product-research{
4170 background-color: #E5FCEF;
4171 }
4172
4173 .ays-survey-templates-box-image-restaurant-evaluation{
4174 background-color: #fefdde;
4175 }
4176
4177 .ays-survey-templates-box-image-market-research{
4178 background-color: #f1e8fd;
4179 }
4180
4181 .ays-survey-templates-box-image-brand-awareness{
4182 background-color: #f3dbda;
4183 }
4184
4185 .ays-survey-templates-box-image-user-persona{
4186 background-color: #e7ffe3;
4187 }
4188
4189 .ays-modal-content-survey-templates .ays-survey-templates-content {
4190 display: flex;
4191 justify-content: space-between;
4192 flex-wrap: wrap;
4193 }
4194 .ays-modal-content-survey-templates .ays-survey-templates-box {
4195 width: 232px;
4196 height: 336px;
4197 /* margin: 15px; */
4198 /* cursor: pointer; */
4199 border: 1px solid #E4E4E4;
4200 border-radius: 6px;
4201 }
4202
4203 .ays-modal-content-survey-templates .ays-survey-templates-box:hover {
4204 border-color: #D4D4D4;
4205 }
4206
4207 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image {
4208 width: 100%;
4209 height: 120px;
4210 }
4211
4212 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image img {
4213 width: 70px;
4214 height: 70px;
4215 object-fit: contain;
4216 }
4217
4218 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text {
4219 padding: 12px;
4220 background-color: white;
4221 font-size: 12px;
4222 line-height: 18px;
4223 color: #737373;
4224 }
4225
4226 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text h4 {
4227 font-weight: 500;
4228 margin-bottom: 4px;
4229 font-size: 14px;
4230 line-height: 20px;
4231 }
4232
4233 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text .ays-survey-templates-box-desc {
4234 font-size: 12px;
4235 color: #737373;
4236 }
4237
4238
4239 .ays-modal-content-survey-templates-header {
4240 display: flex;
4241 justify-content: space-between;
4242 width: 100%;
4243 }
4244
4245 .ays-modal-content-survey-templates-header a{
4246 outline: none !important;
4247 border: none !important;
4248 color: unset !important;
4249 box-shadow: none !important;
4250 }
4251
4252 .ays_survey_results{
4253 cursor: pointer;
4254 }
4255
4256 /* Survey Templates end */
4257
4258 /*User Page Settings Table Start*/
4259
4260 @media screen and (min-width: 782px) and (max-width: 1200px) {
4261 form#ays-survey-settings-form input.ays-text-input.ays-text-input-short{
4262 width: 100%;
4263 }
4264 }
4265
4266 @media screen and (max-width: 782px) {
4267 form#ays-survey-settings-form input.ays-text-input,
4268 form#ays-survey-settings-form .vmessage input[type="text"],
4269 form#ays-survey-settings-form .ays-show-user-page-table .ays_user_page_sortable_placeholder,
4270 form#ays-survey-settings-form .ays-show-user-page-table li {
4271 width: 100%;
4272 }
4273
4274 #ays-survey-settings-form * {
4275 word-break: break-word;
4276 font-size: 14px;
4277 }
4278
4279 #ays-survey-settings-form .select2-selection--multiple {
4280 min-width: unset;
4281 }
4282
4283 #ays-survey-settings-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
4284 font-size: 15px;
4285 }
4286
4287 #ays-survey-settings-form .ays-show-user-page-table-wrap {
4288 padding: 10px;
4289 }
4290
4291 #ays-survey-settings-form .wp-color-result-text{
4292 padding: 4px;
4293 font-size: 10px;
4294 }
4295
4296 #ays-survey-settings-form .wp-picker-container .wp-color-result.button {
4297 padding: 0 0 0 25px;
4298 }
4299
4300 #ays-survey-settings-form img.ays_integration_logo {
4301 width: 35px;
4302 height: auto;
4303 }
4304
4305 #ays-survey-settings-form legend strong,
4306 #ays-survey-settings-form legend strong i {
4307 font-size: 20px;
4308 }
4309
4310 #ays-survey-settings-form #tab3 legend > strong {
4311 font-size: 20px !important;
4312 }
4313 }
4314
4315 #ays-survey-settings-form .vmessage input[type="text"] {
4316 width: 350px;
4317 }
4318 /*User Page Settings Table End*/
4319
4320
4321 a.ays-rated-link, a.ays-rated-link:hover, a.ays-rated-link:focus {
4322 text-decoration: none;
4323 display: inline-block;
4324 box-shadow: unset;
4325 }
4326
4327
4328 span.ays-dashicons{
4329 font-family: dashicons;
4330 display: inline-block;
4331 line-height: 1;
4332 font-weight: 400;
4333 font-style: normal;
4334 speak: never;
4335 text-decoration: inherit;
4336 text-transform: none;
4337 text-rendering: auto;
4338 -webkit-font-smoothing: antialiased;
4339 -moz-osx-font-smoothing: grayscale;
4340 width: 20px;
4341 height: 20px;
4342 font-size: 20px;
4343 vertical-align: top;
4344 text-align: center;
4345 transition: color .1s ease-in;
4346 color: #ffb900;
4347 }
4348
4349 span.ays-dashicons-star-empty:before {
4350 content: "\f154";
4351 }
4352
4353 span.ays-dashicons-star-filled:before {
4354 content: "\f155";
4355 }
4356
4357 /* Survey max input vars message box start */
4358 .ays-survey-max-inp-vars-header-content {
4359 display: flex;
4360 gap: 10px;
4361 align-items: center;
4362 /* border: 1px solid #eaeaea; */
4363 padding: 10px 20px;
4364 border-left: 2px solid #f6be47;
4365 /* border-radius: 3px; */
4366 font-style: italic;
4367 font-size: 14px;
4368 width: fit-content;
4369 }
4370
4371 .ays-survey-max-inp-vars-header-content .ays-survey-max-inp-vars-header-image-content{
4372 width: 20px;
4373 height: 20px;
4374 }
4375
4376 .ays-survey-max-inp-vars-header-content .ays-survey-max-inp-vars-header-image-content img{
4377 width: 100%;
4378 height: 100%;
4379 }
4380 /* Survey max input vars message box end */
4381
4382 /* Survey Footer Support box start */
4383 .ays-survey-footer-support-box {
4384 display: block;
4385 clear: both;
4386 text-align: center;
4387 margin: 0px;
4388 }
4389
4390 .ays-survey-footer-support-box .ays-survey-footer-slash-row {
4391 color: #c3c4c7;
4392 display: inline-block;
4393 margin: 0px 7px;
4394 }
4395
4396 .ays-survey-footer-support-box .ays-survey-footer-link-row {
4397 font-size: 13px;
4398 }
4399
4400 body.toplevel_page_survey-maker #wpfooter,
4401 body.admin_page_survey-maker-each-submission #wpfooter,
4402 /* body.survey-maker_page_survey-maker-dashboard #wpfooter, */
4403 /* body.survey-maker_page_survey-maker-our-products #wpfooter, */
4404 body[class*='survey-maker'] #wpfooter{
4405 /* body.survey-maker_page_survey-maker-submissions #wpfooter { */
4406 position: relative;
4407 }
4408 /* Survey Footer Support box end */
4409
4410 .ays-survey-submission-summary-question-container .ays-survey-submission-summary-question-buttons-flexbox {
4411 display: flex;
4412 gap: 8px;
4413 align-items: center;
4414 }
4415
4416 .ays-survey-submission-summary-question-chart-type-buttons {
4417 display: flex;
4418 gap: 5px;
4419 }
4420
4421 .ays-survey-submission-summary-question-chart-type-buttons a.ays-survey-submission-summary-question-change-chart-type-btn {
4422 display: inline-block;
4423 border: none;
4424 outline: none;
4425 background-color: #e7e7e7;
4426 padding: 4px;
4427 border-radius: 5px;
4428 width: 32px;
4429 height: 34px;
4430 }
4431
4432 .ays-survey-submission-summary-question-buttons-download-file {
4433 width: 24px;
4434 height: 26px;
4435 }
4436
4437 .ays-survey-submission-summary-question-chart-type-buttons a.ays-survey-submission-summary-question-change-chart-type-btn.active {
4438 background-color: #008cff63;
4439 }
4440
4441 [class~="error"]:not([class*="ays-survey"]):not([class*="ays_survey"]),
4442 [class~="notice"]:not([class*="ays-survey"]):not([class*="ays_survey"]) {
4443 display: none !important;
4444 }
4445
4446 .ays-survey-card__btn-info.disabled {
4447 color: #a7aaad !important;
4448 border-color: #dcdcde !important;
4449 background: #f6f7f7 !important;
4450 box-shadow: none !important;
4451 cursor: default;
4452 transform: none !important;
4453 outline: unset;
4454 }
4455
4456 div.masteriyo-notice {
4457 display: none !important;
4458 }
4459
4460 .wp-list-table{
4461 margin-top: 20px !important;
4462 }