/*------------- [ 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 {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 {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;}