.M-Exam { width: 100vw; padding: 0 5px; position: relative; } .M-Exam .M-Exam-top-cover { width: 96%; height: 200px; position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: white; z-index: 4; } .M-Exam .M-Exam-info { width: 96%; padding: 5px 7px; border-radius: 10px; border: 2px solid #F1F1F1; position: fixed; top: 90px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: white; z-index: 5; } .M-Exam .M-Exam-info .M-Exam-info-row1 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 0; direction: rtl; border-bottom: 1px solid #dfdfdf; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box { width: 65%; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-title-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; direction: rtl; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-title-box .M-Exam-info-row1-title-box-text { font-size: 13px; margin-right: 3px; color: #2E81E8; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; direction: rtl; margin-top: 5px; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box .M-Exam-info-row1-subtitle-box-icon { margin-right: 16px; color: #CEFDFF; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-title-and-subtitle-box .M-Exam-info-row1-subtitle-box .M-Exam-info-row1-subtitle-box-text { font-size: 10px; color: #132F52; margin-right: 3px; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 2px 5px; background-color: #E2EAF4; direction: rtl; border-radius: 3px; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time .M-Exam-info-row1-time-icon { color: #013273; } .M-Exam .M-Exam-info .M-Exam-info-row1 .M-Exam-info-row1-time .M-Exam-info-row1-time-text { font-size: 12px; color: #013273; margin-right: 3px; } .M-Exam .M-Exam-info .M-Exam-info-row2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 5px 0; direction: rtl; } .M-Exam .M-Exam-info .M-Exam-info-row2 .M-Exam-info-row2-text { font-size: 14px; color: #2E81E8; margin-right: 5px; } .M-Exam .M-Exam-info .M-Exam-info-row2 .M-Exam-info-row2-timer { font-size: 16px; color: #2E81E8; margin-right: 5px; } .M-Exam-progress-bar { width: 96%; height: 35px; overflow-x: scroll; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 180px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); direction: rtl; background-color: white; z-index: 5; scroll-behavior: smooth; } .M-Exam-progress-bar-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; } .M-Exam-progress-bar-item-circle { width: 35px !important; height: 35px !important; border-radius: 50%; background-color: #F5F5F5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #A2B4CB; } .M-Exam-progress-bar-item-line { font-size: 16px; color: #E0E0E0; } .M-Exam-main { width: 96%; position: absolute; top: 220px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .M-Exam-main-item { width: 100%; direction: rtl; margin-top: 15px; } .M-Exam-main-item-number { font-size: 15px; color: #132F52; padding: 2px 5px; background-color: #E8FCFF; display: inline; } .M-Exam-main-item-question { width: 100%; font-size: 19px; color: #132F52; margin-top: 5px; } .M-Exam-main-item-question-img { width: 100%; padding: 5px 5px; border-radius: 5px; overflow: hidden; margin-top: 10px; background-color: #F5F5F5; } .M-Exam-main-item-question-img img { width: 100%; height: auto; } .M-Exam-main-item-choices { width: 100%; direction: rtl; } .M-Exam-main-item-choices-item { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; } .M-Exam-main-item-choices-item-badge { width: 13%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #132F52; background-color: #E7E7E7; padding: 6px 0; border-radius: 0 5px 5px 0; } .M-Exam-main-item-choices-item-text { width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #132F52; background-color: #F5F5F5; padding: 6px 0; padding-right: 10px; border-radius: 5px 0 0 5px; } .M-Exam-main-item-answer-box { width: 100%; height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 10px; } .M-Exam-main-item-answer-box-badge { height: 100%; width: 75px; background-color: #E7E7E7; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; color: #132F52; border-radius: 0 5px 5px 0; text-align: center; } .M-Exam-main-item-answer-box-input { width: 100% !important; height: 100%; background-color: #F5F5F5; border: none !important; outline: none !important; border-radius: 5px 0 0 5px; resize: none; font-size: 14px; padding: 10px 10px; } .M-Exam-main-item-line { width: 100%; height: 1px; background-color: #D6E6F9; margin-top: 20px; } .M-Exam-main-btn-container { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 20px; margin-bottom: 20px; } .M-Exam-main-btn-container-line { width: 20%; height: 2px; background-color: #2E81E8; } .M-Exam-main-btn-container-btn { width: 60%; height: 40px; border-radius: 7px; background-color: #2E81E8; color: white; font-size: 15px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /*# sourceMappingURL=M_Exam.css.map */