.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 .question-title-ct {
    margin-top: 16px;
}

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

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

.quiz-questions-ct .question-ct {
    color: #FFFFFF;
    font-family: 'proxima-nova';
}

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

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

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

.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;
}

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

.quiz-questions-ct .approve {
    display: flex;
    align-items: 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;
    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 .btns-ct {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    justify-content: flex-start;
}

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

.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;
}

.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: 600px;
    height: 800px;
    display: flex;
    flex-direction: column;
    gap: 36px;
}

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

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

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