@font-face {
  font-family: 'Futura Book';
  src: url("../font/Futura Book font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Heavy';
  src: url("../font/Futura Heavy font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Light';
  src: url("../font/futura light bt.ttf") format("truetype");
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}

.text-orange {
  color: #ff7f00 !important;
}

.text-red {
  color: #fe0000 !important;
}

.text-green {
  color: #1dac56 !important;
}

.text-gray {
  color: #979797 !important;
}
.bg-orange {
  background: #ff7f00 !important;
}

.bg-red {
  background: #fe0000 !important;
}

.bg-green {
  background: #1dac56 !important;
}

.bg-gray {
  background: #979797 !important;
}
@media (min-width: 576px) {
  .modal-dialog {
    margin: 3.75rem auto;
  }
}

@font-face {
  font-family: 'Futura Book';
  src: url("../font/Futura Book font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Heavy';
  src: url("../font/Futura Heavy font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Light';
  src: url("../font/futura light bt.ttf") format("truetype");
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}

.text-orange {
  color: #ff7f00;
}

.text-red {
  color: #fe0000;
}

.text-green {
  color: #1dac56;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 3.75rem auto;
  }
}

.faq-content .list-advices .item {
  padding: 20px 0;
  border-top: 1px solid #959595;
}

.faq-content .list-advices .item .title {
  font-size: 16px;
  font-family: 'Futura Heavy';
  color: #fe0000;
  margin-bottom: 10px;
}

.faq-content-detail .title {
  font-size: 16px;
}

.faq-content-detail .title h3 {
  font-size: 26px;
  font-family: 'Futura Heavy';
  margin-bottom: 10px;
}

.faq-content-detail .detail {
  border-top: 1px solid #959595;
  border-bottom: 1px solid #959595;
  padding: 20px 0;
  margin: 20px 0;
}

.faq-content-detail .detail .video {
  text-align: center;
  margin: 20px 0;
  height: 500px;
}

.faq-content-detail .detail .video iframe {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.faq-content-detail .other-question {
  margin-top: 20px;
}

.faq-content-detail .other-question h3 {
  font-size: 16px;
  font-family: 'Futura Heavy';
  margin-bottom: 10px;
}

.faq-content-detail .other-question li {
  margin-bottom: 5px;
}

.faq-content-detail .other-question li a {
  color: #fe0000;
  text-decoration: underline;
}

.faq-content .list-topics li {
  border: 1px solid #959595;
}

.faq-content .list-topics li a {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.faq-content .list-topics li a .left {
  color: #464646;
  font-size: 16px;
}

.faq-content .list-topics li a .left .fa-comments {
  color: #959595;
  margin-right: 10px;
}

.faq-content .list-topics li a .right {
  color: #fe0000;
}

@media screen and (max-width: 768px) {
  .faq-content .title-howto {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px;
  }
  .faq-content .title-howto .title {
    width: 100%;
    margin-bottom: 10px;
  }
  .faq-content .title-howto .search {
    width: 100%;
  }
  .faq-content .list-advices .item {
    padding: 15px 0;
  }
  .faq-content-detail .detail .video {
    height: 350px;
  }
}

.video-list-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.video-list-tabs .item {
  width: 18%;
  min-height: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  margin: 1%;
  text-align: center;
  border: 1px solid #ff7f00;
  position: relative;
}

.video-list-tabs .item.free {
  background: url("../../images/icon/free.png") no-repeat right top;
}

.video-list-items .item {
  border: 1px solid #959595;
  padding: 15px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.video-list-items .item .video {
  width: 395px;
  height: 260px;
  margin-right: 20px;
}

.video-list-items .item .video .set-width-video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.video-list-items .item .text {
  width: calc(100% - 420px);
  font-size: 18px;
}

.video-list-items .item .text .tit {
  font-size: 28px;
  border-bottom: 1px solid #959595;
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-family: 'Futura Heavy';
}

.blog-page .blog-items-detail {
  border-bottom: 1px solid #959595;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.blog-page .blog-items-detail .title {
  border-bottom: 1px solid #959595;
  padding-bottom: 10px;
}

.blog-page .blog-items .item {
  border: 1px solid #959595;
  padding: 15px;
  margin-bottom: 30px;
}

.blog-page .blog-items .img {
  margin-bottom: 20px;
}

.blog-page .blog-items .text {
  font-size: 18px;
}

.blog-page .blog-items .text .datetime {
  color: #a1a1a1;
  font-size: 18px;
}

.blog-page .blog-items .text .title {
  font-size: 24px;
  font-family: 'Futura Heavy';
  margin: 10px 0;
}

.blog-page .blog-items .text .readmore {
  font-size: 16px;
  margin: 10px 0;
}

.blog-page .blog-items .text .bg-gray {
  background: #e1e1e1;
  padding: 10px;
  font-family: 'Futura Heavy';
}

.blog-page .blog-items .text .share-by {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  margin-top: 20px;
}

.blog-page .blog-items .text .share-by .socials a {
  display: inline-block;
  margin-right: 5px;
}

.blog-page .blog-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.blog-page .blog-pagination .style-btn {
  background: #39b54a;
  min-width: 120px;
  text-align: center;
  padding: 5px 0;
  font-size: 16px;
  color: #fff;
  display: block;
}

.blog-page .form-all-comment {
  border-top: 1px solid #959595;
  padding: 20px 0 0;
  margin-top: 20px;
  font-size: 16px;
}

.blog-page .form-all-comment .all-comment {
  font-family: 'Futura Heavy';
  margin-bottom: 10px;
}

.blog-page .form-all-comment .form-control {
  display: inline-block;
  min-height: 30px;
}

@media screen and (max-width: 1024px) {
  .video-list-tabs .item {
    width: 23%;
  }
  .video-list-items .item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .video-list-items .item .video {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .video-list-items .item .text {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .video-list-tabs .item {
    width: 46%;
    margin: 2%;
  }
  .blog-page .blog-items .text .share-by {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .blog-page .blog-items .text .share-by .socials {
    width: 100%;
    margin-top: 10px;
  }
}

@font-face {
  font-family: 'Futura Book';
  src: url("../font/Futura Book font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Heavy';
  src: url("../font/Futura Heavy font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Light';
  src: url("../font/futura light bt.ttf") format("truetype");
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}

.text-orange {
  color: #ff7f00;
}

.text-red {
  color: #fe0000;
}

.text-green {
  color: #1dac56;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 3.75rem auto;
  }
}

.profile-page {
  margin-top: 30px;
}

.profile-page .profile-category {
  margin-bottom: 20px;
}

.profile-page .profile-category.nav-tabs .nav-link {
  padding: 5px 0;
  display: block;
  border: none;
}

.profile-page .profile-category.nav-tabs .nav-link.active {
  font-family: 'Futura Heavy';
  border: none;
  border-color: unset;
  border-radius: 0;
  border-left: 7px solid #fe0000;
  padding-left: 10px;
  background: #f5f5f5;
}

.profile-page .profile-category .item {
  border-top: 1px solid #959595;
  width: 100%;
  font-size: 14px;
}

.profile-page .profile-category .item:last-child {
  border-bottom: 1px solid #959595;
}
.profile-page .profile-category .nav-item-title {
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}
.profile-page .profile-content {
  position: relative;
}

.profile-page .profile-content:after {
  position: absolute;
  left: -10px;
  top: 0;
  width: 1px;
  height: 100%;
  background: rgba(149, 149, 149, 0.5);
  content: "";
  min-height: 250px;
}

.profile-page .profile-content .child-profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  margin-bottom: 30px;
}

.profile-page .profile-content .child-profile .avata .img {
  width: 150px;
  height: 150px;
  min-width: 150px;
  border-radius: 50%;
  border: 1px solid #959595;
  overflow: hidden;
  margin-bottom: 10px;
}

.profile-page .profile-content .child-profile .avata .change-avata {
  text-align: center;
  text-decoration: underline;
  color: #fe0000;
  font-size: 20px;
}

.profile-page .profile-content .child-profile .info {
  margin-left: 20px;
  margin-top: 20px;
}

.profile-page .profile-content .child-profile .info .name {
  font-size: 24px;
  color: #fe0000;
  font-family: 'Futura Heavy';
}

.profile-page .profile-content .child-profile .info .text {
  font-size: 18px;
}

.profile-page .profile-content .table-info-user {
  width: 100%;
}

.profile-page .profile-content .table-info-user.table-achivement th {
  width: 70%;
}

.profile-page .profile-content .table-info-user th,
.profile-page .profile-content .table-info-user td {
  border: 1px solid #959595;
  padding: 15px;
  color: #222222;
  font-size: 18px;
}

.profile-page .profile-content .table-info-user th {
  width: 230px;
  background: #f5f5f5;
}

.profile-page .profile-content .table-info-user td {
  color: #222222;
}

.profile-page .profile-content .table-info-user .btn-change a {
  color: #39b54a;
  text-decoration: underline;
  white-space: nowrap;
  margin-left: 20px;
}

.profile-page .profile-content .table-info-user .email {
  color: #9d9d9d;
}

.profile-page .profile-content .table-info-user .tel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.profile-page .profile-content .table-info-user .tel .intl-tel-input {
  width: 40px;
  margin-right: 5px;
}

.profile-page .profile-content .table-info-user .tel .input-phone {
  height: 35px;
}

.profile-page .style-between {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.profile-page .achivement-rank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  margin-bottom: 30px;
}

.profile-page .achivement-rank-select select {
  min-width: 235px;
  height: 40px;
  padding: 5px;
}

.profile-page .achivement-rank-icon {
  border: 1px solid #959595;
  padding: 10px;
}

.profile-page .achivement-rank-icon img {
  margin-right: 5px;
}

.change-modal .modal-content {
  border: none;
}

.change-modal-header {
  border-top: 10px solid #fe0000;
  border-bottom: 1px solid #959595;
}

.change-modal-header .modal-title {
  font-size: 26px;
  font-weight: bold;
  color: #fe0000;
}

.change-modal-header .close {
  padding: 0;
  margin: 0;
  font-size: 40px;
  position: absolute;
  top: -40px;
  right: 0px;
  color: #fff;
  font-weight: normal;
  text-shadow: none;
  opacity: 1;
}

.change-modal-body {
  padding: 20px;
}

.change-modal-content .change-modal-table {
  width: 100%;
  color: #222222;
  font-size: 18px;
}

.change-modal-content .change-modal-table th,
.change-modal-content .change-modal-table td {
  border: none;
  padding: 10px 0;
}

.change-modal-content .change-modal-table th {
  width: 30%;
  white-space: nowrap;
  padding-right: 20px;
}

.change-modal-content .change-modal-table .form-control {
  color: #222222;
  font-size: 18px;
}

.change-modal-content .change-modal-table select.form-control:not([size]):not([multiple]) {
  height: 40px;
}

.change-modal-footer {
  border-top: 1px solid #959595;
  padding: 20px;
}

.change-modal-footer .btn {
  border-radius: 0;
  padding: 5px 20px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.change-modal-footer .btn-cancel {
  background: #959595;
}

.change-modal-footer .btn-submit {
  background: #fe0000;
}

.change-modal-footer> :not(:first-child) {
  margin-left: 1.25rem;
}

@media screen and (max-width: 768px) {
  .profile-page .profile-content .table-info-user th,
  .profile-page .profile-content .table-info-user td {
    display: block;
    width: 100%;
  }
  .profile-page .profile-content .table-info-user.table-achivement th {
    width: 100%;
  }
  .profile-page .achivement-rank {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .profile-page .achivement-rank-select {
    margin-bottom: 20px;
  }
  .change-modal-content .change-modal-table th,
  .change-modal-content .change-modal-table td {
    display: block;
    width: 100%;
    padding: 5px 0;
  }
  .change-modal-header .close {
    padding: 0;
    margin: 0;
    font-size: 40px;
    position: absolute;
    top: 15px;
    right: 0px;
    color: #333;
    font-weight: normal;
    text-shadow: none;
    opacity: 1;
  }
}

@font-face {
  font-family: 'Futura Book';
  src: url("../font/Futura Book font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Heavy';
  src: url("../font/Futura Heavy font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Light';
  src: url("../font/futura light bt.ttf") format("truetype");
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}

.text-orange {
  color: #ff7f00;
}

.text-red {
  color: #fe0000;
}

.text-green {
  color: #1dac56;
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 3.75rem auto;
  }
}

.modal_message_start .modal-content {
  position: relative;
}

.modal_message_start .modal-content .modal-header {
  margin-bottom: 0px !important;
}

.modal_message_start .modal-content .modal-header .modal-header-title {
  margin: 0;
  line-height: 1.42857143;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.modal_message_start .modal-content .modal-footer {
  padding-bottom: 20px;
}

.modal_message_start .modal-content .modal-body {
  padding-left: 25px;
  padding-right: 25px;
  font-size: 18px;
}

.modal_message_start .modal-content .modal-body .info_click ol li {
  font-size: 18px;
  color: #000;
  margin-bottom: 15px;
}

.modal_message_start .modal-content .modal-body .button_click {
  text-align: right;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print {
  position: absolute;
  width: 100;
  height: 245px;
  top: 0;
  left: 0;
  background-color: #fff;
  text-align: left;
  z-index: 99;
  /*display: none;*/
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s, opacity 0.3s linear;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-alert-print {
  position: relative;
  background: #fff;
  border: 1px solid #cdcdcd;
  height: 96%;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-alert-print:after,
.modal_message_start .modal-content .modal-body .button_click .alert-print .box-alert-print:before {
  top: 100%;
  right: 245px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-alert-print:after {
  border-color: rgba(205, 205, 205, 0);
  border-top-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-alert-print:before {
  border-color: rgba(205, 205, 205, 0);
  border-top-color: #cdcdcd;
  border-width: 8px;
  margin-left: -8px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-alert-print h4 {
  color: #333;
  background: #cdcdcd;
  margin: 0px;
  padding: 8px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-content {
  white-space: initial;
  width: 100%;
  padding: 5px 15px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-content p {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 3px;
  color: #333;
  margin-bottom: 8px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-content p:before {
  content: "\f0a4";
  margin-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-control {
  padding: 5px 15px;
  font-size: 16px;
  color: #333;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-control input {
  margin-top: -6px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-print .box-control label span {
  vertical-align: text-bottom;
  margin-left: 5px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start {
  position: absolute;
  width: 100%;
  height: 245px;
  top: 0px;
  left: 0;
  background-color: #fff;
  text-align: left;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0.2s, opacity 0.2s linear;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-alert-start {
  position: relative;
  background: #fff;
  border: 1px solid #cdcdcd;
  height: 96%;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-alert-start:after,
.modal_message_start .modal-content .modal-body .button_click .alert-start .box-alert-start:before {
  top: 100%;
  right: 155px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-alert-start:after {
  border-color: rgba(205, 205, 205, 0);
  border-top-color: #fff;
  border-width: 7px;
  margin-left: -7px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-alert-start:before {
  border-color: rgba(205, 205, 205, 0);
  border-top-color: #cdcdcd;
  border-width: 8px;
  margin-left: -8px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-alert-start h4 {
  color: #333;
  background: #cdcdcd;
  margin: 0px;
  padding: 8px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-content {
  white-space: initial;
  width: 100%;
  padding: 5px 15px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-content p {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 3px;
  color: #333;
  margin-bottom: 8px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-content p:before {
  content: "\f0a4";
  margin-right: 5px;
  font: normal normal normal 14px/1 FontAwesome;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-control {
  padding: 5px 15px;
  font-size: 16px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-control input {
  margin-top: -6px;
}

.modal_message_start .modal-content .modal-body .button_click .alert-start .box-control label span {
  vertical-align: text-bottom;
  margin-left: 5px;
}

.modal_message_start .modal-content .modal-body .button_click .print_modal_exam {
  background-color: #818181;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  min-width: 80px;
  margin-left: 15px;
}

.modal_message_start .modal-content .modal-body .button_click .start_modal_exam {
  background-color: #45b6d8;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  min-width: 80px;
  margin-left: 15px;
}

.modal_message_start .modal-content .modal-body .button_click .start_modal_exam:hover {
  opacity: 0.8;
}

.modal_message_start .modal-content .modal-body .button_click .btn_back_modal_exam {
  display: inline-block;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  min-width: 80px;
  margin-left: 15px;
}

.modal_message_start .modal-content .modal-body .button_click .box-btn-print {
  display: inline-block;
}

.modal_message_start .modal-content .modal-body .button_click .box-btn-print:hover .alert-print {
  visibility: visible;
  opacity: 1;
}

.modal_message_start .modal-content .modal-body .button_click .box-btn-start {
  display: inline-block;
}

.modal_message_start .modal-content .modal-body .button_click .box-btn-start:hover .alert-start {
  visibility: visible;
  opacity: 1;
}

.modal_message_start .box-content {
  font-size: 16px;
}

.modal-footer {
  background: #ffffff none repeat scroll 0 0;
}

.modal-body {
  background: #ffffff none repeat scroll 0 0;
}

.modal-header {
  background: #e9e9e9;
}

.modal-title {
  font-size: 18px;
  font-weight: bold;
}

.btn-default {
  font-size: 14px;
}

.modal_show_math .math_html {
  width: 25%;
  float: left;
  height: 60px;
  text-align: center;
  font-weight: 700;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  font-size: 14px;
}

.modal_show_math .math_html:hover {
  background: lightgray;
  background: -moz-linear-gradient(90deg, lightgray 30%, #dbdbdb 100%);
  background: -webkit-linear-gradient(90deg, lightgray 30%, #dbdbdb 100%);
  background: -o-linear-gradient(90deg, lightgray 30%, #dbdbdb 100%);
  background: -ms-linear-gradient(90deg, lightgray 30%, #dbdbdb 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, lightgray), to(#dbdbdb));
  background: -webkit-linear-gradient(top, lightgray 30%, #dbdbdb 100%);
  background: -o-linear-gradient(top, lightgray 30%, #dbdbdb 100%);
  background: linear-gradient(180deg, lightgray 30%, #dbdbdb 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#d3d3d3', GradientType=0);
  color: #ffffff;
}

.modal_show_math .modal-dialog {
  width: 400px;
}

.modal_show_math .midder {
  position: absolute;
  top: 50%;
  margin-top: -11px;
  width: 20px;
  left: 50%;
  margin-left: -10px;
}

.modal_show_math .midder-frac {
  position: absolute;
  top: 50%;
  margin-top: -18px;
  left: 50%;
  margin-left: -13px;
}

.modal_show_math .math_htm:hover .square_med {
  border: 1px solid #fff !important;
}

.modal_show_math .math_htm:hover .frac_line {
  border-bottom: solid 2px #fff !important;
}

.modal_show_math .modal-footer {
  padding-left: 15px;
  padding-right: 15px;
}

.modal_show_math .modal-content .close {
  opacity: 1;
  position: absolute;
  right: 3px !important;
  top: 3px !important;
}

.modal_show_math .modal-header {
  border-bottom: 0px solid white;
}

.modal_show_math .modal-header {
  margin-bottom: 6px !important;
}

.modal_show_math span.frac>sup {
  margin-top: 0px !important;
}

.modal_show_math .modal-content {
  width: 80%;
  margin: 0px auto;
}

.modal_show_math .math_html {
  background-color: #fff;
}

#frac-above {
  margin-bottom: 2px;
}

#btn-add-frac {
  float: right;
}

.modal_show_math span.frac {
  margin-top: 0px;
  height: 42px;
  margin-bottom: 0px;
}

.modal_show_math .btn:active,
.modal_show_math .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.modal_show_math .modal-backdrop.in {
  opacity: .3;
}

@media (max-width: 767px) {
  .modal_show_math .modal-dialog {
    max-width: 318px;
    width: 100%;
    margin: auto;
  }
}

.exam-page .exam-test {
  margin: 30px 0;
}

.exam-page .exam-test-tab {
  border-bottom: none;
  margin-bottom: 20px;
}

.exam-page .exam-test-tab .nav-item .nav-link {
  border: 1px solid #959595;
  padding: 5px 20px;
  border-radius: 0;
  font-size: 16px;
}

.exam-page .exam-test-tab .nav-item .nav-link.active {
  background: #fe0000;
  border: 1px solid #fe0000;
  color: #fff;
  font-family: 'Futura Heavy';
}

.exam-page .exam-test-content .exam-table {
  width: 100%;
  font-size: 16px;
  color: #000000;
  border-spacing: unset;
  border-collapse: inherit;
}
.exam-page .exam-test-content .exam-table,
.exam-page .exam-test-content .exam-table th,
.exam-page .exam-test-content .exam-table td {
  border: 1px solid rgba(149, 149, 149, 0.5);;
}

.exam-page .exam-test-content .exam-table .score {
  text-decoration: underline;
  font-weight: bold;
}

.exam-page .exam-test-content .exam-table th {
  background: #b7b7b7;
  color: #fff;
  padding: 10px;
  text-align: center;
  white-space: nowrap;
}

.exam-page .exam-test-content .exam-table th:first-child {
  text-align: left;
}

.exam-page .exam-test-content .exam-table td {
  padding: 10px;
  text-align: center;
  position: relative;
  word-break: break-word;
}
.exam-page .exam-test-content .exam-table td a.link-gray {
  white-space: nowrap;
}
.exam-page .exam-test-content .exam-table td .icon-up-down {
  font-size: 13px;
  font-weight: normal;
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -6px;
  color: #6b6b6b;
}
.exam-page .exam-test-content .exam-table td:first-child {
  text-align: left;
}

.exam-page .exam-test-content .exam-table td .text-gray {
  color: #979797;
}

.exam-page .exam-test-content .exam-table td .icon-free {
  background: #1dac56;
  font-size: 12px;
  padding: 2px 10px;
  margin-left: 10px;
  color: #fff;
}

.exam-page .exam-test-content .exam-table td .btn-start {
  padding: 2px 10px;
  background: #ebebeb;
  border: 1px solid #959595;
  font-size: 14px;
}

.exam-page .report-on-exam .title {
  font-family: 'Futura Heavy';
  font-size: 18px;
  margin-bottom: 20px;
}

.exam-page .report-on-exam .map {
  border-top: 1px solid #959595;
  margin: 20px 0;
  padding-top: 20px;
}

.exam-page .report-on-exam .note p {
  display: inline-block;
  margin-right: 30px;
}

.exam-page .report-on-exam .note p span {
  width: 12px;
  height: 12px;
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
}

.exam-page .report-on-exam .note p span.red {
  background: #fe0000;
}

.exam-page .report-on-exam .note p span.green {
  background: #1dac56;
}

.exam-page-detail .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #959595;
  padding-bottom: 20px;
  margin: 20px 0;
}
.exam-page-detail.exam-page-detail-answer {
  flex-wrap: nowrap;
}
.exam-page-detail.exam-page-detail-answer .header .tutorial {
  margin-right: 20px;
}
.exam-page-detail .header .title {
  font-size: 32px;
  color: #969696;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  line-height: 1;
  margin-bottom: 10px;
}

.exam-page-detail .header .title .code-paper {
  font-size: 16px;
  margin: 0 10px;
  display: inline-block;
}

.exam-page-detail .header .tutorial-large-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 26px;
  letter-spacing: 2px;
}

.exam-page-detail .header .tutorial-small-title {
  font-size: 22px;
  color: #959595;
}

.exam-page-detail .header .title .print {
  line-height: 0;
}

.exam-page-detail .header .parameter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.exam-page-detail .header .parameter .btn-submit {
  font-size: 14px;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 10px 20px;
  min-height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  border-radius: 0;
}

.exam-page-detail .header .parameter .btn-submit-no-js {
    font-size: 14px;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 10px 20px;
    min-height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    /* Safari */
    display: -moz-flex;
    /* Firefox */
    display: -ms-flex;
    /* IE */
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    border-radius: 0;
}

.exam-page-detail .header .parameter .btn-paper {
  margin-left: 0px;
  padding: 10px;
  font-size: 14px;
  color: #fff;
  -webkit-box-shadow: inset 0 3px 5px transparent;
  box-shadow: inset 0 3px 5px transparent;
  white-space: nowrap;
  line-height: 1;
}

.exam-page-detail .header .parameter .btn-exam {
  background-color: #ff7f00;
  border-bottom: 2px solid #ff7f00;
}

.exam-page-detail .header .parameter .btn-paper2 {
  background-color: #39b54a;
  border-bottom: 2px solid #39b54a;
}

.exam-page-detail .header .parameter .btn-report {
  background-color: #fe0000;
  color: #fff;
  border-bottom: 2px solid #fe0000;
}

.exam-page-detail .header .parameter .time {
  background: #f5f5f5;
  border: 1px solid #959595;
  padding: 5px;
  min-height: 56px;
  margin-left: 10px;
}
.exam-page-detail .header .parameter .time .time-show {
  display: flex;
  justify-content: space-between;
}

.exam-page-detail .header .parameter .time .hours,
.exam-page-detail .header .parameter .time .minutes,
.exam-page-detail .header .parameter .time .seconds {
  display: inline-block;
  border: 1px solid #959595;
  padding: 5px;
  line-height: 1;
  font-weight: bold;
  background: #fff;
  width: 30px;
}
.exam-page-detail .header .parameter .time .minutes {
  position: relative;
  margin: 0 20px;
}
.exam-page-detail .header .parameter .time .minutes:before,
.exam-page-detail .header .parameter .time .minutes:after {
  content: ":";
  position: absolute;
  left: -14px;
  top: 3px;
  font-size: 15px;
}
.exam-page-detail .header .parameter .time .minutes:after {
  left: auto;
  right: -14px;
}

.exam-page-detail .header .parameter .time .text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
}
.exam-page-detail .header .parameter .time .text .time-left {
  width: 100%;
  text-align: center;
}

.exam-page-detail .header .parameter .time .text span {
  border: none;
  margin-right: 0;
  text-align: center;
  display: inline-block;
  font-size: 11px;
  white-space: nowrap;
  color: #b6b6b6;
  width: 30px;
}

.exam-page-detail .header .parameter .paper {
  border: 1px solid #959595;
  padding: 5px 10px;
  text-align: center;
  color: #969696;
  min-width: 70px;
  margin-left: 10px;
}

.exam-page-detail .header .parameter .paper strong {
  font-size: 16px;
  color: #000000;
}

.exam-page-detail .header .parameter .btn-papers,
.exam-page-detail .header .parameter .papers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.exam-page-detail .header-fixed {
  display: none;
  position: fixed;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  top: 0px;
  left: 0px;
  z-index: 999;
  padding-top: 12px;
  padding-bottom: 5px;
  margin: 0;
}

.exam-page-detail .header-fixed .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  /*-ms-flex-wrap: wrap;
  flex-wrap: wrap;*/
}
.exam-page-detail .header-fixed .title {
  margin-right: 20px;
}

.exam-page-detail .result-answer-place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  flex-wrap: wrap;
  margin: 20px 0;
}

.exam-page-detail .result-answer-place .answer-place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  /*-ms-flex-wrap: wrap;
  flex-wrap: wrap;*/
}

.exam-page-detail .result-answer-place .answer-place .sigma {
  margin-top: 0;
  margin-right: 5px;
  width: auto;
}
.exam-page-detail .result-answer-place .answer-place .sigma .input-answer-place {
  margin: 0;
}

.exam-page-detail .result-answer-place .result-answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.exam-page-detail .result-answer-place .result-icon {
  font-size: larger;
  color: #fff;
  border-radius: 50%;
  margin-left: 0px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.exam-page-detail .result-answer-place .result-false {
  background-color: #ff0000;
}

.exam-page-detail .result-answer-groups {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.result-answer-groups-btn {
  width: auto;
  margin-left: 10px;
  width: auto;
  margin-left: 10px;
  border-radius: 5px;
  min-height: 45px;
  border: none;
  padding: 10px;
  min-width: 80px;
  font-weight: bold;
}
button.result-answer-groups-btn, a.result-answer-groups-btn {
  font-family: 'Futura Book';
  font-size: 16px;
  letter-spacing: 1;
}
button.result-answer-groups-btn:hover, a.result-answer-groups-btn:hover {
  opacity: 0.75;
  color: #fff;
  cursor: pointer;
}
.btn-gray {
  background: #959595;
  color: #fff;
}
.link-gray {
  background: #eaeaea;
  color: #464646;
  border-radius: 3px;
  border: 1px solid #959595;
  display: inline-block;
  padding: 0 10px;
}
.text-false {
  color: #fe0000;
  font-family: 'Futura Heavy';
  font-size: 16px;
  line-height: 1;
}

.text-true {
  color: #575757;
  font-family: 'Futura Heavy';
  font-size: 16px;
}

.exam-detail-content .question-item {
  border: 1px solid #959595;
  margin-bottom: 20px;
  position: relative;
}

.exam-detail-content .question-item-false {
  border: 1px solid #fe0000;
  background: #fff5f5;
}

.exam-detail-content .question-item-true {
  border: 1px solid #00a651;
  background: #e8ffed;
}

.exam-detail-content .question-item-code {
  background: #f2f2f2;
  padding: 10px;
  border-bottom: 1px solid #959595;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  color: #444444;
  font-size: 22px;
}
.exam-detail-content .question-item-code .name {
  display: flex;
  align-items: center;
}
.exam-detail-content .question-item-code .name .show-time {
  background: #fff;
  border: 1px solid #959595;
  padding: 0 5px;
  color: #959595;
  line-height: 1;
  padding-bottom: 4px;
  margin-left: 20px;
}
.exam-detail-content .question-item-code .name .show-time span {
  color: #000;
  font-weight: bold;
  font-size: 15px;
  display: inline-block;
  margin-right: 10px;
}
.exam-detail-content .question-item-code .name .show-time span.sec {
  margin-right: 0;
  margin-left: 10px;
}
.exam-detail-content .question-item-code .time {
  font-family: 'Futura Heavy';
}

.exam-detail-content .question-item-content {
  padding: 10px 30px;
  position: relative;
  padding-left: 55px;
}

.exam-detail-content .question-item-content .content-qs .img {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  width: 250px;
}

.exam-detail-content .question-item-content span.frac {
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 5px;
}

.exam-detail-content .question-item-content .question-title {
  font-weight: normal;
  position: relative;
  margin-bottom: 20px;
  font-size: 22px;
}
.exam-detail-content .question-item-content .question-title ol {
  counter-reset: list;
  padding-left: 0px;
}

/* .exam-detail-content .question-item-content .question-title ol li {
  line-height: 25px;
  list-style: none;
  position: relative;
  padding-left: 35px;
  counter-increment: list;
  margin-bottom: 10px;
  text-indent: -35px;
}

.exam-detail-content .question-item-content .question-title ol li:before {
  content: "(" counter(list, lower-alpha) ") ";
  /*counter-increment: list;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 0px;*/
} */

.exam-detail-content .question-item-content .question-title .number-question {
  letter-spacing: -2px;
  display: inline-block;
  margin-left: -52px;
  min-width: 35px;
  text-align: right;
  margin-right: 10px; 
}
.exam-detail-content .question-item-content .question-title .number-question.cloneTest {
  margin-left: -52px;
  margin-right: 15px;
}

.exam-detail-content .question-item-content .question-img {
  position: relative;
  z-index: 22;
}

.exam-detail-content .question-item-content .question-img-right {
  position: absolute;
  right: 10px;
  top: 50px;
}

.exam-detail-content .question-item-content .question-img-right img {
  max-width: 350px;
}

.exam-detail-content .question-item-content .list-question-choose {
  padding-top: 10px;
}

.exam-detail-content .question-item-content .list-question-choose li {
  margin-bottom: 10px;
  position: relative;
  display: flex;
  align-items: center;
}

.exam-page-detail-answer .question-item-content .list-question-choose li .icon-check {
  margin-left: 5px;
}
.exam-detail-content .question-item-content-action-buttons {
  display: flex;
}
.box-collapse-result {
  background: #fff;
  border: 1px solid #959595;
  padding: 10px;
  font-size: 22px;
}

.box-collapse-result .well-question {
  padding: 0 20px 10px;
}

.box-collapse-result .well-result {
  padding: 0 20px;
}

.box-collapse-result .well-result span.frac {
  margin-top: 3px;
}
.box-collapse-result .well-result table {
  width: 100%;
}
.box-collapse-result .well-result table th,
.box-collapse-result .well-result table td {
  border: 1px solid #959595;
  padding: 10px;
  text-align: center;
  background: #fff ;
  color: #000 ;
}
.box-collapse-result .well-result table th span, .box-collapse-result .well-result table td span {
  color: #000 ;
}
.box-collapse-result .well-result table th.bg-gray,
.box-collapse-result .well-result table td.bg-gray {
  background: #f5f5f5;
}
.ratio-answer-question {
  position: relative;
  border-radius: 4px;
  margin: 10px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  background: #fff;
}

.ratio-answer-question .ratio-title {
  min-height: 40px;
  background-color: #e3e3e3;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 7px 12px;
}

.ratio-answer-question .ratio-box {
  background-color: #fff;
  min-height: 40px;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #337ab7;
  padding-left: 15px;
  padding-right: 50px;
}

.ratio-answer-question .click-show-result {
  position: absolute;
  top: 3px;
  right: 5px;
  padding: 3px;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
}

.ratio-answer-question .click-show-result span img {
  width: 25px;
  height: auto;
}

.click-show-result-list-choose {
  right: 0;
  bottom: 0;
  position: absolute;
}

.preview_question_img {
  overflow: hidden;
  max-height: 350px;
}

.preview_question_img .slick-prev:before,
.preview_question_img .slick-next:before {
  color: #000;
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  width: 32px;
  font-size: 18px;
  display: inline-block;
  text-align: right;
  margin-right: 10px;
}

.preview_question_img .slick-prev:before {
  content: "\f053";
}

.preview_question_img .slick-prev {
  z-index: 22;
}

.preview_question_img .slick-next {
  right: 0;
}

.modal .item-question-noimg {
  overflow: auto;
  max-height: 400px;
  min-height: 400px;
}

.modal .item-question-noimg .box-text-question {
  position: relative;
  padding-left: 25px;
}

.modal .item-question-noimg .box-text-question .item-question-number {
  position: absolute;
  left: 0;
  top: 0;
}

.modal .item-question-noimg .box-answer-question {
  margin-left: 30px;
}

.modal .item-question-noimg .box-answer-question .input-answer-place .answer-place {
  width: 100%;
}

.modal .item-question-noimg .box-answer-question .text-answer-place ol.list-style-alpha li:before {
  top: 0;
  margin-top: 0;
}

.preview_question_exam {
  border-left: 2px solid #cdcdcd;
}

.box-answer-question-type8 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.box-answer-question-type8 .input-answer-place {
  margin: 0;
}

.box-answer-question-type8 .text-answer-place {
  width: calc(100% - 350px);
}

.box-answer-question-type8 .text-answer-place ol.list-style-alpha li {
  min-height: 40px;
}

.box-answer-question-type8 .text-answer-place ol.list-style-alpha li:before {
  top: 0;
  margin-top: 0;
}

.input-answer-place {
  margin: 30px 0;
}

.input-answer-place .answer-place {
  min-height: 40px;
  position: relative;
  min-width: 320px;
  width: fit-content;
}

.input-answer-place .input-answer {
  display: none;
}

.input-answer-place .input-answer2 {
  min-height: 40px;
  border: 1px solid #959595;
  width: calc(100% - 35px);
  padding: 5px 10px;
  font-size: 16px;
  background: #fff;
}

.input-answer-place .addon_math {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 35px;
  background: #959595;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.input-answer-place .addon_math .hover_p {
  /*display: none;*/
  border: 2px solid #ddd;
  background: white;
  /*background: #eee url("../../images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;*/

  color: #333;
  padding: 8px;
  border-radius: 4px;
  max-width: 500px;
  position: absolute;
  top: 7.5px;
  left: 0;
  line-height: 20px;
  margin-left: 25px !important;
}

.hm-submit-answer-clone3 .show_time {
  width: 36%;
}

.hm-submit-answer-clone3 .time_elapsed {
  padding-right: 4px !important;
}

.marks {
  color: #050505;
  text-align: right;
  font-size: 16px;
  font-weight: bold;
  padding-left: 3px;
  display: block;
  line-height: 14px;
  margin-top: 6px;
}

.modal_show_math .math_html {
  background-color: #fff;
}

#frac-above {
  margin-bottom: 2px;
}

#btn-add-frac {
  float: right;
}

.modal_show_math span.frac {
  margin-top: 0px;
  height: 42px;
  margin-bottom: 0px;
}

.modal_show_math .btn:active,
.modal_show_math .btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
}

.modal_show_math .modal-backdrop.in {
  opacity: .3;
}

@media screen and (max-width: 768px) {
  .wrapper {
    overflow: hidden;
  }
  .exam-page .exam-test-content .exam-table-scroll {
    overflow: auto;
  }
  .exam-page .exam-test-content .exam-table-scroll .exam-table {
    width: 800px;
  }
  .box-content-controller .cus-controlmh {
    margin-bottom: 10px;
  }
  .exam-page-detail .header-fixed .parameter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .exam-page-detail .header-fixed .container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
  }
  .exam-page-detail.exam-page-detail-answer .header .tutorial {
    width: 100%;
    margin-right: 0
  }
  .exam-page-detail-answer .header .parameter {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }
  .exam-page-detail-answer .header .parameter .btn-papers {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
  .exam-page-detail .header .parameter .time {
    margin-left: 0
  }
  .exam-page-detail-answer .header .parameter .papers {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin: 10px;
  }
  .clone-page.exam-page-detail-answer .header .parameter .papers {
    margin-left: -10px;
  }
  .clone-page.exam-page-detail .result-answer-place .answer-place {
    flex-wrap: wrap;
  }
  .exam-page-detail .result-answer-place .result-answer {
    margin: 10px 0;
  }
  .exam-detail-content .question-item-content {
    padding: 10px;
    padding-left: 20px;
  }
  .exam-page-detail .result-answer-place .answer-place {
    min-width: 230px
  }
  .exam-page-detail-answer .question-item-content .list-question-choose li .icon-check {
    min-width: 15px;
  }
  .exam-detail-content .question-item-content .question-title {
    padding-left: 20px;
  }
  .exam-detail-content .question-item-content .question-title.clearfix {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .exam-detail-content .question-item-content .question-title.clearfix .ques {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .exam-detail-content .question-item-content .question-title .number-question {
    /* left: -15px;
    position: absolute;
    top: 0;
    margin-left: 0 */
  }
  .exam-counter {
      counter-reset: item; /* Khởi tạo bộ đếm */
  }
  .exam-counter .number-question::before
  {
    content: "\00a0\00a0" counter(item) ". ";
    margin-left: -35px;
    text-align: right;
  }
  .exam-counter div.question-item:nth-of-type(n+11) span.number-question::before {
    content: counter(item) ". ";
    /* margin-left: -35px; */
  }
  .exam-counter .number-question {
    counter-increment: item; /* Tăng số thứ tự cho mỗi phần tử */
  }

  .exam-page-detail .result-answer-place, .question-rate-clone-test {
    width: 100%;
  }
  .question_img {
    max-width: 100% !important;
  }
  .exam-detail-content .question-item-content .question-img {
    max-width: 100%;
    width: 100%;
    text-align: center;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0;
    margin-top: 10px;
  }
  .exam-detail-content .question-item-content .question-img-right {
    position: relative;
    right: auto;
    top: auto;
  }
  .exam-detail-content .question-item-content .question-img-right img {
    max-width: 100%;
  }
  .exam-detail-content .question-item-content .content-qs .img {
    float: none;
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
  }
  .ratio-answer-question {
    margin: 10px;
  }
  .ratio-answer-question .ratio-box {
    padding: 5px 0;
  }
  .span_tag {
    display: inline-block;
    margin-bottom: 5px;
  }
  .box-answer-question-type8 .input-answer-place {
    width: 100%;
  }
  .box-answer-question-type8 .text-answer-place {
    width: 100%;
  }
  .exam-page-detail .header .parameter {
    flex-wrap: wrap;
    justify-content: flex-start
  }
  .question-item-code,
  .exam-detail-content .question-item-code .name {
    flex-wrap: wrap;
  }
  .exam-detail-content .question-item-code .time {
    width: 100%;
    text-align: right;
  }
}

.rank-page {
  margin-top: 30px;
}

.rank-page .rank-frame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.rank-page .rank-frame.topped {
  margin-bottom: 30px;
  border-bottom: 1px solid #959595;
  padding-bottom: 30px;
}

.rank-page .rank-frame .item {
  width: 31%;
  margin-right: 3%;
  position: relative;
}

.rank-page .rank-frame .item:last-child {
  margin-right: 0;
}

.rank-page .rank-frame .item .info {
  text-align: center;
  padding: 20px;
  position: relative;
  z-index: 2;
  padding-top: 50px;
}

.rank-page .rank-frame .item .info:after {
  position: absolute;
  content: "";
  background: #fff570;
  -webkit-clip-path: polygon(0 0, 25% 0, 57% 100%, 0% 100%);
  clip-path: polygon(0 0, 25% 0, 57% 100%, 0% 100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.rank-page .rank-frame .item .info .avata {
  display: inline-block;
  padding-bottom: 25px;
  margin-bottom: 20px;
  position: relative;
  z-index: 3;
}

.rank-page .rank-frame .item .info .avata:after {
  position: absolute;
  width: 64px;
  height: 3px;
  content: "";
  left: 50%;
  margin-left: -32px;
  bottom: 0;
  background: #fe0000;
}

.rank-page .rank-frame .item .info .avata img {
  width: 100%;
  height: 100%;
  width: 70%;
  border-radius: 50%;
}

.rank-page .rank-frame .item .info .name {
  font-size: 20px;
  color: #000000;
  z-index: 4;
  position: relative;
}

.rank-page .rank-frame .item .medals {
  background: #fff;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.rank-page .rank-frame .item .medals img {
  margin-bottom: 5px;
}

.rank-page .rank-frame .item .no {
  position: absolute;
  left: 20px;
  top: 0;
  z-index: 22;
}

.rank-page .rank-frame .item.top1st {
  background: #f26c4f;
  border: 3px solid #fe0000;
}

.rank-page .rank-frame .item.top1st .info .avata:after {
  background: #fe0000;
}

.rank-page .rank-frame .item.top2nd {
  background: #39b54a;
  border: 3px solid #005e20;
}

.rank-page .rank-frame .item.top2nd .info .avata:after {
  background: #005e20;
}

.rank-page .rank-frame .item.top3rd {
  background: #ffab48;
  border: 3px solid #a0410d;
}

.rank-page .rank-frame .item.top3rd .info .avata:after {
  background: #a0410d;
}

.rank-page .rank-frame.normal .item {
  background: #b7b7b7;
  border: 3px solid #9a9a9a;
  width: 23.4%;
  margin-right: 2%;
  margin-bottom: 2%;
}

.rank-page .rank-frame.normal .item:nth-child(4n) {
  margin-right: 0;
}

.rank-page .rank-frame.normal .item .info {
  padding-top: 30px;
}

.rank-page .rank-frame.normal .item .info:after {
  background: #ebebeb;
}

.rank-page .rank-frame.normal .item .info .avata:after {
  background: #959595;
}

.rank-page .rank-frame.normal .item .info .name {
  font-size: 18px;
}

.rank-page .rank-frame.normal .item .medals {
  font-size: 15px;
}

.rank-page .rank-frame.normal .item .medals img {
  width: 40px;
}

.rank-page .rank-frame.normal .item .no {
  background: url("../../images/rank/nth.png") no-repeat;
  background-size: 100%;
  color: #4b4a4a;
  font-size: 15px;
  font-family: 'Futura Heavy';
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .rank-page .rank-frame.topped .item,
  .rank-page .rank-frame.normal .item {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .rank-page .rank-frame.topped .item:nth-child(2n),
  .rank-page .rank-frame.normal .item:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 500px) {
  .rank-page .rank-frame.normal .item,
  .rank-page .rank-frame.topped .item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 20px;
  }
  .rank-page .rank-frame.normal .item:nth-child(2n),
  .rank-page .rank-frame.topped .item:nth-child(2n) {
    margin-right: 0;
  }
}

.membership-types {
  padding-top: 30px;
}

.membership-types .item {
  margin-bottom: 30px;
  border: 1px solid #959595;
  padding: 20px;
}

.membership-types .item:last-child {
  margin-right: 0;
}

.membership-types .item .head {
  border-bottom: 1px solid #959595;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.membership-types .item .head .large {
  font-size: 20px;
}

.membership-types .item .head .large span {
  font-size: 30px;
  display: inline-block;
  margin-right: 10px;
  font-family: 'Futura Heavy';
  color: #444444;
}

.membership-types .item .head .price {
  font-family: 'Futura Heavy';
}

.membership-types .item .head .price span {
  color: #444444;
  font-family: 'Futura Book';
}

.membership-types .item .body {
  position: relative;
}

.membership-types .item .body .list-link {
  margin-left: 20px;
  min-height: 170px;
}

.membership-types .item .body .list-link li {
  margin-bottom: 5px;
  list-style: outside disc;
}

.membership-types .item .body .list-link li .text-black {
  color: #000000;
}

.membership-types .item .body .btn {
  width: 96%;
  border-radius: 0;
  margin-left: 2%;
}

.membership-types .item .body .massive {
  background: #1dac56;
  width: 80px;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  position: absolute;
  right: -25px;
  top: 10px;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.membership-types .item .body .massive:after {
  content: "";
  right: 0;
  bottom: -5px;
  position: absolute;
  border-top: 5px dashed #005826;
  border-right: 5px solid transparent;
  border-left: 0px solid transparent;
}

.membership-types .item.monthly {
  border-top: 9px solid #ff7f00;
  color: #ff7f00;
}

.membership-types .item.annual {
  border-top: 9px solid #1dac56;
  color: #1dac56;
}

.membership-types .item.basic {
  border-top: 9px solid #959595;
  color: #959595;
}

.membership-types .item.basic .btn-orange {
  background: #959595;
}

.membership-types .item.bg-gray {
  background: #f5f5f5;
}

.tab-membership--nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.tab-membership--tabs {
  position: relative;
  border-radius: 35px;
  overflow: hidden;
  background: #ebebeb;
  height: 40px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.tab-membership--tabs:after {
  content: "";
  width: calc(50% - 3px);
  background: #fff;
  height: calc(100% - 4px);
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
  border-radius: 35px;
  -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
}

.tab-membership--tabs.slide:after {
  left: 50%;
}

.tab-membership--trigger {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
  color: #ff7f00;
  text-align: center;
  padding: 12px 40px;
  padding-left: 30px;
  position: relative;
  z-index: 2;
  cursor: pointer;
  display: inline-block;
  -webkit-transition: color 250ms ease-in-out;
  -o-transition: color 250ms ease-in-out;
  transition: color 250ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (max-width: 768px) {
  .membership-types {
    margin-top: 0;
  }
  .membership-types .item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.modal-question-table {
  width: 100%;
}

.modal-question-table th {
  border: 1px solid #959595;
  background: #b7b7b7;
  padding: 10px;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  font-size: 16px;
}

.modal-question-table td {
  border: 1px solid #959595;
  padding: 10px;
}

.modal-question-content {
  font-size: 14px;
}

.modal-question-content .code {
  font-size: 12px;
  color: #b6b6b6;
}

.clone-page-header .btn-creat-clear {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.clone-page-header .btn-create,
.clone-page-header .btn-clear {
  min-width: 80px;
  min-height: 35px;
  padding: 0;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}

.clone-page-header a:not([href]):not([tabindex]) {
  color: #fff;
}

.clone-page-header .form-control {
  font-weight: bold;
  color: #000000;
}

.clone-page-header .form-control::-webkit-input-placeholder {
  font-weight: normal;
}

.clone-page-header .form-control:-ms-input-placeholder {
  font-weight: normal;
}

.clone-page-header .form-control::-ms-input-placeholder {
  font-weight: normal;
}

.clone-page-header .form-control::placeholder {
  font-weight: normal;
}

.clone-page .header-fixed .container {
  display: block;
}

.clone-page .exam-detail-content .question-item .new-positon {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  padding: 10px 30px;
}

.clone-page .exam-detail-content .question-item .new-positon .no {
  font-size: 16px;
  margin-bottom: 10px;
}

.clone-page .exam-detail-content .question-item .new-positon .list-icon-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  border-bottom: 1px solid #959595;
  padding-bottom: 5px;
  font-size: 16px;
  color: #808080;
  font-weight: bold;
}

.clone-page .exam-detail-content .question-item .new-positon .list-icon-action li {
  margin-left: 10px;
}

.clone-page .exam-detail-content .question-item-content {
  font-size: 16px;
}

.clone-page .exam-detail-content .question-item-content .question-rate {
  border-top: 1px solid #959595;
  border-bottom: 1px solid #959595;
  padding: 20px 0;
  margin: 20px 0;
}

.clone-page .exam-detail-content .question-item-content .question-rate .span_tag {
  background: #959595;
  padding: 5px;
  margin-right: 5px;
  display: inline-block;
  margin: 0 5px 5px;
}

@font-face {
  font-family: 'Futura Book';
  src: url("../font/Futura Book font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Heavy';
  src: url("../font/Futura Heavy font.ttf") format("truetype");
}

@font-face {
  font-family: 'Futura Light';
  src: url("../font/futura light bt.ttf") format("truetype");
}

@media (min-width: 576px) {
  .container {
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1230px;
  }
}

@media (min-width: 576px) {
  .modal-dialog {
    margin: 3.75rem auto;
  }
}

.math-content-tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  border-bottom: 1px solid #959595;
  padding-bottom: 10px;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.math-content-tit h3 {
  font-size: 36px;
}

.math-content-tit .actions {
  text-align: center;
}

.math-content-tit .actions a {
  display: inline-block;
  margin-left: 10px;
}
.math-content-footer-answers {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  font-size: 22px;
}
.math-content-footer-qrcode {
  margin-left: 20px;
}
.math-content-footer-text {
  display: flex;
  justify-content: space-between;
  padding: 10px;
  border-top: 1px solid #959595;
  margin-top: 20px;
}
.exam-page-detail.print-wrap .box-collapse-result {
  border: none;
  padding: 0;
}
.exam-page-detail.print-wrap  .box-collapse-result .well-question {
  padding: 10px 0;
}
.exam-page-detail.print-wrap  .box-collapse-result .well-result {
  padding: 0;
}
.exam-page-detail.print-wrap  .box-collapse-result .question-title h3 {
  font-size: 36px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.exam-page-detail.print-wrap  .box-collapse-result .question-title h3 .span-right-text {
  font-size: 18px;
}
.math-content-footer-answer .underline {
  display: inline-block;
  border-bottom: 1px solid #959595;
  width: 150px;
}
.exam-page-detail.print-wrap .question-improve-tag {
  font-size: 16px;
}
.print-solution-answer {
  border: 1px solid #cccccc;
  background: #f5f5f5;
  padding: 10px;
  margin: 20px 0;
  max-width: 20.95cm;
}
.math-content-question .tit-ques {
  font-size: 16px;
}
.math-content-question .tit-ques {
  font-size: 16px;
}
.math-content-question .tit-ques {
  counter-reset: list;
  padding-left: 0px;
}

/* .math-content-question .tit-ques li {
  line-height: 25px;
  list-style: none;
  position: relative;
  padding-left: 24px;
  margin-bottom: 10px;
}

.math-content-question .tit-ques li:before {
  content: "(" counter(list, lower-alpha) ") ";
  counter-increment: list;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  left: 0px;
} */

.math-content-question .show-medal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  border-top: 1px solid #959595;
  background: #f5f5f5;
  padding: 8px 7px 3px;
  margin: 30px 0;
}
.math-content .exam-page-detail .math-content-question .show-medal {
  padding: 0 10px;
}
.math-content-question .show-medal .icon img {
  display: inline-block;
  margin-right: 7px;
}
.math-content-question .show-medal .coin-group {
  margin: 5px 0;
}

.math-content-question .show-medal .min {
  font-family: 'Futura Heavy';
  font-size: 18px;
}

.time-elapsed .tit {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px;
  background: #ff7f00;
}

.time-elapsed .tit-green {
  background: #1dac56;
}

.time-elapsed .tit-red {
  background: #fe0000;
}

.time-elapsed .bg-time-elapsed {
  background: #f5f5f5;
  padding: 20px;
}


/*.time-elapsed .medal {
  text-align: center;
  border-bottom: 1px solid #fe0000;
  padding-bottom: 10px;
  margin-bottom: 20px;
}*/

.time-elapsed .coin-group {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  border-bottom: 1px solid #fe0000;
  padding-bottom: 10px;
}

.coin-group.large .medal .number {
  font-size: 20px;
}

.coin-group.large img {
  width: 50px;
}

.time-elapsed .times {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.time-elapsed .times .item {
  text-align: center;
  line-height: 0.8;
  position: relative;
  font-size: 18px;
  color: #aaaaaa;
  font-weight: bold;
  white-space: nowrap;
}

.time-elapsed .times .item:last-child {
  margin-left: 20px;
}

.time-elapsed .times .item:last-child:after {
  position: absolute;
  left: -13px;
  top: 15px;
  content: ":";
  font-size: 20px;
  font-weight: bold;
  line-height: 1;
}

.time-elapsed .times .number {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  color: #444444;
  font-size: 18px;
  font-family: 'Futura Heavy';
  background: #fff;
  border: 1px solid #959595;
}

.time-elapsed .times .no {
  width: 50px;
  height: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  color: #444444;
}

.time-elapsed .correct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
}

.time-elapsed .correct .item {
  width: 50%;
  color: #aaaaaa;
  font-size: 18px;
  text-align: center;
  position: relative;
  white-space: nowrap;
}

.time-elapsed .correct .item:last-child:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 1px;
  background: #959595;
}

.time-elapsed .correct .item .no {
  font-size: 30px;
  font-family: 'Futura Heavy';
}

.time-elapsed .correct .item .no-correct {
  color: #1dac56;
}

.time-elapsed .correct .item .no-incorrect {
  color: #fe0000;
}

.time-elapsed .best-timing .item:last-child:after {
  top: -6px;
}

.feedback-list-check {
  display: block;
}

.feedback-list-check li {
  display: inline-block;
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .time-elapsed {
    margin-top: 20px;
  }
}

.flex-between-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.nav-daily {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

.nav-daily-title {
  font-family: 'Futura Heavy';
}

.nav-daily-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
}
.nav-daily-time select.select-type {
  min-width: 140px;
}
.nav-daily-time .link {
  border-right: 1px solid #959595;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 1;
}

.nav-daily-time .link.active {
  color: #ff7f00;
  font-family: 'Futura Heavy';
}

.nav-daily-time .link:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.nav-daily-time .paper {
  border: 1px solid #959595;
  padding: 5px 10px;
  text-align: center;
   color: #969696;
  min-width: 70px;
  margin-left: 10px;
}
.nav-daily-time .paper strong {
  font-size: 16px;
  color: #000000;
}
.like-input {
  min-height: 35px;
  border: 1px solid #959595;
  padding: 6px 10px;
  border-radius: 3px;
  font-weight: bold;
  color: #000000;
}

.title-howto {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  margin-bottom: 20px;
}

.title-howto .title {
  font-size: 26px;
  font-family: 'Futura Heavy';
  color: #ff7f00;
  text-transform: uppercase;
}

.title-howto .title .text-small {
  color: #444444;
  font-size: 16px;
}

.show-pages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  /* Safari */
  display: -moz-flex;
  /* Firefox */
  display: -ms-flex;
  /* IE */
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
}

.show-pages-item {
  padding-left: 20px;
  margin-left: 20px;
}

.show-pages-item:last-child {
  border-left: 1px solid #959595;
}

.show-pages .active {
  color: #ff7f00;
}
.list-sort {
  display: flex;
  margin-top: 10px;
}
.list-sort-item {
  margin-right: 20px;
  display: flex;
  align-items: center;
}
.list-sort-item input {
  margin-right: 5px;
}
.select-type {
  padding: 10px;
}

.select-type.form-control {
  padding: 0;
}

.nav-daily-time-group-btn, .nav-daily-time-papers {
    display: flex;
  }
@media screen and (max-width: 900px) {
  .nav-daily-time .action-buttons-style {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .nav-daily {
    margin-bottom: 20px;
  }
  .nav-daily-time {
    width: 100%;
    margin-top: 10px;
  }
  .nav-daily-time {
    width: 100%;
    margin-top: 10px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .nav-daily-time select.select-type {
    min-width: 100%;
  }
  .nav-daily-time-group-btn {
    margin: 10px 0;
  }
  .nav-daily-time-group-btn, .nav-daily-time-papers {
    width: 100%;
    display: flex;
  }
  .nav-daily-time-papers {
    margin-left: -10px;
  }
}
.table-admin {
  margin-bottom: 30px;
}
.table-admin-title {
  display: flex;
  margin: 20px 0;
  align-items: center;
}
.table-admin-title-button {
  margin-right: 5px;
  padding: 0 10px;
  border: none;
  background: #ff7f27;
  color: #fff;
  font-size: 15px;
  text-align: center;
  min-width: 70px;
  height: 35px;
}
.table-admin-title-button.bg-hide {
  background: #5bc0de;
}
.table-admin-title-tt {
  font-size: 30px;
  margin-left: 20px;
}
.table-admin-table {
  width: 100%;
  margin-bottom: 20px;
}
.table-admin-table th, .table-admin-table td {
  border: 1px solid #959595;
  padding: 10px;
  font-size: 15px;
}

.font-roboto .table-admin-table th, .font-roboto .table-admin-table td {
  font-size: 22px;
}

.table-admin-table th {
  font-weight: bold;
  padding: 10px;
}
.table-admin-table td {
  vertical-align: middle;
}
.table-admin-table th:first-child, .table-admin-table td:first-child {
  width: 30%;
}

.stories-page-detail .title-stories {
  font-size: 26px;
  font-family: 'Futura Heavy';
  color: #ff7f00;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.stories-page-detail .box-stories {
  padding: 15px;
  background-color: #f8f8f8;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  margin-bottom: 30px;
}

.stories-page-detail .box-stories .text-sayme {
  background-image: url('../../images/common/sayme.png');
  background-repeat: no-repeat;
  background-position: 0px 30px;
  padding: 35px 35px 20px 55px;
  margin-bottom: 0px;
  font-family: "MyriadPro", sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.stories-page-detail .box-stories .sayme-right > img {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.stories-page-detail .box-stories .address {
  color: #1a94d6;
  font-family: "MyriadPro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: right;
  padding-right: 45px;
}

@media (max-width: 900px) {
  .stories-page-detail .box-stories .address {
    padding-right: 0px;
  }
}

.exam-page-detail.print-wrap {
  display: block;
  visibility: hidden;
}

@media print {
 .exam-page-detail, .breadcrumb, .header {
    display: none;
  }
  .exam-page-detail.print-wrap {
    display: block;
    visibility: visible;
  }
  .exam-page-detail.print-wrap .container {
    display: block;
    visibility: visible;
  }
  .exam-page-detail.print-wrap .container.printing {
    display: block;
    visibility: visible;
  }
  .exam-page-detail.print-wrap .math-content-footer {
    position: fixed;
    bottom: 0;
    width: calc(100% - 20px);
    padding: 0;
    margin: 0;
  }
}

.exam-page-detail-action-buttons {
  display: flex;
  justify-content: flex-end;
}
a.action-buttons-style,
button.action-buttons-style {
  background: none;
  border: none;
  display: inline-block;
  /*min-width: 80px;*/
  min-height: 35px;
  padding: 0 15px;
  font-size: 16px;
  text-decoration: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  margin-left: 10px;
  cursor: pointer;
  white-space: nowrap;
}

a.action-buttons-style,
button.action-buttons-style:hover {
  color: #fff;
}

a.action-buttons-style,
button.action-buttons-style:first-child {
  margin-left: 0;
}
.clone-page .title-howto {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 900px) {
  .clone-page .title-howto {
    flex-wrap: wrap;
  }
  .clone-page .title-howto .title {
    order: 2;
  }
  .exam-page-detail-action-buttons {
    margin-bottom: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
    order: 1;
    width: 100%
  }
  .action-buttons-style {
    width: 48%;
    margin-left: 0;
    margin-bottom: 4%
  }
}
.modal-header.modal-header-style {
  background: none;
  border-top: 5px solid #fe0000;
  color: #fe0000;
  font-weight: bold;
  font-size: 26px;
}
.table-sort-question-test {
  width: 100%;
  table-layout:fixed;
}
.table-sort-question-test td, tbody, tr {
  border: none;
}
.table-sort-question-test tr {
  border-bottom: 1px solid #e9ecef;
}
.table-sort-question-test tr:last-child {
  border-bottom: none;
}
.table-sort-question-test .small-text {
  text-align: right;
  font-size: 12px;
}
.table-sort-question-test .normal-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: block;
}
.exam-test-header {
  display: flex;
  justify-content: space-between;
}
.exam-test-header .box-exam-controller {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.exam-test-header .box-exam-controller .btn-sort-test {
  border: 1px solid #959595;
  padding: 0 15px;
  min-width: 80px;
  min-height: 35px;
  background: none;
  margin-left: 15px;
}
.exam-detail-search {
  margin: 40px -15px 30px;
}
.exam-detail-search .select-form {
  border: 1px solid #959595;
  padding: 0 15px;
  width: 100%;
  min-height: 35px;
  margin-bottom: 10px;
}
.parameter-action-buttons {
  display: flex;
}
.parameter-date {
  font-size: 14px;
  color: #959595;
  margin-top: 10px;
  text-align: center;
}

.exam-counter {
  counter-reset: item; /* Khởi tạo bộ đếm */
}
.exam-counter .number-question::before
{
  content: "\00a0\00a0" counter(item) ". ";
  margin-left: -37px;
  text-align: right;
}
.exam-counter div.question-item:nth-of-type(n+11) span.number-question::before {
  content: counter(item) ". ";
  /* margin-left: -35px; */
}
.exam-counter .number-question {
counter-increment: item; /* Tăng số thứ tự cho mỗi phần tử */
}