.error-msg{
    padding-left: 9%;
    color: #ff4081;
}

.errorMsg,.errorFileMsg,.choose-answer-error{
    color: #ff4081;
}
.textBold{
    font-weight: bold !important;
}

.textGreen{
    color: #43a047 !important;
    font-weight: bold !important;

}

.textRed{
    color: #e53935 !important;
    font-weight: bold !important;
}
.textBlue{
    color: #1e88e5 !important;
    font-weight: bold !important;
}
.alignCenter{
    text-align: center;
}

.answerCheckColor{
    color:#4caf50 !important;
    font-weight: bold !important;
}

.hideBlock{
    display:none !important;
}
.addQuestionBox,.questionbank,.random_selection,.examAddQuestionFormDiv,.addExamQuestionSetupForm,
#studentFormSection,.questionBankFormBox,#bulkRegisterFormSection,.cardAlertBulkError,#studentUpdateFormSection{
    display: none;
}

.mr-2 {
    margin-right: 10px;
}

.d-flex {
    display: flex !important;
    align-items: center;
}

.custom-btn {
    padding: 0px 10px !important;
}
.cross {
    cursor: pointer;
}
.btnHover:hover{
    background-color: transparent !important;
}

.cross {
    cursor: pointer;
}

.ql-container.ql-snow {
    height: 120px !important;
}

.qb-card .collapsible .collapsible-body {
    padding: 0 12px 0 12px !important;
}

.qb-card .collapsible {
    margin-top: 1rem !important;
}
.qb-card a {
    color: #6b6f82;
}
.questionUpload {
    display: flex;
    align-items: center;
    /* margin-right: 8px; */
}
.custom-dropper .dropify-wrapper {
    height: 90px !important;
    width: 90px !important;
    border: none !important;
}
.custom-dropper .dropify-wrapper .dropify-message p {
    display: none;
    border-bottom: 1px solid #000;
}
.custom-dropper .dropify-wrapper .dropify-message .file-icon {
    font-size: 30px !important;
    color: #0000ff;
    /* border: 1px solid #cdcdcd; */
}
.custom-dropper .dropify-wrapper .dropify-message .file-icon :hover {
}

.checkbox-blue[type="checkbox"].filled-in:checked + span:not(.lever):after {
    border: 2px solid #0000ff;
    background-color: #0000ff;
}

/* css for PHASE-1 */
.exam-info {
    line-height: 3.5rem;
}
.exam-info > .row > div > label {
    font-weight: 500;
    font-size: 15px;
    color: #1d1a1a;
}
.exam-info > .row > div > label::after {
    content: ":";
    font-weight: 700;
    padding: 8px;
}

/* css for PHASE-1 END */

/* media */
@media only screen and (max-width: 600px) {
    .que-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
    /* mobile css 19Feb end */

    .alignCenter-mob {
        text-align: center !important;
    }

    .wb-all {
        word-break: break-all;
    }
    .disp-flex {
        display: flex !important;
    }
    .optionSection .popup-gallery > .row > div {
        margin-bottom: 10px !important;
    }
    /* mobile css 19Feb end */
}
@media only screen and (max-width: 900px) {
    .que-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }
}
.checkBoxDivMargin{
    margin-top: 7% !important;
}

.imgQuestion,.imgAnswer{
    display: none;
}

.iconBtn{
    background: transparent !important;
    border:none !important;
}

.questionAnsImage{
    width: 150px !important;
}


.loader {
    position: fixed;
    /*left: 0;
    top: 0;*/
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: url(../../images/loader.gif) center no-repeat
        rgba(255, 255, 255, 0.5);
}

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: 32px !important;
}

.brand-sidebar .brand-logo img {
    height: 32px !important;
}
.smallBtn{
    padding: 0 10px !important;
}
.optionSection pre, .questionSection pre{
    font-family: 'Montserrat', sans-serif !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    color: #6b6f82 !important;
    margin: 0px !important;
    font-weight: 400 !important;
    font-size: 15px !important;
}


#forgotPasswordModal .btn:hover, #forgotPasswordModal .btn-large:hover, #forgotPasswordModal .btn-small:hover {
    background-color: transparent !important;
}

/*Start Student result View */
.mark_green{
    font-size: 16px;
    color: green
}

.mark_red{
    font-size: 16px;
    color: red
}

.mark_grey{
    font-size: 16px;
    color: grey
}

.correct-answer{
    background-color: #d4edda;
}

.wrong-answer{
    background-color: #f8d7da;
}

.bcorrect-answer{
    background-color: #ddd;
}

.option-list{
    display:flex;
    width:100%;
    padding: 8px 12px;
    margin-bottom: 15px;
}

.option-label{
    width:20px;
}

.option-desc{
    display: flex;
    justify-content: space-between;
    flex: 1 1 0;
}
.option-remark{
    white-space: nowrap;
    padding-left: 15px;
    width:130px;
}
.wrongAnswerColor {
    color: red !important;
    font-weight: bold !important;
}
/*End Student result View */