/*------------- [ 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; background: #fff; } 

.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, #Quiz-Screen-Settings .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;}