PluginProbe
Survey Maker by AYS / 5.2.2.0
Survey Maker by AYS v5.2.2.0
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.0, at admin/css/survey-maker-admin.css

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