.quiz-questions-ct {
    margin-top: 24px;
}

.quiz-questions-ct.hide {
    display: none;
}

.quiz-questions-ct .exam-subtitle {
    font-size: 24px;
    font-weight: 600;
}

.quiz-questions-ct .exam-subtitle.no-questions-err {
    margin-top: 20px;
}

.quiz-questions-ct .question-privacy-info  {
    display: inline-flex;
    gap: 6px;
    background: #000000;
    padding: 8px;
    border-radius: 3px;
    border: 2px solid #dc3545;
    margin-top: 16px;
}

.quiz-questions-ct .question-privacy-info .question-privacy-title {
    font-weight: 600;
}

.quiz-questions-ct .question-privacy-info span.info-txt {
    color: #FFFFFF;
    font-size: 14px;
}

.quiz-questions-ct .question-privacy-info span.material-icons-round {
    color: #dc3545;
}

.quiz-questions-ct .question-title-ct,
#quizQuestionItem .quiz-questions-ct .question-ct {
    margin-top: 16px;
    background: #1F2030;
    padding: 16px;
    border-radius: 5px;
}

.quiz-questions-ct .exam-coll-item {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 14px;
}

.quiz-questions-ct .exam-coll-item a {
    color: hsl(var(--primary-blue-04));
    text-decoration: none;
}

.quiz-questions-ct .question-title-ct .manage {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: hsl(var(--primary-blue-04));
    text-decoration: none;
    padding: 6px;
    height: 24px;
    margin-bottom: 20px;
}

.quiz-questions-ct .question-title-ct .total-questions-txt {
    color: hsl(var(--grey-04));
    font-family: 'proxima-nova';
    font-size: 14px;
    margin-bottom: 10px;
}

.quiz-questions-ct .question-title-ct .total-questions-txt .highlight {
    font-weight: 600;
    color: hsl(var(--grey-05));
}

.quiz-questions-ct .question-title-ct .manage span {
    font-size: 14px;
}

.quiz-questions-ct .question-title-ct .manage.hide {
    display: none;
}

.quiz-questions-ct .question-ct {
    color: #FFFFFF;
    font-family: 'proxima-nova';
    border: 3px solid hsla(var(--primary-blue-04), 0.2);
    padding: 16px;
    border-radius: 6px;
}

.quiz-questions-ct .question-ct.replace {
    display: none;
}

.quiz-questions-ct .question-ct .util-form-error:not(.util-form-err-ct-title) {
    margin-top: -8px;
    margin-bottom: 8;
}

.quiz-questions-ct .question-ct {
    margin-top: 16px;
}

.quiz-questions-ct .question-ct .question {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
    display: flex;
    gap: 12px;
}

.quiz-questions-ct .question-form-ct {
    margin-bottom: 8px;
}

.quiz-questions-ct .question-ct .approval-hint {
    margin-top: 8px;
}

.quiz-questions-ct .question-ct .approval-hint + .util-form-errors-ct {
    margin-bottom: 16px;
}

.quiz-questions-ct .question-ct.done .approval-hint {
    display: none;
}

.quiz-questions-ct .question-ct.create-mode .question-form-ct,
.quiz-questions-ct .question-ct.create-mode .option,
.quiz-questions-ct .question-ct.create-mode .btns-ct {
    display: none;
}

.quiz-questions-ct .question-ct.create-option-mode .btns-ct {
    display: none;
}

.quiz-questions-ct .question-ct.create-mode .create-form-ct,
.quiz-questions-ct .question-ct.create-option-mode .create-option-form-ct {
    display: flex;
}

.quiz-questions-ct .question-form-ct.edit-mode .question,
.quiz-questions-ct .question-ct .option.edit-mode .option-txt {
    display: none;
}

.quiz-questions-ct .question-ct .question-form-ct .question-edit-ct,
.quiz-questions-ct .question-ct .option .option-edit-ct,
.quiz-questions-ct .question-ct .create-form-ct,
.quiz-questions-ct .question-ct .create-option-form-ct {
    gap: 8px;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

.quiz-questions-ct .question-ct .question-form-ct .question-edit-ct,
.quiz-questions-ct .question-ct .option .option-edit-ct {
    display: none;
}

.quiz-questions-ct .question-ct .question-form-ct.edit-mode .question-edit-ct,
.quiz-questions-ct .question-ct .option.edit-mode .option-edit-ct {
    display: flex;
}

.quiz-questions-ct .question-form-ct .util-small-btn.save,
.quiz-questions-ct .option-edit-ct .util-small-btn.save,
.quiz-questions-ct .question-ct .create-form-ct .util-small-btn.save,
.quiz-questions-ct .question-ct .create-option-form-ct .util-small-btn.save {
    display: flex;
    align-items: center;
    border: 1px solid hsl(var(--primary-green-04));
    background: hsla(var(--primary-green-04), 0.2);
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    height: 24px;
}

.quiz-questions-ct .question-form-ct .util-small-btn.cancel,
.quiz-questions-ct .option-edit-ct .util-small-btn.cancel,
.quiz-questions-ct .question-ct .create-form-ct .util-small-btn.cancel,
.quiz-questions-ct .question-ct .create-option-form-ct .util-small-btn.cancel {
    display: flex;
    align-items: center;
    border: 1px solid hsl(var(--grey-03));
    background: hsla(var(--grey-03), 0.2);
    color: #FFFFFF;
    font-size: 12px;
    padding: 8px;
    height: 24px;
}

.quiz-questions-ct .question-form-ct .save-cancel-ct,
.quiz-questions-ct .option-edit-ct .save-cancel-ct,
.quiz-questions-ct .question-ct .create-form-ct .save-cancel-ct,
.quiz-questions-ct .question-ct .create-option-form-ct .save-cancel-ct {
    display: flex;
    gap: 8px;
}

.quiz-questions-ct .question-ct .create-option-form-ct {
    margin-top: 8px;
}

.quiz-questions-ct .question-ct .option img {
    display: inline;
    height: 10px;
    align-self: center;
}

.quiz-questions-ct .question-ct .option {
    font-size: 16;
    display: flex;
    gap: 4px;
    align-items: center;
}

.quiz-questions-ct .question-ct .option .option-txt {
    display: flex;
    gap: 4px;
    align-items: center;
}

.quiz-questions-ct .question-ct.done .option .util-small-btn.edit,
.quiz-questions-ct .question-ct.done .option .util-small-btn.reject,
.quiz-questions-ct .question-ct.done .question .util-small-btn.edit,
.quiz-questions-ct .question-ct.done .question .util-small-btn.flag {
    display: none;
}

.quiz-questions-ct .question-ct .option .util-small-btn.edit,
.quiz-questions-ct .question-ct .question .util-small-btn.edit,
.quiz-questions-ct .question-ct .question .util-small-btn.flag {
    font-size: 12px;
    padding: 6px;
    height: 24px;
    border: 1px solid hsl(var(--grey-03));
    background: hsla(var(--grey-03), 0.2);
}

.quiz-questions-ct .question-ct .question .util-small-btn.flag  {
    color: hsl(var(--rw-white));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-color: hsl(var(--red-01));
    background: hsla(var(--red-01), 0.2);
}

.quiz-questions-ct .question-ct .question .util-small-btn.flag span {
    font-size: 16px;
}

.quiz-questions-ct .question-ct .option .util-small-btn.reject {
    font-size: 12px;
    padding: 6px;
    height: 24px;
    border: 1px solid hsl(var(--red-02));
    background: hsla(var(--red-02), 0.2);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.quiz-questions-ct .question-ct .option .util-small-btn.reject .material-icons-round {
    font-size: 16px;
}

.quiz-questions-ct .question-ct .option + .option {
    margin-top: 8px;
}

.quiz-questions-ct .approve {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 2px solid hsl(var(--primary-green-04));
    background: hsla(var(--primary-green-04), 0.2);
    color: #FFFFFF;
}

.quiz-questions-ct .approve span {
    font-size: 18px;
    cursor: pointer;
    color: #FFFFFF;
}

.quiz-questions-ct .regenerate {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 2px solid hsl(var(--grey-03));
    background: hsla(var(--grey-03), 0.2);
    color: #FFFFFF;
}

.quiz-questions-ct .regenerate span {
    font-size: 18px;
    cursor: pointer;
    color: #FFFFFF;
}

.quiz-questions-ct .approve.done span {
    cursor: not-allowed;
    color: hsl(var(--primary-green-04));
}

.quiz-questions-ct .create-question,
.quiz-questions-ct .create-option {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 2px solid hsl(var(--primary-blue-04));
    background: hsla(var(--primary-blue-04), 0.2);
    color: #FFFFFF;
}

.quiz-questions-ct .create-question {
    margin-top: 16px;
    margin-bottom: 16px;
}

.quiz-questions-ct .create-question.hide {
    display: none;
}

.quiz-questions-ct .collapse-questions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 2px solid hsl(var(--grey-03));
    background: hsla(var(--grey-03), 0.2);
    color: #FFFFFF;
    margin-top: 16px;
}

.quiz-questions-ct .collapse-questions.hide {
    display: none;
}

.quiz-questions-ct .hide-question {
    color: hsl(var(--rw-white));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    padding: 8px 12px;
    border: 1px solid hsl(var(--grey-03));
    background: hsla(var(--grey-03), 0.8);
    margin-top: 16px;
}

.quiz-questions-ct .safe-question {
    color: hsl(var(--rw-white));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    padding: 8px 12px;
    border: 1px solid hsla(144deg, 100%, 32.75%, 0.6);
    background: hsl(144deg 100% 32.75%);
    margin-top: 16px;
    display: none;
}

.quiz-questions-ct .see-reports {
    color: hsl(var(--rw-white));
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    padding: 8px 12px;
    border: 1px solid hsla(240deg, 100%, 63.33%, 0.6);
    background: #4444ff;
    margin-top: 16px;
    display: none;
}

.quiz-questions-ct .question-ct.flagged.done .safe-question,
.quiz-questions-ct .question-ct.flagged.done .see-reports {
    display: flex;
}

.quiz-questions-ct .flagged-count-txt {
    margin-top: 24px;
    background: #ff4e4e;
    padding: 6px;
    border-radius: 11px;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 16px;
    font-weight: 600;
    display: none;
}

.quiz-questions-ct .question-ct.flagged.done .flagged-count-txt  {
    display: inline-flex;
}

.quiz-questions-ct .flagged-count-txt span.material-icons-round {
    color: #eed202;
    font-size: 28px;
}

.quiz-questions-ct .hide-question span {
    font-size: 20px;
}

.quiz-questions-ct .report-actions {
    display: flex;
    gap: 10px;
}

.quiz-questions-ct .btns-ct {
    display: grid;
    grid-template-columns: 1fr 2fr;
    width: fit-content;
    gap: 8px;
    margin-top: 16px;
}

.quiz-questions-ct .question-ct.done {
    background: hsla(var(--primary-green-04), 0.2);
    padding: 16px;
    border-radius: 6px;
    position: relative;
    border: none;
}

.quiz-questions-ct .question-ct.done.flagged {
    border: 3px solid #ff4e4e;
}

.quiz-questions-ct .question-ct.done .btns-ct {
    display: none;
}

.quiz-questions-ct .question-ct .label {
    display: none;
}

.quiz-questions-ct .question-ct.done .label {
    display: block;
    position: absolute;
    top: -18px;
    right: -14px;
    padding: 4px 8px;
    background: hsl(var(--primary-green-04));
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.quiz-questions-ct .question-ct.done .label p {
    font-size: 14px;
    font-weight: 600;
    text-transform: lowercase;
    color: #000;
}

.quiz-questions-ct .loader-ct {
    margin-top: 16px;
}

.quiz-questions-ct .loader-ct.hide,
.quiz-questions-ct .regen-loader-ct.hide {
    display: none;
}

.quiz-questions-ct .loader-ct,
.quiz-questions-ct .regen-loader-ct {
    display: flex;
    align-items: center;
    gap: 16px;
    color: #757575;
}

.quiz-questions-ct .question-content-link {
    font-size: 14px;
    margin-top: 16px;
    display: block;
}

.quiz-questions-ct .question-ct .textarea-ct {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    width: 100%;
}

.quiz-questions-ct .question-ct .textarea-ct .util-label {
    margin-bottom: 0px;
}

.quiz-questions-ct .question-ct .util-radio-label,
.quiz-questions-ct .question-ct .util-checkbox-label {
    font-size: 16px;
    margin-bottom: 0;
}

.quiz-questions-ct .question-ct .option-textarea-ct {
    border: 2px solid hsl(var(--primary-blue-04));
    padding: 8px;
    border-radius: 8px;
}

.quiz-questions-ct .search-items-ct {
    margin-bottom: 24px;
    margin-top: 42px;
}

.quiz-questions-ct .search-items-ct input.util-input-search {
    background-color: #FFFFFF;
    border-radius: 0;
    border: none;
    border-bottom: 3px solid #616DFF;
}

.quiz-questions-ct .search-items-ct .util-dropdown {
    max-width: 289px;
}

.quiz-questions-ct .search-items-ct .util-dropdown .util-dropdown-list {
    max-width: calc(100% - 2px);
    background: #303144;
}

.edit-item-popup .txt-large {
    color: #FFFFFF;
    font-size: 16px;
    margin-bottom: 24px;
    font-weight: 600;
}

.quiz-questions-ct .search-items-ct .util-label {
    font-weight: 600;
}

.quiz-questions-ct .sticky-banner {
    position: sticky;
    top: -40px;
    background: hsla(var(--primary-blue-04), 1);
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    z-index: 10;
    margin-top: 16px;
    width: calc(100% + 4em);
    margin-left: -2em;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

.quiz-questions-ct .remaining-txt {
    font-size: 16px;
    font-weight: normal;
}

.quiz-questions-ct .remaining-txt span.progress {
    font-weight: 600;
    font-size: 18px;
}

.quiz-questions-ct .remaining-txt span.approved-txt {
    color: #1F2030;
}

.quiz-questions-ct .search-note {
    font-size: 12;
    padding: 0 10px;
    max-width: 339px;
    color: #1F2030;
    line-height: 1;
}

.quiz-questions-ct .search-note.hide {
    display: none;
}

.quiz-questions-ct .remaining-txt.is-ready span.progress,
.quiz-questions-ct .remaining-txt.is-ready span.approved-txt {
    color: hsl(var(--primary-green-04));
}

.submit-with-exam-err.util-form-error {
    font-size: 18px;
    margin-top: 8px;
    text-align: center;
}

.submit-with-exam-err.hide {
    display: none;
}

.exam-approve-ct {
    padding: 16px 20px;
    position: relative;
    top: 0;
    background: var(--theme-color);
    top: -40px;
    left: -120px;
    right: -120px;
    width: 100vw;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.exam-approve-ct .exam-approve-txt {
    font-size: 18px;
}

.exam-approve-ct .exam-approve-txt span {
    font-weight: 600;
}

.exam-approve-ct .exam-approve-btn {
    background: #000000;
    color: #FFFFFF;
}

#approveExam {
    z-index: 10000000001;
}

#approveExam .util-modal {
    width: 640px;
    height: 800px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

#approveExam .quiz-questions-ct {
    flex: 1;
}

#approveExam .quiz-questions-ct .close-btn {
    margin-top: auto;
}

#approveExam .quiz-questions-ct .exam-extra-items-picker .exam-extra-picker-list {
    max-height: 230px;
    overflow-y: auto;
}

#approveExam .quiz-questions-ct .exam-extra-items-picker .exam-extra-item-ct {
    margin-bottom: 16px;
    margin-top: 16px;

    /* padding-bottom: 16px; */
    border-bottom: 1px solid grey;
}

#approveExam .quiz-questions-ct .exam-extra-items-picker .exam-extra-item-ct .exam-extra-item-btn {
    all: unset;
    color: hsl(var(--primary-blue-04));
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
}

#approveExam .quiz-questions-ct .exam-extra-items-picker .exam-extra-item-ct .exam-extra-item-btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

#approveExam .exam-extra-items-picker .picker-title {
    margin-top: -10px;
    font-size: 16px;
    font-weight: 600;
}

#markSafeModal, #markSafeModalConf, #quizReports, #questionFlag, #questionFlagConfirm {
    z-index: 10000000000;
}

#markSafeModal.util-modal-ct.confirmation .util-modal,
#markSafeModalConf.util-modal-ct.confirmation .util-modal {
    width: 350px;
}

#quizReports.util-modal-ct .util-modal {
    width: 400px;
}

#quizReports.util-modal-ct .util-modal .reports-ct {
    margin-top: 24px;
}

#quizReports.util-modal-ct .util-modal .reports-ct .report-row {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 600;
}

#quizReports.util-modal-ct .util-modal .reports-ct .report-row +.report-row {
    border-bottom: 1px solid #303144;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#questionFlag.util-modal-ct.confirmation .util-modal,
#questionFlagConfirm.util-modal-ct.confirmation .util-modal {
    width: 400px;
}

#questionFlag.util-modal-ct.confirmation .util-modal .util-form-errors-ct {
    margin-top: 20px;
}

@media (max-width: 600px) {
    .exam-approve-ct {
        flex-direction: column;
        left: -20px;
        right: -20px;
        width: calc(100vw - 40px);
        margin-bottom: 40px;
    }
}