.previewMission-unitTest {
  padding: 20px;
}
.previewMission-unitTest .qDes {
  font-weight: bolder;
}
.previewMission-unitTest .qtype {
  border: 2px solid gray;
}
.previewMission-unitTest input[type="text"] {
  width: 100px;
  margin-right: 10px;
  padding: 0px 5px;
  border-radius: 5px 5px 0px 0px;
  color: #24b880;
  font-size: 20px;
  border: none;
  border-bottom: 1px solid gray;
}
.previewMission-unitTest input[type="text"]:focus {
  outline: none;
  border-bottom: 2px solid #24b880;
}
.previewMission-unitTest .checker {
  margin-top: -20px;
}
.previewMission-unitTest .unitTestBtn {
  display: block !important;
  margin: 0px;
  width: 90% !important;
}
.previewMission-unitTest .unitTestBtn .unitTestbg {
  cursor: pointer;
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #8f8f8f;
}
.previewMission-unitTest .unitTestBtn input[type="checkbox"],
.previewMission-unitTest .unitTestBtn input[type="radio"] {
  visibility: hidden;
  margin-left: -10px;
}
.previewMission-unitTest .unitTestBtn input[type="checkbox"]:checked ~ .unitTestbg,
.previewMission-unitTest .unitTestBtn input[type="radio"]:checked ~ .unitTestbg {
  background-color: #24b880 !important;
  border: none;
  color: #fff;
  font-weight: bolder;
}
.previewMission-unitTest .yesNoBtn {
  display: inline-block !important;
  width: 90px !important;
  height: 100px;
  margin: 10px;
  margin-bottom: 40px;
}
.previewMission-unitTest .yesNoBtn .unitTestbg {
  text-align: center !important;
  position: relative;
  border-radius: 50%;
  font-weight: 900;
  font-size: 50px;
}
.previewMission-unitTest .testbg {
  background-color: #fff;
  position: relative;
  height: auto !important;
  padding: 10px;
  z-index: 1;
  border-radius: 4px;
  border: 1px solid #c5c5c5;
}
.pageCtl2 {
  z-index: 1;
}
.pageCtl2 button {
  text-align: center;
  background: #dcdcdc;
  height: 30px;
  width: auto;
  padding: 5px 10px;
  margin-right: 10px;
  color: #6a6565;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  outline: none;
  font-weight: 900;
}
.pageCtl2 .hintClick {
  background-color: #64ae16 !important;
  color: white;
  border: none;
}
.questionCtl {
  position: absolute;
  right: 30px;
  bottom: 20px;
}
.unitTest-result {
  padding: 20px;
  text-align: center;
}
.unitTest-result .testResult-title {
  margin-top: 20px;
}
.unitTest-result .ansSheet {
  margin: 40px auto;
  border-collapse: separate;
  border-spacing: 0px;
  font-weight: 500;
}
.unitTest-result .ansSheet th {
  border-top: 1px solid rgba(117, 117, 117, 0.726);
  border-bottom: 1px solid rgba(117, 117, 117, 0.726);
  border-left: 1px solid rgba(117, 117, 117, 0.726);
  font-weight: 500;
  font-size: 14px;
  padding: 2px 20px;
  height: 30px;
}
.unitTest-result .ansSheet th:first-child {
  border-top-left-radius: 4px;
}
.unitTest-result .ansSheet th:last-child {
  border-top-right-radius: 4px;
  border-right: 1px solid rgba(117, 117, 117, 0.726);
}
.unitTest-result .ansSheet td {
  background-color: #fff;
  border-bottom: 1px solid rgba(117, 117, 117, 0.726);
  border-left: 1px solid rgba(117, 117, 117, 0.726);
  font-weight: 500;
  padding: 6px 10px;
  text-align: center;
}
.unitTest-result .ansSheet td:first-child {
  border-bottom-left-radius: 4px;
}
.unitTest-result .ansSheet td:last-child {
  border-bottom-right-radius: 4px;
  border-right: 1px solid rgba(117, 117, 117, 0.726);
}
.unitTest-result .yourAnsResultIcon {
  height: 40px;
  width: 40px;
  margin-top: 5px;
}
.previewNextItemArea {
  margin-top: 20px;
  padding: 20px;
  text-align: center;
}
.previewNextItemArea button {
  text-align: center;
  background: #dcdcdc;
  height: 30px;
  width: auto;
  padding: 5px 10px;
  margin-right: 10px;
  color: #6a6565;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  outline: none;
  font-weight: 900;
}
.previewNextItemArea .list-item-icon {
  margin-top: 10px;
  font-size: 48px;
}
.previewNextItemArea .nextItemTitle {
  font-weight: bolder;
  padding: 10px 0px 30px 0px;
}
.previewNextItemArea .nextItemTitle .typeMark {
  text-align: center;
  background-color: #dfdfdf;
  border-radius: 10px;
  padding: 2px 10px;
}
