/* Start:/local/js/lab4u/TranscriptTests/src/components/BannerDecryptions/dist/BannerDecryptions.bundle.css?17921622462929*/
.banner-decryptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  padding: 16px 24px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 32px;
  margin: 0 0 20px;

  border-radius: 16px;
  background: -o-linear-gradient(341deg, #66d2d2 0%, #9fbbd5 100%), #fff;
  background: linear-gradient(109deg, #66d2d2 0%, #9fbbd5 100%), #fff;

  -webkit-box-shadow:
    0px 2px 8px 0px rgba(102, 112, 133, 0.12),
    0px 1px 2px 0px rgba(102, 112, 133, 0.12);

          box-shadow:
    0px 2px 8px 0px rgba(102, 112, 133, 0.12),
    0px 1px 2px 0px rgba(102, 112, 133, 0.12);

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  -webkit-transition: 0.1s all;

  -o-transition: 0.1s all;

  transition: 0.1s all;

  text-decoration: none;
}
@media screen and (min-width: 1321px) {
  .banner-decryptions {
    width: 100%;
  }
}
@media screen and (max-width: 740px) {
  .banner-decryptions {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
@media screen and (max-width: 720px) {
  .banner-decryptions {
    margin: 0 20px 10px 20px;
  }
}
@media (hover: hover) {
  .banner-decryptions:hover {
    cursor: pointer;
  }
}

.banner-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 12px;
}

.banner-title {
  color: #fff;
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 40px;
}
@media screen and (max-width: 740px) {
  .banner-title {
    font-size: 20px;
    line-height: 24px;
  }
}

.banner-description {
  color: #fff;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 740px) {
  .banner-description {
    font-size: 14px;
    line-height: 20px;
  }
}

.banner-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #fff;
  border: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;

  color: #30393a;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
@media screen and (max-width: 740px) {
  .banner-button {
    width: 100%;
  }
}
@media (hover: hover) {
  .banner-button:hover {
    background-color: #f7f9fc;
    cursor: pointer;
  }
}

/* End */


/* Start:/local/js/lab4u/TranscriptTests/dist/TranscriptTests.bundle.css?17921622467394*/
.transcript-tests_wrapper {
  --v-tt_color_gray_1: #edf0f4;
  --v-tt_color_gray_2: #30393a;
  --v-tt_color_gray_3: #667085;
  --v-tt_color_gray_4: #e3e8ee;
  --v-tt_color_lightblue_1: #00aacc;
  --v-tt_color_lightblue_2: #009fbe;
  --v-tt_font-size_small: 14px;
  --v-tt_font-size_default: 16px;
  --v-tt_font-size_medium: 18px;
  --v-tt_font-size_giant: 50px;
  --v-tt_transition_default: 0.15s;
}
@media screen and (min-width: 721px) {
  .transcript-tests_wrapper {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 720px) {
  .transcript-tests_wrapper {
    margin: 0 20px;
  }
}
#patient-decryption-vue {
  height: 100%;
}
.transcript-tests_wrapper {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.transcript-tests_wrapper .title {
  --title_height: 40px;
  list-style: none;
  height: var(--title_height);
  width: 100%;
  border-bottom: 1px solid var(--v-tt_color_gray_1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transcript-tests_wrapper .title .tab {
  color: var(--v-tt_color_gray_2);
  font-size: var(--v-tt_font-size_medium);
  font-weight: 400;
  height: 100%;
  margin-bottom: -1px;
  border-bottom: 2px solid var(--v-tt_color_gray_2);
}
.transcript-tests_wrapper .transcript_list {
  list-style: none;
}

.transcript-tests_wrapper .no-decryptions {
  height: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 100px;
}
.transcript-tests_wrapper .no-decryptions .image_container {
  width: 120px;
  height: 120px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.transcript-tests_wrapper .no-decryptions .image_container img {
  width: 90px;
  height: 80px;
}
.transcript-tests_wrapper .no-decryptions a {
  font-weight: 300;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  color: var(--v-tt_color_gray_2);

  text-decoration: underline;
  text-decoration-thickness: 1px;
}
@media (hover: hover) {
  .transcript-tests_wrapper .no-decryptions a:hover {
    cursor: pointer;
  }
}

.transcript-tests_wrapper .card {
  --elements_space: 24px;
  height: 100%;
  position: relative;
  margin-top: 32px;
  -webkit-box-shadow: 0 0 0 1px #30393a0d, 0 8px 30px #30393a1a;
          box-shadow: 0 0 0 1px #30393a0d, 0 8px 30px #30393a1a;
  border-radius: 8px;
  border-left: 4px solid var(--v-tt_color_lightblue_1);
  background-color: transparent;
  color: var(--v-tt_color_gray_2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: var(--elements_space);
}
@media screen and (min-width: 661px) {
  .transcript-tests_wrapper .card {
    padding: var(--elements_space) 28px;
  }
}
@media screen and (max-width: 660px) {
  .transcript-tests_wrapper .card {
    padding: var(--elements_space);
  }
}
.transcript-tests_wrapper .card .date,
.transcript-tests_wrapper .card .patient,
.transcript-tests_wrapper .card .status,
.transcript-tests_wrapper .card button.active {
  border-radius: 8px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--v-tt_color_gray_4);
}
.transcript-tests_wrapper .card .id {
  font-size: var(--v-tt_font-size_medium);
  font-weight: 400;
  line-height: 24px;
}
.transcript-tests_wrapper .card .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--elements_space);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.transcript-tests_wrapper .card .info .date,
.transcript-tests_wrapper .card .info .patient {
  padding: 10px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (min-width: 981px) {
  .transcript-tests_wrapper .card .info .date,
  .transcript-tests_wrapper .card .info .patient {
    height: 72px;
    width: -moz-fit-content;
    width: -webkit-fit-content;
    width: fit-content;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 980px) {
  .transcript-tests_wrapper .card .info .date,
  .transcript-tests_wrapper .card .info .patient {
    min-height: 72px;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.transcript-tests_wrapper .card .info .date .day {
  font-size: var(--v-tt_font-size_giant);
  font-weight: 200;
}
.transcript-tests_wrapper .card .info .date .month {
  font-size: var(--v-tt_font-size_small);
  font-weight: 500;
  line-height: 20px;
}
.transcript-tests_wrapper .card .info .patient span {
  font-size: var(--v-tt_font-size_default);
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  max-width: 100%;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}
.transcript-tests_wrapper .card .info .patient span.active {
  color: var(--v-tt_color_lightblue_1);
}
@media (hover: hover) {
  .transcript-tests_wrapper .card .info .patient span.active {
    cursor: pointer;
    -webkit-transition: var(--v-tt_transition_default);
    -o-transition: var(--v-tt_transition_default);
    transition: var(--v-tt_transition_default);
  }
  .transcript-tests_wrapper .card .info .patient span.active:hover {
    color: var(--v-tt_color_lightblue_2);
  }
}
.transcript-tests_wrapper .card .status {
  font-size: var(--v-tt_font-size_small);
  font-weight: 500;
  line-height: 20px;
  color: var(--v-tt_color_gray_3);
  padding: 12px 16px;
}
.transcript-tests_wrapper .card button.active {
  color: #fff;
  border-color: var(--v-tt_color_lightblue_1);
  background-color: var(--v-tt_color_lightblue_1);
}
@media (hover: hover) {
  .transcript-tests_wrapper .card button.active:hover {
    background-color: var(--v-tt_color_lightblue_2);
    cursor: pointer;
    -webkit-transition: var(--v-tt_transition_default);
    -o-transition: var(--v-tt_transition_default);
    transition: var(--v-tt_transition_default);
  }
}
/* End */
/* /local/js/lab4u/TranscriptTests/src/components/BannerDecryptions/dist/BannerDecryptions.bundle.css?17921622462929 */
/* /local/js/lab4u/TranscriptTests/dist/TranscriptTests.bundle.css?17921622467394 */