PluginProbe
Survey Maker by AYS / 5.2.2.1
Survey Maker by AYS v5.2.2.1
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.2.1, at admin/css/survey-maker-admin.css

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