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

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

4,489 lines 102.2 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_question_answer+input:disabled+label{
1363 color: rgb(158 155 155 / 75%);
1364 }
1365 input:disabled{
1366 background: rgb(255 255 255 / 50%);
1367 border-color: rgb(158 155 155 / 75%);
1368 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
1369 color: rgb(34 34 34 / 50%);
1370 }
1371 ul.pagination {
1372 display: inline-block;
1373 padding: 0;
1374 margin: 0;
1375 }
1376
1377 ul.pagination li {display: inline;}
1378
1379 ul.pagination li a {
1380 color: black;
1381 float: left;
1382 padding: 8px 16px;
1383 text-decoration: none;
1384 transition: background-color .3s;
1385 border: 1px solid #ddd;
1386 cursor: pointer;
1387 }
1388
1389 ul.pagination li a.active {
1390 background-color:#1e8cbe;
1391 color: white;
1392 border: 1px solid #1e8cbe;
1393 }
1394
1395 ul.pagination li a:hover:not(.active) {background-color: #ddd;}
1396
1397 div.center {text-align: center;}
1398
1399 /*=== Ani | Submission Start===*/
1400
1401 .ays_each_question_answer input[type="radio"]:disabled{
1402 background: rgb(255 255 255 / 50%);
1403 border-color: rgb(158 155 155 / 75%) !important;
1404 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04);
1405 color: rgb(34 34 34 / 50%);
1406 }
1407
1408 input.ays_number_of_result {
1409 width: 70px;
1410 text-align: right;
1411 height: 24px;
1412 line-height: 24px;
1413 font-size: 24px;
1414 padding: 0;
1415 }
1416
1417 .ays_submissions_input_box {
1418 display: flex;
1419 justify-content: space-between;
1420 align-items: center;
1421 font: 400 24px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
1422 font-size: 24px;
1423 }
1424
1425 .ays_survey_previous_next > div {
1426 display: flex;
1427 width: 48px;
1428 align-items: center;
1429 justify-content: center;
1430 }
1431
1432 .ays_survey_previous {
1433 margin-right: 10px;
1434 font-size: 20px;
1435 }
1436
1437 .ays_survey_next {
1438 margin-left: 10px;
1439 font-size: 20px;
1440 }
1441 .ays_survey_container_each_result {
1442 margin: auto;
1443 padding: 20px;
1444 width: 100%;
1445 max-width: 1200px;
1446 }
1447 .ays_survey_container_each_result p {
1448 margin: 0;
1449 }
1450 .ays_survey_response_count , .ays_survey_each_sub_user_info{
1451 border: 1px solid #c7c4c4;
1452 padding: 20px;
1453 border-radius: 13px;
1454 background-color: #fff;
1455 margin-bottom: 11px;
1456 }
1457
1458 .ays-survey-individual-submissions-navigation {
1459 margin-bottom: 11px;
1460 width: 100%;
1461 background-color: #fff;
1462 box-shadow: 0 0 10px #e5e5e5;
1463 padding: 10px;
1464 border-radius: 6px;
1465 display: flex;
1466 flex-direction: row;
1467 justify-content: flex-start;
1468 align-items: center;
1469 }
1470
1471 /* Star question type start */
1472 div.ays-survey-body-for-select-lenght {
1473 display: flex;
1474 }
1475
1476 div.ays-survey-body-for-select-lenght .ays-survey-question-types-for-select-lenght {
1477 margin-left: 5px;
1478 }
1479
1480 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-start-select-lenght,
1481 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght,
1482 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght-star-list {
1483 font-size: 25px;
1484 line-height: 26px;
1485 height: 36px;
1486 }
1487
1488 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-start-select-lenght option,
1489 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght option,
1490 div.ays-survey-body-for-select-lenght .ays-survey-choose-for-select-lenght-star-list option {
1491 font-size: 16px;
1492 }
1493 /* Star question type end */
1494
1495 .ays_survey_previous_next_conteiner {
1496 display: flex;
1497 /* margin-top: 13px;*/
1498 }
1499 .ays_questions_answers {
1500 padding: 20px;
1501 border: 1px solid #c7c4c4;
1502 margin-top: 11px;
1503 border-radius: 13px;
1504 border-left: 10px solid rgb(255, 87, 34);
1505 background-color: #fff;
1506 }
1507 .ays_each_question_answer {
1508 margin-top: 2px;
1509 }
1510
1511 .ays-survey-action-add-answer.appsMaterialWizButtonPapericonbuttonEl{
1512 width: 120px;
1513 border-radius: 4px;
1514 }
1515 .ays-survey-action-add-answer {
1516 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);
1517 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
1518 background-color: #fff;
1519 border: 1px solid #dadce0;
1520 -webkit-border-radius: 8px !important;
1521 border-radius: 8px !important;
1522 padding: 0px 10px !important;
1523 }
1524 #ays-survey-form .ays-survey-answer-icon-box.ays-survey-section-actions-more.dropdown {
1525 display: block;
1526 }
1527
1528 .ays-survey-action-add-answer-text{
1529 margin-left: 5px;
1530 }
1531
1532 .ays_questions_answers .ays-survey-individual-question-title {
1533 margin-bottom: 8px;
1534 padding: 9px 0 4px 0;
1535 line-height: 1.3;
1536 }
1537
1538 .ays_each_question_answer input[type="radio"]:checked::before {
1539 background-color: rgb(255, 87, 34);
1540 width: 12px;
1541 height: 12px
1542 }
1543 .ays_each_question_answer input[type="radio"] {
1544 border:1px solid rgb(255, 87, 34) !important;
1545 width: 20px;
1546 height: 20px
1547 }
1548 .ays_survey_name {
1549 padding: 20px;
1550 margin-top: 5px;
1551 border: 1px solid #c7c4c4;
1552 border-radius: 13px;
1553 border-top: 10px solid rgb(255, 87, 34);
1554 background-color: #fff;
1555 }
1556 .ays_survey_name>p {
1557 color: #a4a4a4;
1558 }
1559 .ays_survey_preloader {
1560 width: 100%;
1561 opacity: 0.7;
1562 position: fixed;
1563 top: 0;
1564 right: 0;
1565 bottom: 0;
1566 margin: auto;
1567 background-color: #f1f1f1;
1568 display: flex;
1569 align-items: center;
1570 justify-content: center;
1571 z-index: 999999;
1572 }
1573 /*=== Ani | Submission End ===*/
1574
1575 span.ays_survey_small_hint_text{
1576 font-style: italic;
1577 color: gray;
1578 display: inline-block;
1579 font-size: 12px;
1580 }
1581
1582 .ays_survey_display_flex{
1583 display: flex;
1584 justify-content: space-between;
1585 }
1586
1587 .ays_survey_display_flex_width{
1588 display: flex;
1589 }
1590
1591 .ays-survey-disable-left-margin {
1592 margin-left: 0 !important;
1593 }
1594
1595 .ays_survey_display_flex_width .ays_dropdown_max_width{
1596 margin-left: 15px;
1597 }
1598
1599 .ays_survey_small_hint_text_for_not_recommended {
1600 font-style: italic;
1601 font-size: 11px;
1602 color: #dc3545;
1603 }
1604
1605 .ays_survey_small_hint_text_for_message_variables{
1606 font-style: italic;
1607 font-size: 11px;
1608 color: grey;
1609 }
1610
1611 #ays-survey-form label.ays_survey_loader,
1612 #ays-survey-form label.ays_survey_before_start_loader {
1613 margin-right: 5px;
1614 border: 1px solid #ccc;
1615 display: inline-flex;
1616 align-items: center;
1617 border-radius: 5px;
1618 padding: 10px 20px;
1619 background: #f5f5f5;
1620 }
1621
1622 /*Send email for testing Start*/
1623
1624 .ays_survey_send_test {
1625 display: flex;
1626 align-items: center;
1627 }
1628
1629 .ays_survey_send_test p.submit {
1630 margin: 0 10px;
1631 padding: 0;
1632 }
1633
1634 .ays_survey_send_test p {
1635 font-size: 16px;
1636 margin: 0;
1637 }
1638
1639 input#ays_survey_test_email {
1640 display: inline-block;
1641 width: auto;
1642 margin-right: 10px;
1643 }
1644
1645 a.ays_survey_test_mail_btn {
1646 padding: 1px 22px !important;
1647 font-size: 17px !important;
1648 margin-right: 10px !important;
1649 }
1650
1651 /*Send email for testing End*/
1652
1653 /* Date Picker start */
1654 #ui-datepicker-div {
1655 font-size: 16px;
1656 z-index: 99999999999999 !important;
1657 font-size: .9em;
1658 }
1659
1660 .ui-datepicker {
1661 background-color: #fff;
1662 border: 1px solid #66AFE9;
1663 border-radius: 4px;
1664 box-shadow: 0 0 8px rgba(102,175,233,.6);
1665 display: none;
1666 margin-top: 4px;
1667 padding: 10px;
1668 width: 240px;
1669 }
1670
1671 .ui-datepicker a,
1672 .ui-datepicker a:hover {
1673 text-decoration: none;
1674 }
1675
1676 .ui-datepicker a:hover,
1677 .ui-datepicker td:hover a {
1678 color: #2A6496;
1679 -webkit-transition: color 0.1s ease-in-out;
1680 -moz-transition: color 0.1s ease-in-out;
1681 -o-transition: color 0.1s ease-in-out;
1682 transition: color 0.1s ease-in-out;
1683 }
1684
1685 .ui-datepicker .ui-datepicker-header {
1686 margin-bottom: 4px;
1687 text-align: center;
1688 }
1689
1690 .ui-datepicker .ui-datepicker-title {
1691 font-weight: 700;
1692 }
1693
1694 .ui-datepicker .ui-datepicker-prev,
1695 .ui-datepicker .ui-datepicker-next {
1696 font: normal normal normal 14px/1 FontAwesome;
1697 font-size: inherit;
1698 text-rendering: auto;
1699 -webkit-font-smoothing: antialiased;
1700 -moz-osx-font-smoothing: grayscale;
1701 cursor: default;
1702 font-style: normal;
1703 font-weight: normal;
1704 height: 20px;
1705 line-height: 1;
1706 margin-top: 2px;
1707 width: 30px;
1708 }
1709
1710 .ui-datepicker .ui-datepicker-prev {
1711 float: left;
1712 text-align: left;
1713 }
1714
1715 .ui-datepicker .ui-datepicker-next {
1716 float: right;
1717 text-align: right;
1718 }
1719
1720 .ui-datepicker .ui-datepicker-prev:before {
1721 content: "\f104";
1722 font-weight: 900;
1723 }
1724
1725 .ui-datepicker .ui-datepicker-next:before {
1726 content: "\f105";
1727 font-weight: 900;
1728 }
1729
1730 .ui-datepicker .ui-icon {
1731 display: none;
1732 }
1733
1734 .ui-datepicker .ui-datepicker-calendar {
1735 table-layout: fixed;
1736 width: 100%;
1737 }
1738
1739 .ui-datepicker .ui-datepicker-calendar th,
1740 .ui-datepicker .ui-datepicker-calendar td {
1741 text-align: center;
1742 padding: 4px 0;
1743 }
1744
1745 .ui-datepicker .ui-datepicker-calendar td {
1746 border-radius: 4px;
1747 -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1748 -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1749 -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1750 transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
1751 }
1752
1753 .ui-datepicker .ui-datepicker-calendar td:hover {
1754 background-color: #eee;
1755 cursor: pointer;
1756 }
1757
1758 .ui-datepicker .ui-datepicker-calendar td a {
1759 text-decoration: none;
1760 }
1761
1762 .ui-datepicker .ui-datepicker-current-day {
1763 background-color: #4289cc;
1764 }
1765
1766 .ui-datepicker .ui-datepicker-current-day a {
1767 color: #fff
1768 }
1769
1770 .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
1771 background-color: #fff;
1772 cursor: default;
1773 }
1774 /* Date Picker end */
1775
1776 .ays_save_buttons_content{
1777 display: flex;
1778 justify-content: space-between;
1779 }
1780 .button.ays_default_btn{
1781 background-color: #ffa500;
1782 color: #fffdfd;
1783 border-color: #ffa500;
1784 margin-right: 0;
1785 margin-left: 10px;
1786 }
1787 .button.ays_default_btn:focus,
1788 .button.ays_default_btn:active,
1789 .button.ays_default_btn:hover{
1790 background-color: #f59e00;
1791 color: #fff;
1792 border-color: #f59e00;
1793 }
1794 .button.ays_default_btn:focus{
1795 box-shadow: 0 0 0 1px #fff, 0 0 0 3px #f59e00;
1796 }
1797
1798
1799 .ays_color_red {
1800 color: red;
1801 }
1802 .ays_color_red:hover,
1803 .ays_color_red:focus,
1804 .ays_color_red:active,
1805 .ays_color_red:visited {
1806 color: brown;
1807 }
1808
1809 /*How to use Submenu Style Start*/
1810
1811 .ays-survey-faq-main{
1812 max-width: 800px;
1813 margin: auto;
1814 text-align: center;
1815 }
1816 .ays-survey-faq-main p{
1817 color: #212529;
1818 font-size: 18px;
1819 }
1820 .ays-survey-faq-main ol{
1821 color: #3a546f;
1822 }
1823 div.wrap .ays-survey-wp-heading-inline{
1824 font-size: 27px;
1825 color: #364150;
1826 font-weight: 700;
1827 letter-spacing: -1px;
1828 }
1829 .ays-survey-faq-main h2{
1830 color: inherit;
1831 font-size: 22px;
1832 font-weight: 400;
1833 letter-spacing: -1px;
1834 margin-bottom: 20px;
1835 }
1836 .ays-survey-faq-main fieldset{
1837 border:1px solid #ccc;
1838 padding:10px;
1839 width:fit-content;
1840 margin:0 auto;
1841 margin-bottom: 40px;
1842 }
1843 .ays-survey-faq-main fieldset .ays-quyiz-ol-container{
1844 text-align: left;
1845 }
1846 .ays-survey-p-container p{
1847 font-weight: 600;
1848 }
1849 .ays-survey-ol-container ol {
1850 text-align: left;
1851 }
1852 .ays-survey-asked-questions .ays-pro-asked-question:first-child {
1853 border-top: 1px solid #e5ecf6;
1854 }
1855 .ays-survey-asked-question {
1856 margin: 0;
1857 border-bottom: 2px solid #000;
1858 }
1859 .ays-survey-asked-question__header {
1860 cursor: pointer;
1861 display: -webkit-box;
1862 display: -ms-flexbox;
1863 display: flex;
1864 -webkit-box-pack: justify;
1865 -ms-flex-pack: justify;
1866 justify-content: space-between;
1867 align-items: center;
1868 padding: 0 22px;
1869 min-height: 50px;
1870 }
1871 .ays-survey-asked-question__title h4{
1872 font-size: 19px;
1873 color: #23282d;
1874 }
1875 .ays-survey-asked-question__body {
1876 text-align: left;
1877 color: #3a546f;
1878 font-size: 18px;
1879 max-height: 0;
1880 overflow: hidden;
1881 transition: max-height 0.2s ease-out;
1882 padding: 0 22px;
1883 }
1884 .ays-survey-asked-question__arrow {
1885 cursor: pointer;
1886 display: -webkit-box;
1887 display: -ms-flexbox;
1888 display: flex;
1889 -webkit-box-align: center;
1890 -ms-flex-align: center;
1891 align-items: center;
1892 -webkit-box-pack: center;
1893 -ms-flex-pack: center;
1894 justify-content: center;
1895 font-size: 10px;
1896 background: #f7faff;
1897 width: 20px;
1898 height: 20px;
1899 border-radius: 100%;
1900 }
1901
1902 .ays-survey-faq-main .ays-survey-faq-footer{
1903 font-size: 15px;
1904 margin-top: 50px;
1905 }
1906
1907 .wrap h1.ays-survey-maker-wrapper{
1908 text-align: center;
1909 font-size: 40px;
1910 margin-bottom: 20px;
1911 }
1912 .ays_heart_beat i.ays_fa{
1913 color: red!important;
1914 font-weight: bold;
1915 }
1916 .ays_heart_beat {
1917 font-size: 20px;
1918 margin-left: 10px;
1919 }
1920
1921 /*How to use Submenu Style End*/
1922
1923 @-webkit-keyframes ays_survey_pulse {
1924 from,
1925 to {
1926 -webkit-transform: scale3d(1, 1, 1);
1927 transform: scale3d(1, 1, 1)
1928 }
1929 50% {
1930 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1931 transform: scale3d(1.2, 1.2, 1.2)
1932 }
1933 }
1934
1935 @-moz-keyframes ays_survey_pulse {
1936 from,
1937 to {
1938 -webkit-transform: scale3d(1, 1, 1);
1939 transform: scale3d(1, 1, 1)
1940 }
1941 50% {
1942 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1943 transform: scale3d(1.2, 1.2, 1.2)
1944 }
1945 }
1946
1947 @-ms-keyframes ays_survey_pulse {
1948 from,
1949 to {
1950 -webkit-transform: scale3d(1, 1, 1);
1951 transform: scale3d(1, 1, 1)
1952 }
1953 50% {
1954 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1955 transform: scale3d(1.2, 1.2, 1.2)
1956 }
1957 }
1958
1959 @keyframes ays_survey_pulse {
1960 from,
1961 to {
1962 -webkit-transform: scale3d(1, 1, 1);
1963 -moz-transform: scale3d(1, 1, 1);
1964 -ms-transform: scale3d(1, 1, 1);
1965 transform: scale3d(1, 1, 1)
1966 }
1967 50% {
1968 -webkit-transform: scale3d(1.2, 1.2, 1.2);
1969 -moz-transform: scale3d(1.2, 1.2, 1.2);
1970 -ms-transform: scale3d(1.2, 1.2, 1.2);
1971 transform: scale3d(1.2, 1.2, 1.2)
1972 }
1973 }
1974
1975 .ays_survey_pulse {
1976 -webkit-animation-name: ays_survey_pulse;
1977 -moz-animation-name: ays_survey_pulse;
1978 -ms-animation-name: ays_survey_pulse;
1979 animation-name: ays_survey_pulse
1980 }
1981
1982
1983
1984 /* Featured Plugins Start */
1985
1986 .card img {
1987 width: 128px;
1988 margin: auto;
1989 }
1990
1991 .coming-soon span {
1992 font-size: 25px;
1993 font-weight: 600;
1994 background: -webkit-linear-gradient(19deg, #21D4FD 0%, #B721FF 100%);
1995 -webkit-background-clip: text;
1996 background-clip: text;
1997 -webkit-text-fill-color: transparent;
1998 }
1999
2000 .ays-survey-features-wrap .comparison {
2001 max-width: 100%;
2002 margin: 0 auto;
2003 margin-bottom: 20px;
2004 margin-top: 30px;
2005 font: 13px/1.4 "Helvetica Neue", Helvetica, Arial, sans-serif;
2006 text-align: center;
2007 padding: 10px;
2008 overflow-x: auto;
2009 }
2010
2011 .ays-survey-features-wrap .ays-survey-features-video {
2012 display: flex;
2013 justify-content: center;
2014 align-items: center;
2015 margin-top: 40px;
2016 gap: 5px;
2017 }
2018
2019 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon{
2020 display: flex;
2021 }
2022
2023 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text{
2024 font-weight: 700;
2025 }
2026
2027 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-text a{
2028 color: black;
2029 box-shadow: unset;
2030 outline: none;
2031 }
2032
2033 .ays-survey-features-wrap .ays-survey-features-video .ays-survey-features-video-icon img{
2034 width: 25px;
2035 }
2036
2037 .ays-survey-features-wrap .comparison table {
2038 width: 100%;
2039 border-collapse: collapse;
2040 border-spacing: 0;
2041 table-layout: auto;
2042 text-align: inherit;
2043 }
2044
2045 .ays-survey-features-wrap .comparison td,
2046 .ays-survey-features-wrap .comparison th {
2047 border-right: 1px solid #E8E8E8;
2048 empty-cells: show;
2049 padding: 10px;
2050 border-top: 1px solid #E8E8E8;
2051 border-bottom: 1px solid #E8E8E8;
2052 color: #808080;
2053 font-size: 15px;
2054 }
2055
2056 .ays-survey-features-wrap .comparison tbody tr:nth-child(odd) {
2057 display: none;
2058 }
2059
2060 .ays-survey-features-wrap .comparison .compare-row {
2061 background: #F7F7F7;
2062 }
2063
2064 .ays_fa_check {
2065 color: #69C7F1;
2066 }
2067
2068 .ays-survey-features-wrap .comparison th {
2069 font-weight: normal;
2070 padding: 0;
2071 border-top: 0px solid #E8E8E8;
2072 border-bottom: 0px solid #E8E8E8;
2073 }
2074
2075 .ays-survey-features-wrap .comparison tr td:first-child {
2076 text-align: left;
2077 padding: 15px;
2078 border-left: 1px solid #E8E8E8;
2079 border-top: 1px solid #E8E8E8;
2080 }
2081
2082 .ays-survey-features-wrap .comparison .product,
2083 .ays-survey-features-wrap .comparison .tl {
2084 color: #FFF;
2085 padding: 10px;
2086 font-size: 14px;
2087 }
2088
2089 .ays-survey-features-wrap .comparison .tl2 {
2090 border-right: 0;
2091 }
2092
2093 .ays-survey-features-wrap .comparison .product {
2094 background: #69C7F1;
2095 height: 40px;
2096 font-size: 1.6em;
2097 }
2098
2099 .ays-survey-features-wrap .comparison .price-info {
2100 padding: 15px;
2101 }
2102
2103 .ays-survey-features-wrap .comparison .price-now,
2104 .ays-survey-features-wrap .comparison .price-now span {
2105 color: #808080;
2106 }
2107
2108 .ays-survey-features-wrap .comparison .price-now span {
2109 font-size: 36px;
2110 color: #545454;
2111 }
2112
2113 .ays-survey-features-wrap .comparison .price-now p {
2114 font-size: 14px;
2115 text-align: center;
2116 line-height: 16px;
2117 display: inline;
2118 }
2119
2120 .ays-survey-features-wrap .comparison .price-buy {
2121 background: #69C7F1;
2122 padding: 10px 20px;
2123 font-size: 14px;
2124 display: inline-block;
2125 color: #fff;
2126 text-decoration: none;
2127 border-radius: 3px;
2128 text-transform: uppercase;
2129 margin: 5px 0 10px 0;
2130 letter-spacing: 1px;
2131 cursor: pointer;
2132 -webkit-transition: .3s all ease;
2133 transition: .3s all ease;
2134 }
2135
2136 .ays-survey-features-wrap .comparison .price-buy:hover {
2137 background: #6BB0DC;
2138 }
2139
2140 /* Featured Plugins End */
2141
2142 .popover {
2143 background: rgb(95 99 104 / 90%) !important;
2144 }
2145
2146 .popover * {
2147 color: #fff;
2148 }
2149
2150 .ays_read_result{
2151 background-color: #ddd !important;
2152 font-weight: 700 !important;
2153 }
2154
2155 .ays-survey-subtitle {
2156 font-size: 23px;
2157 font-weight: 400;
2158 margin: 0;
2159 padding: 9px 0 4px 0;
2160 line-height: 1.3;
2161 }
2162
2163
2164 .ays-survey-image-container .ays-survey-image-body {
2165 -webkit-box-align: center;
2166 box-align: center;
2167 -webkit-align-items: center;
2168 align-items: center;
2169 display: -webkit-box;
2170 display: -webkit-flex;
2171 display: flex;
2172 }
2173
2174 .ays-survey-image-container .ays-survey-image-wrapper {
2175 margin-top: 20px;
2176 padding: 12px;
2177 position: relative;
2178 }
2179
2180 .ays-survey-image-container .ays-survey-image-wrapper > img {
2181 -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);
2182 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);
2183 max-height: 120px;
2184 max-width: 180px;
2185 }
2186
2187 .ays-survey-image-wrapper-delete-wrap {
2188 height: 30px;
2189 width: 30px;
2190 color: rgba(0, 0, 0, 0.54);
2191 fill: rgba(0, 0, 0, 0.54);
2192 -webkit-user-select: none;
2193 user-select: none;
2194 -webkit-transition: background 0.3s;
2195 transition: background 0.3s;
2196 border: 0;
2197 -webkit-border-radius: 50%;
2198 border-radius: 50%;
2199 cursor: pointer;
2200 display: inline-block;
2201 -webkit-flex-shrink: 0;
2202 flex-shrink: 0;
2203 outline: none;
2204 overflow: hidden;
2205 position: relative;
2206 text-align: center;
2207 -webkit-tap-highlight-color: transparent;
2208 z-index: 0;
2209 position: absolute;
2210 right: 0;
2211 top: 0;
2212
2213 }
2214 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont {
2215 position: relative;
2216 display: flex;
2217 justify-content: center;
2218 align-items: center;
2219 height: 100%;
2220 }
2221 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont > span {
2222 display: inline-block;
2223 position: relative;
2224 top: -12px;
2225 }
2226 .ays-survey-image-wrapper-delete-wrap .ays-survey-image-wrapper-delete-cont .ays-survey-image-wrapper-delete-icon-cont {
2227 opacity: 0.54;
2228 direction: ltr;
2229 text-align: left;
2230 height: 24px;
2231 overflow: hidden;
2232 width: 24px;
2233 display: inline-block;
2234 position: relative;
2235 }
2236
2237 .ays-survey-image-wrapper-delete-wrap {
2238 background-color: #f5f5f5;
2239 -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);
2240 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);
2241 }
2242
2243 .google-visualization-tooltip {
2244 pointer-events: none;
2245 }
2246
2247
2248 div.ays-survey-preloader {
2249 display: none;
2250 position: absolute;
2251 background: rgba(255, 255, 255, 0.8);
2252 width: 100%;
2253 justify-content: center;
2254 height: 100%;
2255 align-items: center;
2256 z-index: 10;
2257 }
2258
2259 ul.ays_tooltop_ul {
2260 padding-left: 10px;
2261 list-style-type: circle;
2262 list-style-position: inside;
2263 }
2264
2265 ul.ays_tooltop_ul_inside {
2266 padding-left: 30px;
2267 padding-top: 10px;
2268 list-style-type: circle;
2269 list-style-position: inside;
2270 }
2271
2272
2273 .dropdown-item:link,
2274 .dropdown-item:visited,
2275 .dropdown-item:hover,
2276 .dropdown-item:active,
2277 .dropdown-item:focus {
2278 outline: none;
2279 }
2280
2281 .dropdown-item:focus,
2282 .dropdown-item:hover {
2283 color: #16181b;
2284 text-decoration: none;
2285 background-color: rgb(255 87 34 / 20%);
2286 }
2287
2288 .dropdown-item.active,
2289 .dropdown-item:active {
2290 color: #fff;
2291 text-decoration: none;
2292 background-color: #ff5722;
2293 }
2294
2295
2296 .dropdown-menu {
2297 outline: none;
2298 border: 0;
2299 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%);
2300 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2301 }
2302
2303 .dropdown-menu[x-placement="top-end"]::before {
2304 position: absolute;
2305 bottom: -6px;
2306 right: 17px;
2307 display: inline-block;
2308 border-right: 6px solid transparent;
2309 border-top: 6px solid #ccc;
2310 border-left: 6px solid transparent;
2311 border-top-color: rgba(0, 0, 0, 0.3);
2312 content: '';
2313 }
2314
2315 .dropdown-menu[x-placement="top-end"]::after {
2316 position: absolute;
2317 bottom: -5px;
2318 right: 17px;
2319 display: inline-block;
2320 border-right: 6px solid transparent;
2321 border-top: 6px solid #ffffff;
2322 border-left: 6px solid transparent;
2323 content: '';
2324 }
2325
2326 .dropdown-menu[x-placement="top-start"]::before {
2327 position: absolute;
2328 bottom: -6px;
2329 left: 19px;
2330 display: inline-block;
2331 border-right: 6px solid transparent;
2332 border-top: 6px solid #ccc;
2333 border-left: 6px solid transparent;
2334 border-top-color: rgba(0, 0, 0, 0.3);
2335 content: '';
2336 }
2337
2338 .dropdown-menu[x-placement="top-start"]::after {
2339 position: absolute;
2340 bottom: -5px;
2341 left: 19px;
2342 display: inline-block;
2343 border-right: 6px solid transparent;
2344 border-top: 6px solid #ffffff;
2345 border-left: 6px solid transparent;
2346 content: '';
2347 }
2348
2349 .dropdown-menu[x-placement="bottom-end"]::before {
2350 position: absolute;
2351 top: -7px;
2352 right: 19px;
2353 display: inline-block;
2354 border-right: 6px solid transparent;
2355 border-bottom: 6px solid #ccc;
2356 border-left: 6px solid transparent;
2357 border-bottom-color: rgba(0, 0, 0, 0.3);
2358 content: '';
2359 }
2360
2361 .dropdown-menu[x-placement="bottom-end"]::after {
2362 position: absolute;
2363 top: -6px;
2364 right: 19px;
2365 display: inline-block;
2366 border-right: 6px solid transparent;
2367 border-bottom: 6px solid #ffffff;
2368 border-left: 6px solid transparent;
2369 content: '';
2370 }
2371
2372 .dropdown-menu[x-placement="bottom-start"]::before {
2373 position: absolute;
2374 top: -7px;
2375 left: 13px;
2376 display: inline-block;
2377 border-right: 7px solid transparent;
2378 border-bottom: 7px solid #ccc;
2379 border-left: 7px solid transparent;
2380 border-bottom-color: rgba(0, 0, 0, 0.3);
2381 content: '';
2382 }
2383
2384 .dropdown-menu[x-placement="bottom-start"]::after {
2385 position: absolute;
2386 top: -6px;
2387 left: 14px;
2388 display: inline-block;
2389 border-right: 6px solid transparent;
2390 border-bottom: 6px solid #ffffff;
2391 border-left: 6px solid transparent;
2392 content: '';
2393 }
2394
2395 .dropdown-menu[x-placement="left-start"]::before {
2396 position: absolute;
2397 right: -7px;
2398 top: 19px;
2399 display: inline-block;
2400 border-top: 7px solid transparent;
2401 border-left: 7px solid #ccc;
2402 border-bottom: 7px solid transparent;
2403 border-left-color: rgba(0, 0, 0, 0.3);
2404 content: '';
2405 }
2406
2407 .dropdown-menu[x-placement="left-start"]::after {
2408 position: absolute;
2409 right: -6px;
2410 top: 20px;
2411 display: inline-block;
2412 border-top: 6px solid transparent;
2413 border-left: 6px solid #ffffff;
2414 border-bottom: 6px solid transparent;
2415 content: '';
2416 }
2417
2418 a.ays_survey_summary_mail_btn {
2419 padding: 1px 10px !important;
2420 font-size: 15px !important;
2421 }
2422
2423 div.ays-google-sheet-popover {
2424 background: white !important;
2425 }
2426
2427 div.ays-google-sheet-popover code{
2428 color: #e83e8c !important;
2429 }
2430
2431 div.ays-google-sheet-popover *:not(a){
2432 color: black;
2433 }
2434
2435 div.ays-google-sheet-popover a{
2436 color: #007bff;
2437 }
2438
2439
2440 #ays-survey-form img {
2441 vertical-align: initial;
2442 }
2443
2444 #ays-survey-form .ays-survey-tab-content .iris-strip.iris-slider.iris-alpha-slider{
2445 margin-left: 7.813px !important;
2446 }
2447
2448 .tablenav a.button,
2449 .tablenav a.button-secondary {
2450 display: inline-block;
2451 }
2452
2453 select#ays_survey_default_type + span.select2-container #select2-ays_survey_default_type-container{
2454 line-height: 34px !important;
2455 }
2456
2457
2458 /*
2459 * Survey themes
2460 */
2461
2462 .ays-survey-themes-main-div-wrap {
2463 display: flex;
2464 flex-wrap: wrap;
2465 gap: 20px;
2466 justify-content: center;
2467 }
2468
2469 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div {
2470 width: 200px;
2471 margin-right: 10px;
2472 }
2473
2474 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item {
2475 text-align: center;
2476 padding: 5px;
2477 height: 100%;
2478 object-fit: contain;
2479 display: flex;
2480 object-position: center center;
2481 flex-direction: column;
2482 align-items: center;
2483 justify-content: center;
2484 border: 1px solid #C7C7C7;
2485 border-radius: 4px;
2486 cursor: pointer;
2487 }
2488
2489 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item:hover {
2490 box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.3);
2491 }
2492
2493 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div label.ays-survey-theme-item img {
2494 width: 100%;
2495 max-width: 100%;
2496 }
2497
2498 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"] {
2499 display: none;
2500 }
2501
2502 .ays-survey-themes-main-div-wrap .ays-survey-themes-main-div input[type="radio"]:checked + label.ays-survey-theme-item {
2503 /*box-shadow: 0px 0px 10px #ff581f;*/
2504 box-shadow: 0px 4px 10px 0px rgba(136, 136, 136, 0.5);
2505 }
2506
2507
2508 /* Community start */
2509 @media (min-width: 1250px) {
2510 .ays-survey-community-wrap .ays-survey-community-item {
2511 width:calc(28.3333333% - 13.3333333px)
2512 }
2513
2514 .ays-survey-community-wrap .ays-survey-community-item:nth-child(3n) {
2515 margin-right: 0
2516 }
2517 }
2518
2519 @media (max-width: 1249px) {
2520 .ays-survey-community-wrap .ays-survey-community-item {
2521 width:calc(50% - 10px)
2522 }
2523
2524 .ays-survey-community-wrap .ays-survey-community-item:nth-child(2n) {
2525 margin-right: 0
2526 }
2527 }
2528
2529 @media (max-width: 767px) {
2530 div.ays-survey-community-wrap .ays-survey-community-item {
2531 width:100%;
2532 margin-right: 0
2533 }
2534
2535 div.ays-survey-community-youtube-video iframe {
2536 width: 100%;
2537 }
2538 }
2539
2540 .ays-survey-community-wrap {
2541 text-align: center;
2542 width: 70%;
2543 margin: auto;
2544 margin-bottom: 60px;
2545 }
2546
2547 .ays-survey-community-wrap *,
2548 .ays-survey-community-wrap *::before,
2549 .ays-survey-community-wrap *::after {
2550 -webkit-box-sizing: border-box;
2551 -moz-box-sizing: border-box;
2552 box-sizing: border-box;
2553 }
2554
2555 .ays-survey-community-wrap .ays-survey-community-container {
2556 display: flex;
2557 flex-wrap: wrap;
2558 justify-content: center;
2559 margin: 20px;
2560 margin-top: 40px;
2561 }
2562
2563 .ays-survey-community-wrap .ays-survey-community-item {
2564 /*border: 1px solid #DDDDDD;*/
2565 margin: 0 20px 20px 0;
2566 background-color: #FAF8F8;
2567 position: relative;
2568 box-shadow: 0px 2px 16px 2px rgba(178, 218, 240, 0.25), 0px 4px 16px #FAF8F8;
2569 border-radius: 2px;
2570 }
2571
2572 .ays-survey-community-wrap .ays-survey-community-item-cover {
2573 width: 100%;
2574 height: 120px;
2575 position: relative;
2576 display: block
2577 }
2578
2579 .ays-survey-community-wrap .ays-survey-community-item-img {
2580 width: auto;
2581 height: auto;
2582 max-width: 80px;
2583 max-height: 80px;
2584 position: absolute;
2585 top: 0;
2586 bottom: 0;
2587 left: 0;
2588 right: 0;
2589 margin: auto;
2590 font-size: 70px;
2591 line-height: 80px;
2592 }
2593
2594 .ays-survey-community-wrap .ays-survey-community-item-img.ays_fa_youtube_play {
2595 color: #B74141;
2596 }
2597
2598 .ays-survey-community-wrap .ays-survey-community-item-img.ays_fa_users {
2599 color: #E78A2C;
2600 }
2601
2602 .ays-survey-community-wrap .ays-survey-community-item-title {
2603 margin: 17px 20px 10px 20px;
2604 font-size: 16px
2605 }
2606
2607 .ays-survey-community-wrap .ays-survey-community-item-desc {
2608 margin: 0 20px 100px 20px;
2609 font-size: 14px
2610 }
2611
2612 .ays-survey-community-wrap .ays-survey-community-item-footer {
2613 position: absolute;
2614 width: 100%;
2615 bottom: 0;
2616 padding: 20px;
2617 /*border-top: 1px solid #dddddd;
2618 background-color: #F7F7F7*/
2619 }
2620
2621 .ays-survey-community-wrap .button {
2622 display: inline-block;
2623 width: 150px;
2624 background-color: #FAF8F8;
2625 color: #1C75A6;
2626 font-weight: bold;
2627 border: 1px solid #0e6897;
2628 padding: 3px 34px;
2629 height: auto;
2630 /*line-height: 13px;*/
2631 /*text-shadow: 1px 1px 1.5px rgba(0,0,0,0.35);*/
2632 transition: 0.5s;
2633 }
2634
2635 .ays-survey-community-wrap .button:hover {
2636 background: #008ec2;
2637 border-color: #006799;
2638 color: #fff;
2639 }
2640
2641 .ays-survey-community-wrap a.ays-survey-community-item-cover:hover {
2642 color: #2271b1;
2643 }
2644
2645 /* Community end */
2646
2647 .ays_surveys_list_table .column-code_include,
2648 .ays_surveys_list_table .column-category_ids,
2649 .ays_surveys_list_table .column-author_id {
2650 width: 10%;
2651 }
2652
2653 .ays_surveys_list_table .column-shortcode {
2654 width: 14%;
2655 }
2656
2657 .ays_surveys_list_table .column-items_count {
2658 width: 8%;
2659 }
2660
2661 .ays_surveys_list_table .column-sections_count {
2662 width: 7%;
2663 }
2664
2665 .ays_surveys_list_table .column-id {
2666 width: 4%;
2667 }
2668
2669 .ays_surveys_list_table .column-status,
2670 .ays_surveys_list_table .column-submissions_count {
2671 width: 9%;
2672 }
2673
2674
2675 .export-survey-example {
2676 display: block;
2677 float: right;
2678 line-height: 30px;
2679 position: relative;
2680 top: -13px;
2681 }
2682
2683 .ays_survey_each_sub_user_info_header {
2684 display: flex;
2685 flex-wrap: wrap;
2686 justify-content: space-between;
2687 }
2688
2689 .ays_survey_each_sub_user_info_header .ays_survey_each_sub_user_info_header_text span{
2690 font-weight: 600;
2691 font-size: 18px;
2692 }
2693
2694 .ays_survey_each_sub_user_info_body{
2695 margin-top: 15px;
2696 }
2697
2698 .ays_survey_each_sub_user_info_columns{
2699 display: flex;
2700 }
2701
2702 .ays_survey_each_sub_user_info_columns div:first-child{
2703 width: 150px;
2704 min-width: 150px;
2705 }
2706
2707 .ays_survey_each_sub_user_info_columns div:last-child{
2708 border-left: 1px solid #00000082;
2709 padding: 0 0 0 40px;
2710 word-break: break-all;
2711 margin: 0 0 0 40px;
2712 }
2713
2714 .ays_survey_loader_text,.ays_survey_loader_custom_gif{
2715 display: flex;
2716 width: 52px;
2717 height: 52px;
2718 margin: 6px;
2719 align-items: center;
2720 font-size: 20px;
2721 font-weight: 600;
2722 }
2723
2724 div#tab4 button.add_survey_loader_custom_gif {
2725 padding: 0 15px;
2726 }
2727
2728 .ays-survey-loader-custom-gif-container{
2729 position: relative;
2730 }
2731
2732 .ays-survey-loader-custom-gif-container .ays-edit-survey-loader-custom-gif{
2733 position: absolute;
2734 left: -10px;
2735 top: -10px;
2736 background-color: #f5f5f5;
2737 width: 30px;
2738 height: 30px;
2739 border-radius: 50%;
2740 display: flex;
2741 justify-content: center;
2742 align-items: center;
2743 }
2744
2745 .ays-survey-loader-custom-gif-container .ays-edit-survey-loader-custom-gif i{
2746 color: #000000bf;
2747 }
2748
2749 .ays-survey-loader-custom-gif-container .ays-survey-image-wrapper-delete-wrap{
2750 position: absolute;
2751 right: -10px;
2752 top: -10px;
2753 }
2754
2755 .ays-survey-loader-custom-gif-container img.ays_survey_img_loader_custom_gif{
2756 width: 120px;
2757 height: 120px;
2758 object-fit: cover;
2759 }
2760
2761 div#wpbody div.wrap div.ays-survey-heart-beat-main-heading.ays-survey-heart-beat-main-heading-container{
2762 text-align: center;
2763 }
2764
2765 div#wpbody div.wrap div.container-fluid div.ays-survey-our-products-heading.ays-survey-our-products-heading-container{
2766 text-align: center;
2767 }
2768
2769 /* PRO */
2770 .ays-survey-question-type.selection .disabled.item{
2771 font-style: italic;
2772 }
2773
2774 .checkbox_ays {
2775 padding: 8px;
2776 border: 1px solid #ccc;
2777 white-space: nowrap;
2778 margin-bottom: .75rem;
2779 }
2780
2781 a.ays-survey-to-curnet-survey,a.ays-survey-to-curnet-survey:hover{
2782 color: inherit;
2783 box-shadow: unset;
2784 outline: none;
2785 }
2786
2787 #ays-survey-form .ays_option_description {
2788 display: block;
2789 margin-top: 2px;
2790 margin-bottom: 5px;
2791 font-size: 14px;
2792 color: #666;
2793 line-height: 1.5;
2794 }
2795
2796 div.ays-survey-question-text-types-note-text span{
2797 font-style: italic;
2798 font-size: 12.3px;
2799 }
2800
2801 /* Sale buttom banner | Start */
2802
2803 .ays-survey-general-bundle-container {
2804 padding: 20px 20px;
2805 color: #000;
2806 border-radius: 5px;
2807 width: 100%;
2808 margin-right: auto;
2809 margin-left: auto;
2810 background-image: url(../images/survey-winter-sale.png);
2811 background-position: center center;
2812 background-size: contain;
2813 /* background-color: #191919; */
2814 background-repeat: no-repeat;
2815 }
2816
2817 .ays-survey-general-bundle-container .ays-survey-general-bundle-box {
2818 display: flex;
2819 justify-content: flex-end;
2820 align-items: center;
2821 }
2822
2823 .ays-survey-general-bundle-container .ays-survey-general-bundle-row {
2824 text-align: center;
2825 margin-right: 75px;
2826 }
2827
2828 .ays-survey-general-bundle-container .ays-survey-general-bundle-image-row img {
2829 height: 130px;
2830 }
2831
2832 .ays-survey-general-bundle-container .ays-survey-general-bundle-color {
2833 color: #971821;
2834 }
2835
2836 .ays-survey-general-bundle-container .ays-survey-general-bundle-text {
2837 font-size: 25px;
2838 font-weight: 700;
2839 color: #fff;
2840 }
2841
2842 .ays-survey-general-bundle-container .ays-survey-general-bundle-text > span{
2843 color: #971821;
2844 }
2845
2846 .ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
2847 font-size: 20px;
2848 font-weight: 700;
2849 color: #971821;
2850 }
2851
2852 .ays-survey-general-bundle-container .ays-survey-general-bundle-row p {
2853 font-weight: 500;
2854 color: #fff;
2855 }
2856
2857 .ays-survey-general-bundle-container .ays-survey-general-bundle-button {
2858 background-color: #971821;
2859 border-color: #fff;
2860 display: flex;
2861 justify-content: center;
2862 align-items: center;
2863 padding: 5px 15px;
2864 font-size: 16px;
2865 color: #fff !important;
2866 text-decoration: none !important;
2867 text-shadow: none;
2868 font-weight: 900;
2869
2870 line-height: 2.15384615;
2871 min-height: 30px;
2872 margin: 0;
2873 cursor: pointer;
2874 border-width: 1px;
2875 border-style: solid;
2876 -webkit-appearance: none;
2877 border-radius: 3px;
2878 white-space: nowrap;
2879 box-sizing: border-box;
2880 }
2881
2882 .ays-survey-general-bundle-container .ays-survey-general-bundle-link-color {
2883 color: #971821 !important;
2884 }
2885
2886 .ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
2887 text-decoration: underline;
2888 }
2889
2890 .ays-survey-general-bundle-container .ays-survey-general-bundle-button:hover {
2891 background-color: #7d161d;
2892 border-color: #971821;
2893 }
2894
2895 @media screen and (max-width: 1400px) {
2896 div.ays-survey-general-bundle-container {
2897 background-image: linear-gradient(90deg, #7ec9da, #1586a1);
2898 background-position: top center;
2899 background-size: cover;
2900 }
2901 div.ays-survey-general-bundle-container .ays-survey-general-bundle-box {
2902 flex-wrap: wrap;
2903 justify-content: center;;
2904 }
2905
2906 div.ays-survey-general-bundle-row div.ays-survey-general-bundle-text{
2907 font-size: 20px;
2908 }
2909
2910 div.ays-survey-general-bundle-container .ays-survey-general-bundle-button {
2911 font-size: 13px;
2912 }
2913
2914 div.ays-survey-general-bundle-container .ays-survey-general-bundle-sale-text {
2915 font-size: 19px;
2916 }
2917
2918 .ays-survey-general-bundle-container .ays-survey-general-bundle-row p{
2919 margin: 0;
2920 }
2921 }
2922 @media screen and (max-width: 768px) {
2923 .ays-survey-general-bundle-container .ays-survey-general-bundle-row {
2924 margin: 10px 0;
2925 }
2926
2927 div.ays-survey-general-bundle-container {
2928 background-image: linear-gradient(180deg, #7ec9da, #1586a1);
2929 }
2930 }
2931
2932 /* Sale buttom banner | End */
2933
2934
2935 /* ========== Condition result start ==========*/
2936 #ays-survey-form .ays-survey-condition-containers-added{
2937 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%);
2938 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2939 background-color: #fff;
2940 -webkit-border-radius: 8px;
2941 border-radius: 8px;
2942 position: relative;
2943 -webkit-transition: box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
2944 transition: box-shadow 0.25s cubic-bezier(0, 0, 0.2, 1);
2945 margin-bottom: 12px;
2946 min-height: 250px;
2947 padding: 10px;
2948 border-top-left-radius: 0;
2949 border-radius: 8px;
2950 border-top: 10px solid;
2951 transition: 0.5s;
2952 }
2953
2954 #ays-survey-form .ays-survey-condition-containers-editable{
2955 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%);
2956 transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
2957 background-color: #fff;
2958 -webkit-border-radius: 8px;
2959 border-radius: 8px;
2960 border-top-left-radius: 0;
2961 border-radius: 8px;
2962 border-left: 5px solid;
2963 transition: 0.5s;
2964 height: 50px;
2965 }
2966
2967 #ays-survey-form .ays-survey-condition-add-new {
2968 -webkit-user-select: none;
2969 user-select: none;
2970 -webkit-transition: background 0.3s;
2971 transition: background 0.3s;
2972 border: 0;
2973 -webkit-border-radius: 50%;
2974 border-radius: 50%;
2975 cursor: pointer;
2976 display: inline-block;
2977 -webkit-flex-shrink: 0;
2978 flex-shrink: 0;
2979 height: 48px;
2980 outline: none;
2981 overflow: hidden;
2982 position: relative;
2983 text-align: center;
2984 -webkit-tap-highlight-color: transparent;
2985 width: 48px;
2986 z-index: 0;
2987 transition: 0.5s;
2988 }
2989
2990 #ays-survey-form .ays-survey-condition-delete-conteiner-box{
2991 display: flex;
2992 justify-content: flex-end;
2993 border-bottom: 1px solid rgba(0,0,0,.1);
2994 }
2995
2996
2997 #ays-survey-form .ays-survey-condition-delete-currnet {
2998 margin-left: 5px;
2999 }
3000
3001 #ays-survey-form .ays-survey-condition-select-question-box{
3002 margin-bottom: 12px;
3003 border-bottom: 1px solid rgba(0,0,0,.1);
3004 padding: 10px;
3005 }
3006
3007 #ays-survey-form .ays-survey-condition-select-question-answers{
3008 margin-left: 12px;
3009 }
3010
3011 #ays-survey-form .ays-survey-condition-selects{
3012 display: flex;
3013 flex-wrap: wrap;
3014 }
3015
3016 #ays-survey-form .ays-survey-condition-for-other-types{
3017 display: flex;
3018 flex-wrap: wrap;
3019 }
3020
3021 #ays-survey-form .ays-survey-condition-for-other-types-text{
3022 margin-left: 12px;
3023 }
3024
3025 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3026 height: 36px;
3027 }
3028
3029 #ays-survey-form .ays-survey-condition-containers-ready{
3030 display: flex;
3031 justify-content: space-between;
3032 flex-wrap: wrap;
3033 }
3034
3035 #ays-survey-form .ays-survey-condition-select-question,
3036 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3037 #ays-survey-form .ays-survey-condition-for-text-types-select,
3038 #ays-survey-form .ays-survey-condition-for-number-types-select,
3039 #ays-survey-form .ays-survey-condition-for-other-types-text input {
3040 width: 180px;
3041 min-height: 36px;
3042 }
3043
3044 #ays-survey-form .ays-survey-condition-select-question-condition{
3045 display: flex;
3046 justify-content: center;
3047 margin-top: 10px;
3048 }
3049
3050 #ays-survey-form .ays-survey-condition-containers-conditions{
3051 border-left: 2px solid rgba(0,0,0,.1);
3052 }
3053
3054 #ays-survey-form .ays-survey-condition-containers-conditions-titles-nav-bar{
3055 display: flex;
3056 flex-wrap: wrap;
3057 }
3058
3059 #ays-survey-form .ays-survey-condition-containers-conditions-tabs{
3060 padding: 5px 36px;
3061 border-width: 0 2px 0 0;
3062 border-style: solid;
3063 border-color: rgba(0,0,0,.1);
3064 font-size: 15px;
3065 cursor: pointer;
3066 border-radius: 0 0 3px 3px;
3067 font-weight: 600;
3068 letter-spacing: 0.5px;
3069 min-width: 120px;
3070 text-align: center;
3071 }
3072
3073 #ays-survey-form .ays-survey-condition-containers-list-main-box,#ays-survey-form .ays-survey-condition-containers-conditions{
3074 width: 50%;
3075 }
3076
3077 #ays-survey-form .nav-cond-tab-active{
3078 background-color: #c3c4c7;
3079 transition: .3s;
3080
3081 }
3082
3083 #ays-survey-form .ays-survey-condition-containers-conditions-contents{
3084 padding: 10px;
3085 height: 100%;
3086 border-bottom: 1px solid rgba(0,0,0,.1);
3087 }
3088
3089 #ays-survey-form .ays-survey-conditions-messages-textareas{
3090 display: block;
3091 width: 100%;
3092 margin-top: 5px;
3093 height: 200px !important;
3094 }
3095
3096 #ays-survey-form .ays-survey-condition-containers-conditions-content{
3097 border-top: 1px solid rgba(0,0,0,.1);
3098 min-height: 420px;
3099 }
3100
3101 #ays-survey-form .ays-survey-conditions-messages-input{
3102 width: 100%;
3103 }
3104
3105 #ays-survey-form .ays-survey-email-message-files-main-contnet{
3106 margin-top: 12px;
3107 }
3108
3109 #ays-survey-form .ays-survey-email-message-files{
3110 display: flex;
3111 justify-content: space-between;
3112 flex-wrap: wrap;
3113 }
3114
3115 #ays-survey-form .ays-survey-messages-contnet-titles{
3116 font-size: 20px;
3117 font-weight: 600;
3118 }
3119
3120 #ays-survey-form .ays-survey-email-message-files-body{
3121 border: 2px dashed;
3122 text-align: center;
3123 width: 400px;
3124 }
3125
3126 #ays-survey-form .ays-survey-email-message-files-upload{
3127 margin-top: 10px;
3128 }
3129
3130 #ays-survey-form .ays-survey-action-add-condition{
3131 display: flex;
3132 align-items: center;
3133 width: 167px;
3134 overflow: initial;
3135 max-width: 100%;
3136 padding: 10px;
3137 border-radius: 5px;
3138 justify-content: flex-start;
3139 margin-bottom: 10px;
3140 }
3141
3142 #ays-survey-form .ays-question-img-icon-content-conditions{
3143 width: initial;
3144 }
3145
3146 #ays-survey-form .ays-survey-condition-containers-editable {
3147 padding: 10px;
3148 word-break: break-all;
3149 word-wrap: break-word;
3150 height: 100%;
3151 width: 50%;
3152 cursor: pointer;
3153 margin-bottom: 12px;
3154 }
3155
3156 #ays-survey-form .ays-survey-condition-containers-list-main-header{
3157 display: flex;
3158 justify-content: center;
3159 align-items: center;
3160 height: 100%;
3161 font-style: italic;
3162 font-weight: 500;
3163 }
3164
3165 #ays-survey-form .ays-survey-email-message-files-content-text{
3166 outline: none;
3167 box-shadow: none;
3168 }
3169
3170 .ays-survey-condition-select-question-condition select{
3171 height: 30px !important;
3172 font-size: 14px !important;
3173 }
3174
3175 .ays-survey-condition-for-other-types-text input{
3176 height: 40px !important;
3177 }
3178
3179 #ays-survey-form .ays-survey-text-input-full{
3180 width: 100%;
3181 }
3182
3183 @media screen and (max-width: 1440px){
3184 #ays-survey-form .ays-survey-condition-select-question,
3185 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3186 #ays-survey-form .ays-survey-condition-for-text-types-select,
3187 #ays-survey-form .ays-survey-condition-for-number-types-select,
3188 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3189 width: 150px;
3190 }
3191 }
3192
3193 @media screen and (max-width: 1230px){
3194 #ays-survey-form .ays-survey-condition-select-question,
3195 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3196 #ays-survey-form .ays-survey-condition-for-text-types-select,
3197 #ays-survey-form .ays-survey-condition-for-number-types-select,
3198 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3199 width: 140px;
3200 }
3201 }
3202
3203 @media screen and (max-width: 1200px){
3204 #ays-survey-form .ays-survey-condition-select-question,
3205 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3206 #ays-survey-form .ays-survey-condition-for-text-types-select,
3207 #ays-survey-form .ays-survey-condition-for-number-types-select,
3208 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3209 width: 250px;
3210 }
3211
3212 #ays-survey-form .ays-survey-condition-select-question-answers{
3213 margin-left: 0;
3214 margin-top: 8px;
3215 }
3216
3217 #ays-survey-form .ays-survey-condition-for-other-types-text{
3218 margin-left: 0;
3219 margin-top: 8px;
3220 }
3221
3222 #ays-survey-form .ays-survey-condition-selects,
3223 #ays-survey-form .ays-survey-condition-for-other-types{
3224 justify-content: center;
3225 }
3226
3227 #ays-survey-form .ays-survey-condition-containers-add-list-button-box{
3228 text-align: center;
3229 }
3230
3231 #ays-survey-form .ays-survey-condition-delete-currnet{
3232 width: 100%;
3233 display: flex;
3234 justify-content: center;
3235 }
3236
3237 #ays-survey-form .ays-survey-email-message-files-body{
3238 width: 200px;
3239 }
3240 }
3241
3242
3243 @media screen and (max-width: 640px){
3244 #ays-survey-form .ays-survey-condition-select-question,
3245 #ays-survey-form .ays-survey-condition-select-question-with-answers,
3246 #ays-survey-form .ays-survey-condition-for-text-types-select,
3247 #ays-survey-form .ays-survey-condition-for-number-types-select,
3248 #ays-survey-form .ays-survey-condition-for-other-types-text input{
3249 width: 150px !important;
3250 }
3251
3252 .ays-surveys-button-box .ays-surveys-button-second-row{
3253 margin-top: 10px;
3254 }
3255
3256 #ays-survey-form .ays-survey-condition-containers-conditions-titles-nav-bar{
3257 justify-content: center;
3258 }
3259
3260 #ays-survey-form .ays-survey-email-message-files{
3261 justify-content: center;
3262 }
3263
3264 #ays-survey-form .ays-survey-condition-containers-ready{
3265 flex-direction: column;
3266 }
3267
3268 #ays-survey-form .ays-survey-condition-containers-list-main-box, #ays-survey-form .ays-survey-condition-containers-conditions{
3269 width: 100%;
3270 }
3271
3272 #ays-survey-form .ays-survey-condition-selects,
3273 #ays-survey-form .ays-survey-condition-for-other-types{
3274 flex-direction: column;
3275 align-items: center;
3276 }
3277
3278 #ays-survey-form .ays-survey-condition-containers-conditions{
3279 border-top: 1px solid rgba(0,0,0,.1);
3280 }
3281
3282 div.ays_ask_question_content{
3283 display: none;
3284 }
3285
3286 .ays-settings-wrapper .vmessage strong input{
3287 width: 100%;
3288 }
3289
3290 .ays-settings-wrapper .ays-survey-iframe-video-link{
3291 width: 100%;
3292 }
3293
3294 .ays-survey-grab-gift-inputs{
3295 display: initial !important;
3296 }
3297
3298 .ays-modal-content-survey-templates .ays-survey-templates-content{
3299 justify-content: center !important;
3300 }
3301
3302 .ays-survey-add-question-button{
3303 width: 155px;
3304 }
3305 }
3306 #ays-survey-form .ays-survey-condition-containers-added{
3307 border-color:rgb(255, 87, 34);
3308 }
3309
3310 @media screen and (max-width: 350px){
3311 #ays-survey-form #ays_survey_cancel,
3312 #ays-survey-form #ays-button-apply-top{
3313 margin-top: 20px;
3314 }
3315 }
3316
3317
3318 /* ========== Condition result end ==========*/
3319
3320 /* Winter Sale Banner | Start */
3321
3322 /* #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3323 color: #0041B8;
3324 } */
3325
3326 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content{
3327 display: flex;
3328 justify-content: center;
3329 }
3330
3331 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content .ays-button{
3332 margin: 0;
3333 font-size: 13px;
3334 }
3335
3336 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-dismiss-buttons-content{
3337 display: block;
3338 }
3339
3340
3341 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main {
3342 border: 1px solid #E5E5E5;
3343 background: #FFF;
3344 border-radius: 6px;
3345 box-shadow: 0 1px 1px 0 rgb(0 0 0 / 5%);
3346 position: relative;
3347 z-index: 1;
3348 min-height: 198px;
3349 }
3350 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_pb_dicount_info button {
3351 display: flex;
3352 align-items: center;
3353 }
3354
3355 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main div#ays-survey-dicount-month a.ays-survey-sale-banner-link:focus {
3356 outline: none;
3357 box-shadow: 0;
3358 }
3359
3360 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .btn-link {
3361 font-weight: 400;
3362 color: #007bff;
3363 background-color: transparent;
3364 display: inline-block;
3365 font-weight: 400;
3366 text-align: center;
3367 white-space: nowrap;
3368 vertical-align: middle;
3369 -webkit-user-select: none;
3370 -moz-user-select: none;
3371 -ms-user-select: none;
3372 user-select: none;
3373 border: 1px solid transparent;
3374 padding: .375rem .75rem;
3375 font-size: 1rem;
3376 line-height: 1.5;
3377 border-radius: .25rem
3378 }
3379
3380 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info {
3381 /*background-image: linear-gradient(45deg, #dbdbdb, transparent);*/
3382
3383 background-image: url(../images/mega_bundle.jpg);
3384 background-position: center;
3385 background-repeat: no-repeat;
3386 background-size: cover;
3387 border: 0;
3388 /* height: 200px; */
3389 /*background-color: #191919;*/
3390 }
3391
3392 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month {
3393 display: flex;
3394 align-items: end;
3395 justify-content: space-between;
3396 height: 100%;
3397 }
3398
3399 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-sale-banner-link {
3400 display: flex;
3401 justify-content: center;
3402 align-items: center;
3403 width: 200px;
3404 }
3405
3406 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3407 font-size:14px;
3408 padding:12px;
3409 text-align: center;
3410 width: 50%;
3411 }
3412
3413 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-box strong {
3414 font-size: 17px;
3415 font-weight: bold;
3416 letter-spacing: 0.80px;
3417 }
3418
3419 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-button{
3420 /* margin: 0 auto !important; */
3421
3422 display: flex;
3423 align-items: center;
3424 font-weight: 500;
3425 padding: 5px 15px;
3426 background-color: #3340ca;
3427 border-color: #267bff;
3428 font-size: 16px;
3429 }
3430
3431 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main #ays-survey-button-top-buy-now:hover {
3432 background-color: #222eaa;
3433 border-color: #222eaa;
3434 }
3435
3436 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-color {
3437 color: #007bff;
3438 }
3439
3440 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-survey-dicount-wrap-text-decoration {
3441 text-decoration: underline;
3442 }
3443
3444 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .ays-survey-maker-countdown-container {
3445 color: #333;
3446 margin: 0 auto;
3447 text-align: center;
3448 }
3449
3450 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown-headline {
3451 font-weight: normal;
3452 letter-spacing: .125rem;
3453 text-transform: uppercase;
3454 font-weight: bolder;
3455
3456 font-size: 18px;
3457 font-weight: 400;
3458 margin: 0;
3459 padding: 9px 0 4px 0;
3460 line-height: 1.3;
3461 }
3462
3463 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3464 font-weight: 600;
3465 color: #fff;
3466 }
3467
3468 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container ul {
3469 margin: 0;
3470 }
3471
3472 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li {
3473 display: inline-block;
3474 font-size: 14px;
3475 list-style-type: none;
3476 padding: 8px;
3477 text-transform: uppercase;
3478 }
3479
3480 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li span {
3481 display: block;
3482 font-size: 40px;
3483 line-height: 1.4em;
3484 }
3485
3486 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .emoji {
3487 display: none;
3488 padding: 1rem;
3489 }
3490
3491 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container .emoji span {
3492 font-size: 50px;
3493 padding: 0 .5rem;
3494 }
3495
3496 @media screen and (max-width: 1305px){
3497
3498 /* div#ays-survey-dicount-month-main.ays_survey_dicount_info { */
3499 /* background-image: url(../images/mega_bundle.png) !important;
3500 background-position: bottom right;
3501 background-repeat: no-repeat;
3502 background-size: cover;
3503 background-color: #191919;
3504 background-size: 20%;
3505 height: unset !important; */
3506 /* } */
3507
3508 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month{
3509 height: unset !important;
3510 }
3511
3512 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays_survey_dicount_month{
3513 align-items: center;
3514 }
3515 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3516 font-weight: 700;
3517 color: #4A382E;
3518 }
3519
3520 }
3521
3522 @media all and (max-width: 768px) {
3523 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main {
3524 padding-right: 0;
3525 }
3526 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays_survey_dicount_month{
3527 display: flex;
3528 align-items: center;
3529 justify-content: space-between;
3530 align-content: center;
3531 flex-wrap: wrap;
3532 flex-direction: column;
3533 padding: 10px 0;
3534 }
3535
3536 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays-survey-dicount-wrap-box {
3537 width: 100%;
3538 text-align: center;
3539 }
3540
3541 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown-headline {
3542 font-size: 15px;
3543 font-weight: 600;
3544 }
3545
3546 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container ul {
3547 font-weight: 500;
3548 }
3549
3550 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container li span {
3551 font-size: 20px;
3552 }
3553
3554 div#ays-survey-winter-dicount-main #ays-survey-dicount-month-main .ays-button{
3555 margin: 0 auto !important;
3556 }
3557
3558 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info.notice {
3559 background-size: cover;
3560 }
3561
3562 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main .ays-survey-dicount-wrap-box strong {
3563 font-weight: bolder;
3564 }
3565
3566 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main #ays-survey-button-top-buy-now {
3567 font-size: 14px;
3568 padding: 5px 10px;
3569 }
3570
3571 div#ays-survey-winter-dicount-main .comparison .product img {
3572 width: 70px;
3573 }
3574
3575 div#ays-survey-winter-dicount-main .comparison a.price-buy{
3576 padding: 5px 10px;
3577 font-size: 11px;
3578 }
3579
3580 div#ays-survey-winter-dicount-main div#ays-survey-dicount-month-main.ays_survey_dicount_info{
3581 /* background-image: unset !important; */
3582 background-image: linear-gradient(45deg, #dbdbdb, transparent);
3583 /* background-position: bottom right; */
3584 /* background-repeat: no-repeat; */
3585 /* background-size: cover; */
3586 /* background-color: #cb2a2a; */
3587 }
3588
3589 div#ays-survey-winter-dicount-main #ays-survey-maker-countdown-main-container #ays-survey-countdown {
3590 /* font-weight: 600; */
3591 color: #000;
3592 }
3593 }
3594
3595 /* Winter Sale Banner | End */
3596
3597 .ays-survey-submission-summary-question-content .ays-survey-submission-text-answers-div .ays-survey-submission-text-answer-each{
3598 word-break: break-word;
3599 }
3600
3601 #ui-datepicker-div{
3602 z-index: 3 !important;
3603 }
3604
3605 .ays-survey-themes-main-div-only-pro{
3606 cursor: pointer;
3607 }
3608
3609 span.ays_survey_small_hint_text {
3610 font-style: italic;
3611 color: gray;
3612 display: inline-block;
3613 font-size: 12px;
3614 }
3615
3616 input.ays-survey-text-input-90-width {
3617 width: 90px;
3618 max-width: 100%;
3619 }
3620
3621 /* Questions Count start */
3622 .ays-survey-section-actions .ays-survey-action-questions-count{
3623 line-height: 48px;
3624 cursor: help;
3625 }
3626
3627 .ays-survey-section-wrap-collapsed-contnet .ays-survey-action-questions-count{
3628 cursor: help;
3629 justify-content: center;
3630 }
3631 /* Questions Count end */
3632
3633
3634 /* Select message vars from surveys page */
3635 .ays-survey-message-vars-box{
3636 display: flex;
3637 justify-content: flex-end;
3638 flex-direction: column;
3639 align-items: flex-end;
3640 user-select: none;
3641 }
3642
3643 .ays-survey-subtitle-main-box{
3644 position: relative;
3645 min-height: 27px;
3646 word-break: break-word;
3647 }
3648
3649 .ays-survey-subtitle-main-box .ays-subtitle .ays-subtitle-inner-surveys-page{
3650 padding: 10px 3px;
3651 text-align: center;
3652 border-radius: 35px;
3653 cursor: pointer;
3654 }
3655
3656 .ays-survey-message-vars-box .ays-survey-message-vars-icon,
3657 .ays-survey-surveys-box .ays-survey-surveys-icon{
3658 display: flex;
3659 width: 150px;
3660 justify-content: space-between;
3661 cursor: pointer;
3662 margin-bottom: 15px;
3663
3664 }
3665
3666 .ays-survey-message-vars-box .ays-survey-message-vars-icon span,
3667 .ays-survey-surveys .ays-survey-surveys-icon span{
3668 font-size: 13px;
3669 }
3670
3671 .ays-survey-message-vars-data,.ays-survey-surveys-data{
3672 position: absolute;
3673 top: 27px;
3674 /* text-align: center; */
3675 max-height: 350px;
3676 overflow: auto scroll;
3677 z-index: 9999;
3678 background-color: #ffff;
3679 border-radius: 5px;
3680 /* border: 1px solid grey; */
3681 width: 250px;
3682 display: none;
3683 box-shadow: 0 0px 0px 0.5px #00000087;
3684 }
3685
3686 .ays-survey-surveys-data{
3687 top: 36px;
3688 }
3689
3690 .ays-survey-message-vars-data::-webkit-scrollbar,.ays-survey-surveys-data::-webkit-scrollbar {
3691 width: 0.2em;
3692 }
3693
3694 .ays-survey-message-vars-data::-webkit-scrollbar-track, .ays-survey-surveys-data::-webkit-scrollbar-track{
3695 box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
3696 }
3697
3698 .ays-survey-message-vars-data::-webkit-scrollbar-thumb, .ays-survey-surveys-data::-webkit-scrollbar-thumb{
3699 background-color: darkgrey;
3700 outline: 1px solid slategrey;
3701 border-radius: 5px;
3702 }
3703
3704 .ays-survey-message-vars-data .ays-survey-message-vars-each-data,
3705 .ays-survey-surveys-data .ays-survey-surveys-each-data{
3706 cursor: pointer;
3707 }
3708
3709 .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label:not(:last-child) .ays-survey-message-vars-each-data,
3710 .ays-survey-surveys-data .ays-survey-message-vars-each-data-label:not(:last-child) .ays-survey-surveys-each-data{
3711 border-bottom: 1px solid #d5d5d559;
3712 }
3713
3714 .ays-survey-message-vars-data .ays-survey-message-vars-each-data{
3715 padding: 8px 0 8px 8px;
3716 }
3717
3718 .ays-survey-surveys-data .ays-survey-surveys-each-data a{
3719 display: inline-block;
3720 width: 100%;
3721 height: 100%;
3722 padding: 10px 0 10px 10px;
3723 text-decoration: none;
3724 }
3725
3726 .ays-survey-surveys-data .ays-survey-surveys-each-data a:hover{
3727 /* color: #0056b3; */
3728 background-color: #E8F0FF;
3729 }
3730
3731 .ays-survey-message-vars-data .ays-survey-message-vars-each-data-label .ays-survey-message-vars-each-data:hover{
3732 background-color: #f2f5fb;
3733 }
3734
3735 .ays-survey-message-vars-each-data-checker:checked + div.ays-survey-message-vars-each-data{
3736 background-color: #e1e1e1;
3737 }
3738
3739 .ays-survey-message-vars-each-data-label{
3740 display: block;
3741 margin: 0;
3742 }
3743
3744 .ays-survey-create-survey-video-box{
3745 display: flex;
3746 justify-content: space-around;
3747 align-items: center;
3748 flex-direction: column;
3749 margin-bottom: 20px !important;
3750 margin-top: 10px !important;
3751 }
3752
3753 .ays-survey-youtube-placeholder{
3754 position: relative;
3755 cursor: pointer;
3756 max-width: 100%;
3757 width: 560px;
3758 height: 315px;
3759 margin: 0 auto;
3760 }
3761
3762 .ays-survey-create-survey-youtube-video {
3763 display: flex;
3764 align-items: center;
3765 gap: 5px;
3766 }
3767
3768 .ays-survey-create-survey-video-box iframe {
3769 max-width: 100%;
3770 }
3771
3772 .ays-survey-youtube-placeholder img {
3773 display: block;
3774 width: 100%;
3775 height: 100%;
3776 object-fit: contain;
3777 }
3778
3779 @media screen and (max-width: 768px) {
3780 div.ays-survey-youtube-placeholder {
3781 width: 100%;
3782 height: auto;
3783 }
3784 }
3785
3786 .ays-survey-create-survey-youtube-video-button-box-top{
3787 margin: 20px;
3788 }
3789
3790 .ays-survey-create-survey-youtube-video-button-box-bottom{
3791 margin: 0;
3792 }
3793
3794 .ays-survey-add-new-button-video{
3795 background-color: #2A8EB6;
3796 color: #fff !important;
3797 border-color: #2A8EB6;
3798 outline: none;
3799 border-radius: 4px;
3800 box-shadow: unset;
3801 padding: 10px 30px;
3802 border: 0;
3803
3804 }
3805
3806 #wpbody .wrap .ays-survey-add-new-button-new-design {
3807 background: #2275EA;
3808 border-color: #2275EA;
3809 border-radius: 8px;
3810 padding: 5px 27px;
3811 margin: 0 10px !important;
3812 line-height: 2;
3813 color: #ffffff;
3814 }
3815
3816 #wpbody .wrap .ays-survey-add-new-button-new-design:hover {
3817 background: #0f34e7;
3818 }
3819
3820 #wpbody .wrap .ays-survey-add-new-button-new-design:active {
3821 padding: 5px 27px;
3822 }
3823
3824 #wpbody .wrap .ays-survey-add-new-button-new-design img {
3825 width: 10px;
3826 margin-top: -2px;
3827 margin-right: 5px;
3828 }
3829
3830 #wpbody .wrap .ays-survey-create-survey-video-box .ays-survey-add-new-button-new-design {
3831 padding: 10px 30px;
3832 }
3833
3834 #wpbody .wrap .ays-survey-create-survey-video-box .ays-survey-add-new-button-new-design:hover {
3835 padding: 10px 30px;
3836 text-decoration: unset;
3837 }
3838
3839 .ays-survey-open-surveys-list{
3840 cursor: pointer;
3841 font-size: 15px;
3842 color: #e84b0b;
3843 padding: 3px;
3844 }
3845
3846 .ays-survey-subtitle-main-box .ays-survey-surveys-data .ays-survey-go-to-surveys{
3847 color: unset;
3848 border: 0;
3849 outline: unset;
3850 box-shadow: unset;
3851 }
3852
3853 .ays-surveys-button-box{
3854 justify-content: space-between;
3855 }
3856
3857 .ays-surveys-button-box .ays-surveys-button-second-row{
3858 margin-right: 110px;
3859 display: flex;
3860 gap: 10px;
3861 }
3862
3863 .ays-surveys-button-box .ays-surveys-button-second-row .ays-survey-save-as-default-pro-button{
3864 background-color: #ffa500;
3865 color: #fffdfd;
3866 border-color: #ffa500;
3867 margin-right: 0;
3868 margin-left: 10px;
3869 text-shadow: none;
3870 box-shadow: none;
3871 }
3872
3873 .ays-surveys-button-box .ays-surveys-button-second-row .ays-survey-save-as-default-pro-button:hover{
3874 background-color: #ffa500;
3875 border-color: #ffa500;
3876 }
3877
3878 /* Survey subscribe email start */
3879
3880 #ays-survey-subscribe-email-page-main{
3881 margin-top: 12px;
3882 }
3883
3884 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page{
3885 display: flex;
3886 justify-content: center;
3887 align-items: center;
3888 }
3889
3890 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box{
3891 background-color: white;
3892 width: 400px;
3893 padding: 15px;
3894 border-radius: 4px;
3895 position: relative;
3896 }
3897
3898 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-box{
3899 border-bottom: 1px solid #c3c4c7;
3900 text-align: center;
3901 padding: 10px;
3902 }
3903
3904 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-text{
3905 font-style: italic;
3906 }
3907
3908 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-inputs{
3909 display: flex;
3910 justify-content: center;
3911 align-items: center;
3912 flex-wrap: wrap;
3913 min-height: 80px;
3914 }
3915
3916 #ays-survey-subscribe-email-page-main .button.ays-survey-subscribe-button{
3917 padding: 9px 10px 9px 10px;
3918 margin-bottom: 0;
3919 min-height: 30px;
3920 line-height: initial;
3921 font-size: 15px;
3922 }
3923
3924 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-inputs div{
3925 margin-top: 10px;
3926 }
3927
3928 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-box-button{
3929 margin-left: 8px;
3930 }
3931
3932 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-loader{
3933 position: absolute;
3934 top: 0;
3935 left: 0;
3936 width: 100%;
3937 height: 100%;
3938 /* margin: auto; */
3939 display: flex;
3940 justify-content: center;
3941 align-items: center;
3942 /* opacity: 0.5; */
3943 background-color: #a9a9a97d;
3944 border-radius: 4px;
3945 }
3946
3947 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-loader img{
3948 width: 25px;
3949 height: 25px;
3950 }
3951
3952 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error:focus{
3953 border-color: #ff0000;
3954 box-shadow: 0 0 0 1px #ff000085;
3955 outline: 2px solid transparent;
3956 }
3957
3958 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message {
3959 border-left: 2px solid red;
3960 visibility: hidden;
3961 padding: 0 10px;
3962 background-color: #8080802e;
3963 /* color: white; */
3964 border-radius: 2px;
3965 height: 25px;
3966 }
3967
3968 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message .ays-survey-subscribe-email-errors{
3969 font-size: 13px;
3970 font-style: italic;
3971 }
3972
3973 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message,
3974 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-true,
3975 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-false{
3976 display: none;
3977 }
3978
3979 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-true,
3980 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-success-message-false{
3981 margin-left: 12px;
3982 }
3983
3984 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-error-message{
3985 margin-top: 12px;
3986 }
3987
3988 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-title-text-two{
3989 font-size: 13px;
3990 font-style: italic;
3991 }
3992
3993 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-box{
3994 text-align: center;
3995 margin: 50px auto;
3996 background-color: #f6f7f7;
3997 padding: 20px;
3998 width: 85%;
3999 box-shadow: 0px 0px 5px grey;
4000 color: #000000;
4001 font-style: italic;
4002 border-radius: 4px;
4003 }
4004
4005 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-box strong{
4006 color: #33da4e;
4007 }
4008
4009 #ays-survey-subscribe-email-page-main .ays-survey-subscribe-email-page-info-header .ays-survey-subscribe-email-page-info-header-text{
4010 text-align: center;
4011 font-size: 35px;
4012 font-weight: bold;
4013 }
4014
4015 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-header {
4016 margin-bottom: 20px;
4017 }
4018
4019 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-footer {
4020 text-align: left;
4021 }
4022
4023 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-content {
4024 text-align: left;
4025 }
4026
4027 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-conditions {
4028 color: #5e5d5d;
4029 text-align: left;
4030 font-style: italic;
4031 font-weight: 600;
4032 margin-bottom: 10px;
4033 }
4034
4035 #ays-survey-subscribe-email-page-main div.ays-survey-subscribe-email-page-info-box-content ul {
4036 margin-left: 16px;
4037 list-style-type: disc;
4038 }
4039
4040 #ays-survey-subscribe-email-page-main input.ays-survey-subscribe-email-page-info-box-input {
4041 /* margin-left: 15px; */
4042 font-size: 16px;
4043 }
4044
4045 #ays-survey-subscribe-email-page-main input#ays-survey-subscribe-email-page-info-box-input-submit {
4046 margin: 0 0 10px 15px;
4047 }
4048
4049 .ays-survey-grab-gift-inputs{
4050 display: flex;
4051 align-items: center;
4052 justify-content: space-between;
4053 width: 350px;
4054 flex-wrap: wrap;
4055 }
4056
4057 .ays-survey-grab-gift-message-box{
4058 margin-left: 15px;
4059 color: red;
4060 }
4061
4062 /* Survey subscribe email end */
4063
4064
4065 /* Survey Templates start */
4066
4067 #ays-survey-templates-modal{
4068 background-color: #000000d9;
4069 align-items: center;
4070 justify-content: center;
4071 padding: 20px 0;
4072 }
4073
4074 .ays-survey-templates-container{
4075 width: 100%;
4076 }
4077
4078 .ays-modal-content-survey-templates{
4079 margin: auto;
4080 border-radius: 10px;
4081 }
4082
4083 .ays-modal-content-survey-templates-header{
4084 border-radius: 10px 10px 0 0;
4085 }
4086
4087 .ays-modal-content-survey-templates-body{
4088 border-radius: 10px;
4089 display: flex;
4090 align-items: center;
4091 justify-content: center;
4092 padding: 25px 50px;
4093 }
4094
4095 .ays-modal-content-survey-templates .ays-survey-templates-content {
4096 display: flex;
4097 justify-content: space-around;
4098 flex-wrap: wrap;
4099 row-gap: 60px;
4100 width: 100%;
4101 }
4102
4103 .ays-modal-content-survey-templates .ays-survey-templates-box {
4104 cursor: pointer;
4105 }
4106
4107 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image {
4108 width: 100%;
4109 display: flex;
4110 justify-content: center;
4111 align-items: center;
4112 }
4113
4114 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image img {
4115 width: 100%;
4116 height: 100%;
4117 object-fit: cover;
4118 }
4119
4120 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text {
4121 padding: 40px 12px;
4122 background-color: white;
4123 line-height: 18px;
4124 display: flex;
4125 color: #737373;
4126 flex-direction: column;
4127 justify-content: space-around;
4128 height: 100%;
4129 border-radius: 0 0 10px 10px;
4130 }
4131
4132 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text h4 {
4133 font-weight: 500;
4134 margin-bottom: 4px;
4135 font-size: 17px;
4136 line-height: 20px;
4137 }
4138
4139 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text .ays-survey-templates-box-desc {
4140 font-size: 12px;
4141 color: #737373;
4142 }
4143
4144 .ays-survey-templates-box-buttons{
4145 margin: 0 auto;
4146 }
4147
4148 .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button,
4149 .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button-blank{
4150 font-size: 14px;
4151 width: 150px;
4152 height: 42px;
4153 padding: 11px 13px;
4154 border-radius: 18px;
4155 border: 1px solid;
4156 border-color: #F88B07;
4157 background-color: transparent;
4158 font-weight: 500;
4159 transition: .1s;
4160 color: black;
4161 line-height: 1;
4162 word-break: keep-all;
4163 }
4164
4165 .ays-survey-templates-box:hover .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button,
4166 .ays-survey-templates-box:hover .ays-survey-templates-box-buttons .ays-survey-templates-box-apply-button-blank{
4167 background-color: #F88B07;
4168 color: #fff;
4169 }
4170
4171 .ays-survey-templates-box-texts{
4172 display: flex;
4173 justify-content: center;
4174 align-items: center;
4175 flex-direction: column;
4176 min-height: 60px;
4177 }
4178
4179 .ays-survey-templates-box-blank-texts .ays-survey-templates-box-desc img{
4180 width: 80px;
4181 height: 80px;
4182 }
4183
4184 .ays-survey-templates-box-image-customer-feedback{
4185 background-color: #FFF3E3;
4186 }
4187
4188 .ays-survey-templates-box-image-employee-satisfaction{
4189 background-color: #FFF0FE;
4190 }
4191
4192 .ays-survey-templates-box-image-event-evaluation{
4193 background-color: #E8FAFD;
4194 }
4195
4196 .ays-survey-templates-box-image-product-research{
4197 background-color: #E5FCEF;
4198 }
4199
4200 .ays-survey-templates-box-image-restaurant-evaluation{
4201 background-color: #fefdde;
4202 }
4203
4204 .ays-survey-templates-box-image-market-research{
4205 background-color: #f1e8fd;
4206 }
4207
4208 .ays-survey-templates-box-image-brand-awareness{
4209 background-color: #f3dbda;
4210 }
4211
4212 .ays-survey-templates-box-image-user-persona{
4213 background-color: #e7ffe3;
4214 }
4215
4216 .ays-modal-content-survey-templates .ays-survey-templates-content {
4217 display: flex;
4218 justify-content: space-between;
4219 flex-wrap: wrap;
4220 }
4221 .ays-modal-content-survey-templates .ays-survey-templates-box {
4222 width: 232px;
4223 height: 336px;
4224 /* margin: 15px; */
4225 /* cursor: pointer; */
4226 border: 1px solid #E4E4E4;
4227 border-radius: 6px;
4228 }
4229
4230 .ays-modal-content-survey-templates .ays-survey-templates-box:hover {
4231 border-color: #D4D4D4;
4232 }
4233
4234 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image {
4235 width: 100%;
4236 height: 120px;
4237 }
4238
4239 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-image img {
4240 width: 70px;
4241 height: 70px;
4242 object-fit: contain;
4243 }
4244
4245 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text {
4246 padding: 12px;
4247 background-color: white;
4248 font-size: 12px;
4249 line-height: 18px;
4250 color: #737373;
4251 }
4252
4253 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text h4 {
4254 font-weight: 500;
4255 margin-bottom: 4px;
4256 font-size: 14px;
4257 line-height: 20px;
4258 }
4259
4260 .ays-modal-content-survey-templates .ays-survey-templates-box .ays-survey-templates-box-text .ays-survey-templates-box-desc {
4261 font-size: 12px;
4262 color: #737373;
4263 }
4264
4265
4266 .ays-modal-content-survey-templates-header {
4267 display: flex;
4268 justify-content: space-between;
4269 width: 100%;
4270 }
4271
4272 .ays-modal-content-survey-templates-header a{
4273 outline: none !important;
4274 border: none !important;
4275 color: unset !important;
4276 box-shadow: none !important;
4277 }
4278
4279 .ays_survey_results{
4280 cursor: pointer;
4281 }
4282
4283 /* Survey Templates end */
4284
4285 /*User Page Settings Table Start*/
4286
4287 @media screen and (min-width: 782px) and (max-width: 1200px) {
4288 form#ays-survey-settings-form input.ays-text-input.ays-text-input-short{
4289 width: 100%;
4290 }
4291 }
4292
4293 @media screen and (max-width: 782px) {
4294 form#ays-survey-settings-form input.ays-text-input,
4295 form#ays-survey-settings-form .vmessage input[type="text"],
4296 form#ays-survey-settings-form .ays-show-user-page-table .ays_user_page_sortable_placeholder,
4297 form#ays-survey-settings-form .ays-show-user-page-table li {
4298 width: 100%;
4299 }
4300
4301 #ays-survey-settings-form * {
4302 word-break: break-word;
4303 font-size: 14px;
4304 }
4305
4306 #ays-survey-settings-form .select2-selection--multiple {
4307 min-width: unset;
4308 }
4309
4310 #ays-survey-settings-form .select2-container--default .select2-selection--multiple .select2-selection__choice {
4311 font-size: 15px;
4312 }
4313
4314 #ays-survey-settings-form .ays-show-user-page-table-wrap {
4315 padding: 10px;
4316 }
4317
4318 #ays-survey-settings-form .wp-color-result-text{
4319 padding: 4px;
4320 font-size: 10px;
4321 }
4322
4323 #ays-survey-settings-form .wp-picker-container .wp-color-result.button {
4324 padding: 0 0 0 25px;
4325 }
4326
4327 #ays-survey-settings-form img.ays_integration_logo {
4328 width: 35px;
4329 height: auto;
4330 }
4331
4332 #ays-survey-settings-form legend strong,
4333 #ays-survey-settings-form legend strong i {
4334 font-size: 20px;
4335 }
4336
4337 #ays-survey-settings-form #tab3 legend > strong {
4338 font-size: 20px !important;
4339 }
4340 }
4341
4342 #ays-survey-settings-form .vmessage input[type="text"] {
4343 width: 350px;
4344 }
4345 /*User Page Settings Table End*/
4346
4347
4348 a.ays-rated-link, a.ays-rated-link:hover, a.ays-rated-link:focus {
4349 text-decoration: none;
4350 display: inline-block;
4351 box-shadow: unset;
4352 }
4353
4354
4355 span.ays-dashicons{
4356 font-family: dashicons;
4357 display: inline-block;
4358 line-height: 1;
4359 font-weight: 400;
4360 font-style: normal;
4361 speak: never;
4362 text-decoration: inherit;
4363 text-transform: none;
4364 text-rendering: auto;
4365 -webkit-font-smoothing: antialiased;
4366 -moz-osx-font-smoothing: grayscale;
4367 width: 20px;
4368 height: 20px;
4369 font-size: 20px;
4370 vertical-align: top;
4371 text-align: center;
4372 transition: color .1s ease-in;
4373 color: #ffb900;
4374 }
4375
4376 span.ays-dashicons-star-empty:before {
4377 content: "\f154";
4378 }
4379
4380 span.ays-dashicons-star-filled:before {
4381 content: "\f155";
4382 }
4383
4384 /* Survey max input vars message box start */
4385 .ays-survey-max-inp-vars-header-content {
4386 display: flex;
4387 gap: 10px;
4388 align-items: center;
4389 /* border: 1px solid #eaeaea; */
4390 padding: 10px 20px;
4391 border-left: 2px solid #f6be47;
4392 /* border-radius: 3px; */
4393 font-style: italic;
4394 font-size: 14px;
4395 width: fit-content;
4396 }
4397
4398 .ays-survey-max-inp-vars-header-content .ays-survey-max-inp-vars-header-image-content{
4399 width: 20px;
4400 height: 20px;
4401 }
4402
4403 .ays-survey-max-inp-vars-header-content .ays-survey-max-inp-vars-header-image-content img{
4404 width: 100%;
4405 height: 100%;
4406 }
4407 /* Survey max input vars message box end */
4408
4409 /* Survey Footer Support box start */
4410 .ays-survey-footer-support-box {
4411 display: block;
4412 clear: both;
4413 text-align: center;
4414 margin: 0px;
4415 }
4416
4417 .ays-survey-footer-support-box .ays-survey-footer-slash-row {
4418 color: #c3c4c7;
4419 display: inline-block;
4420 margin: 0px 7px;
4421 }
4422
4423 .ays-survey-footer-support-box .ays-survey-footer-link-row {
4424 font-size: 13px;
4425 }
4426
4427 body.toplevel_page_survey-maker #wpfooter,
4428 body.admin_page_survey-maker-each-submission #wpfooter,
4429 /* body.survey-maker_page_survey-maker-dashboard #wpfooter, */
4430 /* body.survey-maker_page_survey-maker-our-products #wpfooter, */
4431 body[class*='survey-maker'] #wpfooter{
4432 /* body.survey-maker_page_survey-maker-submissions #wpfooter { */
4433 position: relative;
4434 }
4435 /* Survey Footer Support box end */
4436
4437 .ays-survey-submission-summary-question-container .ays-survey-submission-summary-question-buttons-flexbox {
4438 display: flex;
4439 gap: 8px;
4440 align-items: center;
4441 }
4442
4443 .ays-survey-submission-summary-question-chart-type-buttons {
4444 display: flex;
4445 gap: 5px;
4446 }
4447
4448 .ays-survey-submission-summary-question-chart-type-buttons a.ays-survey-submission-summary-question-change-chart-type-btn {
4449 display: inline-block;
4450 border: none;
4451 outline: none;
4452 background-color: #e7e7e7;
4453 padding: 4px;
4454 border-radius: 5px;
4455 width: 32px;
4456 height: 34px;
4457 }
4458
4459 .ays-survey-submission-summary-question-buttons-download-file {
4460 width: 24px;
4461 height: 26px;
4462 }
4463
4464 .ays-survey-submission-summary-question-chart-type-buttons a.ays-survey-submission-summary-question-change-chart-type-btn.active {
4465 background-color: #008cff63;
4466 }
4467
4468 [class~="error"]:not([class*="ays-survey"]):not([class*="ays_survey"]),
4469 [class~="notice"]:not([class*="ays-survey"]):not([class*="ays_survey"]) {
4470 display: none !important;
4471 }
4472
4473 .ays-survey-card__btn-info.disabled {
4474 color: #a7aaad !important;
4475 border-color: #dcdcde !important;
4476 background: #f6f7f7 !important;
4477 box-shadow: none !important;
4478 cursor: default;
4479 transform: none !important;
4480 outline: unset;
4481 }
4482
4483 div.masteriyo-notice {
4484 display: none !important;
4485 }
4486
4487 .wp-list-table{
4488 margin-top: 20px !important;
4489 }