/*@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');*/ .sqb-rtl{direction: rtl;} .sqb_quiz_container{float: none; width: 100%; margin: 0; } .sqb_quiz_container.sqb_template5-fullWidth {float: left; width: 100%; margin: 0 0; } #sqb_quiz_builder.sqb_quiz_container .outcome_div .question_img_div { overflow: visible; } #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img.sqb_ans_image_custom_size { height: auto!important; } #sqb_quiz_builder .answer_container:not(.image_option_has) .sql_ans_text.hide_answer_text { display: block; } /****Question-Answer starts*******/ .Quiz-Template * , .Quiz-Template-content *{box-sizing: border-box !important;} .Quiz-QuestionANswer-Template{display: inline-block; width: 100%; padding: 20px 40px; max-width: 640px; border: 1px solid #ddd; margin: 0; vertical-align: middle; text-align: left; border-radius: 7px; background: #fff; font-family: 'DM Sans',sans-serif; color: #333; font-size: 16px; font-weight: normal; line-height: 1.4; } .Quiz-QuestionANswer-Template .Quiz-Template-content {display: inline-block; width: 100%; margin: 0; padding: 0; vertical-align: middle; font-family: 'DM Sans',sans-serif; } .Quiz-Template .Quiz-Template-title {text-align: center; margin-bottom: 15px; font-size: 24px; font-weight: normal; color: #333; } .question_add_answer_outer_div .sqb_ans_item {min-height: 20px; } .Quiz-Template .Quiz-Template-title {margin-bottom: 15px !important; } /****Question-Answer ends*******/ /****Question-Answer multiple*******/ .quiz_quesans_template_outer .multiple_next_btn, .sqb_quiz_container_outer:not(.template_num_template7) .quiz_quesans_template_outer:not(.ques_temp_template7) .single_next_btn, .quiz_quesans_template_outer .file_upload_button{display: inline-block; border-radius: 5px; background: #3F51B5; color: #fff; height: auto; padding: 10px 15px; font-family: 'DM Sans',sans-serif; box-shadow: none; margin: 15px 0 0 0; text-decoration: none; line-height: normal; border: none; text-align: center; text-transform: initial; font-size: 16px; font-weight: 600; width: 100px; cursor: pointer; float: right !important; } .quiz_quesans_template_outer .submit_cls_btn{display: inline-block; border-radius: 5px; background: #3F51B5; color: #fff; height: auto; padding: 10px 15px; font-family: 'DM Sans',sans-serif; min-width: 90px; box-shadow: none; margin: 15px 0 0 0; text-decoration: none; line-height: normal; border: none; text-align: center; text-transform: initial; font-size: 16px; font-weight: 600; width: auto; max-width: 100%; cursor: pointer; float: right; } .single_button_div{width: 100%; float:left } .quiz_quesans_template_outer .single_next_btn{display:none } .passedquiz{color: #307933;} .failedquiz{color: #ff0000;} /****Question-Answer multiple end*******/ .quiz_outer_fe{float: none;margin: 0 auto;text-align: center;} /****Question-Answer multiple end*******/ .show_cls {display:block;} #sqb_quiz_builder .is-redirect {display:none !important;} .hide_cls {display:none;} #sqb_quiz_builder .btn-add-vote.hide_cls { display: block !important; } #sqb_quiz_builder .btn-add-vote.hide_cls { display: none !important; } .quiz_start_template_outer.quiz_outer_fe.show_cls.done_screen .Quiz-Start-Template2.Start-template-withbutton { padding-left: 0; padding-right: 0; } .template_num_template6 #sqb_quiz_builder .quiz_start_template_outer.quiz_outer_fe.show_cls.done_screen.quiz_start_template_outer.quiz_outer_fe { padding-left: 0!important; padding-right: 0!important; } .quiz_start_template_outer.quiz_outer_fe.show_cls.done_screen .Quiz-Start-Template2.Start-template-withbutton .take-quiz-btn * { font-size: 16px; } /*for animation start***/ body .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.show_cls { display: flex !important; width: 100%; justify-content: center; align-items: flex-start; } .quiz_start_template_outer.quiz_outer_fe.done_screen.show_cls.modal_popup { align-items: center; } body .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.show_cls .Quiz-Template-outer { width: 100%; } /* body .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.show_cls { display: flex !important; width: 100%;justify-content: center; flex-direction: column;}*/ /* body .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.show_cls.modal_popup { display: inline-block !important;}*/ body .sqb_quiz_container_outer.template_num_template8:not(.quiz-slide-animation) .quiz_outer_fe.show_cls, body .sqb_quiz_container_outer.template_num_template7:not(.quiz-slide-animation) .quiz_outer_fe.show_cls{ display: block !important;} .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.show_cls , .sqb_quiz_container_outer :not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer .show_cls { display: inline-block !important; width: 100%; } .sqb_quiz_container_outer :not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer.corner_popup .show_cls { display: flex!important; flex-direction: column; justify-content: center; flex-wrap: nowrap; } /*.sqb_quiz_container_outer.template_num_template6:not(.quiz-slide-animation) .quiz_outer_fe.show_cls.quiz_start_template_outer { display: flex !important; width: 100%; }*/ .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.show_cls .question_container{display: inline-block !important; width: 100%; } .sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.hide_cls , .sqb_quiz_container_outer :not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.hide_cls .question_container{ display: none;} .quiz-slide-animation .Quiz-Template .question_container.show_cls , .quiz-slide-animation .Quiz-Template .question_container.hide_cls , .quiz-slide-animation .quiz_outer_fe.show_cls , .quiz-slide-animation .quiz_outer_fe.hide_cls { width: 100%;visibility: visible;opacity: 1;height: auto;float: left;display: inline-block; } .modal_popup.quiz_outer_fe.show_cls , .modal_popup.quiz_outer_fe.quiz_quesans_template_outer .show_cls { display: inline-block !important; } .modal_popup.quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.show_cls .question_container{ display: inline-block !important; } .modal_popup.quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.hide_cls , .modal_popup.quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.hide_cls .question_container{ display: none; } .quiz-slide-animation .quiz_outer_fe.show_cls , .quiz-slide-animation .quiz_outer_fe.hide_cls { display: inline-block !important; } .quiz-slide-animation .Quiz-Template , .quiz-slide-animation .Quiz-Template.show_cls, .quiz-slide-animation .quiz_outer_fe , .quiz-slide-animation .quiz_outer_fe.show_cls { display: inline-block;left: 0;opacity: 1;-webkit-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: visibility,opacity,-webkit-transform;transition-property: visibility,opacity,-webkit-transform;transition-property: visibility,transform,opacity;transition-property: visibility,transform,opacity,-webkit-transform;visibility: visible;width: 100%; } .quiz-slide-animation .Quiz-Template.hide_cls , .quiz-slide-animation .quiz_outer_fe.hide_cls { opacity: 0;position: absolute;-webkit-transform: translate(200%);transform: translate(200%);visibility: hidden; } .quiz-slide-animation .Quiz-Template.hide_cls.done_question , .quiz-slide-animation .quiz_outer_fe.hide_cls.done_screen { -webkit-transform: translate(-200%);transform: translate(-200%); } .quiz-slide-animation .Quiz-Template-outer { position: relative;min-height:300px; width: 100%; } .template_num_template8 .modal_pop_inn .Quiz-Template.outer-style8 .Quiz-Template-overflow { width: 100%; } .quiz-slide-animation .quiz_type_poll .Quiz-Template-outer{ width: 100%; } .quiz-slide-animation .Quiz-Template .question_container { display:block !important; } .quiz_outer_fe.modal_popup{ display:none !important; } .quiz_outer_fe.modal_popup.show_cls { display: inline-block !important; } body .quiz_quesans_template_outer.ques_temp_template8.modal_popup .Quiz-Template.outer-style8.show_cls{ margin-left: auto; margin-right: auto; } body .quiz_type_poll .quiz_quesans_template_outer.ques_temp_template8.modal_popup .Quiz-Template.outer-style8.show_cls{ padding-bottom: 0; } #sqb_quiz_builder .answer_container.grid-layout-active.layout-three-in-row-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item { margin-bottom: 0; } #sqb_quiz_builder .answer_container:not(.image_option_has):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 16px 12px; } #sqb_quiz_builder .question_add_answer_outer_div:not(.image_option_has) .sqb_ans_item:not(.ans_type_numeric_text ) .sql_ans_text:hover > * { color: #000000; } /***animation ends*/ .Quiz-Optin-Template .continue_btn {cursor: pointer;} .sqbwarning_div {float: left;width: 100%;} .sqbwarning_div b,.sqb_custom_field_required_class {border: 2px solid #ff0000;color: #ff0000;padding: 5px;margin: 10px 0 15px;float: left;width: 100%; font-weight: normal;} .correctincorrect_ans_div {float: left;width: 100%;} .correctincorrect_ans_div b {border: 2px solid #307933;color: #307933;padding: 5px;margin: 10px 0 15px;float: left;width: 100%;} .in_correct_ans b {border: 2px solid #ff0000;color: #ff0000;} /********Multiple Verticle*************/ .question_add_answer_outer_div .sqb_ans_item {display: inline-block; vertical-align: middle; margin: 0px 0 0 0; width: 100%; position: relative; font-size: 16px; color: #333; line-height: normal; min-height: 15px; margin-bottom: 15px; padding: 0; font-size: 14px; line-height: 1.5; cursor: pointer; padding: 0; font-size: 17px; } .question_add_answer_outer_div .sqb_ans_item label{background-color: #efefef; border-radius: 3px; cursor: pointer; padding: 16px 18px; font-size: 17px; border: 1px solid #eee; width: 100%; float:left } .question_add_answer_outer_div .sqb_ans_item label *{background-color: inherit ; font-size: inherit; font-weight: inherit; } /*#sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer:not(.text_cls) .sqb_ans_item:hover , .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer:not(.text_cls) .sqb_ans_item:hover *, #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .addselected *, #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_selected:not(.text_cls) .sqb_ans_item , #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_selected:not(.text_cls) .sqb_ans_item * , #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .answer_container.grid-layout-active:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer:hover , #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_container.single_fillin_text .sqb_ans_item:not(.ans_type_numeric_text):hover input, #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer.multiple_cls.sqb_ans_selected , #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer.single_cls.sqb_ans_selected , #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer:not(.text_cls):hover .sqb_ans_item {background-color: #2fa5da;color: #fff;}*/ #sqb_quiz_builder .question_container.single_fillin_text .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls) .sqb_ans_item:not(.matching-answer-outer):hover, #sqb_quiz_builder .question_container.single_fillin_text .sqb_ans_selected, #sqb_quiz_builder .question_container.single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls):not(.date_cls) .sqb_ans_item:hover *, #sqb_quiz_builder .question_container.single_fillin_text .sqb_ans_item_outer:not(.numeric_text_cls):not(.matching_text):hover, #sqb_quiz_builder .question_container.single_fillin_text, .question_container.single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls) .sqb_ans_item:not(.matching-answer-outer), #sqb_quiz_builder .question_container.single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls):not(.date_cls) .sqb_ans_item * {background-color: transparent !important;color: #333;} .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer:hover .sqb_ans_item .sql_ans_text {background-color: transparent;color: #fff;} .question_add_answer_outer_div .sqb_withoutradio input {visibility:hidden !important} .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_item input:checked + label { background-color: #eafde6; } .template_num_template6 #sqb_quiz_builder .single_fillin_text .sqb_ans_item.matching-answer-outer { padding: 15px; } .template_num_template6 #sqb_quiz_builder .single_fillin_text .sqb_ans_item.matching-answer-outer .matching_answer_text { padding-bottom: 0; } #sqb_quiz_builder:not(.quiz_type_poll) .quiz_quesans_template_outer:not(.show_cls_poll) .question_add_answer_outer_div:not(.question_type_slider_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item:hover, #sqb_quiz_builder:not(.quiz_type_poll) .quiz_quesans_template_outer:not(.show_cls_poll) .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item {background-color: transparent !important ;} .answer_container:not(.image_option_has) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text , .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text {padding: 8px;} .question_add_answer_outer_div .sqb_ans_item .sql_ans_text * { font-size: inherit; font-weight: inherit; color: inherit; } /********Multiple Verticle ends*************/ .quiz_outer_fe .question_add_answer_outer_div {margin-top: 15px;} .quiz_quesans_template_outer .sqb_ans_item .fill_in_blank_type {font-size: 15px;} .quiz_quesans_template_outer .sqb_ans_item .fill_in_blank_type {font-size: 14px;height: 35px;/* border: 0; *//* border-bottom: 10px; */} .quiz_outer_fe .sqb_backend_show, .quiz_outer_fe .question_img_upload {display:none;} .take-quiz-btn {cursor:pointer;} .quiz_outer_fe .multiple_cls .sqb_and_field {visibility: visible !important;} .answer_container.grid-layout-active .sqb_ans_item_outer {float: left;padding: 10px 0;flex-wrap: wrap;flex-flow: column;justify-content: center;width: 50%;margin: 10px 15px 10px 0;max-width: calc(50% - 15px);/*border: 1px solid #eee;*/position: relative;} .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer { border: none; } .answer_container.grid-layout-active .sqb_ans_item_outer .sqb_ans_item {margin: 0;width: 100%;max-width: 100%;padding: 0;border: none;box-shadow: none;margin-bottom: 10px;text-align: center;} .answer_container.grid-layout-active .sqb_ans_item_outer:nth-child(2n + 1) {clear: left;} .answer_container.grid-layout-active .sqb_ans_item_outer .checkbox-custom-style {margin: 10px 0 10px 10px; position: relative; z-index: 5; float: left; } .answer_container.grid-layout-active.image_option_has .sqb_ans_item_outer {padding-top: 0;} .answer_container.grid-layout-active.image_option_has .sqb_ans_item_outer .checkbox-custom-style , .answer_container.image_option_has:not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style {position: absolute; left:0px; top:0px; margin: 0; z-index: 55; right: auto; border-radius: 4px;bottom: auto; } .answer_container.grid-layout-active .sqb_ans_item_outer .sqb_ans_item p {margin: 0;padding: 0;line-height: normal;} .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item {float: left;max-width: calc(100% - 34px);box-shadow: none;} .answer_container .sqb_ans_item_outer {position: relative;} .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer {display: flex;align-items: flex-start;flex-wrap: nowrap; margin: 10px 0;} .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer .checkbox-custom-style {margin: 17px 13px 0 0; position: relative; z-index: 5; } .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item {min-height: 10px;} .sqb_quiz_container_outer:not(.quiz-slide-animation) .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matching_text) , .sqb_quiz_container_outer:not(.template_num_template8):not(.quiz-slide-animation) .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer:hover {background: none !important;color: #333;} .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text {padding: 12px 12px;} .question_container .checkbox-custom-style {width: 24px; height: 24px; min-width: 24px; min-height: 24px; } .ans_in_resultpage.incorrect_ans_div, .ans_in_resultpage.correct_ans_div {background: #ff5757; color: #fff; font-size: 15px; text-align: left; padding: 6px 15px 8px; margin: 5px 0; display: inline-block; width: 100%; position: relative; } .ans_in_resultpage.incorrect_ans_div::after , .ans_in_resultpage.correct_ans_div::after{content: "\f00d"; font-family: FontAwesome; position: absolute; right: 10px; top: 8px; line-height: normal; margin: 0; padding: 0; font-size: 24px; z-index:5; left:auto; bottom:auto; } .ans_in_resultpage.correct_ans_div {background-color: #00bcd4;} .ans_in_resultpage.correct_ans_div::after {content: "\f00c";} .ans_in_resultpage .qa_counter {left: 10px; right: auto; top: 8px; text-align: center; bottom: auto; position: absolute; margin: 0; padding: 0; font-size: 22px; z-index: 5; width: 32px; height: 32px; background: #fff; color: #ff5757; border-radius: 100%; line-height: 32px; font-weight: 600; } .ans_in_resultpage.correct_ans_div .qa_counter {color: #5ce1e6;} .question_cls, .answer_cls, .result_text{float: left;width: 100%; text-align:left} .question_cls b, .answer_cls b{float: left; padding-right: 4px; } .answer_container:not(.image_option_has):not(.question_type_slider_has) .sqb_ans_item_outer .checkbox-custom-style {margin-top: 5px;margin-bottom: 5px;} .answer_container:not(.image_option_has):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text {border: none;padding: 5px 0 0 0;background: none;} .modal_popup {z-index: 1072; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; overflow: hidden; outline: 0; overflow-x: hidden; overflow-y: auto; opacity: 1; } .modal_popup_outer{position: relative; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background-color: #9999; opacity: 0; } .modal_popup_outer.show {opacity: 1; position: fixed; z-index: 9999999999; } .modal_popup .Quiz-Template {min-height: 200px; max-height: 800px; height: auto; overflow: auto; } .modal_pop_inn{display: inline-block; max-width: 800px;width: auto; position: relative; transform: translate(0,15%); } .modal_pop_inn{/*added to make the popup in center*/ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .modal_pop_inn .close_Side_Popup {position: absolute; right: -14px; top: -18px; width: 34px; height: 34px; background: #fff; text-align: center; color: #989898; font-size: 24px; line-height: 32px; margin: 0; padding: 0; border: none; border-radius: 100%; z-index: 66; outline: none; box-shadow: none; } .sqb_form_checkbox_div label { margin-left: 10px; } .template_num_template6 .quiz_firstname_template_outer .modal_pop_center{ width: 100%; } body .template_num_template6:not(.quiz-slide-animation) .quiz_firstname_template_outer.quiz_outer_fe.show_cls.modal_popup{ position: fixed!important; display: flex !important; align-items: center; justify-content: center; flex-direction: column; flex-wrap: nowrap; } body .template_num_template6 .quiz_firstname_template_outer .Quiz-Template2.start_temp_outer{ width: 800px!important; max-width: 100%!important; } body .template_num_template6:not(.quiz-slide-animation) .quiz_firstname_template_outer.quiz_quesans_template_outer.modal_popup .modal_pop_inn{ top: 40px; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active { display: flex; flex-direction: row; flex-wrap: wrap; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active .sqb_ans_item { position: relative; height: 100%; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; } /* Social media section css */ .customize_social_share_wrapper , .customize_social_share_wrapper >label , .quiz-social-links {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;} .customize_social_share_wrapper {margin: 15px 0;text-align: center;} .customize_social_share_wrapper >label {font-weight: 600; line-height: 1.4; font-size: 15px; color: #444; font-family: 'DM Sans',sans-serif; max-width: 100%; margin: 0 0 10px; } .quiz-social-media-btn, .quiz-social-media-btn:not([href]):not([tabindex]) {max-width: 100%; width: auto; min-width: 90px; display: inline-block; margin: 0; padding: 0 15px; text-align: center; height: auto; background: #415dae; color: #fff; border-radius: 0; font-size: 26px; font-weight: normal; line-height: 50px; border: none; box-shadow: none; outline: none; text-decoration: none; cursor: pointer;margin: 0 8px;} .quiz-social-media-btn:hover , .quiz-social-media-btn:not([href]):not([tabindex]):hover {text-decoration: none;color: #fff;opacity: 0.8;outline: none;} .quiz-social-media-btn.quiz-twitter-btn, .quiz-social-media-btn.quiz-twitter-btn:not([href]):not([tabindex]), .quiz-social-media-btn.quiz-twitter-btn:focus {background: #5fa4e5 !important;} .quiz-social-media-btn.quiz-Facebook-btn , .quiz-social-media-btn.quiz-Facebook-btn:not([href]):not([tabindex]) {background: #415dae;} .fb_share_details_wrapper , .tw_share_details_wrapper{max-width: 660px !important; } .question_img_div{ display:block; } .sqb_quiz_container .question_img_div { width:100%; max-width:100%;height:auto} .sqb_quiz_container .Quiz-Template-image img , .sqb_quiz_container .question_img_div img{max-width: 100%; width: 100%; height: auto; touch-action: auto; -ms-touch-action: auto;} .sqb_quiz_container .question_img_div img.sqb_img_draggable {max-width: 100%;width: auto;height: auto;} .sqb_edit_template {display:none} .retake_button{ display: inline-block; border-radius: 5px; background: #f56640; color: #fff; height: auto; padding: 13px 15px;font-family: 'DM Sans',sans-serif; box-shadow: none; margin: 0; text-decoration: none; line-height: normal; border: none; text-align: center;text-transform: initial;font-size: 16px;font-weight: 600; width: 128px; cursor: pointer;float: none;} .quiz_start_template_outer .retake_button , .retake_button{float: none !important;text-align:center;} .reake_data_outer1 {display: inline-block;text-align: center;width: 100%;} /****Template styles****/ .outer-style1 {border: 8px solid #f5f5f5!important; border-image-slice: 20 22!important; border-image-repeat: round!important; } #Quiz-Settings-TabContent .outer-style2, .outer-style2 {background: #fff; border: 4px solid #f56640; border-radius: 0; position: relative; padding: 0 25px 25px; } #Quiz-Settings-TabContent .quiz_result_inn .outer-style2, .quiz_result_inn .outer-style2 { margin-top: 32px;} .outer-style3 {position: relative;border-top: 40px solid #ff634d;padding: 0 15px;width: auto; max-width: 100%; display: inline-block; margin: 0 auto;} .outer-style3::before, .outer-style3::after {bottom: auto;content: "";display: block;position: absolute;border-color: #da280f transparent transparent;border-style: solid;left: 0px;border-width: 15px 0px 0px 15px;top: 0;right: auto;} .outer-style3::after {right: 0px;border-width: 15px 15px 0px 0px;left: auto;} .outer-style3 .quiz_comon_template {border-radius: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 9px;background: none 0px 0px repeat scroll rgb(244, 244, 244);padding: 20px;border: none;} /****Template styles ends here****/ /**********Image move / draggable************/ .sqb_quiz_container *{ box-sizing: border-box !important} .question_img_div {overflow:hidden;} /**********Image move / draggable************/ .Quiz-Template2 .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title { padding: 0; line-height: normal; margin: 0; margin-bottom: 15px; font-family: dm sans,sans-serif; } .sqb_ans_item_slider .type-slider-outer .slider.slider-horizontal .tooltip.tooltip-min .tooltip-inner, .sqb_ans_item_slider .type-slider-outer .slider.slider-horizontal .tooltip.tooltip-max .tooltip-inner { display: none; } .Quiz-Optin-Template .form_cls input, #sqb_quiz_builder .Quiz-Optin-Template .form_cls input.required {border: 1px solid #8c8f94; border-radius: 5px; } .quiz_outer_fe .question_add_answer_outer_div {margin-top: 4px;} .Quiz-Template .Quiz-Template-image img, #sqb_quiz_builder .Quiz-Template .Quiz-Template-image img {height: auto;} .Quiz-Optin-Template .continue_btn , .result_temp_outer .Quiz-Template .take-quiz-btn , .Quiz-Template .take-quiz-btn{max-width: 100%;} .question_add_answer_outer_div .sqb_ans_item .sql_ans_text {font-weight: 600;background: #f7f7f7;} .layout-three-in-row-active.answer_container .sqb_ans_item_outer {width: 33.33%;margin-left: 10px;margin-right: 10px;max-width: calc(33.33% - 20px);} .question_add_answer_outer_div.grid-layout-active.layout-three-in-row-active .sqb_ans_item_outer:nth-child(3n + 1) {clear: left;} .answer_container.layout-three-in-row-active .sqb_ans_item_outer:nth-child(2n + 1) {clear: none;} .quiz_outer_fe .progress {margin-bottom: 2px;} .quiz_outer_fe .question_add_answer_outer_div.image_option_has .sqb_ans_item .sql_ans_text {border: 0px solid #eee;padding: 0px;background:inherit;} .quiz_outer_fe .question_description {padding: 15px 5px 5px;} .quiz_outer_fe .answer-options, .quiz_outer_fe .sqb_ans_item:not(.ans_type_numeric_text) .answer-options { display: none; } .quiz_outer_fe .sqb_ans_item.ans_type_numeric_text .answer-options { display: block; } .answer-option-item .checkbox-custom-style {width: 30px;height: 30px;min-width: 30px;min-height: 30px;margin: 0;border-radius: 5px;} .answer-option-item .checkbox-custom-style .custom--checkbox::after {width: 12px;height: 6px;top: 6px;border-width: 5px;} .Quiz-Template .progress {margin-bottom: 15px;} .quiz_quesans_template_outer .Quiz-Template-5.Quiz-Template .progress {display: none;} .quiz_start_template_outer .outer-style3 {width: auto;max-width: 100%;display: inline-block;margin: 0 auto;} .Quiz-Template-content p, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title{font-size: 24px; font-weight: bold;} #sqb_quiz_builder .sqb_first_name, .sqb_template5-fullWidth .Quiz-start-Template5-right .sqb_first_name{outline:none; height: 50px; border-radius: 0; font-weight: 500; color: #000; max-width: 100%; width: 100%; box-sizing: border-box; box-shadow: 0 0 0 transparent; background-color: inherit; font-size: 18px; margin: 20px 0 27px; border: none; border-bottom: 2px solid #c8c8c8; padding: 6px 10px 10px 10px;} .template_num_template6 .sqb_first_name { padding: 0 8px 0 8px !important; } #sqb_quiz_builder .firstname_ok_btn , .sqb_template5-fullWidth .Quiz-start-Template5-right .firstname_ok_btn{display: none; width: 100% ; max-width: 100%; border-radius: 8px; background: #ff634d; color: #fff; height: auto; padding: 13px 15px; font-family: 'DM Sans',sans-serif; min-width: 90px; box-shadow: none; margin: 15px 0 15px 0; text-decoration: none; line-height: normal; border: none; text-align: center; text-transform: none; font-size: 22px; font-weight: 600; } .mce-preview-object.mce-object-iframe {display:block;padding:0px;width:100%;} .quiz_outer_fe .checkbox-custom-style .custom--checkbox::after { width: 18px; height: 10px; position: absolute; top: 4px; left: 3px;box-sizing: border-box; } .quiz_outer_fe.quiz_optin_template_outer .checkbox-custom-style .custom--checkbox::after { width: 14px; height: 8px; position: absolute; top: 3px; left: 2px; } #sqb_quiz_builder .question_container .question_description{padding:15px 0 5px;} .personality_temp.outer-style2 .points_scored_result, #sqb_quiz_builder .personality_temp.outer-style2 .points_scored_result {color: #fff;padding: 18px 0;} #Quiz-Screen-Settings .quiz_quesans_template_outer .Quiz-Template.outer-style2, .quiz_quesans_template_outer .Quiz-Template.outer-style2{padding: 0px 40px;margin-top: 30px;} .disable_nextbutton .sqb_next_btn, .disable_retakebutton, .disable_social_share_next_btn{cursor: not-allowed!important;pointer-events: none !important;opacity: .7;} #sqb_quiz_builder .outer-style2 .Quiz-Template-title, .outer-style2 .Quiz-Template-title, .outer-style2 .points_scored_result, #sqb_quiz_builder .Quiz-Optin-Template.outer-style2 .Quiz-Template-title {background: #f56640;color: #fff;margin: 0;padding: 15px;transform: translateY(-32px);line-height: normal;border: none;margin-bottom: -15px;} #sqb_quiz_builder .outer-style2 , #sqb_quiz_builder .Quiz-Template.result_temp_outer.outer-style2, #sqb_quiz_builder .Quiz-Optin-Template.outer-style2 {background: #fff;border: 4px solid #f56640;border-radius: 0;position: relative;padding: 0 25px 25px;} #sqb_quiz_builder .quiz_quesans_template_outer .outer-style2 .Quiz-Template-title {background: #f56640; color: #fff; margin: 0; transform: translateY(-25px); margin-bottom: -15px !important; margin: 0px !important; padding: 12px !important; word-break: break-word;} .Quiz-Template.outer-style2 .progress {transform: translateY(0);} #sqb_quiz_builder .quiz_quesans_template_outer .modal_pop_inn .outer-style2 {margin: 0;overflow: visible;max-height:none} #sqb_quiz_builder.sqb_quiz_container .question_img_div { text-align: center; margin-left: auto; margin-right: auto; width: 100%!important; } .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img {overflow: hidden;} .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer:not(.phone_number_text_cls), .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer:not(.phone_number_text_cls) .sqb_ans_item:not(.ans_type_numeric_text):not(.sqb_ans_item_slider) {box-shadow: 0 4px 15.4px 0.6px rgba(0,0,0,0.05); border: solid 1px #f3f2f2; background-color: #f0f0f0; border-radius: 5px;overflow: hidden;} .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner {border: none;} .personality_temp .points_scored_result, #sqb_quiz_builder .personality_temp .points_scored_result , #sqb_quiz_builder .points_scored_result { padding: 18px 0; } /**template5*/ .Quiz-Template.Quiz-Template-5 .answer_container.grid-layout-active .sqb_ans_item_outer , .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item {/*background: #ffffff; */ box-shadow: none; border-radius: 0; border: 1px solid transparent; color: #000;cursor: pointer;} /*.Quiz-Template.Quiz-Template-5 .answer_container.grid-layout-active .sqb_ans_item_outer, .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item {background: #ffffff !important;}*/ .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div.grid-layout-active.layout-three-in-row-active .sqb_ans_item:not(.ans_type_height_weight):hover, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item:not(.ans_type_height_weight):hover , .Quiz-Template.Quiz-Template-5 .answer_container.grid-layout-active .sqb_ans_item_outer:hover , .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item:not(.ans_type_height_weight):hover , .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer:hover .sqb_ans_item:not(.ans_type_height_weight) , .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item:not(.ans_type_height_weight):hover {cursor: pointer; background-color: #efd9ca; text-decoration: none; color: #000; box-shadow: 0 2px 4px rgb(0 0 0 / 30%); } .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_item_outer.single_cls .sqb_ans_item:hover, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item , .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer:hover .sqb_ans_item:not(.matching-answer-outer):not(.ans_type_height_weight) {background-color: #efd9ca !important; } .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.matching_text { background: #fff; padding: 10px; } .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer:hover .sqb_ans_item , .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_item_outer:hover .sqb_ans_item .sql_ans_text {color: #000;} .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_item:hover *, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .addselected *, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_selected .sqb_ans_item:not(.ans_type_height_weight), .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div:not(.question_type_slider_has) .sqb_ans_selected .sqb_ans_item *, .Quiz-Template.Quiz-Template-5 .answer_container.grid-layout-active .sqb_ans_item_outer:hover, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .question_container.single_fillin_text .sqb_ans_item:hover input, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .question_container.single_fillin_text .sqb_ans_item:hover textarea, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls.sqb_ans_selected, .Quiz-Template.Quiz-Template-5 .answer_container.grid-layout-active .sqb_ans_item_outer.single_cls.sqb_ans_selected, .Quiz-Template.Quiz-Template-5 .multiple_correct_checkbox.checkbox_sel .sqb_ans_item:not(.ans_type_height_weight) .sqb_ans_item_inner, .Quiz-Template.Quiz-Template-5 .multiple_correct_checkbox.checkbox_sel .sqb_ans_item:not(.ans_type_height_weight) .sqb_ans_item_inner * {background-color: transparent !important; color: #000 !important; } .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item:hover .sql_ans_text, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item:hover .sql_ans_text > div, .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item:hover .sql_ans_text * {text-decoration: none; !important; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .sqb_question_progress {position: absolute; top: 25px; font-weight: 700; color: #19191a; margin: 0; z-index: 3; font-size: 18px; letter-spacing: 1px; width: 100%; text-align: center; left: 0; right: 0; bottom: auto; padding: 0; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side p.sqb_question_progress strong { color:#000; } .modal_popup_outer .sqb_template5-fullWidth .quiz_quesans_template_outer.modal_popup .modal_pop_inn {max-width: 1100px; } .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item .sql_ans_text > div {width: 100%; } #Quiz-Screen-Settings .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title , #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template.Quiz-result-Template5 .Quiz-result-Template5-left .points_scored_result {color: #333; font-weight: 700; line-height: 1 !important; font-size: 40px; margin: 0 !important ; font-family: 'DM Sans',sans-serif; display: inline-block; width: 100%; } .Quiz-Template.Quiz-Template-5 .answer_container .sqb_ans_item_outer textarea.sqb_textarea_ans_field {outline: none;border: none;border-radius: 0;vertical-align: middle;} #Quiz-Settings-TabContent .start_temp_outer .sqb_img_draggable, #Quiz-Settings-TabContent .quiz_comon_template .sqb_img_draggable, .sqb_img_draggable , .Quiz-Template .Quiz-Template-image img, #sqb_quiz_builder .Quiz-Template .Quiz-Template-image img, #sqb_quiz_builder .quiz_comon_template .sqb_img_draggable{ object-fit: contain !important; } .show_correct_inccorect_ans_checkbox_wrapper{ display:none; } #sqb_quiz_builder.sqb_quiz_container .outcome_div .question_img_div { margin-bottom: 12px; } .reake_data_outer1{ float: left; width: 100%; } .sqbShowTemplateImageOuter, .sqbHideTemplateImageOuter, .sqbShowQuesTemplateImageOuter, .sqbHideQuesTemplateImageOuter, .sqbShowStartTemplateImageOuter, .sqbHideStartTemplateImageOuter,.sqbDeleteStartTemplateImageOuter {display:none !important} .progress-bar .progress_percent { padding: 6px; color: #fff; position: relative; } .quiz-social-media-btn, .quiz-social-media-btn:not([href]):not([tabindex]) { max-width: 100%; width: auto; min-width: 90px; display: inline-block; margin: 0; padding: 0 15px; text-align: center; height: auto; background: #415dae; color: #fff; border-radius: 0; font-size: 26px; font-weight: normal; line-height: 50px; border: none; box-shadow: none; outline: none; text-decoration: none; cursor: pointer; margin: 0 8px; } .quiz-social-media-btn.quiz-Facebook-btn, .quiz-social-media-btn.quiz-Facebook-btn:not([href]):not([tabindex]) { background: #415dae !important; } .quiz-social-media-btn.quiz-social-media-btn, .quiz-social-media-btn.quiz-social-media-btn:not([href]):not([tabindex]) { max-width: 100%; width: auto; min-width: 90px; display: inline-block; margin: 0; padding: 0 15px; text-align: center; height: auto; /* background: #415dae;*/ color: #fff !important; border-radius: 0; font-size: 26px !important; font-weight: normal !important; line-height: 50px !important; border: none; box-shadow: none; outline: none; text-decoration: none; cursor: pointer; margin: 0 8px; } .quiz-social-media-btn.quiz-Facebook-btn, .quiz-social-media-btn.quiz-Facebook-btn:not([href]):not([tabindex]) { background: #415dae; } .customize_social_share_wrapper >label { font-weight: 600; line-height: 1.4; font-size: 15px; color: #444 !important; font-family: 'DM Sans',sans-serif; max-width: 100%; margin: 0 0 10px; } .sqbHideQuesTemplateImageOuter , #sqb_quiz_builder .sqbHideQuesTemplateImageOuter , .sqbShowQuesTemplateImageOuter, #sqb_quiz_builder .sqbShowQuesTemplateImageOuter , .answer-option-item.ans_poins_outer_wrapper, .sqb_is_right_ans_checkbox_outer .checkbox-custom-style, .sqbHideStartTemplateImageOuter, .sqbShowStartTemplateImageOuter, .startTemplateVideoOuterLinkOver , .outcomeTemplateVideoOuterLinkOver.insertOutcomeVideo, .sqbDeleteQuesTemplateImageOuter, .sqbAddQuesTemplateImageOuter, .answer_recommendation_img_action, .answer_recommendation_description_action, span.sbq_change_img{ display:none !important } .sqbHideOutcomeDescriptionOuter , .sqbShowOutcomeDescriptionOuter, .sqbHideQuesDescriptionOuter, .sqbShowQuesDescriptionOuter {display:none !important} .quiz_outer_fe .question_add_answer_outer_div .sqb_ans_item {padding-right:0} .quiz_outer_fe .question_add_answer_outer_div .sqb_ans_item { margin-top: 7px; margin-bottom: 7px; } .template_num_template6 .quiz_outer_fe .one-in-a-row.question_add_answer_outer_div:not(.image_option_has) .multiple_cls .sqb_ans_item { margin-top: 0; margin-bottom: 0; } .ans_in_resultpage_outer{ float: left; border-bottom: 1px solid #e1e1e1; margin-bottom: 20px; width: 100%; padding-bottom: 9px; } .quiz-slide-animation.template_num_template6 .Quiz-Template-overflow .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer { background: transparent; } .quiz-slide-animation.template_num_template6 .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer, .quiz-slide-animation.template_num_template6 .Quiz-Template:not(.outer-style7) .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls){ box-shadow: none; -webkit-box-shadow: none; border: none; background-color: unset; } .quiz-slide-animation.template_num_template6 .Quiz-Template:not(.outer-style7) .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer:not(.matrix_cls):hover{ box-shadow: none; -webkit-box-shadow: none; background: none!important; } .enable_branching_quiz .progress{ display:none !important; width: 100%; } .enable_branching_quiz .analyzing_result_progress .progress{ display:block !important; } .result_temp_outer .take-quiz-btn a , .take-quiz-btn a , #sqb_quiz_builder .take-quiz-btn a { background: inherit !important; color: inherit ; text-decoration: none !important; font-weight: inherit; font-size: inherit; font-family: inherit; } .take-quiz-btn a:hover { color: inherit!important; } .sqb_textarea_ans_field{ min-height: 74px !important; } #sqb_quiz_builder .single_fillin_text .question_add_answer_outer_div .sqb_ans_item, #sqb_quiz_builder .single_fillin_text .question_add_answer_outer_div .sqb_ans_item{ box-shadow: none; border: solid 0px #7f5151; background-color: transparent; } #sqb_quiz_builder .single_fillin_text .question_add_answer_outer_div .sqb_ans_item:not(.matching-answer-outer):hover, #sqb_quiz_builder .single_fillin_text .question_add_answer_outer_div .sqb_ans_item textarea:hover{ background-color: #fff ! important;} #sqb_quiz_builder .outer-style2, #sqb_quiz_builder .Quiz-Template.result_temp_outer.outer-style2 { margin-top: 25px; } #sqb_quiz_builder .quiz_quesans_template_outer .outer-style2 { margin-top: 60px; } #sqb_quiz_builder .quiz_outer_fe .Quiz-Template-title * { font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit; letter-spacing: 0; line-height: normal; padding:0; margin:0; } .modal_popup_outer .modal_popup { padding-left: 25px; padding-right: 25px; } .quiz_optin_template_outer.quiz_outer_fe.modal_popup { padding-top: 30px; padding-bottom: 30px; } #sqb_quiz_builder .quiz_quesans_template_outer .outer-style2 .progress { position: absolute; bottom: 100%; left: 0; right: 0; margin: 0 0 35px 0; } #sqb_quiz_builder .quiz_quesans_template_outer .modal_pop_inn .outer-style2 { position: relative; } .fluid-width-video-wrapper { width: 100%; position: relative; padding: 0; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #Quiz-Screen-Settings .Quiz-Template .Quiz-Template, .quiz_quesans_template_outer .Quiz-Template .Quiz-Template{ margin: 12px 0; } .single_fillin_text .sqb_ans_item:not(.ans_type_numeric_text):hover *, .single_fillin_text .question_add_answer_outer_div .addselected *, .single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.numeric_text_cls):not(.text_cls) .sqb_ans_item:not(.matching-answer-outer), .single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.numeric_text_cls):not(.text_cls) .sqb_ans_item *, .single_fillin_text .answer_container.grid-layout-active .sqb_ans_item_outer:hover, #sqb_quiz_builder .question_container.single_fillin_text .sqb_ans_item:not(.ans_type_numeric_text):hover input, #sqb_quiz_builder .question_container.single_fillin_text .sqb_ans_item:hover textarea, .single_fillin_text .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls.sqb_ans_selected, .single_fillin_text .answer_container.grid-layout-active .sqb_ans_item_outer.single_cls.sqb_ans_selected, .single_fillin_text .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer:not(.numeric_text_cls):not(.text_cls):hover .sqb_ans_item:not(.matching-answer-outer) { background-color: transparent !important; } .video-element-outer { margin-left:auto; margin-right:auto; max-width: 100%; width: 100%; height: auto; min-height: 10px; } .outcomeTemplateYoutubeVideoOuter iframe.instagram-media { margin-left: auto!important; margin-right: auto!important; } .video-element-outer .leadScreenTemplateYoutubeVideoOuter, .video-element-outer .startTemplateYoutubeVideoOuter , .video-element-outer .outcomeTemplateYoutubeVideoOuter, .video-element-outer .questionTemplateYoutubeVideoOuter {width: 100% !important; height: 100% !important; min-height: 100% !important; } .video-element-outer .leadScreenTemplateYoutubeVideoOuter iframe , .video-element-outer .startTemplateYoutubeVideoOuter iframe ,.video-element-outer .outcomeTemplateYoutubeVideoOuter iframe , .video-element-outer .questionTemplateYoutubeVideoOuter iframe , .video-element-outer .startTemplateYoutubeVideoOuter video, .video-element-outer .outcomeTemplateYoutubeVideoOuter video, .video-element-outer .questionTemplateYoutubeVideoOuter video {width: 100%; height: 100%; margin: 0; padding: 0; } .video-element-outer .outcomeTemplateYoutubeVideoOuter .fluid-width-video-wrapper{ padding: 0 !important; width: 100% !important; height: 100% !important; } .Start-template-withbutton, .Quiz-Start-Template2 { padding: 2px 40px 0; } .Quiz-Start-Template2 .take-quiz-btn, .Start-template-withbutton .take-quiz-btn { margin-bottom: 0; } #sqb_quiz_builder .quiz_outer_fe strong , #sqb_quiz_builder .quiz_outer_fe .Quiz-Template-title strong { font-weight: 700!important; } #result_temp_btnid{ text-align:center; } .questionTemplateVideoOuterLinkOver{ display:none !important; } /******* Matching Question *******/ .Quiz-Template:not(.outer-style8) .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item.matching-answer-outer { background: transparent; border: none; box-shadow: none; cursor: auto; } #sqb_quiz_builder .question_container.single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls):not(.date_cls) .sqb_ans_item .sqb-match-box.ui-droppable.sentence-not-matched { background: #ffcfcf!important; } #sqb_quiz_builder .question_container.single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls):not(.date_cls) .sqb_ans_item .sqb-match-box.ui-droppable.sentence-matched { background: #dcffdc!important; } /****NEW css 28 aug********/ .quiz_pagination_all .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text::before {font-family: FontAwesome; content: "\f058"; margin: 0 10px 0 0; display: inline-block; vertical-align: top; font-size: 26px; line-height: normal; color: #d2d2d2; } .quiz_pagination_all .answer_container .sqb_ans_item_outer.addselected .sqb_ans_item .sqb_ans_item_inner .sql_ans_text::before , .quiz_pagination_all .answer_container .sqb_ans_item_outer .sqb_ans_item:hover .sqb_ans_item_inner .sql_ans_text::before {color: #fff; } .quiz_pagination_all .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text > div { display: inline; width: auto; } #sqb_quiz_builder input.required { color: #333; } #sqb_quiz_builder .quiz_pagination_all .sqb_next_btn, #sqb_quiz_builder .quiz_pagination_all .file_upload_button { display: inline-block; border-radius: 5px; background: #fff; color: #333; height: auto; padding: 7px 10px!important; font-family: "DM Sans", sans-serif; min-width: 75px!important; box-shadow: none; margin: 0px; text-decoration: none; line-height: normal; border: none; text-align: center; text-transform: initial; font-size: 14px!important; font-weight: 600!important; width: 75px!important; max-width: 100%; cursor: pointer; float: right!important; position: relative; border: 2px solid #333 !important; margin-top: 5px!important; } .sqb_social_share_next_btn { margin-top: 20px; } /****NEW css 28 aug ends********/ /****NEW css mark as complete starts and pagiall********/ .sqbdivider { border-bottom: 1px solid #d8d8d8; padding: 0; margin: 10px 0 25px; float: left; width: 100%; } .answer_container_disabled, .answer_container_disabled1{ pointer-events: none; opacity: 0.3; } .question_container_disabled1{ pointer-events: none; opacity: 0.8; } .question_container_disabled1 .single_next_btn{ pointer-events: none; opacity: 0.7; } .question_container_disabled{ pointer-events: none; opacity: 0.3; } .pagination_all_div .buttondata_outer.multiple_ques_true { float: left; width: 100%; } .pagination_all_div .Quiz-Template.result_temp_outer { border: 1px solid #ddd !important; margin-top: 20px!important; margin-bottom: 10px!important; } .disableMarkBtn{cursor: not-allowed!important;pointer-events: none !important;opacity: .5;} .Quiz-Template-content .quiz_pagination_all p, #sqb_quiz_builder .Quiz-Template .quiz_pagination_all .Quiz-Template-title , #sqb_quiz_builder .quiz_pagination_all .Quiz-Template-title { font-size: 17px!important; font-weight: bold!important; /*text-align: left!important;*/ line-height: 1.3!important; margin: 0px !important; } #sqb_quiz_builder .quiz_pagination_all .Quiz-Template-title *:not(p){ font-size: inherit; font-weight: inherit; text-align: inherit!important; line-height: inherit!important; margin: 0px !important; } #sqb_quiz_builder .quiz_pagination_all .question_add_answer_outer_div .sqb_ans_item { line-height: 1.8; } .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 7px 12px; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text:hover, #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .answer_container .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { /*background: #a4b2ff !important;*/ box-shadow: 5px 0px 0 0 #3f51b5 inset; } #sqb_quiz_builder.quiz_type_poll .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text:hover * { background-color: transparent !important; color: #333 !important; } #sqb_quiz_builder.quiz_type_poll .poll-wrapper { margin: 0 auto; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container:not(.grid-layout-active) .sqb_ans_item_outer{ margin-left: auto; margin-right: auto; } /*newly added */ .lesson_container_outer #sqb_quiz_builder .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.multiple_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 10px 35px; } .lesson_container_outer #sqb_quiz_builder .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 7px 12px; } #sqb_quiz_builder .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 16px 12px; } #sqb_quiz_builder .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text > * { padding: 0; } .lesson_container_outer #sqb_quiz_builder .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text * { padding:0px; } .lesson_container_outer #sqb_quiz_builder .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 10px 35px; } #sqb_quiz_builder .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text * { padding:0px; } #sqb_quiz_builder .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 10px 35px; } /*newly added */ .quiz_pagination_all.multiple_correct_cls .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text::before {display:none;} .quiz_pagination_all.multiple_correct_cls .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text {padding-left: 42px; } .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style {position: absolute; left: 10px; top: 17px; right: auto; bottom: 0; margin: 0; border-radius: 5px; width: 20px; height: 20px; min-width: 20px; min-height: 20px; } .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style .custom--checkbox::after {width: 12px; height: 8px; } .quiz_pagination_all .question_add_answer_outer_div .sqb_ans_item .sql_ans_text{ font-size:14px; font-weight:500;display: flex;} .quiz_pagination_all .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_inner , .quiz_pagination_all .answer_container.grid-layout-active .sqb_ans_item_outer, .quiz_pagination_all .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item{ box-shadow: none; } /*.quiz_pagination_all .answer_container.grid-layout-active .sqb_ans_item_outer, .Quiz-Template:not(.outer-style8) .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item { background-color: #f7f7f7; }*/ .reake_data_outer { float: none; margin: 0 auto; text-align: center; padding: 0; } .dap_see_details_btn{ display: inline-block; border-radius: 5px; background: #252525; color: #fff; height: auto; padding: 12px 15px;font-family: 'DM Sans',sans-serif; min-width: 90px; box-shadow: none; margin: 0; text-decoration: none; line-height: normal; border: none; text-align: center;text-transform: initial;font-size: 16px;font-weight: 600; width: 140px; max-width: 100%; cursor: pointer; float: right!important } .buttondata_outer.multiple_ques_true .retake_button{ float: left !important; } #sqb_quiz_builder .quiz_quesans_template_outer.pagination_all_div .Quiz-Template { padding: 20px 25px; margin: 15px 0 !important; } #sqb_quiz_builder .quiz_quesans_template_outer.pagination_all_div .result_temp_outer { max-width: 100% !important; } #sqb_quiz_builder .quiz_quesans_template_outer.pagination_all_div .progress { display:none!important; } .quiz_result_template_outer1.quiz_outer_fe { /* margin-top: 30px;*/ } .pagination_all_div{ margin-bottom: 30px; } .quiz_result_template_outer1 .ans_in_resultpage_outer { border-bottom: 0px solid #e1e1e1; margin-bottom: 0; padding-bottom: 0; } .btn_disabled { pointer-events: none; opacity: 0.4; } .already_taken_quiz_outer { display: none; width: 100%; border: 2px solid #4f6cbf; padding: 10px 15px!important; border-left: 5px solid #4f6cbf; background: #ffffff; font-size: 15px; font-weight: 600; border-radius: 5px; color: #333; margin-top: 5px; margin-bottom: 24px; } .not_passed_quiz_msg_outer { display: none; border: 2px solid #4f6cbf; padding: 10px 15px; background: #ffffff; font-size: 15px; font-weight: 600; border-radius: 5px; color: #333; width: auto; max-width: 100%; float: none; clear: both; margin: 12px auto 0; text-align: center; display: inline-block; min-width: 420px; } .quiz_quesans_template_outer .not_passed_quiz_msg_outer{ display:none !important; } .quiz_quesans_template_outer .Quiz-Template .not_passed_quiz_msg_outer{ } .quiz_type_poll .sqb-vote-footer { display: inline-flex; align-items: center; width: 100%; vertical-align: middle; padding: 0; margin: 15px 0 0 0; } .quiz_type_poll .sqb-change-vote-count-results { margin-left: 0; width: auto; padding-right: 20px; font-weight: 500; } .quiz_type_poll .sqb-change-vote-action { margin-left: auto; text-align: right; display: inline-flex; align-items: center; } .quiz_type_poll .sqb-change-vote-action a.sqb-view-result.show_cls { margin-right: 20px; } .quiz_type_poll .sqb-change-vote-action .sqb-change-vote { margin-bottom: 10px; } .quiz_type_poll .sqb-change-vote-action .btn-add-vote { margin-top: 0 !important; } /* vote hover text */ label.voteRangehover-text , .qa-listing-data:hover label.voteRangetext { display: none; visibility: hidden; opacity: 0; } .qa-listing-data:hover label.voteRangehover-text { display: inline-block; visibility: visible; opacity: 1; } .vote_thank-you span {font-size: 24px; margin: 10px 0 !important; font-weight: 600; color: #5269e9; border: none; border: 3px solid; padding: 10px 15px; text-align: left; border-radius: 0; margin-bottom: 0!important; line-height: normal; /*background: #f4f4f4;*/ display: block; } .vote_thank-you.vote_thank-you-with-result{margin-block: 25px;} #sqb_quiz_builder.quiz_type_poll .Quiz-Template .Quiz-Template-title {font-size: 30px;} .sqb_quiz_container_outer .quiz_type_poll .quiz_quesans_template_outer .sqb-change-vote-action .single_next_btn.btn-add-vote {padding-inline: 45px;width: auto;} .sqb_quiz_container_outer .quiz_type_poll .quiz_quesans_template_outer .sqb-change-vote-action .single_next_btn.btn-add-vote:disabled { opacity: 0.6; cursor: not-allowed; } .question_add_answer_outer_div-result { margin: 0 auto; } /* checkbox and text under one section */ .quiz_type_poll .Quiz-Template .answer_container .sqb_ans_item_outer.multiple_cls .sqb_ans_item { overflow: hidden; margin: 0; background-color: transparent !important; border-radius: 0; border: none; box-shadow: none; } .quiz_type_poll .Quiz-Template .answer_container .sqb_ans_item_outer.multiple_cls { padding: 0 12px; transition: all ease 0.3s; box-shadow: 0 4px 15.4px 0.6px rgb(0 0 0 / 5%); border: solid 1px #f3f2f2; background-color: #f0f0f0; border-radius: 5px; margin: 20px 0; } .quiz_type_poll .Quiz-Template:not(.outer-style8) .answer_container .sqb_ans_item_outer.multiple_cls .checkbox-custom-style { margin: 14px 0 0 0; position: relative; z-index: 5; } .sqb_quiz_container_outer :not(.quiz-slide-animation).quiz_type_poll .quiz_outer_fe.quiz_quesans_template_outer .Quiz-Template.outer-style8 .answer_container.show_cls{ display: flex!important; flex-direction: row; flex-wrap: wrap; } .sqb_quiz_container_outer .quiz_type_poll .Quiz-Template-outer .Quiz-Template .answer_container .sqb_ans_item_outer.multiple_cls:hover , .sqb_quiz_container_outer .quiz_type_poll .Quiz-Template-outer .Quiz-Template .answer_container .sqb_ans_item_outer.multiple_cls.sqb_ans_selected { background: #a4b2ff !important; box-shadow: 5px 0px 0 0 #3f51b5 inset; } .sqb_quiz_container_outer .quiz_type_poll .Quiz-Template-outer .Quiz-Template .answer_container .sqb_ans_item_outer.multiple_cls:hover .sqb_ans_item , .sqb_quiz_container_outer #sqb_quiz_builder.quiz_type_poll .Quiz-Template .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls .sqb_ans_item:hover , .sqb_quiz_container_outer #sqb_quiz_builder.quiz_type_poll .Quiz-Template .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls .sqb_ans_item:hover * , .sqb_quiz_container_outer #sqb_quiz_builder.quiz_type_poll .Quiz-Template .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls.sqb_ans_selected .sqb_ans_item , .sqb_quiz_container_outer #sqb_quiz_builder.quiz_type_poll .Quiz-Template .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls.sqb_ans_selected .sqb_ans_item * , .sqb_quiz_container_outer #sqb_quiz_builder.quiz_type_poll .Quiz-Template .Quiz-Template-overflow .answer_container .multiple_cls.sqb_ans_selected .sqb_ans_item * { background: none !important; } /*#sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:hover .sql_ans_text *, #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:hover .sqb_ans_item *{ background: #a4b2ff !important; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:hover { background: #a4b2ff !important; box-shadow: 5px 0px 0 0 #3f51b5 inset; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer{ transition: none; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer .sql_ans_text:hover { box-shadow: none!important; background: #a4b2ff !important; }*/ #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer .sql_ans_text { background: #fff !important; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container:not(.image_option_has) .sqb_ans_item_outer:not(.multiple_correct_checkbox):not(.text_cls):not(.matrix_cls):not(.date_cls):not(.slider_cls):not(.numeric_text_cls):after{ content: unset; } /*****NEW css mark as complete ends********/ .modal_popup_outer .quiz_quesans_template_outer.modal_popup .modal_pop_inn {position: static; top: 0; left: 0; transform: translate(0,0); } .modal_popup_outer .quiz_quesans_template_outer.modal_popup {padding: 25px; width: 100%; overflow-x: hidden; overflow-y: auto;} .modal_popup_outer .quiz_quesans_template_outer.modal_popup .modal_pop_center {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100%; padding: 0; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; max-width: 100%; margin: 0; } .modal_popup_outer .quiz_result_template_outer.modal_popup .modal_pop_inn {position: static; top: 0; left: 0; transform: translate(0,0); } .modal_popup_outer .quiz_result_template_outer.modal_popup {padding: 25px; width: 100%; overflow-x: hidden; overflow-y: auto;} .modal_popup_outer .quiz_result_template_outer.modal_popup .modal_pop_center , .modal_popup_outer .quiz_analyzing_template_outer.modal_popup .modal_pop_center {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100%; padding: 0; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; max-width: 100%; margin: 0; } .modal_popup_outer .quiz_result_template_outer.modal_popup .Quiz-Template.result_temp_outer {overflow-y: auto !important;} .quiz_quesans_template_outer.corner_popup .modal_pop_corner, .quiz_optin_template_outer.corner_popup .modal_pop_corner, .quiz_start_template_outer.corner_popup .modal_pop_corner, .quiz_analyzing_template_outer.corner_popup .modal_pop_corner, .quiz_result_template_outer.corner_popup .modal_pop_corner {position: absolute !important; top: auto !important; left: auto !important; transform: translate(0,0); right: 15px; bottom: 0;width: auto;max-width: calc(100% - 50px);} .quiz_quesans_template_outer.corner_popup .modal_pop_inn, .quiz_optin_template_outer.corner_popup .modal_pop_inn, .quiz_start_template_outer.corner_popup .modal_pop_inn, .quiz_analyzing_template_outer.corner_popup .modal_pop_inn, .quiz_result_template_outer.corner_popup .modal_pop_inn {position: static !important; transform: translate(0,0);max-width: 100%;} .quiz_quesans_template_outer.corner_popup .modal_pop_inn .quiz_comon_template, .quiz_optin_template_outer.corner_popup .modal_pop_inn .quiz_comon_template, .quiz_start_template_outer.corner_popup .modal_pop_inn .quiz_comon_template, .quiz_result_template_outer.corner_popup .modal_pop_inn .quiz_comon_template , .quiz_quesans_template_outer.corner_popup .modal_pop_inn .Quiz-Template, .quiz_optin_template_outer.corner_popup .modal_pop_inn .Quiz-Template, .quiz_start_template_outer.corner_popup .modal_pop_inn .Quiz-Template, .quiz_result_template_outer.corner_popup .modal_pop_inn .Quiz-Template {max-height: 80vh;overflow-y: visible} .sqb_quiz_container .modal_pop_corner .question_img_div {height: auto;} .sqb_quiz_container .corner_popup .Quiz-Template2, #sqb_quiz_builder .sqb_quiz_container .corner_popup .Quiz-Template2 {padding: 15px 20px;} /*.quiz_start_template_outer.quiz_outer_fe.corner_popup {position: fixed; background-color: rgba(0,0,0,0.2); left: 0; right: 0; top: 0; bottom: 0; z-index: 999999; }*/ .quiz_quesans_template_outer.corner_popup .modal_pop_corner.modal_pop_corner_left, .quiz_optin_template_outer.corner_popup .modal_pop_corner.modal_pop_corner_left, .quiz_start_template_outer.corner_popup .modal_pop_corner.modal_pop_corner_left, .quiz_result_template_outer.corner_popup .modal_pop_corner.modal_pop_corner_left {right: auto;left: 25px;} .sqb_template5-fullWidth.quiz_optin_template_outer .modal_pop_center .modal_pop_inn .Quiz-Optin-Template.quiz_comon_template {border-radius: 7px !important;} .modal_popup.corner_popup .modal_pop_corner .modal_pop_inn { max-width: 100%!important; width: 100%!important; } /****Thrive start********/ .thrv-page-section.tcb-window-width .tve-page-section-in{ clear:both; } /****Thrive ends********/ /*Huge thanks to @tobiasahlin at http://tobiasahlin.com/spinkit/ */ .spinner { /* margin: 100px auto 0; width: 70px;*/ text-align: center; } .outcome_data_cont{ float:left; width:100%; } .pagination_all_div .spinner > div { background-color: #333 !important; } .spinner > div { width: 18px; height: 18px; background-color: #a99e9e; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; } .spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .spinner1 { float: right; width: 100%; } .spinner1 > div { width: 15px; height: 15px; } .spinner.spinner1_text > div { width: 18px; height: 18px; background-color: #fff; color: #fff; } .sqb_quiz_container_outer{ display: block; width: 100%!important; clear: both; max-width: 100% !important; } .quiz_quesans_template_outer.quiz_outer_fe.modal_popup .question_container_disabled { pointer-events: auto; opacity: 1; } .quiz_quesans_template_outer.quiz_outer_fe.modal_popup.fullscreen-loader .question_container_disabled { pointer-events: none; opacity: 0.3; } @-webkit-keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0) } 40% { -webkit-transform: scale(1.0) } } @keyframes sk-bouncedelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1.0); transform: scale(1.0); } } #sqb_quiz_builder .question_add_answer_outer_div .sqb_ans_selected .sqb_ans_item_slider, #sqb_quiz_builder .question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item_slider {border-radius: 5px; overflow: hidden;/* box-shadow: 0 4px 15.4px 0.6px rgb(0 0 0 / 5%); border: solid 1px #f9f9f9; background-color: #f9f9f9;*/ width: 100%; display: inline-block; /*margin-top: 7px; margin-bottom: 7px;*/ padding-top: 25px;} /* SQB Animation top bottom Start */ .sqb_quiz_container_outer.quiz-slide-animation.top-to-bottom {overflow: hidden;} .quiz-slide-animation.top-to-bottom .Quiz-Template, .quiz-slide-animation.top-to-bottom .Quiz-Template.show_cls, .quiz-slide-animation.top-to-bottom .quiz_outer_fe, .quiz-slide-animation.top-to-bottom .quiz_outer_fe.show_cls {left: 0;right: 0;top: auto;bottom: auto;float: none;margin: 0 auto;} .quiz-slide-animation.top-to-bottom .Quiz-Template.hide_cls, .quiz-slide-animation.top-to-bottom .quiz_outer_fe.hide_cls {-webkit-transform: translate(0,200%);transform: translate(0,200%);} .quiz-slide-animation.top-to-bottom .Quiz-Template.hide_cls.done_question, .quiz-slide-animation.top-to-bottom .quiz_outer_fe.hide_cls.done_screen {-webkit-transform: translate(0,-200%);transform: translate(0,-200%);} .template_num_template3.quiz-slide-animation .Quiz-Template.hide_cls, .template_num_template3.quiz-slide-animation .quiz_outer_fe.hide_cls {position: absolute !important;} .template_num_template3.quiz-slide-animation.top-to-bottom .sqb_quiz_container .quiz_optin_template_outer {padding-top: 50px;} .sqb-gdpr-checkbox.gdpr-Outer {display: flex; align-items: flex-start; width: 100%; flex-wrap: nowrap; } /* SQB Animation top bottom End */ .checkbox-focus{border: 2px solid red;} /*---[ Quiz Question height issue and result heading cutoff issue ]-------*/ /*.question_container div#mce_5 { display: block !important; }*/ .Quiz-Template.result_temp_outer, #sqb_quiz_builder .Quiz-Template.result_temp_outer{ overflow: visible; } /* set input placeholder default color */ .sqb_quiz_container input::placeholder { color: #000; } .modal_popup_outer .quiz_result_template_outer.modal_popup .Quiz-Template.result_temp_outer.outer-style2 { overflow-y: visible!important; } .lesson_container_outer .outer-style2 .already_taken_quiz_outer { margin-bottom: 34px; } .lesson_container_outer #sqb_quiz_builder .quiz_quesans_template_outer.pagination_all_div .Quiz-Template { margin: 27px 0 !important; text-align: center; } .one_per_page_div{ display:none; } .lesson_container_outer #sqb_quiz_builder .quiz_quesans_template_outer.pagination_all_div .Quiz-Template.result_temp_outer { padding-left: 25px !important; padding-right: 25px !important; } .lesson_container_outer #sqb_quiz_builder .quiz_quesans_template_outer.pagination_all_div .outer-style3.outer_style3_new { max-width: 700px; } /*.question_type_rating .sqb_ans_item_outer {display: inline !important;} .question_type_rating .sqb_ans_item.ans_type_rating {width: 18%; display: inline-block; margin-right: 10px; padding: 0px; }*/ .question_type_rating .sqb_ans_item.ans_type_rating .sqb_ans_delete_btn, .question_type_rating .sqb_ans_item.ans_type_rating .answer-options {display: none !important;} .rating_info {display: flex; align-items: flex-start; flex-wrap: nowrap; justify-content: space-between; margin: 20px 0 10px 0; font-size: 16px; font-weight: 500; line-height: normal; color: #333; } .question_type_rating .answer_container {display: flex; justify-content: flex-start; width: auto; margin: 0 -5px;flex-wrap: wrap;} .Quiz-Template.outer-style8 .question_type_rating .answer_container { display: flex !important; flex-wrap: unset; } .question_type_rating .answer_container .sqb_ans_item_outer {width: 20%; max-width: 20%; flex-basis: 20%; padding: 5px; } .question_type_rating .answer_container.ranting_level_1 .sqb_ans_item_outer {width: 100%; max-width: 100%; flex-basis: 100%; padding: 5px; } .question_type_rating .answer_container.ranting_level_2 .sqb_ans_item_outer {width: 50%; max-width: 50%; flex-basis: 50%; padding: 5px; } .question_type_rating .answer_container.ranting_level_3 .sqb_ans_item_outer {width: 33%; max-width: 33%; flex-basis: 33%; padding: 5px; } .question_type_rating .answer_container.ranting_level_4 .sqb_ans_item_outer {width: 25%; max-width: 25%; flex-basis: 25%; padding: 5px; } .question_type_rating .answer_container.ranting_level_5 .sqb_ans_item_outer {width: 20%; max-width: 20%; flex-basis: 20%; padding: 5px; } .question_type_rating .answer_container.ranting_level_6 .sqb_ans_item_outer {width: 20%; max-width: 20%; flex-basis: 20%; padding: 5px; } .question_type_rating .answer_container.ranting_level_7 .sqb_ans_item_outer {width: 20%; max-width: 20%; flex-basis: 20%; padding: 5px; } .question_type_rating .answer_container.ranting_level_8 .sqb_ans_item_outer {width: 20%; max-width: 20%; flex-basis: 20%; padding: 5px; } .question_type_rating .answer_container.ranting_level_9 .sqb_ans_item_outer {width: 20%; max-width: 20%; flex-basis: 20%; padding: 5px; } .question_type_rating .answer_container .sqb_ans_item_outer .sqb_ans_item {margin: 0;} .rating_info .rating_info_right , .rating_info .rating_info_right *{text-align: right;color: #1ebd1e;} .rating_info .rating_info_left, .rating_info .rating_info_left * {color: #de1a1a;} .rating_info.question_rating_lable_div label.quiz_label, .rating_info label.quiz_label {font-weight: 600; font-size: 16px; margin: 0 0 5px 0; line-height: normal; color: #000; } /*.modal_popup_outer .quiz_quesans_template_outer.modal_popup.corner_popup {padding: 0;}*/ .quiz_firstname_template_outer .Quiz-Template2.start_temp_outer.quiz_comon_template { border: 1px solid #ddd !important } .template_num_template7 .quiz_firstname_template_outer .Quiz-Template2.start_temp_outer.quiz_comon_template { border: none !important; } .Quiz-Template .file-upload-wrapper .file-upload .file-upload-message p {font-size: 16px;} .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper, .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper * , .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper:hover , .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper:hover * , .Quiz-Template .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer:hover .sqb_ans_item.file-upload-wrapper{background: none !important;color: #333 !important;} .Quiz-Template .file-upload-wrapper .file-upload i {font-size: 32px;} .Quiz-Template .question_add_answer_outer_div .file_upload_cls .sqb_ans_item.file-upload-wrapper, .Quiz-Template .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.file_upload_cls .sqb_ans_item.file-upload-wrapper {overflow: visible;margin: 0;} .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper .file-upload {color: #ccc;background: #f3f3f3 !important;} .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper .uploadedFileNamePre {box-shadow: none;font-size: 14px; border: none; padding: 0; line-height: normal; font-weight: normal; margin: 10px 0 0 0;} .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper , .Quiz-Template .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item.file-upload-wrapper {border: none;box-shadow: none;border-radius: 0;margin-bottom: 13px;} .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper .uploadedFileNamePre > span {color: #139831 !important;font-weight: 600; } .Quiz-Template .question_add_answer_outer_div .sqb_ans_item.file-upload-wrapper .uploadedFileNamePre > span.file-upload-error-message {color: #d43d3d !important; font-weight: 600; } /* With checkbox quiz */ .quiz-slide-animation .Quiz-Template-overflow .answer_container .sqb_ans_item_outer .sqb_ans_item {margin: 0;border: none;box-shadow: none;} .quiz-slide-animation .Quiz-Template-overflow .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer {display: inline-flex;align-items: flex-start;flex-wrap: nowrap;background-color: #fff;margin: 10px 0;width: 100%;padding: 2px;} .quiz-slide-animation .Quiz-Template:not(.outer-style7) .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer:not(.matrix_cls):not(.weight_and_height_cls):hover , .quiz-slide-animation .Quiz-Template:not(.outer-style7) .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls):not(.weight_and_height_cls) {-webkit-box-shadow: inset 0 0 0 2px rgb(15 78 99 / 75%), 2px 4px 7px rgb(0 0 0 / 15%);box-shadow: inset 0 0 0 2px rgb(15 78 99 / 75%), 2px 4px 7px rgb(0 0 0 / 15%);color: #0f4e63;z-index: 99;} .quiz-slide-animation .Quiz-Template-overflow .single_fillin_text .answer_container .sqb_ans_item_outer:hover , .quiz-slide-animation .Quiz-Template-overflow .single_fillin_text .answer_container .sqb_ans_item_outer.sqb_ans_selected { -webkit-box-shadow: none; box-shadow: none;; } .quiz-slide-animation .Quiz-Template-overflow .single_fillin_text .answer_container .sqb_ans_item_outer:hover textarea , .quiz-slide-animation .Quiz-Template-overflow .single_fillin_text .answer_container .sqb_ans_item_outer.sqb_ans_selected textarea{ webkit-box-shadow: inset 0 0 0 2px rgb(15 78 99 / 75%), 2px 4px 7px rgb(0 0 0 / 15%);box-shadow: inset 0 0 0 2px rgb(15 78 99 / 75%), 2px 4px 7px rgb(0 0 0 / 15%); } .quiz-slide-animation:not(.template_num_template6) .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls):not(.ranking_choices):after {border: solid #0f4e63;border-width: 0 5px 5px 0;content: "";height: 34px;left: 50%;margin: -3px 0 0 -8px;position: absolute;right: 0;top: 50%;-webkit-transform: rotate(45deg) translateY(-50%) translateX(-50%);transform: rotate(45deg) translateY(-50%) translateX(-50%);width: 16px;} .quiz-slide-animation:not(.template_num_template6) .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected.weight_and_height_cls:not(.matrix_cls):not(.ranking_choices):after {content: unset!important;} .quiz-slide-animation .Quiz-Template-overflow .single_fillin_text .answer_container .sqb_ans_item_outer.sqb_ans_selected:after , .quiz-slide-animation .Quiz-Template-overflow .single_fillin_text .answer_container .sqb_ans_item_outer.sqb_ans_selected:before , .quiz-slide-animation .Quiz-Template-overflow .question_type_file_upload .answer_container .sqb_ans_item_outer.sqb_ans_selected:after , .quiz-slide-animation .Quiz-Template-overflow .question_type_file_upload .answer_container .sqb_ans_item_outer.sqb_ans_selected:before {visibility: hidden;opacity: 0;display: none;} .quiz-slide-animation .Quiz-Template-overflow .answer_container.grid-layout-active .sqb_ans_item_outer {padding:2px;} .quiz-slide-animation .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item:not(.ans_type_height_weight):hover, .quiz-slide-animation .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item:not(.ans_type_height_weight):hover *, .quiz-slide-animation .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .addselected *, .quiz-slide-animation .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_selected .sqb_ans_item:not(.ans_type_height_weight), .quiz-slide-animation .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_selected .sqb_ans_item:not(.ans_type_height_weight) *, .quiz-slide-animation .Quiz-Template-overflow .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer:hover, #sqb_quiz_builder .quiz-slide-animation .Quiz-Template-overflow .question_container.single_fillin_text .sqb_ans_item:hover input, #sqb_quiz_builder .quiz-slide-animation .Quiz-Template-overflow .question_container.single_fillin_text .sqb_ans_item:hover textarea, .quiz-slide-animation .Quiz-Template-overflow .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls.sqb_ans_selected, .quiz-slide-animation .Quiz-Template-overflow .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer.single_cls.sqb_ans_selected, .quiz-slide-animation:not(.template_num_template6) .Quiz-Template-overflow .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer:hover .sqb_ans_item:not(.ans_type_height_weight), .quiz-slide-animation .Quiz-Template-overflow .multiple_correct_checkbox.checkbox_sel .sqb_ans_item .sqb_ans_item_inner, .quiz-slide-animation .Quiz-Template-overflow .multiple_correct_checkbox.checkbox_sel .sqb_ans_item .sqb_ans_item_inner * {background-color: #e5f1ff !important;color: #333 !important;} .quiz-slide-animation .Quiz-Template-overflow .sqb_ans_item_outer.multiple_cls.sqb_ans_selected .sqb_ans_item *, .quiz-slide-animation .Quiz-Template-overflow .sqb_ans_item_outer.sqb_ans_selected.single_cls .sqb_ans_item * {color: #333 !important;} .quiz-slide-animation .Quiz-Template-overflow .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style {margin: 12px 10px 0 5px; z-index: 55;} .quiz-slide-animation .Quiz-Template-overflow .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style .custom--checkbox::after , .quiz_outer_fe .quiz-slide-animation .Quiz-Template-overflow .checkbox-custom-style .custom--checkbox::after {width: 16px;height: 9px;top: 5px;left: 3px;} .quiz-slide-animation .Quiz-Template-overflow .answer_container.grid-layout-active.image_option_has .sqb_ans_item_outer .checkbox-custom-style, .answer_container.image_option_has:not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style {left: 2px;top: 2px;} .quiz-slide-animation .Quiz-Template-overflow .answer_container:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls):not(.weight_and_height_cls):before {content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(0,0,0,.2);z-index: 9;width: 100%;} .quiz-slide-animation .Quiz-Template-overflow .answer_container.image_option_has .sqb_ans_item_outer {margin:10px 0;} .dap-body-overflow {overflow-x: hidden;} .sqb_quiz_container_outer {position: relative;} .sqb_quiz_container_outer, .quiz-slide-animation. sqb_quiz_container_outer { max-width: 100% !important; } .question_type_file_upload .spinner > div { background-color: #fff;} .lesson_container_outer .question_type_file_upload .spinner > div { background-color: #333;} .pagination_all_div .Quiz-Template .Quiz-Template-overflow .sqbdivider { display:none ! important; } .pagination_all_div .Quiz-Template { background: #fdfbfb; } .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item textarea, .answer_container .sqb_ans_item_outer .sqb_ans_item textarea {border-radius: 5px; margin: 0 0px; padding:10px;} .question_add_answer_outer_div .sqb_ans_item .sql_ans_text * { display: block; /**changed from "inline-block" to "block" for text align center **/ } .question_add_answer_outer_div.grid-layout-active .sqb_ans_item .sqb_ans_item_img { margin: 0 0 0px 0; } /**************badge popup starts*********************/ .display_message-popup-outer {position: fixed; left: 0; top: 0; bottom: 0; right: 0; width: 100%; display: flex; justify-content: flex-end; align-content: end; background-color: rgba(0,0,0,.6); z-index: 9999; margin: 0; padding: 5% 0 0 0; font-family: 'DM Sans', sans-serif; font-size: 16px; color: #333; line-height: 1.2; font-weight: normal; align-items: flex-end; } .display_message-popup-outer .display_message-popup-inner {max-width:380px; background: #fff; padding:30px 20px; box-sizing: border-box; position: relative;margin-right: 30px;border-radius: 7px; } .display_message-popup-outer .display_message-popup-close {position: absolute; right: -14px; top: -18px; width: 34px; height: 34px; background: #fff; text-align: center; color: #989898; font-size: 24px; line-height: 32px; margin: 0; padding: 0; border: none; border-radius: 100%; z-index: 66; outline: none; text-decoration: none; box-shadow: 0 0 4px 0 #7d7d7d; font-weight: 600; } .display_message-popup-outer .display_message-popup-close:hover {color: #fff;background-color: #333;} .display_message-popup-inner .display_message-popup-body {display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; clear: both; } .display_message-popup-body .display_message-popup-content {width: 100%;max-width: 100%;padding: 0 ;margin: 0;font-size: 16px; line-height: 24px;} .display_message-popup-content h3, .display_message-popup-content p {margin: 0;padding: 0;width: 100%;display: inline-block;vertical-align: middle;line-height: 1.2;font-size: 16px;font-weight: normal;} .display_message-popup-content h3 {font-size: 22px;font-weight: 600;margin-bottom: 13px;} .display_message-popup-outer {display: none;visibility: hidden;opacity: 0;} .display_message-popup-outer {display: none; visibility: none;} .display_message-popup-outer.display_message-popup-active {display: flex !important;visibility: visible;opacity: 1;} /**************badge popup ends*********************/ .modal_pop_inn .close_Side_Popup{ pointer-events: auto !important; } .retake_without_lesson_div{ display: inline-block; margin: 10px auto; width: 100%;} .showhide_retake{ display:none!important;} .sqb_points_earned, .sqb_total_points { display: inline-block; width: auto; } .sqb_edit_template , .quiz_start_template_outer .sqb_edit_template {display:none!important;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text{padding: 24px 12px; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer:not(.fill_in_blank_cls):not(.date_cls).sqb_ans_selected:not(.matching_text):not(.weight_and_height_cls):before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0,0,0,.3); z-index: 9; width: 100%; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.fill_in_blank_cls):not(.date_cls):not(.matching_text):not(.weight_and_height_cls):after {border: solid #0a790f; border-width: 0 7px 7px 0; content: ""; height: 38px; left: auto; margin: -3px 0 0 -8px; position: absolute; right: 0; top: 50%; -webkit-transform: rotate(45deg ) translateY(-50%) translateX(-50%); transform: rotate(45deg ) translateY(-50%) translateX(-50%); width: 20px; right: 28px; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.dropdown_cls.sqb_ans_selected:not(.fill_in_blank_cls):not(.date_cls):after { border: none; } .quiz_outer_fe .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .question_add_answer_outer_div .sqb_ans_item {margin-top: 0; margin-bottom: 0; } .quiz_outer_fe .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer {margin: 15px 0; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .checkbox-custom-style {display: none; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.text_cls:before, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.text_cls:after, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.file_upload_cls:before, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.file_upload_cls:after {display: none;visibility: hidden;opacity: 0;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:after {right: auto; left: 25px; } .Quiz-Template.Quiz-Template-5 .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected .sqb_ans_item, .Quiz-Template.Quiz-Template-5 .answer_container:not(.question_type_slider_has):not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.sqb_ans_selected:not(.text_cls):not(.date_cls):not(.phone_number_text_cls) .sqb_ans_item {padding-left: 0px;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.text_cls .sqb_ans_item, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.text_cls .sqb_ans_item, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.slider_cls .sqb_ans_item, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container .sqb_ans_item_outer.sqb_ans_selected.file_upload_cls .sqb_ans_item {padding-left: 0;} #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item_outer.text_cls .sqb_ans_item:hover *, #sqb_quiz_builder.Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item_outer.text_cls .sqb_ans_item:hover textarea {background: #fff !important;} .sqb_template5-fullWidth .Quiz-Optin-Template .Quiz-Template-content {margin-left: auto !important ;margin-right: auto ! important;text-align: center;} .sqb_template5-fullWidth .Quiz-Optin-Template .Quiz-Template-content form {display: inline-block;} .sqb_template5-fullWidth .Quiz-Optin-Template.quiz_comon_template {text-align: center;border: none ! important;border-radius: 0 !important; } .checkbox-custom-style .custom--checkbox::after { border-width: 4px; border-top: none; border-right: none; } .lesson_container_outer .single_next_btn, .lesson_container_outer .single_next_btn * { font-weight: 600; } body .lesson_container_outer .pagination_all_div .question_container .question_title , body .lesson_container_outer .pagination_all_div .question_container .question_title div{ font-size: 18px; } body .lesson_container_outer .pagination_all_div .answer_container .sql_ans_text , body .lesson_container_outer .pagination_all_div .answer_container .sql_ans_text div { font-size: 15px; } .lesson_container_outer .pagination_all_div .Quiz-Template { background: #fff; box-shadow: 0px 2px 9px #e1e1e1; } .sqb_quiz_container_outer .quiz_outer_fe.quiz_optin_template_outer.show_cls .Quiz-Optin-Template, .sqb_quiz_container_outer .quiz_outer_fe.quiz_quesans_template_outer .quiz_optin_template_outer.show_cls .Quiz-Optin-Template {display: flex !important; margin: 0 auto !important; justify-content: center; align-items: center; flex-flow: column; flex-wrap: wrap; } .sqb_template5-fullWidth .Quiz-Optin-Template .Quiz-Template-content form {width: 100%;max-width: 700px;} /*.Quiz-Template.Quiz-Template-5 .answer_container .sqb_ans_item_outer textarea.sqb_textarea_ans_field { outline: none; border: none;border-radius: 0;vertical-align: middle;min-height: 120px; }*/ /**********Timer ************/ .sqb_counter { position: static; margin: 0 0 0 5px; bottom: auto; border: 3px solid #e1e1e1; line-height: normal; vertical-align: middle; display: inline-block; padding: 5px; text-align: center; } .sqb_counter_outer1, .sqb_counter_outer1 .quiz_timer_html_data , .quiz_timer_html_data .sqb_tiny_mce_editor { display: inline-block; width: 100%; max-width: 100%; margin: 0; padding: 0; vertical-align: middle; float:none; text-align: center; } .quiz_timer_html_data .sqb_tiny_mce_editor { width: auto; height: auto; margin: 0 0 10px 0; } .sqb_counter, .quiz_timer_spent_msg{ font-weight: 600; } .sqb_timer span { width: 45px; float: left; line-height: 20px; text-align: center; white-space: nowrap; } .sqb_timer .add_div { width: 3px; float: left; line-height: 20px; } .quiz_optin_template_outer .quiz_timer_html_data , .quiz_result_template_outer .quiz_timer_html_data{ display:none; } .quiz_result_template_outer .quiz_timer_spent_msg{ display: inline-block; text-align: center; margin: 4px auto; } .sqb_counter_expired_msg { float: left; width: 100%; border: 3px solid red; padding: 7px; margin-bottom: 16px; font-size: 15px; font-weight: 600; } .sqb_timer span.sqb-hours_text, .sqb_timer span.sqb-minutes_text, .sqb_timer span.sqb-seconds_text {font-size: 12px;color: #5a5a5a;} .quiz_timer_spent_msg{ float: left; width: 100%; padding: 0 0 10px; } .template_num_template3 .quiz_quesans_template_outer .Quiz-Template { } .template_num_template4 .quiz_quesans_template_outer .Quiz-Template { background-color: inherit !important; border: 0px solid !important; padding:0!important; } .template_num_template4 .quiz_quesans_template_outer .outer-style3 {background: inherit !important;padding: 0 15px;} .template_num_template4 .quiz_quesans_template_outer .outer-style3 .outer-style3-inner {background-color: #fff;padding: 20px;float:left;width:100%;} .quiz_quesans_template_outer.ques_temp_template4 .modal_pop_inn .Quiz-Template { border: 0px solid !important; padding:0!important; } .quiz_quesans_template_outer.ques_temp_template4 .modal_pop_inn .outer-style3 { padding: 0 15px; } .quiz_quesans_template_outer.ques_temp_template4 .modal_pop_inn .outer-style3 { background-color: #fff;padding: 20px; } .quiz_quesans_template_outer .Quiz-Template .outer-style3.outer_style3_new { width: 100%; } /* .sqb_template5-fullWidth .Quiz-Template2.start_temp_outer {background-color: rgb(179, 162, 211); font-family: 'DM Sans',sans-serif; color: #333; font-size: 16px; font-weight: normal; line-height: 1.4; vertical-align: middle; text-align: center; display: inline-block; width: 100%; padding: 40px; margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; max-height: 450px; } .sqb_template5-fullWidth .Quiz-Template2.start_temp_outer .Quiz-Template-content {display: inline-block; width: 100%; max-width: 500px; margin: 0; padding: 0; } */ .sqb_template5-fullWidth .Quiz-Optin-Template, #sqb_quiz_builder.sqb_template5-fullWidth .Quiz-Optin-Template {max-width: 100%; } .Quiz-result-Template5 .Quiz-result-Template5-right .Quiz-Template-content-inn {display: inline-block; width: 100%; margin: 0; padding: 0; } .sqb_template5-fullWidth .Quiz-start-Template5-right .quiz_firstname_template_outer.quiz_outer_fe {max-width: 650px; margin: 0 0 3rem 0; width: 100%; /*background-color: rgba(255,255,255,.8);*/ padding: 25px; color: #fff; } .sqb_template5-fullWidth .Quiz-start-Template5-right .sqb_first_name {padding: 0 10px; font-family: 'DM Sans',sans-serif; font-weight: 500; background-color: #fff; border: none; } .sqb_template5-fullWidth .Quiz-start-Template5-right .firstname_ok_btn {height: 50px; cursor: pointer; align-items: center; font-weight: 700; border: 1px solid transparent; color: #000; border-color: transparent; border-radius: 50px; padding: .75rem 1.25rem; font-size: 18px; line-height: 1.33333; margin: 12px auto 0; width: 100%; max-width: 100%; text-align: center; min-width: 100%; } .quiz_firstname_template_outer .Quiz-start-Template5-right .Quiz-Template-title { color: #333; } .sqb_template5-fullWidth .sqb_counter_outer1 .sqb_counter_expired_msg { width: auto; margin: 10px auto 15px; float: none; display: inline-block; } /****************Matrix Answer type********************/ .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th, .sqb-answer-matrix-table-scroll table.SQB-main-table tbody td {padding: 13px 10px;} .sqb-answer-matrix-table-scroll table.SQB-main-table input[type=radio] {pointer-events: auto; } .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer.sqb_ans_selected:nth-child(2n + 1), .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer:nth-child(2n + 1):hover {background: #f7f5f7 !important;} .answer_container .sqb-answer-matrix-table-scroll {margin-bottom: 25px;} .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer::before , .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer::after{opacity: 0;display: none;visibility: hidden;} .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th, .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr {background-color: #fff;} .Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer.sqb_ans_selected , .Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer:hover {background-color: #fff !important;} .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer:nth-child(2n + 1) , .Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer:nth-child(2n + 1), .Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer:nth-child(2n + 1):hover {background-color: #f7f5f7 !important;} .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th {padding: 13px;} .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th, .Quiz-Template-5 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody td {padding: 13px; } .sqb__radio-group {display: inline-block; position: relative; margin: 0; padding: 0; width: 26px; height: 26px; background: none; } .sqb__radio-group .sqb__radio-input {display: none; visibility: hidden; opacity: 0; margin: 0; padding: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .sqb__radio-group .sqb__label-radio {font-size: 14px; cursor: pointer; position: relative; padding: 0; display: inline-block; width: 100%; height: 100%; margin: 0; } .sqb__radio-group .sqb__radio-button {height: 100%; width: 100%; border: 3px solid #d6d6d6; border-radius: 50%; display: inline-block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .sqb__radio-group .sqb__radio-button::after {content: ""; display: block; height: 14px; width: 14px; border-radius: 50%; position: absolute; background-color: #55c57a; opacity: 0; transition: opacity 0.2s; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .sqb__radio-group .sqb__radio-input:checked ~ .sqb__label-radio .sqb__radio-button::after {opacity: 1; } .result_temp_outer .sqb_total_matrix_value { display:inline; } .result_temp_outer .sqb_average_matrix_value { display:inline; } /****************Matrix Answer type********************/ .sqb_quiz_container_outer {vertical-align: middle;} ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #888 !important; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #888!important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #888!important; } .question_container .answer_container.image_option_has .checkbox-custom-style { width: 30px; height: 30px; min-width: 24px; min-height: 24px; } .Quiz-Template.outer-style8.matrix_cls .matrix_cls .sqb__radio-group .sqb__label-radio:before { content: ''; padding: 15px 50px; display: flex; margin-left: -38px; margin-top: 0px; } /*#sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer{ cursor: unset; }*/ #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer{ cursor: pointer; } .points_scored_result .emoji, .quiz_result_template_outer .emoji{ width: auto !important; max-width: 30px; } #sqb_quiz_builder .quiz_quesans_template_outer .sqb_ans_item_inner figure{ border: 0px solid ; } #sqb_quiz_builder.iframe_outer .checkbox-custom-style .custom--checkbox::after { /*width: 13px; height: 7px; top: 3px; left: 3px;*/ } /* quiz category start */ .sqb_category_details {display: inline-block;width: 100% !important; margin: 0;padding: 10px;vertical-align: middle;margin-bottom: 20px;width: auto;background-color: inherit;text-align:left} .cat-details-row {display: flex;justify-content: space-between;width: 100%;margin: 0;padding: 0;font-size: 16px;font-weight: 400;line-height: 1.5;color: inherit;} .cat-details-row label , .cat-details-row span {margin: 0;padding: 0 3px;font-size: 16px;font-weight: 400;line-height: 1.5;color: inherit;} .cat-details-row label {min-width: 50px;width: auto;flex-basis: auto;} .cat-details-row span { max-width: 230px; text-align: right; } .cat-details-row.cat-details-total {margin-bottom: 5px;border-bottom: 1px solid #eee;font-size: 20px;margin:0px 0px 10px 0px; border-bottom: 2px dashed #000;border-color:inherit; padding-bottom: 5px;} .cat-details-row.cat-details-total label , .cat-details-row.cat-details-total span{font-size: 20px;font-weight: 600;} .cat-details-row.cat-details-total span {color: #004cb9;} .cat-details-row label {font-weight: 500;} cat-details-row label, .cat-details-row span {line-height: normal;} #sqb_quiz_builder .sqb_category_details .cat-details-row * { color: inherit; } .cat-details-row {display: inline-flex;justify-content: flex-start;width: 100%;margin: 5px 0;padding: 0;font-size: 16px;font-weight: 400;line-height: normal;color: #212529;} .cat-details-row.cat-details-total {margin-bottom: 5px;border-bottom: 2px dashed #000;font-size: 20px;padding-bottom: 5px;} /* quiz category end */ .sql_ans_text label { background: inherit !important; } .quiz-slide-animation .Quiz-Template-overflow .answer_container .multiple_correct_checkbox.sqb_ans_item_outer.multiple_cls.sqb_withoutradio.sqb_ans_selected, .quiz-slide-animation .Quiz-Template-overflow .answer_container .multiple_correct_checkbox.sqb_ans_item_outer.multiple_cls.sqb_withoutradio.sqb_ans_selected .sqb_ans_item *, #sqb_quiz_builder .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_selected:not(.single_cls):not(.text_cls) .sqb_ans_item * { background-color: inherit !important; } .question_add_answer_outer_div .sqb_ans_item .sql_ans_text * { padding: 0; } .quiz-slide-animation .answer_container:not(.image_option_has):not(.question_type_slider_has) .sqb_ans_item_outer.multiple_correct_checkbox .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { /* padding: 7px 0 0 0; */ /*getting issue in multi select that's why commented out this line*/ } .quiz-slide-animation .Quiz-Template-overflow .answer_container.grid-layout-active .sqb_ans_item_outer { padding: 8px 2px; } .answer_container.grid-layout-active .sqb_ans_item_outer { padding: 0; } #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item_outer .sql_ans_text , #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item_outer .sql_ans_text *{ max-width: 100%; width: 100%; } .quiz-slide-animation .Quiz-Template-overflow .answer_container .sqb_ans_item_outer.text_cls:hover, .quiz-slide-animation .Quiz-Template-overflow .answer_container .sqb_ans_item_outer.sqb_ans_selected.text_cls{ box-shadow:none !important; } #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item_outer .sql_ans_text, #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item_outer .sql_ans_text * { max-width: 100%; width: 100%; padding: 0; margin: 0; } .quiz-slide-animation .Quiz-Template-overflow .answer_container.grid-layout-active .sqb_ans_item_outer { padding: 2px 2px; } .quiz-slide-animation #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template-overflow .answer_container .single_cls.sqb_ans_selected .sqb_ans_item_inner, .quiz-slide-animation #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template-overflow .answer_container .single_cls.sqb_ans_selected .sqb_ans_item_inner * { color: #000 !important; } #sqb_quiz_builder .Quiz-Template .question_type_rating .answer_container .sqb_ans_item_outer.sqb_ans_selected:after , #sqb_quiz_builder .Quiz-Template .Quiz-Template5-right-inner .question_type_rating .answer_container .sqb_ans_item_outer.sqb_ans_selected:after {height: 25px; width: 12px; left: 50%; right: auto; margin: -3px 0 0 -12px; } .sqb-answer-matrix-table-scroll .SQB-main-table .matrix_label_text {max-width: 150px;width: 100%;word-break: break-word;white-space: normal;} .sqb_formula_data{ width: auto; display: inline-block; } #sqb_quiz_builder .Quiz-Optin-Template .form_cls input { height: 58px; } .sqb_loader_outer, .sqb_loader_outer_chart { position: static; z-index: 9999; background-color: transparent; width: 100%; height: 150px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 20px; } .sqb_loader_inner { width: 45px; height: 45px; display: inline-block; padding: 0px; border-radius: 100%; border: 5px solid; border-top-color: #0077b5; border-bottom-color: #0077b5; border-left-color: #0077b5; border-right-color: rgb(109 109 109 / 30%); -webkit-animation: loader4 1s ease-in-out infinite; animation: loader4 1s ease-in-out infinite; } @keyframes loader4 { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-webkit-keyframes loader4 { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);} } .sqb_quiz_container_outer .emoji { display: inline !important;border: none !important;box-shadow: none !important;height: 1em !important;width: 1em !important;margin: 0 .07em !important;vertical-align: -0.1em !important;background: none !important;padding: 0 !important;} .sqb_template5-fullWidth .Quiz-result-Template5 .Quiz-Template5-description h2 {line-height:normal;} .sqb_template5-fullWidth .sqb_start_screen_background_image .Quiz-Template5-title > div, .sqb_template5-fullWidth .sqb_start_screen_background_image .Quiz-Template5-title > div > span {display: block;} .template_num_template6 .sqb_ans_item_outer.g.slider_cls { background: transparent !important; } .template_num_template6 #sqb_quiz_builder .question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item_slider { border: none !important; } /*.template_num_template6 .answer_container .sqb_ans_item_outer{ margin: 0 0 !important; }*/ .template_num_template6 .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text {padding: 22px 12px;} .template_num_template6 .quiz_quesans_template_outer.quiz_outer_fe.show_cls .Quiz-Template-outer, .template_num_template6 .quiz_result_template_outer.quiz_outer_fe.show_cls .outcome_div {margin: 0 auto;} .template_num_template6 .quiz_result_template_outer { flex-direction: column; flex-wrap: wrap; } .template_num_template6 .sqb_quiz_container {text-align: center;} .template_num_template6 .quiz_quesans_template_outer.height-in-vh.show_cls{display: flex !important; } .template_num_template6 .quiz_optin_template_outer.quiz_outer_fe.height-in-vh.show_cls{display: flex !important; } .template_num_template6 .quiz_result_template_outer.quiz_outer_fe.show_cls.height-in-vh{display: flex !important;} .template_num_template6 .quiz_start_template_outer.quiz_outer_fe.show_cls.height-in-vh{display: flex !important;} .background-image-template6 img{width: 100%; height: 100%; object-fit: cover; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .background-image-template6{position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 0.9; } .template_num_template6 .Quiz-Template2.start_temp_outer.quiz_comon_template {position: relative; z-index: 9; } /******Added fro client site*******/ #sqb_quiz_builder .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img img { top: 0 !important; } #sqb_quiz_builder .question_add_answer_outer_div:not(.image_option_has.grid-layout-active) .sqb_ans_item .sqb_ans_item_img img { left: 0 !important; width: 100% !important; } #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img { display: block !important; /*width: 100% !important; */ margin: 0 auto 10px; text-align: center; } #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item .sql_ans_text h3 { padding:5px; } .question_add_answer_outer_div .sqb_ans_item .sql_ans_text > * { padding:18px; } .question_add_answer_outer_div .sqb_ans_item .sql_ans_text { min-height: 20px; } .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 0; } .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text > * { padding: 16px; } #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item { max-width: 100%; width:100%; } #sqb_quiz_builder .answer_container:not(.image_option_has):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { position: relative; padding: 0; margin: 0; width: 100%; max-width: 100%; } .result_temp_outer h1, .result_temp_outer h2, .result_temp_outer h3, .result_temp_outer h4, .result_temp_outer h5, .result_temp_outer h6{ margin:0;padding:0; line-height: 1; } .sqb_ans_item textarea, .sqb_ans_item input{ outline: none !important; width: 99% !important } /*********opt in form placeholder*********/ #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields input::-webkit-input-placeholder, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #9e9e9e ! important; opacity: 1; } #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields input::-moz-placeholder, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields textarea::-moz-placeholder { /* Firefox 19+ */ color: #9e9e9e ! important; opacity: 1; } #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields input:-ms-input-placeholder, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields textarea:-ms-input-placeholder { /* IE 10+ */ color: #9e9e9e ! important; opacity: 1; } #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields input:-moz-placeholder, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields textarea:-moz-placeholder { /* Firefox 18- */ color: #9e9e9e ! important; opacity: 1; } html[dir="rtl"] .sqb_quiz_container_outer input[type="email"] {text-align: right;} /*********opt in form placeholder*********/ /* progress bar start*/ .sqb_quiz_container_outer .quiz_optin_template_outer .Quiz-Template .progress {display: flex;align-items: flex-start;} .sqb_quiz_container_outer .quiz_optin_template_outer .Quiz-Template .progress .progress-bar {float: none;} /* progress bar end */ /*.template_num_template6.sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.show_cls.height-in-vh, .template_num_template6.sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer .show_cls.height-in-vh{ display: flex !important;}*/ .sqb_and_field.sqb_input_ans_field.sqb_fill_in_blank_ans_field{ padding: 14px 10px !important; } .sqb_template5-fullWidth .sqb_and_field.sqb_input_ans_field.sqb_fill_in_blank_ans_field{ padding: 18px 10px !important; } .quiz_start_template_outer.quiz_outer_fe.show_cls.done_screen * { cursor: default !important; } .quiz_start_template_outer.quiz_outer_fe.show_cls.done_screen .take-quiz-btn, .quiz_start_template_outer.quiz_outer_fe.show_cls.done_screen .take-quiz-btn * { cursor: pointer !important; } #sqb_quiz_builder .quiz_comon_template:not(.outer-style8) .answer_container.grid-layout-active:not(.image_option_has):not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 12px 10px !important; } #sqb_quiz_builder .question_add_answer_outer_div:not(.image_option_has) .sqb_ans_item:not(.ans_type_numeric_text ) .sql_ans_text:hover > * { color: #fff ; } .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sql_ans_text > * { padding: 18px 0; } /* Analyzing Result */ .template_num_template1 .analyzing_result_temp,.template_num_template2 .analyzing_result_temp,.template_num_template3 .analyzing_result_temp{margin: 20px 0} .analyzing_result_temp {display: inline-block; width: 100%; padding: 40px; border: 1px solid #ddd; vertical-align: middle; border-radius: 7px; background: #fff; font-family: 'DM Sans',sans-serif; color: #333; font-size: 16px; font-weight: normal; line-height: 1.4;max-width: 100%; position: relative;z-index: 5;} .analyzing_result_temp .analyzing_result_content, .analyzing_result_temp .analyzing_result_progress {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;} .analyzing_result_temp .analyzing_result_content .analyzing_result_title {font-size: 28px;color: #333;margin: 0 0 15px 0;font-weight: 600;line-height: normal;} .analyzing_result_temp .analyzing_result_content, .analyzing_result_temp .analyzing_result_progress , .analyzing_result_temp .analyzing_result_content p , .analyzing_result_temp .analyzing_result_progress p{font-size: 18px;line-height: normal;color: #444;} .analyzing_result_temp .analyzing_result_content p , .analyzing_result_temp .analyzing_result_progress p {margin: 0;padding: 0;} .analyzing_result_temp .analyzing_result_content {margin-bottom: 40px;} .analyzing_result_temp .analyzing_result_progress > h4 {font-size: 20px; color: #333; margin: 0 0 15px 0; font-weight: 600; line-height: normal; } .analyzing_result_temp .analyzing_result_progress .analyzing_result_note {font-size: 14px; margin: 10px 0; color: #777; } .template_num_template6 .analyzing_result_temp , .analyzing_result_temp{ max-width: 700px; } #sqb_quiz_builder .quiz_quesans_template_outer .outer-style2 .analyzing_result_progress .progress {position: static; margin: 0; } .quiz_social_share_template_outer .sqb_social_share_temp .analyzing_result_content { margin-bottom: 10px; } @keyframes progress_width { from {width: 0;} to {width: 100%;} } @-webkit-keyframes progress_width { from {-webkit-width: 0%;} to {-webkit-width: 100%;} } #sqb_quiz_builder .sqb_ans_item input , #sqb_quiz_builder .sqb_ans_item textarea{ font-size:16px; color: #333; } .sqb_ans_item_outer.fill_in_blank_cls , .sqb_ans_item_outer.fill_in_blank_cls input, .sqb_ans_item textarea{ outline: none !important; box-shadow: none !important; } .quiz_quesans_template_outer.hide_cls {display:none !important} #sqb_quiz_builder .sqb_ans_item.ans_type_numeric_text input { outline: none !important; box-shadow: none !important; } #sqb_quiz_builder .sqb_ans_item.ans_type_numeric_text input:focus { border: 2px solid #2271b1; } .quiz-slide-animation.sqb_quiz_container_outer {z-index: 3;} .template_num_template6.quiz-slide-animation .Quiz-Template.hide_cls.done_question, .template_num_template6.quiz-slide-animation .quiz_outer_fe.hide_cls.done_screen, .template_num_template6.quiz-slide-animation .Quiz-Template.hide_cls, .template_num_template6.quiz-slide-animation .quiz_outer_fe.hide_cls {position: absolute !important;} .template_num_template6.quiz-slide-animation .quiz_start_template_outer , .template_num_template6.quiz-slide-animation .quiz_quesans_template_outer, .template_num_template6.quiz-slide-animation .quiz_optin_template_outer, .template_num_template6.quiz-slide-animation .quiz_result_template_outer {float: none !important;} .template_num_template6 .quiz_firstname_template_outer .Quiz-Template2.start_temp_outer {display: inline-block;width: 100%;padding: 20px 40px;max-width: 640px;border: 1px solid #ddd;margin: 0;vertical-align: middle;text-align: left;border-radius: 7px;background: #fff;font-family: 'DM Sans',sans-serif;color: #333;font-size: 16px;font-weight: normal;line-height: 1.4;} .template_num_template6 .quiz_firstname_template_outer .Quiz-Template2 .Quiz-Template-title {font-family: 'DM Sans',sans-serif;letter-spacing: 0;text-transform: initial;text-align: center;margin-bottom: 15px;font-size: 24px;font-weight: normal;color: #333;font-weight: 500;} #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item_outer .sql_ans_text{ padding: 10px !important; } .sqb_cr_next_btn_div {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;text-align: center; margin-top: 10px;} .sqb_cr_next_btn_div .sqb_next_btn {float: none !important;} .ans_recommendation_description { word-break: break-word; margin-top: 20px;} .quiz_ans_recommendation_html_outer {display: block;width: 100%;margin: 0;padding: 0;text-align: center;clear: both;} .quiz_ans_recommendation_html_outer .quiz_ans_recommendation_html { margin-block: 25px !important; } #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item { max-width: 100%; float: left; } #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item .sql_ans_text > * { padding: 0; } #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .checkbox-custom-style { margin-top: 15px; } #sqb_quiz_builder .quiz_pagination_all .Quiz-Template-title p, #sqb_quiz_builder .quiz_pagination_all .Quiz-Template-title div span { font-weight: normal; } #sqb_quiz_builder .quiz_pagination_all .Quiz-Template-title strong , #sqb_quiz_builder .quiz_pagination_all .Quiz-Template-title strong *, #sqb_quiz_builder .quiz_outer_fe .Quiz-Template-title strong span { font-weight: bold !important; } #sqb_quiz_builder .quiz_quesans_template_outer.quiz_outer_fe .quiz_pagination_all .Quiz-Template-title p , #sqb_quiz_builder .quiz_quesans_template_outer.quiz_outer_fe .Quiz-Template-title span { font-weight: normal; } #sqb_quiz_builder .quiz_quesans_template_outer.quiz_outer_fe .quiz_pagination_all .Quiz-Template-title strong { font-weight: 700 !important; } .outcome_name_dt, .outcome_score_dt{ display: inline-block;} .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th.SQB-fixed-side .sql_ans_text {color: #333 !important;} .sqb_quiz_container:not(.sqb_template5-fullWidth) .question_type_matrix .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th:first-child, .sqb_quiz_container:not(.sqb_template5-fullWidth) .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th:first-child {background: none; max-width: 300px ; width: 250px;} .question_type_matrix .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th.SQB-fixed-side{background: none;} #sqb_quiz_builder span.checkbox-label { float: left; width: 100%; display: flex; } #sqb_quiz_builder.sqb_quiz_container .outcome_div .question_img_div { width: 100% !important; } #sqb_quiz_builder .sqbAddOutcomeProductOuter { display:none; } #sqb_quiz_builder .outcome_products_section .question_drop_down_wrapper { display:none; } .template_num_template7 .quiz_outer_fe .question_add_answer_outer_div { margin-top: 35px; } .template_num_template7 .question_details { margin-top: 38px; } .template_num_template7 .single_next_btn { margin-top: 50px !important; } .template_num_template7 .Quiz-Template.outer-style7 .quiz_ans_recommendation_html .single_next_btn , .Quiz-Template.outer-style7 .quiz_ans_recommendation_html .single_next_btn { margin-top: 0px !important; } .template_num_template7:not(.sqb_disable_background) .quiz_start_template_outer, .template_num_template7:not(.sqb_disable_background) .quiz_firstname_template_outer, .template_num_template7:not(.sqb_disable_background) .quiz_quesans_template_outer, /*.template_num_template7:not(.sqb_disable_background) .quiz_optin_template_outer,*/ .template_num_template7:not(.sqb_disable_background) .quiz_result_template_outer { min-height: 100px; } .sqb_global_theme_enable_each_template .start_temp_static_div, .sqb_global_theme_enable_each_template .quiz_start_template_outer, .sqb_global_theme_enable_each_template .quiz_firstname_template_outer, .quiz_firstname_template_outer .modal_pop_inn { padding-top: 0px ; padding-bottom: 0px ; } .template_num_template7 .Quiz-Template2.start_temp_outer.quiz_comon_template.outer-style7 { /*margin-top:200px !important;*/ } /*.start_temp_outer.quiz_comon_template.outer-style7{ margin-top: 5% !important; }*/ .template_num_template7.sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_start_template_outer.quiz_outer_fe.show_cls, .template_num_template7.sqb_quiz_container_outer:not(.quiz-slide-animation) .quiz_firstname_template_outer.quiz_outer_fe.show_cls, .template_num_template7.sqb_quiz_container_outer :not(.quiz-slide-animation) .quiz_outer_fe.quiz_quesans_template_outer .quiz_start_template_outer.show_cls {display: inline-flex !important; justify-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; } .outer-style7.Quiz-Optin-Template .Quiz-Template-content #sqb_direct_signup {max-width: 600px; margin: 0 auto; } .template_num_template7:not(.sqb_disable_background) .quiz_result_template_outer {padding-block: 50px; } /*.template_num_template7 .Quiz-Template2.outer-style7 .Quiz-Template-title { margin-top: 107px; } .template_num_template7 .Quiz-Template2.outer-style7 .Quiz-Template-content .sqb_content { margin-top: 25px; } .template_num_template7 .Quiz-Template2.outer-style7 .take-quiz-btn { margin-top: 190px;}*/ .Quiz-Template.outer-style7 .progress { display:none; } /*.quiz_optin_template_outer:not(.modal_popup) .Quiz-Optin-Template.outer-style7 { position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); }*/ .template_num_template7 .quiz_result_template_outer .result_temp_outer { /*min-width: 1150px;*/ } .template_num_template7 .quiz_result_template_outer .result_temp_outer .points_scored_result { margin-top:50px; } .template_num_template7 .quiz_result_template_outer .result_temp_outer { /*min-width: 1150px;*/ } .template_num_template7 .quiz_result_template_outer .result_temp_outer .points_scored_result { margin-top:50px; } /*.Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item_outer.sqb_ans_selected .sql_ans_text , .Quiz-Template.outer-style7 .outcome_products_section .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item.sqb_item_selected .sql_ans_text {position: relative; display: inline-flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; }*/ .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item_outer.sqb_ans_selected .sql_ans_text > * , .Quiz-Template.outer-style7 .outcome_products_section .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item.sqb_item_selected .sql_ans_text > * {width: auto !important; display: inline-block; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item_outer.sqb_ans_selected .sqbOpitionSelected, .Quiz-Template.outer-style7 .outcome_products_section .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item.sqb_item_selected .sqbOpitionSelected {width: 50px; height: 26px; position: absolute; border: 8px solid #44cf77; border-top: none; border-right: none; background: transparent; opacity: 1; transform: rotate( -60deg ); display: inline-block; padding: 0; vertical-align: top; min-width: 50px; max-width: 20px; min-height: 10px; left: 0; right: 0; top: 0; bottom: 0; margin: auto;z-index: 99;} .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active .sqb_ans_item_outer > .sqb_ans_item {width: 100%; max-width: 100%; margin: 0; padding: 0; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active .sqb_ans_item_outer.multiple_correct_checkbox .checkbox-custom-style {visibility: hidden; opacity: 0; border: none; } .Quiz-Template.outer-style7 .outcome_products_section .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item .sql_ans_text > * {padding: 0;} .Quiz-Template.outer-style7 .outcome_products_section .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item .sql_ans_text {padding: 18px;} /*.Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item_outer.sqb_ans_selected::before, .Quiz-Template.outer-style7 .outcome_products_section .question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item.sqb_item_selected::before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2; opacity: 1; width: 100%; height: 100%; }*/ .template_num_template7 .quiz_quesans_template_outer .Quiz-Template .question_type_yes_no .sqb_ans_item_outer.single_cls .sqb_ans_item {text-align: left;} .template_num_template7 .quiz_quesans_template_outer .Quiz-Template .Quiz-Template-overflow {/*text-align: left;*/ } .template_num_template7 .answer_container.grid-layout-active .sqb_ans_item_outer { margin: 0 auto; float:none; } .template_num_template7 .question_container:not(.question_type_rating) .question_add_answer_outer_div:not(.image_option_has):not(.grid-layout-active) { max-width:950px; } .sqb_question_progress {text-align: center;} .template_num_template7 .question_add_answer_outer_div .ans_recommendation_enable .sqb_ans_item .sql_ans_text > * {padding: 0;} .template_num_template7 .question_add_answer_outer_div .ans_recommendation_enable + .ans_recommendation_enable {margin-top: 10px!important;} .quiz_firstname_template_outer .start_temp_outer.outer-style7 .sqb_firstname_form {max-width: 600px; margin: 0 auto; display: inline-block; padding: 0; width: 100%; } .quiz_firstname_template_outer .start_temp_outer.outer-style7 .sqb_firstname_form ..sqb_first_name{ background-color: #fff; } .Quiz-Template.result_temp_outer:not(.outer-style7) .outcome_products_section { display:none; } .Quiz-Template.outer-style7 .quiz_ans_recommendation_html .ans_recommendation_result_temp.answer_recommendation_outer_wrapper {padding: 30px;} .sqb_template7_selected .Quiz-Template2 .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template2.outer-style7 .Quiz-Template-title { word-break: break-word; } .sqb_quiz_container.enable_branching_quiz .sqb_question_progress { display:none; } .quiz-slide-animation.template_num_template7 .quiz_start_template_outer.quiz_outer_fe.show_cls, .quiz_start_template_outer.quiz-slide-animation.template_num_template7 .quiz_outer_fe.hide_cls {display: inline-flex !important;align-items: center;justify-content: center;} /*.modal_pop_inn .Quiz-Template.outer-style7 {max-width: 100% !important;}*/ .template_num_template7:not(.sqb_disable_background) .sqb_quiz_container .quiz_analyzing_template_outer, .template_num_template7:not(.sqb_disable_background) .sqb_quiz_container .quiz_optin_template_outer {padding-block: 50px;} .template_num_template7:not(.sqb_disable_background) .sqb_quiz_container .quiz_analyzing_template_outer , .template_num_template7:not(.sqb_disable_background) .quiz_optin_template_outer {min-height: 825px;} .template_num_template7:not(.sqb_disable_background) .quiz_outer_fe.quiz_firstname_template_outer.show_cls, .template_num_template7:not(.sqb_disable_background) .quiz_outer_fe.quiz_result_template_outer.show_cls, .template_num_template7:not(.sqb_disable_background) .quiz_outer_fe.quiz_optin_template_outer.show_cls , .template_num_template7:not(.sqb_disable_background) .quiz_outer_fe.quiz_analyzing_template_outer.show_cls {display: inline-flex !important;justify-content: center;align-items: center;} .template_num_template7.quiz-slide-animation .quiz_outer_fe.quiz_result_template_outer.show_cls {flex-wrap: wrap;} .template_num_template7 .quiz_outer_fe.quiz_result_template_outer.show_cls .outcome_data_cont {width: 0; height: 0; visibility: hidden;opacity: 0; } .template_num_template7 .quiz_result_template_outer .outcome_div { max-width: 100%; } .category_number_div .cat-details-row.cat-details-total , #sqb_quiz_builder .category_number_div .cat-details-row.cat-details-total, .category_number_percent .cat-details-row.cat-details-total, #sqb_quiz_builder .category_number_percent .cat-details-row.cat-details-total{display: none; } .cat_percent_sign , #sqb_quiz_builder .cat_percent_sign{display: none; } .category_number_percent .cat_percent_sign, #sqb_quiz_builder .category_number_percent .cat_percent_sign{display: inline-block; } .answer_container.question_add_answer_outer_div .sqb_ans_item {background: rgb(229, 241, 255); } #sqb_quiz_builder .quiz_quesans_template_outer .image_option_has.grid-layout-active figure {overflow: initial; } .quiz_quesans_template_outer .question_description {background: inherit !important; } #dap_direct_signup .form_cls input[type=checkbox]:after {left: 6px; top: 2px; border: 3px solid green; border-top: 0; border-left: 0; } #dap_direct_signup .form_cls input[type=checkbox]{height: 12px; width: 12px; padding: 10px; } #sqb_quiz_builder .answer_container.grid-layout-active.layout-three-in-row-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item {max-width: 100%; } .SQB-main-table thead *{white-space: nowrap;} #sqb_quiz_builder .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img img {left: 0 !important; max-width: 100%;} #sqb_quiz_builder .Quiz-Template:not(.outer-style7) .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img img { aspect-ratio: 4 /3; object-fit: cover; } #sqb_quiz_builder .sqb_category_details .cat-details-row b, #sqb_quiz_builder .sqb_category_details .cat-details-row strong {font-weight: 600; font-family: inherit; letter-spacing: normal; } .inner_template_style_box.coutcome_cate_total_merge_tag {float: left; width: 100%; padding: 0; margin: 0; text-align: center; } .quiz-slide-animation .Quiz-Template.hide_cls, .quiz-slide-animation .quiz_outer_fe.hide_cls {overflow: hidden;max-height: 0;} #sqb_quiz_builder .hide_analyzing_cls {display:none!important;} #sqb_quiz_builder .sqb_ans_item.sqb-time-option input.date-question-type {max-width: 200px !important;border: none;box-shadow: rgb(4 69 175 / 30%) 0 1px 0px 0px !important;margin: 4px 0;border-radius: 0;} #sqb_quiz_builder .sqb_ans_item.sqb-time-option input.date-question-type:focus {box-shadow: rgb(4 69 175 / 56%) 0 3px 0px 0px !important;} .sqb_ans_item_outer.date_cls {text-align: center; } .date_inorrect_ans_div{border: 2px solid #ff0000; color: #ff0000; padding: 5px; margin: 10px 0 15px; float: left; width: 100%;} .answer_container.question_add_answer_outer_div .sqb_ans_item.sqb-time-option {display: inline-block; margin: 0 auto; width: auto;position: relative;} #sqb_quiz_builder .sqb_ans_item.sqb-time-option input.date-question-type {padding-right: 30px; max-width: 200px !important; } #sqb_quiz_builder .sqb_ans_item.sqb-time-option img.ui-datepicker-trigger {position: absolute; right: 0; top: 12px; z-index: 33; width: auto; height: auto; max-width: 24px; display: inline-block; vertical-align: middle; } #sqb_quiz_builder .sqb_ans_item input.date-question-type{font-size: 18px;} .show-datepicker-popup {display: none; } .date-question-type{ z-index:99999 !important; } #sqb_quiz_builder .question_container .date_cls .sqb_ans_item:hover input { color: #333 !important; } /* Result screen design */ .sqb_select_questions {display: inline-flex;align-items: center;margin: 0 0 15px 0;padding: 0;width: 100%;text-align:left;margin-top: 12px;} .sqb_select_questions > label {margin: 0;padding: 0 10px 0 0;font-size: 15px;line-height: normal;font-weight: 600;color: #333;width: auto;white-space: nowrap;} .sqb_select_questions #select_question_id {width: auto;border: 1px solid #e7e7e7;background-color: #f1f9fa;line-height: normal;font-size: 14px;padding: 10px 30px 10px 10px;outline: none;max-width: 100%;} .Quiz-Template-content .answer-data-chart p, #sqb_quiz_builder .Quiz-Template-content .answer-data-chart p {color: #719430;font-size: 15px;font-weight: 600;line-height: 1.4;margin: 0;width: 100%;} .answer-data-chart .progress-bar-outer {display: inline-flex;width: 300px;margin: 3px 0 15px 0;padding: 0;align-items: center;} .answer-data-chart .progress-bar-outer > label {font-size: 14px;margin: 0;padding: 0 5px 0 0;width: 46px;min-width: 46px;} .answer-data-chart .progress-bar-outer .sqb-progress-report {width: 100%;position: relative;overflow: hidden;height: 30px;background: none repeat scroll 0% 0% #efefef;box-shadow: none;border-radius: 2px;border: 1px solid #d5d5d5;background-color: #fcfcfc;} .answer-data-chart .progress-bar-outer .sqb-progress-report .sqb-progress-bar {background-color: #45bcde;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);position: absolute;overflow: hidden;border-radius: 2px;font-size: 13px;font-weight: 700;line-height: 17px;padding: 5px 0 4px;width: 0;height: 100%;color: #fff;float: left;text-align: center;text-shadow: 0px -1px 9px rgb(0 0 0 / 54%);box-shadow: 0px -1px 0px rgba(0,0,0,.15) inset;-moz-box-sizing: border-box;-webkit-transition: width 1.6s ease 2s;transition: width 1.6s ease 2s;} #question_answer_chart .answer-data-chart , .answer-data-chart {display: inline-block;width: 100%;margin: 0;padding: 15px 0 0 130px;text-align: left; background-color: #fffcfc;} #sqb_quiz_builder .sqb_ans_item.sqb-time-option input.date-question-type {max-width: 170px !important;border: none;box-shadow: rgb(4 69 175 / 30%) 0 1px 0px 0px !important;margin: 4px 0;border-radius: 0;} #sqb_quiz_builder .sqb_ans_item.sqb-time-option input.date-question-type:focus {box-shadow: rgb(4 69 175 / 56%) 0 3px 0px 0px !important;} .sqb_ans_item_outer.date_cls {text-align: center; } .Quiz-Template-content-inn#result_temp_contentid {word-break: break-word;} #sqb_quiz_builder .answer-data-chart .progress-bar-outer {max-width:100%;} #sqb_quiz_builder .sqb_select_questions {flex-wrap: wrap;} #sqb_quiz_builder .answer-data-chart .Quiz-QA-Table th {white-space: nowrap;} #sqb_quiz_builder .answer-data-chart .Quiz-QA-Table table.table tbody td {padding: 7px 10px;font-size: 13px;color: #2c2c2c;border: 1px solid #d0d0d0;} #sqb_quiz_builder .answer-data-chart .Quiz-QA-Table table.table th {background: #333;color: #fff;font-weight: 600;font-size: 14px;border: 1px solid #eee;padding: 10px;} #sqb_quiz_builder .answer-data-chart .Quiz-QA-Table table.table tbody td {padding: 7px 10px;font-size: 14px;color: #2c2c2c;border: 1px solid #d0d0d0;} #sqb_quiz_builder .answer-data-chart .Quiz-QA-Table table.table tbody td .mce-content-body {margin: 0 !important;} #sqb_quiz_builder .answer-data-chart .Quiz-QA-Table table.table {margin: 5px 0 15px 0;border: none;border-collapse: collapse;background: #fff;font-size: 14px;font-weight: normal;color: #333;} /*#sqb_quiz_builder canvas#spiderChartOutcome1,#sqb_quiz_builder canvas#spiderChartOutcome{ background-color:#fff;}*/ .Quiz-Optin-Template .custom_add_fields.custom-date-field {position: relative;} .Quiz-Optin-Template .custom_add_fields.custom-date-field input.date {padding-right: 40px !important;} .Quiz-Optin-Template .custom_add_fields.custom-date-field img.ui-datepicker-trigger {position: absolute;right: 10px;top: 16px;z-index: 2;left: auto;bottom: auto;width: auto;height: auto;max-width: 24px;vertical-align: middle;cursor: pointer;} #sqb_quiz_builder .sqb_spider_charts_heading {border: 2px solid #49b6ef;padding: 13px;border-radius: 4px;font-size: 16px;font-weight: 600;text-align: center;margin: 10px 0 10px 0;display: inline-block;width: 100%;clear: both;vertical-align: middle;font-family: 'DM Sans',sans-serif;} #sqb_quiz_builder .answer-data-chart .progress-bar-outer { width: 92%; } #sqb_quiz_builder .answer-data-chart .progress-bar-outer .sqb-progress-report .sqb-progress-bar { white-space: nowrap; } #sqb_quiz_builder .Quiz-result-Template5 .sqb_spider_charts_heading { color:#fff; } #sqb_quiz_builder .Quiz-result-Template5 .sqb_select_questions > label { color: #fff; } #sqb_quiz_builder .sqb_charts_outer_section { padding-bottom: 20px; } .quiz_outer_fe .question_add_answer_outer_div textarea.custom-other-box {border: none;height: 40px;padding: 7px 10px;min-height: 40px;border-radius: 0;font-weight: 600;color: #000;max-width: 100%;width: 100%;box-sizing: border-box;box-shadow: 0 0 0 transparent;background-color: #fff;font-size: 16px;border-bottom: 2px solid #a2b2e2;margin: 0 0 20px 0;line-height: 1.5;outline: none;} .quiz_outer_fe .question_add_answer_outer_div textarea.custom-other-box:focus {border-bottom-color: #4c70da;} .question_add_answer_outer_div .sqb_ans_item textarea:focus, .Quiz-Optin-Template .form_cls input:focus {background-color: #fff !important; border-color: #2271b1 !important;box-shadow: 0 0 0 1px #2271b1;outline: 2px solid transparent;} .sqb_ans_item_outer.text_cls .sqb_ans_item { background: transparent !important; } /********Alert*******/ .sqbErrorMessage{padding: 5px; margin: 10px 0 15px; float: left; width: 100%; font-weight: bold} .sqbSharefailed { border: 2px solid #ff0000; color: #ff0000;} .sqbShareSuccess{ border: 2px solid #307933; color: #307933;} #sqb_quiz_builder .sqb_category_details {float: none;} #sqb_quiz_builder .sqb-answer-matrix-table-scroll img { max-width: 150px; width: 100%; height: auto; float: left; display: inherit; text-align: center; margin: 0 auto; } #sqb_quiz_builder .sqb-answer-matrix-table-scroll th div { width: 100%; float: left; margin: 0 auto; display: inline-grid; max-width: 100%; } #sqb_quiz_builder .fa { font-family: "FontAwesome"; } .answer_container.question_add_answer_outer_div .sqb_ans_item.ui-sortable-handle { -ms-touch-action: unset; touch-action: unset; } .heading_title_th{display:none;} .sqb_question_answer_data_chart .sqb_matrix_reports hr{display:none;} .sqb_question_answer_data_chart span.sqb_matrix_user_selection {margin-top: 0px;display: block;padding-bottom: 0;font-weight: 600;text-decoration: underline;} .sqb_question_answer_data_chart .sqb_matrix_reports {padding: 1px 0 15px;border-bottom: 1px solid #ddd;line-height: 25px;} .template_num_template6 .sqb_question_answer_data_chart .sqb_matrix_reports {font-size: 16px;line-height: 25px;} th.SQB-fixed-side div { float: none; display: table-cell; max-width: none; min-width: 180px; max-width: 180px; white-space: normal; line-height: 1.3; } #sqb_quiz_builder .sqb-answer-matrix-table-scroll th div { line-height: 1.3; } .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th { vertical-align: top; } .SQB-main-table thead * { white-space: normal; } .sqb_quiz_container .fa.fa-facebook::before {content: "\f09a";} .sqb_quiz_container .fa.fa-twitter::before {content:"\f099"} .SQB-main-table {word-break: break-word;} /*Template8 Start*/ .sqb_quiz_container_outer.template_num_template8 .quiz_quesans_template_outer:not(.ques_temp_template7) .single_next_btn { float: unset!important; width: 170px; } #sqb_quiz_builder .outer-style8 .skip_continue_button_wrapper { width: 100%; display: flex; justify-content: center; /*gap: 0 20px;*/ margin-top: 20px; } #sqb_quiz_builder .outer-style8 .continue-question-action { margin-left: 5px; } #sqb_quiz_builder .outer-style8 .skip-question-action { margin-right: 5px; } .sqb_template8_selected .skip_continue_button_wrapper { display: flex; gap: 0 20px; margin-top: 60px; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; } .sqb_template8_selected .skip-question-action .skip-question-btn, .sqb_template8_selected .continue-question-action .continue-question-btn, #sqb_quiz_builder .outer-style8 .skip-question-action .skip-question-btn, #sqb_quiz_builder .outer-style8 .continue-question-action .continue-question-btn{ display: flex; align-items: center; justify-content: center; border-radius: 8px; color: #fff; padding: 13px 15px; font-family: 'DM Sans',sans-serif; text-shadow: rgb(0 0 0 / 16%) 0px 4px 8px; text-decoration: none; line-height: normal; border: none; text-align: center; text-transform: none; font-size: 22px; font-weight: 600 !important; } .sqb_template8_selected .skip-question-action .skip-question-btn, #sqb_quiz_builder .outer-style8 .skip-question-action .skip-question-btn{ line-height: 1; height: var(--template8-skip-btn-height); min-width: var(--template8-skip-btn-width); background: var(--template8-skip-btn-bg-color); box-shadow: 1px 0px 29px -18px var(--template8-skip-btn-bg-color); } .sqb_template8_selected .continue-question-action .continue-question-btn, #sqb_quiz_builder .outer-style8 .continue-question-action .continue-question-btn{ line-height: 1; height: var(--template8-continue-btn-height); min-width: var(--template8-continue-btn-width); background: var(--template8-continue-btn-bg-color); box-shadow: 1px 0px 29px -18px var(--template8-continue-btn-bg-color); } .Quiz-Template.outer-style8 .correctincorrect_ans_div{ margin-bottom: 50px; float: none; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_type_rating .answer_container .sqb_ans_item_outer.sqb_ans_selected:after { left: auto; margin: 0; } #sqb_quiz_builder .Quiz-Template.outer-style8 .rating_info {margin: auto;padding: 0 15px;} #sqb_quiz_builder .Quiz-Template.outer-style8 .answer_container .sqb_ans_item_outer.ranking_choices .sqb_ans_item.ans_type_ranking_choices .sql_ans_text { padding-left: 20px!important; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div .sqb_ans_item_outer.ranking_choices .sql_ans_text::before {left: 0;top: 50%;transform: translateY(-50%);} #sqb_quiz_builder .Quiz-Template.outer-style8 .correctincorrect_ans_div { max-width: 1000px; margin-left: auto; margin-right: auto; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content .sqb_tiny_mce_editor{ color: #333;} #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content .sqb_spider_charts_heading { border-color: var(--template8-answerbox-brorder-color); } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .chart-container canvas{ padding: 15px; border-radius: 10px; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content select#select_question_id { background: #fff; border: none; max-width: 100%; border-radius: 5px; padding: 10px; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content .take-quiz-btn{ border-radius: 8px; color: #fff; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content .take-quiz-btn > *{ color: #fff; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content .sqb_select_questions { display: flex; flex-wrap: nowrap; flex-direction: row; } .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls):after { content: unset; } .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .answer_container:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls):before { content: none; } .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item_outer.sqb_ans_selected:not(.matrix_cls):after { left: auto; margin: 0; } body .quiz-slide-animation.template_num_template8:not(.popup_popup_sqb) .quiz_outer_fe.show_cls { display: block!important; margin-left: auto!important; margin-right: auto!important; float: none; } .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item:hover, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item:hover *, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .addselected *, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_selected .sqb_ans_item, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_selected:not(.phone_number_text_cls) .sqb_ans_item *, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer:hover, #sqb_quiz_builder .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_container.single_fillin_text .sqb_ans_item:hover input, #sqb_quiz_builder .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_container.single_fillin_text .sqb_ans_item:hover textarea, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .question_add_answer_outer_div .sqb_ans_item_outer.multiple_cls.sqb_ans_selected, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer.single_cls.sqb_ans_selected, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb_ans_item_outer:hover .sqb_ans_item, .quiz-slide-animation .Quiz-Template.outer-style8.Quiz-Template-overflow .multiple_correct_checkbox.checkbox_sel .sqb_ans_item .sqb_ans_item_inner, .quiz-slide-animation .Quiz-Template.outer-style8 .Quiz-Template-overflow .multiple_correct_checkbox.checkbox_sel .sqb_ans_item .sqb_ans_item_inner *{ background-color: #fff!important;} .Quiz-Template.outer-style8 .correctincorrect_ans_div b { margin: 10px 10px 15px; } /*Template8 End*/ .Quiz-Template:not(.outer-style8) .skip-question-btn.sqb_next_btn{display: inline-block !important;} .Quiz-Template2, #sqb_quiz_builder .Quiz-Template2.remove-border, .Quiz-Optin-Template, #sqb_quiz_builder .Quiz-Optin-Template.remove-border, .Quiz-Template.result_temp_outer, #sqb_quiz_builder .Quiz-Template.result_temp_outer.remove-border, .quiz_quesans_template_outer .Quiz-Template.remove-border {border: none; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container:not(.image_option_has) .dropdown_cls:not(.multiple_correct_checkbox):not(.text_cls):not(.matrix_cls):not(.date_cls):not(.slider_cls):not(.numeric_text_cls):after{ display:none } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section label { width: 100%; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select { border: 1px solid #ddd; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section label { color: rgb(68, 68, 68); display: inline-block; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select:focus, .Quiz-Template5-right-side .sqb_ans_item_outer.dropdown_cls select:focus, .template_num_template6 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select:focus, .template_num_template1 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select:focus{ outline: none; } /*Template5*/ .Quiz-Template5-right-side .sqb_ans_item_outer.dropdown_cls label, .Quiz-Template5-right-side .sqb_ans_item_outer.dropdown_cls select, .Quiz-Template5-right-side .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section { width:100% } .Quiz-Template5-right-side .sqb_ans_item_outer.dropdown_cls { background: #fff; padding: 20px 30px 28px; border-radius: 10px; } .quiz_outer_fe .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer:hover { background: #fff !important; } .Quiz-Template5-right-side .sqb_ans_item_outer.dropdown_cls select { margin-top: 10px; } /*Template6*/ .template_num_template6 .sqb_ans_item_outer.dropdown_cls, .template_num_template1 .sqb_ans_item_outer.dropdown_cls{ padding: 0 0 5px; } .template_num_template6 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section label, .template_num_template1 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section label{ width: 100%; padding-right: 0px; display: inline-block; } .template_num_template6 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select, .template_num_template1 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select{ width: 100%; border: 2px solid #ddd; } .template_num_template6 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section, .template_num_template1 .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section { width: 100%; } .quiz_result_template_outer .Quiz-Template-content p, .quiz_result_template_outer .outcome_name_dt { color: #333; } .sqb_tags_content_details { padding-top: 5px; padding-bottom: 5px; } .quiz_result_template_outer .Quiz-Template-content .outcome_button_pdf * { color: unset; } .quiz_result_template_outer .take-quiz-btn , .quiz_result_template_outer .take-quiz-btn *{ color: #fff; } /*Result Page css*/ /*.page-template-default iframe { padding: 16px 15px !important; width: 72%; margin-left: 12% !important; margin-right: 12% !important; } */ /* body #sqb_quiz_builder .Quiz-Template.result_temp_outer { max-width: 620px !important; padding-left:5px !important; padding-right:5px!important; } */ .sqb_quiz_container_outer .quiz_result_template_outer .outcome_div {width: 100%;margin: 0;padding: 0;} .result-screen-template8.modal_pop_inn { max-width: unset!important; width: unset!important; } .sqb_question_dropdown{ font-size: 14px; line-height: 2; color: #2c3338; border-color: #8c8f94; box-shadow: none; border-radius: 3px; padding: 0 24px 0 8px; min-height: 30px; max-width: 25rem; -webkit-appearance: none; background: #FFE url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 9px top 55%; background-size: 16px 16px; cursor: pointer; vertical-align: middle; background-color: #fff; margin-top: 10px; } /*AD recomandation*/ /*.quiz_ans_a_d_html_outer .ans_recommendation_result_temp { border: none; padding: 0; }*/ .template_num_template3 .quiz_ans_a_d_html_outer { padding: 20px 15px; } .a_d_next_btn { margin-top: 20px; } .template_num_template8 .a_d_next_btn { text-align: center; } .template_num_template8 .quiz_ans_a_d_html_outer .ans_recommendation_result_temp { padding: 20px 40px; } .quiz_ans_a_d_html_outer .single_next_btn.sqb_next_btn.sqb_tiny_mce_editor.mce-content-body { display: block !important; margin-left: auto !important; margin-right: auto !important; float: none !important; } .Quiz-Template.is_a_d_active > .progress { display: none; } /*.template_num_template6 .is_a_d_active.Quiz-Template { background-color: #fff!important; }*/ /*.template_num_template6 .is_a_d_active.Quiz-Template .ans_recommendation_result_temp { border: none; max-width: 100%; }*/ .template_num_template6 .quiz_ans_a_d_html_outer { text-align: center; } .template_num_template6 #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, .template_num_template6 #sqb_quiz_builder .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 20px 12px; } .template_num_template6 #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img{ margin-bottom: 0; } .sqb_opt_in_h6 {padding-left: 40px; } .template_num_template6 .answer_container.question_add_answer_outer_div .sqb_ans_item { border: var(--template6_answer_border_width) solid var(--template6_answer_border_color)!important; -webkit-transition-property: background-color; -webkit-transition-duration: .2s; -webkit-transition-timing-function: linear; transition-property: background-color; transition-duration: .2s; transition-timing-function: linear; border-radius: 3px; cursor: pointer; } .template_num_template6 .answer_container.question_add_answer_outer_div .sqb_ans_item:hover { border: var(--template6_answer_border_width) solid var(--template6_answer_border_hover_color)!important; } #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer:hover .sqb_ans_item:not(.ans_type_height_weight){ background: transparent!important; } .template_num_template6 .background-image-template6{ background: rgb(228, 224, 224); } .template_num_template6 .background-image-template6 > img { opacity: var(--template6_background_image_opacity); } html{ --window-width-full-screen: 100vw;} html body .sqb_quiz_container_outer.template_num_template6.inpage_popup_sqb.focus_mode_enabled { margin-left: calc((var(--window-width-full-screen) - 100%) / -2)!important; width: 100vw!important; max-width: var(--window-width-full-screen)!important; margin-top: 0; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .Quiz-Template-title, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template-title { margin-bottom: 5px; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .question_img_div, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .question_img_div, html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .video-element-outer, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .video-element-outer { margin-top: 15px; margin-bottom: 15px; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-content .sqb_content, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-content .sqb_content { padding-top: 5px; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { font-family: 'Open Sans', 'DM Sans',sans-serif; font-weight: 500; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .Quiz-Template .Quiz-Template-title, html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .Quiz-Template .Quiz-Template-overflow .question_details .Quiz-Template-title, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template .Quiz-Template-title, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template .Quiz-Template-overflow .question_details .Quiz-Template-title{ margin-left: 0!important; } /* Template 7 Design V2*/ html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .question_add_answer_outer_div.image_option_has.one-in-a-row .sqb_ans_item .sqb_ans_item_inner .sqb_ans_item_img, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .question_add_answer_outer_div.image_option_has.one-in-a-row .sqb_ans_item .sqb_ans_item_inner .sqb_ans_item_img { margin-bottom: 0; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer:hover, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer:hover { border-color: transparent!important; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer { padding: 4px; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active.image_option_has .sqb_ans_item{ justify-content: flex-end; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item{ -webkit-transition-property: unset; -webkit-transition-duration: unset; -webkit-transition-timing-function: unset; transition-property: unset; transition-duration: unsets; transition-timing-function: unset; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner { display: flex; flex-direction: column; justify-content: flex-start; position: relative; height: 100%; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item .sql_ans_text, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer .sqb_ans_item .sql_ans_text { display: flex; align-items: flex-start; /*height: 100%;*/ position: relative; flex-direction: column; justify-content: center; flex: 1; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active.layout-two-in-row-active { width: 100%; gap: 0 30px; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active.layout-two-in-row-active .sqb_ans_item_outer { margin-right: 0; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active.layout-three-in-row-active.answer_container .sqb_ans_item_outer { margin-left: 0; margin-right: 0; } body .template_num_template6 .answer_container.question_add_answer_outer_div.grid-layout-active.grid-layout-active { gap: 0 30px; } .sqb_quiz_container_outer.template_num_template6 .quiz_quesans_template_outer .single_next_btn, .template_num_template6 .sqb_quiz_container_outer .quiz_quesans_template_outer .single_next_btn, .template_num_template6 .quiz_quesans_template_outer .single_back_btn { margin-top: 20px!important; } body .template_num_template6 .answer_container .sqb_ans_item_outer .checkbox-custom-style{ left: 1px; top: 7px; display: none; } .template_num_template6 #sqb_quiz_builder .Quiz-Template-overflow .answer_container.one-in-a-row.image_option_has .multiple_correct_checkbox.sqb_ans_item_outer.multiple_cls.sqb_withoutradio.sqb_ans_selected{ background-color: unset!important; } .template_num_template6 .question_add_answer_outer_div.image_option_has:not(.question_type_slider_has) .sqb_ans_item_outer:not(.text_cls) .sqb_ans_item:hover .sql_ans_text { background-color: transparent !important; } .template_num_template6 .question_add_answer_outer_div .sqb_ans_item textarea, .template_num_template6 .question_add_answer_outer_div .sqb_ans_item input{ width: 100%!important; } .template_num_template6 .numeric_value_prefix, .template_num_template6 .numeric_value_sufix { color: #000; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .Quiz-Template-overflow .answer_container .sqb_ans_selected .sqb_ans_item .sqb_textarea_ans_field, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template-overflow .answer_container .sqb_ans_selected .sqb_ans_item .sqb_textarea_ans_field { background: #fff!important; border: none; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { height: 100%; display: flex; width: 100%; flex-direction: column; flex-wrap: inherit; justify-content: center; } html body .sqb_quiz_container_outer.template_num_template6 #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner, html body .template_num_template6 .sqb_quiz_container_outer #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner { height: 100%; } .template_num_template6 #sqb_quiz_builder .answer_container.grid-layout-active:not(.image_option_has) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 20px 12px; } /* Template6 Answer Hover issue */ body .quiz-slide-animation.template_num_template6 .Quiz-Template-overflow .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item:hover *{ background-color: transparent !important; } #sqb_quiz_builder .quiz_start_template_outer ul, .Quiz-Optin-Template ul,.quiz_quesans_template_outer ul, .result_temp_outer ul { padding-left: 20px; margin-top: 0; margin-bottom: 10px; text-align: left; } #sqb_quiz_builder .quiz_start_template_outer ul li, .Quiz-Optin-Template ul li, .quiz_quesans_template_outer ul li, .result_temp_outer ul li{ margin-bottom: 0; } #sqb_quiz_builder .quiz_start_template_outer p, .Quiz-Optin-Template p, .quiz_quesans_template_outer p, .result_temp_outer p { margin-bottom: 10px; } .result_temp_outer .Quiz-Template-content h5 { margin-bottom: 0.5rem; font-family: inherit; line-height: 1.2; color: inherit; } .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sqb_ans_item_inner { padding-right: 20px; } #Opt-Screen-Settings .Quiz-Optin-Template .Quiz-Template-content .form_cls input.date { background-image: url(../images/calendar_icon.svg) !important; background-repeat: no-repeat; background-position: 98% center !important; } #sqb_quiz_builder .Quiz-Optin-Template .form_cls input.date{background-image: url(../images/calendar_icon.svg) !important; background-repeat: no-repeat; background-position: 98% center !important; } .ShowCategoryScore h1 { margin-top: 24px; margin-bottom: 20px; } .ShowCategoryScore h2 { margin-top: 22px; margin-bottom: 18px; } .ShowCategoryScore h3 { margin-top: 20px; margin-bottom: 16px; } .numeric-value-prefix input[type=number]::-webkit-inner-spin-button, .numeric-value-prefix input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } body .sqb_quiz_container_outer :not(.quiz-slide-animation) .corner_popup.quiz_quesans_template_outer.corner_popup .show_cls { display: block !important; } .quiz_quesans_template_outer.quiz_outer_fe.height-in-vh.ques_temp_template6.modal_popup.show_cls .modal_pop_center .modal_pop_inn { display: flex!important; } .quiz_quesans_template_outer.quiz_outer_fe.height-in-vh.ques_temp_template6.modal_popup.show_cls .modal_pop_center .modal_pop_inn { display: flex!important; } #sqb_quiz_builder .ques_temp_template6 .sqb_ans_item_outer.email_cls .sqb_ans_item input.sqb_and_field.sqb_input_ans_field.sqb_email_ans_field, #sqb_quiz_builder .ques_temp_template6 .sqb_ans_item_outer .sqb_ans_item .international-phone-number{ padding: 10px; font-size: 20px!important; } #sqb_quiz_builder .ques_temp_template6 .sqb_ans_item_outer .sqb_ans_item .international-phone-number{ padding-left: 50px; } #sqb_quiz_builder .ques_temp_template6 .sqb_ans_item_outer.phone_number_text_cls .sqb_ans_item { padding-bottom: 0; } .question_container .disable_answer { pointer-events: none; } .back-next-btn { width: 100%; display: flex; justify-content: center; gap: 10px; } .back-btn-outer { display: inline-block; margin-right: 20px; } .template_num_template8 .single_back_btn.sqb_back_btn { margin-top: 15px !important; display: flex !important; align-items: center; justify-content: center; border-radius: 8px !important; line-height: 1!important; } .template_num_template7 .single_back_btn.sqb_back_btn { margin-right: 35px !important; } .template_num_template8 .single_back_btn.sqb_back_btn { font-size: 22px !important; } .answer_container.question_add_answer_outer_div .sqb_ans_item.hide_answer_text_outer{background:none;} #sqb_quiz_builder.sqb_quiz_container .outcome_div .question_img_div picture img { height: auto; max-height: 100%; } #sqb_quiz_builder.sqb_quiz_container .outcome_div .question_img_div picture { width: 100%!important; display: block; } body .sqb_quiz_container_outer.template_num_template8 .quiz_start_template_outer.sqb_start_screen_background_image .Quiz-Template2.start_temp_outer.quiz_comon_template.outer-style8 { background: none !important; } .template_num_template8 .quiz_ans_a_d_html_outer .ans_recommendation_result_temp { display: block; margin-left: auto; margin-right: auto; } .quiz_firstname_template_outer .start_temp_outer{background-color: var(--setting_personalization_color) !important;} .quiz_firstname_template_outer .Quiz-start-Template5 .show_first_name_screen_temp{background-color: var(--setting_personalization_color) !important;} .quiz_analyzing_template_outer .analyzing_result_temp{background-color: var(--setting_analyzing_screen_color) !important; max-width: var(--setting_analyzing_width_input)!important} .sqb_quiz_container_outer .quiz_quesans_template_outer .is_a_d_active .quiz_ans_a_d_html_outer .answer_recommendation_outer_wrapper{background-color: var(--setting_question_ads_color) !important; max-width: var(--setting_question_width_input); margin-left: auto; margin-right: auto; width: 100%;} .sqb_quiz_container_outer .quiz_quesans_template_outer .quiz_ans_recommendation_html{background-color: var(--setting_ans_ad_recommendation) !important;} .sqb_quiz_container_outer .quiz_quesans_template_outer .quiz_ans_recommendation_html_outer .answer_recommendation_outer_wrapper{ background-color: transparent !important; } .result_temp_outer .sqb_tags_content_details_outer .tags_content_temp{background-color: var(--setting_tag_background_color);} #sqb_quiz_builder .result_temp_outer .sqb_category_details, #sqb_quiz_builder .result_temp_outer .ShowCategoryScoreContent{background-color: var(--setting_category_background_color); max-width: var(--setting_category_width_input) !important; margin-left: auto; margin-right: auto; } body .sqb_quiz_container_outer.template_num_template8:not(.popup_popup_sqb) .quiz_firstname_template_outer .Quiz-Template2.start_temp_outer.quiz_comon_template.outer-style8{background-color: var(--setting_personalization_color) !important; } .sqb_ans_item.ans_type_height_weight { border-radius: 8px; padding-right: 0; } .weight-options-outer { display: flex; padding: 10px; border-radius: 10px; align-items: flex-end; width: 100%; gap: 10px; } .weight-options-inner { width: calc(50%); max-width: calc(50%); } .weight-options-inner .weight-options input { width: 100%; margin: 5px 0 0 0; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.weight_and_height_cls:after { content: none!important; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.weight_and_height_cls { padding-right: 16px!important; } body .sqb_quiz_container_outer .quiz_firstname_template_outer.sqb_start_screen_background_image.modal_popup .modal_pop_inn { max-width: unset!important; width: unset!important; } .template_num_template8 .Quiz-Optin-Template.quiz_comon_template.outer-style8, .template_num_template8 .Quiz-Template.result_temp_outer.personality_temp.quiz_comon_template.outer-style8 { border: none !important; } #sqb_quiz_builder .quiz_firstname_template_outer .Quiz-Template2{ max-width: var(--setting_personalization_width_input) !important; } #question_answer_chart, .chart-container { background: var(--charts_bar_background_color); } #question_answer_chart, .chart-container { background: var(--charts_bar_background_color); padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid gainsboro; } body #sqb_quiz_builder .sqb_charts_outer_section {float: none;margin-bottom: 0;padding: 0; } body #question_answer_chart {padding: 20px 30px; } body .ans_in_resultpage_outer.sqb_charts_outer_section {border-bottom: 0; } #sqb_quiz_builder .sqb_spider_charts_heading { margin-bottom: 0; border: none; background: var(--charts_bar_background_color);} #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .chart-container canvas { background: transparent !important; } #question_answer_chart .sqb_QA_chart_heading, #question_answer_chart .sqb_select_questions label, #question_answer_chart .sqb_question_answer_data_chart strong, .sqb_spider_charts_heading{color: var(--sqb_spider_bar_chart_font_color);} /*Media starts here*/ @media (max-width:1024px){ .quiz-Template5-btn.take-quiz-btn.sqb_tiny_mce_editor.mce-content-body{width:100% !important; max-width:500px} } @media (max-width: 1620px) { .Quiz-start-Template5-left, .Quiz-start-Template5-right , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side , .Quiz-result-Template5 .Quiz-result-Template5-left , .Quiz-result-Template5 .Quiz-result-Template5-right {padding: 50px;} } @media (max-width: 1170px) { .Quiz-start-Template5-left, .Quiz-start-Template5-right , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side , .Quiz-result-Template5 .Quiz-result-Template5-left , .Quiz-result-Template5 .Quiz-result-Template5-right {padding: 40px;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .sqb_question_progress {top: 20px;font-size: 16px;} .Quiz-start-Template5 .Quiz-Template5-title {font-size: 38px;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .question_type_rating .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .question_type_rating .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text , .question_type_rating .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 15px 12px ! important; } } @media (max-width: 900px) { .sqb_quiz_container_outer .quiz_outer_fe.quiz_optin_template_outer.show_cls .Quiz-Optin-Template {display: inline-block !important;} .sqb_select_questions #select_question_id {width: 100%;max-width: 100%;margin: 5px 0 0 0;} #question_answer_chart .answer-data-chart, .answer-data-chart {padding: 0;} .Quiz-Template-content .answer-data-chart p, #sqb_quiz_builder .Quiz-Template-content .answer-data-chart p {font-size:14px;} } @media (max-width: 768px) { .Quiz-start-Template5 .Quiz-start-Template5-inner , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-inner , .Quiz-result-Template5 .Quiz-result-Template5-inner {flex-direction: column;flex-wrap: wrap;} .Quiz-start-Template5-left, .Quiz-start-Template5-right , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side , .Quiz-result-Template5 .Quiz-result-Template5-left , .Quiz-result-Template5 .Quiz-result-Template5-right {padding: 35px;min-height: 300px;width: 100%;max-width: 100%;flex-basis: 100%;} .quiz-Template5-bottomShapes img:last-of-type, .quiz-Template5-topShapes img:last-of-type {margin-left: -40px; margin-top: -40px;margin-bottom: 0;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .sqb_question_progress {top: 10px;font-size: 15px;} #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template.Quiz-Template-5 .Quiz-Template {padding: 0 20px;} #Quiz-Screen-Settings .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title div, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title span, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title em , #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title div, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title em {font-size: 32px ;} #sqb_quiz_builder .quiz_outer_fe{padding: 20px;} .template_num_template6 #sqb_quiz_builder .quiz_outer_fe{padding-left: 20px !important; padding-right: 20px !important;} .modal_pop_inn {position: absolute;left: 6%;transform: translate(-3%, -3%);max-width: 94% !important;width: 94%!important;} .quiz_firstname_template_outer .quiz_comon_template {width: 100% !important;} .quiz_result_template_outer .modal_pop_inn{width: 100% !important;} .quiz_firstname_template_outer .modal_pop_inn , .quiz_optin_template_outer .modal_pop_inn {left: 8%;transform: translate(-4%, -4%);max-width: 90% !important;width: 90%!important;} #sqb_quiz_builder .sqb_template5-fullWidth .quiz_outer_fe {padding: 0px;} .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .sqb_counter_outer1 {margin-top: 20px; } .modal_popup_outer .quiz_optin_template_outer .modal_pop_inn { position: static; top: 0; left: 0; transform: translate(0,0);} .modal_popup_outer .quiz_optin_template_outer.modal_popup .modal_pop_center{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100%; padding: 0; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; max-width: 100%; margin: 0;} .quiz_analyzing_template_outer.quiz_outer_fe.modal_popup .modal_pop_center {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: 100%; padding: 0; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; max-width: 100%; margin: 0; } .question_type_rating .question_add_answer_outer_div .sqb_ans_item .sql_ans_text { min-height: 30px; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .question_type_rating .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .question_type_rating .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text , .question_type_rating .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { padding: 5px 10px ! important; } .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side .answer_container .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text{ padding: 12px 12px; } .sqb_mobile_view_layout_active .iframe_outer.Quiz-Template2 .Quiz-Template-title, .sqb_mobile_view_layout_active .iframe_outer .Quiz-Template .Quiz-Template-title, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, .iframe_outer#sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span, .sqb_mobile_view_layout_active .iframe_outer#sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span{ font-size: inherit; } .sqb_mobile_view_layout_active .Quiz-Template2 .Quiz-Template-title, .sqb_mobile_view_layout_active .Quiz-Template .Quiz-Template-title, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span{ font-size: inherit; } #sqb_quiz_builder .sqb_category_details { width: 100% !important; } } @media (max-width: 700px) { #sqb_quiz_builder .sqb_ans_item_inner img.ui-draggable-handle {touch-action: auto;} #sqb_quiz_builder .layout-three-in-row-active.answer_container .sqb_ans_item_outer{margin-left:0;margin-right:0;} } @media (max-width: 767px) { #sqb_quiz_builder .Quiz-Template2, #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template, #sqb_quiz_builder .Quiz-Optin-Template {padding:20px;} #sqb_quiz_builder .template_num_template6 .quiz_quesans_template_outer .Quiz-Template, #sqb_quiz_builder .template_num_template6 .Quiz-Optin-Template {padding:0px;} #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title , #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title span {font-size:22px ;} .sqb_quiz_container .question_img_div {height: auto !important;text-align: center;float: none; margin: 0 auto;} .sqb_quiz_container .question_img_div img {max-height: 100% !important;height: auto !important; max-width: 100%!important; text-align: center; } #sqb_quiz_builder .Quiz-Template2 .take-quiz-btn, #sqb_quiz_builder .firstname_ok_btn, #sqb_quiz_builder .Quiz-Optin-Template .continue_btn {font-size:16px;padding:13px 15px;} #sqb_quiz_builder .sqb_first_name {height: 44px;font-size: 16px;} #sqb_quiz_builder .Quiz-Optin-Template .form_cls input {padding: 12px;} #sqb_quiz_builder .personality_temp .points_scored_result {font-size: 18px;padding: 24px 0 10px;} #sqb_quiz_builder .Quiz-Template .Quiz-Template-image img {left: 0 !important;} #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-content span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-content span {font-size: 16px !important;} .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer .sqb_ans_item .sqb_ans_item_inner .sql_ans_text {padding: 9px 10px;font-size: 14px;} .quiz_quesans_template_outer .multiple_next_btn, .quiz_quesans_template_outer .single_next_btn,.quiz_quesans_template_outer .file_upload_button {padding: 12px 10px !important;font-size: 14px !important;} .correctincorrect_ans_div b {font-size: 13px;} .sqb_quiz_container_outer:not(.sqb_mobile_view_layout_active) #result_temp_contentid .mce-content-body, .sqb_quiz_container_outer:not(.sqb_mobile_view_layout_active) #result_temp_contentid .mce-content-body span {font-size: 14px !important;} .ans_in_resultpage_outer .ans_in_resultpage.incorrect_ans_div, .ans_in_resultpage_outer .ans_in_resultpage.correct_ans_div {padding-right: 38px;font-size: 14px;} #sqb_quiz_builder .Quiz-Template.result_temp_outer .take-quiz-btn span {font-size: 16px !important; line-height: normal !important; } #sqb_quiz_builder .Quiz-Optin-Template .Quiz-Template-title *{ font-size: inherit !important; } .quiz_outer_fe .question_add_answer_outer_div .sqb_ans_item { margin-top: 4px; margin-bottom: 4px;} .quiz_result_template_outer .modal_pop_inn{ width: 100% !important;} .quiz_optin_template_outer .modal_pop_inn { width: 94% !important;} .sqb_template5-fullWidth .Quiz-start-Template5 .Quiz-start-Template5-inner .Quiz-start-Template5-left, .sqb_template5-fullWidth .Quiz-start-Template5 .Quiz-start-Template5-inner .Quiz-start-Template5-right, .sqb_template5-fullWidth .Quiz-start-Template5-left, .sqb_template5-fullWidth .Quiz-start-Template5-right, .sqb_template5-fullWidth .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side, .sqb_template5-fullWidth .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side, .sqb_template5-fullWidth .Quiz-result-Template5 .Quiz-result-Template5-left, .sqb_template5-fullWidth .Quiz-result-Template5 .Quiz-result-Template5-right { min-height: auto; } .sqb_template5-fullWidth .Quiz-Optin-Template, #sqb_quiz_builder.sqb_template5-fullWidth .Quiz-Optin-Template {min-height: 90vh !important;} #sqb_quiz_builder.sqb_quiz_container .question_img_div { text-align: center; display: block; margin: 0 auto;} #Quiz-Settings-TabContent .start_temp_outer .sqb_img_draggable, #Quiz-Settings-TabContent .quiz_comon_template .sqb_img_draggable, .sqb_img_draggable, .Quiz-Template .Quiz-Template-image img, #sqb_quiz_builder .Quiz-Template .Quiz-Template-image img, #sqb_quiz_builder .quiz_comon_template .sqb_img_draggable { object-fit: cover !important;} .sqb_mobile_view_layout_active .Quiz-start-Template5 .Quiz-Template5-description * { line-height: normal;} /* #sqb_quiz_builder .question_add_answer_outer_div .sqb_ans_item .sql_ans_text:hover > * { color: #fff !important; }*/ .sqb_mobile_view_layout_active .iframe_outer.Quiz-Template2 .Quiz-Template-title, .sqb_mobile_view_layout_active .iframe_outer .Quiz-Template .Quiz-Template-title, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, .iframe_outer#sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span, .sqb_mobile_view_layout_active .iframe_outer#sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span{ font-size: inherit; } .sqb_mobile_view_layout_active .Quiz-Template2 .Quiz-Template-title, .sqb_mobile_view_layout_active .Quiz-Template .Quiz-Template-title, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span{ font-size: inherit; } .cat-details-row label { min-width: 50%; width: 50%; } .answer_recommendation_outer_wrapper .ans_recommendation_result-media > .ui-wrapper, .answer_recommendation_outer_wrapper .ans_recommendation_result-media img.sqb_ans_dot_item_img { height: auto !important; } .quiz-slide-animation .quiz_outer_fe.show_cls, .quiz-slide-animation .quiz_outer_fe.show_cls { display: inline-block !important; } .quiz-slide-animation .Quiz-Template.hide_cls.done_question, .quiz-slide-animation .quiz_outer_fe.hide_cls.done_screen { -webkit-transform: translate(0%); transform: translate(0%); } .quiz-slide-animation .Quiz-Template.hide_cls, .quiz-slide-animation .quiz_outer_fe.hide_cls { -webkit-transform: translate(0%); transform: translate(0%); display: none !important; position: relative; } #sqb_quiz_builder .Quiz-Optin-Template .Quiz-Template-content { padding: 10px; } #sqb_quiz_builder .Quiz-Template2, #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template, #sqb_quiz_builder .Quiz-Optin-Template , #sqb_quiz_builder .Quiz-Template.result_temp_outer{ max-width: 94% !important; } iframe #sqb_quiz_builder .Quiz-Template2, iframe #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template, iframe #sqb_quiz_builder .Quiz-Optin-Template , iframe #sqb_quiz_builder .Quiz-Template.result_temp_outer{ max-width: 100% !important; } .question_title{ max-width: 100%; width: 100%; } .Quiz-Template .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title{ max-width: 100%; width: 100%; margin: 0 !important; } #sqb_quiz_builder .SQB-main-table .matrix_cls td { display: inline-block; text-align: left; width: 100%; clear: both; } #sqb_quiz_builder .SQB-main-table .matrix_cls { display: block !important; } .SQB-main-table thead{ display:none !important; } .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th, .sqb-answer-matrix-table-scroll table.SQB-main-table tbody td{ color:#333;font-weight:600;font-size:14px; } .heading_title_th{ display:block;font-size: 16px; } div#sqb-answer-matrix-table-scroll .heading_title_th{ margin-top: 5px; } #sqb_quiz_builder .SQB-main-table tr.sqb_ans_item_outer.matrix_cls { margin: 20px 0 30px !important; } #sqb_quiz_builder .sqb-answer-matrix-table-scroll img { max-width: 50px; width: 100%; height: auto; float: none; display: initial; text-align: center; margin: 0 auto; margin-left: 10px; } .sqb__radio-group .sqb__radio-button { z-index: 1; } .sqb-answer-matrix-table-scroll table.SQB-main-table input[type=radio] { margin: 4px; } .sqb-answer-matrix-table-scroll table.SQB-main-table tbody td { padding: 5px 10px; } .sqb__radio-group {float:left;margin-right: 10px; } .answer-data-chart .table-responsive {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;} .answer-data-chart .table-responsive>.table-bordered {border: 0;} .answer-data-chart .Quiz-QA-Table th {white-space: nowrap;} .answer-data-chart .Quiz-QA-Table .progress-bar-outer {width: 200px;margin: 0;} body .video-element-outer .outcomeTemplateYoutubeVideoOuter,body .video-element-outer .outcomeTemplateYoutubeVideoOuter iframe{aspect-ratio: 16 / 9;height: auto !important;min-height: inherit!important;max-height: inherit !important;width: 100% !important;max-width: 100% !important;} .Quiz-Template iframe { max-width: 100%; } #sqb_quiz_builder .sqb-answer-matrix-table-scroll th div { width: 100%; float: left; margin: 0 auto; display: inline-grid; max-width: 100%; white-space: normal; line-height: 1.5; } th.SQB-fixed-side div { min-width: 100%; max-width: 100%; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .Quiz-Template-content .sqb_select_questions { display: flex; flex-direction: column; align-items: flex-start; } .Quiz-Template.result_temp_outer.outer-style8, #sqb_quiz_builder .Quiz-Template.result_temp_outer.outer-style8 { padding: 0; } #sqb_quiz_builder .outcome_div .Quiz-Template.outer-style8 .chart-container canvas{ width: 100%!important; } body .outcome_div .video-element-outer .outcomeTemplateYoutubeVideoOuter, body .outcome_div .video-element-outer .outcomeTemplateYoutubeVideoOuter iframe.instagram-media { aspect-ratio: 3/4; } .template_num_template8 .quiz_ans_a_d_html_outer .ans_recommendation_result_temp, .template_num_template3 .quiz_ans_a_d_html_outer { padding-left: 20px; padding-right: 20px; } .sqb_opt_in_h6 {padding-left: 10px; } } #sqb_quiz_builder .quiz_result_template_outer.modal_popup .Quiz-Template.result_temp_outer { justify-content: flex-start;} @media (max-width: 639px) { .Quiz-start-Template5-left, .Quiz-start-Template5-right , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side , .Quiz-result-Template5 .Quiz-result-Template5-left , .Quiz-result-Template5 .Quiz-result-Template5-right {padding: 30px 25px;min-height: 240px;} #Quiz-Screen-Settings .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title div, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title span, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title em , #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title div, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side .Quiz-Template-title em {font-size: 26px } .Quiz-start-Template5 .Quiz-Template5-title {font-size: 36px;} #sqb_quiz_builder .answer_container.grid-layout-active .sqb_ans_item_outer, .layout-three-in-row-active.answer_container .sqb_ans_item_outer{width: 100%;max-width: 100%;} .quiz-slide-animation.top-to-bottom .Quiz-Template.hide_cls, .quiz-slide-animation.top-to-bottom .quiz_outer_fe.hide_cls { -webkit-transform: translate(0,300%); transform: translate(0,300%); } .answer-data-chart .progress-bar-outer { width: 100%; } #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-content span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-content span { font-size: 16px !important; } .cat-details-row label, .cat-details-row span { font-size: 14px!important; } .video-element-outer { height: auto !important; } body #sqb_quiz_builder .Quiz-Template.result_temp_outer { max-width: 500px !important; } body #sqb_quiz_builder .modal_pop_inn .Quiz-Template.result_temp_outer.outer-style8 { max-width: 100% !important; } } @media (max-width: 575px) { .Quiz-Template2 .Quiz-Template-title, .Quiz-Template .Quiz-Template-title , #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span , #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span {font-size:18px ;} .Quiz-Template2 .Quiz-Template-content span, .Quiz-Template .Quiz-Template-content span { font-size: 14px ;} .sqb_mobile_view_layout_active .iframe_outer.Quiz-Template2 .Quiz-Template-title, .sqb_mobile_view_layout_active .iframe_outer .Quiz-Template .Quiz-Template-title, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, .iframe_outer#sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span, .sqb_mobile_view_layout_active .iframe_outer#sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span{ font-size: inherit; } .sqb_mobile_view_layout_active .Quiz-Template2 .Quiz-Template-title, .sqb_mobile_view_layout_active .Quiz-Template .Quiz-Template-title, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title span, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span, .sqb_mobile_view_layout_active #sqb_quiz_builder .Quiz-Template .Quiz-Template-title > span span{ font-size: inherit; } .Quiz-Template .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title { max-width: 100%; width: 100%; margin: 0 !important; } #sqb_quiz_builder .Quiz-Template2, #sqb_quiz_builder .quiz_quesans_template_outer .Quiz-Template, #sqb_quiz_builder .Quiz-Optin-Template { padding: 20px 8px; } #sqb_quiz_builder .quiz_outer_fe { padding: 20px 8px; } .chart-container { position: relative; margin: auto; /*height: 80vh;*/ width: 80vw; } canvas#spiderChartOutcome1, canvas#spiderChartOutcome { background-color: #fff; width: 266px !important; } body .outcome_div .video-element-outer .outcomeTemplateYoutubeVideoOuter, body .outcome_div .video-element-outer .outcomeTemplateYoutubeVideoOuter iframe.instagram-media { aspect-ratio: 2/3; min-width: 100%!important; } body #sqb_quiz_builder .Quiz-Template.result_temp_outer { max-width: 480px !important; } body #sqb_quiz_builder .modal_pop_inn .Quiz-Template.result_temp_outer.outer-style8 { max-width: 100% !important; } } @media (max-width: 479px) { #sqb_quiz_builder .Quiz-Template2 .Quiz-Template-title, .Quiz-Template .Quiz-Template-title {font-size:17px ; margin-top: -15px;} #sqb_quiz_builder .Quiz-Optin-Template h6 {margin-bottom: 0px;font-size: 16px;} .Quiz-start-Template5-left, .Quiz-start-Template5-right , .Quiz-Template.Quiz-Template-5 .Quiz-Template5-left-side, .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-side {min-height: 200px;} .Quiz-start-Template5 .Quiz-Template5-title {font-size: 30px;} .Quiz-Template .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title { max-width: 100%; width: 100%; margin: 0 !important; } body #sqb_quiz_builder .Quiz-Template.result_temp_outer { max-width: 320px !important; } body #sqb_quiz_builder .modal_pop_inn .Quiz-Template.result_temp_outer.outer-style8 { max-width: 100% !important; } .Quiz-Template.result_temp_outer, #sqb_quiz_builder .Quiz-Template.result_temp_outer{ padding: 20px 15px; } .sqb_mobile_view_layout_active .Quiz-Template.result_temp_outer #result_temp_contentid *{ font-size: 15px !important; } } @media (max-width: 360px){ body #sqb_quiz_builder .Quiz-Template.result_temp_outer { max-width: 100% !important; } } @media (max-width: 1280px){ #Quiz-Screen-Settings .Quiz-Template.outer-style8 .question_add_answer_outer_div.grid-layout-active.layout-four-in-row-active .sqb_ans_item, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container.grid-layout-active:not(.layout-one-in-row-active):not(.layout-two-in-row-active) .sqb_ans_item_outer{ width: calc(33.33% - 1em); max-width: calc(33.33% - 1em); } } @media (max-width: 991px){ #sqb_quiz_builder .outer-style8 .skip_continue_button_wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; } #Quiz-Screen-Settings .Quiz-Template.outer-style8 .question_add_answer_outer_div.grid-layout-active.layout-four-in-row-active .sqb_ans_item, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container.grid-layout-active:not(.layout-one-in-row-active) .sqb_ans_item_outer{ width: calc(50% - 1em); max-width: calc(50% - 1em); } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container.grid-layout-active:not(.layout-one-in-row-active):not(.layout-two-in-row-active) .sqb_ans_item_outer{ width: calc(50% - 1em); max-width: calc(50% - 1em); } } @media (max-width: 767px){ #sqb_quiz_builder .outer-style8 .skip_continue_button_wrapper { width: 100%; display: flex; flex-direction: column; align-items: center; } #Quiz-Screen-Settings .Quiz-Template.outer-style8 .question_add_answer_outer_div.grid-layout-active.layout-four-in-row-active .sqb_ans_item, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container.grid-layout-active .sqb_ans_item_outer{ width: 100%!important; max-width: 100%!important; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container.grid-layout-active:not(.layout-one-in-row-active):not(.layout-two-in-row-active) .sqb_ans_item_outer{ width: 100%; max-width: 100%; } .Quiz-Template.outer-style8 .question_add_answer_outer_div.grid-layout-active.layout-five-in-row-active .sqb_ans_item {width: 100%!important; max-width: 100%!important;} body #sqb_quiz_builder .quiz_quesans_template_outer.ques_temp_template8.modal_popup .Quiz-Template.outer-style8.show_cls{ display: inline-block!important; } .Quiz-Template.outer-style8 .question_type_rating .answer_container{ flex-wrap: wrap; flex-direction: row; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container:not(.image_option_has) .sqb_ans_item_outer:not(.multiple_correct_checkbox):not(.text_cls):not(.matrix_cls):not(.date_cls):not(.slider_cls):not(.numeric_text_cls){ padding-right: 60px; } div#sqb-answer-matrix-table-scroll .heading_title_th { margin-top: 0px; } #Quiz-Screen-Settings .Quiz-Template.outer-style8 .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template.outer-style8 .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template.outer-style8 .Quiz-Template-title{ font-size: 20px; } .Quiz-Template.outer-style8 .Quiz-Template-content.question_description > div, #sqb_quiz_builder .Quiz-Template.outer-style8 .Quiz-Template-content.question_description > div{ font-size: 18px; font-weight: 500; } .Quiz-Template.outer-style8 .question_details br { display: none; } } custom_tag:not(.custom_hide_loader) { width: 45px; height: 45px; display: inline-block; padding: 0px; border-radius: 100%; border: 5px solid; border-top-color: #0077b5; border-bottom-color: #0077b5; border-left-color: #0077b5; border-right-color: rgb(109 109 109 / 30%); -webkit-animation: loader4 1s ease-in-out infinite; animation: loader4 1s ease-in-out infinite; text-indent: -9999px; text-indent: 100%; white-space: nowrap; overflow: hidden; } .pdf-success {color: green!important;margin-top: 10px;font-size: 18px;} .downloading-pdf{width: unset !important; pointer-events: none;opacity: 0.4;} /*------OVERLAY-----*/ .is-loading:before { position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 999; content: ''; background-color: rgba(18, 32, 53, 0.5); background-image: url(../images/rolling.gif); background-repeat: no-repeat; background-position: center center; background-size: 80px; } .is-loading { position: relative; } .qa-listing-data { font-size: 15px; padding: 16px 12px; box-shadow: 0 4px 15.4px 0.6px rgb(0 0 0 / 5%); border: solid 1px #f3f2f2; margin: 17px 0; background: #f7f7f7; font-weight: 600; display: flex; justify-content: space-between; position: relative; border-radius: 5px; overflow: hidden; } .sqb-change-vote-count-results > div { display: inline-block; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .qa-listing-data{ border-radius: 8px; line-height: 26px; box-shadow: rgb(0 0 0 / 4%) 0px 0.25rem 1rem; margin-top: 16px; margin-bottom: 16px; } .voteRange { position: absolute; left: 0; height: 100%; background: #5269e9; top: 0; } .z-index { position: relative; z-index: 1; } .sqb-change-vote { cursor: pointer; text-decoration: underline; font-weight: 600; cursor: pointer; } .sqb-vote-error{ color: #842029; background-color: #f8d7da; border-color: #f5c2c7; position: relative; padding: 1rem 1rem; margin-bottom: 1rem; border: 1px px solid transparent; border-radius: 0.25rem; margin-top: 20px; } .ShowPollResultsChart{ text-align: center; } .ShowPollResultsChart.pie_chart { padding: 0 20% ; } .poll-quiz-main{ margin-left: auto; margin-right: auto; padding: 10px; } .hide_cls_poll { display: none!important; } .quiz_type_poll .show_cls_poll.show_cls_poll_optin { display: block !important; } .quiz_firstname_template_outer.quiz_outer_fe.modal_popup.show_cls { width: 100%!important; background-color: transparent!important; } #sqb_quiz_builder .result_temp_outer.outer-style8 .Quiz-Template-content-inn#result_temp_contentid .tags_content_heading { font-size: 24px; line-height: 1.3; font-family: 'DM Sans',sans-serif; font-weight: 500; color: #1d2327; margin: 0 0 20px 0; padding: 0; } /* POLL V2 */ .sqb_quiz_container .quiz_poll_results .sqb_ans_item_outer { position: relative; } .sqb_quiz_container .quiz_poll_results .voteRange-result-data { position: absolute; left: 0; background: #5269e9!important; top: 0; bottom: 0px; overflow: hidden; border-radius: 5px 0 0 5px; cursor: default; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_quesans_template_outer .Quiz-Template-overflow .quiz_poll_results .answer_container .single_cls .sqb_ans_item_inner span.voteRangehover-text-result-data { position: absolute; left: 16px; background-color: transparent!important; font-size: 1rem; line-height: 1.5rem; font-weight: 600; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_quesans_template_outer .Quiz-Template-overflow .quiz_poll_results .answer_container .single_cls:hover .sqb_ans_item_inner span.voteRangehover-text-result-data { background: transparent!important; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container .sqb_ans_item_outer { padding-right: 16px!important; } .sqb_quiz_container .quiz_poll_results span.percentz-result-data { font-size: 1rem; line-height: 1.5rem; font-weight: 600; cursor: default; z-index: 1; position: relative; padding-right: 16px; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results span.percentz-result-data{ padding-right: 0; } .sqb_quiz_container .quiz_poll_results .qa-listing-result-data .vote-hover-text { display: none; } .sqb_quiz_container .quiz_poll_results .sqb_ans_item_outer:hover .vote-hover-text { display: block; z-index: 1; } span.voteRangehover-text-result-data, span.voteRangehover-text-result-data * { display: inline-block; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:hover .qa-listing-result-data .vote-hover-text{ display:block; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text * { z-index: 1; cursor: default; background: transparent!important; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls:hover .sqb_ans_item .sqb_ans_item_inner .sql_ans_text * { opacity: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { position: relative; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template .quiz_poll_results .answer_container .sqb_ans_item_outer .sqb_ans_item { position: unset; cursor: default; margin-top: 0; margin-bottom: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container .sqb_ans_item_outer { box-shadow: var(--template8-answerbox-brorder-color) 0px 0px 0px var(--template8-answerbox-brorder-width) inset; user-select: none; -ms-user-select: none; border: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .qa-listing-result-data { display: none; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .qa-listing-result-data { display: block; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:active { pointer-events: none; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results button.btn-add-vote { pointer-events: none; user-select: none; -webkit-user-select: none; -ms-user-select: none; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:hover .qa-listing-result-data .vote-hover-text * { background: transparent!important; display: inline-block; } #sqb_quiz_builder .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:not(.slider_cls):hover .sqb_ans_item *{ background: transparent!Important; } #sqb_quiz_builder .Quiz-Template.outer-style8 .quiz_poll_results .voteRange-result-data.completed-100 { border-radius: 5px; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .quiz_poll_results .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text:hover{ } #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .quiz_poll_results .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text:hover { background: none!important; box-shadow: none; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.sqb_ans_selected, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer:hover { box-shadow: var(--template8-answerbox-shadow-color) 0px 0px 0px var(--template8-answerbox-brorder-hover-width) inset; border: none; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer { border: none; box-shadow: var(--template8-answerbox-brorder-color) 0px 0px 0px var(--template8-answerbox-brorder-width) inset; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template .quiz_poll_results .answer_container .sqb_ans_item_outer .sqb_ans_item { position: unset!important; } /* Poll V2 With Image */ #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img { position: relative; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img .voteRange-result-data-img { position: absolute; bottom: 0; right: 0; left: 0; -webkit-animation: w-vertical-barfill 2s; animation: w-vertical-barfill 2s; height: 0; width: 100%!important; top: auto; z-index: 4; opacity: 0.72; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img span.percentz-result-data-img { position: absolute; color: red; top: 0; left: 0; bottom: 0; width: 100%; display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: white; font-size: 2rem; font-weight: 700; z-index: 5; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls:hover .sqb_ans_item .sqb_ans_item_inner .sql_ans_text span.voteRangehover-text-result-data-img *{ display: inline-block; opacity: 1; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls:hover .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { opacity: 1; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .sqb_ans_item_outer .vote-hover-text-img * { display: inline-block; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls:hover .sqb_ans_item .sqb_ans_item_inner .sql_ans_text span.voteRangehover-text-result-data-img.vote-hover-text-img { opacity: 1; display: inline-block!important; position: absolute; top: 10px; left: 0; right: 0; bottom: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text span.voteRangehover-text-result-data-img.vote-hover-text-img * { display: inline; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .voteRangehover-text-result-data-img.vote-hover-text-img { display: none!important; } #sqb_quiz_builder.quiz_type_poll .quiz_outer_fe .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item:hover .sql_ans_text { box-shadow: none; } #sqb_quiz_builder.quiz_type_poll .quiz_outer_fe .Quiz-Template-overflow .quiz_poll_results .answer_container .multiple_correct_checkbox.sqb_ans_item_outer.multiple_cls.sqb_withoutradio.sqb_ans_selected, #sqb_quiz_builder.quiz_type_poll .quiz_outer_fe .quiz-slide-animation .Quiz-Template-overflow .quiz_poll_results .answer_container .multiple_correct_checkbox.sqb_ans_item_outer.multiple_cls.sqb_withoutradio.sqb_ans_selected .sqb_ans_item *, #sqb_quiz_builder.quiz_type_poll .quiz_outer_fe .Quiz-Template-overflow .quiz_poll_results .answer_container:not(.question_type_slider_has) .sqb_ans_selected .sqb_ans_item *{ background:transparent!important; } #sqb_quiz_builder.quiz_type_poll .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item .sqb_ans_item_inner .sql_ans_text, #sqb_quiz_builder.quiz_type_poll .quiz_outer_fe .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item:hover .sql_ans_text, #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item .sqb_ans_item_inner .sql_ans_text,{ background:transparent!important; box-shadow: none; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .quiz_poll_results .answer_container.image_option_has .sqb_ans_item_outer.single_cls:hover .sqb_ans_item .sqb_ans_item_inner .sql_ans_text *{ } #sqb_quiz_builder.quiz_type_poll .poll-quiz-main.quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls:hover .sqb_ans_item #sqb_quiz_builder.quiz_type_poll .poll-quiz-main.quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item, #sqb_quiz_builder.quiz_type_poll .poll-quiz-main.quiz_poll_results .answer_container .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { box-shadow: none; background:transparent!important; } .sqb_quiz_container .quiz_poll_results .sqb_ans_item_outer:active { pointer-events: none; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img:before { content: ''; background: rgba(18,32,53, 0.72); position: absolute; top: 0; left: 0; right: 0; bottom: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img { position: unset; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container.image_option_has .sqb_ans_item_outer .sqb_ans_item *, #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container.image_option_has .sqb_ans_item_outer:hover .sqb_ans_item *{ color: #fff!important; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .answer_container.image_option_has .sqb_ans_item_outer.single_cls .sqb_ans_item .sqb_ans_item_inner .sql_ans_text { z-index: 9; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .answer_container.image_option_has .sqb_ans_item_outer.single_cls:hover .sqb_ans_item .sqb_ans_item_inner .sql_ans_text span.voteRangehover-text-result-data-img.vote-hover-text-img{ top: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img:before{ border-radius: 8px; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img .voteRange-result-data-img { border-radius: 0 0 8px 8px; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img .voteRange-result-data-img.completed-100 { border-radius:8px; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .modal_popup .Quiz-Template { position: unset; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template:not(.outer-style8) .Quiz-Template-overflow .quiz_poll_results .answer_container:not(.image_option_has) .single_cls .sqb_ans_item_inner span.voteRangehover-text-result-data{ left: 12px; line-height: 26px; font-weight: 800!important; font-size: 15px; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .answer_container.grid-layout-active.image_option_has .sqb_ans_item_outer.multiple_correct_checkbox{ padding-left: 0; padding-right: 0; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template:not(.outer-style8) .answer_container.image_option_has.grid-layout-active .sqb_ans_item_outer.multiple_correct_checkbox .sqb_ans_item{ padding-top: 0!important; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .Quiz-Template-overflow { width: 100%; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .question_add_answer_outer_div.grid-layout-active:not(.image_option_has) .sqb_ans_item .sqb_ans_item_inner{ display: flex; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .vote_thank-you.vote_thank-you-with-result { padding-left: 10px; padding-right: 10px; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img .voteRange-result-data-img.completed-100 { border-radius: 8px; } #sqb_quiz_builder.quiz_type_poll .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container.image_option_has .sqb_ans_item_outer .sql_ans_text{ background: transparent!important; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img .voteRange-result-data-img{ z-index: 0; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container.image_option_has .sqb_ans_item_outer:hover .sqb_ans_item .sql_ans_text .vote-hover-text-img { display: block!important; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container.image_option_has .sqb_ans_item_outer:hover .sqb_ans_item .sql_ans_text .vote-hover-text-img * { display: inline; } #sqb_quiz_builder.quiz_type_poll.sqb_quiz_container .Quiz-Template.outer-style8 .quiz_poll_results .question_add_answer_outer_div.answer_container.image_option_has .sqb_ans_item_outer:hover .sqb_ans_item .sql_ans_text > div { display: none; } #sqb_quiz_builder.quiz_type_poll .result_temp_outer.outer-style8 .Quiz-Template-content-inn#result_temp_contentid .mce-content-body.question_title { font-size: 30px; } @media (max-width: 767px){ .sqb_quiz_container_outer .quiz_type_poll .quiz_quesans_template_outer .sqb-change-vote-action .single_next_btn.btn-add-vote { max-width: 100%!important; width: 100%!important; } .quiz_type_poll .sqb-change-vote-action { margin-left: auto; text-align: center; display: inline-flex; flex-direction: column; width: 100%; gap: 15px; } .quiz_type_poll .sqb-vote-footer{ flex-direction: column; padding: 10px; } .quiz_type_poll .sqb-change-vote-action a.sqb-view-result.show_cls { margin-right: 0; } .quiz_type_poll .sqb-change-vote-count-results{ padding-right: 0; margin-bottom: 10px; } } .cfields-hidden-wrapper.custom_add_fields{ display: none !important; } /* Fun Animation Stuff */ .quiz_fun_animation_main{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 99999; background: #fff; } /*Animation Template 2*/ html.sqb-celebration-animation-on body #sqb-celebration-main-wrapper .sqb-modal-animation { width: 450px; margin: 0 auto; border: 1px solid var(--border-color); box-shadow: 0px 0px 5px rgba(0,0,0,0.16); background-color: #fff; border-radius: 0.25rem; padding: 2rem; z-index: 1; } html.sqb-celebration-animation-on body #sqb-celebration-main-wrapper .sqb-modal-animation-emoji { display: block; text-align: center; font-size: 5rem; line-height: 5rem; transform: scale(0.5); animation: scaleCup 2s infinite alternate; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .sqb-modal-animation-text p { margin-bottom: 0!important; text-align: center; font-size: 1em; margin-top: 20px; margin-bottom: 20px; font-weight: 600; color: #333; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .sqb-modal-animation-btn { display: block; margin: 0 -2rem -2rem -2rem; padding: 1rem 2rem; font-size: .75rem; text-transform: uppercase; text-align: center; color: #fff; font-weight: 600; border-radius: 0 0 .25rem .25rem; background-color: var(--green); text-decoration: none; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .sqb-modal-animation-confetti { opacity: 0; position: absolute; width: 1rem; height: 1.5rem; transition: 500ms ease; animation: confettiRain 5s infinite; } html.sqb-celebration-animation-on #sqb-modal-animation-confetti-wrapper { overflow: hidden !important; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper { max-height: 100vh; max-width: 100%; min-width: unset; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #fff; z-index: 999999; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .sqb-celebration-type-2 { display: flex; align-items: center; justify-content: center; height: 100%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .sqb-modal-animation-btn { display: block; margin: 0 -2rem -2rem -2rem; padding: 1rem 2rem; font-size: 0.75rem; text-transform: uppercase; text-align: center; color: #fff; font-weight: 600; border-radius: 0 0 0.25rem 0.25rem; background-color: #0cd977; text-decoration: none; } .filling-border-text-container .inner-text * { line-height: 1.2; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .sqb-modal-animation-text p:empty { display: none; } @keyframes scaleCup { 0% { transform: scale(0.6); } 100% { transform: scale(1); } } @keyframes confettiRain { 0% { opacity: 1; margin-top: -100vh; margin-left: -200px; } 100% { opacity: 1; margin-top: 100vh; margin-left: 200px; } } /* Animation 3 */ html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .animation-heading-t3 p{ font-weight: 600; transform-origin: 50% 50%; font-size: 50px; font-family: cursive, 'SF UI Display', sans-serif; text-align: center; width: 100%; user-select: none; -webkit-user-select: none; animation: sqb_animation_bounce 1s ease 1; -webkit-animation: sqb_animation_bounce 1s ease 1; margin: 0!important; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots [class^=firework-] { position: absolute; width: 0.1rem; height: 0.1rem; border-radius: 50%; font-size: calc(100vmax / 1500 * 100); } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-1 { -webkit-animation: firework-sm 1.2s both infinite; animation: firework-sm 1.2s both infinite; -webkit-animation-delay: 1.4s; animation-delay: 1.4s; top: 70%; left: 80%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-2 { -webkit-animation: firework-lg 1.2s both infinite; animation: firework-lg 1.2s both infinite; -webkit-animation-delay: 1s; animation-delay: 1s; top: 70%; left: 40%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-3 { -webkit-animation: firework-md 1.2s both infinite; animation: firework-md 1.2s both infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; top: 85%; left: 55%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-4 { -webkit-animation: firework-sm 1.2s both infinite; animation: firework-sm 1.2s both infinite; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; top: 65%; left: 15%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-5 { -webkit-animation: firework-sm 1.2s both infinite; animation: firework-sm 1.2s both infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; top: 50%; left: 75%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-6 { -webkit-animation: firework-lg 1.2s both infinite; animation: firework-lg 1.2s both infinite; -webkit-animation-delay: 1.1s; animation-delay: 1.1s; top: 40%; left: 65%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-7 { -webkit-animation: firework-lg 1.2s both infinite; animation: firework-lg 1.2s both infinite; -webkit-animation-delay: 0.9s; animation-delay: 0.9s; top: 45%; left: 30%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-8 { -webkit-animation: firework-lg 1.2s both infinite; animation: firework-lg 1.2s both infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; top: 90%; left: 40%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-9 { -webkit-animation: firework-sm 1.2s both infinite; animation: firework-sm 1.2s both infinite; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; top: 75%; left: 65%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-10 { -webkit-animation: firework-md 1.2s both infinite; animation: firework-md 1.2s both infinite; -webkit-animation-delay: 1s; animation-delay: 1s; top: 80%; left: 15%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-11 { -webkit-animation: firework-lg 1.2s both infinite; animation: firework-lg 1.2s both infinite; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; top: 65%; left: 25%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-12 { -webkit-animation: firework-sm 1.2s both infinite; animation: firework-sm 1.2s both infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; top: 40%; left: 70%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-13 { -webkit-animation: firework-md 1.2s both infinite; animation: firework-md 1.2s both infinite; -webkit-animation-delay: 1.5s; animation-delay: 1.5s; top: 65%; left: 30%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-14 { -webkit-animation: firework-md 1.2s both infinite; animation: firework-md 1.2s both infinite; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; top: 45%; left: 30%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper .celebration-type-3-dots .firework-15 { -webkit-animation: firework-md 1.2s both infinite; animation: firework-md 1.2s both infinite; -webkit-animation-delay: 0.5s; animation-delay: 0.5s; top: 50%; left: 70%; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper.bg-color-set { background: #3da1d1; } html.sqb-celebration-animation-on.sqb-animation-template3 { font-size: calc(100vmax / 1500 * 100); } @-webkit-keyframes firework-sm { 0%, 100% { opacity: 0; } 10%, 70% { opacity: 1; } 100% { box-shadow: -0.5rem 0rem 0 #fff, 0.5rem 0rem 0 #fff, 0rem -0.5rem 0 #fff, 0rem 0.5rem 0 #fff, 0.35rem -0.35rem 0 #fff, 0.35rem 0.35rem 0 #fff, -0.35rem -0.35rem 0 #fff, -0.35rem 0.35rem 0 #fff; } } @keyframes firework-sm { 0%, 100% { opacity: 0; } 10%, 70% { opacity: 1; } 100% { box-shadow: -0.5rem 0rem 0 #fff, 0.5rem 0rem 0 #fff, 0rem -0.5rem 0 #fff, 0rem 0.5rem 0 #fff, 0.35rem -0.35rem 0 #fff, 0.35rem 0.35rem 0 #fff, -0.35rem -0.35rem 0 #fff, -0.35rem 0.35rem 0 #fff; } } @-webkit-keyframes firework-md { 0%, 100% { opacity: 0; } 10%, 70% { opacity: 1; } 100% { box-shadow: -0.7rem 0rem 0 #fff, 0.7rem 0rem 0 #fff, 0rem -0.7rem 0 #fff, 0rem 0.7rem 0 #fff, 0.49rem -0.49rem 0 #fff, 0.49rem 0.49rem 0 #fff, -0.49rem -0.49rem 0 #fff, -0.49rem 0.49rem 0 #fff; } } @keyframes firework-md { 0%, 100% { opacity: 0; } 10%, 70% { opacity: 1; } 100% { box-shadow: -0.7rem 0rem 0 #fff, 0.7rem 0rem 0 #fff, 0rem -0.7rem 0 #fff, 0rem 0.7rem 0 #fff, 0.49rem -0.49rem 0 #fff, 0.49rem 0.49rem 0 #fff, -0.49rem -0.49rem 0 #fff, -0.49rem 0.49rem 0 #fff; } } @-webkit-keyframes firework-lg { 0%, 100% { opacity: 0; } 10%, 70% { opacity: 1; } 100% { box-shadow: -0.9rem 0rem 0 #fff, 0.9rem 0rem 0 #fff, 0rem -0.9rem 0 #fff, 0rem 0.9rem 0 #fff, 0.63rem -0.63rem 0 #fff, 0.63rem 0.63rem 0 #fff, -0.63rem -0.63rem 0 #fff, -0.63rem 0.63rem 0 #fff; } } @keyframes firework-lg { 0%, 100% { opacity: 0; } 10%, 70% { opacity: 1; } 100% { box-shadow: -0.9rem 0rem 0 #fff, 0.9rem 0rem 0 #fff, 0rem -0.9rem 0 #fff, 0rem 0.9rem 0 #fff, 0.63rem -0.63rem 0 #fff, 0.63rem 0.63rem 0 #fff, -0.63rem -0.63rem 0 #fff, -0.63rem 0.63rem 0 #fff; } } @keyframes sqb_animation_bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-55px);} 50% { transform: scale(1.05,.95) translateY(0); } 58% { transform: scale(1,1) translateY(-7px); } 65% { transform: scale(1,1) translateY(0);} 100% { transform: scale(1,1) translateY(0);} } @-webkit-keyframes sqb_animation_bounce { 0% { transform: scale(1,1) translateY(0); } 10% { transform: scale(1.1,.9) translateY(0); } 30% { transform: scale(.9,1.1) translateY(-55px);} 50% { transform: scale(1.05,.95) translateY(0); } 58% { transform: scale(1,1) translateY(-7px);} 65% { transform: scale(1,1) translateY(0);} 100% { transform: scale(1,1) translateY(0);} } /* Animation 4 */ html.sqb-celebration-animation-on .sqb-celebration-type-4 .sqb-celebration-wrapper { display: flex; height: 100vh; align-items: center; justify-content: center; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .sqb-celebration-card { margin: 0 15px; z-index: 99; background: #fff; padding: 30px!important; border-radius: 5px; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container { display: flex; align-items: center; justify-content: center; position: relative; padding: 20px 50px!important; min-height: 5px; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .filling-border-text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-top: 0; animation: fill-borders 2s ease-in-out forwards 1; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .filling-border-text::before, html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .filling-border-text::after { content: ""; display: block; position: absolute; top: 0; border-bottom: 5px solid #523A34; animation: fill-top 2s ease-in-out forwards 1; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .filling-border-text::before { left: 0; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .filling-border-text::after { right: 0; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .inner-text { color: white; text-transform: uppercase; text-align: center; font: bold 30px "Montserrat", sans-serif; } html.sqb-celebration-animation-on #sqb-celebration-main-wrapper.bg-color-set-yellow { background: #E5B25D;} #sqb-celebration-main-wrapper img.emoji { width: 50px; height: 50px; } .animation_container { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100%!important; max-height: 100%!important; max-width: 100%!important; min-width: 100%!important; } .animation_inner_wrapper { max-width: 100%; max-height: 100%; margin: auto; width: auto; height: auto; object-fit: contain; box-shadow: 0 0px 0px #ddd; display: flex; align-items: center; width: 650px; height: 500px; flex-direction: column; } html.sqb-celebration-animation-on .sqb-celebration-type-4 .filling-border-text-container .fun-animation-outcome p { padding-bottom: 0!important; } @keyframes fill-borders { 0% { left: 50%; right: 50%; bottom: 0; top: calc(100% - 5px); border: 5px solid #523A34; border-top: 0; } 44% { left: 0; right: 0; top: calc(100% - 5px); } 66% { top: 0; } 100% { border: 5px solid #523A34; border-top: 0; } } @keyframes fill-top { 0%, 66% { width: 0; } 100% { width: 50%; } } .sqb_player_audio_div{display: none !important;} .is-btn-redirect > div, .is-btn-redirect > div:before, .is-btn-redirect > div:after { content: ''; width: 18px; height: 18px; background-color: #a99e9e; border-radius: 100%; display: inline-flex; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; justify-content: center; } .is-btn-redirect > div:before { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; margin-left: 20px; } .is-btn-redirect > div { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; margin-left: -40px; font-size: 0; line-height: 0; } .is-btn-redirect > div > div { display: none; } .is-btn-redirect > div:after { margin-right: -40px; } .question_type_numerical_text .answer_level_dot_button{ display: none; } .modal_popup_outer.template_num_template7 .question_details { margin-top: 0; } .modal_popup_outer.template_num_template7 .Quiz-Template.outer-style7 .continue-question-action { margin: 0; } .modal_popup_outer.template_num_template7 .quiz_outer_fe .question_add_answer_outer_div { margin-top: 10px; } .modal_popup_outer.template_num_template7 .single_next_btn { margin-top: 20px!important; } .modal_popup_outer.template_num_template7.Quiz-Template .Quiz-Template-title, #sqb_quiz_builder .Quiz-Template .Quiz-Template-title { margin-top: 0!important; } .modal_popup_outer.template_num_template7 .modal_popup .Quiz-Template { max-height: calc(100vh - 50px); } .modal_popup_outer.template_num_template7 .Quiz-Template.outer-style7{ max-width: 100%!important; } .drag-center-in-droppable { border: none; margin: auto; } .di1 { border: 1px dotted #22BAA0; margin: 10px; width: 100px; border-radius: 4px; text-align: center; display: inline-block; } .matching_answer_text .di1 { border: none; text-align: center; display: flex; vertical-align: revert; border-radius: 0; margin: 0; align-items: center; line-height: 1; flex-direction: column; justify-content: center; height: 100%; width: 100%; } .matching_answer_text .ui-droppable-active { outline: none!important; border:2px solid red; } .sqb-match-drag-wrapper .drag-container .sqb-match-item.di1 { border: 2px dotted; padding: 10px; min-width: 150px; width: 100%; cursor: pointer; margin: 0; } /*.matching_answer_text .di1:after { content: ''; position: absolute; left: 0; right: 0; height: 2px; background: red; bottom: -2px; }*/ .question_add_answer_outer_div .sqb_ans_item .sql_ans_text .drag-container { height: 40px; width: 150px; display: inline; } .sqb-match-box { background: #ffffff; height: 30px; width: auto; display: inline-block; font-size: 16px; margin-left: 0; margin-right: 0; min-width: 70px; padding: 0; position: relative; margin-bottom: 0; vertical-align: text-top; border-bottom: 2px solid red; -webkit-box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 75%); -moz-box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 75%); box-shadow: 0px 0px 7px -1px rgb(0 0 0 / 75%); padding-left: 10px; width: 100%; padding-right: 10px; cursor: pointer; color: #000!important; } .droppable-element { padding: 10px; width: 200px; height: 200px; border: 1px solid black; text-align: center; } .generated-data-outer{display: none !important;} .question_type_matching_text .sqb_ans_item_outer.matching_text { display: flex; flex-direction: column; } .question_type_matching_text .sqb_ans_item_outer.matching_text div.matching_answer_text { min-height: auto!Important; padding-bottom: 30px; } .sqb-match-drag-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; } .sqb_ans_item_outer.dropdown_cls .sqb_dropdown_question_section select.sqb_question_dropdown { width: 100%; border: 2px solid #e3e3e3; font-size: 14px; line-height: 2; color: #2c3338; box-shadow: none; border-radius: 3px; padding: 10px; min-height: 30px; max-width: 100%; -webkit-appearance: none; background: #FFE url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 9px top 55%; background-size: 16px 16px; cursor: pointer; vertical-align: middle; background-color: #fff; margin-top: 10px; outline: none; } html body div:not(.template_num_template6) #sqb_quiz_builder .matching-answer-outer:not(.sdsd):hover, html body #sqb_quiz_builder .matching-answer-outer:not(.emptylyr):hover .matching_answer_text { background-color: transparent!important; color: inherit!important; } .question_type_matching_text .drag-container { display: inline-block; position: relative; } .question_type_matching_text .matching-answer-outer .drag-container { margin: 0 10px; } .matching_answer_text { font-size: 18px; line-height: 1.9; font-family: 'Open Sans',sans-serif; } .sqb_quiz_container_outer #sqb_quiz_builder .single_fillin_text .sqb_ans_item, .sqb_quiz_container_outer #sqb_quiz_builder .single_fillin_text .sqb_ans_item_outer:not(.nemeric_text_cls):hover .sqb_ans_item.matching-answer-outer, .single_fillin_text .answer_container:not(.image_option_has):not(.question_type_slider_has):not(.grid-layout-active) .sqb_ans_item_outer:hover .sqb_ans_item.matching-answer-outer{ color: unset!important; } /*01-09-2022*/ body .template_num_template6 .answer_container.question_add_answer_outer_div .phone_number_text_cls .sqb_ans_item, .template_num_template6 .answer_container.question_add_answer_outer_div .phone_number_text_cls .sqb_ans_item:hover { border: none !important; border-bottom: 1px solid #ddd !important; padding-bottom: 8px; } body .template_num_template6 .answer_container.question_add_answer_outer_div .phone_number_text_cls .sqb_ans_item input { font-size: 22px !important; border: none !important; } #sqb_quiz_builder .question_add_answer_outer_div .phone_number_text_cls .sqb_ans_item input { border: none; } #sqb_quiz_builder .question_container.single_fillin_text .question_add_answer_outer_div .sqb_ans_selected:not(.fill_in_blank_cls):not(.numeric_text_cls):not(.text_cls):not(.date_cls) .sqb_ans_item ul.iti__country-list { background: #ffffff !important; } #sqb_quiz_builder .sqb_ans_item input.international-phone-number { font-size: 20px; } .Quiz-Template.Quiz-Template-5 .answer_container:not(.image_option_has):not(.grid-layout-active) .sqb_ans_item_outer.phone_number_text_cls .sqb_ans_item { padding: 10px; } #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer.phone_number_text_cls :not(.text_cls) .sqb_ans_item:hover input, #sqb_quiz_builder .Quiz-Template:not(.outer-style8) .question_add_answer_outer_div:not(.question_type_slider_has):not(.image_option_has) .sqb_ans_item_outer.email_cls :not(.text_cls) .sqb_ans_item:hover input { background-color: transparent !important; } #sqb_quiz_builder .sqb_ans_item_outer.phone_number_text_cls .sqb_ans_item, #sqb_quiz_builder .sqb_ans_item_outer.email_cls .sqb_ans_item { background: transparent; border-bottom: 1px solid #ddd; padding-bottom: 5px; } body .question_add_answer_outer_div:not(.question_type_slider_has):not(.question_type_slider_has):not(.image_option_has):not(.no_image_option) .phone_number_text_cls .sqb_ans_item:not(.sqb-time-option):hover *, body .question_add_answer_outer_div:not(.question_type_slider_has):not(.question_type_slider_has):not(.image_option_has):not(.no_image_option) .email_cls .sqb_ans_item:not(.sqb-time-option):hover * { background-color: transparent !important; } .quiz-slide-animation .Quiz-Template:not(.outer-style7) .Quiz-Template-overflow .answer_container .phone_number_text_cls.sqb_ans_item_outer:not(.matrix_cls):not(.slider_cls):hover, .quiz-slide-animation .Quiz-Template:not(.outer-style7) .Quiz-Template-overflow .answer_container .email_cls.sqb_ans_item_outer:not(.matrix_cls):not(.slider_cls):hover { box-shadow: none !important; } .question-type-email-validation-outer, .question-type-phone-validation-outer { display: none; } #sqb_quiz_builder .sqb_ans_item_outer.phone_number_text_cls:hover .sqb_ans_item, #sqb_quiz_builder .sqb_ans_item_outer.phone_number_text_cls.sqb_ans_selected .sqb_ans_item, #sqb_quiz_builder .sqb_ans_item_outer.email_cls:hover .sqb_ans_item, #sqb_quiz_builder .sqb_ans_item_outer.email_cls.sqb_ans_selected .sqb_ans_item{ background-color: #fff !important; } #sqb_quiz_builder .sqb_ans_item_outer.sqb_ans_selected.phone_number_text_cls:before, #sqb_quiz_builder .sqb_ans_item_outer.sqb_ans_selected.phone_number_text_cls:after, #sqb_quiz_builder .sqb_ans_item_outer.sqb_ans_selected.email_cls:before, #sqb_quiz_builder .sqb_ans_item_outer.sqb_ans_selected.email_cls:after{ content: unset; } #sqb_quiz_builder .sqb_ans_item_outer.sqb_ans_selected.phone_number_text_cls, #sqb_quiz_builder .sqb_ans_item_outer.sqb_ans_selected.email_cls{ -webkit-box-shadow: none; box-shadow: none; } html body #sqb_quiz_builder .Quiz-Template.phone_number_cls:not(.text_cls):not(.date_cls) .Quiz-Template-overflow:not(.text_cls):not(.date_cls) .question_type_phone_number.question_container .answer_container .sqb_ans_item_outer.phone_number_text_cls.sqb_ans_selected .sqb_ans_item , html body #sqb_quiz_builder .Quiz-Template.phone_number_cls:not(.text_cls):not(.date_cls) .Quiz-Template-overflow:not(.text_cls):not(.date_cls) .question_type_phone_number.question_container .answer_container .sqb_ans_item_outer.phone_number_text_cls.sqb_ans_selected .sqb_ans_item .iti *, html body #sqb_quiz_builder .Quiz-Template.phone_number_cls:not(.text_cls):not(.date_cls) .Quiz-Template-overflow:not(.text_cls):not(.date_cls) .question_type_phone_number.question_container .answer_container .sqb_ans_item_outer.phone_number_text_cls.sqb_ans_selected .sqb_ans_item *, html body #sqb_quiz_builder .Quiz-Template.email_cls:not(.text_cls):not(.date_cls) .Quiz-Template-overflow:not(.text_cls):not(.date_cls) .question_type_email.question_container .answer_container .sqb_ans_item_outer.email_cls.sqb_ans_selected .sqb_ans_item , html body #sqb_quiz_builder .Quiz-Template.email_cls:not(.text_cls):not(.date_cls) .Quiz-Template-overflow:not(.text_cls):not(.date_cls) .question_type_email.question_container .answer_container .sqb_ans_item_outer.email_cls.sqb_ans_selected .sqb_ans_item *{ background-color: #fff !important; color: #000!important; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.phone_number_text_cls .sqb_ans_item, #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.email_cls .sqb_ans_item{ padding-bottom: 0; } #sqb_quiz_builder .sqb_ans_item input.sqb_and_field.sqb_input_ans_field.sqb_email_ans_field { border: none; font-size: 18px; } #sqb_quiz_builder .sqb_ans_item input.sqb_and_field.sqb_input_ans_field.sqb_email_ans_field { border: none; font-size: 18px; } #sqb_quiz_builder .sqb_ans_item_outer.email_cls input.sqb_and_field.sqb_input_ans_field.sqb_email_ans_field { padding: 15px; } #sqb_quiz_builder .sqb_ans_item_outer.email_cls .sqb_ans_item { padding-bottom: 0; } #sqb_quiz_builder .Quiz-Template.outer-style8 .sqb_ans_item_outer.email_cls { padding: 5px!important; } #sqb_quiz_builder .sqb_ans_item_outer.email_cls .sqb_ans_item { border: none; box-shadow: none; border-bottom: 1px solid #ddd; border-radius: 0; } #sqb_quiz_builder .sqb_ans_item_outer.email_cls .sqb_ans_item input.sqb_and_field.sqb_input_ans_field.sqb_email_ans_field { padding: 10px 10px; } #sqb_quiz_builder .question_add_answer_outer_div .phone_number_text_cls .sqb_ans_item:not(.ans_type_numeric_text):not(.sqb-time-option):not(.matching-answer-outer):hover .iti .international-phone-number.sqb_phone_number_ans_field { background: #fff!important; } .SQB-main-table tbody tr:nth-child(2n + 1), .SQB-main-table tbody tr:nth-child(2n + 1) th.SQB-fixed-side { background: transparent; } .answer_container .sqb-answer-matrix-table-scroll { background: var(--matrix_background_color); padding: 10px; border-radius: 10px; } .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer.sqb_ans_selected:nth-child(2n + 1), .answer_container:not(.image_option_has):not(.grid-layout-active):not(.question_type_slider_has) .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer:nth-child(2n + 1):hover{ background: transparent!important; } .sqb__radio-group .sqb__radio-button{ border-color: var(--radio_button_border_color); } .sqb__radio-group .sqb__radio-button::after{ background-color: var(--radio_button_color); } .sqb-answer-matrix-table-scroll table.SQB-main-table { border: none; } #sqb_quiz_builder .Quiz-Template.outer-style8 .sqb-answer-matrix-table-scroll .SQB-table-wrap{ background: transparent; } #sqb_quiz_builder .Quiz-Template.outer-style8 .question_add_answer_outer_div.answer_container .sqb_ans_item_outer.matrix_cls{ background: transparent; } /* .template_num_template1 #sqb_quiz_builder .question_type_single .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer:hover .sqb_ans_item, .template_num_template1 #sqb_quiz_builder .question_type_single .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer.single_cls.sqb_ans_selected .sqb_ans_item { background: #4f6cbf!important; } .template_num_template1 #sqb_quiz_builder .question_type_single .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer:hover .sqb_ans_item .sql_ans_text *, .template_num_template1 #sqb_quiz_builder .question_type_single .grid-layout-active.image_option_has.question_add_answer_outer_div.image_option_has.question_add_answer_outer_div .sqb_ans_item_outer.sqb_ans_selected .sqb_ans_item .sql_ans_text * { color: #fff!important; } .template_num_template1 #sqb_quiz_builder .image_option_has.grid-layout-active { margin-bottom: 20px; } .template_num_template1 #sqb_quiz_builder .question_add_answer_outer_div.image_option_has .sqb_ans_item .sqb_ans_item_img.sqb_ans_image_custom_size { margin-bottom: 0; }*/ .template_num_template6 .question_add_answer_outer_div .sqb_ans_item textarea { border: none; } .weight-options-outer { display: flex; padding: 10px; border-radius: 10px; align-items: flex-end; width: 100%; gap: 10px; } .weight-options-inner { width: calc(50%); max-width: calc(50%); } .weight-options-inner .weight-options input { width: 100%; margin: 5px 0 0 0; } .weight-options-inner-wrapper { display: flex; gap: 10px; } .weight-options-outer .question-type-hw-validation-outer { display: none; } #sqb_quiz_builder .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_selected:not(.single_cls):not(.text_cls) .sqb_ans_item .weight-options-outer input, #sqb_quiz_builder .Quiz-Template-overflow .answer_container:not(.question_type_slider_has) .sqb_ans_item .weight-options-outer input { border: 2px solid #e7e7e7; padding: 10px; border-radius: 5px; color: #000; background: #fff!important; } .Quiz-Template.outer-style8 .sqb_ans_item .weight-options-outer input { border-color: var(--template8-answerbox-shadow-color)!important; } #sqb_quiz_builder .sqb_ans_item .weight-options-outer input:focus, #sqb_quiz_builder .sqb_ans_item .weight-options-outer input:hover { border: 2px solid #000000!important; } .sqb_ans_item_outer.weight_and_height_cls .question-type-hw-validation-outer { display: none; } .outcome_data_description_clone,.outcome_data_title_clone {display: none;} .ShowCategoryScoreContent .ShowCategoryScore:not(.no-content) { padding: 10px; } .sqb_quiz_container_outer iframe { max-width: 100%; }