/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 20 version
*/


/* Reset */
.case_lesson_ui label {
  display: inline;
}
/* UI General */
.case_lesson_page .lesson_content {
  padding: 0.5em 0;
}
.case_lesson_page .lesson_content::after {
  content: "";
  clear: both;
  display: block;
}

/* lesson header */
.case_lesson_header {
  margin-bottom: 1em;
  border-bottom: 1px solid #333333AA;
}

.case_lesson_ui .lesson_toc .lesson_toc_title {
  font-weight: 600;
  margin-bottom: 0.5em;
  font-size: 1.0em;
  text-transform: uppercase;
  color: #333333;
}
.lesson_toc .lesson_toc_page_link {
  cursor: pointer;
}
.lesson_toc_pages {
  line-height: 1.05em;
}
.lesson_toc .lesson_toc_title {
  cursor: pointer;
}
.lesson_toc .lesson_toc_title:before {
  content: "\f140";
  font-family: "dashicons";
  width: 20px;
  height: 1em;
  line-height: 1em;
  font-size: 1.5em;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.1em;
  transition: transform 0.25s ease;
}
.lesson_toc.open .lesson_toc_title:before {
  transform: scaleY(-1);
}

.lesson_toc_page.hidden_from_toc:not(.current) > .lesson_toc_page_link {
  display: none;
}

.lesson_toc_pages {
  line-height: 1.05em;
  margin-left: 30px;
  height: 75px;
  overflow-y: hidden;
  position: relative;
}
.lesson_toc_pages:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 1) 80%);  transition: height 0.25s ease;
}
.lesson_toc.open .lesson_toc_pages:after {
  height: 0;
}
.case_lesson_ui .lesson_toc .lesson_toc_page {
  margin: 0.25em 0;
}
.case_lesson_ui .lesson_toc .sub_pages {
  margin-left: 1em;
}
.case_lesson_ui .lesson_toc .lesson_toc_page.current > .lesson_toc_page_link {
  font-weight: bold;
}

/* Pinned pages */
.case_lesson_ui .pinned_pages:not(:empty), .case_lesson_show_all_contents .case_lesson_page.pinned_page {
  border: 3px dashed #dfdfdf;
  padding: 0.5em 1em;
}
.case_lesson_ui .pinned_pages.empty{
  display: none;
}

.pinned_pages .case_lesson_page .lesson_content {
  padding: 0.5em 0;
}
.pinned_pages .pinned_page_container {
  margin: 0.5em 0;
}
.pinned_pages .pinned_page_container:not(:last-child) {
  border-bottom: 1px dashed #dfdfdf;
  padding-bottom: 0.25em;
}
.pinned_pages .pinned_page_header {
  display: flex;
  justify-content: end;
  cursor: pointer;
}
.pinned_pages .pinned_page_header .toggle_button:after {
  content: "\f140";
  font-family: "dashicons";
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1.5em;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.1em;
  transition: transform 0.25s ease;
  transform: scaleY(-1);
}

.pinned_pages .pinned_page_container.closed .pinned_page_header  .toggle_button:after {
  transform: scaleY(1);
}
.pinned_pages .pinned_page_header .show_more, .pinned_pages .pinned_page_header .show_less {
  font-style: italic;
  font-size: 0.9em
}
.pinned_pages .pinned_page_header .show_more {
  margin-right: auto;
  opacity: 0;
}
.pinned_pages .pinned_page_header .show_less {
  opacity: 1;
}
.pinned_pages .pinned_page_header .show_more, .pinned_pages .pinned_page_header .show_less {
  transition: opacity 0.25s ease;
}
.pinned_pages .pinned_page_container.closed .pinned_page_header .show_more {
  opacity: 1;
}
.pinned_pages .pinned_page_container.closed .pinned_page_header .show_less {
  opacity: 0;
}



.case_lesson_header:empty {
  display: none;
}
.case_lesson_header::after {
  content: "";
  clear: both;
  display: block;
}


/* Lesson page */
.case_lesson_page .lesson_content.textarea h1,
.case_lesson_page .lesson_content.textarea h2,
.case_lesson_page .lesson_content.textarea h3,
.case_lesson_page .lesson_content.textarea h4,
.case_lesson_page .lesson_content.textarea h5,
.case_lesson_page .lesson_content.textarea h6 {
  margin: 0.75em 0 0.5em 0;
}
.case_lesson_page table {
  border: 1px solid #CCC;
}
.case_lesson_page .lesson_content table tr {
  border: 1px dashed #F5F5F5;
}
.case_lesson_page tr {
  border: inherit;
}
.case_lesson_page td, .case_lesson_page td:first-child {
  padding: 0.25em;
  padding-top: 0.5em;
}

.case_lesson_page li {
  margin: 0.25em 0;
}

.medisim_flex_row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.medisim_flex_row > *:not(:first-child) {
  margin-left: 1em;
}

/* Show all contents */ 
.case_lesson_show_all_contents .case_lesson_page {
  margin: 75px 0;
  padding: 75px 0;
  /* stylish separator line between pages, not using border */
  background: linear-gradient(to bottom, #CCCCCC 0%, #CCCCCC 1px, #FFFFFF 1px, #FFFFFF 100%);

}
.case_lesson_show_all_contents .lesson_content.accordion .lesson_content_accordion_container {
  border: 0;
  border-left: 1px solid black;
}


/* FOOTER */

.lesson_ui_footer {
  margin-top: 7em;
  padding-top: 3em;
  border-top: 2px solid #333333AA;
}
.case_lesson_page_pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.case_lesson_page_pagination button {
  display: none;
}
.case_lesson_page_pagination .pagination_left, .case_lesson_page_pagination .pagination_right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.case_lesson_page_pagination .pagination_right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: right;
}

.case_lesson_page_pagination .get_next_lesson_page, .case_lesson_page_pagination .check_case_lesson_page_button {
  margin: 0.25em;
  margin-left: auto;
}

.case_lesson_page_pagination .pagination_center {
  min-width: 0; /* Prevents overflow in flex */
  margin: 0 0.5em;
}
.case_lesson_page_pagination .pagination_center {
  text-align: center;
}

.case_lesson_page_number_links .case_lesson_page_number {
  margin: 0 0.5em;
}
.case_lesson_page_number_links .case_lesson_page_number:not(.current) {
  cursor: pointer;
  text-decoration: underline;
}
.case_lesson_page_number_links .case_lesson_page_number.current {
  font-weight: bold;
}
.lesson_ui_footer .lesson_toc {
  margin-top: 1em;
}

/* CONTENTS */

/* Accordion */
.lesson_content.accordion {
  margin: 0;
}
.lesson_content.accordion .lesson_content_accordion_content {
  display: none;
}
.case_lesson_show_all_contents .lesson_content.accordion .lesson_content_accordion_content {
  display: block;
}
.lesson_content.accordion .lesson_content_accordion_container .lesson_content_accordion_header {
  cursor: pointer;
  display: flex;
  padding: 0.5em;
  font-weight: bold;
  color:#333333;
}
.lesson_content.accordion .lesson_content_accordion_container {
  margin: 0.5em 0;
  padding: 0.5em 0;
  border: 1px solid #333333AA;
  border-left: 0;
  border-right: 0;
}
.lesson_content.accordion .lesson_content_accordion_container .lesson_content_accordion_header_title {
  display: inline-block;
  font-size: 1.25em;
  margin: 0;
}
.lesson_content.accordion .lesson_content_accordion_container .lesson_content_accordion_header_icon {
  margin-left: auto;
}
.lesson_content.accordion .lesson_content_accordion_container .lesson_content_accordion_header_icon:before {
  content: "\f140";
  font-family: "dashicons";
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-size: 1.5em;
  margin-right: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.1em;
  transition: transform 0.25s ease;
}
.lesson_content.accordion .lesson_content_accordion_container.open .lesson_content_accordion_header_icon:before {
  /* content: "\f142"; */
  transform: scaleY(-1);
}
.lesson_content.accordion .lesson_content_accordion_container .lesson_content_accordion_content {
  padding: 0.5em;
  /* background: linear-gradient(to bottom, #d9d9d9, #f2f2f2); */
}

/* Textareas */
.lesson_content blockquote{
  color: #606060;
  font-size: 1.125em;
  font-style: italic;
  line-height: 1.7;
  margin: 0;
  margin-bottom: 1em;
  overflow: hidden;
  padding: 0.25em 0 0.25em 3em;
  border-left: 3px solid #333333;
  quotes: "\201C""\201D""\2018""\2019";
  position: relative;
}
.lesson_content blockquote:before {
  content: open-quote;
  font-size: 4em;

  position: absolute;
  line-height: 1em;
  left: 10px;
  /*
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
  position: absolute;
  left: -0.5em;
  top: -0.5em;
  */
}
.lesson_content blockquote:after {
  /*
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  vertical-align: -0.6em;
  */
  content: "";
}

.lesson_content blockquote *:first-child {
  margin-top: 0;
}
.lesson_content blockquote *:last-child {
  margin-bottom: 0;
}

.medisim_speechbubble {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 0.5em 1em;
  border-radius: 0.5em;
  background: #b6b6b6;
  color: #FFFFFF;
  font-size: 1.125em;
  line-height: 1.5;
  font-style: italic;
  font-weight: normal;
  text-align: left;
  max-width: 100%;
  box-sizing: border-box;
}
.medisim_speechbubble:after {
	border: 1em solid transparent;
	border-top-color: #b6b6b6;
	content: '';
	margin-left: -1em;
	position: absolute;
		top: 100%;
		left: 50%;
	width: 0;
	height: 0;
}

.medisim_speechbubble.left:after, .medisim_speechbubble.default:after  {
  left: 25%;
}
.medisim_speechbubble.right:after {
  left: auto;
  right: 25%;
}


/* Other */
.case_lesson_page_form.needs_check_first:not(.checked) .get_next_lesson_page, .case_lesson_page_form.needs_check_first:not(.checked) .finish_case_lesson {
  display: none;
}

.case_lesson_ui.has_non_mandatory_exercises .case_lesson_exercise.mandatory .exercise_title::after, 
.case_lesson_ui.has_non_mandatory_exercises .lesson_toc_pages .has_mandatory_exercises::after, 
.case_lesson_ui.has_non_mandatory_exercises .mandatory_exercise_sign::after, 
.case_lesson_ui.has_non_mandatory_exercises .lesson_content.mandatory .start_prescription::after, 
.case_lesson_ui.has_non_mandatory_exercises .lesson_content.medisim_case.mandatory .medisim_case_start::after {
  content: "*";
  color: #767676;
  margin-left: 0.25em;
  font-size: 1rem;
  font-weight: normal;
}

.exercise_text_answer.textarea {
  min-height: 7em;
}

.option_block {
  display: block;
  margin-bottom: 0.5em;
}

.multiple_choice_option:before {
  content: "";
  font-family: "dashicons";
  width: 1em;
  height: 1rem;
  line-height: 1rem;
  font-size: 1.5em;
  margin-right: 1em;
  display: inline-block;
  vertical-align: text-top;
  align-self: center;
  flex: 0 0 auto;
}
.multiple_choice_option.results_checked.user_checked.correct:before {
  color: #22E722;
  content: "\f12a";
}

.multiple_choice_option.results_checked.user_checked.incorrect:before {
  color: #FF2222;
  content: "\f153";
}
.multiple_choice_option.results_checked.should_be_checked.incorrect:before {
  color: #cecece;
  content: "\f12a";
}

.multiple_choice_option {
  display: flex;
  margin-bottom:0.25em
}

.multiple_choice_option label {
  margin-bottom: 0;
}
.multiple_choice_option.results_checked .option_feedback {
  font-style: italic;
  margin-left: 1.5em;
}
.exercise_text_answer_correct_answer {
  margin-left: 1em;
  padding-left: 1em;
  border-left: 2px solid black;
}
.diagnosis_answer_icd[type=text] {
  width: 150px;
}
.diagnosis_name_container {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.case_lesson_exercise_diagnoses .icd-10 {
  font-weight: bold;
}
.case_lesson_exercise_diagnoses.check_answers li.correct .icd-10 {
  color: #22E722;
}
.case_lesson_exercise_diagnoses.check_answers li:before {
  font-family: "dashicons";
  margin-right: 0.5em;
}
.case_lesson_exercise_diagnoses.check_answers li.correct:before {
  color: #22E722;
  content: "\f12a";
}
.case_lesson_exercise_diagnoses.check_answers li.incorrect:before {
  color: #FF2222;
  content: "\f153";
}
.case_lesson_exercise_diagnoses .diagnosis_feedback {
  font-style: italic;
}
.exercise_diagnosis_model {
  display: none;
}
.diagnosis_exercise_container .add_new_diagnosis {
  margin-top: 0.5em;
}

.medisim_short_autocomplete_ui {
    max-height: 40vh;
    overflow-y: auto;
    overflow-x: visible;
}
.medisim_short_autocomplete_ui * {
    margin-right: 0 !important; /* Hack to prevent scrollbar on hover */
}
.case_lesson_diagnosis_exercise_autocomplete_ui {
  width: 600px !important;
  max-width: 50vw !important;
}

.exercise_feedback {
  font-style: italic;
  margin-top: 1em;
}

/* END LESSON PAGE */

.end_lesson_page .lesson_page_footer {
  display: none;
}
.end_lesson_page .case_lesson_page {
  border-bottom: 2px solid #CCCCCC;
  margin-bottom: 2em;
  padding-bottom: 2em;
}

.end_lesson_page .print_lesson_feedback_page {
  display: block;
  margin-left: auto;
  margin-bottom: 0.5em;
}

.end_lesson_page .print_completion_certificate_button {
  display: block;
  margin-left: auto;
  margin-bottom: 0.5em;
}

.end_lesson_page  > .epilogue, .case_lesson_show_all_contents .epilogue {
  margin-bottom: 1em;  
  font-size: 1.1em;
  border: 3px solid #CCC;
  padding: 1em;
  -webkit-border-radius: 3px;
          border-radius: 3px;
}
.end_lesson_page .epilogue h3 {
  font-weight: bold;
}

.feedback_header_buttons {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 0.5em;
  align-items: end;
  
}
body.single-case_lesson #medisim_main_app_div .print_completion_certificate_button {
  display: none;
}

.option_feedback {
  font-style: italic;
  margin-left: 8.5em;
}