div#ays-quiz-container-36 * { box-sizing: border-box; } #ays-quiz-container-36 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } /* Styles for Internet Explorer start */ #ays-quiz-container-36 #ays_finish_quiz_36 { } /* Styles for Quiz container */ #ays-quiz-container-36{ min-height: 450px; width:100%; background-color:#fff; background-position:center center;border-radius:0px 0px 0px 0px;box-shadow: none;border-width: 1px;border-style: solid;border-color: #d3d3d3;} /* Styles for Navigation bar */ #ays-quiz-questions-nav-wrap-36 { width: 100%; max-width: 100%; margin: auto;border-radius:0px 0px 0px 0px;box-shadow: none;border-width: 1px;border-style: solid;border-color: #d3d3d3;} #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question { /* color: #000; border-color: #000; background-color: #fff; */ color: #000; border-color: #dddddd; background-color: #ffffff; outline: unset; text-decoration: unset; } #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question { /* box-shadow: inset 0 0 5px #000, 0 0 5px #000; */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); background: #E5E7ED; outline: unset; border-color: transparent; } #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-answered a.ays_questions_nav_question { /* color: #fff; border-color: #fff; background-color: #000; */ color: #C6C6C6; border-color: transparent; background-color: #F5F5F5; } #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_correct_answer { /* color: rgba(39, 174, 96, 1); border-color: rgba(39, 174, 96, 1); */ color: #000; border-color: transparent; background-color: rgba(39, 174, 96, 0.4); } #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item a.ays_questions_nav_question.ays_quiz_wrong_answer { /* color: rgba(243, 134, 129, 1); border-color: rgba(243, 134, 129, 1); */ color: #000; border-color: transparent; background-color: rgba(243, 134, 129, 0.4); } #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_correct_answer, #ays-quiz-questions-nav-wrap-36 .ays-quiz-questions-nav-content .ays-quiz-questions-nav-item.ays-quiz-questions-nav-item-active a.ays_questions_nav_question.ays_quiz_wrong_answer { /* filter: drop-shadow(0px 3px 5px rgba(143, 143, 143, 0.38)); */ box-shadow: 0px 3px 5px rgba(143, 143, 143, 0.38); } #ays-quiz-container-36.ays-quiz-container .ays-quiz-questions-nav-bookmark-box { position: absolute; top: 40px; right: 40px; z-index: 10; } #ays-quiz-container-36.ays-quiz-container .ays-quiz-questions-nav-bookmark-box .ays-navbar-bookmark { height: 100%; cursor: pointer; width: 13px; box-shadow: unset; } /* Styles for questions */ #ays-quiz-container-36 #ays_finish_quiz_36 div.step { min-height: 450px; } /* Styles for text inside quiz container */ #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays-start-page *:not(input), #ays-quiz-container-36.ays-quiz-container .ays-questions-container label[for^="ays-answer-"], #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays-matching-field-choice, #ays-quiz-container-36.ays-quiz-container .ays-questions-container p, #ays-quiz-container-36.ays-quiz-container .ays-questions-container form .step:not(.ays_thank_you_fs) p, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays-fs-title, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays-fs-subtitle, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .logged_in_message, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays-quiz-limitation-count-of-takers *, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays_score_message, #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays_message{ color: #000; outline: none; } #ays-quiz-container-36.ays-quiz-container .ays-questions-container .ays_question_hint { color: #000; } /* Quiz title / transformation */ #ays-quiz-container-36 .ays-fs-title{ text-transform: none; font-size: 21px; text-align: center; text-shadow: none; } #ays-quiz-container-36 .ays-quiz-password-message-box, #ays-quiz-container-36 .ays-quiz-question-note-message-box, #ays-quiz-container-36 .ays_quiz_question, #ays-quiz-container-36 .ays_quiz_question *:not([class^='enlighter']) { color: #000; } #ays-quiz-container-36 textarea, #ays-quiz-container-36 input::first-letter, #ays-quiz-container-36 select::first-letter, #ays-quiz-container-36 option::first-letter { color: initial !important; } #ays-quiz-container-36 p::first-letter:not(.ays_no_questions_message) { color: #000 !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-36 .select2-container, #ays-quiz-container-36 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } #ays-quiz-container-36 .ays-fs-subtitle p { text-align: center ; } #ays-quiz-container-36 .ays_quiz_question p { font-size: 16px; text-align: center; } #ays-quiz-container-36 .ays_quiz_question { text-align: center ; margin-bottom: 10px; } #ays-quiz-container-36 .ays_quiz_question pre { max-width: 100%; white-space: break-spaces; } div#ays-quiz-container-36 .ays-questions-container .ays-field, div#ays-quiz-container-36 .ays-questions-container .ays-field input~label[for^='ays-answer-'], div#ays-quiz-container-36 .ays-questions-container .ays-modern-dark-question *, div#ays-quiz-container-36 .ays-questions-container .ays_quiz_question, div#ays-quiz-container-36 .ays-questions-container .ays_quiz_question *{ word-break: break-word; } #ays-quiz-container-36 .ays-quiz-timer p { font-size: 16px; } #ays-quiz-container-36 section.ays_quiz_redirection_timer_container hr, #ays-quiz-container-36 section.ays_quiz_timer_container hr { margin: 0; } #ays-quiz-container-36 section.ays_quiz_timer_container.ays_quiz_timer_red_warning .ays-quiz-timer { color: #ff0000; } #ays-quiz-container-36 .ays_thank_you_fs p { text-align: center; } #ays-quiz-container-36 .information_form input[type='text'], #ays-quiz-container-36 .information_form input[type='url'], #ays-quiz-container-36 .information_form input[type='number'], #ays-quiz-container-36 .information_form input[type='email'], #ays-quiz-container-36 .information_form input[type='tel'], #ays-quiz-container-36 .information_form textarea, #ays-quiz-container-36 .information_form select, #ays-quiz-container-36 .information_form option { color: initial !important; outline: none; margin-left: 0; background-image: unset; } #ays-quiz-container-36 .information_form input[type='checkbox'] { margin: 0 10px; outline: initial; -webkit-appearance: auto; -moz-appearance: auto; position: initial; width: initial; height: initial; border: initial; background: initial; } #ays-quiz-container-36 .information_form input[type='checkbox']::after { content: none; } #ays-quiz-container-36 .wrong_answer_text{ color:#ff4d4d; } #ays-quiz-container-36 .right_answer_text{ color:#33cc33; } #ays-quiz-container-36 .right_answer_text p { font-size:16px; } #ays-quiz-container-36 .wrong_answer_text p { font-size:16px; } #ays-quiz-container-36 .ays_questtion_explanation p { font-size:16px; } #ays-quiz-container-36 .wrong_answer_text *:not(strong):not(a) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36 .ays_questtion_explanation *:not(strong):not(a) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36 .right_answer_text *:not(strong):not(a) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36 .ays-quiz-question-note-message-box *:not(strong):not(a) { text-transform:none; text-decoration: none; letter-spacing: 0px; font-weight: normal; } #ays-quiz-container-36 .ays_cb_and_a, #ays-quiz-container-36 .ays_cb_and_a * { color: rgb(0,0,0); text-align: center; } #ays-quiz-container-36 iframe { /*min-height: 450px;*/ } #ays-quiz-container-36 label.ays_for_checkbox, #ays-quiz-container-36 span.ays_checkbox_for_span { color: initial !important; display: block; } /* Quiz textarea height */ #ays-quiz-container-36 textarea { height: 100px; min-height: 100px; } /* Quiz rate and passed users count */ #ays-quiz-container-36 .ays_quizn_ancnoxneri_qanak, #ays-quiz-container-36 .ays_quiz_rete_avg{ color:#fff; background-color:#000; } #ays-quiz-container-36 .ays-questions-container > .ays_quizn_ancnoxneri_qanak { padding: 5px 20px; } #ays-quiz-container-36 div.for_quiz_rate.ui.star.rating .icon { color: rgba(0,0,0,0.35); } #ays-quiz-container-36 .ays_quiz_rete_avg div.for_quiz_rate_avg.ui.star.rating .icon { color: rgba(255,255,255,0.5); } #ays-quiz-container-36 .ays_quiz_rete .ays-quiz-rate-link-box .ays-quiz-rate-link { color: #000; } /* Loaders */ #ays-quiz-container-36 div.lds-spinner, #ays-quiz-container-36 div.lds-spinner2 { color: #000; } #ays-quiz-container-36 div.lds-spinner div:after, #ays-quiz-container-36 div.lds-spinner2 div:after { background-color: #000; } #ays-quiz-container-36 .lds-circle, #ays-quiz-container-36 .lds-facebook div, #ays-quiz-container-36 .lds-ellipsis div{ background: #000; } #ays-quiz-container-36 .lds-ripple div{ border-color: #000; } #ays-quiz-container-36 .lds-dual-ring::after, #ays-quiz-container-36 .lds-hourglass::after{ border-color: #000 transparent #000 transparent; } /* Stars */ #ays-quiz-container-36 .ui.rating .icon, #ays-quiz-container-36 .ui.rating .icon:before { font-family: Rating !important; } /* Progress bars */ #ays-quiz-container-36 #ays_finish_quiz_36 .ays-progress { border-color: rgba(0,0,0,0.8); } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-progress-bg { background-color: rgba(0,0,0,0.3); } #ays-quiz-container-36 .ays-progress-value { color: #000; text-align: center; } #ays-quiz-container-36 .ays-progress-bar { background-color: #fda52a; } #ays-quiz-container-36 .ays-question-counter .ays-live-bar-wrap { direction:ltr !important; } #ays-quiz-container-36 .ays-live-bar-fill{ color: #000; border-bottom: 2px solid rgba(0,0,0,0.8); text-shadow: 0px 0px 5px #fff; } #ays-quiz-container-36 .ays-live-bar-fill.ays-live-fourth, #ays-quiz-container-36 .ays-live-bar-fill.ays-live-third, #ays-quiz-container-36 .ays-live-bar-fill.ays-live-second { text-shadow: unset; } #ays-quiz-container-36 .ays-live-bar-percent{ display:none; } /* Music, Sound */ #ays-quiz-container-36 .ays_music_sound { color:rgb(0,0,0); } /* Dropdown questions scroll bar */ #ays-quiz-container-36 blockquote { border-left-color: #000 !important; } /* Quiz Password */ #ays-quiz-container-36 .ays-start-page > input[id^='ays_quiz_password_val_'], #ays-quiz-container-36 .ays-quiz-password-toggle-visibility-box { width: 100%; margin: 0 auto; } /* Question hint */ #ays-quiz-container-36 .ays_question_hint_container .ays_question_hint_text { background-color:#fff; box-shadow: 0 0 15px 3px rgba(0,0,0,0.6); max-width: 270px; color: #000; } #ays-quiz-container-36 .ays_question_hint_container .ays_question_hint_text p { max-width: unset; } #ays-quiz-container-36 .ays-quiz-additonal-box { display: flex; justify-content: flex-end; align-items: center; position: relative; } #ays-quiz-container-36 .ays_quiz_results .ays_user_points_container { position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; font-size: 16px; margin: 0.625em; } /* Quiz Export PDF */ #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box { background-color:#fff; box-shadow: 0 0 15px 3px rgba(0,0,0,0.6); box-shadow: 0.025px 0.025px 1px 1px rgba(0,0,0,0.2), 0px 2px 1px 0px rgba(0,0,0,0.14), 0px 2px 5px 0 rgba(0,0,0,0.12); max-width: 190px; color: #000; } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:hover, #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:focus { background-color: rgba(253,165,42,0.3); } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item:active { background-color: rgba(253,165,42,1); } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item { color: #000; display: flex; justify-content: space-between; align-items: center; font-size: 14px; background-image: unset; box-shadow: unset; border-radius: unset; } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item .ays-export-quiz-dropdown-item-icon { margin-left: 10px; } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg path { stroke: #000; } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-img-icon-content-div svg circle { fill: rgba(253,165,42,0.3); } #ays-quiz-container-36 .ays-export-quiz-button-container .ays-export-quiz-button-more-box .ays-export-quiz-dropdown-item-icon svg path { fill: rgba(0,0,0,1); } #ays-quiz-container-36 .ays-quiz-additonal-box svg { position: revert; } #ays-quiz-container-36 .ays_questions_hint_max_width_class { max-width: 80%; } /* Information form */ #ays-quiz-container-36 .ays-form-title{ color:rgb(0,0,0); } /* Quiz timer */ #ays-quiz-container-36 div.ays-quiz-redirection-timer, #ays-quiz-container-36 div.ays-quiz-timer{ color: #000; text-align: center; } #ays-quiz-container-36 div.ays-quiz-after-timer * , #ays-quiz-container-36 div.ays-quiz-redirection-timer *, #ays-quiz-container-36 div.ays-quiz-timer * { text-align: center; } #ays-quiz-container-36 div.ays-quiz-timer.ays-quiz-message-before-timer:before { display: inline-block; font-weight: 500; text-align: center; width: auto; margin-right: 5px; } /* Quiz buttons */ #ays-quiz-container-36 input#ays-submit, #ays-quiz-container-36 #ays_finish_quiz_36 .action-button, #ays-quiz-container-36 #ays_finish_quiz_36 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, #ays-quiz-container-36 #ays_finish_quiz_36 .step[data-type='checkbox'] .action-button.ays_check_answer, div#ays-quiz-container-36 #ays_finish_quiz_36 .action-button.ays_restart_button, #ays-quiz-container-36 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36 .ays-quiz-category-selective-submit-bttn { background-color: #fda52a; color:#000000; font-size: 16px; padding: 10px 20px; border-radius: 12px; white-space: nowrap; letter-spacing: 0; box-shadow: unset; white-space: normal; word-break: break-word; background-image: unset; width: auto; } #ays-quiz-container-36 input#ays-submit, #ays-quiz-container-36 #ays_finish_quiz_36 input.action-button, #ays-quiz-container-36 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36 .ays-quiz-category-selective-submit-bttn { } div#ays-quiz-container-36 #ays_finish_quiz_36 .action-button.ays_check_answer { padding: 5px 10px; font-size: 16px; } #ays-quiz-container-36 #ays_finish_quiz_36 .action-button.ays_download_certificate { white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36 #ays_finish_quiz_36 .action-button.ays_arrow { color:#000000!important; white-space: nowrap; padding: 5px 10px; } #ays-quiz-container-36 input#ays-submit:hover, #ays-quiz-container-36 input#ays-submit:focus, #ays-quiz-container-36 #ays_finish_quiz_36 .action-button:hover, #ays-quiz-container-36 #ays_finish_quiz_36 .action-button:focus, #ays-quiz-container-36 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn:hover, #ays-quiz-container-36 .ays-quiz-category-selective-submit-bttn:focus { box-shadow: 0 0 0 2px #000000; background-color: #fda52a; } #ays-quiz-container-36 .ays_restart_button { color: #000000; } #ays-quiz-container-36 .ays_restart_button_p { display: flex; justify-content: center; flex-wrap: wrap; } #ays-quiz-container-36 .ays_buttons_div { justify-content: center; } #ays-quiz-container-36 .step:first-of-type .ays_buttons_div { justify-content: center !important; } #ays-quiz-container-36 .ays_quiz_results_page .ays_score span { visibility: visible; } #ays-quiz-container-36 input[type='button'], #ays-quiz-container-36 input[type='submit'] { color: #000000 !important; outline: none; } div#ays-quiz-container-36 .ays-quiz-questions-nav-wrap .ays-quiz-questions-nav-item .ays_questions_nav_question:focus-visible, div#ays-quiz-container-36 input[type='button']:focus-visible, div#ays-quiz-container-36 input[type='submit']:focus-visible { outline: -webkit-focus-ring-color auto 1px; } #ays-quiz-container-36 #ays_finish_quiz_36 i.ays_early_finish.action-button[disabled]:hover, #ays-quiz-container-36 #ays_finish_quiz_36 i.ays_early_finish.action-button[disabled]:focus, #ays-quiz-container-36 #ays_finish_quiz_36 i.ays_early_finish.action-button[disabled], #ays-quiz-container-36 #ays_finish_quiz_36 i.ays_arrow.action-button[disabled]:hover, #ays-quiz-container-36 #ays_finish_quiz_36 i.ays_arrow.action-button[disabled]:focus, #ays-quiz-container-36 #ays_finish_quiz_36 i.ays_arrow.action-button[disabled] { color: #aaa !important; } #ays-quiz-container-36 .ays_finish.action-button{ margin: 10px 5px; } #ays-quiz-container-36 .ays-share-btn.ays-share-btn-branded { color: #fff; margin-bottom: 5px; display: inline-block; } #ays-quiz-container-36 .ays-quiz-question-title-text-to-speech-icon { cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 1; } div#ays-quiz-container-36.ays-quiz-container .ays-quiz-question-title-text-to-speech-icon svg path { fill: #000; } /* Question answers */ #ays-quiz-container-36 .ays-field { border-color: #444; border-style: solid; border-width: 1px; box-shadow: none;flex-direction: row-reverse; } #ays-quiz-container-36 .ays-quiz-answers .ays-field:hover{ opacity: 1; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;bottom:0;} #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field input~label[for^='ays-answer-'] { padding: 5px; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field { margin-bottom: 10px; position: relative; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays_grid_view_container .ays-field.ays_grid_view_item { /* width: calc(50% - 5px); */ width:calc(100% /2 - 4px);; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 5px; }#ays-quiz-container-36 #ays_finish_quiz_36 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 5px; }#ays-quiz-container-36 img.ays-quiz-check-button-right-wrong-icon { position: absolute; right: 15px; bottom: 15px; } #ays-quiz-container-36 img.ays-quiz-check-button-right-wrong-icon[data-type='style-9'] { width: 20px; } #ays-quiz-container-36 .ays_quiz_results .step[data-type='fill_in_blank'] img.ays-quiz-check-button-right-wrong-icon { right: 10px; bottom: 40px; } #ays-quiz-container-36 .ays_quiz_results .step[data-type='fill_in_blank'] .ays_fieldset img.ays-quiz-check-button-right-wrong-icon { right: 15px; bottom: 20px; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field input:checked+label:before { border-color: #fda52a; background: #fda52a; background-clip: content-box; } #ays-quiz-container-36 .ays-quiz-answers div.ays-text-right-answer { color: #000; } /* Answer maximum length of a text field */ #ays-quiz-container-36 .ays_quiz_question_text_message{ color: #000; text-align: left; font-size: 12px; } div#ays-quiz-container-36 div.ays_quiz_question_text_error_message { color: #ff0000; } /* Questions answer image */ #ays-quiz-container-36 .ays-answer-image { width:15em; height:15em; object-fit: cover; } /* Questions answer right/wrong icons */ #ays-quiz-container-36 .ays-field input~label.answered.correct:after{ content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURQAAAECsSEGsSECtSD+tSEGtSD+tSkGsSECtSECtSEGuSUGtSECsSECtSUGvSUO0S0W4TUe9UBUMR0EAAAAOdFJOUwBvWKceuQyUg9Py5UQzDiAmdwAAATNJREFUKM9tk1mCxCAIRHEluADe/7KDpidtkuZLfS4FlADfiB5TCq7Dj8g+FVnBhK8dnnQM4VoL26BgvB1FHkLoe4yxuVSGUttoUq0uX/MeWIvfqIR4f6sq/3NUwaeWXrWcAhtLeGfSiqZ1NWmND4YO4BCd13sV96RzKdMgU5tGzQ8qzHKAU2mQy8A3nTiWcUA7n3hTABrJFHD/TSEMgiBl6m75RQEv7D+p73RhFKuOZ1n8Rhf2Ii2yLWvId2opJ4isDhzPdeIbjXWmPOWDW+du9JPyMWZmi9/oLKeJjmdr3JM2Pst5nD1xpn6jVyNtUKaz3E4hXI3s5XTWVtwcVHFzBh+7JRqpleE7rWbVo+fPZ0lma9xNEIMMZUoBQ6o2rE8D2RH7Hivsovj2ZnchEVFC/4V/JeYRz52HuawAAAAASUVORK5CYII='); } #ays-quiz-container-36 .ays-field input~label.answered.wrong:after{ content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA8UExURQAAAOM+YOVAYeA+XuVAYeQ/YOE+YORAYOM/YOVAYeZAYeQ/YORAYeQ/YOVAYeQ/YfBDZupBY/hFaeZAYWRKA6MAAAAQdFJOUwA76wvKcR6DKtr2qplNu2O9fERoAAABX0lEQVQoz22T2aKEIAiGXcM9xPd/1wOV2swc7uhj+wmV2ma1LwXqof6zmmNHseTgJ0K3ToQ9pYFEZMB+UEiEJp86BF3BDUKnX00zcsKuWBv7dbkZsYWPamfCNPMBMdvvQQ2au5we2Kw6yi7uPfOB+XKcxB2O3OS+d3/VlPYVkZ1MAx/OtHetbCQnc5Hhxjriw5mOLrqBBgcZKpITHn7T60siULrjqTaHMamyjjJPMB6BwjuOSaWt45WYuZHgBluaVBWKgpdg6IxfLuOCaWb7NKTz0i/ZJ3a9tsG5felXjZoKg/yiHcLSL3thyZFjFt36eZ2XZCBp/tqG8Hhc6zxkOfJrAPvUyxxjUDrd6yw4qohaekNkat0j6YhoePjXcYUgSeifK00Xf5tlmvdlUfL246yRmn1dFp+uD/OxFD7rj+sLHI7GFYDCj4Xfgf9qdjr+ehuaEn7emK3QYjTR5XPDP1tFFNqmQBPAAAAAAElFTkSuQmCC'); } #ays-quiz-container-36 .ays-field label.answered:last-of-type:after{ height: auto; left: 10px;top: 10px;} /* Dropdown questions */ #ays-quiz-container-36 .select2-container--default .select2-search--dropdown .select2-search__field:focus, #ays-quiz-container-36 .select2-container--default .select2-search--dropdown .select2-search__field { outline: unset; padding: 0.75rem; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field .select2-container--default .select2-selection--single { border-bottom: 2px solid #fda52a; background-color: #fda52a; } #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__placeholder, #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow { /*color: #025ad5;*/ color: #000000; line-height: 40px; padding-left: 8px; padding-right: 20px; } #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36 .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #fda52a; } #ays-quiz-container-36 .ays-field .select2-container--default, #ays-quiz-container-36 .ays-field .select2-container--default .selection, #ays-quiz-container-36 .ays-field .select2-container--default .dropdown-wrapper, #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered, #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder, #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow, #ays-quiz-container-36 .ays-field .select2-container--default .select2-selection--single .select2-selection__arrow b[role='presentation'] { font-size: 16px !important; } #ays-quiz-container-36 .select2-container--default .select2-results__option { padding: 6px; } /* Dropdown questions scroll bar */ #ays-quiz-container-36 .select2-results__options::-webkit-scrollbar { width: 7px; } #ays-quiz-container-36 .select2-results__options::-webkit-scrollbar-track { background-color: rgba(253,165,42,0.35); } #ays-quiz-container-36 .select2-results__options::-webkit-scrollbar-thumb { transition: .3s ease-in-out; background-color: rgba(253,165,42,0.55); } #ays-quiz-container-36 .select2-results__options::-webkit-scrollbar-thumb:hover { transition: .3s ease-in-out; background-color: rgba(253,165,42,0.85); } .ays-quiz-wrap #ays-quiz-container-36 + .ays-quiz-powered-by-container{ width:100%; margin: 20px auto; } .ays-quiz-wrap #ays-quiz-container-36 + .ays-quiz-powered-by-container{ width:100%; margin: 20px auto; } /* WooCommerce product */ #ays-quiz-container-36 .ays-woo-block { background-color: rgba(253,165,42,0.8); } #ays-quiz-container-36 .ays-woo-product-block h4.ays-woo-product-price > a, #ays-quiz-container-36 .ays-woo-product-block h4.ays-woo-product-title > a { color: #000; } #ays-quiz-container-1 .ays-woo-product-block h4.ays-woo-product-price > a { text-decoration: unset; } /* Audio / Video */ #ays-quiz-container-36 .mejs-container .mejs-time{ box-sizing: unset; } #ays-quiz-container-36 .mejs-container .mejs-time-rail { padding-top: 15px; } #ays-quiz-container-36 .mejs-container .mejs-mediaelement video { margin: 0; } /* Limitation */ #ays-quiz-container-36 .ays-quiz-limitation-count-of-takers { padding: 50px; } #ays-quiz-container-36 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-show, #ays-quiz-container-36 div.ays-quiz-results-toggle-block span.ays-show-res-toggle.ays-res-toggle-hide{ color: #000; } #ays-quiz-container-36 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000; } #ays-quiz-container-36 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle { border: 1px solid #000; } #ays-quiz-container-36 div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } #ays-quiz-container-36.ays_quiz_elegant_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after, #ays-quiz-container-36.ays_quiz_rect_dark div.ays-quiz-results-toggle-block input:checked + label.ays_switch_toggle:after{ background: #000; } /* Hestia theme (Version: 3.0.16) | Start */ #ays-quiz-container-36 .mejs-container .mejs-inner .mejs-controls .mejs-button > button:hover, #ays-quiz-container-36 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { box-shadow: unset; background-color: transparent; } #ays-quiz-container-36 .mejs-container .mejs-inner .mejs-controls .mejs-button > button { margin: 10px 6px; } /* Hestia theme (Version: 3.0.16) | End */ /* Go theme (Version: 1.4.3) | Start */ #ays-quiz-container-36 label[for^='ays-answer']:before, #ays-quiz-container-36 label[for^='ays-answer']:before { -webkit-mask-image: unset; mask-image: unset; } #ays-quiz-container-36 .ays_question_report { text-align: right; } div#ays-quiz-container-36 .ays_question_report .ays-quiz-open-report-window { fill: #000; } #ays-quiz-container-36 .ays-export-quiz-button-container { position: relative; right: 100px; top: -5px; right: -5px; margin: 0; z-index: 1000; display: flex; justify-content: flex-end; } #ays-quiz-container-36.ays_quiz_classic_light .ays-field input:checked+label.answered:before, #ays-quiz-container-36.ays_quiz_classic_dark .ays-field input:checked+label.answered:before { background-color: #fda52a !important; } #ays-quiz-container-36.ays_quiz_classic_light .ays-field input:checked+label.answered.correct:before, #ays-quiz-container-36.ays_quiz_classic_dark .ays-field input:checked+label.answered.correct:before { background-color: #27ae60 !important; } #ays-quiz-container-36.ays_quiz_classic_light .ays-field input:checked+label.answered.wrong:before, #ays-quiz-container-36.ays_quiz_classic_dark .ays-field input:checked+label.answered.wrong:before { background-color: #cc3700 !important; } /* Go theme (Version: 1.4.3) | End */ #ays-quiz-container-36 .ays_quiz_results fieldset.ays_fieldset .ays_quiz_question .wp-video { width: 100% !important; max-width: 100%; } /* Classic Dark / Classic Light */ /* Dropdown questions right/wrong styles */ #ays-quiz-container-36.ays_quiz_classic_dark .correct_div, #ays-quiz-container-36.ays_quiz_classic_light .correct_div{ border-color: green !important; opacity: 1 !important; background-color: rgba(39,174,96,0.4) !important; } #ays-quiz-container-36.ays_quiz_classic_dark .correct_div .selected-field, #ays-quiz-container-36.ays_quiz_classic_light .correct_div .selected-field { padding: 0px 10px 0px 10px; color: green !important; } #ays-quiz-container-36.ays_quiz_classic_dark .wrong_div, #ays-quiz-container-36.ays_quiz_classic_light .wrong_div{ border-color: red !important; opacity: 1 !important; background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36.ays_quiz_classic_dark .ays-field.checked_answer_div.wrong_div input:checked~label, #ays-quiz-container-36.ays_quiz_classic_light .ays-field.checked_answer_div.wrong_div input:checked~label { background-color: rgba(243,134,129,0.4) !important; } #ays-quiz-container-36 .ays_question_result .ays-field .ays_quiz_hide_correct_answer:after{ content: '' !important; } #ays-quiz-container-36 .ays_question_result .ays_quiz_question .ays-quiz-fill-in-blank-input { color: #000 !important; } #ays-quiz-container-36 .ays_quiz_results .step.ays_question_result:last-child { padding-bottom: 20px; } #ays-quiz-container-36 .ays-quiz-close-full-screen { fill: #000; } #ays-quiz-container-36 .ays-quiz-open-full-screen { fill: #000; } #ays-quiz-container-36 .ays_quiz_login_form p{ color: #000; } /* Personality Test | Start */ #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-description p { text-align: left; padding: 0; } #ays-quiz-container-36 .ays-quiz-personality-result-box { background: white; border-radius: 17px; box-shadow: 0px 0px 20px rgba(98, 85, 165, 0.1); /*padding: 30px 3% 40px;*/ padding: 20px 30px; margin: 30px 0; font-size: 16px; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-title { color: #413A5C; font-size: 23px; margin: 0; text-align: left; font-weight: bold; } div#ays-quiz-container-36.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description { margin: 0; font-size: 16px; text-align: left; color: #413A5C; } div#ays-quiz-container-36.ays-quiz-container .ays-quiz-personality-result-box .ays-quiz-personality-result-description * { color: #413A5C; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress { width: 100%; background-color: rgba(128, 126, 137, 0.1); border-radius: 15px; position: relative; display: flex; /* justify-content: flex-end; */ margin-top: 1rem; margin-bottom: 1rem; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-progress-end { justify-content: flex-end; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-bar { height: 30px; border-radius: 15px; color: white; font-size: 18px; padding: 3px 15px 0; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-percentages { position: absolute; width: 100%; padding: 4px 15px; top: 0; -ms-flex-pack: justify; justify-content: space-between; display: -ms-flexbox; display: flex; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box div, #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-dark-purple { color: #413A5C; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-white { color: #ffffff; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-text-percentage { font-weight: bolder; } #ays-quiz-container-36 .ays-quiz-personality-result-box .ays-quiz-personality-result-keyword-box { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-bar { background-color: #6255A5; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-purple .ays-quiz-personality-result-keyword-text-color { color: #6255A5; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-bar { background-color: #F2C94C; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-yellow .ays-quiz-personality-result-keyword-text-color { color: #F2C94C; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-bar { background-color: #88D29D; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-green .ays-quiz-personality-result-keyword-text-color { color: #88D29D; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-bar { background-color: #E5A69D; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-red .ays-quiz-personality-result-keyword-text-color { color: #E5A69D; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-bar { background-color: #03A9F4; } #ays-quiz-container-36 .ays-quiz-personality-result-box.ays-quiz-personality-result-box-blue .ays-quiz-personality-result-keyword-text-color { color: #03A9F4; } #ays-quiz-container-36 .ays-quiz-personality-result-box div:before, #ays-quiz-container-36 .ays-quiz-personality-result-box div:after { content: unset; } /* Personality Test | End */ /* report questions modal start */ .ays-modal-reports { display: none; position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.4); animation-duration: .5s; background-color: rgba(0, 0, 0, 0.4); } #ays-quiz-question-report-modal-36 .ays-modal-content-reports { background-color: #fefefe; margin: 10% auto; border: 1px solid #888; max-width: 500px; width: 100%; border-radius: 10px; padding: 20px; box-sizing: border-box; position: relative; } #ays-quiz-question-report-modal-36 .ays-modal-content-reports label{ display: block; margin-bottom: 10px; font-weight: bold; letter-spacing: normal; } #ays-quiz-question-report-modal-36 .ays-modal-content-reports textarea { display: block; width: 100%; height: 100px; padding: 5px; box-sizing: border-box; border-radius: 5px; border: 1px solid #ccc; max-width: 100%; max-height: 500px; resize: vertical; transition: unset; } #ays-quiz-question-report-modal-36 .ays-modal-content-reports input.ays-quiz-submit-question-report { background-color: #0073aa; color: #fff; border: none; border-radius: 5px; padding: 10px 20px; cursor: pointer; margin-top: 20px; line-height: normal; letter-spacing: normal; box-shadow: unset; background-image: unset; } #ays-quiz-question-report-modal-36 .ays-close-reports-window { color: #aaa; font-weight: bold; position: absolute; top: 1%; right: 1%; } #ays-quiz-question-report-modal-36 .ays-close-reports-window img { box-shadow: unset; } #ays-quiz-question-report-modal-36 .ays-close-reports-window img:hover, #ays-quiz-question-report-modal-36 .ays-close-reports-window img:focus { cursor: pointer; } #ays-quiz-question-report-modal-36 .ays-quiz-question-report-error { display: none; font-size: 13px; color: #f00; text-align: left; } #ays-quiz-question-report-modal-36 .ays-quiz-question-report-textarea-label, #ays-quiz-question-report-modal-36 .ays-quiz-question-report-title { text-align: left; } #ays-quiz-question-report-modal-36 .ays_quiz_modal_overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; position: absolute; z-index: 1000000000; flex-direction: column; } #ays-quiz-question-report-modal-36 .ays-quiz-container .ays-quiz-user-cհoosing-anonymous-assessment { margin: 10px 0; } /* report questions modal end */ @media screen and (max-width: 768px){ #ays-quiz-container-36{ max-width: 100%; } div#ays-quiz-container-36 [id^='ays_finish_quiz_'] div.step div.ays-abs-fs { width: 90%; } div#ays-quiz-container-36.ays_quiz_modern_light .step, div#ays-quiz-container-36.ays_quiz_modern_dark .step { padding-right: 0px !important; padding-top: 0px !important; } div#ays-quiz-container-36.ays_quiz_modern_light div.step[data-question-id], div#ays-quiz-container-36.ays_quiz_modern_dark div.step[data-question-id] { background-size: cover !important; background-position: center center !important; } div#ays-quiz-container-36.ays_quiz_modern_light .ays-abs-fs:not(.ays-start-page):not(.ays-end-page), div#ays-quiz-container-36.ays_quiz_modern_dark .ays-abs-fs:not(.ays-start-page):not(.ays-end-page) { width: 100%; } #ays-quiz-container-36 .ays_quiz_question p { font-size: 16px; } #ays-quiz-container-36 .select2-container, div#ays-quiz-container-36 .ays-questions-container form .ays-quiz-answers .ays-field * { font-size: 15px; } div#ays-quiz-container-36 input#ays-submit, div#ays-quiz-container-36 #ays_finish_quiz_36 .action-button, div#ays-quiz-container-36 #ays_finish_quiz_36 .step[data-type='fill_in_blank'] .action-button.ays_check_answer, div#ays-quiz-container-36 #ays_finish_quiz_36 .action-button.ays_restart_button, #ays-quiz-container-36 + .ays-quiz-category-selective-main-container .ays-quiz-category-selective-restart-bttn, #ays-quiz-container-36 .ays-quiz-category-selective-submit-bttn { font-size: 16px; } div#ays-quiz-container-36 div.ays-questions-container div.ays-woo-block { width: 100%; } /* Quiz title / mobile font size */ div#ays-quiz-container-36 .ays-fs-title { font-size: 18px; } /* Question explanation / mobile font size */ #ays-quiz-container-36 .ays_questtion_explanation p { font-size:16px; } /* Wrong answers / mobile font size */ #ays-quiz-container-36 .wrong_answer_text p { font-size:16px; } /* Right answers / mobile font size */ #ays-quiz-container-36 .right_answer_text p { font-size:16px; } /* Note text / mobile font size */ #ays-quiz-container-36 .ays-quiz-question-note-message-box p { font-size:14px; } #ays-quiz-container-36 div.ays-quiz-personality-result-box .ays-quiz-personality-result-title { font-size: 18px; } /* Personality Test */ #ays-quiz-container-36 div.ays-quiz-personality-result-box .ays-quiz-personality-result-bar { font-size: 14px; padding: 6px 10px 0; } #ays-quiz-container-36 .ays-image-question-img img { height: auto ; } #ays-quiz-container-36 .ays-field { flex-direction: row-reverse; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field label.ays_answer_caption[for^='ays-answer-'] { z-index: 1; position:initial;position:initial;bottom:0;:0; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays_grid_view_container .ays-field.ays_grid_view_item { width:calc(100% /2 - 4px); } #ays-quiz-container-36 .ays-answer-image { width:15em; } #ays-quiz-container-36 #ays_finish_quiz_36 .ays-field.ays_grid_view_item:nth-child(odd) { margin-right: 5px; } } /* Custom css styles */ .rate{ font-size: large; font-weight: bold; color: #F00!important;}.share{ font-size: large; font-weight: bold; color: #093!important;} /* RTL direction styles */