.ays-quiz-container { box-sizing: border-box; } .ays-quiz-container p{ padding: 0 10px; margin: 1em 0; } .ays-quiz-container section.ays_quiz_redirection_timer_container, .ays-quiz-container section.ays_quiz_timer_container { padding-top: 5px; width:100%; } .ays-quiz-container section.ays_quiz_redirection_timer_container hr, .ays-quiz-container section.ays_quiz_timer_container hr{ padding: 0px; margin: 0px; border-bottom-color: #ccc; } .ays-quiz-container form span { margin-top: 0; margin: 0; } .ays-field { text-align: left; opacity: 1; } [id^="ays-quiz-container-"] .ays-field input[type='checkbox'], [id^="ays-quiz-container-"] .ays-field input[type='radio']{ display: none!important; } .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] { font-weight: 600; color: #484848; margin-bottom: 0; width: 100%; height: unset; transition: all .3s; cursor: pointer; display: block !important; padding: 5px !important; padding-left: 10px !important; padding-right: 10px !important; word-wrap: break-word !important; white-space: initial !important; line-height: 33px; text-transform: initial; letter-spacing: unset; } .ays-quiz-answers .ays-field input[type="checkbox"]+label[for^="ays-answer-"] { margin-left: 0; } .ays-field input+label:before { content: ""; display: inline-block; background: #ddd; background-clip: content-box; width: 20px; height: 20px; border: 3px solid #ccc; padding: 3px 3px 3px 3px; box-sizing: border-box; transition: all .4s linear; vertical-align: middle; margin-right: 10px; } .ays-field input[type="radio"]+label:before { border-radius: 50%; } .ays-field input+label:hover:before { background: #ddd; color: #ddd; background-clip: content-box; } .ays-field .select2-container { display: block; width: 100%!important; } .ays-field .select2-container .select2-selection--single, .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered { height: 40px; line-height: 40px; font-size: 17px !important; width: 100%; color: white; display: inline-block; } .ays-field .select2-container--default, .ays-field .select2-container--default .selection, .ays-field .select2-container--default .select2-selection { display: inline-block; width: 100%; background-color: #444; height: 40px; padding: 0 !important; } .ays-field .select2-container--default .select2-selection--single { background: transparent; border: none; border-radius: unset; } .ays-field .select2-container--default .select2-selection--single:focus { outline: none; box-shadow: none; } .ays-field .select2-container .select2-selection--single .select2-selection__arrow b[role="presentation"] { border: none; } .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; right: 10px; color: #fff; transform: translate(0) !important; transform: translateX(0) !important; transform: translateY(0) !important; } [id^="ays-quiz-container-"] * { box-sizing: border-box; word-wrap: break-word; } [id^="ays-quiz-container-"] p{ margin: 5px !important; } [id^="ays-quiz-container-"] p:empty{ display: none; } div.ays-quiz-container[id^="ays-quiz-container-"] { width: 96%; min-width: 200px; max-width: 96%; margin: 20px auto; text-align: center; background: white; border: 0 none; border-radius: 3px; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); box-sizing: border-box; position: relative; padding-bottom: 60px; transition: .5s ease; background-repeat: no-repeat; background-position: center center; background-size: cover; } [id^="ays_finish_quiz_"] { border: 0 none; padding: 0; margin: 0; } form[id^="ays_finish_quiz_"] { background-color: initial !important; } [id^="ays_finish_quiz_"] div.step { display: flex; justify-content:  center; align-items:  center; border: 0 none; width: 100%; position: relative; padding-top: 45px; } [id^="ays_finish_quiz_"] > div.step:first-of-type { background-color: transparent !important; border: none !important; } [id^="ays_finish_quiz_"] div.step div.ays-image-question-img{ margin-bottom: 15px; } [id^="ays_finish_quiz_"] div.step div.ays-abs-fs { width: 90%; } [id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs { padding-top: 0px !important; } [id^="ays_finish_quiz_"] > div.step.ays_thank_you_fs .ays-abs-fs.ays-end-page { margin-top: 0px !important; } [id^="ays_finish_quiz_"] div.step:not(:first-of-type) { display: none; } [id^="ays_finish_quiz_"] input[type=search], [id^="ays_finish_quiz_"] input[type=tel], [id^="ays_finish_quiz_"] input[type=time], [id^="ays_finish_quiz_"] input[type=url], [id^="ays_finish_quiz_"] input[type=password], [id^="ays_finish_quiz_"] input[type=date], [id^="ays_finish_quiz_"] input[type=datetime], [id^="ays_finish_quiz_"] input[type=datetime-local], [id^="ays_finish_quiz_"] input[type=email], [id^="ays_finish_quiz_"] input[type=number],  [id^="ays_finish_quiz_"] input[type="text"], [id^="ays_finish_quiz_"] textarea { padding: 15px; border: 1px solid #ccc; border-radius: 3px!important; margin-bottom: 10px; width: 100%; box-sizing: border-box; color: #2C3E50; font-size: 13px; height: auto; background-color: #fff; } [id^="ays_finish_quiz_"] textarea { background-color: rgba(255, 255, 255, 0.7); } [id^="ays_finish_quiz_"] input[type=search]:focus, [id^="ays_finish_quiz_"] input[type=tel]:focus, [id^="ays_finish_quiz_"] input[type=time]:focus, [id^="ays_finish_quiz_"] input[type=url]:focus, [id^="ays_finish_quiz_"] input[type=password]:focus, [id^="ays_finish_quiz_"] input[type=date]:focus, [id^="ays_finish_quiz_"] input[type=datetime]:focus, [id^="ays_finish_quiz_"] input[type=datetime-local]:focus, [id^="ays_finish_quiz_"] input[type=email]:focus, [id^="ays_finish_quiz_"] input[type=number]:focus,  [id^="ays_finish_quiz_"] input[type="text"]:focus, [id^="ays_finish_quiz_"] textarea:focus { border-color: unset; } div.ays-quiz-container[id^="ays-quiz-container-"] input[type=button]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=search]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=tel]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=time]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=url]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=password]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=date]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=datetime-local]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=email]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] input[type=number]:hover,  div.ays-quiz-container[id^="ays-quiz-container-"] input[type="text"]:hover, div.ays-quiz-container[id^="ays-quiz-container-"] textarea:hover { transform: unset;  -o-transform: unset; -moz-transform: unset; -webkit-transform: unset;  } div.ays-quiz-container[id^="ays-quiz-container-"] .information_form label[for^="ays_form_field"] { text-align: left; display: block; cursor: pointer; } [id^="ays_finish_quiz_"] .action-button { display: inline-block; width: auto; font-weight: bold; font-size: 17px; border: 0 none; cursor: pointer; margin: 10px 5px; line-height: 1; text-transform: initial; max-width: 100%; box-shadow: unset; } [id^="ays_finish_quiz_"] .action-button.start_button { padding: 10px 20px; margin: 10px auto; display: block; } [id^="ays_finish_quiz_"] div.information_form .action-button { padding: 10px 10px; display: block; } [id^="ays_finish_quiz_"] .action-button.ays_finish { margin: 10px 5px; } [id^="ays_finish_quiz_"] .action-button:disabled:hover, [id^="ays_finish_quiz_"] .action-button:disabled:focus, [id^="ays_finish_quiz_"] .action-button:disabled { outline: none !important; background-color: #aaa !important; box-shadow: none !important; text-decoration: none !important; cursor: default !important; } [id^="ays_finish_quiz_"] .ays-fs-title { font-size: 21px; text-transform: uppercase; color: #2C3E50; margin-bottom: 10px; text-align: center; } [id^="ays_finish_quiz_"] .ays-fs-subtitle { font-weight: normal; font-size: 17px; color: #666; margin-bottom: 20px; } .ays-quiz-container .select2-container .select2-dropdown { margin: 0; max-width: unset; } .ays-quiz-container .select2-dropdown input.select2-search__field { border-radius: 0px!important; } .ays-quiz-container .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff !important; } .ays-quiz-container .select2-container--default .select2-results__option[aria-selected="true"] { background-color: #aaa; } .ays-quiz-container .select2-container--default .select2-results>.select2-results__options { max-height: calc( 100vh / 3 ); margin: 0!important; padding: 0!important; } [id^="ays_finish_quiz_"] .select2-container--default .select2-results__option::after [id^="ays_finish_quiz_"] .select2-container--default .select2-results__option::before { content: none !important; } .ays-quiz-container .select2-container--default .select2-results__option { list-style-type: none !important; text-align: left; color: #000 !important; margin: 0!important; } .ays-quiz-container .select2-container.select2-container--default.select2-container--open { z-index: 99999; } .ays-quiz-container .select2-container.select2-container--default.select2-container--open .select2-dropdown--below{ animation: fadeInUp; animation-duration: .3s !important; max-width: unset; } .ays-quiz-container .select2-container--default .select2-selection--single .select2-selection__arrow{ display: inline-block; height: 26px; } [id^="ays_finish_quiz_"] p.ays_message{ font-size: 20px; } [id^="ays_finish_quiz_"] p.ays_score.ays_score_percent{ font-size: 18px; } [id^="ays_finish_quiz_"] p.ays_score { text-align: center; } .ays-progress { position: relative; overflow: hidden; } .ays-progress-bar { overflow: hidden; width: 0%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 5px; } .ays-progress-value { color: #333; display: block; font-size: 12px; line-height: 15px; white-space: nowrap; background-color: transparent; } .ays-progress-bg { position: relative; height: 8px; border-radius: 5px; overflow: hidden; } .ays-progress-bar:after { background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; position: absolute; content: '' !important; top: 0; left: 0; width: 100%; height: 100%; } @keyframes ays_progress_bar { 0% { background-position: 0 0; } 100% { background-position: -40px 0; } } .ays-progress.first { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; margin-bottom: 10px; padding: 0px; background-color: #000; border: 1px solid; } .ays-progress-bar.first { -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; -ms-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; display: block; height: 15px; width: 0%; margin: 0px; padding: 0px; background-color: #fff; } .ays-progress-bar.first::after { content: none !important; } .ays-progress-value.first { position:absolute; z-index:1; width:0; height:100%; text-align: center; } .ays-progress-bg.first { height:15px; background: transparent; } .ays-progress.second { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; margin-bottom: 10px; padding: 0px; background-color: #000; border: 1px solid; } .ays-progress-bar.second { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; display: block; height: 15px; width: 0%; margin: 0px; padding: 0px; background-color: #fff; } .ays-progress-bar.second::after { content: none !important; } .ays-progress-value.second { position:absolute; z-index:1; width:0; height:100%; font-size: 12px; line-height: 15px !important; white-space: nowrap; background-color: transparent; text-align: center; } .ays-progress-bg.second { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; height:15px; background: transparent; } .ays-progress.third { border-radius: 5px; border: none; } .ays-progress-value.third {     width:100%; height:100%; text-align: center; } .ays-progress-bg.third { } .ays-progress.fourth {     border-radius: 5px; border: none; } .ays-progress-bar.fourth {     border-radius: 0px; } .ays-progress-value.fourth { position:absolute; z-index:1; width:100%; height:100%; text-align: center; } .ays-progress-bg.fourth { height:15px; } .ays-progress-bar.fourth:after { animation: ays_progress_bar linear infinite; animation-duration: 0.8s !important; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-social-shares{ margin: 15px 0; text-align: center; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-share-btn-icon { font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; } .ays-share-btn-linkedin .ays-quiz-share-btn-icon:before { content: "\f08c"; } .ays-share-btn-facebook .ays-quiz-share-btn-icon:before { content: "\f082"; } .ays-share-btn-twitter .ays-quiz-share-btn-icon:before { } .ays-share-btn-email .ays-quiz-share-btn-icon:before { content: "\e945"; } .ays-share-btn-more .ays-quiz-share-btn-icon:before { content: "\ea82"; } .ays-share-btn-googleplus .ays-quiz-share-btn-icon:before { content: "\ea88"; } .ays-share-btn-github .ays-quiz-share-btn-icon:before { content: "\eab4"; } .ays-share-btn-tumblr .ays-quiz-share-btn-icon:before { content: "\eabb"; } .ays-share-btn-reddit .ays-quiz-share-btn-icon:before { content: "\eac7"; } .ays-share-btn-delicious .ays-quiz-share-btn-icon:before { content: "\eacc"; } .ays-share-btn-stumbleupon .ays-quiz-share-btn-icon:before { content: "\eace"; } .ays-share-btn-pinterest .ays-quiz-share-btn-icon:before { content: "\ead0"; } .ays-share-btn-vkontakte .ays-quiz-share-btn-icon:before { content: "\f189"; } .ays-share-btn-instagram .ays-quiz-share-btn-icon:before { content:"\f16d"; } .ays-share-btn-youtube .ays-quiz-share-btn-icon:before { content:"\f16a"; } .ays-share-btn-behance .ays-quiz-share-btn-icon:before { content:"\f1b4"; } .ays-share-btn, .ays-share-btn * { box-sizing: border-box; } .ays-share-btn, .ays-share-btn *, .ays-share-btn *:before, .ays-share-btn *:after { box-sizing: border-box; } .ays-quiz-container[id^="ays-quiz-container-"] .ays-share-btn { position: relative; display: inline-block; height: 24px; margin: 0; margin-bottom: 5px; padding: 2px 8px; line-height: 1.53; letter-spacing: .04em; vertical-align: top; font-size: 12px; font-weight: bold; font-family: "Helvetica Neue", Arial, sans-serif; color: #111; background: #e0e0e0; border: 1px solid #c7c7c7; border-radius: 2px; text-decoration: none; transition: all 0.2s ease; } .ays-share-btn:hover, .ays-share-btn:focus { background: #d3d3d3; border-color: #bababa; text-decoration: none; color: #111; } .ays-share-btn:active { background: #c7c7c7; border-color: #adadad; text-decoration: none; color: #111; } .ays-share-btn-rounded { border-radius: 8px; height: auto; } .ays-share-btn.ays-share-btn-sm { height: 20px; font-size: 10px; padding: 0 8px; line-height: 1.6; } .ays-share-btn.ays-share-btn-lg { height: 28px; font-size: 16px; line-height: 1.4; } .ays-share-btn .ays-share-btn-text-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .ays-share-btn.ays-share-btn-branded { color: #fff; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter { background: #000000; border-color: #000000; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:focus { background: #000000; border-color: #000000; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-twitter:active { background: #000000; border-color: #000000; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook { background: #3b5998; border-color: #344e86; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:focus { background: #344e86; border-color: #2d4373; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-facebook:active { background: #2d4373; border-color: #263961; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte { background: #486c91 !important; border-color: #4b719a !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:focus { background: #2a6098 !important; border-color: #4b719a !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-vkontakte:active { background: #4b719a !important; border-color: #4b719a !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important; border-color: #8d3bbf !important; border: 0; display: inline-block; padding-top: 0; padding-bottom: 0; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:focus { background: radial-gradient(circle at 30% 107%, #fff37b 0%, #f5e96a 5%, #f83926 45%,#d61299 60%,#0e48f0 90%) !important; border-color: #8d3bbf !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram:active { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%) !important; border-color: #8d3bbf !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-instagram .ays-quiz-share-btn-icon { line-height: 24px; padding: 0; margin: 0; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube { background: #fff !important; border-color: #fff !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:focus { background: #ffffffd1 !important; border-color: #ffffffd1 !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube:active { background: #ffffffd1 !important; border-color: #ffffffd1 !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-youtube .ays-quiz-share-btn-icon { color: #FF0000; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-behance { background: #000B1D !important; border-color: #000B1D !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:focus { background: #000206 !important; border-color: #000206 !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-behance:active { background: #000206 !important; border-color: #000206 !important; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus { background: #dd4b39; color: #fff; border-color: #d73925; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:focus { background: #d73925; border-color: #c23321; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-googleplus:active { background: #c23321; border-color: #ac2d1e; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr { background: #35465c; color: #fff; border-color: #2c3a4c; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:focus { background: #2c3a4c; border-color: #222d3c; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-tumblr:active { background: #222d3c; border-color: #19212b; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit { background: #ff4500; color: #fff; border-color: #e63e00; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:focus { background: #e63e00; border-color: #cc3700; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-reddit:active { background: #cc3700; border-color: #b33000; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin { background: #0976b4; color: #fff; border-color: #08669c; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:focus { background: #08669c; border-color: #075683; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-linkedin:active { background: #075683; border-color: #05466b; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious { background: #3399ff; color: #fff; border-color: #198cff; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:focus { background: #198cff; border-color: #007fff; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-delicious:active { background: #007fff; border-color: #0073e5; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon { background: #eb4924; color: #fff; border-color: #e13b15; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:focus { background: #e13b15; border-color: #ca3412; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-stumbleupon:active { background: #ca3412; border-color: #b22e10; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest { background: #cc2127; color: #fff; border-color: #b61d23; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:hover, .ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:focus { background: #b61d23; border-color: #a01a1f; } .ays-share-btn.ays-share-btn-branded.ays-share-btn-pinterest:active { background: #a01a1f; border-color: #8a161a; } .ays-share-btn.ays-share-btn-inverse { color: #eeeeee; background: #1f1f1f; border-color: #050505; } .ays-share-btn.ays-share-btn-inverse:hover, .ays-share-btn.ays-share-btn-inverse:focus { background: #121212; border-color: #000000; color: #eeeeee; } .ays-share-btn.ays-share-btn-inverse:active { background: #050505; border-color: #000000; color: #eeeeee; } .ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon { position: relative; top: 1px; } @-moz-document url-prefix() { .ays-share-btn.ays-share-btn-twitter .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-googleplus .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-tumblr .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-linkedin .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-pinterest .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-stumbleupon .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-delicious .ays-quiz-share-btn-icon, .ays-share-btn.ays-share-btn-more .ays-quiz-share-btn-icon { top: 0; } } .ays-share-btn.ays-share-btn-more.ays-share-btn-lg .ays-quiz-share-btn-icon { top: 2px; } .ays-share-btn .ays-share-btn-text { padding-left: 2px; } .ays-question-counter{ position: absolute; right: 8px; top: 0px; color: rgba(0,0,0,.6); margin: 1em 0; } .ays-answer-image:hover{ cursor: pointer; } .ays_answer_select_image, .ays-answer-image { width: 100px; height: auto; min-width: 150px; object-fit: contain; object-position: center center; } .ays-quiz-container .select2-results__options .select2-results__option span { display: flex; align-items: center; word-wrap: break-word; } .ays-quiz-container .select2-results__options .select2-results__option .ays_answer_select_image { width: 150px; height: 100px; display: inline-block; margin-right: 15px; } .ays_feedback_button_div, .ays_buttons_div{ display: flex; justify-content: center; margin-top: 15px; margin-bottom: 15px; flex-wrap: wrap; } .ays_buttons_div input{ } .ays-quiz-container .ays_display_none { display: none !important; } .active-step{ -webkit-transform: scale(1) !important; -moz-transform: scale(1) !important; -ms-transform: scale(1) !important; -o-transform: scale(1) !important; transform: scale(1) !important; } .ays_red_border{ border-color:red !important; } .ays_green_border{ border-color:green !important; } .ays_arrow{ background: none !important; font-size: 40px !important; } .ays_arrow:hover{ box-shadow:none !important; transform: scale(1.1); } @keyframes bar-fill { 0% { width: 0; } } @-webkit-keyframes bar-fill { 0% { width: 0; } } @-moz-keyframes bar-fill { 0% { width: 0; } } @-o-keyframes bar-fill { 0% { width: 0; } } .ays-field input+label.answered:after{ content: ''; display: inline-block; width: 30px; height: 30px; vertical-align: middle; background-size: cover; background-repeat: no-repeat; background-position: center; margin-left: 5px; } .ays-field input+label.answered.correct:after{ content: url('https://www.agiosnikolaos.gr/assets/quiz-maker/public/images/correct.png'); } .ays-field input+label.answered.wrong:after{ content: url('https://www.agiosnikolaos.gr/assets/quiz-maker/public/images/wrong.png'); } .ays-field input:checked+label.answered.wrong:before { border-color: #cc3700!important; background: #cc3700!important; background-clip: content-box!important; } .ays-field input:checked+label.answered.correct:before{ background-color: #1cbf8b; } .ays_question_result{ pointer-events: none; opacity: 1 !important; display: flex !important; position:static !important; min-height: 0 !important; transform: scale(1) !important; } .ays-quiz-container .ays-loader{ display: none; } .ays-quiz-container div[data-role="loader"] { display: block !important; margin: 0 auto; } .lds-ellipsis { display: inline-block; position: relative; width: 64px; height: 64px; } .lds-ellipsis div { position: absolute; top: 27px; width: 11px; height: 11px; border-radius: 50%; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis div:nth-child(1) { left: 6px; animation: lds-ellipsis1 infinite; animation-duration: 0.6s !important; } .lds-ellipsis div:nth-child(2) { left: 6px; animation: lds-ellipsis2 infinite; animation-duration: 0.6s !important; } .lds-ellipsis div:nth-child(3) { left: 26px; animation: lds-ellipsis2 infinite; animation-duration: 0.6s !important; } .lds-ellipsis div:nth-child(4) { left: 45px; animation: lds-ellipsis3 infinite; animation-duration: 0.6s !important; } .ays_grid_view_container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; } .ays_grid_view_item{ width: calc(50% - 5px); } .ays_grid_view_item:nth-child(odd) { margin-right: 5px; } .ays-quiz-redirection-timer, .ays-quiz-timer { margin: 0 !important; } .ays-quiz-after-timer { display: none; margin: 0 !important; } .ays-quiz-question-waiting-time-box{ position: absolute; margin-left: auto; margin-right: auto; top: 10px; left: 0; right: 0; text-align: center; } .ays_question_hint_container { position: absolute; top: 10px; left: 10px; } .ays_question_hint_container .ays_question_hint { font-size: 20px; cursor: pointer; } .ays_question_hint_container .ays_question_hint_text { visibility: hidden; max-width: 270px; width: max-content; text-align: center; border-radius: 6px; padding: 5px 0; position: absolute; z-index: 999; top: 0; left: unset; margin-left: 15px; opacity: 0; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4); transition: opacity 0.5s; } .ays_question_hint_container .ays_question_hint_text.show_hint { visibility: visible; opacity: 1; z-index: 1000; } .ays_question_result .ays_question_hint{ display: none; } .ays_average{ display: none; text-align: center; } .ays_quiz_form_input{ display: block !important; } .ays-quiz-container *:after{ content: none; } .ays-quiz-container .ays-image-question-img img{ width:100%; margin: 0 auto; max-width:100%; } .ays-quiz-container .ays-field label:last-child { overflow: hidden; } .ays-quiz-container .ays-field label:empty{ display: none; } .ays-quiz-container{ max-width: 100%; } .ays_empty_before_content:before{ content: none !important; } .ays_score_display_none{ display:none; } .ays-quiz-container .disable_social_buttons{ display: none; } .ays-quiz-container	.ays_quiz_image{ max-width: 100%; margin: auto; } .ays-form-title{ margin-bottom: 20px; font-size: 20px; } .ays-quiz-container .ays-field.ays-select-field { padding: 0; width: 100% !important; position: relative; } .ays-quiz-container .ays-field.ays-text-field { padding: 5px; width: 100% !important; display: flex; flex-wrap: nowrap; margin-bottom: 20px; } .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input{ padding: 10px; margin: 5px; text-indent: 10px; outline: 0; transition: .8s ease; height: 100px; resize: none; color: #000 !important; background-color: #fff; min-height: 100px; background-image: unset; } .ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"], .ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] { padding: 10px; margin: 5px; text-indent: 10px; outline: 0; transition: .8s ease; color: #000 !important; background-color: #fff; background-image: unset; } .ays-quiz-container .ays-field.ays-text-field input.ays-text-input ~ button.ays_check_answer { margin-right: 0 !important; } .ays-quiz-container .ays-field.ays-text-field input.ays-text-input{ padding: 10px; margin-bottom: 0; text-indent: 10px; outline: 0; transition: .8s ease; color: #000 !important; background-image: unset; max-width: 100%; margin-top: 0; margin: 0; } .ays-quiz-container .ays-quiz-answers div.ays-text-right-answer { display: none; width: 100%; border: 1px solid #ccc; padding: 10px; border-radius: 4px; color: #ddd; background: rgba(39,174,96,0.5); } .ays_quiz_question { word-wrap: break-word; } .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input ~ button.ays_check_answer { margin: 5px !important; margin-left: 0 !important; } .ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="text"] ~ button.ays_check_answer, .ays-quiz-container .ays-field.ays-text-field input.ays-text-input[type="number"] ~ button.ays_check_answer { margin: 5px !important; margin-left: 0 !important; } .ays-quiz-container .ays-field.ays-text-field button.ays_check_answer{ margin: 0 !important; margin-right: 5px !important; margin-left: 5px !important; width: auto !important; } .ays-live-bar-wrap { box-sizing: border-box; position: absolute; height: 15px; top: -15px; border: none; width: 100%; background-color: transparent; display: none; } .ays-live-bar-fill{ height: 100%; border-bottom: 2px solid rgb(0, 0, 0); } .ays-live-bar-fill>span { line-height: 15px !important; white-space: nowrap; } .ays-live-bar-fill span { text-align: right; display: block; height: 100%; color: inherit; font-size: 11px; } div.ays-live-second-wrap{ background-color: black; } div.ays-live-second{ border-bottom: unset !important; } div.ays-live-third-wrap{ background-color: black; } div.ays-live-third{ border-bottom: unset !important; border-radius: inherit; } div.ays-live-third::after { content: ""; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important; background-size: 40px 40px; width: inherit; height: 100%; position: absolute; top: 0; left: 0; } @keyframes ays_progress_live_bar { 0% { background-position: 0 0; } 100% { background-position: -40px 0; } } div.ays-live-fourth-wrap{ background-color: black; } div.ays-live-fourth{ border-bottom: unset !important; border-radius: inherit; } div.ays-live-fourth::before { content: ""; background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent) !important; background-size: 40px 40px; width: inherit; height: 100%; position: absolute; top: 0; left: 0; animation: ays_progress_live_bar linear infinite; animation-duration: 0.8s; } .ays_quiz_reports { display: flex; position: absolute; bottom: 0; justify-content: space-between; align-items: stretch; left: 0; width: 100%; } .ays_quiz_reports .ays_quiz_rete_avg { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: 80%; position: relative; bottom: unset; left: unset; padding: 5px 8px; border-radius: 0px;  font-size: 12px; font-weight: 600; line-height: 1rem; } .ays_quiz_reports .ays_quiz_rete_avg span { display: inline-block; } .ays_quiz_reports .ays_quizn_ancnoxneri_qanak i { margin-right: 4px; font-style: initial !important; } .ays_quiz_reports .ays_quizn_ancnoxneri_qanak { display: flex; justify-content: flex-end; align-items: center; position: relative;  bottom: unset;  right: unset;  padding: 5px 20px;  border-radius: 0px;  font-weight: bold; font-size: 14px; width: 20%; text-align: right; padding: 5px 8px; } .ays_quizn_ancnoxneri_qanak i { font-style: initial !important; } .ays_quizn_ancnoxneri_qanak { display: block; position: absolute; bottom: 0; right: 0; padding: 5px 20px; border-radius: 4px 0px 0px 0px; font-weight: bold } .ays_quiz_rete_avg i.icon { font-size: 12px; } .ays_quiz_rete_avg { display: block; justify-content: flex-start; align-items: center; flex-wrap: wrap; width: fit-content; position: absolute; bottom: 0; left: 0; padding: 5px 8px; border-radius: 0px 4px 0px 0px; font-size: 12px; font-weight: 600; line-height: 1rem; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete { display: none; margin-bottom: 10px; padding: 0px; padding-top: 15px; font-size: 12px; font-weight: 600; text-align: center; } .ays_quiz_results_page .ays_quiz_rete .for_quiz_rate.ui.huge.rating{ font-size: 23px; } .ays_quiz_rete p { text-align: center; } .ays_quiz_rete .for_quiz_rate { margin-bottom: 15px; } .ays_quiz_rete .for_quiz_rate_reason { display: none; margin-bottom: 20px; } .ays_quiz_rete .for_quiz_rate_reason textarea.quiz_rate_reason { width: 100%; height: 150px; resize: vertical; background-color: #fff; padding: 15px; } .ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div { justify-content: flex-end; margin: 0; } .ays_quiz_rete .for_quiz_rate_reason .ays_feedback_button_div .action-button{ max-width: fit-content; height: 40px; margin: 0; } .ays_quiz_rete .quiz_rate_more_review, .ays_quiz_rete .quiz_rate_reasons_container { display: none; } .ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons { margin-bottom: 15px; } .ays_quiz_rete .quiz_rate_reasons_container .quiz_rate_reasons blockquote { text-align: left; } .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { cursor: pointer; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays_quiz_rete .ays-quiz-rate-link-box { text-align: center; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .ays_fa {     display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: FontAwesome !important; } .ays_fa_flag_checkered::before { content: "\f11e"; font-weight: 900; } .ays_fa_arrow_left::before { content: "\f060"; font-weight: 900; } .ays_fa_arrow_right::before { content: "\f061"; font-weight: 900; } .ays_fa_info_circle::before { content: "\f05a"; font-weight: 900; } .ays_fa_chevron_up::before { content: "\f077"; font-weight: 900; } .ays_fa_chevron_down::before { content: "\f078"; font-weight: 900; } .ays_fa_eye::before { content: '\f06e'; font-weight: 400; } .ays_fa_users::before { content: '\f0c0'; font-weight: 400; } .ays_fa_square_o::before { content: "\f096"; font-weight: 900; } .ays_fa_check_square_o::before { content: "\f046"; font-weight: 900; } .ays_fa_star::before { content: "\f005"; font-weight: 400; } .ays_fa_star_o::before { content: "\f006"; font-weight: 400; } .ays_fa_user::before { content: "\f007"; font-weight: 400; } .ays_fa_clock_o::before { content: "\f017"; font-weight: 400; } .ays_fa_undo::before { content: "\f0e2"; font-weight: 400; } .ays_fa_volume_up::before { content: "\f028"; font-weight: 400; } .ays_fa_volume_off::before { content: "\f026"; font-weight: 400; } .ays_fa_sign_out::before { content: "\f08b"; font-weight: 400; } .ays_fa_eraser::before { content: "\f12d"; font-weight: 400; } .ays_fa_music::before { content: "\f001"; font-weight: 400; } .ays_fa_linkedin_square::before { content: "\f08c"; font-weight: 400; } .ays_fa_twitter_square::before { content: "\f081"; font-weight: 400; } .ays_fa_facebook_square::before { content: "\f082"; font-weight: 400; } .ays_fa_long_arrow_left::before { content: "\f177"; font-weight: 400; } .ays_fa_long_arrow_right::before { content: "\f178"; font-weight: 400; } .ays_fa_arrow_circle_o_left::before { content: "\f190"; font-weight: 400; } .ays_fa_arrow_circle_o_right::before { content: "\f18e"; font-weight: 400; } .ays_fa_arrow_circle_left::before { content: "\f0a8"; font-weight: 400; } .ays_fa_arrow_circle_right::before { content: "\f0a9"; font-weight: 400; } .ays_fa_check::before { content: "\f00c"; } .ays_fa_times::before { content: "\f00d"; } .logged_in_message{ padding: 15px; } .ays_quiz_results { display: none; } .ays-quiz-container .rate_comment_row * { box-sizing: border-box; } .ays-quiz-container .rate_comment_row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .ays-quiz-container .rate_comment_row.row_reverse { flex-direction: row-reverse; } .ays-quiz-container .rate_comment_row .rate_comment_user { width: 25%; } .ays-quiz-container .rate_comment_row .rate_comment { width: fit-content; max-width: 75%; } .ays-quiz-container .rate_comment_row .rate_comment_user, .ays-quiz-container .rate_comment_row .rate_comment { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .ays-quiz-container .rate_comment_row .thumbnail { padding: 4px; display: block; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .ays-quiz-container .rate_comment_row .img-responsive, .ays-quiz-container .rate_comment_row .thumbnail>img, .ays-quiz-container .rate_comment_row .thumbnail a>img { display: block; width: 100%; max-width: 100%; height: auto; } .ays-quiz-container .rate_comment_row .panel { position:relative; background-color: #fff; border: 1px solid transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); text-align: left !important; } .ays-quiz-container .rate_comment_row .panel-default { border-color: #ddd; } .ays-quiz-container .rate_comment_row .panel>.panel-heading:after, .ays-quiz-container .rate_comment_row .panel>.panel-heading:before{ position:absolute; top:11px;left:-16px; right:100%; width:0; height:0; display:block; content:" "; border-color:transparent; border-style:solid solid outset; pointer-events:none; } .ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after, .ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{ right:-16px; left:100%; } .ays-quiz-container .rate_comment_row .panel>.panel-heading:after{ border-width:7px; border-right-color:#f7f7f7; margin-top:1px; margin-left:2px; } .ays-quiz-container .rate_comment_row .panel>.panel-heading:before{ border-right-color:#ddd; border-width:8px; } .ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:after{ border-width: 7px; border-left-color: #f7f7f7; margin-top: 1px; margin-left: 0; margin-right: 2px; border-right: none } .ays-quiz-container .rate_comment_row.row_reverse .panel>.panel-heading:before{ border-left-color: #ddd; border-width: 8px; border-right: none; } .ays-quiz-container .rate_comment_row .panel>.panel-body { padding: 15px; } .ays-quiz-container .rate_comment_row .panel>.panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; border-width:8px; padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; } .lds-spinner2-none, .lds-spinner-none { display: none; } .lds-spinner2, .lds-spinner { display: inline-block; position: relative; width: 64px; height: 64px; transform: scale(0.5); } .lds-spinner2 div, .lds-spinner div { transform-origin: 32px 32px; animation: lds-spinner linear infinite; animation-duration: 1.2s !important; } .lds-spinner2 div:after, .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3px; left: 29px; width: 5px; height: 14px; border-radius: 20%; } .lds-spinner2 div:nth-child(1), .lds-spinner div:nth-child(1) { transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner2 div:nth-child(2), .lds-spinner div:nth-child(2) { transform: rotate(30deg); animation-delay: -1s; } .lds-spinner2 div:nth-child(3), .lds-spinner div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner2 div:nth-child(4), .lds-spinner div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner2 div:nth-child(5), .lds-spinner div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner2 div:nth-child(6), .lds-spinner div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner2 div:nth-child(7), .lds-spinner div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner2 div:nth-child(8), .lds-spinner div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner2 div:nth-child(9), .lds-spinner div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner2 div:nth-child(10), .lds-spinner div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner2 div:nth-child(11), .lds-spinner div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner2 div:nth-child(12), .lds-spinner div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .ays_paypal_div { padding: 100px 0; } .ays_paypal_div > div { margin: auto; width: 200px; } .ays_restart_button_p { display: flex; justify-content: center; align-items: center; padding: 0; flex-wrap: wrap; text-align: center; margin: 0 !important; } .action-button.ays_restart_button { max-width: 100%; padding: 10px 20px; } a.action-button.ays_restart_button { margin: 0 5px; } .action-button.ays_restart_button span { margin-left: 7px; } div.ays_quiz_results_page { display: none; } div.ays_quiz_results_page img { margin: 0; } .ays_user_explanation { margin-top: 5px; padding-top: 15px; } .ays_user_explanation textarea { resize: vertical; height: 120px; transition: .5s ease; } .ays_user_explanation textarea::placeholder { font-size: 14px; } .ays_questtion_explanation, .wrong_answer_text, .right_answer_text { text-align: initial; } .ays_animated_x5ms { -webkit-animation-duration: .5s !important; animation-duration: .5s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ays_animated_x1s { -webkit-animation-duration: 1s !important; animation-duration: 1s !important; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .ays_user_explanation { margin-top: 5px; padding-top: 15px; } .ays_user_explanation textarea { resize: vertical; height: 120px; transition: .5s ease; } .ays_user_explanation textarea::placeholder { font-size: 14px; } .ays_music_sound { display: block; cursor: pointer; position: absolute; top: 0; right: 0; left: 0; margin: auto; z-index: 998; width: 35px; margin: auto !important; padding: 5px; } .ays_music_sound.z_index_0 { z-index: 0; } .ays_music_sound > i { font-size: 20px; vertical-align: middle; } .ays_music_sound.ays_sound_with_timer{     margin-top: 35px !important; } fieldset.ays_fieldset { border: 1px solid #e3939394; padding: 5px; background-color: transparent !important; word-break: break-all; } fieldset.ays_fieldset legend { font-size: 12px; padding: 0 7px; color: #f00; margin: 0 auto; display: block; text-align: center; border-top: 1px solid #e3939394; border-bottom: 1px solid #e3939394; margin-bottom: 10px; background-color: transparent !important; } fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100%; max-height: 100%; } [id^="ays-quiz-container-"] fieldset.ays_fieldset .wp-video { width: 100% !important; max-width: 100% !important; } .ays_cb_and_a { position: relative; top: -40px; width: 100%; text-align: center; font-size: 12px; } .ays_cb_and_a span, .ays_cb_and_a strong { margin-right: 7px; } .ays_cb_and_a img { display: inline-block !important; width: 15px !important; height: 15px !important; object-fit: cover; object-position: center center; border-radius: 50%; border: 1px solid #aaa; margin-right: 3px; margin-left: 5px; vertical-align: text-top; } [id^="ays-quiz-container-"] .ays_quiz_login_form input#ays-submit { display: inline-block; width:auto; font-weight: bold; color: white; border: 0 none; border-radius: 1px; cursor: pointer; padding: 5px 10px; margin: 10px 5px; line-height: 1; white-space: break-spaces; } .ays_quiz_login_form label { display: block; } .wrong_shortcode_text::first-letter { color: red !important; background-color: transparent !important; font-size: inherit !important; font-weight: inherit !important; float: none !important; line-height: inherit !important; margin: 0 !important; padding: 0 !important; } .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input::-webkit-input-placeholder, .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input:-moz-placeholder,  .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input::-moz-placeholder,   .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input:-ms-input-placeholder, .ays-quiz-container .ays-field.ays-text-field textarea.ays-text-input::placeholder { color: #ccc !important;   } .ays-quiz-container .mejs-container { width: 100% !important; } .ays-quiz-container .mejs-container.mejs-video { min-height: 220px !important; } .ays-quiz-container .mejs-container.mejs-audio { min-height: 40px !important; } [id^="ays-quiz-container-"] .mejs-container .mejs-inner .mejs-controls .mejs-time { height: 22px; overflow: hidden; padding: 16px 6px 0; text-align: center; width: auto; margin: 0; } .ays_quiz_display_none_important{ display: none !important; } .ays-has-error { border-width: 1px !important; border-style: solid !important; border-color: #d93025 !important; } .ays-quiz-question-validation-error { font-family: Roboto, Arial, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: .3px; line-height: 16px; color: #d93025; padding-bottom: 10px; display: none; } .ays-has-error .ays-quiz-question-validation-error { -webkit-box-align: center; box-align: center; -webkit-align-items: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: flex; } .ays-has-error .ays-quiz-question-validation-error img { margin-right: 12px; } img.ays-loader-custom-gif-content{ margin: auto; } .ays_quiz_question_text_message{ text-align: left; font-size: 12px; } .ays_quiz_question_text_error_message { color: #ff0000; } .ays-quiz-container .ays-quiz-start-button-preloader{ position: relative; } .ays-quiz-container .ays_quiz_start_button_loader{ position: absolute; margin-left: auto; margin-right: auto; width: 30px; top: 4px; left: 0; right: 0; text-align: center; cursor: wait; } .ays-quiz-container .ays_next.start_button.ays_quiz_enable_loader{ color: #a0a5aa!important; background: grey!important; border-color: #ddd!important; box-shadow: none!important; text-shadow: none!important; padding: 10px 20px !important; border: none; opacity: 0.5; cursor: wait; } div.ays_quiz_maker_block_select select.components-select-control__input { width: 100%; max-width: 100%; padding: 0; } .ays-individual-quiz-all-results-container, .ays-quiz-all-results-container { overflow: auto; } .ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter, .ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter{ padding-right: 10px; } .ays-individual-quiz-all-results-container .dataTables_wrapper .dataTables_filter input, .ays-quiz-all-results-container .dataTables_wrapper .dataTables_filter input { margin: 0; } .ays-quiz-display-questions-container .ays-quiz-display-question-box { border-bottom: 0.5px solid #848688; } .ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-check { color: green; font-weight: 900; } .ays-quiz-all-results-container .ays-quiz-status-column .ays-quiz-score-column-times { color: brown; font-weight: 900; } .ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_check { color: green; font-size: 18px; } .ays-quiz-all-results-container .ays-quiz-status-column .ays_fa_times { color: brown; font-size: 18px; } .ays-quiz-all-results-container .ays-quiz-score-column-check-box { display: flex; } .ays-quiz-container input[type=number]::-webkit-outer-spin-button, .ays-quiz-container input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0;  } .ays-quiz-container input[type=number] { -moz-appearance:textfield; } .ays-quiz-container input[type=number]:hover{ -moz-appearance: auto; } .ays-quiz-container input[type=number]:hover::-webkit-outer-spin-button, .ays-quiz-container input[type=number]:hover::-webkit-inner-spin-button{ -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .ays-quiz-container input[type=number]:hover:disabled { -moz-appearance:textfield; } div.ays-quiz-category-container-flex { display: flex; flex-wrap: wrap; justify-content: space-around; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-lds-spinner-box, div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page { text-align: center; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box, div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-question-note-message-box * { font-style: italic; text-align: left; font-size: 14px; } .ays-quiz-full-screen-wrap { display: flex; justify-content: flex-end; padding: 13px 10px; } .ays-quiz-full-screen-container { cursor: pointer; } .ays-quiz-full-screen-container > svg.ays-quiz-close-full-screen { display: none; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box { position: relative; margin: 0 auto; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-start-page > input[id^='ays_quiz_password_val_'], div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box { max-width: 100%; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays_quiz_password { padding-right: 40px; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-password-toggle-visibility-box .ays-quiz-password-toggle { position: absolute; right: 10px; top: 25%; width: 20px; cursor: pointer; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-number-error-message { color: #ff0000; text-align: left; font-size: 14px; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] { margin-top: 0; } div.ays-quiz-container[id^="ays-quiz-container-"] .ays-quiz-category-description-box { margin-bottom: 20px; } .ays-quiz-container label.ays_switch_toggle { cursor: pointer; text-indent: -9999px; width: 35px; height: 14px; background: grey; display: block; border-radius: 50px; position: relative; transition: .3s ease; } .ays-quiz-container label.ays_switch_toggle:after { content: ''; position: absolute; top: -3px; left: -3px; width: 20px; height: 20px; background: #0085ba; border-radius: 30px; transition: 0.3s; } .ays-quiz-container input:checked + label.ays_switch_toggle { background: #b7ccea; } .ays-quiz-container input:checked + label.ays_switch_toggle:after { left: calc(100% - -5px); transform: translateX(-100%); } .ays-quiz-container label.ays_switch_toggle:active:after { } .ays-quiz-container label.ays_switch_toggle:hover:after { box-shadow: 0 0 10px #31618c; } .ays-quiz-container div.ays-quiz-results-toggle-block { display: flex; align-items: center; justify-content: flex-end; padding-right: 15px; } .ays-quiz-container input.ays_toggle[type=checkbox]{ display: none; } .ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:after { left: calc(100% - 13px); top: 2px; background-color: #aaa; width: 10px; height: 10px; } .ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle { width: 40px; height: 15px; background: white; border: 1px solid #aaa; } .ays-quiz-container div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show{ color: #2277CC; } .ays-quiz-container div.ays-quiz-results-toggle-block label.ays_switch_toggle:hover:after { box-shadow: none; } .ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { width: 40px; height: 15px; background: white;     border: 1px solid #2277CC; } .ays-quiz-container div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after { top: 2px; left: 13px; width: 10px; height: 10px; background: #2277CC; } .ays-quiz-container div.ays-quiz-results-toggle-block > label.ays_switch_toggle { margin: 0 10px; } .ays-quiz-container .ays-quiz-question-image-zoom { cursor: zoom-in; transition: 0.3s; } .ays-quiz-container .ays-quiz-question-image-zoom:hover { opacity: 0.9; } @keyframes aysAnimationLightboxImages { from{ transform: scale(0); } to{ transform: scale(1); }    } .ays-quiz-question-image-lightbox-container { display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; overflow: auto; background-color: rgba(0 ,0 ,0 ,0.8); } .ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button { font-size: 40px; font-weight: bold; position: absolute; top: 10px; right: 20px; color: #fff; cursor: pointer; transition: 0.3s; z-index: 99999; } .ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:hover, .ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button:focus { color: #b5b5b5; } .ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-img { margin: auto; display: block; width: 100%; max-width: 1200px; height: auto; text-align: center; animation-name: aysAnimationLightboxImages; animation-duration: 0.7s; position: relative; } .ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader { opacity: 0.7; top: 0; right: 0; bottom: 0; margin: auto; z-index: 101; position: absolute; left: 0; } .ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-preloader img { width: 100px; } @media screen and (max-width: 768px) { div.ays-quiz-question-image-lightbox-container .ays-quiz-question-image-lightbox-close-button { top: 40px; } } .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } .ays-modal { display: none; position: fixed; left: 0; top: 0; z-index: 1000000 !important; width: 100%; height: 100%; animation-duration: .5s; transition: .5s ease-in-out; outline: 0; } .ays-modal { overflow-x: hidden; overflow-y: auto; } .modal-open { overflow: hidden; position: relative; height: 100%; } .ays-modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999 !important; background-color: rgba(0, 0, 0, 0.5); } .ays-modal-content { background-color: #fefefe; margin: auto;  margin-bottom: 30px; margin-top: 40px; border: 1px solid #888; width: 85%;  z-index: 100000000; position: relative; padding-left: 0 !important; animation-duration: .3s; transition: .5s ease-in-out; border-radius: 4px; } #ays-results-modal .ays-modal-content { min-height: 500px; margin: auto !important;  margin-bottom: 30px !important; margin-top: 40px !important; } .ays-close { color: #aaa; float: right; line-height: 1.3; font-size: 28px; font-weight: bold; } .ays-close:hover, .ays-close:focus { color: black; text-decoration: none; cursor: pointer; } .ays-modal-header { padding: 4px 16px; } .ays-modal .ays-modal-header h2 { line-height: 1.3; font-size: 1.8rem; margin: 0; padding: 0; clear: none; font-weight: 500; } .ays-modal-body { padding: 2px 16px 20px; overflow-x: auto; width: 100%; box-sizing: border-box; } .ays-modal-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem; border-top: 1px solid #e9ecef; } #ays-results-modal .ays-modal-header { padding: 4px 16px !important; } #ays-results-modal .ays-modal-body { padding: 2px 16px 20px !important; } #ays-results-modal .ays-modal-footer { padding: 1rem !important; } table#ays-results-table { border: 1px solid #ccc; } table#ays-results-table .ays-quiz-report-table-header { display: flex; justify-content: space-between; align-items: center; } table#ays-results-table .ays-quiz-report-table-header::after, table#ays-results-table .ays-quiz-report-table-header::before { content: none !important; } table#ays-results-table svg { width: 30px; vertical-align: middle; } table#ays-results-table .wp-video { width: max-content !important; } table#ays-results-table video { max-width: 300px; height: auto !important; vertical-align: middle; } table#ays-results-table audio { max-width: 300px; vertical-align: middle; } table#ays-results-table { margin: 0; width: 100%; } table#ays-results-table h1::before { content: none !important; } table#ays-results-table h1 { margin: 0; font-size: 25px; } table#ays-results-table tr td:first-child { font-weight: bold; } tr.ays_result_element { border-bottom: 1px solid #ccc; } table#ays-results-table tr td:first-child { font-weight: bold; } .ays-modal-body * { word-break: initial !important; word-wrap: break-word; vertical-align: middle; } .ays-modal-body tr td { padding: 10px; font-size: 15px; border: none; } table#ays-results-table p.success img, table#ays-results-table p.error img { max-width: 150px !important; } table#ays-results-table p.success { color: #73AF55; } table#ays-results-table p { display: inline-block; margin: 0; font-size: 1.25em; vertical-align: middle; word-wrap: break-word; } table#ays-results-table p.error { color: #D06079; } table#ays-results-table tr td { word-wrap: break-word; } table#ays-results-table tr td:first-child, table#ays-results-table tr td:first-child *{ color: #000 !important; } table#ays-results-table tr td:first-child{ font-weight: bold; width: 40%; } table#ays-results-table tr td.ays-report-correct-answer { width: 25%; } table#ays-results-table tr td.ays-report-user-answer { width: 25%; } table#ays-results-table tr td.ays-report-status-icon { width: 10%; } table#ays-results-table tr td.ays-report-user-answer.ays-report-user-answer-by-points { width: 40% } table#ays-results-table tr td.ays-report-answer-point { width: 20%; } div.ays-quiz-preloader{ display: none; position: absolute; background: rgba(255, 255, 255, 0.8); width: 100%; justify-content: center; height: 100%; align-items: center; z-index: 1; }