You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

376 lines
8.0 KiB

2 years ago
.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 */