@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700;800&display=swap');

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  margin-top: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #63A8d9;
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #26638f;
}



body {
  font-family: 'Montserrat', sans-serif;
}

.no-margin-left {
  margin-left: 0 !important;
}

.custom-navbar-header {
  min-height: 70px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #00000029;
  border-bottom: none;
}

.nav-sidebar .nav-link p {
  font-size: 14px;
  font-weight: 600;
  color: #000;
  margin-left: 5px;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background: #ED2024 0% 0% no-repeat padding-box;
  border-radius: 0;
}

.grey-border-bar {
  height: 1px;
  background: #707070;
  display: block;
}

.main_demo_area {
  padding-top: 0px;
}

.demo_listening_list h5 {
  font-size: 16px;
  font-weight: 700;
}

.demo_listening_list ul {
  margin-top: 30px;
  list-style: none;
  padding-left: 0;
}

.demo_listening_list ul li {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}

.demo_listening_list ul li:before {
  content: '\f00c';
  font-family: fontAwesome;
  margin-right: 5px;
  float: left;
}

.nav-pills .nav-link.active p {
  color: #ffffff;
}

.nav-sidebar .nav-link img {
  max-width: 20px;
}

.nav-pills .nav-link.active img {
  filter: invert(1);
}

.content-wrapper {
  background-color: #F5F5F5;
}

.sidebar-mini.sidebar-collapse .main-header {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #00000029;
  border: none;
}

[class*="sidebar-dark"] .brand-link {
  border-bottom: none;
}

[class*="sidebar-dark-"] {
  background-color: #141F2A;
}

.sidebar-mini.sidebar-collapse .brand-image {
  display: block;
}

.sidebar-mini .brand-image {
  display: none;
}

.brand-text img {
  max-width: 140px;
  /*display:table;
  margin-right: auto;
  margin-left:auto;*/
}

.pushbtn {
  position: absolute;
  top: 10px;
  z-index: 10;
  left: 10px;
  background: #fff;


}

.pushbtn a {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.pushbtn img {
  max-width: 28px;
}

.sidebar {
  padding-left: 0;
  padding-right: 0;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link {
  margin-right: 0;
  padding: 0.9rem 1rem;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link img {
  margin-right: 10px;
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
  width: 100%;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
  background: #232F3B 0% 0% no-repeat padding-box;
  border-left: 2px solid #DB2525;
  border-radius: 0;
}

.user-text {
  font-weight: 600;
}

.user-img {
  max-width: 40px;
  margin-top: -7px;
}

.notification-icon i {
  font-size: 25px;
  margin-top: 4px;
}

.header_dropdown {
  top: 45px;
}

.user_dropdown .dropdown-menu {
  background: #EBEBEB;
}

.dropdown-divider {
  border-top: 1px solid #cdcece;
}

.content-wrapper {
  padding-top: 5%;
  padding-left: 2%;
}

.sidebar-mini.sidebar-collapse .main-sidebar {
  width: 4rem;
}

.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer,
.sidebar-mini.sidebar-collapse .main-header {
  margin-left: 4rem !important;
}

.content-header h1 {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 26px;
}

.content-header p {
  font-weight: 500;
  font-size: 16px;
}

.heading_area p span {
  font-weight: 600;
}

.free_test_button {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 80px;
}

.free-test-btn {
  color: #ED2024;
  box-shadow: inset 4px 5px 5px #00000029;
  border: 2px solid #ED2024;
  border-radius: 22px;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 30px;
}

.free-test-btn:hover {
  background: #ED2024;
  color: #ffffff;
}

article #timer {
  padding: 5px;
  color: #000;
  font-weight: 700;
  font-size: 30px;
  background-color: #ffffff;

}

.timer_bar {
  width: 100%;
}

.logo_div {
  text-align: left;
}

#player {
  width: 150px;
  height: 50px;
  left: 50px;
  position: relative;
  top: 20px;
  margin: 0 auto;
}

#player i {
  position: absolute;
  margin-top: -6px;
  color: #666;
}

#player i.fa-volume-down {
  margin-left: -8px;
}

#player i.fa-volume-up {
  margin-right: -8px;
  right: 0;
}

#volume {
  position: absolute;
  left: 24px;
  margin: 0 auto;
  height: 5px;
  width: 100px;
  background: #555;
  border-radius: 15px;
}

#volume .ui-slider-range-min {
  height: 5px;
  width: 100px;
  position: absolute;
  background: #2ecc71;
  border: none;
  border-radius: 10px;
  outline: none;
}

#volume .ui-slider-handle {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #f1f3f4;
  position: absolute;
  margin-left: -8px;
  margin-top: -8px;
  cursor: pointer;
  outline: none;
}

.audio_player_box {
  display: inline-grid;
}

.volume_box {
  display: inline-grid;
}

.fill_blanks_section {
  max-width: 720px;
  margin-top: 30px;
  line-height: 26px;
}

.fill_blanks_section input[type="text"] {
  display: inline;
  width: auto;
  border-radius: 0;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #000;
  background: rgba(0, 0, 0, 0);
  text-align: center;
  width: 120px;
}

.fill_blanks_section p {
  line-height: 26px;
  font-size: 14px;
}

.fill_blanks_section input[type="text"]::placeholder {
  color: #000;
  font-weight: 600;
}

.review_bar_section {
  margin-top: 170px;
}

.review_box {
  display: inline-grid;
}

.review_box label {
  font-size: 13px;

}

.review_btns {
  display: inline-block;
  margin-left: 25px;
  margin-top: 20px;
}

.review_btns span {
  display: inline;
  font-size: 13px;
}

.review_btns .btn {
  padding: 0.375rem 0.375rem;
  font-size: 0.75rem;
  background: #000;
  color: #fff;
  border-radius: 0;
}

.review_btns .btn.active {
  background: #27B1D0;
}

.next_link_btn {
  display: inline;
  margin-left: 25px;
}

.next_link_btn .btn {
  background: #B3B3B3;
  border-radius: 0;
}

.question_box {
  margin-top: 40px;
}

.question_box p span {
  font-weight: 600;
}

.question_box p,
.question_box .form-check label {
  font-size: 14px;
}

.margin-top-50 {
  margin-top: 50px;
}

.second_section_heading p {
  font-weight: 600;
  margin-top: 20px;
}

.drag_drop_inputs .form-group label {
  font-size: 14px;
  margin-right: 50px;
  width: 200px;
  text-align: left;
  display: inline;
}

.drag_drop_inputs .form-group input {
  border-radius: 0;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 2px solid #27B1D0;
  text-align: center;
  min-height: 30px;
}

.drag_drop_inputs .form-group input::placeholder {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}

.drag_drop_values .form-group span {
  color: #000000;
  background: #E6E6E6 0% 0% no-repeat padding-box;
  border-radius: 5px;
  border: 1px solid #c2c2c2;
  padding: 4px 6px;
  font-size: 14px;
  cursor: pointer;
}

.fill_blanks_box {
  margin-bottom: 50px;
}

.fill_blanks_box label {
  font-weight: 600;
}

.academic_writing_heading_area h6,
.academic_writing_heading_area p {
  font-size: 16px;
  font-weight: 600;
}

.left_paragraph_section p strong {
  margin-top: 20px;
  display: block;
}

.left_paragraph_section_01 strong {
  margin-top: 20px;
  display: block
}

.left_paragraph_section_01 {
  margin-top: 50px;
}

.writing_area_submit_btn {
  margin-top: 15px;
  text-align: right;
  margin-bottom: 30px;
}

.academic_writing_heading_area {
  margin-bottom: 30px;
}

.academic_writing_heading_area p {
  margin-top: 20px;
}

.left_reading_section {
  max-height: 500px;
  overflow-y: scroll;
}

.left_reading_section .qus_desc_box {
  margin-bottom: 50px;
}

.left_reading_section .desc_box p {
  font-size: 14px;
}

.right_reading_section p {
  font-size: 14px;
}

.right_reading_section table {
  border: 1px solid #707070;
  margin-top: 70px;
}

.right_reading_section table td {
  border: 1px solid #707070;
  font-size: 14px;
}

.feedback_accordions_section .accordion-button::after {
  font-family: fontAwesome;
  content: '\f078';
  float: right;
}

.feedback_accordions_section .accordion-button:not(.collapsed)::after {
  font-family: fontAwesome;
  content: '\f077';
  float: right;
}

.feedback_accordions_section .accordion-button {
  width: 100%;
  text-align: left;
  background: none;
  border-bottom: 1px solid #E0D8D8;
  padding: 17px 15px;
  border-top: none;
  border-left: none;
  border-right: none;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  outline: none;
}

.feedback_accordions_section h2.accordion-header {
  font-size: 16px !important;
}

.feedback_accordions_section .card-body p {
  font-size: 14px;
}




.detailed_analysis_section {
  margin-top: 50px;
}

.detailed_analysis_heading h3 {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 50px;
}

.detailed_analysis_section table tr:first-child {
  background: rgb(193, 32, 39);
  background: linear-gradient(90deg, rgba(193, 32, 39, 1) 0%, rgba(241, 33, 39, 1) 35%, rgba(211, 55, 37, 1) 100%);

}

.detailed_analysis_section table tr:first-child th {
  color: #ffffff;
}

.analysis_heading {
  padding-top: 60px;
}

.analysis_heading h3 {
  font-size: 26px;
  font-weight: 600;
}

.feedback_accordions .accordion-item .control {
  display: inline-grid;
  vertical-align: middle;
  margin-left: 30px;
}

#slider_01 .rs-control .rs-range-color {
  background-color: #67ed20 !important;
}

#slider_01 .rs-control .rs-path-color {
  background-color: #ffffff;
}

#slider_01 .rs-control .rs-handle {
  background-color: #ffffff;
}

#slider_01 .rs-control .rs-bg-color {
  background-color: #ffffff;
}

.read_passage_section {
  max-height: 700px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.read_passage_section p {
  font-size: 14px;
}

.uppercase_text {
  text-transform: uppercase;
}

.questions_accordions .accordion-button {
  font-size: 16px;
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  border: none;
  font-weight: 600;
  outline: none;
  background: #ffffff;
}

.questions_accordions .accordion-item .accordion-button.collapsed {
  background: #B3B3B3;
}

/* accordions */
.questions_options_section ul {
  margin-top: 50px;
}

.questions_options_section ul li .form-group label {
  font-size: 14px;
  margin-right: 0px;
  text-align: left;
  display: inline;
  width: 80%;
}

.questions_options_section ul li .form-group input {
  border-radius: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 2px solid #27B1D0;
  text-align: center;
  max-height: 24px;
  width: 20%;
}

.questions_options_section ul li .form-group input[type="text"]::placeholder {
  color: #000;
  font-weight: 600;
}

.questions_options_section ul li .form-group {
  margin-bottom: 10px;
}

.questions_options_section_01 ul {
  margin-top: 50px;
}

.questions_options_section_01 ul li .form-group label {
  font-size: 14px;
  margin-right: 10px;
  text-align: left;
  display: inline;
}

.questions_options_section_01 ul li .form-group input {
  border-radius: 0;
  padding-top: 1px;
  padding-bottom: 1px;
  border: 2px solid #27B1D0;
  text-align: center;
  max-height: 24px;
  margin-right: 10px;
  max-width: 120px;

}

.questions_options_section_01 ul li .form-group input[type="text"]::placeholder {
  color: #000;
  font-weight: 600;
}

.questions_options_section ul li .form-group {
  margin-bottom: 10px;
}


.heading_area .guard_text {
  margin-bottom: 50px;
  display: block;
}

.margin-up-down {
  margin-top: 50px;
  margin-bottom: 50px;
}

.demo_listening_list_with_comp_icon ul {
  margin-top: 30px;
  list-style: none;
  padding-left: 0;
}

.demo_listening_list_with_comp_icon ul li {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 22px;
}

.demo_listening_list_with_comp_icon ul li:before {
  content: url('images/computer_icon.png');
  margin-right: 5px;
  float: left;
  margin-top: 4px;
}

.demo_listening_heading_03 h5 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 40px;
}

.demo_listening_heading_03 img {
  margin-right: 20px;
}

.demo_listening_list_with_circle_icon ul {
  margin-top: 30px;
  list-style: none;
  padding-left: 0;
}

.demo_listening_list_with_circle_icon ul li {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}

.demo_listening_list_with_circle_icon ul li span {
  text-transform: uppercase;
  font-weight: 600;
}

.demo_listening_list_with_circle_icon ul li:before {
  content: '\f192';
  font-family: fontAwesome;
  margin-right: 25px;
  float: left;
  margin-left: 6px;

}

.video_block {
  text-align: center;
}

.audio_block {
  position: relative;
}

.audio_block .dzsap-sticktobottom.dzsap-sticktobottom-for-skin-wave {
  opacity: 1;
  position: relative;
  background: none;
  box-shadow: none;
  top: 20px;
}

.demo_listening_text ul {
  padding-left: 0;
  list-style: none;

}

.demo_listening_text p {
  font-size: 14px;
  font-weight: 500;
}

.demo_listening_text ul li {
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
}

.demo_listening_heading_04 h5 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 30px;
}

/* accordions */
@media(min-width:768px) and (max-width:1024px) {
  .review_btns {
    margin-left: 10px;
  }

  .logo_div {
    text-align: center;
  }
}

@media(max-width:576px) {
  .logo_div {
    text-align: center;
  }

  .review_btns {
    margin-left: 0;
  }

  .drag_drop_values {
    margin-top: 40px;
  }

  .audio_player_box {
    text-align: center;
    display: block;
  }

  .volume_box {
    display: block;
  }

  #player {
    display: table;
    right: auto;
    left: auto;
  }

  .next_link_btn {
    display: block;
    margin-top: 20px;
    margin-left: 0;
  }
}


.main-footer {
  background: #000000;
  text-align: center;
  color: #FFFFFF;
}

.main-footer a {
  color: #FFFFFF;
}

.footer_socials {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer_socials li {
  display: inline;
}

.footer_socials li a img {
  max-width: 30px;
}

.footer_socials li a {
  padding: 5px;
}

.module_grey_title_area h1 {
  background: #383835;
  color: #FFFFFF;
  margin-bottom: 0;
  padding: 10px;
  font-size: 24px;
}

.module_grey_title_area h1 span {
  display: inline;
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-left: 30%;

}

.viewans_box {
  border: 0.5px solid #707070;
}

.viewans_box h1 span a {
  color: #fff;
}

.viewans_box .inner_viewans_box {
  border: 0.5px solid #707070;
}

.qus_tablist li {
  margin-bottom: 10px;
}

.qus_tablist li a {
  background: #EBEBEB 0% 0% no-repeat padding-box;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
}

.qus_tablist li a.active {
  background: #EBEBEB !important;
  color: #000 !important;
  border-bottom: 3px solid #DB2525;
  border-radius: 0px 0px 5px 5px !important;
}

.qus_tablist li a:hover {
  color: #000 !important;
  border-bottom: 3px solid #DB2525;
  border-radius: 0px 0px 5px 5px;
}

.question_div {
  padding-bottom: 50px;
}

.question_div h3 {
  margin-top: 20px;
  font-size: 20px;
  font-weight: 600;
}

.ans_player_box {
  margin-bottom: 24px;
}

.ans_player_box h5 {
  font-size: 16px;
  margin-top: 20px;
  font-weight: 600;
}

.main_answer_div {
  background: #EEEEEE;
  padding: 10px;
}

.main_answer_div p {
  margin-bottom: 0;
  font-size: 15px;
}

.qus_tablist,
.question_div {
  padding-top: 30px;
}

.viewans_box .no-padding {
  padding-left: 0;
  padding-right: 0;
}

@media(max-width:576px) {
  .module_grey_title_area h1 span {
    margin-left: 10%;
  }
}


/* writing part 1 css */
.question_box_section {
  border: 1px solid #707070;

}

.question_box_section h3 {
  background: #EEEEEE;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
}

.question_box_section p {
  font-size: 14px;
  text-align: justify;
}

.question_div_list li {
  font-weight: 400;
  font-size: 18px;
  line-height: 29px;
}

ul.question_div_list {
  padding-left: 20px;
  margin-top: 20px;
}

.question_content {
  padding: 10px;
  /* white-space: pre-wrap; */
}

.answer_box_section {
  border: 1px solid #707070;
  margin-bottom: 20px
}

.answer_box_section h3 {
  background: #EEEEEE;
  padding: 10px;
  font-size: 16px;
  font-weight: 600;
}

.answer_box_section p {
  font-size: 14px;
}

.answer_box_inner {
  padding: 10px;
}

.ans_red_text {
  color: #E10D0D;
}

.ans_yellow_text {
  color: #E87034;
}

.grey_span {
  width: 12px;
  height: 12px;
  background: #505050;
  border-radius: 3px;
  display: inline-block;
  margin-right: 3px;
}

.orange_span {
  width: 12px;
  height: 12px;
  background: #E87034;
  border-radius: 3px;
  display: inline-block;
  margin-right: 3px;
}

.red_span {
  background: #DF0000F2;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 3px;
}

.answer_status_bar {
  padding: 10px;
  background: #EEEEEE;
}

.answer_status_bar span {
  font-size: 13px;
}

.full-explanation-btn {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #016400;
  border-radius: 4px;
  color: #016400;
  font-weight: 600;
}

/* writing part 1 css */
/* writing tasks css */





/* reading task css */
.highlighted_text {
  background: #FFFF6F;
  font-weight: 600;
}

.question_content_with_scroll {
  max-height: 892px;
  overflow-y: auto;
}

.qus_numbers {
  float: right;
}

.correct_answers_list ul {
  list-style: none;
  padding-left: 0;
}

.correct_answers_list ul li {
  margin-bottom: 20px;
}

.correct_answers_list ul li .answer_response .ans_response_text {
  color: #448D43;
  font-weight: 500;
  margin-right: 15px;
}

.correct_answers_list ul li .answer_response p {
  margin-bottom: 5px;
}

.explanation-btn,
.video-tutorial-btn {
  color: #000000;
  border: 0.5px solid #707070;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 500;
  padding: 5px 10px;
  transition: all 0.5s ease;
}

.explanation-btn:hover {
  background: #fff;
  color: #448D43;
  border-color: #448D43;
}

.video-tutorial-btn:hover {
  background: #ffffff;
}

.video-tutorial-btn .fa-youtube-play {
  color: #ED2024;
  font-size: 16px;
}

.video-tutorial-btn:hover .fa-youtube-play {
  color: #000;
}

.pagination_section {
  background: #EEEEEE 0% 0% no-repeat padding-box;
  padding: 10px;
  margin-top: 20px;
}

.pagination_section .review_btns {
  margin-left: 5px;
  margin-bottom: 20px;
  margin-top: 10px;
  margin-right: 20px;
  font-weight: 600;
}

.correct_answers_list {
  margin-top: 20px;
}

.ans_input {
  display: inline-table;
  width: 130px;
  border: 1px solid #27B1D0;
}

.readonly_input {
  background: #F2F2F2;

  font-weight: 500;
  text-align: center;
}

.right_answer_text {
  color: #1B9C55;
}

.wrong_answer_text {
  color: #ED2024;
}

.green_highlighted_text {
  background: #00FF00;
}

.aqua_highlighted_text {
  background: #00FFFF;
}

.full_explanation_inner .table tr td {
  font-size: 14px;
}

.full_explanation_inner .table tr:first-child {
  background: #EEEEEE;
}

.fullexplanation_modal .modal-header,
.videotutorial_modal .modal-header {
  background: #EEEEEE;
  padding: 0.6rem 1rem;

}

.fullexplanation_modal .modal-header .modal-title,
.videotutorial_modal .modal-header .modal-title {
  color: #222222;
  font-size: 20px;
  font-weight: 700;
}

.fullexplanation_modal .modal-dialog {
  max-width: 700px;
}

.answers_accordions {
  margin-top: 30px;
  font-size: 14px;
}

.answers_accordions .accordion-button {
  font-size: 14px;
  width: 100%;
  text-align: left;
  padding: 15px 20px;
  border: none;
  font-weight: 600;
  outline: none;
  background: #F0F0F0;

}

.answers_accordions .accordion-item .accordion-button.collapsed {
  background: #F0F0F0;
}

.answers_buttons {
  margin-top: 15px;

}

.answer_response_div {
  margin-top: 10px;
}

.ans_response_text {
  color: #016400;
  font-weight: 600;
}

.reading_answers_list ul {
  padding-left: 0;
}

.reading_answers_list ul li {
  list-style: none;
  margin-bottom: 30px;
  font-size: 14px;
}

.checkbox_options_list {
  margin-top: 15px;
}

.answer_box {
  margin-top: 10px;
}

.correct_answer {
  margin-left: 10px;
  margin-right: 10px;
}

/* reading task css */

/* analytics popup css */

.analyticsreport_modal .modal-header {
  background: #EEEEEE 0% 0% no-repeat padding-box;
  padding: 0.7rem 1rem;
  border-bottom: 1px solid #d4d4d4;
}

.analyticsreport_modal .modal-header .modal-title {
  color: #222222;
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  font-size: 20px;
}

.analytics_popup_box {
  border: 1px solid #d4d4d4;
  border-radius: 5px;
  padding: 20px 10px;
}

.analytics_record h4 {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  color: #3D3D3D;
  font-weight: 500;
  font-size: 14px;
}

.orange_count {
  color: #E87034;
}

.purple_count {
  color: #553E93;
}

.blue_count {
  color: #305A9A;
}

.lightblue_count {
  color: #00919B;
}

.analytics_count {
  font-size: 20px;
  font-weight: 600;
  margin-right: 5px;
}

.status_poor {
  background: #DF0000F2;
  color: #ffffff;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 13px;
}

.analytics_record {
  margin-bottom: 30px;
}

.analytics_record p {
  text-align: center;
}

.answer_table {
  font-size: 13px;
}

.answer_table tr td {
  color: #000;
  font-weight: 500;
}

/* analytics popup css */




/* listening page css */
.listening_question_conversation p {
  margin-bottom: 15px;
  font-weight: 500;
}

.listening_text_input {
  display: inline-table;
  border-top: none;
  border-right: none;
  border-left: none;
  border-radius: 0;
  text-align: center;
  max-width: 170px;
  outline: none;
  background: rgba(0, 0, 0, 0);
}

.listen-from-here-btn {
  color: #000;
  border: 0.5px solid #707070;
  font-size: 13px;
  border-radius: 3px;
  font-weight: 500;
  padding: 5px 10px;
  transition: all 0.5s ease;
}

.listen-from-here-btn:hover {
  background: #fff;

}

.answer_box_inner {
  font-size: 14px;
}

.listening_answers_list ul {
  padding-left: 0;
}

.listening_answers_list ul li {
  list-style: none;
  margin-bottom: 30px;
  font-size: 14px;
}

.listening_answers_list ul li .listening_q {
  margin-top: 20px;
  margin-bottom: 10px;
}

/* listening page css */


.pagination {
  justify-content: center;
}

.testhistory_pagination ul li a {
  margin: 2px;
  padding: 5px;
  color: #fff;
  background: #595757;
}

.testhistory_pagination ul li.active a {
  background: #007bff;
}


.fill_blanks_section table tr td p {
  margin-bottom: 0 !important;
}

.answer-table td {
  padding: 7px;
}

.word_wrap {
  white-space: pre;
}

.ans_div_g {
  border: 1px solid green;
  width: 300px;
}

.ans_div_r {
  border: 1px solid red;
  width: 300px;
}

.ans_div_o {
  border: 1px solid orange;
  width: 300px;
}

span.ans_img_g {
  border: 1px solid green;
  margin: 11px;
}
span.ans_img_r {
  border: 1px solid red;
  margin: 11px;
}
span.ans_img_o {
  border: 1px solid orange;
  margin: 11px;
}

span.ans_txt {
  font-size: 12px;
}

.mad {}