.me-question.me-question-evaluated .me-question-wrap,
.me-question.me-question-evaluated .me-question-drag,
.me-question.me-question-evaluated .me-question-recheck,
.me-question.me-question-evaluated .me-question-speak,
.me-question.me-question-evaluated .me-question-essay {
  pointer-events: none;
}

/* me-question-dragdropFormat */
.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse,
.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  i,
.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i {
  position: relative;
  top: 0;
  right: 0;
  width: 2.4rem;
  height: 2.4rem;
}

.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  i {
  background-color: transparent;
  color: var(--color-pri);
  font-weight: bolder;
  font-size: 1.6rem;
}
.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue {
  border-color: #45b441;
}
.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse {
  border-color: var(--color-pri);
}
.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i {
  background-color: transparent;
  color: #45b441;
  font-weight: bolder;
  font-size: 1.6rem;
}

.me-question.me-question-dragdropFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i::before {
  content: "\f00c";
}

/* me-question-defaultFormat */
.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i,
.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  i {
  background-color: transparent;
  font-weight: bolder;
  font-size: 1.6rem;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  i {
  color: var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  i::before {
  content: "\f00d";
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .me-recheck-text {
  color: var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .recheck-radio {
  border: 0.1rem solid var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .recheck-radio::before {
  background-color: var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  i {
  color: #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  i::before {
  content: "\f00c";
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .recheck-radio::before {
  opacity: 1;
  background-color: #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .recheck-radio {
  border: 0.1rem solid #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .me-recheck-text {
  color: #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .recheck-radio::before,
.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .recheck-radio::before {
  opacity: 1;
}

/* me-question-defaultFormat */

/** me-question-wordsFormat  **/
.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue,
.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse {
  position: relative;
  width: max-content;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i,
.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  i {
  background-color: transparent;
  font-weight: bolder;
  font-size: 1.6rem;
  border-radius: 100rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  right: 1rem;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i {
  color: var(--color-pri);
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  i::before {
  content: "\f00d";
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  .me-recheck-text {
  color: var(--color-pri);
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  .recheck-radio {
  border: 0.1rem solid var(--color-pri);
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse
  .recheck-radio::before {
  background-color: var(--color-pri);
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i {
  color: #45b441;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  i::before {
  content: "\f00c";
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  .recheck-radio::before {
  opacity: 1;
  background-color: #45b441;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  .recheck-radio {
  border: 0.1rem solid #45b441;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue
  .me-recheck-text {
  color: #45b441;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaTrue,
.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap
  .monaFalse {
  display: inline-flex;
}

/*ME-styles*/
:root {
  --me-primary-color: #8701ca;
}

.me-question-dt-wrp {
  padding: 3.2rem 2.8rem;
  border-radius: 0.8rem;
  background: #fff;
  border: 1px solid #979797;
}

.me-question-head {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.6rem;
  border-bottom: 0.1rem solid #e6e6e6;
}

.me-question-head .question-numb {
  font-size: 1.8rem;
  color: var(--me-primary-color);
  font-weight: 600;
}

@media only screen and (max-width: 1200px) {
  .me-question-head .question-numb {
    font-size: 1.6rem;
  }
}

@media only screen and (max-width: 800px) {
  .me-question {
    padding: 1.2rem 1.2rem;
  }

  .me-question-head .question-numb {
    font-size: 1.5rem;
  }
}

.me-question-input {
  border: none;
  outline: none;
  border-bottom: 0.1rem solid #ababba;
  font-size: 1.6rem;
  display: inline-block;
  margin: 0 0.6rem;
  text-align: center;
}

.me-question-infor {
  margin: 2.4rem 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 2.4rem;
}

.me-question-link-wrp {
  max-width: 50%;
  display: flex;
  gap: 1rem;
  border-radius: 0.4rem;
  font-weight: 500;
  padding: 0.8rem 1.2rem;
  background: #f7f7f7;
  justify-content: space-between;
  align-items: center;
}

.me-question-link-wrp .me-question-infor-text {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
  max-width: 90%;
  word-break: break-all;
  background-color: #fff;
  padding: 0.8rem 1rem;
  pointer-events: none;
  line-height: 2;
}

.me-question-link-wrp .me-question-infor-ic {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}

.me-question-link-wrp .me-question-infor-ic img {
  max-width: 100%;
  height: 100%;
}

.me-question-infor-wrp {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}

.me-question-infor-wrp .me-question-infor-item {
  font-size: 16px;
}

.me-question-infor-wrp .me-question-infor-item span.item__label {
  font-weight: bold;
}

@media only screen and (max-width: 1200px) {
  .me-question-link-wrp,
  .me-question-infor-wrp {
    max-width: 100%;
  }
}

.meqb-tab {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1.2rem;
}

.meqb-tab-btn {
  transition: 0.3s ease-in-out;
  cursor: pointer;
  color: var(--color-sec);
  font-size: 1.6rem;
  font-weight: 500;
}

.meqb-tab-btn .monaExplanationIcon {
  margin-left: 5px;
}

.meqb-tab-btn .monaExplanationIcon i {
  transition: transform 0.3s ease;
}

.meqb-tab-btn.active .monaExplanationIcon i {
  transform: rotate(180deg);
}

.meqb-tab-btn.active .text {
  text-decoration: underline;
}

.meqb-result {
  font-size: 1.8rem;
  font-weight: bold;
}

.meqb-result.text-true {
  color: #45b441;
}

.meqb-result.text-false {
  color: var(--color-pri);
}

/* .me-recheck-block .me-recheck-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.me-recheck-block .me-recheck-checkbox {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #d9d9d9;
  flex-shrink: 0;
  position: relative;
}

.me-recheck-block .me-recheck-checkbox::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.6rem;
  background-color: #f9841a;
  opacity: 0;
}

.me-recheck-item .me-recheck-input:checked~.me-recheck-checkbox {
  border: 0.1rem solid #f9841a;
}

.me-recheck-item .me-recheck-input:checked~.me-recheck-checkbox::before {
  opacity: 1;
} */

/* .me-recheck-block .me-recheck-radio {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 100rem;
  border: 0.1rem solid #d9d9d9;
  flex-shrink: 0;
  position: relative;
} */

/* .me-recheck-block .me-recheck-text {
  margin-left: 0.8rem;
  line-height: 1.1;
  color: #313131;
}

.me-recheck-block .me-recheck-radio::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 100rem;
  background-color: #f9841a;
  opacity: 0;
}

.me-recheck-item .me-recheck-input:checked~.me-recheck-radio {
  border: 0.1rem solid #f9841a;
}

.me-recheck-item .me-recheck-input:checked~.me-recheck-radio::before {
  opacity: 1;
}

.me-recheck-item .me-recheck-input:checked~.me-recheck-text {
  color: #f9841a;
} */

.me-question-drog {
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 0.4rem;
  color: #585858;
  border: 1px dashed #d9d9d9;
  background: #fafafa;
  margin: 1.2rem 0.6rem;
  position: relative;
}

.me-question-drog i {
  position: absolute;
  width: 2rem;
  height: 2rem;
  border-radius: 100rem;
  background-color: var(--color-pri);
  display: none;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1.2rem;
  cursor: pointer;
  top: -0.5rem;
  right: -0.5rem;
}

.me-question-drog.active i {
  display: flex;
}

.me-question-drag {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.me-question-drag-item {
  border-radius: 0.4rem;
  font-weight: 500;
  background: #f7f7f7;
  text-align: center;
  cursor: pointer;
  position: relative;
}

.me-question-drag-item .text {
  display: block;
  padding: 1.2rem;
  position: relative;
  z-index: 2;
}

.me-question-drag-item.disable {
  background-color: #ddd;
  pointer-events: none;
  color: #f1f1f1;
  cursor: default;
}

/*BỘ ĐỀ*/
.me-mask-list .me-mask-item {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.me-mask-list .me-mask-box {
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.6rem;
  border: 0.1rem solid #d9d9d9;
  flex-shrink: 0;
  position: relative;
}

.me-mask-box.disabled {
  display: none;
}

.me-mask-list .me-mask-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.6rem;
  background-color: #f9841a;
  opacity: 0;
}

.me-mask-item .me-mask-input:checked ~ .me-mask-box {
  border: 0.1rem solid #f9841a;
}

.me-mask-item .me-mask-input:checked ~ .me-mask-box::before {
  opacity: 1;
}

.me-mask-list .me-mask-name {
  margin-left: 0.8rem;
  line-height: 1.1;
  color: #313131;
}

.me-question-single,
.me-question-group {
  display: none;
}

.me-question-single.open,
.me-question-group.open {
  display: block;
}

.testing-side,
.testing-part-selection {
  display: none;
}

.testing-side.open,
.testing-part-selection.open {
  display: block;
}

.testing-side .testing-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.processing-area.processing {
  opacity: 0.6;
  pointer-events: none;
}

.testing-part-selection.processing .b-btn-start .testStart {
  opacity: 0.6;
  pointer-events: none;
}

.b-btn-start .text-processing {
  display: block;
}

.testing-part-selection:not(.processing)
  .b-btn-start
  .testStart
  .text-processing,
.testing-part-selection.processing .b-btn-start .testStart .text {
  display: none;
}

.readyForRecord .testRecordFinal {
  display: none;
}

.readyForRecord.processRecord .testRecordFinal {
  display: block;
}

.readyForRecord.processRecord .testRecordStart {
  opacity: 0.65;
  pointer-events: none;
}

.me-history-detail-item.false .me-history-detail-result {
  text-decoration: line-through;
}

.me-history-detail-part:not(:first-child) {
  margin-top: 2.4rem;
}

.me-history-detail-part-title {
  font-weight: bold;
  font-size: 20px;
}

.me-btn.none {
  display: none;
}

/* .listening.none-click {
  pointer-events: none;
} */

.testing-part-selection.history .selection-part-inf {
  display: none;
}

.testQuesItem.none-click {
  pointer-events: none;
}

.testQuesLetter {
  display: none;
}

.testing-side.hidden-ques .testing-left {
  display: none;
}

.testing-side.record-live .part-term-list {
  pointer-events: none;
  opacity: 0.5;
}

.testing-side.record-live .meQuestionaireSubmitJs {
  pointer-events: none;
  opacity: 0.5;
}

.testing-side.record-live .testNext {
  pointer-events: none;
  opacity: 0.5;
}

.testing-side.record-live .testPrev {
  pointer-events: none;
  opacity: 0.5;
}

.testRecordStart.disabled {
  display: none;
}

.testRecordStart.none-click {
  pointer-events: none;
}

.testing-audio-player.disable {
  pointer-events: none;
}

.b-btn-start .inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.b-btn-guide .b-switch {
  margin-top: 0;
}

.me-question-group-flex {
  display: flex;
  gap: 1.6rem;
  flex-wrap: wrap;
}

.exams-main-question .t-note {
  font-size: 14px;
  margin: 1.2rem 0;
}

.b-ans-it.essayFormat .b-gr,
.b-ans-it.speakFormat .b-gr {
  flex-direction: column;
  align-items: flex-start !important;
}

/* .testing.testing-exam .me-question-part-term.listening */
.testing.testing-history .otest-panel,
.testing.testing-history .b-switch {
  display: none;
}

.testing.testing-exam .completedRecord .testRecordStart {
  display: none;
}

.testing-part-selection.processing .b-btn-start .testStart .icon {
  -webkit-animation: spin 1s ease-in-out infinite;
  animation: spin 1s ease-in-out infinite;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .check-radio {
  border-color: #45b441;
  background: #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .check-radio {
  border-color: var(--color-pri);
  background: var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .check-radio::before,
.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .check-radio::before {
  opacity: 1;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .checkbox::before,
.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .checkbox::before {
  opacity: 1;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .checkbox {
  border-color: #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .checkbox {
  border-color: var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaFalse
  .checkbox::before {
  color: var(--color-pri);
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue
  .checkbox::before {
  color: #45b441;
}

.explain-content {
  margin: 1.6rem 0 2.4rem;
  padding: 2.4rem;
  background: #fafafc;
  border-radius: 0.4rem;
}

.explain-content-action {
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  transition: 0.3s ease-in-out;
}
.explain-content-action::after {
  content: "\f078";
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Pro";
}
.explain-content-action.active {
  color: #45b441;
}
.explain-content-action.active::after {
  transform: rotate(180deg);
}
.tcus-point {
  font-size: 1.8rem;
  color: var(--color-pri);
  font-weight: 700;
}
.tcus-point .t-review-label {
  font-weight: 500;
  color: var(--color-sec);
}
.tcus-review .t-review-label {
  font-weight: 500;
  color: var(--color-sec);
  font-size: 1.8rem;
}
.exam-mode-tag {
  border-radius: 0.6rem;
  padding: 0.6rem 1.2rem;
  background: #a8a8a8;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
}

.exam-mode-tag.exam {
  background: #2b3789;
}

.exams-ques-item.monaTrue .b-ans {
  background: #45b441;
  border-color: #45b441;
}

.exams-ques-item.monaFalse .b-ans {
  background: var(--color-pri);
  border-color: var(--color-pri);
}

.popup-ques.success .popup-overlay {
  pointer-events: none;
}

.popup-ques.success .popup-close {
  display: none;
  pointer-events: none;
}

.testing-part-infor,
.testing-part-guide {
  display: none;
}

.testing-part-infor.tst-active,
.testing-part-guide.tst-active {
  display: block;
}

.b-btn-guide .inner {
  display: flex;
  align-items: center;
  gap: 10px;
}

.me-question-wordsFormat .hasAudioReading .me-question-input {
  width: 100%;
}

/* .exams-main-question .t-head-number {
  margin-bottom: 0;
} */

/* .exams-main-wrap {
  padding: unset;
  background-color: unset;
} */

/* .meq-panel-block-left,
.meq-panel-block-right,
.me-question-group-left,
.me-question-group-right {
  width: 100%;
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 2.4rem 3.2rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 0.8rem 2.4rem;
} */
.me-question-part-label {
  /* width: 100%;
  background-color: #fff;
  border-radius: 0.8rem; */
  font-size: 2.4rem;
  margin-bottom: 1.6rem;
  font-weight: 500;
  color: #2b3789;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.05);
  display: none;
  padding-bottom: 1.2rem;
}
.me-question-panel-listening .me-question-part-label,
.me-question-panel-reading .me-question-part-label {
  display: block;
}
.me-question-group-wrapper,
.me-question-panel-block {
  display: flex;
  gap: 1.6rem;
}

.meq-panel-block-left,
.me-question-group-left {
  max-width: 50%;
}

.t-title-area-mona .exam-it .b-if .b-box .t-gr {
  display: flex;
  gap: 5px;
}

.pac-head.pac-head-history .t-head .t-title {
  align-items: center;
}

.me-question-essay-content {
  width: 100%;
  border: 0.1rem solid #f2f3f5;
  border-radius: 0.8rem;
  min-height: 12rem;
  font-family: var(--font-pri);
  padding: 0.8rem;
  color: var(--color-body);
  --f-sz: 1.6rem;
  font-size: var(--f-sz);
}

.part-term-content {
  /* width: 100%;
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 2.4rem 3.2rem; */
}

.part-term-mp3 {
  display: none;
}

.exams-part-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

/* .exams-part-title-name {
  max-width: 65%;
} */

/* .side-fixed {
  width: 50rem;
} */

.popup-ques .popup-wrapper {
  padding: 12vh 16vh;
}

.popup-content-submit {
  display: none;
}

.popup-content-submit.active {
  display: block;
}

@media only screen and (max-width: 800px) {
  .test-panel-wrap {
    padding: 1.2rem;
  }
  .me-question-group-wrapper,
  .me-question-panel-block {
    flex-direction: column;
  }

  .meq-panel-block-left,
  .meq-panel-block-right,
  .me-question-group-left,
  .me-question-group-right {
    max-width: 100%;
    padding: 0.8rem;
  }

  .side-fixed {
    width: 100%;
    max-width: 100%;
  }

  .popup-ques .popup-wrapper {
    padding: 6vh 4vh;
  }
}

.me-question-group-right .meq-panel-block-left,
.me-question-group-right .meq-panel-block-right {
  padding: 0;
  width: 100%;
}

.exams-ques-item.testQuesPartOverview .b-ans {
  background: unset;
  color: var(--color-sec);
  border: unset;
}

.main-test-exam-history .exams-hd.active {
  z-index: 50;
}

.exam-container {
  width: 100%;
  max-width: 178rem;
  height: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.main-test-exam-history .exams-hd-gr .b-group {
  text-align: right;
}

.me-question {
  padding: 0;
}

.me-question-single .exams-main-recheck {
  margin-top: 0;
}

.me-question-group .exams-main-recheck {
  margin: 1rem 0;
}

.popup-open-disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.testing-qw-time .time-out-message {
  display: none;
}

.testing-qw-time.timeOut span {
  display: none;
}

.testing-qw-time.timeOut span.time-out-message {
  display: block;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap.hasAudioReading {
  width: 100%;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap.hasAudioReading
  .monaTrue
  i,
.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap.hasAudioReading
  .monaFalse
  i {
  bottom: 0rem;
}

.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap.hasAudioReading
  .monaTrue,
.me-question.me-question-wordsFormat.me-question-evaluated
  .me-question-wrap.hasAudioReading
  .monaFalse {
  display: unset;
}

.testCountTimeCustom.disabled {
  display: none !important;
}

.exams-main-record .record-wrap .record-countdown {
  flex-direction: column;
  border: 1px solid;
  border-color: #d3262e;
  border-radius: 6px;
  width: 100%;
  max-width: 20rem;
  margin: auto;
}

.exams-main-record .record-wrap .record-countdown .t-text {
  padding: 1rem 1.2rem;
  background: #d3262e;
  color: #fff;
  width: 100%;
  text-align: center;
}

.exams-main-record .record-wrap .record-countdown.respone .t-text {
  background: #2b3789;
  color: #fff;
}

.exams-main-record .record-wrap .record-countdown .t-num {
  margin: 1.2rem 0 1.4rem;
}

.exams-main-record .record-wrap .record-countdown.respone .t-num {
  background: #2b3789;
}

.exams-main-record .record-wrap .record-countdown.respone {
  border-color: #2b3789;
}

.testing-exam
  .completedRecord
  .exams-main-record
  .record-wrap
  .record-countdown {
  display: none;
}

.meq-panel-block-right.noPanelLeft {
  max-width: 100%;
  width: 100%;
}

.me-question .lb-ip {
  padding: 1.2rem 1.6rem;
  background: #f5f5f5;
  border-radius: 0.6rem;
}

.testing-lsrd .exams-controler {
  background-color: unset;
  gap: 1.6rem;
  justify-content: center;
}

.testing-lsrd .exams-controler .btn {
  background-color: #ef4444;
  color: #fff;
}

.testing-lsrd .exams-controler .btn::after {
  background: var(--color-pri);
}

.testing-lsrd .exams-controler .btn.second {
  background-color: #fff;
  border: 0.1rem solid #ef4444;
  color: #ef4444;
}
.testing-lsrd .exams-controler .btn.second:hover {
  color: #fff;
  border-color: transparent;
}
/* .me-question-part-overview {
  max-width: 90rem;
  margin: auto;
} */

.history-process-items {
  margin: 1.2rem 0 1.6rem;
  display: flex;
  flex-wrap: wrap;
  gap: 2.4rem;
}

.history-process-items .hpi {
  width: calc(100% / 3 - 24px);
}

.history-process-items .hpi .hpi-label {
  font-weight: bold;
  font-size: 1.8rem;
}

.hpi .exam-mode-tag {
  max-width: 14rem;
  margin: 0 auto;
}

.me_textarea_block .me_textarea_top {
  padding: 1.6rem 1.2rem;
  border: 0.1rem solid #f2f3f5;
  border-bottom: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f2f3f5;
  gap: 10px;
}

.me-question-essay .me_textarea_block textarea {
  padding: 1.2rem;
  border-color: #f2f3f5;
  border-radius: unset;
}

.me_textarea_block .me_textarea_controls button {
  background-color: #2b3789;
  padding: 1rem 1.2rem;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
}

.me_textarea_block .me_textarea_controls button:disabled {
  background-color: #ccc;
  color: #666;
  cursor: not-allowed;
  opacity: 0.7;
}

.me_textarea_block .me_textarea_top .wordNumber {
  padding: 1.2rem 2.4rem;
  background: #fff;
  border-radius: 6px;
}

.me-question-group .exams-main-recheck {
  width: 100%;
}

/* feedback 30/10/2024 */
.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue {
  border: 0.2rem solid #45b441;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue.monaNotSelected
  i {
  display: none;
}

.me-question.me-question-defaultFormat.me-question-evaluated
  .me-question-recheck
  .monaTrue.monaNotSelected
  .check-radio {
  border-color: #8c8982;
  background: #ffff;
}

.monafb-reorder-1 {
  order: 1;
}

.monafb-reorder-2 {
  order: 2;
}

.monafb-reorder-3 {
  order: 3;
}

.lswd-test {
  background: #fff;
  padding: 1.2rem;
  margin: 2.4rem 0;
  border-radius: 10px;
}

.lswd-controller {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.6rem;
}

.lswd-controller .btn {
  padding: 1rem;
}

.lswd-controller .btn .inner {
  display: none;
}

.lswd-flx {
  display: flex;
  gap: 1.6rem;
}

.lswd-flx .lswd-left {
  width: 65%;
}

.lswd-flx .lswd-right {
  width: 35%;
}

@media screen and (max-width: 1000px) {
  .lswd-flx {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 1rem;
  }

  .lswd-flx .lswd-left,
  .lswd-flx .lswd-right {
    width: 100%;
  }
}

.lswd-thumb-label,
.lswd-exp-label {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: bold;
}

.lswd-thumb-icon,
.lswd-exp-icon {
  width: 1.6rem;
  height: 1.6rem;
}

.lswd-thumbnail,
.lswd-explaination {
  background: #f5f7fa;
  padding: 1rem;
  border-radius: 10px;
}

.lswd-thumbnail {
  margin-bottom: 1.6rem;
}

.lswd-exp-action {
  cursor: pointer;
  text-decoration: underline;
}

.lswd-textarea {
  width: 100%;
  border-radius: 10px;
  min-height: 15rem;
  padding: 1rem;
  font-size: 16px;
  margin: 1.6rem 0;
}

.lswd-thumbnail .inner {
  display: block;
  padding-top: calc((450 / 600) * 100%);
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}

.lswd-thumbnail .inner img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.lswd-textarea-ctr-flex {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: space-between;
}

.lswd-btn-grouped {
  display: flex;
  align-items: center;
  gap: 6px;
}

.lswd-btn {
  padding: 1rem 1.4rem;
  font-size: 14px;
  border: 1px solid #cacaca;
  border-radius: 6px;
  cursor: pointer;
  transition: 0.4s all;
}

.lswd-btn:hover {
  border-color: #313131;
}

.lswd-btn.lswd-check-btn {
  background: #313131;
  color: #fff;
}

.lswd-btn.lswd-skip-btn {
  margin-right: auto;
}

.lswd-btn.lswd-next-btn {
  display: none;
  margin-left: auto;
  background: #2b3789;
  color: #fff;
}

.lswd-question {
  display: none;
}

.lswd-feedback {
  margin: 1rem 0;
  padding: 1rem;
}

.lswd-feedback.correct {
  color: #45b441;
}

.lswd-feedback.warning {
  color: #d3262e;
}

.lswd-textarea.lswdReadonly {
  background: #cacaca;
  opacity: 0.6;
}

/* giaidoan2 */
.testing-response-check {
  display: none;
}

.testing-response-check.open {
  display: block;
}

.testing-response-check .meQuestionaireSubmitJs {
  margin: auto;
}

.respo-skill {
  margin: 1.2rem 0 2.4rem;
}

.respo-skill .respo-writting,
.respo-skill .respo-speaking {
  display: none;
}

.respo-skill .respo-writting.open,
.respo-skill .respo-speaking.open {
  display: block;
}

.respo-skill .respo-title {
  background: var(--color-sec);
  color: #fff;
  font-weight: bold;
  width: max-content;
  padding: 0.6rem 1.2rem;
  border-radius: 6px 6px 0px 0;
}

.respo-skill .respo-bottom {
  background: #fff;
  padding: 1.2rem 2.4rem;
}

.respo-skill .respo-ids {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.respo-id {
  width: 6rem;
  height: 6rem;
  background: #a0a0a0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10rem;
  cursor: pointer;
  position: relative;
}

.respo-id.open {
  background: var(--color-sec);
}

.respo-id.open::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  color: #45b441;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
  height: 2rem;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.respo-writting {
  margin: 2.8rem 0 1.4rem;
  border: 1px solid #cacaca;
  border-radius: 6px;
}

.respo-writting .respo-writting-title {
  border-bottom: 1px solid #cacaca;
  padding: 1.2rem;
  font-weight: bold;
}

.respo-writting .respo-writting-essay {
  padding: 1.2rem;
}

.me-question-panel-speaking {
  max-width: 80rem;
  margin: auto;
}
.btn.testRecordFinal.none {
  display: none;
}
.testing-practice .testTermPartTimeToRead {
  display: none;
}
.meqwr-controller {
  display: flex;
  gap: 1.2rem;
  justify-content: flex-end;
  padding: 1.2rem 0;
}
.meqwr-btn.next.last .meqwr-text {
  display: none;
}
.meqwr-btn.next.last .meqwr-text-next {
  display: inline-block;
}
.meqwr-text-next {
  display: none;
}
.part-term-time-to-read .testTermPartNumber {
  color: var(--color-pri);
}
.testRecordStart.disable {
  pointer-events: none;
}
.testing-exam .mqgc .btn {
  pointer-events: none;
  opacity: 0.5;
}
.testing-exam .mqgc {
  display: none;
}
.btn.meqwr-btn.prev.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.btn.meqwr-btn.next.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.popup-submit-alert-open.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.exams-controler.none {
  display: none;
}
.me_textarea_block .me_textarea_top {
  flex-wrap: wrap;
}
@media only screen and (max-width: 1024px) {
  .me-question-panel-writting .me-question-panel-block {
    flex-direction: column;
  }
  .me-question-panel-writting .test-panel-wrap {
    padding: 0.8rem;
  }
  .me_textarea_block .me_textarea_top .wordNumber {
    padding: 0.2rem 1.4rem;
  }
  .respo-id {
    width: 4rem;
    height: 4rem;
  }
  .testing-qw-group {
    font-size: 1.6rem;
  }
}
.meQuestionaireFinishBackJs.btn.none {
  display: none;
}
.respo-speaking-audio {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end;
  margin-bottom: 1.2rem;
}
.respo-speaking-audio .box-time {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  height: 4rem;
  min-width: 10rem;
  padding: 0.6rem;
  border: 0.1rem solid #a0a0a0;
  border-radius: 0.8rem;
  font-weight: 600;
}
.audio-control {
  padding: 5px 10px;
  cursor: pointer;
  background: #d3262e;
  color: #fff;
  height: 4rem;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testing-qw-group {
  position: static;
  width: auto;
}

.tcus-review-audio audio {
  margin: auto;
  display: block;
  margin-bottom: 2rem;
}

/* writing & speaking: history */
.tcusReviewGroupPrimarys,
.tcusReviewGroupSecondarys {
  padding: 1rem 0rem 3rem;
}

.tcusReviewGroupPrimarys,
.tcusReviewGroupSecondarys {
  display: none; /* Hidden by default */
}

.tcusReviewGroupPrimarys.active,
.tcusReviewGroupSecondarys.active {
  display: block; /* Show the active panel */
}

.tcusReviewGroupButtons {
  display: flex;
  gap: 10px;
}

.tcusReviewGroupButton {
  cursor: pointer;
  padding: 12px;
  display: inline-block;
  text-align: center;
  transition: background-color 0.3s;
  font-size: 14px;
}

.tcusReviewGroupButton:hover {
  background-color: #d6d6d6;
}

.tcusReviewGroupButton.open {
  background-color: #ccc;
}

span.tcusReviewGroupButtonCounter {
  padding: 6px 12px;
}

.tcusReviewGroupSecondary {
  padding: 0 1rem;
}

.rvw-secondary-heading {
  font-size: 1.8rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.rvw-secondary-inf {
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
}

.rvw-secondary-inf .rvw-secondary-inf-1 {
  margin-bottom: 1rem;
}

.sec-exp-history
  .testing-wrsp
  .me-question-group
  .me-question-group-wrapper
  .me-question-group-right {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}

.sec-exp-history .testing-wrsp .me-question-group .me-question-group-top {
  background-color: #fff;
  border-radius: 0.8rem;
  padding: 1.6rem;
  -webkit-box-shadow: rgba(149, 157, 165, 0.2) 0 0.8rem 2.4rem;
  box-shadow: rgba(149, 157, 165, 0.2) 0 0.8rem 2.4rem;
  margin-bottom: 1rem;
}

.hisdetail-wrsp-waitting {
  background: #fff;
  padding: 2.4rem;
  margin-bottom: 2.4rem;
}

.hisdetail-wrsp-waitting .wrsp-waitting-title {
  text-align: center;
}

.hisdetail-wrsp-waitting .wrsp-waitting-description {
  text-align: center;
  padding: 1.6rem;
}

.hisdetail-wrsp-waitting .wrsp-waitting-description .highlight-email {
  font-weight: bold;
  text-decoration: underline;
}

.hisdetail-wrsp-waitting .wrsp-waitting-description .highlight-blog {
  font-weight: bold;
  color: #8701ca;
}

.monafb-history-detail.wrsp .tcus-ans {
  max-width: 75rem;
  width: 100%;
}

.monafb-history-detail.wrsp .tcus-ans .tcus-ans-content textarea {
  width: 100%;
  height: 20rem;
  border: 0.1rem solid #e5e5e5 !important;
  padding: 1rem !important;
  box-shadow: none !important;
  resize: none;
}

.tcusReviewGroupPrimary,
.tcus-review-content.tcus-review-essay {
  max-height: 30rem;
  overflow-y: auto;
  background: #dddddd;
  padding: 1rem;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.mys {
  max-width: 35rem;
  margin: 0 auto 2rem;
}

.mys-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.2rem;
}

.mys-head {
  text-align: center;
  --f-sz: clamp(1.6rem, calc(1.3705rem + 0.3279vw), 2rem);
  font-size: var(--f-sz);
  color: var(--color-sec);
  font-weight: 500;
}

.mys-head .txt {
  font-weight: 600;
  color: var(--color-pri);
}

.mys-box {
  position: relative;
}

.mys-box .txt {
  position: absolute;
  color: var(--color-sec);
  font-weight: 600;
  bottom: 100%;
  --f-sz: clamp(1.5rem, calc(1.3279rem + 0.2459vw), 1.8rem);
  font-size: var(--f-sz);
}

.mys-box .txt.t-min {
  left: 0;
}

.mys-box .txt.t-max {
  right: 0;
}

.mys-box .b-line {
  position: relative;
  height: 0.4rem;
  width: 100%;
  margin: 0 auto;
}

.mys-box .b-line::before {
  content: "";
  position: absolute;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 100%;
  background: #ddd;
}

.mys-box .b-line .range {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 0.4rem;
  background: var(--color-pri);
  left: var(--left);
  right: var(--right);
}

.mys-box .b-line .range::after,
.mys-box .b-line .range::before {
  content: "";
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100rem;
  background: var(--color-pri);
  top: 50%;
}

.mys-box .b-line .range::before {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.mys-box .b-line .range::after {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.hisdetail-wrsp-done {
  margin-bottom: 24px;
  display: flex;
  gap: 24px;
}

.hisdetail-wrsp-done .wrsp-done-skill {
  background: #fff;
  border-radius: 6px;
  width: 50%;
}

@media screen and (max-width: 1000px) {
  .hisdetail-wrsp-done {
    flex-wrap: wrap;
  }

  .hisdetail-wrsp-done .wrsp-done-skill {
    width: 100%;
  }
}

.wrsp-dst-icon {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
}

.wrsp-dst-icon img {
  width: 3rem;
  height: 3rem;
  border-radius: 100%;
}

.wrsp-done-skill-top {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 2rem;
  background: #c5e4ff;
  border-radius: 6px 6px 0px 0px;
}

.wrsp-done-skill.writing .wrsp-done-skill-top {
  background: antiquewhite;
}

.wrsp-done-skill-bottom {
  padding: 2rem;
  border-radius: 0px 0px 6px 6px;
  background: transparent;
}

.wrsp-dst-title {
  --f-sz: clamp(1.7rem, calc(1.2984rem + 0.5738vw), 2rem);
  font-size: var(--f-sz);
  color: var(--color-tt);
  font-weight: 600;
  color: var(--color-sec);
  margin-left: 1rem;
}

.wrsp-done-skill-review {
  max-height: 30rem;
  height: 100%;
  padding: 1rem;
  overflow-y: auto;
}

.wrsp-done-btn {
  width: max-content;
  margin: 0 auto 2.4rem;
}

.me-question-speak audio {
  display: none;
}

.meQuestionaireFinishBackJs {
  display: none !important;
}

.meqwr-controller {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  width: 100%;
  padding: 1.2rem;
}

.testing-wrsp .testPanel:last-child .meqwr-btn.next {
  display: none;
}

.respo-speaking.vw-sample {
  margin: 2.8rem 0 1.4rem;
  border: 1px solid #cacaca;
  border-radius: 6px;
}

.respo-speaking.vw-sample .respo-speaking-title {
  border-bottom: 1px solid #cacaca;
  padding: 1.2rem;
  font-weight: bold;
}

.respo-speaking.vw-sample .respo-speaking-transcript {
  padding: 1.2rem;
}

.main-test-exam-history .exams-hd-gr .b-group::before,
.me-question-report-action {
  display: none !important;
}