@media (min-width: 768px) {
  .test_box.dark {
    /*background: #1d1d1f;*/
    background: #343434;
    /*border-color: #d3d6d8;*/
    border-color: initial;
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .test_box.dark {
    background: #ffffff;
    border-color: #d3d6d8;
  }
}

.test_name.dark {
  color: white;
}

.test_info.dark {
  color: white;
}

.time_div.dark {
  color: #004085;
  background-color: #cce5ff;
  border: 1px solid #b8daff;
}

.time_name.dark {
}

.time_d.dark {
  color: #ffffff;
  background-color: #343a40;
}

.test_div1.dark {
}

.test_div2.dark {
  /*box-shadow: 0px 0px 5px gray;*/
}

.test_div3.dark {
}

.quit.dark {
  /*
  --bs-btn-color: #fff;
  --bs-btn-bg: #ff6347;
  --bs-btn-border-color: #ff6347;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d75038;
  --bs-btn-hover-border-color: #d75038;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ae3823;
  --bs-btn-active-border-color: #ae3823;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ff6347;
  --bs-btn-disabled-border-color: #ff6347;
  */
}

.start.dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1074b2;
  --bs-btn-hover-border-color: #1074b2;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b517c;
  --bs-btn-active-border-color: #0b517c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}

.next_test.dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1074b2;
  --bs-btn-hover-border-color: #1074b2;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b517c;
  --bs-btn-active-border-color: #0b517c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
}

.prev_test.dark {
  /*
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1074b2;
  --bs-btn-hover-border-color: #1074b2;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b517c;
  --bs-btn-active-border-color: #0b517c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  */
}

.finish_submit.dark {
  /*
  --bs-btn-color: #fff;
  --bs-btn-bg: #1da1f2;
  --bs-btn-border-color: #1da1f2;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1074b2;
  --bs-btn-hover-border-color: #1074b2;
  --bs-btn-focus-shadow-rgb: 60,153,110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0b517c;
  --bs-btn-active-border-color: #0b517c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1da1f2;
  --bs-btn-disabled-border-color: #1da1f2;
  */
}

.test_count.dark {
  color: #ffffff;
}

.test_question.dark {
  color: #ffffff;
}

.answer_n.dark {
  background: aliceblue;
  border: 1.5px solid #84c5fe;
}

.answer_n:hover.dark {
  background: #cfe8fe;
  border: 1.5px solid #84c5fe;
}

.answer_n:active.dark {
  color: white;
  background: #84c5fe;
  border: 1.5px solid #84c5fe;
}

.answer_n:active.dark {
  color: white;
  background: #79b2e5;
  border: 1.5px solid #618eb6;
}

.answer_n_disabled.dark {
  color: #476d34;
  background: #d5facc;
  border: 1.5px solid #97e175;
}

.answer_n_disabled1.dark {
  /*color: #000000;*/
  background: aliceblue;
  border: 1.5px solid #84c5fe;
}

.answer_n_disabled2.dark {
  /*color: #000000;*/
  background: #ffdedb;
  border: 1.5px solid #fe8b84;
}

.answer_text.dark {
}

.textarea_answer_test.dark {
}

.video_div.dark {
}

@media (min-width: 768px) {
  .video_rec.dark {
  }
}

@media (min-width: 300px) and (max-width: 767px) {
  .video_rec.dark {
  }
}

.video_rec:last-of-type.dark {
}

.video_rec#gumVideo.dark {
}