PluginProbe
Survey Maker by AYS / 5.2.3.9
Survey Maker by AYS v5.2.3.9
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 5.2.0.9 5.2.1.0 All 152 releases
survey-maker / admin / css / survey-maker-admin.css

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

5,305 lines 119.7 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: 100%;
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: 0;
753 min-width: fit-content;
754 background: revert;
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 margin-right: 0;
763 font-weight: 500;
764 color: #333 !important;
765 }
766
767
768 input.ays_toggle[type=checkbox]{
769 display: none;
770 }
771
772 label.ays_switch_toggle {
773 cursor: pointer;
774 text-indent: -9999px;
775 width: 35px;
776 height: 14px;
777 background: grey;
778 display: block;
779 border-radius: 50px;
780 position: relative;
781 transition: .3s ease;
782 }
783
784 label.ays_switch_toggle:after {
785 content: '';
786 position: absolute;
787 top: -3px;
788 left: -3px;
789 width: 20px;
790 height: 20px;
791 background: #0085ba;
792 border-radius: 30px;
793 transition: 0.3s;
794 }
795
796 input:checked + label.ays_switch_toggle {
797 background: #b7ccea;
798 }
799
800 input:checked + label.ays_switch_toggle:after {
801 left: calc(100% - -5px);
802 transform: translateX(-100%);
803 }
804
805 label.ays_switch_toggle:hover:after {
806 box-shadow: 0 0 10px #31618c;
807 }
808 .ays_divider_left {
809 border-left: 1px solid #ccc;
810 }
811 .ays_divider_top {
812 border-top: 1px solid #ccc;
813 }
814 .ays_divider_right {
815 border-right: 1px solid #ccc;
816 }
817 .ays_divider_bottom {
818 border-bottom: 1px solid #ccc;
819 }
820
821
822 blockquote.chat_mode_blockquote_message{
823 font-size: 15px;
824 font-style: italic;
825 border-left: 3px solid #f9e154;
826 }
827
828 blockquote.error_message {
829 color: crimson;
830 font-size: 16px;
831 font-style: italic;
832 border-color: crimson;
833 }
834
835 blockquote.error_message a {
836 color: brown;
837 font-weight: bold;
838 }
839
840 blockquote.ays-survey-integration-information-message {
841 color: black;
842 font-size: 16px;
843 font-style: normal;
844 padding: 22px;
845 border:unset;
846 border-radius: 10px;
847 background: rgba(36, 84, 166, 0.04);
848 font-family: Arial;
849 margin-right: 12px;
850 box-shadow: 0px 0px 4px 0px #00000038;
851 }
852
853 blockquote.ays-survey-integration-information-message a {
854 font-weight: bold;
855 }
856
857 blockquote.ays-survey-integration-information-message .integration-tab-info-circle{
858 vertical-align: top !important;
859 width: 25px;
860 height: 25px;
861 margin-right: 8px;
862 }
863
864 blockquote {
865 font-size: 14px;
866 width: 100%;
867 margin: 0 auto;
868 font-style: italic;
869 color: #555555;
870 padding: 8px 15px 8px 15px;
871 border-left: 5px solid #78c0a8;
872 line-height: 1.6;
873 position: relative;
874 background: #ededed;
875 }
876
877 blockquote::before {
878 content: none;
879 }
880
881 blockquote::after {
882 content: "";
883 }
884
885 blockquote span {
886 display: block;
887 color: #333333;
888 font-style: normal;
889 font-weight: bold;
890 margin-top: 1em;
891 }
892
893
894 /*
895 ==========================================
896 Settings page styles
897 ==========================================
898 */
899 .ays-settings-wrapper {
900 display: flex;
901 }
902
903 .ays-settings-wrapper .nav-tab-wrapper {
904 display: flex;
905 flex-direction: column;
906 min-width: 150px;
907 margin-right: 15px;
908 border-bottom: none;
909 padding: 0;
910 }
911
912 .ays-settings-wrapper .nav-tab-wrapper .nav-tab {
913 display: block;
914 width: 100%;
915 border: 1px solid #ccc;
916 margin: 0;
917 float: none !important;
918 padding: 5px 10px;
919 font-size: 14px;
920 font-weight: 600;
921 background: #dcdcde;
922 }
923
924 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active,
925 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus,
926 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:focus:active,
927 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active:hover {
928 color: #000;
929 border: 1px solid #ccc;
930 background: #f0f0f1;
931 box-shadow: unset;
932 }
933
934 .ays-settings-wrapper .nav-tab-wrapper .nav-tab-active {
935 border-bottom: 1px solid #f0f0f1;
936 background: #f0f0f1;
937 color: #000;
938 }
939
940 .ays-settings-wrapper .nav-tab-wrapper .nav-tab:last-child {
941 border-bottom: 1px solid #ccc;
942 }
943
944 .ays-settings-wrapper .ays-survey-tabs-wrapper {
945 width: 100%;
946 border-left: 1px solid #ccc;
947 padding-left: 15px;
948 }
949
950 .ays-settings-wrapper .ays-survey-tabs-wrapper p.ays-subtitle {
951 margin-top: 0;
952 }
953
954 .go_back{
955 color: black;
956 margin-right: 10px;
957 }
958
959 .chart_div {
960 margin: auto;
961 }
962
963 .ays-survey-tab-content fieldset,
964 .ays-settings-wrapper fieldset {
965 border: 1px solid #aaa;
966 padding: 10px;
967 }
968
969 #tab8.ays-survey-tab-content fieldset{
970 padding-bottom: 14px;
971 border-radius: 10px;
972 }
973
974 .ays-survey-tab-content legend,
975 .ays-settings-wrapper legend {
976 width: auto;
977 padding: 0 5px;
978 }
979 .ays-survey-tab-content legend h5,
980 .ays-settings-wrapper legend h5 {
981 display: inline-block;
982 margin-left: 10px;
983 }
984
985 .ays_integration_logo {
986 width: 50px;
987 height: auto;
988 vertical-align: middle !important;
989 }
990
991
992 /*
993 * Select2
994 */
995 .select2 {
996 display: inline-block!important;
997 z-index: 0 !important;
998 }
999 #quest_cat_container .select2 {
1000 display: block!important;
1001 }
1002
1003
1004 .select2-selection.select2-selection--single{
1005 height: 40px!important;
1006 border: 1px solid #ddd!important;
1007 box-shadow: inset 0 1px 2px rgba(0,0,0,.07)!important;
1008 }
1009
1010 .select2-container--default .select2-selection--single .select2-selection__rendered {
1011 line-height: 35px!important;
1012 }
1013
1014 .select2-container--default .select2-selection--single .select2-selection__arrow {
1015 height: 40px!important;
1016 }
1017
1018 .select2.select2-container{
1019 width: 200px!important;
1020 }
1021
1022 /*
1023 * Select2 multiple
1024 */
1025
1026 .select2-selection--multiple {
1027 font-size: 16px;
1028 min-height: 40px !important;
1029 border-radius: 4px;
1030 margin-top: -5px;
1031 min-width: 150px;
1032 border-color: #ddd;
1033 }
1034
1035 .select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
1036 border-color: #5b9dd9;
1037 box-shadow: 0 0 2px rgba(30, 140, 190, .8);
1038 outline: 2px solid transparent;
1039 }
1040
1041 .select2.select2-container {
1042 width: 100%;
1043 }
1044
1045 .select2-container--default .select2-selection--multiple .select2-selection__choice {
1046 margin-top: 1px !important;
1047 padding: 0 5px !important;
1048 margin-bottom: 8px !important;
1049 }
1050
1051 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1052 overflow: hidden;
1053 padding-top: 5px;
1054 }
1055 /*
1056 * Select2 multiple
1057 */
1058
1059 .select2-selection--multiple {
1060 font-size: 16px;
1061 min-height: 40px !important;
1062 border-radius: 4px;
1063 margin-top: -5px;
1064 min-width: 150px;
1065 border-color: #ddd;
1066 }
1067
1068 .select2.select2-container.select2-container--default.select2-container--below.select2-container--open .select2-selection--multiple {
1069 border-color: #5b9dd9;
1070 box-shadow: 0 0 2px rgba(30, 140, 190, .8);
1071 outline: 2px solid transparent;
1072 }
1073
1074 .select2.select2-container {
1075 width: 100%!important;
1076 }
1077 #ays_survey_change_create_author + .select2.select2-container,
1078 .ays_quiz_stat_select_div .select2.select2-container {
1079 width: 200px!important;
1080 }
1081 .select2-container--default .select2-selection--multiple {
1082 min-height: 50px !important;
1083 }
1084 .select2-container--default .select2-selection--multiple .select2-selection__choice {
1085 margin-top: 4px!important;
1086 padding: 5px!important;
1087 margin-bottom: 0!important;
1088
1089 }
1090 .select2-container--default .select2-selection--multiple .select2-selection__rendered {
1091 height: auto;
1092 overflow: visible;
1093 }
1094
1095 .select2-container--default .select2-search--inline .select2-search__field {
1096 background: transparent;
1097 border: none;
1098 outline: none;
1099 box-shadow: none;
1100 width: 100% !important;
1101 }
1102
1103
1104
1105
1106 .sortable_placeholder {
1107 outline: 1px dashed #aaa;
1108 background-color: #ccc;
1109 height: 40px;
1110 width: 100%;
1111 margin-bottom: 5px;
1112 cursor: move;
1113 }
1114
1115
1116
1117
1118
1119 .dropdown-menu.ays-dropdown-menu {
1120 min-width: 4rem;
1121 width: 100%;
1122 }
1123
1124 .ays-dropdown-menu .dropdown-item {
1125 padding: .25rem .5rem;
1126 font-size: 13px;
1127 }
1128
1129 .show-upload-view.upload-import-file-wrap {
1130 display: block;
1131 }
1132
1133 .upload-import-file-wrap {
1134 display: none;
1135 }
1136
1137 .show-upload-view .upload-import-file {
1138 display: block;
1139 text-align: center;
1140 }
1141
1142 .upload-import-file {
1143 box-sizing: border-box;
1144 display: none;
1145 margin: 0;
1146 padding: 50px 0;
1147 width: 100%;
1148 overflow: hidden;
1149 position: relative;
1150 top: 10px;
1151 }
1152
1153 .upload-import-file p,
1154 .upload-import-file label {
1155 color: #555d66;
1156 font-size: 18px;
1157 font-style: normal;
1158 margin: 0;
1159 padding: 0;
1160 text-align: center;
1161 }
1162
1163 .upload-import-file label {
1164 margin-bottom: 15px;
1165 display: block;
1166 font-size: medium;
1167 }
1168
1169 .upload-import-file .ays-dn {
1170 background: #fafafa;
1171 border: 1px solid #e5e5e5;
1172 padding: 30px;
1173 margin: 30px auto;
1174 max-width: fit-content;
1175 }
1176
1177 .upload-import-file .ays-dn input[type="file"] {
1178 padding: 3px 0;
1179 cursor: pointer;
1180 font-size: 13px;
1181 border-radius: 0;
1182 line-height: 1.5;
1183 }
1184
1185
1186 .dropdown-item.ays-survey-section-questions-required{
1187 position: relative;
1188 }
1189
1190 .dropdown-item.ays-survey-section-questions-required img.ays-survey-required-section-img{
1191 padding: 0 5px;
1192 position: absolute;
1193 display: none;
1194 }
1195
1196
1197
1198
1199 /* ~~ Toast Bar ~~ */
1200
1201 .quiz_toast__container {
1202 width: calc(100% - 20px);
1203 margin-top: 20px;
1204 }
1205
1206 .quiz_toast__svg {
1207 fill: #fff;
1208 }
1209
1210 .quiz_toast {
1211 display: flex;
1212 position: relative;
1213 padding: 21px 0;
1214 background-color: #fff;
1215 border-radius: 4px;
1216 box-shadow: 1px 7px 14px -5px rgba(0, 0, 0, 0.2);
1217 }
1218
1219 .quiz_toast__main{
1220 width: 100%;
1221 display: flex;
1222 align-items: center;
1223 padding: 0 20px;
1224 }
1225
1226 .quiz_toast:before {
1227 content: '';
1228 position: absolute;
1229 top: 0;
1230 left: 0;
1231 width: 4px;
1232 height: 100%;
1233 border-top-left-radius: 4px;
1234 border-bottom-left-radius: 4px;
1235 }
1236
1237 .quiz_toast__icon {
1238 width: 40px;
1239 height: 40px;
1240 padding: 7px;
1241 border-radius: 50%;
1242 display: inline-block;
1243 }
1244
1245 .quiz_toast__type {
1246 color: #3e3e3e;
1247 font-weight: 700;
1248 margin-top: 0;
1249 margin-bottom: 8px;
1250 }
1251
1252 .quiz_toast__message {
1253 font-size: 14px;
1254 margin-top: 0;
1255 margin-bottom: 0;
1256 color: #878787;
1257 }
1258
1259 .quiz_toast__rate_button{
1260 display: inline-block;
1261 margin-left: 15px;
1262 padding: 5px 20px;
1263 text-align: center;
1264 cursor: pointer;
1265 color: white;
1266 border-radius: 5px;
1267 background-color: #f50057;
1268 background-image: linear-gradient(180deg, #f50057 0%, #ff4147 100%);
1269 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
1270 }
1271 .quiz_toast__rate_button:focus,
1272 .quiz_toast__rate_button:hover {
1273 outline: none;
1274 box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
1275 color: white;
1276 text-decoration: none;
1277 }
1278
1279 .quiz_toast__close {
1280 position: absolute;
1281 right: 5px;
1282 top: 0;
1283 width: 10px;
1284 cursor: pointer;
1285 height: 11px;
1286 fill: #878787;
1287 }
1288
1289 .quiz_toast--red .quiz_toast__icon {
1290 background-color: #f50057;
1291 margin-right: 20px;
1292 }
1293
1294 .quiz_toast--red:before {
1295 background-color: #f50057;
1296 }
1297
1298 /* ~~ Toast Bar End ~~ */
1299
1300
1301
1302 /* Color Picker Alpha issue */
1303 .color-alpha,
1304 .wp-picker-container .color-alpha {
1305 height: 100% !important;
1306 }
1307
1308 @media screen and (max-width: 782px){
1309 .color-alpha,
1310 .wp-picker-container .color-alpha {
1311 width: 40px !important;
1312 }
1313 }
1314
1315 p.ays-subtitle{
1316 margin-top: 20px;
1317 font-size: 18px;
1318 font-weight: 500;
1319 }
1320
1321 .ays-survey-collapse-options{
1322 display: flex;
1323 align-items: center;
1324 gap: 5px;
1325 }
1326
1327 .ays-survey-collapse-options-button{
1328 cursor: pointer;
1329 font-size: 15px;
1330 padding: 3px;
1331 color: #008cff;
1332 transition: 0.2s;
1333 }
1334
1335 p.submit{
1336 display: inline;
1337 margin-right: 10px;
1338 }
1339
1340 .button.ays-button {
1341 margin: 0;
1342 margin-left: 10px;
1343 }
1344
1345 .w-100 {
1346 width: 100px;
1347 }
1348
1349 .display_none {
1350 display: none !important;
1351 }
1352 .display_none_not_important {
1353 display: none;
1354 }
1355 .display_block {
1356 display: block !important;
1357 }
1358 .shortcode.column-shortcode input {
1359 width: 100%;
1360 }
1361
1362 .ays-survey-shortcode-container {
1363 background-color: #f4f5f7;
1364 border-radius: 5px;
1365 overflow: hidden;
1366 display: flex;
1367 justify-content: space-between;
1368 box-shadow: 0px 1px 2px rgb(0 0 0 / 50%);
1369 width: fit-content;
1370 }
1371
1372 .ays-survey-copy-image {
1373 width: 32px;
1374 height: auto;
1375 display: flex;
1376 justify-content: center;
1377 align-items: center;
1378 background-color: #ebecf0;
1379 cursor: pointer;
1380 border-right: 1px solid #dddddf;
1381 }
1382
1383 .ays-survey-shortcode-container .ays-survey-shortcode-input {
1384 font-size: 14px !important;
1385 padding: 0 5px;
1386 }
1387
1388 .ays-survey-shortcode-container input {
1389 border: none!important;
1390 background-color: #f4f5f7;
1391 }
1392
1393 .ays-survey-shortcode-container input[type=text]:focus {
1394 border: none!important;
1395 box-shadow: none!important;
1396 background-color: #f4f5f7!important;
1397 }
1398
1399 .ays_question_answer+input:disabled+label{
1400 color: rgb(158 155 155 / 75%);
1401 }
1402 input:disabled{
1403 background: rgb(255 255 255 / 50%);
1404 border-color: rgb(158 155 155 / 75%);
1405 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
1406 color: rgb(34 34 34 / 50%);
1407 }
1408 ul.pagination {
1409 display: inline-block;
1410 padding: 0;
1411 margin: 0;
1412 }
1413
1414 ul.pagination li {display: inline;}
1415
1416 ul.pagination li a {
1417 color: black;
1418 float: left;
1419 padding: 8px 16px;
1420 text-decoration: none;
1421 transition: background-color .3s;
1422 border: 1px solid #ddd;
1423 cursor: pointer;
1424 }
1425
1426 ul.pagination li a.active {
1427 background-color:#1e8cbe;
1428 color: white;
1429 border: 1px solid #1e8cbe;
1430 }
1431
1432 ul.pagination li a:hover:not(.active) {background-color: #ddd;}
1433
1434 div.center {text-align: center;}
1435
1436 /*=== Ani | Submission Start===*/
1437
1438 .ays_each_question_answer input[type="radio"]:disabled{
1439 background: rgb(255 255 255 / 50%);
1440 border-color: rgb(158 155 155 / 75%) !important;
1441 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
1442 color: rgb(34 34 34 / 50%);
1443 }
1444
1445 input.ays_number_of_result {
1446 width: 70px;
1447 text-align: right;
1448 height: 24px;
1449 line-height: 24px;
1450 font-size: 24px;
1451 padding: 0;
1452 }
1453
1454 .ays_submissions_input_box {
1455 display: flex;
1456 justify-content: space-between;
1457 align-items: center;
1458 font: 400 24px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
1459 font-size: 24px;
1460 }
1461
1462 .ays_survey_previous_next > div {
1463 display: flex;
1464 width: 48px;
1465 align-items: center;
1466 justify-content: center;
1467 }
1468
1469 .ays_survey_previous {
1470 margin-right: 10px;
1471 font-size: 20px;
1472 }
1473
1474 .ays_survey_next {
1475 margin-left: 10px;
1476 font-size: 20px;
1477 }
1478 .ays_survey_container_each_result {
1479 margin: auto;
1480 padding: 20px;
1481 width: 100%;
1482 max-width: 1200px;
1483 }
1484 .ays_survey_container_each_result p {
1485 margin: 0;
1486 }
1487 .ays_survey_response_count , .ays_survey_each_sub_user_info{
1488 border: 1px solid #c7c4c4;
1489 padding: 20px;
1490 border-radius: 13px;
1491 background-color: #fff;
1492 margin-bottom: 11px;
1493 }
1494
1495 .ays-survey-individual-submissions-navigation {
1496 margin-bottom: 11px;
1497 width: 100%;
1498 background-color: #fff;
1499 box-shadow: 0 0 10px #e5e5e5;
1500 padding: 10px;
1501 border-radius: 6px;
1502 display: flex;
1503 flex-direction: row;
1504 justify-content: flex-start;
1505 align-items: center;
1506 }
1507
1508 /* Star question type start */
1509 div.ays-survey-body-for-select-lenght {
1510 display: flex;
1511 }
1512
1513 div.ays-survey-body-for-select-lenght .ays-survey-question-types-for-select-lenght {
1514 margin-left: 5px;
1515 }
1516
1517 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-start-select-lenght,
1518 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght,
1519 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght-star-list {
1520 font-size: 25px;
1521 line-height: 26px;
1522 height: 36px;
1523 }
1524
1525 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-start-select-lenght option,
1526 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght option,
1527 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght-star-list option {
1528 font-size: 16px;
1529 }
1530 /* Star question type end */
1531
1532 .ays_survey_previous_next_conteiner {
1533 display: flex;
1534 /* margin-top: 13px;*/
1535 }
1536 .ays_questions_answers {
1537 padding: 20px;
1538 border: 1px solid #c7c4c4;
1539 margin-top: 11px;
1540 border-radius: 13px;
1541 border-left: 10px solid rgb(255, 87, 34);
1542 background-color: #fff;
1543 }
1544 .ays_each_question_answer {
1545 margin-top: 2px;
1546 }
1547
1548 .ays-survey-action-add-answer.appsMaterialWizButtonPapericonbuttonEl{
1549 width: 120px;
1550 border-radius: 4px;
1551 }
1552 .ays-survey-action-add-answer {
1553 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);
1554 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
1555 background-color: #fff;
1556 border: 1px solid #dadce0;
1557 -webkit-border-radius: 8px !important;
1558 border-radius: 8px !important;
1559 padding: 0px 6px !important;
1560 height: 36px;
1561 font-size: 14px;
1562 }
1563 #ays-survey-form .ays-survey-answer-icon-box.ays-survey-section-actions-more.dropdown {
1564 display: block;
1565 }
1566
1567 .ays-survey-action-add-answer-text{
1568 margin-left: 5px;
1569 }
1570
1571 .ays_questions_answers .ays-survey-individual-question-title {
1572 margin-bottom: 8px;
1573 padding: 9px 0 4px 0;
1574 line-height: 1.3;
1575 }
1576
1577 .ays_each_question_answer input[type="radio"]:checked::before {
1578 background-color: rgb(255, 87, 34);
1579 width: 12px;
1580 height: 12px
1581 }
1582 .ays_each_question_answer input[type="radio"] {
1583 border:1px solid rgb(255, 87, 34) !important;
1584 width: 20px;
1585 height: 20px
1586 }
1587 .ays_survey_name {
1588 padding: 20px;
1589 margin-top: 5px;
1590 border: 1px solid #c7c4c4;
1591 border-radius: 13px;
1592 border-top: 10px solid rgb(255, 87, 34);
1593 background-color: #fff;
1594 }
1595 .ays_survey_name>p {
1596 color: #a4a4a4;
1597 }
1598 .ays_survey_preloader {
1599 width: 100%;
1600 opacity: 0.7;
1601 position: fixed;
1602 top: 0;
1603 right: 0;
1604 bottom: 0;
1605 margin: auto;
1606 background-color: #f1f1f1;
1607 display: flex;
1608 align-items: center;
1609 justify-content: center;
1610 z-index: 999999;
1611 }
1612 /*=== Ani | Submission End ===*/
1613
1614 span.ays_survey_small_hint_text{
1615 font-style: italic;
1616 color: gray;
1617 display: inline-block;
1618 font-size: 12px;
1619 }
1620
1621 .ays_survey_small_hint_text.ays_survey_small_hint_text_for_menu_items {
1622 font-style: italic;
1623 color: gray;
1624 font-size: 12px;
1625 }
1626
1627 .ays_survey_display_flex{
1628 display: flex;
1629 justify-content: space-between;
1630 }
1631
1632 .ays_survey_display_flex_width{
1633 display: flex;
1634 }
1635
1636 .ays-survey-disable-left-margin {
1637 margin-left: 0 !important;
1638 }
1639
1640 .ays_survey_display_flex_width .ays_dropdown_max_width{
1641 margin-left: 15px;
1642 }
1643
1644 .ays_survey_small_hint_text_for_not_recommended {
1645 font-style: italic;
1646 font-size: 11px;
1647 color: #dc3545;
1648 }
1649
1650 .ays_survey_small_hint_text_for_message_variables{
1651 font-style: italic;
1652 font-size: 11px;
1653 color: grey;
1654 }
1655
1656 #ays-survey-form label.ays_survey_loader,
1657 #ays-survey-form label.ays_survey_before_start_loader {
1658 margin-right: 5px;
1659 border: 1px solid #ccc;
1660 display: inline-flex;
1661 align-items: center;
1662 border-radius: 5px;
1663 padding: 10px 20px;
1664 background: #f5f5f5;
1665 }
1666
1667 /*Send email for testing Start*/
1668
1669 .ays_survey_send_test {
1670 display: flex;
1671 align-items: center;
1672 }
1673
1674 .ays_survey_send_test p.submit {
1675 margin: 0 10px;
1676 padding: 0;
1677 }
1678
1679 .ays_survey_send_test p {
1680 font-size: 16px;
1681 margin: 0;
1682 }
1683
1684 input#ays_survey_test_email {
1685 display: inline-block;
1686 width: auto;
1687 margin-right: 10px;
1688 }
1689
1690 a.ays_survey_test_mail_btn {
1691 padding: 1px 22px !important;
1692 font-size: 17px !important;
1693 margin-right: 10px !important;
1694 }
1695
1696 /*Send email for testing End*/
1697
1698 /* Date Picker start */
1699 #ui-datepicker-div {
1700 font-size: 16px;
1701 z-index: 99999999999999 !important;
1702 font-size: .9em;
1703 }
1704
1705 .ui-datepicker {
1706 background-color: #fff;
1707 border: 1px solid #66AFE9;
1708 border-radius: 4px;
1709 box-shadow: 0 0 8px rgba(102,175,233,.6);
1710 display: none;
1711 margin-top: 4px;
1712 padding: 10px;
1713 width: 240px;
1714 }
1715
1716 .ui-datepicker a,
1717 .ui-datepicker a:hover {
1718 text-decoration: none;
1719 }
1720
1721 .ui-datepicker a:hover,
1722 .ui-datepicker td:hover a {
1723 color: #2A6496;
1724 -webkit-transition: color 0.1s ease-in-out;
1725 -moz-transition: color 0.1s ease-in-out;
1726 -o-transition: color 0.1s ease-in-out;
1727 transition: color 0.1s ease-in-out;
1728 }
1729
1730 .ui-datepicker .ui-datepicker-header {
1731 margin-bottom: 4px;
1732 text-align: center;
1733 }
1734
1735 .ui-datepicker .ui-datepicker-title {
1736 font-weight: 700;
1737 }
1738
1739 .ui-datepicker .ui-datepicker-prev,
1740 .ui-datepicker .ui-datepicker-next {
1741 font: normal normal normal 14px/1 FontAwesome;
1742 font-size: inherit;
1743 text-rendering: auto;
1744 -webkit-font-smoothing: antialiased;
1745 -moz-osx-font-smoothing: grayscale;
1746 cursor: default;
1747 font-style: normal;
1748 font-weight: normal;
1749 height: 20px;
1750 line-height: 1;
1751 margin-top: 2px;
1752 width: 30px;
1753 }
1754
1755 .ui-datepicker .ui-datepicker-prev {
1756 float: left;
1757 text-align: left;
1758 }
1759
1760 .ui-datepicker .ui-datepicker-next {
1761 float: right;
1762 text-align: right;
1763 }
1764
1765 .ui-datepicker .ui-datepicker-prev:before {
1766 content: "\f104";
1767 font-weight: 900;
1768 }
1769
1770 .ui-datepicker .ui-datepicker-next:before {
1771 content: "\f105";
1772 font-weight: 900;
1773 }
1774
1775 .ui-datepicker .ui-icon {
1776 display: none;
1777 }
1778
1779 .ui-datepicker .ui-datepicker-calendar {
1780 table-layout: fixed;
1781 width: 100%;
1782 }
1783
1784 .ui-datepicker .ui-datepicker-calendar th,
1785 .ui-datepicker .ui-datepicker-calendar td {
1786 text-align: center;
1787 padding: 4px 0;
1788 }
1789
1790 .ui-datepicker .ui-datepicker-calendar td {
1791 border-radius: 4px;
1792 -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1793 -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1794 -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1795 transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1796 }
1797
1798 .ui-datepicker .ui-datepicker-calendar td:hover {
1799 background-color: #eee;
1800 cursor: pointer;
1801 }
1802
1803 .ui-datepicker .ui-datepicker-calendar td a {
1804 text-decoration: none;
1805 }
1806
1807 .ui-datepicker .ui-datepicker-current-day {
1808 background-color: #4289cc;
1809 }
1810
1811 .ui-datepicker .ui-datepicker-current-day a {
1812 color: #fff
1813 }
1814
1815 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
1816 background-color: #fff;
1817 cursor: default;
1818 }
1819 /* Date Picker end */
1820
1821 .ays_save_buttons_content{
1822 display: flex;
1823 justify-content: space-between;
1824 }
1825 .button.ays_default_btn{
1826 background-color: #ffa500;
1827 color: #fffdfd;
1828 border-color: #ffa500;
1829 margin-right: 0;
1830 margin-left: 10px;
1831 }
1832 .button.ays_default_btn:focus,
1833 .button.ays_default_btn:active,
1834 .button.ays_default_btn:hover{
1835 background-color: #f59e00;
1836 color: #fff;
1837 border-color: #f59e00;
1838 }
1839 .button.ays_default_btn:focus{
1840 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f59e00;
1841 }
1842
1843
1844 .ays_color_red {
1845 color: red;
1846 }
1847 .ays_color_red:hover,
1848 .ays_color_red:focus,
1849 .ays_color_red:active,
1850 .ays_color_red:visited {
1851 color: brown;
1852 }
1853
1854 /*How to use Submenu Style Start*/
1855
1856 .ays-survey-faq-main{
1857 max-width: 800px;
1858 margin: auto;
1859 text-align: center;
1860 }
1861 .ays-survey-faq-main p{
1862 color: #212529;
1863 font-size: 18px;
1864 }
1865 .ays-survey-faq-main ol{
1866 color: #3a546f;
1867 }
1868 div.wrap .ays-survey-wp-heading-inline{
1869 font-size: 27px;
1870 color: #364150;
1871 font-weight: 700;
1872 letter-spacing: -1px;
1873 }
1874 .ays-survey-faq-main h2{
1875 color: inherit;
1876 font-size: 22px;
1877 font-weight: 400;
1878 letter-spacing: -1px;
1879 margin-bottom: 20px;
1880 }
1881 .ays-survey-faq-main fieldset{
1882 border:1px solid #ccc;
1883 padding:10px;
1884 width:fit-content;
1885 margin:0 auto;
1886 margin-bottom: 40px;
1887 }
1888 .ays-survey-faq-main fieldset .ays-quyiz-ol-container{
1889 text-align: left;
1890 }
1891 .ays-survey-p-container p{
1892 font-weight: 600;
1893 }
1894 .ays-survey-ol-container ol {
1895 text-align: left;
1896 }
1897 .ays-survey-asked-questions .ays-pro-asked-question:first-child {
1898 border-top: 1px solid #e5ecf6;
1899 }
1900 .ays-survey-asked-question {
1901 margin: 0;
1902 border-bottom: 2px solid #000;
1903 }
1904 .ays-survey-asked-question__header {
1905 cursor: pointer;
1906 display: -webkit-box;
1907 display: -ms-flexbox;
1908 display: flex;
1909 -webkit-box-pack: justify;
1910 -ms-flex-pack: justify;
1911 justify-content: space-between;
1912 align-items: center;
1913 padding: 0 22px;
1914 min-height: 50px;
1915 }
1916 .ays-survey-asked-question__title h4{
1917 font-size: 19px;
1918 color: #23282d;
1919 }
1920 .ays-survey-asked-question__body {
1921 text-align: left;
1922 color: #3a546f;
1923 font-size: 18px;
1924 max-height: 0;
1925 overflow: hidden;
1926 transition: max-height 0.2s ease-out;
1927 padding: 0 22px;
1928 }
1929 .ays-survey-asked-question__arrow {
1930 cursor: pointer;
1931 display: -webkit-box;
1932 display: -ms-flexbox;
1933 display: flex;
1934 -webkit-box-align: center;
1935 -ms-flex-align: center;
1936 align-items: center;
1937 -webkit-box-pack: center;
1938 -ms-flex-pack: center;
1939 justify-content: center;
1940 font-size: 10px;
1941 background: #f7faff;
1942 width: 20px;
1943 height: 20px;
1944 border-radius: 100%;
1945 }
1946
1947 .ays-survey-faq-main .ays-survey-faq-footer{
1948 font-size: 15px;
1949 margin-top: 50px;
1950 }
1951
1952 .wrap h1.ays-survey-maker-wrapper{
1953 text-align: center;
1954 font-size: 40px;
1955 margin-bottom: 20px;
1956 }
1957 .ays_heart_beat i.ays_fa{
1958 color: red!important;
1959 font-weight: bold;
1960 }
1961 .ays_heart_beat {
1962 font-size: 20px;
1963 margin-left: 10px;
1964 }
1965
1966 /*How to use Submenu Style End*/
1967
1968 @-webkit-keyframes ays_survey_pulse {
1969 from,
1970 to {
1971 -webkit-transform: scale3d(1, 1, 1);
1972 transform: scale3d(1, 1, 1)
1973 }
1974 50% {
1975 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1976 transform: scale3d(1.2, 1.2, 1.2)
1977 }
1978 }
1979
1980 @-moz-keyframes ays_survey_pulse {
1981 from,
1982 to {
1983 -webkit-transform: scale3d(1, 1, 1);
1984 transform: scale3d(1, 1, 1)
1985 }
1986 50% {
1987 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1988 transform: scale3d(1.2, 1.2, 1.2)
1989 }
1990 }
1991
1992 @-ms-keyframes ays_survey_pulse {
1993 from,
1994 to {
1995 -webkit-transform: scale3d(1, 1, 1);
1996 transform: scale3d(1, 1, 1)
1997 }
1998 50% {
1999 -webkit-transform: scale3d(1.2, 1.2, 1.2);
2000 transform: scale3d(1.2, 1.2, 1.2)
2001 }
2002 }
2003
2004 @keyframes ays_survey_pulse {
2005 from,
2006 to {
2007 -webkit-transform: scale3d(1, 1, 1);
2008 -moz-transform: scale3d(1, 1, 1);
2009 -ms-transform: scale3d(1, 1, 1);
2010 transform: scale3d(1, 1, 1)
2011 }
2012 50% {
2013 -webkit-transform: scale3d(1.2, 1.2, 1.2);
2014 -moz-transform: scale3d(1.2, 1.2, 1.2);
2015 -ms-transform: scale3d(1.2, 1.2, 1.2);
2016 transform: scale3d(1.2, 1.2, 1.2)
2017 }
2018 }
2019
2020 .ays_survey_pulse {
2021 -webkit-animation-name: ays_survey_pulse;
2022 -moz-animation-name: ays_survey_pulse;
2023 -ms-animation-name: ays_survey_pulse;
2024 animation-name: ays_survey_pulse
2025 }
2026
2027
2028
2029 /* Featured Plugins Start */
2030
2031 .card img {
2032 width: 128px;
2033 margin: auto;
2034 }
2035
2036 .coming-soon span {
2037 font-size: 25px;
2038 font-weight: 600;
2039 background: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
2040 -webkit-background-clip: text;
2041 background-clip: text;
2042 -webkit-text-fill-color: transparent;
2043 }
2044
2045 .ays-survey-features-wrap .comparison {
2046 max-width: 100%;
2047 margin: 0 auto;
2048 margin-bottom: 20px;
2049 margin-top: 30px;
2050 font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
2051 text-align: center;
2052 padding: 10px;
2053 overflow-x: auto;
2054 }
2055
2056 .ays-survey-features-cta-button-wrap {
2057 display: flex;
2058 justify-content: center;
2059 align-items: center;
2060 margin: 50px auto 0;
2061 gap: 20px;
2062 }
2063
2064 .ays-survey-features-wrap .ays-survey-features-video {
2065 display: flex;
2066 justify-content: center;
2067 align-items: center;
2068 /*margin-top: 40px;*/
2069 gap: 5px;
2070 }
2071
2072 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon{
2073 display: flex;
2074 }
2075
2076 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text{
2077 font-weight: 700;
2078 }
2079
2080 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text a{
2081 /*color: black;*/
2082 box-shadow: unset;
2083 outline: none;
2084
2085 display: inline-block;
2086 width: auto;
2087 min-width: 80px;
2088 padding: 5px 0;
2089 font: 500 12px / 16px Roboto, Arial, sans-serif;
2090 letter-spacing: -.25px;
2091 text-transform: capitalize;
2092 background-color: transparent;
2093 color: #888;
2094 cursor: pointer;
2095 margin: 0;
2096 border: 2px solid transparent;
2097 border-radius: 4px;
2098 text-decoration: underline;
2099 text-align: center;
2100 -webkit-transition: .3s;
2101 transition: .3s;
2102 font-size: 18px;
2103 }
2104
2105 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon img{
2106 width: 25px;
2107 }
2108
2109 .ays-survey-features-wrap .comparison table {
2110 width: 100%;
2111 border-collapse: collapse;
2112 border-spacing: 0;
2113 table-layout: auto;
2114 text-align: inherit;
2115 }
2116
2117 .ays-survey-features-wrap .comparison td,
2118 .ays-survey-features-wrap .comparison th {
2119 border-right: 1px solid #E8E8E8;
2120 empty-cells: show;
2121 padding: 10px;
2122 border-top: 1px solid #E8E8E8;
2123 border-bottom: 1px solid #E8E8E8;
2124 color: #808080;
2125 font-size: 15px;
2126 }
2127
2128 .ays-survey-features-wrap .comparison tbody tr:nth-child(odd) {
2129 display: none;
2130 }
2131
2132 .ays-survey-features-wrap .comparison .compare-row {
2133 background: #F7F7F7;
2134 }
2135
2136 .ays_fa_check {
2137 color: #69C7F1;
2138 }
2139
2140 .ays-survey-features-wrap .comparison th {
2141 font-weight: normal;
2142 padding: 0;
2143 border-top: 0px solid #E8E8E8;
2144 border-bottom: 0px solid #E8E8E8;
2145 }
2146
2147 .ays-survey-features-wrap .comparison tr td:first-child {
2148 text-align: left;
2149 padding: 15px;
2150 border-left: 1px solid #E8E8E8;
2151 border-top: 1px solid #E8E8E8;
2152 }
2153
2154 .ays-survey-features-wrap .comparison .product,
2155 .ays-survey-features-wrap .comparison .tl {
2156 color: #FFF;
2157 padding: 10px;
2158 font-size: 14px;
2159 }
2160
2161 .ays-survey-features-wrap .comparison .tl2 {
2162 border-right: 0;
2163 }
2164
2165 .ays-survey-features-wrap .comparison .product {
2166 background: #69C7F1;
2167 height: 40px;
2168 font-size: 1.6em;
2169 }
2170
2171 .ays-survey-features-wrap .comparison .price-info {
2172 padding: 15px;
2173 }
2174
2175 .ays-survey-features-wrap .comparison .price-now,
2176 .ays-survey-features-wrap .comparison .price-now span {
2177 color: #808080;
2178 }
2179
2180 .ays-survey-features-wrap .comparison .price-now span {
2181 font-size: 36px;
2182 color: #545454;
2183 }
2184
2185 .ays-survey-features-wrap .comparison .price-now p {
2186 font-size: 14px;
2187 text-align: center;
2188 line-height: 16px;
2189 display: inline;
2190 }
2191
2192 .ays-survey-features-wrap .comparison .price-buy {
2193 background: #69C7F1;
2194 padding: 10px 20px;
2195 font-size: 14px;
2196 display: inline-block;
2197 color: #fff;
2198 text-decoration: none;
2199 border-radius: 3px;
2200 text-transform: uppercase;
2201 margin: 5px 0 10px 0;
2202 letter-spacing: 1px;
2203 cursor: pointer;
2204 -webkit-transition: .3s all ease;
2205 transition: .3s all ease;
2206 }
2207
2208 .ays-survey-features-wrap .comparison .price-buy:hover {
2209 background: #6BB0DC;
2210 }
2211
2212 .comparison .ays-survey-pracing-table-td-flex {
2213 display: flex;
2214 justify-content: center;
2215 align-items: center;
2216 flex-direction: column;
2217 }
2218
2219 .comparison .ays-survey-pracing-table-td-flex span {
2220 font-size: 11px;
2221 color: #96a3bd;
2222 text-transform: uppercase;
2223 margin-top: 5px;
2224 }
2225
2226 .ays-survey-sm-content-row-sg {
2227 background-color: #ecf6ff;
2228 margin: 70px 0;
2229 }
2230
2231 .ays-survey-sm-main-container-sg * {
2232 margin: 0;
2233 padding: 0;
2234 box-sizing: border-box;
2235 background-repeat: no-repeat;
2236 }
2237
2238 .ays-survey-sm-center-box-sg {
2239 display: flex;
2240 align-items: center;
2241 justify-content: center;
2242 }
2243
2244 .ays-survey-sm-guarantee-container-sg {
2245 width: 70%;
2246 margin: auto;
2247 padding: 15px 0;
2248 }
2249
2250 .ays-survey-sm-guarantee-container-sg img {
2251 width: 200px;
2252 margin-right: 30px;
2253 }
2254
2255 .ays-survey-sm-guarantee-text-container-sg {
2256 max-width: 555px;
2257 }
2258
2259 .ays-survey-sm-guarantee-container-sg h3 {
2260 font-size: 32px;
2261 text-transform: uppercase;
2262 color: #5F61FB;
2263 font-weight: 600;
2264 margin-bottom: 20px;
2265 }
2266
2267 .ays-survey-sm-guarantee-container-sg p {
2268 font-size: 14px;
2269 color: #6A6A6A;
2270 line-height: 1.5em;
2271 }
2272
2273 @media only screen and (max-width: 768px) {
2274 div.ays-survey-sm-guarantee-container-sg {
2275 width: 100%;
2276 }
2277
2278 div.ays-survey-sm-guarantee-container-sg img {
2279 width: 140px;
2280 margin-right: 20px;
2281 }
2282
2283 div.ays-survey-sm-guarantee-container-sg h3 {
2284 font-size: 19px;
2285 }
2286
2287 div.ays-survey-sm-guarantee-container-sg p {
2288 font-size: 12px;
2289 }
2290
2291 div.wrap.ays-survey-features-wrap-box {
2292 margin: 0;
2293 }
2294
2295 div.comparison {
2296 padding: 0;
2297 overflow-x: auto;
2298 }
2299
2300 div.ays-survey-features-cta-button-wrap {
2301 flex-direction: column;
2302 }
2303 }
2304
2305 /* Featured Plugins End */
2306
2307 .popover {
2308 background: rgb(95 99 104 / 90%) !important;
2309 }
2310
2311 .popover * {
2312 color: #fff;
2313 }
2314
2315 .ays_read_result{
2316 background-color: #ddd !important;
2317 font-weight: 700 !important;
2318 }
2319
2320 .ays-survey-subtitle {
2321 font-size: 23px;
2322 font-weight: 400;
2323 margin: 0;
2324 padding: 9px 0 4px 0;
2325 line-height: 1.3;
2326 }
2327
2328
2329 .ays-survey-image-container .ays-survey-image-body {
2330 -webkit-box-align: center;
2331 box-align: center;
2332 -webkit-align-items: center;
2333 align-items: center;
2334 display: -webkit-box;
2335 display: -webkit-flex;
2336 display: flex;
2337 }
2338
2339 .ays-survey-image-container .ays-survey-image-wrapper {
2340 margin-top: 20px;
2341 padding: 12px;
2342 position: relative;
2343 }
2344
2345 .ays-survey-image-container .ays-survey-image-wrapper > img {
2346 -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);
2347 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);
2348 max-height: 120px;
2349 max-width: 180px;
2350 }
2351
2352 .ays-survey-image-wrapper-delete-wrap {
2353 height: 30px;
2354 width: 30px;
2355 color: rgba(0, 0, 0, 0.54);
2356 fill: rgba(0, 0, 0, 0.54);
2357 -webkit-user-select: none;
2358 user-select: none;
2359 -webkit-transition: background 0.3s;
2360 transition: background 0.3s;
2361 border: 0;
2362 -webkit-border-radius: 50%;
2363 border-radius: 50%;
2364 cursor: pointer;
2365 display: inline-block;
2366 -webkit-flex-shrink: 0;
2367 flex-shrink: 0;
2368 outline: none;
2369 overflow: hidden;
2370 position: relative;
2371 text-align: center;
2372 -webkit-tap-highlight-color: transparent;
2373 z-index: 0;
2374 position: absolute;
2375 right: 0;
2376 top: 0;
2377
2378 }
2379 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont {
2380 position: relative;
2381 display: flex;
2382 justify-content: center;
2383 align-items: center;
2384 height: 100%;
2385 }
2386 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont > span {
2387 display: inline-block;
2388 position: relative;
2389 top: -12px;
2390 }
2391 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont .ays-survey-image-wrapper-delete-icon-cont {
2392 opacity: 0.54;
2393 direction: ltr;
2394 text-align: left;
2395 height: 24px;
2396 overflow: hidden;
2397 width: 24px;
2398 display: inline-block;
2399 position: relative;
2400 }
2401
2402 .ays-survey-image-wrapper-delete-wrap {
2403 background-color: #f5f5f5;
2404 -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);
2405 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);
2406 }
2407
2408 .google-visualization-tooltip {
2409 pointer-events: none;
2410 }
2411
2412
2413 div.ays-survey-preloader {
2414 display: none;
2415 position: absolute;
2416 background: rgba(255, 255, 255, 0.8);
2417 width: 100%;
2418 justify-content: center;
2419 height: 100%;
2420 align-items: center;
2421 z-index: 10;
2422 }
2423
2424 ul.ays_tooltop_ul {
2425 padding-left: 10px;
2426 list-style-type: circle;
2427 list-style-position: inside;
2428 }
2429
2430 ul.ays_tooltop_ul_inside {
2431 padding-left: 30px;
2432 padding-top: 10px;
2433 list-style-type: circle;
2434 list-style-position: inside;
2435 }
2436
2437
2438 .dropdown-item:link,
2439 .dropdown-item:visited,
2440 .dropdown-item:hover,
2441 .dropdown-item:active,
2442 .dropdown-item:focus {
2443 outline: none;
2444 }
2445
2446 .dropdown-item:focus,
2447 .dropdown-item:hover {
2448 color: #16181b;
2449 text-decoration: none;
2450 background-color: rgb(255 87 34 / 20%);
2451 }
2452
2453 .dropdown-item.active,
2454 .dropdown-item:active {
2455 color: #fff;
2456 text-decoration: none;
2457 background-color: #ff5722;
2458 }
2459
2460
2461 .dropdown-menu {
2462 outline: none;
2463 border: 0;
2464 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%);
2465 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2466 }
2467
2468 .dropdown-menu[x-placement="top-end"]::before {
2469 position: absolute;
2470 bottom: -6px;
2471 right: 17px;
2472 display: inline-block;
2473 border-right: 6px solid transparent;
2474 border-top: 6px solid #ccc;
2475 border-left: 6px solid transparent;
2476 border-top-color: rgba(0, 0, 0, 0.3);
2477 content: '';
2478 }
2479
2480 .dropdown-menu[x-placement="top-end"]::after {
2481 position: absolute;
2482 bottom: -5px;
2483 right: 17px;
2484 display: inline-block;
2485 border-right: 6px solid transparent;
2486 border-top: 6px solid #ffffff;
2487 border-left: 6px solid transparent;
2488 content: '';
2489 }
2490
2491 .dropdown-menu[x-placement="top-start"]::before {
2492 position: absolute;
2493 bottom: -6px;
2494 left: 19px;
2495 display: inline-block;
2496 border-right: 6px solid transparent;
2497 border-top: 6px solid #ccc;
2498 border-left: 6px solid transparent;
2499 border-top-color: rgba(0, 0, 0, 0.3);
2500 content: '';
2501 }
2502
2503 .dropdown-menu[x-placement="top-start"]::after {
2504 position: absolute;
2505 bottom: -5px;
2506 left: 19px;
2507 display: inline-block;
2508 border-right: 6px solid transparent;
2509 border-top: 6px solid #ffffff;
2510 border-left: 6px solid transparent;
2511 content: '';
2512 }
2513
2514 .dropdown-menu[x-placement="bottom-end"]::before {
2515 position: absolute;
2516 top: -7px;
2517 right: 19px;
2518 display: inline-block;
2519 border-right: 6px solid transparent;
2520 border-bottom: 6px solid #ccc;
2521 border-left: 6px solid transparent;
2522 border-bottom-color: rgba(0, 0, 0, 0.3);
2523 content: '';
2524 }
2525
2526 .dropdown-menu[x-placement="bottom-end"]::after {
2527 position: absolute;
2528 top: -6px;
2529 right: 19px;
2530 display: inline-block;
2531 border-right: 6px solid transparent;
2532 border-bottom: 6px solid #ffffff;
2533 border-left: 6px solid transparent;
2534 content: '';
2535 }
2536
2537 .dropdown-menu[x-placement="bottom-start"]::before {
2538 position: absolute;
2539 top: -7px;
2540 left: 13px;
2541 display: inline-block;
2542 border-right: 7px solid transparent;
2543 border-bottom: 7px solid #ccc;
2544 border-left: 7px solid transparent;
2545 border-bottom-color: rgba(0, 0, 0, 0.3);
2546 content: '';
2547 }
2548
2549 .dropdown-menu[x-placement="bottom-start"]::after {
2550 position: absolute;
2551 top: -6px;
2552 left: 14px;
2553 display: inline-block;
2554 border-right: 6px solid transparent;
2555 border-bottom: 6px solid #ffffff;
2556 border-left: 6px solid transparent;
2557 content: '';
2558 }
2559
2560 .dropdown-menu[x-placement="left-start"]::before {
2561 position: absolute;
2562 right: -7px;
2563 top: 19px;
2564 display: inline-block;
2565 border-top: 7px solid transparent;
2566 border-left: 7px solid #ccc;
2567 border-bottom: 7px solid transparent;
2568 border-left-color: rgba(0, 0, 0, 0.3);
2569 content: '';
2570 }
2571
2572 .dropdown-menu[x-placement="left-start"]::after {
2573 position: absolute;
2574 right: -6px;
2575 top: 20px;
2576 display: inline-block;
2577 border-top: 6px solid transparent;
2578 border-left: 6px solid #ffffff;
2579 border-bottom: 6px solid transparent;
2580 content: '';
2581 }
2582
2583 a.ays_survey_summary_mail_btn {
2584 padding: 1px 10px !important;
2585 font-size: 15px !important;
2586 }
2587
2588 div.ays-google-sheet-popover {
2589 background: white !important;
2590 }
2591
2592 div.ays-google-sheet-popover code{
2593 color: #e83e8c !important;
2594 }
2595
2596 div.ays-google-sheet-popover *:not(a){
2597 color: black;
2598 }
2599
2600 div.ays-google-sheet-popover a{
2601 color: #007bff;
2602 }
2603
2604
2605 #ays-survey-form img {
2606 vertical-align: initial;
2607 }
2608
2609 #ays-survey-form .ays-survey-tab-content .iris-strip.iris-slider.iris-alpha-slider{
2610 margin-left: 7.813px !important;
2611 }
2612
2613 .tablenav a.button,
2614 .tablenav a.button-secondary {
2615 display: inline-block;
2616 }
2617
2618 select#ays_survey_default_type + span.select2-container #select2-ays_survey_default_type-container{
2619 line-height: 34px !important;
2620 }
2621
2622
2623 /*
2624 * Survey themes
2625 */
2626
2627 .ays-survey-themes-main-div-wrap {
2628 display: grid;
2629 grid-template-columns: repeat(4, minmax(0, 1fr));
2630 gap: 24px;
2631 width: 100%;
2632 }
2633
2634 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div {
2635 position: relative;
2636 min-width: 0;
2637 }
2638
2639 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item {
2640 position: relative;
2641 display: block;
2642 overflow: hidden;
2643 width: 100%;
2644 margin: 0;
2645 border: 1px solid #d9e0ea;
2646 border-radius: 8px;
2647 background: #fff;
2648 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
2649 color: #111827;
2650 cursor: pointer;
2651 text-decoration: none;
2652 transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
2653 }
2654
2655 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item:hover,
2656 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item:focus {
2657 color: #111827;
2658 text-decoration: none;
2659 }
2660
2661 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div:hover .ays-survey-theme-item,
2662 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div .ays-survey-theme-item:focus-within {
2663 border-color: #c5cfdd;
2664 box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1);
2665 transform: translateY(-2px);
2666 }
2667
2668 .ays-survey-themes-main-div-wrap .ays-survey-theme-item-header {
2669 display: flex;
2670 align-items: center;
2671 justify-content: space-between;
2672 min-height: 34px;
2673 padding: 8px 12px;
2674 border-bottom: 1px solid #e3e8f0;
2675 background: #fbfcfe;
2676 }
2677
2678 .ays-survey-themes-main-div-wrap .ays-survey-theme-item-title {
2679 overflow: hidden;
2680 color: #020617;
2681 font-size: 12px;
2682 font-weight: 600;
2683 line-height: 1.2;
2684 text-overflow: ellipsis;
2685 white-space: nowrap;
2686 }
2687
2688 .ays-survey-themes-main-div-wrap .ays-survey-theme-lock {
2689 display: inline-flex;
2690 align-items: center;
2691 justify-content: center;
2692 color: #60708a;
2693 }
2694
2695 .ays-survey-themes-main-div-wrap .ays-survey-theme-preview {
2696 position: relative;
2697 display: block;
2698 padding: 14px;
2699 }
2700
2701 .ays-survey-themes-main-div-wrap .ays-survey-theme-preview img {
2702 display: block;
2703 width: 100%;
2704 height: auto;
2705 }
2706
2707 .ays-survey-themes-main-div-wrap .ays-survey-theme-pro-overlay {
2708 position: absolute;
2709 inset: 0;
2710 z-index: 1;
2711 background: rgba(255, 255, 255, 0.28);
2712 backdrop-filter: blur(2.2px);
2713 }
2714
2715 .ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button {
2716 position: absolute;
2717 left: 50%;
2718 bottom: 12px;
2719 z-index: 3;
2720 display: inline-flex;
2721 align-items: center;
2722 gap: 5px;
2723 max-width: calc(100% - 24px);
2724 padding: 7px 11px;
2725 border-radius: 6px;
2726 background-color: #111827;
2727 color: #ffffff !important;
2728 font-size: 11px;
2729 font-weight: 600;
2730 line-height: 1;
2731 text-decoration: none;
2732 white-space: nowrap;
2733 box-shadow: 0 2px 6px rgba(15, 23, 42, 0.18);
2734 opacity: 0;
2735 transform: translate(-50%, 6px);
2736 transition: opacity 0.2s ease, transform 0.2s ease, background-color 0.2s ease;
2737 pointer-events: none;
2738 }
2739
2740 /* .ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:before {
2741 content: "";
2742 position: absolute;
2743 left: 50%;
2744 bottom: -12px;
2745 z-index: -1;
2746 width: 180px;
2747 max-width: 180px;
2748 height: 74px;
2749 background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0.86) 52%, rgba(255, 255, 255, 0) 100%);
2750 transform: translateX(-50%);
2751 } */
2752
2753 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div:hover .ays-survey-theme-demo-button,
2754 .ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:focus {
2755 color: #ffffff !important;
2756 opacity: 1;
2757 transform: translate(-50%, 0);
2758 pointer-events: auto;
2759 }
2760
2761 .ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:hover,
2762 .ays-survey-themes-main-div-wrap .ays-survey-theme-demo-button:focus {
2763 background-color: #020617;
2764 color: #ffffff !important;
2765 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #2271b1;
2766 }
2767
2768 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"] {
2769 display: none;
2770 }
2771
2772 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"]:checked + label.ays-survey-theme-item {
2773 border-color: #2271b1;
2774 box-shadow: 0 0 0 2px rgba(34, 113, 177, 0.2), 0 8px 18px rgba(15, 23, 42, 0.1);
2775 }
2776
2777 @media (max-width: 900px) {
2778 .ays-survey-themes-main-div-wrap {
2779 grid-template-columns: repeat(2, minmax(0, 1fr));
2780 }
2781 }
2782
2783 @media (max-width: 782px) {
2784 .ays-survey-themes-main-div-wrap {
2785 gap: 16px;
2786 }
2787 }
2788
2789 @media (max-width: 520px) {
2790 .ays-survey-themes-main-div-wrap {
2791 grid-template-columns: 1fr;
2792 }
2793 }
2794
2795 /* Community start */
2796 @media (min-width: 1250px) {
2797 .ays-survey-community-wrap .ays-survey-community-item {
2798 width:calc(28.3333333% - 13.3333333px)
2799 }
2800
2801 .ays-survey-community-wrap .ays-survey-community-item:nth-child(3n) {
2802 margin-right: 0
2803 }
2804 }
2805
2806 @media (max-width: 1249px) {
2807 .ays-survey-community-wrap .ays-survey-community-item {
2808 width:calc(50% - 10px)
2809 }
2810
2811 .ays-survey-community-wrap .ays-survey-community-item:nth-child(2n) {
2812 margin-right: 0
2813 }
2814 }
2815
2816 @media (max-width: 767px) {
2817 div.ays-survey-community-wrap .ays-survey-community-item {
2818 width:100%;
2819 margin-right: 0
2820 }
2821
2822 div.ays-survey-community-youtube-video iframe {
2823 width: 100%;
2824 }
2825 }
2826
2827 .ays-survey-community-wrap {
2828 text-align: center;
2829 width: 70%;
2830 margin: auto;
2831 margin-bottom: 60px;
2832 }
2833
2834 .ays-survey-community-wrap *,
2835 .ays-survey-community-wrap *::before,
2836 .ays-survey-community-wrap *::after {
2837 -webkit-box-sizing: border-box;
2838 -moz-box-sizing: border-box;
2839 box-sizing: border-box;
2840 }
2841
2842 .ays-survey-community-wrap .ays-survey-community-container {
2843 display: flex;
2844 flex-wrap: wrap;
2845 justify-content: center;
2846 margin: 20px;
2847 margin-top: 40px;
2848 }
2849
2850 .ays-survey-community-wrap .ays-survey-community-item {
2851 /*border: 1px solid #DDDDDD;*/
2852 margin: 0 20px 20px 0;
2853 background-color: #FAF8F8;
2854 position: relative;
2855 box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8;
2856 border-radius: 2px;
2857 }
2858
2859 .ays-survey-community-wrap .ays-survey-community-item-cover {
2860 width: 100%;
2861 height: 120px;
2862 position: relative;
2863 display: block
2864 }
2865
2866 .ays-survey-community-wrap .ays-survey-community-item-img {
2867 width: auto;
2868 height: auto;
2869 max-width: 80px;
2870 max-height: 80px;
2871 position: absolute;
2872 top: 0;
2873 bottom: 0;
2874 left: 0;
2875 right: 0;
2876 margin: auto;
2877 font-size: 70px;
2878 line-height: 80px;
2879 }
2880
2881 .ays-survey-community-wrap .ays-survey-community-item-img.ays_fa_youtube_play {
2882 color: #B74141;
2883 }
2884
2885 .ays-survey-community-wrap .ays-survey-community-item-img.ays_fa_users {
2886 color: #E78A2C;
2887 }
2888
2889 .ays-survey-community-wrap .ays-survey-community-item-title {
2890 margin: 17px 20px 10px 20px;
2891 font-size: 16px
2892 }
2893
2894 .ays-survey-community-wrap .ays-survey-community-item-desc {
2895 margin: 0 20px 100px 20px;
2896 font-size: 14px
2897 }
2898
2899 .ays-survey-community-wrap .ays-survey-community-item-footer {
2900 position: absolute;
2901 width: 100%;
2902 bottom: 0;
2903 padding: 20px;
2904 /*border-top: 1px solid #dddddd;
2905 background-color: #F7F7F7*/
2906 }
2907
2908 .ays-survey-community-wrap .button {
2909 display: inline-block;
2910 width: 150px;
2911 background-color: #FAF8F8;
2912 color: #1C75A6;
2913 font-weight: bold;
2914 border: 1px solid #0e6897;
2915 padding: 3px 34px;
2916 height: auto;
2917 /*line-height: 13px;*/
2918 /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/
2919 transition: 0.5s;
2920 }
2921
2922 .ays-survey-community-wrap .button:hover {
2923 background: #008ec2;
2924 border-color: #006799;
2925 color: #fff;
2926 }
2927
2928 .ays-survey-community-wrap a.ays-survey-community-item-cover:hover {
2929 color: #2271b1;
2930 }
2931
2932 /* Community end */
2933
2934 .ays_surveys_list_table .column-code_include,
2935 .ays_surveys_list_table .column-category_ids,
2936 .ays_surveys_list_table .column-author_id {
2937 width: 10%;
2938 }
2939
2940 .ays_surveys_list_table .column-shortcode {
2941 width: 14%;
2942 }
2943
2944 .ays_surveys_list_table .column-items_count {
2945 width: 8%;
2946 }
2947
2948 .ays_surveys_list_table .column-sections_count {
2949 width: 7%;
2950 }
2951
2952 .ays_surveys_list_table .column-id {
2953 width: 4%;
2954 }
2955
2956 .ays_surveys_list_table .column-status,
2957 .ays_surveys_list_table .column-submissions_count {
2958 width: 9%;
2959 }
2960
2961
2962 .export-survey-example {
2963 display: block;
2964 float: right;
2965 line-height: 30px;
2966 position: relative;
2967 top: -13px;
2968 }
2969
2970 .ays_survey_each_sub_user_info_header {
2971 display: flex;
2972 flex-wrap: wrap;
2973 justify-content: space-between;
2974 }
2975
2976 .ays_survey_each_sub_user_info_header .ays_survey_each_sub_user_info_header_text span{
2977 font-weight: 600;
2978 font-size: 18px;
2979 }
2980
2981 .ays_survey_each_sub_user_info_body{
2982 margin-top: 15px;
2983 }
2984
2985 .ays_survey_each_sub_user_info_columns{
2986 display: flex;
2987 }
2988
2989 .ays_survey_each_sub_user_info_columns div:first-child{
2990 width: 150px;
2991 min-width: 150px;
2992 }
2993
2994 .ays_survey_each_sub_user_info_columns div:last-child{
2995 border-left: 1px solid #00000082;
2996 padding: 0 0 0 40px;
2997 word-break: break-all;
2998 margin: 0 0 0 40px;
2999 }
3000
3001 .ays_survey_loader_text,.ays_survey_loader_custom_gif{
3002 display: flex;
3003 width: 52px;
3004 height: 52px;
3005 margin: 6px;
3006 align-items: center;
3007 font-size: 20px;
3008 font-weight: 600;
3009 }
3010
3011 div#tab4 button.add_survey_loader_custom_gif {
3012 padding: 0 15px;
3013 }
3014
3015 .ays-survey-loader-custom-gif-container{
3016 position: relative;
3017 }
3018
3019 .ays-survey-loader-custom-gif-container .ays-edit-survey-loader-custom-gif{
3020 position: absolute;
3021 left: -10px;
3022 top: -10px;
3023 background-color: #f5f5f5;
3024 width: 30px;
3025 height: 30px;
3026 border-radius: 50%;
3027 display: flex;
3028 justify-content: center;
3029 align-items: center;
3030 }
3031
3032 .ays-survey-loader-custom-gif-container .ays-edit-survey-loader-custom-gif i{
3033 color: #000000bf;
3034 }
3035
3036 .ays-survey-loader-custom-gif-container .ays-survey-image-wrapper-delete-wrap{
3037 position: absolute;
3038 right: -10px;
3039 top: -10px;
3040 }
3041
3042 .ays-survey-loader-custom-gif-container img.ays_survey_img_loader_custom_gif{
3043 width: 120px;
3044 height: 120px;
3045 object-fit: cover;
3046 }
3047
3048 div#wpbody div.wrap div.ays-survey-heart-beat-main-heading.ays-survey-heart-beat-main-heading-container{
3049 text-align: center;
3050 }
3051
3052 div#wpbody div.wrap div.container-fluid div.ays-survey-our-products-heading.ays-survey-our-products-heading-container{
3053 text-align: center;
3054 }
3055
3056 /* PRO */
3057 .ays-survey-question-type.selection .disabled.item{
3058 font-style: italic;
3059 }
3060
3061 .checkbox_ays {
3062 padding: 8px;
3063 border: 1px solid #ccc;
3064 white-space: nowrap;
3065 margin-bottom: .75rem;
3066 }
3067
3068 a.ays-survey-to-curnet-survey,a.ays-survey-to-curnet-survey:hover{
3069 color: inherit;
3070 box-shadow: unset;
3071 outline: none;
3072 }
3073
3074 #ays-survey-form .ays_option_description {
3075 display: block;
3076 margin-top: 2px;
3077 margin-bottom: 5px;
3078 font-size: 14px;
3079 color: #666;
3080 line-height: 1.5;
3081 }
3082
3083 div.ays-survey-question-text-types-note-text span{
3084 font-style: italic;
3085 font-size: 12.3px;
3086 }
3087
3088 /* Sale buttom banner | Start */
3089
3090 .ays-survey-general-bundle-container {
3091 padding: 20px 20px;
3092 color: #000;
3093 border-radius: 5px;
3094 width: 100%;
3095 margin-right: auto;
3096 margin-left: auto;
3097 background-image: url(../images/survey-winter-sale.png);
3098 background-position: center center;
3099 background-size: contain;
3100 /* background-color: #191919; */
3101 background-repeat: no-repeat;
3102 }
3103
3104 .ays-survey-general-bundle-container .ays-survey-general-bundle-box {
3105 display: flex;
3106 justify-content: flex-end;
3107 align-items: center;
3108 }
3109
3110 .ays-survey-general-bundle-container .ays-survey-general-bundle-row {
3111 text-align: center;
3112 margin-right: 75px;
3113 }
3114
3115 .ays-survey-general-bundle-container .ays-survey-general-bundle-image-row img {
3116 height: 130px;
3117 }
3118
3119 .ays-survey-general-bundle-container .ays-survey-general-bundle-color {
3120 color: #971821;
3121 }
3122
3123 .ays-survey-general-bundle-container .ays-survey-general-bundle-text {
3124 font-size: 25px;
3125 font-weight: 700;
3126 color: #fff;
3127 }
3128
3129 .ays-survey-general-bundle-container .ays-survey-general-bundle-text > span{
3130 color: #971821;
3131 }
3132
3133 .ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
3134 font-size: 20px;
3135 font-weight: 700;
3136 color: #971821;
3137 }
3138
3139 .ays-survey-general-bundle-container .ays-survey-general-bundle-row p {
3140 font-weight: 500;
3141 color: #fff;
3142 }
3143
3144 .ays-survey-general-bundle-container .ays-survey-general-bundle-button {
3145 background-color: #971821;
3146 border-color: #fff;
3147 display: flex;
3148 justify-content: center;
3149 align-items: center;
3150 padding: 5px 15px;
3151 font-size: 16px;
3152 color: #fff !important;
3153 text-decoration: none !important;
3154 text-shadow: none;
3155 font-weight: 900;
3156
3157 line-height: 2.15384615;
3158 min-height: 30px;
3159 margin: 0;
3160 cursor: pointer;
3161 border-width: 1px;
3162 border-style: solid;
3163 -webkit-appearance: none;
3164 border-radius: 3px;
3165 white-space: nowrap;
3166 box-sizing: border-box;
3167 }
3168
3169 .ays-survey-general-bundle-container .ays-survey-general-bundle-link-color {
3170 color: #971821 !important;
3171 }
3172
3173 .ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
3174 text-decoration: underline;
3175 }
3176
3177 .ays-survey-general-bundle-container .ays-survey-general-bundle-button:hover {
3178 background-color: #7d161d;
3179 border-color: #971821;
3180 }
3181
3182 @media screen and (max-width: 1400px) {
3183 div.ays-survey-general-bundle-container {
3184 background-image: linear-gradient(90deg, #7ec9da, #1586a1);
3185 background-position: top center;
3186 background-size: cover;
3187 }
3188 div.ays-survey-general-bundle-container .ays-survey-general-bundle-box {
3189 flex-wrap: wrap;
3190 justify-content: center;;
3191 }
3192
3193 div.ays-survey-general-bundle-row div.ays-survey-general-bundle-text{
3194 font-size: 20px;
3195 }
3196
3197 div.ays-survey-general-bundle-container .ays-survey-general-bundle-button {
3198 font-size: 13px;
3199 }
3200
3201 div.ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
3202 font-size: 19px;
3203 }
3204
3205 .ays-survey-general-bundle-container .ays-survey-general-bundle-row p{
3206 margin: 0;
3207 }
3208 }
3209 @media screen and (max-width: 768px) {
3210 .ays-survey-general-bundle-container .ays-survey-general-bundle-row {
3211 margin: 10px 0;
3212 }
3213
3214 div.ays-survey-general-bundle-container {
3215 background-image: linear-gradient(180deg, #7ec9da, #1586a1);
3216 }
3217 }
3218
3219 /* Sale buttom banner | End */
3220
3221
3222 /* ========== Condition result start ==========*/
3223 #ays-survey-form .ays-survey-condition-containers-added{
3224 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%);
3225 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
3226 background-color: #fff;
3227 -webkit-border-radius: 8px;
3228 border-radius: 8px;
3229 position: relative;
3230 -webkit-transition: box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
3231 transition: box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
3232 margin-bottom: 12px;
3233 min-height: 250px;
3234 padding: 10px;
3235 border-top-left-radius: 0;
3236 border-radius: 8px;
3237 border-top: 10px solid;
3238 transition: 0.5s;
3239 }
3240
3241 #ays-survey-form .ays-survey-condition-containers-editable{
3242 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%);
3243 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
3244 background-color: #fff;
3245 -webkit-border-radius: 8px;
3246 border-radius: 8px;
3247 border-top-left-radius: 0;
3248 border-radius: 8px;
3249 border-left: 5px solid;
3250 transition: 0.5s;
3251 height: 50px;
3252 }
3253
3254 #ays-survey-form .ays-survey-condition-add-new {
3255 -webkit-user-select: none;
3256 user-select: none;
3257 -webkit-transition: background 0.3s;
3258 transition: background 0.3s;
3259 border: 0;
3260 -webkit-border-radius: 50%;
3261 border-radius: 50%;
3262 cursor: pointer;
3263 display: inline-block;
3264 -webkit-flex-shrink: 0;
3265 flex-shrink: 0;
3266 height: 48px;
3267 outline: none;
3268 overflow: hidden;
3269 position: relative;
3270 text-align: center;
3271 -webkit-tap-highlight-color: transparent;
3272 width: 48px;
3273 z-index: 0;
3274 transition: 0.5s;
3275 }
3276
3277 #ays-survey-form .ays-survey-condition-delete-conteiner-box{
3278 display: flex;
3279 justify-content: flex-end;
3280 border-bottom: 1px solid rgba(0,0,0,.1);
3281 }
3282
3283
3284 #ays-survey-form .ays-survey-condition-delete-currnet {
3285 margin-left: 5px;
3286 }
3287
3288 #ays-survey-form .ays-survey-condition-select-question-box{
3289 margin-bottom: 12px;
3290 border-bottom: 1px solid rgba(0,0,0,.1);
3291 padding: 10px;
3292 }
3293
3294 #ays-survey-form .ays-survey-condition-select-question-answers{
3295 margin-left: 12px;
3296 }
3297
3298 #ays-survey-form .ays-survey-condition-selects{
3299 display: flex;
3300 flex-wrap: wrap;
3301 }
3302
3303 #ays-survey-form .ays-survey-condition-for-other-types{
3304 display: flex;
3305 flex-wrap: wrap;
3306 }
3307
3308 #ays-survey-form .ays-survey-condition-for-other-types-text{
3309 margin-left: 12px;
3310 }
3311
3312 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3313 height: 36px;
3314 }
3315
3316 #ays-survey-form .ays-survey-condition-containers-ready{
3317 display: flex;
3318 justify-content: space-between;
3319 flex-wrap: wrap;
3320 }
3321
3322 #ays-survey-form .ays-survey-condition-select-question,
3323 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3324 #ays-survey-form .ays-survey-condition-for-text-types-select,
3325 #ays-survey-form .ays-survey-condition-for-number-types-select,
3326 #ays-survey-form .ays-survey-condition-for-other-types-text input {
3327 width: 180px;
3328 min-height: 36px;
3329 }
3330
3331 #ays-survey-form .ays-survey-condition-select-question-condition{
3332 display: flex;
3333 justify-content: center;
3334 margin-top: 10px;
3335 }
3336
3337 #ays-survey-form .ays-survey-condition-containers-conditions{
3338 border-left: 2px solid rgba(0,0,0,.1);
3339 }
3340
3341 #ays-survey-form .ays-survey-condition-containers-conditions-titles-nav-bar{
3342 display: flex;
3343 flex-wrap: wrap;
3344 }
3345
3346 #ays-survey-form .ays-survey-condition-containers-conditions-tabs{
3347 padding: 5px 36px;
3348 border-width: 0 2px 0 0;
3349 border-style: solid;
3350 border-color: rgba(0,0,0,.1);
3351 font-size: 15px;
3352 cursor: pointer;
3353 border-radius: 0 0 3px 3px;
3354 font-weight: 600;
3355 letter-spacing: 0.5px;
3356 min-width: 120px;
3357 text-align: center;
3358 }
3359
3360 #ays-survey-form .ays-survey-condition-containers-list-main-box,#ays-survey-form .ays-survey-condition-containers-conditions{
3361 width: 50%;
3362 }
3363
3364 #ays-survey-form .nav-cond-tab-active{
3365 background-color: #c3c4c7;
3366 transition: .3s;
3367
3368 }
3369
3370 #ays-survey-form .ays-survey-condition-containers-conditions-contents{
3371 padding: 10px;
3372 height: 100%;
3373 border-bottom: 1px solid rgba(0,0,0,.1);
3374 }
3375
3376 #ays-survey-form .ays-survey-conditions-messages-textareas{
3377 display: block;
3378 width: 100%;
3379 margin-top: 5px;
3380 height: 200px !important;
3381 }
3382
3383 #ays-survey-form .ays-survey-condition-containers-conditions-content{
3384 border-top: 1px solid rgba(0,0,0,.1);
3385 min-height: 420px;
3386 }
3387
3388 #ays-survey-form .ays-survey-conditions-messages-input{
3389 width: 100%;
3390 }
3391
3392 #ays-survey-form .ays-survey-email-message-files-main-contnet{
3393 margin-top: 12px;
3394 }
3395
3396 #ays-survey-form .ays-survey-email-message-files{
3397 display: flex;
3398 justify-content: space-between;
3399 flex-wrap: wrap;
3400 }
3401
3402 #ays-survey-form .ays-survey-messages-contnet-titles{
3403 font-size: 20px;
3404 font-weight: 600;
3405 }
3406
3407 #ays-survey-form .ays-survey-email-message-files-body{
3408 border: 2px dashed;
3409 text-align: center;
3410 width: 400px;
3411 }
3412
3413 #ays-survey-form .ays-survey-email-message-files-upload{
3414 margin-top: 10px;
3415 }
3416
3417 #ays-survey-form .ays-survey-action-add-condition{
3418 display: flex;
3419 align-items: center;
3420 width: 167px;
3421 overflow: initial;
3422 max-width: 100%;
3423 padding: 10px;
3424 border-radius: 5px;
3425 justify-content: flex-start;
3426 margin-bottom: 10px;
3427 }
3428
3429 #ays-survey-form .ays-question-img-icon-content-conditions{
3430 width: initial;
3431 }
3432
3433 #ays-survey-form .ays-survey-condition-containers-editable {
3434 padding: 10px;
3435 word-break: break-all;
3436 word-wrap: break-word;
3437 height: 100%;
3438 width: 50%;
3439 cursor: pointer;
3440 margin-bottom: 12px;
3441 }
3442
3443 #ays-survey-form .ays-survey-condition-containers-list-main-header{
3444 display: flex;
3445 justify-content: center;
3446 align-items: center;
3447 height: 100%;
3448 font-style: italic;
3449 font-weight: 500;
3450 }
3451
3452 #ays-survey-form .ays-survey-email-message-files-content-text{
3453 outline: none;
3454 box-shadow: none;
3455 }
3456
3457 .ays-survey-condition-select-question-condition select{
3458 height: 30px !important;
3459 font-size: 14px !important;
3460 }
3461
3462 .ays-survey-condition-for-other-types-text input{
3463 height: 40px !important;
3464 }
3465
3466 #ays-survey-form .ays-survey-text-input-full{
3467 width: 100%;
3468 }
3469
3470 @media screen and (max-width: 1440px){
3471 #ays-survey-form .ays-survey-condition-select-question,
3472 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3473 #ays-survey-form .ays-survey-condition-for-text-types-select,
3474 #ays-survey-form .ays-survey-condition-for-number-types-select,
3475 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3476 width: 150px;
3477 }
3478 }
3479
3480 @media screen and (max-width: 1230px){
3481 #ays-survey-form .ays-survey-condition-select-question,
3482 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3483 #ays-survey-form .ays-survey-condition-for-text-types-select,
3484 #ays-survey-form .ays-survey-condition-for-number-types-select,
3485 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3486 width: 140px;
3487 }
3488 }
3489
3490 @media screen and (max-width: 1200px){
3491 #ays-survey-form .ays-survey-condition-select-question,
3492 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3493 #ays-survey-form .ays-survey-condition-for-text-types-select,
3494 #ays-survey-form .ays-survey-condition-for-number-types-select,
3495 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3496 width: 250px;
3497 }
3498
3499 #ays-survey-form .ays-survey-condition-select-question-answers{
3500 margin-left: 0;
3501 margin-top: 8px;
3502 }
3503
3504 #ays-survey-form .ays-survey-condition-for-other-types-text{
3505 margin-left: 0;
3506 margin-top: 8px;
3507 }
3508
3509 #ays-survey-form .ays-survey-condition-selects,
3510 #ays-survey-form .ays-survey-condition-for-other-types{
3511 justify-content: center;
3512 }
3513
3514 #ays-survey-form .ays-survey-condition-containers-add-list-button-box{
3515 text-align: center;
3516 }
3517
3518 #ays-survey-form .ays-survey-condition-delete-currnet{
3519 width: 100%;
3520 display: flex;
3521 justify-content: center;
3522 }
3523
3524 #ays-survey-form .ays-survey-email-message-files-body{
3525 width: 200px;
3526 }
3527 }
3528
3529
3530 @media screen and (max-width: 640px){
3531 #ays-survey-form .ays-survey-condition-select-question,
3532 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3533 #ays-survey-form .ays-survey-condition-for-text-types-select,
3534 #ays-survey-form .ays-survey-condition-for-number-types-select,
3535 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3536 width: 150px !important;
3537 }
3538
3539 .ays-surveys-button-box .ays-surveys-button-second-row{
3540 margin-top: 10px;
3541 }
3542
3543 #ays-survey-form .ays-survey-condition-containers-conditions-titles-nav-bar{
3544 justify-content: center;
3545 }
3546
3547 #ays-survey-form .ays-survey-email-message-files{
3548 justify-content: center;
3549 }
3550
3551 #ays-survey-form .ays-survey-condition-containers-ready{
3552 flex-direction: column;
3553 }
3554
3555 #ays-survey-form .ays-survey-condition-containers-list-main-box, #ays-survey-form .ays-survey-condition-containers-conditions{
3556 width: 100%;
3557 }
3558
3559 #ays-survey-form .ays-survey-condition-selects,
3560 #ays-survey-form .ays-survey-condition-for-other-types{
3561 flex-direction: column;
3562 align-items: center;
3563 }
3564
3565 #ays-survey-form .ays-survey-condition-containers-conditions{
3566 border-top: 1px solid rgba(0,0,0,.1);
3567 }
3568
3569 div.ays_ask_question_content{
3570 display: none;
3571 }
3572
3573 .ays-settings-wrapper .vmessage strong input{
3574 width: 100%;
3575 }
3576
3577 .ays-settings-wrapper .ays-survey-iframe-video-link{
3578 width: 100%;
3579 }
3580
3581 .ays-survey-grab-gift-inputs{
3582 display: initial !important;
3583 }
3584
3585 .ays-modal-content-survey-templates .ays-survey-templates-content{
3586 justify-content: center !important;
3587 }
3588
3589 .ays-survey-add-question-button{
3590 width: 155px;
3591 }
3592 }
3593 #ays-survey-form .ays-survey-condition-containers-added{
3594 border-color:rgb(255, 87, 34);
3595 }
3596
3597 @media screen and (max-width: 350px){
3598 #ays-survey-form #ays_survey_cancel,
3599 #ays-survey-form #ays-button-apply-top{
3600 margin-top: 20px;
3601 }
3602 }
3603
3604
3605 /* ========== Condition result end ==========*/
3606
3607 /* Winter Sale Banner | Start */
3608
3609 /* #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3610 color: #0041B8;
3611 } */
3612
3613 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content{
3614 display: flex;
3615 justify-content: center;
3616 }
3617
3618 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content .ays-button{
3619 margin: 0;
3620 font-size: 13px;
3621 }
3622
3623 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content{
3624 display: block;
3625 }
3626
3627
3628 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main {
3629 border: 1px solid #E5E5E5;
3630 background: #FFF;
3631 border-radius: 6px;
3632 box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
3633 position: relative;
3634 z-index: 1;
3635 min-height: 198px;
3636 }
3637 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_pb_dicount_info button {
3638 display: flex;
3639 align-items: center;
3640 }
3641
3642 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main div#ays-survey-dicount-month a.ays-survey-sale-banner-link:focus {
3643 outline: none;
3644 box-shadow: 0;
3645 }
3646
3647 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .btn-link {
3648 font-weight: 400;
3649 color: #007bff;
3650 background-color: transparent;
3651 display: inline-block;
3652 font-weight: 400;
3653 text-align: center;
3654 white-space: nowrap;
3655 vertical-align: middle;
3656 -webkit-user-select: none;
3657 -moz-user-select: none;
3658 -ms-user-select: none;
3659 user-select: none;
3660 border: 1px solid transparent;
3661 padding: .375rem .75rem;
3662 font-size: 1rem;
3663 line-height: 1.5;
3664 border-radius: .25rem
3665 }
3666
3667 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info {
3668 /*background-image: linear-gradient(45deg, #dbdbdb, transparent);*/
3669
3670 background-image: url(../images/mega_bundle.jpg);
3671 background-position: center;
3672 background-repeat: no-repeat;
3673 background-size: cover;
3674 border: 0;
3675 /* height: 200px; */
3676 /*background-color: #191919;*/
3677 }
3678
3679 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month {
3680 display: flex;
3681 align-items: end;
3682 justify-content: space-between;
3683 height: 100%;
3684 }
3685
3686 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-sale-banner-link {
3687 display: flex;
3688 justify-content: center;
3689 align-items: center;
3690 width: 200px;
3691 }
3692
3693 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3694 font-size:14px;
3695 padding:12px;
3696 text-align: center;
3697 width: 50%;
3698 }
3699
3700 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box strong {
3701 font-size: 17px;
3702 font-weight: bold;
3703 letter-spacing: 0.80px;
3704 }
3705
3706 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-button{
3707 /* margin: 0 auto !important; */
3708
3709 display: flex;
3710 align-items: center;
3711 font-weight: 500;
3712 padding: 5px 15px;
3713 background-color: #3340ca;
3714 border-color: #267bff;
3715 font-size: 16px;
3716 }
3717
3718 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-button-top-buy-now:hover {
3719 background-color: #222eaa;
3720 border-color: #222eaa;
3721 }
3722
3723 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-color {
3724 color: #007bff;
3725 }
3726
3727 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-text-decoration {
3728 text-decoration: underline;
3729 }
3730
3731 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .ays-survey-maker-countdown-container {
3732 color: #333;
3733 margin: 0 auto;
3734 text-align: center;
3735 }
3736
3737 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown-headline {
3738 font-weight: normal;
3739 letter-spacing: .125rem;
3740 text-transform: uppercase;
3741 font-weight: bolder;
3742
3743 font-size: 18px;
3744 font-weight: 400;
3745 margin: 0;
3746 padding: 9px 0 4px 0;
3747 line-height: 1.3;
3748 }
3749
3750 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3751 font-weight: 600;
3752 color: #fff;
3753 }
3754
3755 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container ul {
3756 margin: 0;
3757 }
3758
3759 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li {
3760 display: inline-block;
3761 font-size: 14px;
3762 list-style-type: none;
3763 padding: 8px;
3764 text-transform: uppercase;
3765 }
3766
3767 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li span {
3768 display: block;
3769 font-size: 40px;
3770 line-height: 1.4em;
3771 }
3772
3773 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .emoji {
3774 display: none;
3775 padding: 1rem;
3776 }
3777
3778 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .emoji span {
3779 font-size: 50px;
3780 padding: 0 .5rem;
3781 }
3782
3783 @media screen and (max-width: 1305px){
3784
3785 /* div#ays-survey-dicount-month-main.ays_survey_dicount_info { */
3786 /* background-image: url(../images/mega_bundle.png) !important;
3787 background-position: bottom right;
3788 background-repeat: no-repeat;
3789 background-size: cover;
3790 background-color: #191919;
3791 background-size: 20%;
3792 height: unset !important; */
3793 /* } */
3794
3795 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month{
3796 height: unset !important;
3797 }
3798
3799 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month{
3800 align-items: center;
3801 }
3802 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3803 font-weight: 700;
3804 color: #4A382E;
3805 }
3806
3807 }
3808
3809 @media all and (max-width: 768px) {
3810 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main {
3811 padding-right: 0;
3812 }
3813 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays_survey_dicount_month{
3814 display: flex;
3815 align-items: center;
3816 justify-content: space-between;
3817 align-content: center;
3818 flex-wrap: wrap;
3819 flex-direction: column;
3820 padding: 10px 0;
3821 }
3822
3823 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3824 width: 100%;
3825 text-align: center;
3826 }
3827
3828 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown-headline {
3829 font-size: 15px;
3830 font-weight: 600;
3831 }
3832
3833 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container ul {
3834 font-weight: 500;
3835 }
3836
3837 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li span {
3838 font-size: 20px;
3839 }
3840
3841 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-button{
3842 margin: 0 auto !important;
3843 }
3844
3845 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info.notice {
3846 background-size: cover;
3847 }
3848
3849 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays-survey-dicount-wrap-box strong {
3850 font-weight: bolder;
3851 }
3852
3853 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main #ays-survey-button-top-buy-now {
3854 font-size: 14px;
3855 padding: 5px 10px;
3856 }
3857
3858 div#ays-survey-winter-dicount-main .comparison .product img {
3859 width: 70px;
3860 }
3861
3862 div#ays-survey-winter-dicount-main .comparison a.price-buy{
3863 padding: 5px 10px;
3864 font-size: 11px;
3865 }
3866
3867 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info{
3868 /* background-image: unset !important; */
3869 background-image: linear-gradient(45deg, #dbdbdb, transparent);
3870 /* background-position: bottom right; */
3871 /* background-repeat: no-repeat; */
3872 /* background-size: cover; */
3873 /* background-color: #cb2a2a; */
3874 }
3875
3876 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3877 /* font-weight: 600; */
3878 color: #000;
3879 }
3880 }
3881
3882 /* Winter Sale Banner | End */
3883
3884 .ays-survey-submission-summary-question-content .ays-survey-submission-text-answers-div .ays-survey-submission-text-answer-each{
3885 word-break: break-word;
3886 }
3887
3888 #ui-datepicker-div{
3889 z-index: 3 !important;
3890 }
3891
3892 .ays-survey-themes-main-div-only-pro{
3893 cursor: pointer;
3894 }
3895
3896 span.ays_survey_small_hint_text {
3897 font-style: italic;
3898 color: gray;
3899 display: inline-block;
3900 font-size: 12px;
3901 }
3902
3903 input.ays-survey-text-input-90-width {
3904 width: 90px;
3905 max-width: 100%;
3906 }
3907
3908 /* Questions Count start */
3909 .ays-survey-section-actions .ays-survey-action-questions-count{
3910 line-height: 48px;
3911 cursor: help;
3912 }
3913
3914 .ays-survey-section-wrap-collapsed-contnet .ays-survey-action-questions-count{
3915 cursor: help;
3916 justify-content: center;
3917 }
3918 /* Questions Count end */
3919
3920
3921 /* Select message vars from surveys page */
3922 .ays-survey-message-vars-box{
3923 display: flex;
3924 justify-content: flex-end;
3925 /*flex-direction: column;*/
3926 align-items: flex-end;
3927 user-select: none;
3928 }
3929
3930 .ays-survey-subtitle-main-box{
3931 position: relative;
3932 min-height: 27px;
3933 word-break: break-word;
3934 }
3935
3936 .ays-survey-subtitle-main-box .ays-subtitle .ays-subtitle-inner-surveys-page{
3937 padding: 10px 3px;
3938 text-align: center;
3939 border-radius: 35px;
3940 cursor: pointer;
3941 }
3942
3943 .ays-survey-message-vars-box .ays-survey-message-vars-icon{
3944 display: inline-flex;
3945 min-height: 34px;
3946 justify-content: center;
3947 align-items: center;
3948 gap: 8px;
3949 cursor: pointer;
3950 margin-bottom: 12px;
3951 padding: 6px 12px;
3952 color: #0f172a;
3953 background-color: #f8fafc;
3954 border: 1px solid #dbe3ef;
3955 border-radius: 6px;
3956 box-shadow: none;
3957 font-size: 13px;
3958 font-weight: 600;
3959 line-height: 1.4;
3960 transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
3961 }
3962
3963 .ays-survey-surveys-box .ays-survey-surveys-icon{
3964 display: flex;
3965 width: 150px;
3966 justify-content: space-between;
3967 cursor: pointer;
3968 margin-bottom: 15px;
3969
3970 }
3971
3972 .ays-survey-message-vars-box .ays-survey-message-vars-icon:hover,
3973 .ays-survey-message-vars-box.ays-survey-message-vars-open .ays-survey-message-vars-icon{
3974 background-color: #f1f5f9;
3975 border-color: #cbd5e1;
3976 }
3977
3978 .ays-survey-message-vars-box.ays-survey-message-vars-open .ays-survey-message-vars-icon{
3979 box-shadow: 0 0 0 2px rgba(148, 163, 184, .22);
3980 }
3981
3982 .ays-survey-message-vars-braces{
3983 color: #64748b;
3984 font-weight: 500;
3985 letter-spacing: 1px;
3986 }
3987
3988 .ays-survey-message-vars-chevron{
3989 width: 7px;
3990 height: 7px;
3991 border-right: 1.5px solid #64748b;
3992 border-bottom: 1.5px solid #64748b;
3993 transform: rotate(45deg);
3994 transition: transform .15s ease-in-out;
3995 margin-top: -3px;
3996 }
3997
3998 .ays-survey-message-vars-box.ays-survey-message-vars-open .ays-survey-message-vars-chevron{
3999 transform: rotate(225deg);
4000 margin-top: 3px;
4001
4002 }
4003
4004 .ays-survey-message-vars-box .ays-survey-message-vars-icon span,
4005 .ays-survey-surveys .ays-survey-surveys-icon span{
4006 font-size: 13px;
4007 }
4008
4009
4010 .ays-survey-message-vars-data,
4011 .ays-survey-surveys-data {
4012 position: absolute;
4013 top: 46px;
4014 right: 0;
4015 max-height: 288px;
4016 overflow-x: hidden;
4017 overflow-y: auto;
4018 z-index: 99999;
4019 background-color: #fff;
4020 border: 1px solid #dbe3ef;
4021 border-radius: 6px;
4022 width: 256px;
4023 display: none;
4024 padding: 6px 0;
4025 box-shadow: 0 10px 24px -16px rgba(15, 23, 42, .55);
4026 }
4027
4028 .ays-survey-surveys-data{
4029 top: 36px;
4030 left: 0;
4031 }
4032
4033 .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar {
4034 width: 0.35em;
4035 }
4036
4037 .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{
4038 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
4039 }
4040
4041 .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{
4042 background-color: #94a3b8;
4043 outline: 1px solid #94a3b8;
4044 border-radius: 5px;
4045 }
4046
4047 .ays-survey-message-vars-data .ays-survey-message-vars-each-data,
4048 .ays-survey-surveys-data .ays-survey-surveys-each-data {
4049 border-bottom: 0;
4050 cursor: pointer;
4051 color: #0f172a;
4052 transition: background-color .15s ease-in-out, color .15s ease-in-out;
4053 }
4054
4055 .ays-survey-message-vars-data .ays-survey-message-vars-each-data,
4056 .ays-survey-surveys-data .ays-survey-surveys-each-data{
4057 cursor: pointer;
4058 }
4059
4060 .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label:not(:last-child) .ays-survey-message-vars-each-data,
4061 .ays-survey-surveys-data .ays-survey-message-vars-each-data-label:not(:last-child) .ays-survey-surveys-each-data{
4062 border-bottom: 1px solid #d5d5d559;
4063 }
4064
4065 .ays-survey-message-vars-data .ays-survey-message-vars-each-data{
4066 padding: 9px 12px;
4067 }
4068
4069 .ays-survey-surveys-data .ays-survey-surveys-each-data a{
4070 display: inline-block;
4071 width: 100%;
4072 height: 100%;
4073 padding: 10px 0 10px 10px;
4074 text-decoration: none;
4075 }
4076
4077 .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{
4078 background-color: #f1f5f9;
4079 color: #0f172a;
4080 }
4081
4082 .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{
4083 background-color: #f2f5fb;
4084 }
4085
4086 .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{
4087 background-color: #e1e1e1;
4088 }
4089
4090 .ays-survey-message-vars-each-data-label{
4091 display: block;
4092 margin: 0;
4093 }
4094
4095 .ays-survey-create-survey-video-box{
4096 display: flex;
4097 justify-content: space-around;
4098 align-items: center;
4099 flex-direction: column;
4100 margin-bottom: 20px !important;
4101 margin-top: 10px !important;
4102 }
4103
4104 .ays-survey-youtube-placeholder{
4105 position: relative;
4106 cursor: pointer;
4107 max-width: 100%;
4108 width: 560px;
4109 height: 315px;
4110 margin: 0 auto;
4111 }
4112
4113 .ays-survey-create-survey-youtube-video {
4114 display: flex;
4115 align-items: center;
4116 gap: 5px;
4117 }
4118
4119 .ays-survey-create-survey-video-box iframe {
4120 max-width: 100%;
4121 }
4122
4123 .ays-survey-youtube-placeholder img {
4124 display: block;
4125 width: 100%;
4126 height: 100%;
4127 object-fit: contain;
4128 }
4129
4130 @media screen and (max-width: 768px) {
4131 div.ays-survey-youtube-placeholder {
4132 width: 100%;
4133 height: auto;
4134 }
4135 }
4136
4137 .ays-survey-create-survey-youtube-video-button-box-top{
4138 margin: 20px;
4139 }
4140
4141 .ays-survey-create-survey-youtube-video-button-box-bottom{
4142 margin: 0;
4143 }
4144
4145 .ays-survey-add-new-button-video{
4146 background-color: #2A8EB6;
4147 color: #fff !important;
4148 border-color: #2A8EB6;
4149 outline: none;
4150 border-radius: 4px;
4151 box-shadow: unset;
4152 padding: 10px 30px;
4153 border: 0;
4154
4155 }
4156
4157 #wpbody .wrap .ays-survey-add-new-button-new-design {
4158 background: #2275EA;
4159 border-color: #2275EA;
4160 border-radius: 8px;
4161 padding: 5px 27px;
4162 margin: 0 10px !important;
4163 line-height: 2;
4164 color: #ffffff;
4165 font-weight: normal;
4166 }
4167
4168 #wpbody .wrap .ays-survey-add-new-button-new-design:hover {
4169 background: #0f34e7;
4170 }
4171
4172 #wpbody .wrap .ays-survey-add-new-button-new-design:active {
4173 padding: 5px 27px;
4174 }
4175
4176 #wpbody .wrap .ays-survey-add-new-button-new-design img {
4177 width: 10px;
4178 margin-top: -2px;
4179 margin-right: 5px;
4180 }
4181
4182 #wpbody .wrap .ays-survey-create-survey-video-box .ays-survey-add-new-button-new-design {
4183 padding: 10px 30px;
4184 }
4185
4186 #wpbody .wrap .ays-survey-create-survey-video-box .ays-survey-add-new-button-new-design:hover {
4187 padding: 10px 30px;
4188 text-decoration: unset;
4189 }
4190
4191 .ays-survey-open-surveys-list{
4192 cursor: pointer;
4193 font-size: 15px;
4194 color: #e84b0b;
4195 padding: 3px;
4196 }
4197
4198 .ays-survey-subtitle-main-box .ays-survey-surveys-data .ays-survey-go-to-surveys{
4199 color: unset;
4200 border: 0;
4201 outline: unset;
4202 box-shadow: unset;
4203 }
4204
4205 .ays-surveys-button-box{
4206 justify-content: space-between;
4207 }
4208
4209 .ays-surveys-button-box .ays-surveys-button-second-row{
4210 margin-right: 110px;
4211 display: flex;
4212 gap: 10px;
4213 }
4214
4215 .ays-surveys-button-box .ays-surveys-button-second-row .ays-survey-save-as-default-pro-button{
4216 background-color: #ffa500;
4217 color: #fffdfd;
4218 border-color: #ffa500;
4219 margin-right: 0;
4220 margin-left: 10px;
4221 text-shadow: none;
4222 box-shadow: none;
4223 }
4224
4225 .ays-surveys-button-box .ays-surveys-button-second-row .ays-survey-save-as-default-pro-button:hover{
4226 background-color: #ffa500;
4227 border-color: #ffa500;
4228 }
4229
4230 /* Survey subscribe email start */
4231
4232 #ays-survey-subscribe-email-page-main{
4233 margin-top: 12px;
4234 }
4235
4236 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page{
4237 display: flex;
4238 justify-content: center;
4239 align-items: center;
4240 }
4241
4242 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box{
4243 background-color: white;
4244 width: 400px;
4245 padding: 15px;
4246 border-radius: 4px;
4247 position: relative;
4248 }
4249
4250 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-box{
4251 border-bottom: 1px solid #c3c4c7;
4252 text-align: center;
4253 padding: 10px;
4254 }
4255
4256 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-text{
4257 font-style: italic;
4258 }
4259
4260 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-inputs{
4261 display: flex;
4262 justify-content: center;
4263 align-items: center;
4264 flex-wrap: wrap;
4265 min-height: 80px;
4266 }
4267
4268 #ays-survey-subscribe-email-page-main .button.ays-survey-subscribe-button{
4269 padding: 9px 10px 9px 10px;
4270 margin-bottom: 0;
4271 min-height: 30px;
4272 line-height: initial;
4273 font-size: 15px;
4274 }
4275
4276 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-inputs div{
4277 margin-top: 10px;
4278 }
4279
4280 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-button{
4281 margin-left: 8px;
4282 }
4283
4284 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-loader{
4285 position: absolute;
4286 top: 0;
4287 left: 0;
4288 width: 100%;
4289 height: 100%;
4290 /* margin: auto; */
4291 display: flex;
4292 justify-content: center;
4293 align-items: center;
4294 /* opacity: 0.5; */
4295 background-color: #a9a9a97d;
4296 border-radius: 4px;
4297 }
4298
4299 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-loader img{
4300 width: 25px;
4301 height: 25px;
4302 }
4303
4304 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error:focus{
4305 border-color: #ff0000;
4306 box-shadow: 0 0 0 1px #ff000085;
4307 outline: 2px solid transparent;
4308 }
4309
4310 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message {
4311 border-left: 2px solid red;
4312 visibility: hidden;
4313 padding: 0 10px;
4314 background-color: #8080802e;
4315 /* color: white; */
4316 border-radius: 2px;
4317 height: 25px;
4318 }
4319
4320 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message .ays-survey-subscribe-email-errors{
4321 font-size: 13px;
4322 font-style: italic;
4323 }
4324
4325 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message,
4326 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-true,
4327 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-false{
4328 display: none;
4329 }
4330
4331 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-true,
4332 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-false{
4333 margin-left: 12px;
4334 }
4335
4336 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message{
4337 margin-top: 12px;
4338 }
4339
4340 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-text-two{
4341 font-size: 13px;
4342 font-style: italic;
4343 }
4344
4345 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-box{
4346 text-align: center;
4347 margin: 50px auto;
4348 background-color: #f6f7f7;
4349 padding: 20px;
4350 width: 85%;
4351 box-shadow: 0px 0px 5px grey;
4352 color: #000000;
4353 font-style: italic;
4354 border-radius: 4px;
4355 }
4356
4357 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-box strong{
4358 color: #33da4e;
4359 }
4360
4361 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-header .ays-survey-subscribe-email-page-info-header-text{
4362 text-align: center;
4363 font-size: 35px;
4364 font-weight: bold;
4365 }
4366
4367 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-header {
4368 margin-bottom: 20px;
4369 }
4370
4371 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-footer {
4372 text-align: left;
4373 }
4374
4375 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-content {
4376 text-align: left;
4377 }
4378
4379 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-conditions {
4380 color: #5e5d5d;
4381 text-align: left;
4382 font-style: italic;
4383 font-weight: 600;
4384 margin-bottom: 10px;
4385 }
4386
4387 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-content ul {
4388 margin-left: 16px;
4389 list-style-type: disc;
4390 }
4391
4392 #ays-survey-subscribe-email-page-main input.ays-survey-subscribe-email-page-info-box-input {
4393 /* margin-left: 15px; */
4394 font-size: 16px;
4395 }
4396
4397 #ays-survey-subscribe-email-page-main input#ays-survey-subscribe-email-page-info-box-input-submit {
4398 margin: 0 0 10px 15px;
4399 }
4400
4401 .ays-survey-grab-gift-inputs{
4402 display: flex;
4403 align-items: center;
4404 justify-content: space-between;
4405 width: 350px;
4406 flex-wrap: wrap;
4407 }
4408
4409 .ays-survey-grab-gift-message-box{
4410 margin-left: 15px;
4411 color: red;
4412 }
4413
4414 /* Survey subscribe email end */
4415
4416
4417 /* Survey Templates start */
4418
4419 #ays-survey-templates-modal{
4420 background-color: #000000d9;
4421 align-items: center;
4422 justify-content: center;
4423 padding: 20px 0;
4424 }
4425
4426 .ays-survey-templates-container{
4427 width: 100%;
4428 }
4429
4430 .ays-modal-content-survey-templates{
4431 margin: auto;
4432 border-radius: 10px;
4433 }
4434
4435 .ays-modal-content-survey-templates-header{
4436 border-radius: 10px 10px 0 0;
4437 }
4438
4439 .ays-modal-content-survey-templates-body{
4440 border-radius: 10px;
4441 display: flex;
4442 align-items: center;
4443 justify-content: center;
4444 padding: 25px 50px;
4445 }
4446
4447 .ays-modal-content-survey-templates .ays-survey-templates-content {
4448 display: flex;
4449 justify-content: space-around;
4450 flex-wrap: wrap;
4451 row-gap: 60px;
4452 width: 100%;
4453 }
4454
4455 .ays-modal-content-survey-templates .ays-survey-templates-box {
4456 cursor: pointer;
4457 }
4458
4459 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image {
4460 width: 100%;
4461 display: flex;
4462 justify-content: center;
4463 align-items: center;
4464 }
4465
4466 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image img {
4467 width: 100%;
4468 height: 100%;
4469 object-fit: cover;
4470 }
4471
4472 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text {
4473 padding: 40px 12px;
4474 background-color: white;
4475 line-height: 18px;
4476 display: flex;
4477 color: #737373;
4478 flex-direction: column;
4479 justify-content: space-around;
4480 height: 100%;
4481 border-radius: 0 0 10px 10px;
4482 }
4483
4484 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text h4 {
4485 font-weight: 500;
4486 margin-bottom: 4px;
4487 font-size: 17px;
4488 line-height: 20px;
4489 }
4490
4491 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text .ays-survey-templates-box-desc {
4492 font-size: 12px;
4493 color: #737373;
4494 }
4495
4496 .ays-survey-templates-box-buttons{
4497 margin: 0 auto;
4498 }
4499
4500 .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button,
4501 .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button-blank{
4502 font-size: 14px;
4503 width: 150px;
4504 height: 42px;
4505 padding: 11px 13px;
4506 border-radius: 18px;
4507 border: 1px solid;
4508 border-color: #F88B07;
4509 background-color: transparent;
4510 font-weight: 500;
4511 transition: .1s;
4512 color: black;
4513 line-height: 1;
4514 word-break: keep-all;
4515 }
4516
4517 .ays-survey-templates-box:hover .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button,
4518 .ays-survey-templates-box:hover .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button-blank{
4519 background-color: #F88B07;
4520 color: #fff;
4521 }
4522
4523 .ays-survey-templates-box-texts{
4524 display: flex;
4525 justify-content: center;
4526 align-items: center;
4527 flex-direction: column;
4528 min-height: 60px;
4529 }
4530
4531 .ays-survey-templates-box-blank-texts .ays-survey-templates-box-desc img{
4532 width: 80px;
4533 height: 80px;
4534 }
4535
4536 .ays-survey-templates-box-image-customer-feedback{
4537 background-color: #FFF3E3;
4538 }
4539
4540 .ays-survey-templates-box-image-employee-satisfaction{
4541 background-color: #FFF0FE;
4542 }
4543
4544 .ays-survey-templates-box-image-event-evaluation{
4545 background-color: #E8FAFD;
4546 }
4547
4548 .ays-survey-templates-box-image-product-research{
4549 background-color: #E5FCEF;
4550 }
4551
4552 .ays-survey-templates-box-image-restaurant-evaluation{
4553 background-color: #fefdde;
4554 }
4555
4556 .ays-survey-templates-box-image-market-research{
4557 background-color: #f1e8fd;
4558 }
4559
4560 .ays-survey-templates-box-image-brand-awareness{
4561 background-color: #f3dbda;
4562 }
4563
4564 .ays-survey-templates-box-image-user-persona{
4565 background-color: #e7ffe3;
4566 }
4567
4568 .ays-modal-content-survey-templates .ays-survey-templates-content {
4569 display: flex;
4570 justify-content: space-between;
4571 flex-wrap: wrap;
4572 }
4573 .ays-modal-content-survey-templates .ays-survey-templates-box {
4574 width: 232px;
4575 height: 336px;
4576 /* margin: 15px; */
4577 /* cursor: pointer; */
4578 border: 1px solid #E4E4E4;
4579 border-radius: 6px;
4580 }
4581
4582 .ays-modal-content-survey-templates .ays-survey-templates-box:hover {
4583 border-color: #D4D4D4;
4584 }
4585
4586 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image {
4587 width: 100%;
4588 height: 120px;
4589 }
4590
4591 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image img {
4592 width: 70px;
4593 height: 70px;
4594 object-fit: contain;
4595 }
4596
4597 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text {
4598 padding: 12px;
4599 background-color: white;
4600 font-size: 12px;
4601 line-height: 18px;
4602 color: #737373;
4603 }
4604
4605 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text h4 {
4606 font-weight: 500;
4607 margin-bottom: 4px;
4608 font-size: 14px;
4609 line-height: 20px;
4610 }
4611
4612 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text .ays-survey-templates-box-desc {
4613 font-size: 12px;
4614 color: #737373;
4615 }
4616
4617
4618 .ays-modal-content-survey-templates-header {
4619 display: flex;
4620 justify-content: space-between;
4621 width: 100%;
4622 }
4623
4624 .ays-modal-content-survey-templates-header a{
4625 outline: none !important;
4626 border: none !important;
4627 color: unset !important;
4628 box-shadow: none !important;
4629 }
4630
4631 .ays_survey_results{
4632 cursor: pointer;
4633 }
4634
4635 /* Survey Templates end */
4636
4637 /*User Page Settings Table Start*/
4638
4639 @media screen and (min-width: 782px) and (max-width: 1200px) {
4640 form#ays-survey-settings-form input.ays-text-input.ays-text-input-short{
4641 width: 100%;
4642 }
4643 }
4644
4645 @media screen and (max-width: 782px) {
4646 form#ays-survey-settings-form input.ays-text-input,
4647 form#ays-survey-settings-form .vmessage input[type="text"],
4648 form#ays-survey-settings-form .ays-show-user-page-table .ays_user_page_sortable_placeholder,
4649 form#ays-survey-settings-form .ays-show-user-page-table li {
4650 width: 100%;
4651 }
4652
4653 #ays-survey-settings-form * {
4654 word-break: break-word;
4655 font-size: 14px;
4656 }
4657
4658 #ays-survey-settings-form .select2-selection--multiple {
4659 min-width: unset;
4660 }
4661
4662 #ays-survey-settings-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
4663 font-size: 15px;
4664 }
4665
4666 #ays-survey-settings-form .ays-show-user-page-table-wrap {
4667 padding: 10px;
4668 }
4669
4670 #ays-survey-settings-form .wp-color-result-text{
4671 padding: 4px;
4672 font-size: 10px;
4673 }
4674
4675 #ays-survey-settings-form .wp-picker-container .wp-color-result.button {
4676 padding: 0 0 0 25px;
4677 }
4678
4679 #ays-survey-settings-form img.ays_integration_logo {
4680 width: 35px;
4681 height: auto;
4682 }
4683
4684 #ays-survey-settings-form legend strong,
4685 #ays-survey-settings-form legend strong i {
4686 font-size: 20px;
4687 }
4688
4689 #ays-survey-settings-form #tab3 legend > strong {
4690 font-size: 20px !important;
4691 }
4692 }
4693
4694 #ays-survey-settings-form .vmessage input[type="text"] {
4695 width: 350px;
4696 }
4697 /*User Page Settings Table End*/
4698
4699
4700 a.ays-rated-link, a.ays-rated-link:hover, a.ays-rated-link:focus {
4701 text-decoration: none;
4702 display: inline-block;
4703 box-shadow: unset;
4704 }
4705
4706
4707 span.ays-dashicons{
4708 font-family: dashicons;
4709 display: inline-block;
4710 line-height: 1;
4711 font-weight: 400;
4712 font-style: normal;
4713 speak: never;
4714 text-decoration: inherit;
4715 text-transform: none;
4716 text-rendering: auto;
4717 -webkit-font-smoothing: antialiased;
4718 -moz-osx-font-smoothing: grayscale;
4719 width: 20px;
4720 height: 20px;
4721 font-size: 20px;
4722 vertical-align: top;
4723 text-align: center;
4724 transition: color .1s ease-in;
4725 color: #ffb900;
4726 }
4727
4728 span.ays-dashicons-star-empty:before {
4729 content: "\f154";
4730 }
4731
4732 span.ays-dashicons-star-filled:before {
4733 content: "\f155";
4734 }
4735
4736 /* Survey max input vars message box start */
4737 .ays-survey-max-inp-vars-header-content {
4738 display: flex;
4739 gap: 10px;
4740 align-items: center;
4741 /* border: 1px solid #eaeaea; */
4742 padding: 10px 20px;
4743 border-left: 2px solid #f6be47;
4744 /* border-radius: 3px; */
4745 font-style: italic;
4746 font-size: 14px;
4747 width: fit-content;
4748 }
4749
4750 .ays-survey-max-inp-vars-header-content .ays-survey-max-inp-vars-header-image-content{
4751 width: 20px;
4752 height: 20px;
4753 }
4754
4755 .ays-survey-max-inp-vars-header-content .ays-survey-max-inp-vars-header-image-content img{
4756 width: 100%;
4757 height: 100%;
4758 }
4759 /* Survey max input vars message box end */
4760
4761 /* Survey Footer Support box start */
4762 .ays-survey-footer-support-box {
4763 display: block;
4764 clear: both;
4765 text-align: center;
4766 margin: 0px;
4767 }
4768
4769 .ays-survey-footer-support-box .ays-survey-footer-slash-row {
4770 color: #c3c4c7;
4771 display: inline-block;
4772 margin: 0px 7px;
4773 }
4774
4775 .ays-survey-footer-support-box .ays-survey-footer-link-row {
4776 font-size: 13px;
4777 }
4778
4779 body.toplevel_page_survey-maker #wpfooter,
4780 body.admin_page_survey-maker-each-submission #wpfooter,
4781 /* body.survey-maker_page_survey-maker-dashboard #wpfooter, */
4782 /* body.survey-maker_page_survey-maker-our-products #wpfooter, */
4783 body[class*='survey-maker'] #wpfooter{
4784 /* body.survey-maker_page_survey-maker-submissions #wpfooter { */
4785 position: relative;
4786 }
4787 /* Survey Footer Support box end */
4788
4789 .ays-survey-submission-summary-question-container .ays-survey-submission-summary-question-buttons-flexbox {
4790 display: flex;
4791 gap: 8px;
4792 align-items: center;
4793 }
4794
4795 .ays-survey-submission-summary-question-chart-type-buttons {
4796 display: flex;
4797 gap: 5px;
4798 }
4799
4800 .ays-survey-submission-summary-question-chart-type-buttons a.ays-survey-submission-summary-question-change-chart-type-btn {
4801 display: inline-block;
4802 border: none;
4803 outline: none;
4804 background-color: #e7e7e7;
4805 padding: 4px;
4806 border-radius: 5px;
4807 width: 32px;
4808 height: 34px;
4809 }
4810
4811 .ays-survey-submission-summary-question-buttons-download-file {
4812 width: 24px;
4813 height: 26px;
4814 }
4815
4816 .ays-survey-submission-summary-question-chart-type-buttons a.ays-survey-submission-summary-question-change-chart-type-btn.active {
4817 background-color: #008cff63;
4818 }
4819
4820 [class~="error"]:not([class*="ays-survey"]):not([class*="ays_survey"]),
4821 [class~="notice"]:not([class*="ays-survey"]):not([class*="ays_survey"]) {
4822 display: none !important;
4823 }
4824
4825 .ays-survey-card__btn-info.disabled {
4826 color: #a7aaad !important;
4827 border-color: #dcdcde !important;
4828 background: #f6f7f7 !important;
4829 box-shadow: none !important;
4830 cursor: default;
4831 transform: none !important;
4832 outline: unset;
4833 }
4834
4835 div.masteriyo-notice {
4836 display: none !important;
4837 }
4838
4839 .wp-list-table{
4840 margin-top: 20px !important;
4841 }
4842
4843 .wp-list-table th{
4844 font-size: 14px;
4845 }
4846
4847 /* Publish Tab design | Start */
4848
4849 .ays-survey-publish-container {
4850 padding: 0;
4851 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
4852 }
4853
4854 .ays-survey-options-tab-content-max-width {
4855 max-width: 800px;
4856 padding: 0;
4857 }
4858
4859 .ays-survey-publish-header {
4860 margin-bottom: 25px;
4861 }
4862
4863 .ays-survey-publish-title {
4864 font-size: 18px;
4865 font-weight: 600;
4866 color: #1f2937;
4867 margin: 0 0 8px 0;
4868 line-height: 26px;
4869 }
4870
4871 .ays-survey-publish-subtitle {
4872 font-size: 14px;
4873 color: #6b7280;
4874 margin: 0;
4875 line-height: 22px;
4876 }
4877
4878 .ays-survey-info-cards {
4879 display: flex;
4880 flex-direction: column;
4881 gap: 20px;
4882 margin-bottom: 25px;
4883 }
4884
4885 .ays-survey-info-card {
4886 flex: 1;
4887 background: #ffffff;
4888 border: 1px solid #e5e7eb;
4889 border-radius: 10px;
4890 padding: 18px 30px;
4891 display: flex;
4892 align-items: center;
4893 justify-content: space-between;
4894 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
4895 }
4896
4897 .ays-survey-info-card-text {
4898 font-size: 13px;
4899 color: #4b5563;
4900 line-height: 20px;
4901 margin: 0;
4902 }
4903
4904 .ays-survey-info-card-link {
4905 background: #ffffff;
4906 color: #4b5563;
4907 border: 1px solid #d1d5db;
4908 border-radius: 6px;
4909 padding: 7px 14px;
4910 font-size: 13px;
4911 font-weight: 500;
4912 text-decoration: none;
4913 white-space: nowrap;
4914 transition: all 0.2s;
4915 display: inline-block;
4916 min-width: 105px;
4917 text-align: center;
4918 }
4919
4920 .ays-survey-info-card-link:hover {
4921 background: #f9fafb;
4922 border-color: #9ca3af;
4923 color: #374151;
4924 }
4925
4926 .ays-survey-steps-card {
4927 background: #ffffff;
4928 border: 1px solid #e5e7eb;
4929 border-radius: 10px;
4930 padding: 30px;
4931 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
4932 }
4933
4934 .ays-survey-steps-card-title {
4935 font-size: 18px;
4936 font-weight: 600;
4937 color: #111827;
4938 line-height: 24px;
4939 margin: 0 0 18px 0;
4940 }
4941
4942 .ays-survey-steps-card-title.ays-survey-steps-card-title-center {
4943 font-size: 18px;
4944 text-align: center;
4945 font-weight: 600;
4946 color: #111827;
4947 line-height: 24px;
4948 margin: 0 0 18px 0;
4949 }
4950
4951 .ays-survey-grid-view-summary {
4952 display: flex;
4953 align-items: center;
4954 justify-content: space-between;
4955 gap: 20px;
4956 padding-bottom: 26px;
4957 margin-bottom: 30px;
4958 border-bottom: 1px solid #e5e7eb;
4959 }
4960
4961 .ays-survey-step-block {
4962 margin-bottom: 30px;
4963 }
4964
4965 .ays-survey-step-block:last-child {
4966 margin-bottom: 0;
4967 }
4968
4969 .ays-survey-step-block-footer {
4970 display: flex;
4971 justify-content: center;
4972 align-items: center;
4973 }
4974
4975 .ays-survey-step-header {
4976 display: flex;
4977 align-items: center;
4978 gap: 16px;
4979 margin-bottom: 12px;
4980 }
4981
4982 .ays-survey-step-number-badge {
4983 width: 16px;
4984 height: 16px;
4985 background: #6366f1;
4986 color: #ffffff;
4987 border-radius: 50%;
4988 display: flex;
4989 align-items: center;
4990 justify-content: center;
4991 font-size: 14px;
4992 font-weight: 600;
4993 flex-shrink: 0;
4994 }
4995
4996 .ays-survey-step-title {
4997 font-size: 15px;
4998 font-weight: 600;
4999 color: #111827;
5000 margin: 0;
5001 line-height: 28px;
5002 }
5003
5004 .ays-survey-step-instructions {
5005 padding-left: 44px;
5006 }
5007
5008 .ays-survey-step-list {
5009 margin: 0;
5010 padding-left: 20px;
5011 list-style: decimal;
5012 }
5013
5014 .ays-survey-step-list-item {
5015 font-size: 14px;
5016 color: #4b5563;
5017 line-height: 24px;
5018 margin-bottom: 6px;
5019 padding-left: 8px;
5020 }
5021
5022 .ays-survey-step-list-item:last-child {
5023 margin-bottom: 0;
5024 }
5025
5026 .ays-survey-step-note {
5027 font-size: 14px;
5028 color: #4b5563;
5029 line-height: 24px;
5030 margin: 8px 0 0 0;
5031 }
5032
5033 .ays-survey-step-divider {
5034 height: 1px;
5035 background: #e5e7eb;
5036 margin: 28px 0;
5037 border: none;
5038 }
5039
5040 .ays-survey-publish-shortcode-container {
5041 display: flex;
5042 align-items: center;
5043 gap: 10px;
5044 }
5045
5046 .ays-survey-shortcode-text {
5047 background: #f3f4f6;
5048 padding: 4px 10px;
5049 border-radius: 4px;
5050 font-family: "Courier New", monospace;
5051 font-size: 13px;
5052 color: #374151;
5053 border: 1px solid #e5e7eb;
5054 }
5055
5056 .ays-survey-copy-wrapper {
5057 position: relative;
5058 display: inline-flex;
5059 }
5060
5061 .ays-survey-copy-shortcode-btn {
5062 background: #ffffff;
5063 border: 1px solid #d1d5db;
5064 border-radius: 4px;
5065 padding: 6px 8px;
5066 cursor: pointer;
5067 display: flex;
5068 align-items: center;
5069 justify-content: center;
5070 transition: all 0.2s;
5071 color: #6b7280;
5072 }
5073
5074 .ays-survey-copy-shortcode-btn:hover {
5075 background: #f9fafb;
5076 border-color: #9ca3af;
5077 color: #374151;
5078 }
5079
5080 .ays-survey-copy-shortcode-btn:active {
5081 background: #f3f4f6;
5082 }
5083
5084 .ays-survey-copy-shortcode-btn svg {
5085 width: 16px;
5086 height: 16px;
5087 }
5088
5089 .ays-survey-copy-tooltip {
5090 position: absolute;
5091 bottom: calc(100% + 8px);
5092 left: 50%;
5093 transform: translateX(-50%);
5094 background: #10b981;
5095 color: #ffffff;
5096 padding: 6px 12px;
5097 border-radius: 4px;
5098 font-size: 12px;
5099 font-weight: 500;
5100 white-space: nowrap;
5101 opacity: 0;
5102 visibility: hidden;
5103 transition: opacity 0.2s, visibility 0.2s;
5104 pointer-events: none;
5105 z-index: 1000;
5106 }
5107
5108 .ays-survey-copy-tooltip::after {
5109 content: '';
5110 position: absolute;
5111 top: 100%;
5112 left: 50%;
5113 transform: translateX(-50%);
5114 width: 0;
5115 height: 0;
5116 border-left: 5px solid transparent;
5117 border-right: 5px solid transparent;
5118 border-top: 5px solid #10b981;
5119 }
5120
5121 .ays-survey-copy-tooltip.ays-survey-show {
5122 opacity: 1;
5123 visibility: visible;
5124 }
5125
5126 .ays-survey-info-card-link-disabled {
5127 opacity: 0.5;
5128 cursor: not-allowed;
5129 background: #f3f4f6;
5130 color: #9ca3af;
5131 border-color: #e5e7eb;
5132 }
5133
5134 .ays-survey-info-card-link-disabled:hover {
5135 background: #f3f4f6;
5136 border-color: #e5e7eb;
5137 color: #9ca3af;
5138 }
5139
5140 .ays-survey-info-card-hint {
5141 font-size: 11px;
5142 color: #f59e0b;
5143 margin: 4px 0 0 0;
5144 line-height: 16px;
5145 }
5146
5147 .ays-survey-info-card-hint a {
5148 color: inherit;
5149 text-decoration: underline;
5150 cursor: pointer;
5151 }
5152
5153 .ays-survey-info-card-hint a:hover,
5154 .ays-survey-info-card-hint a:focus {
5155 color: #d97706;
5156 text-decoration: underline;
5157 }
5158
5159 .ays-survey-save-publish-link {
5160 color: #005ae0;
5161 font-weight: 500;
5162 text-decoration: none;
5163 }
5164
5165 .ays-survey-save-publish-link:hover,
5166 .ays-survey-save-publish-link:focus {
5167 color: #003f9e;
5168 text-decoration: underline;
5169 box-shadow: none;
5170 }
5171
5172 .ays-survey-info-card-link-disabled svg {
5173 vertical-align: middle;
5174 }
5175
5176 @media (max-width: 768px) {
5177 .ays-survey-publish-container {
5178 padding: 10px;
5179 }
5180
5181 .ays-survey-publish-title {
5182 font-size: 16px;
5183 }
5184
5185 .ays-survey-publish-subtitle {
5186 font-size: 12px;
5187 }
5188
5189 .ays-survey-info-card {
5190 flex-direction: column;
5191 align-items: flex-start;
5192 }
5193
5194 .ays-survey-info-card-link {
5195 margin-top: 10px;
5196 }
5197
5198 .ays-survey-grid-view-summary {
5199 flex-direction: column;
5200 align-items: flex-start;
5201 }
5202
5203 .ays-survey-step-instructions {
5204 padding-left: 0;
5205 }
5206
5207 .ays-survey-step-number-badge {
5208 margin-bottom: 8px;
5209 }
5210 }
5211
5212 /* Publish Tab design | End */
5213
5214 /* Terms and conditions start */
5215
5216 .ays_survey_terms_and_conditions_content {
5217 border-top-left-radius: 8px;
5218 border-bottom-left-radius: 8px;
5219 border-left-width: 5px;
5220 border-left-style: solid;
5221 border-right: 1px solid #B8B8B8;
5222 }
5223
5224 .ays_survey_terms_conditions_edit_block:nth-of-type(even) {
5225 background-color: #fff;
5226 }
5227 .ays_survey_terms_conditions_edit_block {
5228 display: flex;
5229 align-items: center;
5230 justify-content: space-between;
5231 }
5232
5233 .ays_survey_terms_conditions_edit_block:first-child {
5234 border-top: 1px solid #B8B8B8;
5235 }
5236
5237 .ays_survey_terms_conditions_edit_block:last-child {
5238 border-bottom: 1px solid #B8B8B8;
5239 }
5240
5241 .ays_survey_terms_and_conditions_all_inputs_block .ays_survey_icons {
5242 display: flex;
5243 align-items: center;
5244 justify-content: center;
5245 }
5246
5247 .ays_survey_terms_and_conditions_all_inputs_block .ays_survey_icons img {
5248 cursor: pointer;
5249 }
5250
5251 .ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_textarea_div {
5252 padding: 10px;
5253 border-right: 1px solid #B8B8B8;
5254 border-left: 1px solid #B8B8B8;
5255 width: 95%;
5256 }
5257
5258 .ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_textarea_div textarea {
5259 width: 100%;
5260 }
5261
5262 .ays_survey_terms_conditions_edit_block .ays_survey_terms_and_conditions_checkbox {
5263 display:flex;
5264 align-items:center;
5265 justify-content:center;
5266 width:48px;
5267 }
5268
5269 /* Terms and conditions end */
5270
5271 .ays-survey-dashboard-main-wrap .ays-survey-top-preview-button {
5272 display: inline-flex;
5273 align-items: center;
5274 justify-content: center;
5275 gap: 6px;
5276 min-height: 30px;
5277 padding: 0 10px;
5278 border: 1px solid #005AE0;
5279 border-radius: 4px;
5280 background-color: #fff;
5281 color: #4b5563;
5282 font-size: 13px;
5283 font-weight: 500;
5284 line-height: 2.15384615;
5285 text-decoration: none;
5286 white-space: nowrap;
5287 box-sizing: border-box;
5288 transition: all 0.3s;
5289 }
5290
5291 .ays-survey-dashboard-main-wrap .ays-survey-top-preview-button svg {
5292 width: 16px;
5293 height: 16px;
5294 flex: 0 0 16px;
5295 }
5296
5297 .ays-survey-dashboard-main-wrap .ays-survey-top-preview-button:active,
5298 .ays-survey-dashboard-main-wrap .ays-survey-top-preview-button:focus,
5299 .ays-survey-dashboard-main-wrap .ays-survey-top-preview-button:hover {
5300 background-color: #E5EEFF;
5301 color: #4b5563;
5302 border-color: #005AE0;
5303 box-shadow: none;
5304 text-decoration: none;
5305 }