/*------------- [ Page Loader ] -------------*/ #sqb_loadingoverlay, #sqb_loader_icon { position: fixed; top: 0%; left: 0; background: rgba(0, 0, 0, .3); width: 100%; height: 100%; z-index: 999999; text-align: center; align-items: center; display: inline-flex; justify-content: center; } #sqb_loader_icon img { width: 71px; height: 71px; } @keyframes sqb_lds-dual-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sqb_lds-dual-ring { 0% { -webkit-transform: rotate(0); transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .sqb_lds-dual-ring { position: relative; } .sqb_lds-dual-ring div { position: absolute; width: 100px; height: 100px; top: 20px; left: 20px; border-radius: 60%; border: 10px solid #000; border-color: #fff transparent #fff transparent; -webkit-animation: sqb_lds-dual-ring 1.4s linear infinite; animation: sqb_lds-dual-ring 1.4s linear infinite; } .sqb_lds-dual-ring { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); } .sqb_lds-dual-ring { width: 200px !important; height: 200px !important; -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px); transform: translate(-100px, -100px) scale(1) translate(100px, 100px); } .dropdown.dropdown-custom-style > .dropdown-toggle {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .mce-notification.mce-notification-error, .mce-notification-error{display: none !important;} /* answer matrix css start */ .sqb-answer-matrix-table-scroll {position:relative; width:100%; max-width: 100%; margin:auto; overflow:hidden; border:none; } .sqb-answer-matrix-table-scroll .SQB-table-wrap {width:100%; overflow:auto; } .sqb-answer-matrix-table-scroll table.SQB-main-table {width:100%; margin:auto; border-collapse:collapse; border-spacing:0; font-family: arial; } .sqb-answer-matrix-table-scroll table.SQB-main-table th, .sqb-answer-matrix-table-scroll table.SQB-main-table td {padding: 8px 14px; background: none; white-space: nowrap; vertical-align: middle; border: none; font-size: 12px; font-weight: normal; text-align: center; } .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th {padding: 16px 10px; background: none; font-size: 14px; font-weight: 600; color: #333; letter-spacing: 0;position:relative; } .sqb-answer-matrix-table-scroll table.SQB-main-table thead tr th:first-child {border: none;} .sqb-answer-matrix-table-scroll table.SQB-main-table.clone thead tr th:first-child {visibility: visible; } .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th.SQB-fixed-side {background: #fff; color: #333; font-size: 14px; border: none; font-weight: 600;text-align: left; } .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th, .sqb-answer-matrix-table-scroll table.SQB-main-table tbody td {padding: 8px 10px; font-size: 16px; color: #0fb37c; } .sqb-answer-matrix-table-scroll table.SQB-main-table.clone {position:absolute; top:0; left:0; pointer-events:none; } .sqb-answer-matrix-table-scroll table.SQB-main-table.clone th, .sqb-answer-matrix-table-scroll table.SQB-main-table.clone td {visibility:hidden } .sqb-answer-matrix-table-scroll table.SQB-main-table.clone td, .sqb-answer-matrix-table-scroll table.SQB-main-table.clone th {border-color:transparent } .sqb-answer-matrix-table-scroll table.SQB-main-table.clone tbody th {visibility:visible; } .sqb-answer-matrix-table-scroll table.SQB-main-table.clone .fixed-side {border:1px solid #000; background:#eee; visibility:visible; } .sqb-answer-matrix-table-scroll table.SQB-main-table.clone thead, table.SQB-main-table.clone tfoot{background:transparent;} .matrix-top-actions {display: inline-flex; align-items: center; margin: 10px 0 25px 0; padding: 0 15px 20px; width: 100%; border-bottom: 1px solid #f3f3f3;justify-content: space-between;} .matrix-top-actions button {border-radius: 5px; background: #6365e1; color: #fff; height: 38px; padding: 0 15px; text-transform: none; font-family: 'DM Sans',sans-serif; min-width: 90px; box-shadow: none; text-decoration: none; line-height: 38px; border: none; font-size: 14px; font-weight: 600; display: inline-block; margin: 0 20px 0 0; } .matrix-top-actions button.add_option_matrix {background: #3e8bf6;} .matrix-top-actions button i.fa {margin-right: 5px; } .matrix-bottom-actions, .sqb-popup-bottom-actions {background-color: #ecf0f1; margin: 25px auto 0; width: 100%; display: flex; padding: 18px 15px; border: none; font-family: 'DM Sans',sans-serif; box-sizing: border-box; justify-content: center; } .matrix-bottom-actions .save_matrix_answer, .sqb-popup-bottom-actions .save-popup-bottom {border-radius: 5px; height: 38px; padding: 0 15px; text-transform: none; font-family: 'DM Sans',sans-serif; min-width: 90px; box-shadow: none; margin-right: 10px; text-decoration: none; margin: 0; line-height: 38px; border: none; font-size: 14px; text-align: center; font-weight: 600; background-color: #02c7a6; color: #fff; cursor: pointer;} .sqb-answer-matrix-table-scroll table.SQB-main-table input.answer_value {width: 40px; padding: 0 5px; font-size: 14px; border-radius: 0; border: 1px solid #ddd; height: 30px; line-height: normal;text-align: center;margin: 0 0 0 5px;} .Manage_Side_Popup.answer_matrix_options_wrapper {width: 920px;max-width: 100%; } .sqb_ans_item_matrix {/*background: #e5f1ff;*/ display: flex; flex-wrap: nowrap; align-items: center; vertical-align: middle; margin: 13px 0; padding: 0 35px 0 0; width: 100%; border: none; position: relative; font-size: 16px; color: #333; line-height: normal; min-height: 40px; }. .Quiz-Template5-right-inner .sqb_ans_item_matrix { background: transparent ! important; } .sqb-answer-matrix-table-scroll table.SQB-main-table input[type=radio]{pointer-events: none;} table.SQB-main-table input[type=radio] {margin: -2px 0 0 0; } .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th.SQB-fixed-side {min-width: 150px; } .SQB-main-table tbody tr:nth-child(2n + 1), .SQB-main-table tbody tr:nth-child(2n + 1) th.SQB-fixed-side {background: #f7f5f7; } .sqb-answer-matrix-table-scroll table.SQB-main-table tbody th.SQB-fixed-side .sqb_tiny_mce_editor {max-width: 280px; word-break: break-word; white-space: normal; } /* answer matrix css end */ .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer {display: table-row !important;margin: 0 !important;} .sqb-answer-matrix-table-scroll table.SQB-main-table input[type=radio] {pointer-events: none; border: 1px solid #8c8f94; border-radius: 100%; background: #fff; color: #50575e; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 1rem; margin: -.25rem .25rem 0 0; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 1rem; min-width: 1rem; box-shadow: none; transition: .05s border-color ease-in-out; -webkit-appearance: auto; -moz-appearance: auto; } .sqb-answer-matrix-table-scroll table.SQB-main-table input[type=radio]::after {display: none;visibility: hidden;opacity: 0;} .sqb-answer-matrix-table-scroll .SQB-main-table .matrix_label_text {max-width: 150px;width: 100%;word-break: break-word;white-space: normal;} /* Image bg css */ .Quiz-start-Template5-left .Quiz-Template5-title , .Quiz-result-Template5-left .points_scored_result , .Quiz-Template5-left-side .question_details {position: relative; z-index: 55; } .Quiz-start-Template5-left .quiz-bg-img , .Quiz-result-Template5-left .quiz-bg-img , .Quiz-Template5-left-side .quiz-bg-img {position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .Quiz-start-Template5-left .quiz-bg-img > img , .Quiz-result-Template5-left .quiz-bg-img > img , .Quiz-Template5-left-side .quiz-bg-img > img {width: 100%; height: 100%; object-fit: cover; display: inline-block; vertical-align: middle; margin: 0; padding: 0; } .custom_add_fields {display: inline-block; width: 100%; margin: 0 0 20px 0; padding: 0; vertical-align: middle;text-align: left;} .custom_add_fields .form-control , .custom_add_fields select.form-control {background-image: none!important; font-family: 'DM Sans',sans-serif; outline: none !important; box-shadow: none !important; background-attachment: initial !important; background-size: auto !important; background-position: unset !important; float: left; width: 100%; padding: 18px; font-size: 16px; border-radius: 4px; border: 1px solid #8c8f94; background-color: #fff; color: #2c3338; margin: 0 !important; max-width: 100%; height: auto;-webkit-appearance: auto;} .custom_add_fields select.form-control {height: auto !important; } .custom_add_fields .checkbox--options , .custom_add_fields .radio--options {display: inline-block; width: auto; margin: 0 20px 0px 0; padding: 0; line-height: normal; } .Quiz-Optin-Template .form_cls .checkbox--options label, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .checkbox--options label , .custom_add_fields .checkbox--options label, .Quiz-Optin-Template .form_cls .radio--options label, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .radio--options label , .custom_add_fields .radio--options label {float: none; display: inline-block; width: auto; font-weight: 500; margin: 0px;vertical-align: top;color: #333;padding: 0;} .custom_add_fields .radio--options > input , .Quiz-Optin-Template .form_cls .custom_add_fields .radio--options > input, #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields .radio--options > input {padding: 0; display: inline-block; min-width: 18px; min-height: 18px;max-width: 18px; max-height: 18px;width: 18px; height: 18px; vertical-align: top; margin: 2px 5px 0 0;border: 1px solid #8c8f94;position: relative;} /*.custom_add_fields .radio--options > input::after , .Quiz-Optin-Template .form_cls .custom_add_fields .radio--options > input::after , #sqb_quiz_builder .Quiz-Optin-Template .form_cls .custom_add_fields .radio--options > input::after {margin: 0; width: 8px; height: 8px; left: 4px; top: 4px; background: #437bc1; padding: 0; border-radius: 100%; border: none; content: ""; position: absolute; display: inline-block; vertical-align: middle;}*/ .Quiz-Optin-Template5_outer .Quiz-Optin-Template .form_cls .checkbox--options label, #sqb_quiz_builder .Quiz-Optin-Template5_outer .Quiz-Optin-Template .form_cls .checkbox--options label, .Quiz-Optin-Template5_outer .custom_add_fields .checkbox--options label, .Quiz-Optin-Template5_outer .Quiz-Optin-Template .form_cls .radio--options label, #sqb_quiz_builder .Quiz-Optin-Template5_outer .Quiz-Optin-Template .form_cls .radio--options label, .Quiz-Optin-Template5_outer .custom_add_fields .radio--options label {color: #fff;} #sqb_quiz_builder .Quiz-Optin-Template .form_cls > input {border-radius: 4px; border: 1px solid #8c8f94; background-color: #fff; } #Quiz-Screen-Settings input.sqb_and_field.sqb_numerical_ans_field, .sqb_template5-fullWidth input.sqb_and_field.sqb_numerical_ans_field {margin: 10px;height: 30px;padding: 6px 10px;min-height: 42px;border-radius: 0;font-weight: 500;color: #000;width: 100%;box-sizing: border-box;background-color: #fff;font-size: 14px;max-width: 210px;} #sqb_quiz_builder:not(.sqb_template5-fullWidth) input.sqb_and_field.sqb_numerical_ans_field {margin: 3px 0;max-width: 100%;} /* Numaric option styling */ .question_add_answer_outer_div.grid-layout-active.layout-three-in-row-active .sqb_ans_item.ans_type_numeric_text, .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text {background: #f7f7f7;padding-right: 0;} .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sqb_ans_item_inner {box-shadow: none; border: none; width: auto; } .sqb_ans_item.ans_type_numeric_text input.form-control {border-radius: 0; border: 1px solid #d1d0d0; margin: 0 0px; width: 82px; font-weight: normal; font-size: 14px; height: 40px; padding: 0 0 0 7px; } .sqb_ans_item.ans_type_numeric_text input.form-control:focus {box-shadow: 0 0 0 2px #2271b1;outline: 2px solid transparent;border-color: #e7e7e7;} .sqb_ans_item.ans_type_numeric_text .numeric-value-prefix {min-width: 130px; margin-left: 1px;-ms-flex-align: center;align-items: center;display: -ms-flexbox;display: flex; } .sqb_ans_item.ans_type_numeric_text , .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text , .sqb_quiz_container_outer #sqb_quiz_builder .sqb_ans_item.ans_type_numeric_text {display: flex; flex-wrap: nowrap; align-items: center; flex-direction: row;justify-content: center;word-break: break-word; } .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .sqb_ans_item.ans_type_numeric_text, .sqb_quiz_container_outer #sqb_quiz_builder .Quiz-Template.Quiz-Template-5 .Quiz-Template5-right-inner .sqb_ans_item_outer:hover .sqb_ans_item.ans_type_numeric_text, .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.ans_type_numeric_text {background-color: #f7f7f7 !important;padding: 15px 5px;} .template6_selected .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sql_ans_text , .template6_selected .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text , .template6_selected .sqb_ans_item.ans_type_numeric_text .sql_ans_text, .template6_selected .sqb_ans_item.ans_type_numeric_text .numeric-value-prefix , .template_num_template6 .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sql_ans_text , .template_num_template6 .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text , .template_num_template6 .sqb_ans_item.ans_type_numeric_text .sql_ans_text, .template_num_template6 .sqb_ans_item.ans_type_numeric_text .numeric-value-prefix {color: #fff;} .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div.grid-layout-active.layout-three-in-row-active .sqb_ans_item.ans_type_numeric_text , .Quiz-Template.Quiz-Template-5 .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text {background: #f7f7f7;} .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sql_ans_text , .sqb_ans_item.ans_type_numeric_text .sql_ans_text , .sqb_ans_item.ans_type_numeric_text .numeric-value-prefix {font-size: 17px; font-weight: bold; color: #333; } .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sql_ans_text {background-color: transparent;} .sqb_template5-fullWidth .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sqb_ans_item_inner .sql_ans_text , .sqb_template5-fullWidth .question_add_answer_outer_div .sqb_ans_item.ans_type_numeric_text .sqb_ans_item_inner .sql_ans_text * {padding: 0 !important; } #Quiz-Screen-Settings .sqb_ans_item.ans_type_numeric_text input.form-control {pointer-events:none} .ans_type_numeric_text .numeric_value_sufix, .ans_type_numeric_text .numeric_value_prefix{ padding: 15px 5px; } .sqb_quiz_container_outer #sqb_quiz_builder .sqb_ans_item.ans_type_numeric_text .numeric-value-prefix {white-space: nowrap;} /* Analyzing Result */ .analyzing_result_temp, .ans_recommendation_result_temp {display: inline-block; width: 100%; padding: 40px 40px; max-width: 780px; border: 1px solid #ddd; margin: 0; 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; } .analyzing_result_temp .analyzing_result_content, .analyzing_result_temp .analyzing_result_progress, .ans_recommendation_result_temp .ans_recommendation_result_content, .ans_recommendation_result_temp .ans_recommendation_result_progress {display: inline-block;width: 100%;margin: 0;padding: 0;vertical-align: middle;} .analyzing_result_temp .analyzing_result_content .analyzing_result_title, .ans_recommendation_result_temp .ans_recommendation_result_content .ans_recommendation_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, .ans_recommendation_result_temp .ans_recommendation_result_content, .ans_recommendation_result_temp .ans_recommendation_result_progress , .ans_recommendation_result_temp .ans_recommendation_result_content p , .ans_recommendation_result_temp .ans_recommendation_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, .ans_recommendation_result_temp .ans_recommendation_result_content p , .ans_recommendation_result_temp .ans_recommendation_result_progress p {margin: 0;padding: 0;} .analyzing_result_temp .analyzing_result_content {margin-bottom: 40px;} .analyzing_result_temp .analyzing_result_progress > h4, .ans_recommendation_result_temp .ans_recommendation_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, .ans_recommendation_result_temp .ans_recommendation_result_progress .ans_recommendation_result_note {font-size: 14px; margin: 10px 0; color: #777; } .analyzing-screen .toll-tip-desc, .ans_recommendation-screen .toll-tip-desc {max-width: 420px; word-break: break-all; white-space: normal; } .show_analyzing_result_inner .Template-Customize-setting-outer.Template-Customize-horizontal-style .Template-Customize-Setting .Template-Customize-element .inner_template_style_box {max-width: 190px;} .show_analyzing_result_inner input[type=number]::-webkit-inner-spin-button, .show_analyzing_result_inner input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } .quiz_ans_recommendation_html .ans_recommendation_result_temp.answer_recommendation_outer_wrapper {border: none; padding: 0; margin-bottom: 40px; max-width:539px;} .answer_recommendation_outer_wrapper .ans_recommendation_result-media > .ui-wrapper, .answer_recommendation_outer_wrapper .ans_recommendation_result-media img.sqb_ans_dot_item_img {max-width: 100%; margin:0 auto! important;} .fade.show.active { opacity: 1 !important;} /************ecommerce template**************/ .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.layout-three-in-row-active .sqb_ans_item , .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active.layout-three-in-row-active .sqb_ans_item_outer {width: 32%; max-width: 32%; margin: 20px 1px; padding: 10px; background: none; box-shadow: none; border: none; align-items: flex-start; justify-content: flex-start; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.layout-four-in-row-active .sqb_ans_item , .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active.layout-four-in-row-active .sqb_ans_item_outer {width: 24%; max-width: 24%; margin: 20px 1px; padding: 10px; background: none; box-shadow: none; border: none; align-items: flex-start; justify-content: flex-start; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.layout-five-in-row-active .sqb_ans_item , .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active.layout-five-in-row-active .sqb_ans_item_outer {width: 19%; max-width: 19%; margin: 20px 1px; padding: 10px; background: none; box-shadow: none; border: none; align-items: flex-start; justify-content: flex-start; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active.layout-six-in-row-active .sqb_ans_item , .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active.layout-six-in-row-active .sqb_ans_item_outer {width: 16%; max-width: 16%; margin: 20px 1px; padding: 10px; background: none; box-shadow: none; border: none; align-items: flex-start; justify-content: flex-start; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active .sqb_ans_item .sqb_ans_item_img, .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active.layout-three-in-row-active .sqb_ans_item .sqb_ans_item_img {border: none; height: auto; text-align: center; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active .sqb_ans_item .sql_ans_text {border: none;max-width: 100%;text-align: center;margin: 0;padding: 0;} .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active .sqb_ans_item .sqb_ans_item_img > img , #sqb_quiz_builder .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active .sqb_ans_item .sqb_ans_item_img img {width: auto; height: auto; margin: 0 auto; max-width: 100%; width: 98px;} .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active {display: inline-flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;align-content: stretch;} .Quiz-Template.outer-style7 .answer_container.grid-layout-active.image_option_has.grid-layout-active:not(.question_type_slider_has) .sqb_ans_item_outer .sqb_ans_item_outer .sqb_ans_item, .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.grid-layout-active.layout-three-in-row-active .sqb_ans_item_outer .sqb_ans_item {width: 100%;max-width: 100%;margin: 0;padding: 0;} .show_analyzing_result_inner .Template-Customize-setting-outer.Template-Customize-horizontal-style .Template-Customize-Setting .Template-Customize-element .inner_template_style_box {max-width: 190px;} /*.Quiz-Template.result_temp_outer.outer-style7, #sqb_quiz_builder .Quiz-Template.result_temp_outer.outer-style7 , .Quiz-Template2.outer-style7 , #sqb_quiz_builder .Quiz-Template2.outer-style7 , #Quiz-Screen-Settings .Quiz-Template.outer-style7, .quiz_quesans_template_outer .Quiz-Template.outer-style7 , .Quiz-Optin-Template.outer-style7, #sqb_quiz_builder .Quiz-Optin-Template.outer-style7 {border: none;background-color: transparent;border-radius: 0; padding: 0;}*/ .template_num_template7 .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img { margin-bottom: 8px; } .template_num_template7 .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img img { /*width:50% !important;*/ object-fit: contain; } .sqb_template7_selected .question_add_answer_outer_div .sqb_ans_item .sqb_ans_item_img img {object-fit: contain; max-width: 100%;} .sqb_template7_selected #Result-Screen-Settings .result_temp_outer.outer-style7, .sqb_template7_selected #Quiz-Screen-Settings .sqb_question_enable_drag_drop.outer-style7, .sqb_template7_selected #Start-Screen-Settings .start_temp_outer.outer-style7, .sqb_template7_selected #Opt-Screen-Settings-tab .optin_template_html_preview_outer .Quiz-Optin-Template.outer-style7 { max-width: 90%;width: 1500px; } #sqb_quiz_builder .Quiz-Template.result_temp_outer.outer-style7, #sqb_quiz_builder .Quiz-Template.outer-style7, #sqb_quiz_builder .start_temp_outer.outer-style7, #sqb_quiz_builder .optin_template_html_preview_outer .Quiz-Optin-Template.outer-style7 { max-width: 90%;width: 1500px; } .sqb_template7_selected .skip-question-action, .sqb_template7_selected .continue-question-action, .Quiz-Template.outer-style7 .skip-question-action, .Quiz-Template.outer-style7 .continue-question-action {display: block; width: 100%; text-align: center; vertical-align: middle; margin: 25px 0 40px 0; } .sqb_template7_selected .skip-question-action .skip-question-btn, .sqb_template7_selected .continue-question-action .continue-question-btn, .Quiz-Template.outer-style7 .skip-question-action .skip-question-btn, .Quiz-Template.outer-style7 .continue-question-action .continue-question-btn {color: #414b56; border: 1px solid #a1a4a6; text-shadow: none; min-width: 155px; width: auto; display: inline-block; font-weight: 600; padding: 11px 25px; font-size: 14px; line-height: normal; background-color: transparent; cursor: pointer;} .sqb_template7_selected .continue-question-action .continue-question-btn, .Quiz-Template.outer-style7 .continue-question-action .continue-question-btn { background-color:#006ea5; font-size: 16px; letter-spacing: 0px;font-weight: 500;color: #fff; border:none;} .Quiz-Template.outer-style7 .skip-question-action .skip-question-btn:hover{ border-color: #414b56; } .sqb_template7_selected.Quiz--tabs-outer .answer_slider_options_wrapper .Template-Customize-setting-outer { width: 100%;} .sqb_template7_selected .Quiz-Template.outer-style7 .question_add_answer_outer_div.grid-layout-active .sqb_ans_item { margin: 0 auto;float: none; } @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:wght@400;500;600&display=swap'); .sqb_template7_selected .question-screen .question_details .question_title , #sqb_quiz_builder .Quiz-Template.outer-style7 .question_details .question_title , .sqb_template7_selected #Quiz-Screen-Settings .Quiz-Template .Quiz-Template-title, .template_num_template7 .quiz_quesans_template_outer .Quiz-Template .Quiz-Template-title {font-size: 45px;color: #414b56;font-family: 'Noto Serif Display', serif; font-weight: 600;} .sqb_template7_selected .question-screen .question_details .Quiz-Template-content, #sqb_quiz_builder .Quiz-Template.outer-style7 .question_details .Quiz-Template-content {font-size: 20px;color: #676f78;padding-top: 0; text-align: center;} .result_temp_outer.outer-style7 .take-quiz-btn, #sqb_quiz_builder .result_temp_outer.outer-style7 .take-quiz-btn {border-radius: 0; background-color: #ff634d; font-family: 'DM Sans',sans-serif; width: auto; min-width: 200px; font-size: 18px; letter-spacing: 0px; font-weight: 500;} .result_temp_outer.outer-style7 #result_temp_contentid{ text-align:center; } .Quiz-Template.outer-style7 .question_add_answer_outer_div.image_option_has.answer_container.grid-layout-active .sqb_ans_item_outer.matrix_cls , .Quiz-Template.outer-style7 .sqb-answer-matrix-table-scroll table.SQB-main-table tbody tr.sqb_ans_item_outer {display: table-row !important; width: 100% !important; max-width: 100% !important; float: none; } .template_num_template7:not(.sqb_disable_background) .quiz_quesans_template_outer { padding-top: 160px; padding-bottom: 160px; } .template_num_template7:not(.sqb_disable_background) .quiz_result_template_outer , .template_num_template7:not(.sqb_disable_background) .quiz_optin_template_outer , .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 { background-color: #eff3f5; } /************ecommerce template**************/ #Quiz-Screen-Settings .question-screen .Quiz-Template.outer-style7 {padding-block: 40px;} .sqb_template7_selected .skip-question-action, .sqb_template7_selected .continue-question-action, .Quiz-Template.outer-style7 .skip-question-action, .Quiz-Template.outer-style7 .continue-question-action {margin-bottom: 20px;} #Quiz-Screen-Settings .question-screen .Quiz-Template.outer-style7 .question_details {margin-bottom: 25px; }