/* Copyright 2019-2021 Epic Systems Corporation */
.AccessList .headerRow {
  background-color: rgba(122, 0, 25, 0.05);
  color: #7a0019;
}
.AccessList [class*=col-] {
  padding: 0.5rem;
}
@media screen and (max-width: 768px) {
  .AccessList .celllabel {
    margin-top: 0.5rem;
    display: block;
  }
}
.AccessList ._ListGridBody .row {
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea;
}
.AccessList ._ListGridBody .row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .AccessList ._ListGridBody .row {
    padding: 0.5rem;
  }
  .AccessList ._ListGridBody .row:last-child {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .AccessList ._ListGridBody [class*=col-] {
    padding: 0;
  }
  .AccessList ._ListGridBody [class*=col-]:first-child {
    font-size: 1.2rem;
    color: #7a0019;
  }
}

/* Copyright 2024 Epic Systems Corporation */
.ActionPreviewTemplate {
  container-type: inline-size;
}
.ActionPreviewTemplate[class] {
  display: flex;
}
.ActionPreviewTemplate > .actionPreview {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "icon body" "action action";
  column-gap: 0.25rem;
}
.ActionPreviewTemplate > .actionPreview > .iconArea {
  grid-area: icon;
  min-width: 0;
}
.ActionPreviewTemplate > .actionPreview > .iconArea > ._Icon {
  color: #7a0019;
}
.ActionPreviewTemplate > .actionPreview > .bodyArea {
  grid-area: body;
  min-width: 0;
}
.ActionPreviewTemplate > .actionPreview > .bodyArea > ._PageHeading {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.ActionPreviewTemplate > .actionPreview > .bodyArea .bodyBone:not(:only-child) {
  margin-bottom: 0.25rem;
}
.ActionPreviewTemplate > .actionPreview > .bodyArea .detailBone {
  max-width: 10rem;
}
.ActionPreviewTemplate > .actionPreview > .bodyArea .detailBone:not(:last-child) {
  margin-bottom: 0.125rem;
}
.ActionPreviewTemplate > .actionPreview > .actionArea {
  grid-area: action;
  min-width: 0;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.ActionPreviewTemplate > .actionPreview > .actionArea > ._Link {
  min-width: 0;
  margin-bottom: 0;
}
@container (min-width: 576px) {
  .ActionPreviewTemplate > .actionPreview {
    grid-template-columns: 10% auto 25%;
    grid-template-areas: "icon body action";
    column-gap: 0.5rem;
  }
  .ActionPreviewTemplate > .actionPreview > .iconArea {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ActionPreviewTemplate > .actionPreview > .iconArea > ._Icon {
    width: 64px;
    height: 64px;
  }
  .ActionPreviewTemplate > .actionPreview > .actionArea {
    justify-content: flex-end;
  }
}

.OnDemandVideoVisitDetails > ._Text:not(:only-child)[class] {
  margin-bottom: 0.25rem;
}
.OnDemandVideoVisitDetails > .actionPreviewDetailLine {
  display: flex;
}
.OnDemandVideoVisitDetails > .actionPreviewDetailLine > ._Icon {
  margin-right: 0.25rem;
}
.OnDemandVideoVisitDetails > .actionPreviewDetailLine > ._Text {
  padding-top: 0.05rem;
}

.OnMyWayDetails > ._Text:not(:only-child)[class] {
  margin-bottom: 0.25rem;
}
.OnMyWayDetails > .actionPreviewDetailLine {
  display: flex;
}
.OnMyWayDetails > .actionPreviewDetailLine > ._Icon {
  margin-right: 0.25rem;
}
.OnMyWayDetails > .actionPreviewDetailLine > ._Text {
  padding-top: 0.05rem;
}

/* Copyright 2024 Epic Systems Corporation */
.Activation {
  width: 98%;
  margin: auto;
}

.CredentialsPage {
  width: 98%;
  margin: auto;
}
.unconstrainedCapturedWorkflow .CredentialsPage {
  max-width: 25rem;
}

@media only screen and (min-width: 769px) {
  .ActivationCodeForm .codeInput ._input {
    font-size: 1.385rem;
  }
}
.ActivationCodeForm .submitCodeButton {
  width: 100%;
}

.ActivationCodeSection .preText[class] {
  margin-bottom: 1rem;
}

.ActivationErrorPage {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.ActivationErrorPage .backToHomeButton[class] {
  width: 100%;
  margin-top: 1rem;
}

.OtherActivationMethodLinks {
  margin-top: 2rem;
}
.OtherActivationMethodLinks .linkCard {
  color: #7a0019;
}
.OtherActivationMethodLinks .linkCard:hover, .OtherActivationMethodLinks .linkCard:focus {
  text-decoration: none;
  color: #680015;
}
.OtherActivationMethodLinks .linkCard .linkCardContent {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  padding: 0;
  color: #363636;
}
.OtherActivationMethodLinks .linkCard .linkCardContent .leftIcon {
  flex: 0 0 auto;
  margin: 0.5rem;
}
.OtherActivationMethodLinks .linkCard .linkCardContent .arrowIcon {
  flex: 0 0 auto;
  margin: 0.25rem;
  margin-right: 0.75rem;
}
.OtherActivationMethodLinks .centralLayout {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.OtherActivationMethodLinks .centralCardContent {
  display: flex;
  align-items: center;
}
.OtherActivationMethodLinks .centralHeaderText {
  padding-top: 1rem;
  margin-bottom: 0 !important;
}
.OtherActivationMethodLinks .centralDescription {
  padding-bottom: 1rem;
  color: #363636;
  width: 95%;
}
@media screen and (min-width: 440px) {
  .OtherActivationMethodLinks .centralDescription {
    margin-top: -1rem;
  }
}

.SplashPage .DownloadText {
  padding-bottom: 20px;
}
@media only screen and (max-width: 1024px) {
  .SplashPage .DownloadText {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 300px;
  }
}
.SplashPage .PaddingBottom {
  padding-bottom: 20px;
}
@media only screen and (min-width: 1025px) {
  .SplashPage {
    margin-left: initial !important;
    font-size: 1.2rem;
  }
  .SplashPage .linkContainer {
    justify-content: left !important;
  }
}

.ActivationOptionPage {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.ActivationOptionPage .ActivationOptionCard {
  flex-direction: column;
  display: flex;
}
.ActivationOptionPage .ActivationOptionCard .ActivationOptionCardUpper {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 1rem;
  margin: 1rem 0;
}
.ActivationOptionPage .ActivationOptionCard .ActivationOptionCardUpper .ActivationOptionCardText {
  display: flex;
  flex-direction: column;
}
.ActivationOptionPage .ActivationOptionCard .ActivationOptionCardUpper .ActivationOptionCardText .ActivationOptionCardTitle {
  font-size: 1.25rem;
  margin-top: 0.5rem;
  margin-bottom: 0;
  font-weight: bold;
}
.ActivationOptionPage .ActivationOptionCard .ActivationOptionCardUpper .ActivationOptionCardText .ActivationOptionCardBody {
  font-size: 1rem;
  display: inline;
}
.ActivationOptionPage .ActivationOptionCard .AdctivationOptionCardButton {
  text-align: center;
}
.ActivationOptionPage .ActivationOptionLocal {
  display: flex;
  flex-direction: column;
}
.ActivationOptionPage .ActivationOptionLocal .LocalActivationButton {
  text-align: center;
}
.ActivationOptionPage .ActivationOptionCardPoints {
  display: grid;
  align-items: start;
  row-gap: 0.5rem;
  column-gap: 0.25rem;
  grid-template-columns: 1.5rem auto;
  grid-auto-rows: 1fr 1fr;
}
.ActivationOptionPage .ActivationOptionCardPoints ._Text {
  margin-bottom: 0;
  margin-top: 5px !important;
}
.ActivationOptionPage ._Icon {
  color: #E07383;
}

/* Copyright 2022 Epic Systems Corporation */
.AllergyListPage .allergiesFooter ._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .AllergyListPage .allergiesFooter ._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .AllergyListPage .allergiesFooter ._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .AllergyListPage .allergiesFooter ._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.AllergyListPage .Allergy .AllergyComment .ellipsis {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-template-areas: "commentIcon text";
}
.AllergyListPage .Allergy .AllergyComment .ellipsis .subtleColor {
  grid-area: text;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #565656;
  font-size: 0.8888888889rem;
}
.AllergyListPage .Allergy .AllergyComment .ellipsis svg {
  grid-area: commentIcon;
  vertical-align: middle;
}
.AllergyListPage .Allergy .valueTitle {
  padding-top: 0.25rem;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
.AllergyListPage .Allergy .descriptionText {
  color: #565656;
  font-size: 0.8888888889rem;
}
.AllergyListPage .Allergy .allergyEmblem {
  margin-top: 0.25rem;
}
.AllergyListPage .Allergy.ReconciledClinicalUpdateCard .contentLine:last-child {
  margin-bottom: 1rem;
}
.AllergyListPage .AddAllergyCard {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
  width: 100%;
  height: 100%;
}
.AllergyListPage .AddAllergyCard ._readOnlyText, .AllergyListPage .AddAllergyCard ._Icon {
  text-decoration: none;
  color: #404d5b;
}
@media screen {
  .AllergyListPage .AddAllergyCard ._readOnlyText:is(:focus, :hover), .AllergyListPage .AddAllergyCard ._Icon:is(:focus, :hover) {
    color: #384450;
    text-decoration: underline;
  }
}

@media print {
  .AllergyListPage .AddAllergyCard {
    display: none;
  }
}
.AllergyListPage .AddAllergyCard.disabled {
  pointer-events: none;
  background-color: #eaeaea;
}
.AllergyListPage .AddAllergyCard:focus, .AllergyListPage .AddAllergyCard:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}

.AllergyEntry .allergiesFooter ._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .AllergyEntry .allergiesFooter ._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .AllergyEntry .allergiesFooter ._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .AllergyEntry .allergiesFooter ._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.AllergyEntry .entryCardTitle {
  padding-top: 0.25rem;
}
.AllergyEntry .required label::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../images/required_asterisk.png") scroll no-repeat transparent 0 0/0.4rem 0.4rem;
  margin: 0.15rem 0.15rem 0 0;
  height: 0.4rem;
  width: 0.4rem;
}
.AllergyEntry .required label::before {
  background-image: url(../../images/required_asterisk.png);
}

/* Copyright 2020-2021 Epic Systems Corporation */
.Attachments {
  width: auto;
  display: inline-block;
  margin-bottom: 0.75rem;
  padding: 0;
  border: none;
  margin-right: 0.75rem;
}
.Attachments._link {
  text-decoration: none;
}
.Attachments.withThumbnail:is(:focus, :hover) {
  box-shadow: 0 0 0 1px #7a0019;
}

.Attachments.withThumbnail[class] {
  display: flex;
  flex-direction: column;
  border-radius: 0.5rem 0.5rem calc(0.6rem + 0.25rem + 1px) calc(0.6rem + 0.25rem + 1px);
  background-color: #dbdbdb;
  max-width: 9rem;
}
.Attachments.withThumbnail .AttachmentThumbnailContainer {
  width: 8.5rem;
  height: 5.5rem;
  border-radius: 0.3rem;
  margin: 4px;
  overflow: hidden;
}
.Attachments.withThumbnail .AttachmentThumbnailContainer .fallbackImage {
  height: 100%;
  transform: scale(1.5);
}
.Attachments.withThumbnail .AttachmentThumbnailContainer .fallbackImage > use {
  color: currentColor;
  position: absolute;
}
@media print {
  .Attachments.withThumbnail .AttachmentThumbnailContainer .fallbackImage > use {
    display: none;
  }
}
@media print {
  .Attachments.withThumbnail .AttachmentThumbnailContainer {
    display: none;
  }
}
.Attachments.withThumbnail .AttachmentThumbnail {
  width: 100%;
  min-height: 100%;
  color: #363636;
}
.Attachments.withThumbnail .AttachmentPillContent {
  width: 100%;
}
.Attachments:is(:focus, :hover) {
  outline: none;
}

.Attachments:hover .AttachmentPillContent, .Attachments:focus .AttachmentPillContent {
  box-shadow: 0 0 0 1px currentColor;
  text-decoration: none;
}
.Attachments[class] {
  line-height: normal;
  border-radius: calc(0.6rem + 0.25rem + 1px);
  background-color: transparent;
}
.Attachments .AttachmentPillContent {
  color: #7a0019;
  border: 1px solid currentColor;
  border-radius: calc(0.6rem + 0.25rem + 1px);
  overflow: hidden;
  width: auto;
  margin-bottom: 0;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
}
.Attachments .AttachmentPillContent:not(:last-child) {
  margin-right: 0.75rem;
}
@media print {
  .Attachments .AttachmentPillContent {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.Attachments .AttachmentPillContent .attachmentIcon {
  flex-shrink: 0;
  margin: 0 0.125rem 0 0.25rem;
  fill: #ffffff;
}
@media print {
  .Attachments .AttachmentPillContent .attachmentIcon {
    display: inline-block !important;
    width: 24px !important;
    margin-left: 0;
    margin-right: -0.25rem;
    fill: #363636;
  }
}
.Attachments .AttachmentPillContent .attachmentText {
  background-color: #f8f2f4;
  text-align: left;
  line-height: normal;
  padding: 0.25rem 0.5rem;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mobile .Attachments .AttachmentPillContent[class] {
  font-size: 1rem;
}
@media print {
  .Attachments .AttachmentPillContent {
    border: none;
  }
}
.Attachments .AttachmentPillContent[class] {
  background-color: currentColor;
  padding: 0;
}

.AttachmentList {
  display: flex;
  flex-wrap: wrap;
}
.AttachmentList .listTitle {
  color: #000000;
  margin: 0.5rem 0 0;
  padding: 0;
  font-size: 0.8rem;
}

.mobile:not([data-ua=nonmobile]) .printablePopup ._Command.primary {
  display: none;
}

/* Copyright 2023-2024 Epic Systems Corporation */
.Authorizations .pairMargin[class][class] {
  margin-top: 0px;
  margin-bottom: 0px;
}
.Authorizations .pairMarginTop[class][class] {
  margin-top: 0.25em;
  margin-bottom: 0px;
  overflow-wrap: break-word;
}
.Authorizations .pairMarginTop .valueLabel {
  width: fit-content;
  margin-bottom: 0px;
}
.Authorizations .pairMarginTop .valueLabelParent {
  display: flex;
  align-items: center;
  position: relative;
}
.Authorizations ._StatusBadge {
  overflow-wrap: break-word;
}
.Authorizations ._ListElement[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
}
.Authorizations ._ListElement:first-of-type[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.Authorizations .authCard {
  min-width: 30rem;
  max-width: 75%;
}
.Authorizations .authCard[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .Authorizations .authCard {
    min-width: inherit;
    max-width: inherit;
  }
}
@media print {
  .Authorizations .authCard {
    min-width: inherit;
    max-width: inherit;
  }
}
.Authorizations .authCard .activityDefinition {
  padding: 0.25rem 0.5%;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 768px) {
  .Authorizations .authCard .authCardTop {
    justify-content: flex-start;
    flex-direction: column;
  }
}
.Authorizations .cardHeading {
  padding-top: 0px;
  flex: 1;
  word-wrap: break-word;
}
.Authorizations .cardHeading[class][class] {
  display: inline;
}
.Authorizations .sectionTitle {
  width: fit-content;
  flex: unset;
  margin: 0 auto 0.25rem 0;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .Authorizations .sectionTitle {
    width: 100%;
  }
}
.Authorizations .service {
  min-height: unset;
}
.Authorizations .service .sectionTitle {
  margin-right: auto;
}
.Authorizations .service ._StatusBadge {
  margin: 0;
}
.Authorizations .subheading[class][class] {
  margin-top: 0px;
}
.Authorizations .clearBottomPadding .headingGroup {
  padding-bottom: 0px;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
}
.Authorizations .clearBottomPadding .headingGroup .heading {
  align-self: flex-start;
  width: auto;
  max-width: 100%;
  overflow-wrap: anywhere;
  flex-grow: 1;
}
.Authorizations .clearBottomPadding .headingGroup .actions {
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.Authorizations .clearBottomPadding .headingGroup .actions .referralsPrintButtonWrapper {
  flex-shrink: 0;
  width: fit-content;
  padding: 0;
}
.Authorizations .spaceOnTop[class][class] {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .Authorizations ._StatusBadge[class][class] {
    margin-bottom: 0.25rem;
  }
}
.Authorizations .noShrinkMobile[class][class][class] {
  width: clamp(16px, 1.385rem, 48px);
}
.Authorizations .titleContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .Authorizations .titleContainer {
    flex-direction: column;
  }
}
.Authorizations .authorizationHeading {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  padding: 0.75rem 1.25rem 0.5rem;
  border-bottom: 1px solid transparent;
}
@media screen {
  .Authorizations .authorizationHeading {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.mobile .Authorizations .authorizationHeading {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .Authorizations .authorizationHeading {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .Authorizations .authorizationHeading {
    margin-top: -0.25rem;
  }
  .mobile .Authorizations .authorizationHeading {
    margin-top: 0;
  }
}
.mobile .Authorizations .authorizationHeading {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .Authorizations .authorizationHeading {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .Authorizations .authorizationHeading {
    margin-top: 0;
  }
  .mobile .Authorizations .authorizationHeading {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .Authorizations .authorizationHeading {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .Authorizations .authorizationHeading {
    padding: 0.75rem 0.75rem 0.5rem;
  }
}
.mobile .Authorizations .authorizationHeading {
  padding: 0.75rem 0.5rem 0.5rem;
}
@media print {
  .Authorizations .authorizationHeading {
    border-width: 0;
  }
}
.Authorizations .authorizationHeading.valance {
  border-color: #cccccc;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
.mobile .Authorizations .authorizationHeading.valance {
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
@media print {
  .Authorizations .authorizationHeading.valance {
    border-width: 1px;
  }
}
.darkmode .Authorizations .authorizationHeading.valance {
  border-color: #000000;
}

.Authorizations .authorizationHeading .additionalAction {
  margin-right: 0.6rem;
}
.Authorizations .authorizationHeading .additionalAction::after {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #767676;
  content: "";
  vertical-align: middle;
  margin-left: 0.6rem;
  margin-right: -0.6rem;
  height: 21px;
}
.Authorizations .authorizationHeading ._AdditionalActions:last-child .additionalAction {
  padding: inherit;
  margin: 0;
}
.Authorizations .authorizationHeading ._AdditionalActions:last-child .additionalAction::after {
  border: none;
  margin: 0;
}
.Authorizations .authorizationHeading .noBadge {
  margin-bottom: 0.5rem;
}
.Authorizations .authorizationHeading .inlineDetails {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .Authorizations .authorizationHeading .inlineDetails {
    flex-direction: column;
    align-items: unset;
  }
}
.Authorizations .authorizationHeading .inlineDetails .subheading {
  width: fit-content;
}
.Authorizations .authorizationHeading[class] ._StatusBadge {
  margin: 0;
  height: fit-content;
}
.Authorizations .authorizationHeading[class] .askAQuestionAction {
  text-decoration: none;
}
.Authorizations .SortResults {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0;
}
.Authorizations .SortResults .dropdownSort {
  width: max-content;
  padding-right: 0.5rem;
  margin-bottom: 0;
}
.Authorizations .smallGutter {
  display: flex;
}
.Authorizations .smallGutter .ClinicianPhoto {
  width: 2rem;
  height: 2rem;
}
@media print {
  .Authorizations .smallGutter .ClinicianPhoto {
    width: 2rem !important;
    height: unset;
  }
}
.Authorizations .smallGutter .PatientPhoto {
  flex: 1 1 20%;
  margin: 0;
}
.Authorizations .smallGutter .PatientPhoto .roundedPatientPhoto {
  border-width: 2px;
  border-style: solid;
}
.Authorizations ._GutterLayout ._Content.oneElement {
  display: flex;
  align-items: center;
}
.Authorizations .additionalInfo {
  margin-top: 0.25rem;
  padding-bottom: 0;
}
.Authorizations ._Disclosure {
  display: unset;
  flex-direction: unset;
}
.Authorizations[class] .noMargin {
  margin: 0;
}
.Authorizations ._Toast .body {
  background: none;
}
.Authorizations .appealWithIcon {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}
.Authorizations ._PageTitle {
  margin-bottom: 0.5rem;
  padding-bottom: 0;
}

/* Copyright 2024 Epic Systems Corporation */
.AuthCard.auth {
  padding: 0;
  overflow-wrap: anywhere;
  display: flex;
  flex-direction: column;
}
.AuthCard.auth .seeMoreSection {
  margin-bottom: 0.25rem;
}
.AuthCard.auth .seeMoreSection :hover, .AuthCard.auth .seeMoreSection :active, .AuthCard.auth .seeMoreSection :focus {
  text-decoration: underline;
  background-color: transparent;
}
.AuthCard.auth .seeMoreSection .seeMoreLink {
  display: flex;
}
.AuthCard.auth .AuthCardMainSection {
  padding: 0.5rem 0.5rem 0 0.5rem;
  flex-grow: 1;
}
.AuthCard.auth .authCardText {
  font-size: 0.95rem;
}
.AuthCard.auth .authCardDate {
  padding: 0rem 0.25rem;
  margin-top: 0.25rem;
}
.AuthCard.auth ._Icon._image.infoIcon {
  margin: auto 0.25rem auto auto;
}

.BackLink {
  flex-grow: 1;
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.mobile .BackLink {
  display: none;
}
@media screen and (max-width: 768px) {
  .BackLink {
    padding-top: 0.5rem;
    display: none;
  }
}
@media print {
  .BackLink {
    display: none;
  }
}
.BackLink .link {
  display: inline-flex;
  align-items: center;
}
.BackLink .link ._Icon {
  margin-right: 0.25rem;
}

.CardActions .actionButtons {
  display: flex;
  justify-content: flex-end;
  padding: 0 0.25rem 0.25rem 0.25rem;
}
@media screen and (max-width: 1300px) {
  .CardActions .actionButtons {
    padding-top: 0.25rem;
    flex-direction: column;
  }
}
.CardActions .actionButtons .buttonItem {
  margin: 0.25rem;
  overflow-wrap: anywhere;
}

.CardHeader {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  justify-content: space-between;
}
.CardHeader .orgTitle {
  width: auto;
  flex-basis: 12em;
  flex-grow: 1;
}
.CardHeader .orgTitle h4 {
  padding: 0;
}
.CardHeader .authBanner {
  width: fit-content;
}

.CareEverywhereId .id {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  height: fit-content;
  width: fit-content;
  padding: 1rem;
  min-width: 40%;
  min-height: 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
}
.CareEverywhereId .id:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .CareEverywhereId .id {
    width: 100%;
  }
}

.CareEverywhereIDGroup {
  margin-bottom: 0.5rem;
}

.HeaderFilter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.HeaderFilter .agreementHeader {
  width: auto;
  flex-grow: 1;
}
.HeaderFilter .agreementHeader h3 {
  padding-top: 0.25rem;
  padding-bottom: 0;
}

.RemoveAuthorization .removeOrganizationList {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  height: fit-content;
  width: fit-content;
  padding: 1rem;
  margin: 0.5rem 0;
  min-width: 40%;
  min-height: 0;
}
.RemoveAuthorization .removeOrganizationList:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .RemoveAuthorization .removeOrganizationList {
    width: 100%;
  }
}
.RemoveAuthorization .duplicateAuthWarning {
  font-weight: bold;
  margin: 1rem 0;
}
.RemoveAuthorization .formbuttons .button {
  margin-right: 0.5rem;
}

.SearchOrganizations .checkButtons {
  display: flex;
}
@media screen and (max-width: 768px) {
  .SearchOrganizations .checkButtons {
    flex-direction: column;
  }
}
.SearchOrganizations .checkButtons .checkButton {
  margin-right: 0.5rem;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .SearchOrganizations .checkButtons .checkButton {
    margin-right: 0;
  }
}
.SearchOrganizations[class][class] ._GridCol {
  margin-bottom: 0.25rem;
}
.SearchOrganizations[class][class] ._GridCol ._Choice {
  width: 100%;
}
.SearchOrganizations legend {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}
@media screen and (max-width: 768px) {
  .SearchOrganizations .continueButton {
    width: 100%;
  }
}

.SharingDetailsPopUp .popupPreText {
  margin-bottom: 0.5rem;
}
.SharingDetailsPopUp .authOrgList li:not(:last-child) {
  margin-bottom: 0.25rem;
}

.SignAllOrgsBanner.bannerContainer {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  display: flex;
  width: 70%;
  margin: 1rem 0;
  align-items: center;
}
.SignAllOrgsBanner.bannerContainer:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media screen and (max-width: 1300px) {
  .SignAllOrgsBanner.bannerContainer {
    width: 100%;
  }
}
.SignAllOrgsBanner.bannerContainer .banner {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .SignAllOrgsBanner.bannerContainer .banner ._GridCol.col-2._container {
    margin-bottom: 0;
  }
}
.SignAllOrgsBanner.bannerContainer .banner .signAllIcon svg {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .SignAllOrgsBanner.bannerContainer .banner .signAllIcon svg {
    height: 4rem;
  }
}
.SignAllOrgsBanner.bannerContainer .banner .signAllText h3 {
  padding-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .SignAllOrgsBanner.bannerContainer .banner .signAllText h3 {
    padding-top: 0;
  }
}
.SignAllOrgsBanner.bannerContainer .banner .signButtons {
  align-content: center;
}
.SignAllOrgsBanner.bannerContainer .banner .signButtons .signAllButton button, .SignAllOrgsBanner.bannerContainer .banner .signButtons .pickOrgButton button {
  width: 100%;
}

.SortFilter {
  display: none;
  width: auto;
  flex-shrink: 1;
}
@media screen and (max-width: 768px) {
  .SortFilter {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .SortFilter .sortDropdown {
    width: 100%;
  }
}

/* Copyright 2020-2021 Epic Systems Corporation */
.AutoSyncSettings {
  max-width: 1000px;
}
.AutoSyncSettings .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.AutoSyncSettings .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.AutoSyncSettings .ToggleSwitch .toggleLabelIcon, .AutoSyncSettings .ToggleSwitch .toggleLabelImage {
  margin-right: 1rem;
}
.AutoSyncSettings .ToggleSwitch ._Text {
  align-self: center;
}
.AutoSyncSettings .ToggleSwitch .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.AutoSyncSettings .ToggleSwitch .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.AutoSyncSettings .ToggleSwitch .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.AutoSyncSettings .ToggleSwitch .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.AutoSyncSettings .ToggleSwitch .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.AutoSyncSettings .ToggleSwitch .sliderRail .onIcon {
  z-index: 1;
}
.AutoSyncSettings .ToggleSwitch .sliderRail .sliderKnob, .AutoSyncSettings .ToggleSwitch .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.AutoSyncSettings .ToggleSwitch .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.AutoSyncSettings .ToggleSwitch .sliderButton {
  margin-left: auto;
}
.AutoSyncSettings .ToggleSwitch .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.AutoSyncSettings .ToggleSwitch .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.AutoSyncSettings .ToggleSwitch .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.AutoSyncSettings .ToggleSwitch .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.AutoSyncSettings .ToggleSwitch .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.AutoSyncSettings .preTextForPage {
  word-wrap: break-word;
}

.AreaSettings.boundary-strong {
  padding: 0 1rem 0.5rem 1rem;
  margin-top: 1rem;
}
.mobile .AreaSettings h2.areaHeading {
  background: none;
  font-size: 1.25rem;
  margin-bottom: 0.25rem;
}
.AreaSettings .pretext {
  display: inline-block;
}
.AreaSettings .organizationList > :not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.AreaSettings .organizationList > :not(:last-child) .updateStatus {
  margin-bottom: 0.75rem;
}
.AreaSettings .Badge {
  float: right;
  margin: 0.75rem 0 0.5rem;
}
.AreaSettings .Badge .badgeText .icon.lock {
  width: clamp(16px, 1.154rem, 48px);
  height: clamp(16px, 1.154rem, 48px);
  margin-left: -5px;
  margin-right: calc(0.4rem - 5px);
}
.AreaSettings .Badge.small {
  display: none;
}
.mobile .AreaSettings .Badge.small {
  display: flex;
  float: left;
  margin-top: 0;
}
.mobile .AreaSettings .Badge {
  display: none;
}

.AreaUserSetting {
  border-bottom: 1px solid #cccccc;
  margin-top: 1rem;
}

.AreaOrganizationSetting .toggleLabelImage {
  border-radius: 50%;
  box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.2);
}
.AreaOrganizationSetting .updateStatus {
  display: flex;
  padding-right: 60px;
  padding-left: 45px;
  margin-top: -0.5rem;
  margin-bottom: 0.25rem;
  align-items: start;
}
.AreaOrganizationSetting .updateStatus .updateIcon {
  margin-right: 0.25rem;
  margin-top: 0.2rem;
}
.AreaOrganizationSetting .updateStatus .subTextWithButton button.tertiary {
  display: inline;
  font-size: 0.8rem;
  margin: 0 0.5rem;
  padding: 0;
}
.mobile .AreaOrganizationSetting .updateStatus .subTextWithButton button.tertiary {
  font-size: 0.8rem;
  padding: 0;
  vertical-align: unset;
}

.Badge {
  display: flex;
  align-items: center;
  border: 1px solid;
  background-color: #ffffff;
  border-radius: 1.25rem;
  width: fit-content;
}
.Badge.disabled {
  color: #3d3133;
  border-color: #766a6d;
}
.Badge.information {
  color: #003d7a;
  border-color: #005ebb;
}
.Badge.interactive {
  padding-left: 0.8rem;
}
.Badge .widgetLink {
  padding: 0.4rem 0.8rem 0.4rem 0.5rem;
  border-radius: 0 1.2rem 1.2rem 0;
}
.Badge .badgeText {
  border-radius: 1.2rem;
  display: flex;
  align-items: center;
  padding: 0 0.75rem;
}
.Badge .badgeText.disabled {
  background-color: #e7e1e2;
}
.Badge .badgeText.information {
  background-color: #e0f1ff;
}
.Badge .badgeText.interactive {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  padding-right: 0.5rem;
  padding-left: 0.8rem;
  border-right: 1px solid;
}
.Badge .badgeText.interactive .text {
  padding: 0.4rem 0;
}
.Badge .badgeText .status {
  display: flex;
}
.Badge .badgeText .icon {
  flex-shrink: 0;
  margin-right: 0.4rem;
  width: 16px;
  height: 16px;
}
.Badge .badgeText .icon svg {
  width: 100%;
  height: 100%;
}
.Badge .badgeText .text {
  padding: 0.1rem 0 0.2rem 0;
  word-break: break-word;
}

.AutoSyncWidget .Badge {
  margin-top: -0.25rem;
  margin-bottom: 0.5rem;
}
.AutoSyncWidget .Badge .badgeText .icon.sync {
  width: 28px;
  height: 28px;
  margin-left: -5px;
  margin-right: calc(0.4rem - 5px);
}
.AutoSyncWidget .Badge .badgeText .icon.info {
  width: 19px;
  height: 19px;
  margin-left: -1px;
  margin-right: calc(0.4rem - 1px);
}
.AutoSyncWidget .Badge .badgeText .icon.spinningLoadWheel {
  border-top-color: currentColor;
  border-width: 3px;
}

.SyncUnavailableBadge {
  background-color: #eaeaea;
  width: max-content;
  font-size: 0.8rem;
  border: 1px solid #cccccc;
  border-radius: 0.25rem;
  padding: 0 0.25rem;
}

/* Copyright 2024 Epic Systems Corporation */
.BarcodeBox {
  width: fit-content;
  height: fit-content;
  aspect-ratio: 1/1;
  background-color: black;
  border-radius: 5%;
  padding: 7%;
}
.BarcodeBox .barcodeContentWrapper {
  display: flex;
  align-items: center;
}
.BarcodeBox .barcodeImage, .BarcodeBox .barcodeContentWrapper {
  width: 55vh;
  height: 55vh;
}

.tvmode .DischargeChecklist .ReadOnlyArea {
  flex-grow: 1;
}

.MilestoneListElement {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.MilestoneListElement .milestoneName {
  margin-left: 0.3em;
  margin-top: 0.29rem;
  overflow-wrap: anywhere;
}
.MilestoneListElement .checklistIcon {
  flex-grow: 0;
  flex-shrink: 0;
  line-height: 1rem;
}
.MilestoneListElement .checklistIcon.completed[class] {
  color: #09aa71;
}

.MilestonesSection {
  margin-top: 1.1rem;
}
.MilestonesSection .contentSegment {
  display: flex;
  align-items: flex-start;
}
.MilestonesSection .contentSegment .listSegment {
  margin-top: 8px;
}
.MilestonesSection .contentSegment .Ring {
  flex-shrink: 0;
  overflow: visible;
  line-height: 1rem;
}
.MilestonesSection .bannerContent {
  display: flex;
  align-items: center;
}
.MilestonesSection .bannerText h2 {
  font-size: 1rem;
}
.MilestonesSection .cardAlignedTextContainer {
  margin-left: 6px;
  margin-top: 0;
}
.MilestonesSection .cardAlignedTextContainer .cardAlignedText[class][class][class][class] {
  padding-bottom: 0;
  padding-top: 0;
  padding-right: 4px;
}
.MilestonesSection ul {
  display: grid;
  margin-bottom: 20px;
  margin-top: 10px;
}
@media screen and (min-width: 1280px) {
  .MilestonesSection ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5em 2%;
  }
}
@media screen and (max-width: 1279px) {
  .MilestonesSection ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 3%;
  }
}
@media screen and (max-width: 759px) {
  .MilestonesSection ul {
    grid-template-columns: 1fr;
    row-gap: 1em;
  }
}
.MilestonesSection ul > li {
  min-width: 0;
  display: flex;
  justify-content: center;
}
.MilestonesSection .milestoneHeaderText {
  margin: 10px;
  width: auto;
}
.darkmode .MilestonesSection .contentSegment {
  background-color: #3d3133;
}
.darkmode .MilestonesSection .Ring .circle {
  stroke: #ffffff;
}
.darkmode .MilestonesSection .Ring .ring {
  stroke: #09aa71;
}

.tvmode .MilestonesSection {
  padding: 0px;
  margin: 0px;
}
.tvmode .MilestonesSection .contentSegment {
  background-color: transparent;
  box-shadow: none;
}
.tvmode .MilestonesSection li {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 1rem;
  border-left: 0.3rem solid #bcc2c6;
}
.tvmode.darkmode .MilestonesSection li {
  background-color: #3d3133;
}

.ChecklistPretext {
  background-image: radial-gradient(calc(64px + 0.75rem) 95% at left, #C8F5F3, #C8F5F3 100%, transparent calc(100% + 1px));
}
.ChecklistPretext.boundary-strong {
  min-height: 3rem;
  margin-top: 1.2rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.ChecklistPretext .doorImage {
  display: flex;
  flex-shrink: 0;
  max-width: 4rem;
}
.ChecklistPretext .textSegment {
  margin-left: 1.6rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  padding-right: 14px;
}
.ChecklistPretext .textSegment .activityHeader {
  display: inline;
  font-weight: bold;
  overflow-wrap: anywhere;
  hyphens: auto;
}
html:not(.tvmode).mobile .ChecklistPretext .textSegment .activityHeader {
  display: none;
}

.ChecklistPretext .textSegment .pretextString {
  color: #000000;
  font-weight: 600;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.darkmode .ChecklistPretext .textSegment .pretextString {
  color: #ffffff;
  font-weight: 400;
}

.ChecklistPretext .textSegment .softWarningString {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.darkmode .ChecklistPretext {
  background-color: rgba(0, 0, 0, 0.65);
}

.tvmode .ChecklistPretext {
  margin: 0px !important;
  width: 100%;
  border-radius: 0px;
  background-image: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tvmode .ChecklistPretext .textSegment {
  margin-left: 8px;
}
.tvmode .ChecklistPretext .textSegment .softWarningString {
  display: none;
}

.MilestonesBanner {
  border: 1px solid #dbdbdb;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  border-radius: 6px;
}
@media only screen and (max-width: 768px) {
  .MilestonesBanner {
    flex-direction: column;
  }
}
.MilestonesBanner.informational {
  background-color: #e0f1ff;
}
.MilestonesBanner.informational ._PageHeading {
  color: #7a0019;
}
.MilestonesBanner.informational ._Icon {
  fill: #7a0019;
}
.MilestonesBanner.success {
  background-color: #ccffd8;
}
.MilestonesBanner.success ._PageHeading {
  color: #0f784a;
}
.MilestonesBanner.success ._Icon {
  fill: #0f784a;
}
.MilestonesBanner.warning {
  background-color: #ffffd0;
}
.MilestonesBanner.warning ._PageHeading {
  color: #000000;
}
.MilestonesBanner.warning ._Icon {
  fill: #000000;
}
.MilestonesBanner.critical {
  background-color: #ffe8e8;
}
.MilestonesBanner.critical ._PageHeading {
  color: #d80000;
}
.MilestonesBanner.critical ._Icon {
  fill: #d80000;
}
.MilestonesBanner ._PageHeading {
  padding: 0 0 0.125em 0;
}
.MilestonesBanner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
}
.MilestonesBanner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
}
.MilestonesBanner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
.MilestonesBanner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.MilestonesBanner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.darkmode .MilestonesBanner.informational {
  background-color: #273D4D;
  border: #398ECE;
}
.darkmode .MilestonesBanner.informational ._PageHeading {
  color: #ffffff;
}
.darkmode .MilestonesBanner.informational ._Icon {
  fill: #7a0019;
}

/* Copyright 2024 Epic Systems Corporation */
.DeviceActivationPage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.DeviceActivationPage .pageWrapper {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}
.DeviceActivationPage .pageContent {
  height: 100%;
}
.DeviceActivationPage .pageHeader {
  display: flex;
  align-items: center;
  padding-left: 1.5rem;
}
.darkmode .DeviceActivationPage .pageHeader {
  background-color: rgba(0, 0, 0, 0.65);
}

.DeviceActivationPage .pageHeader.Wrapper {
  display: flex;
}
.DeviceActivationPage .headingIcon {
  margin-right: 1rem;
}
.DeviceActivationPage .headingText {
  padding: 0.5rem 0 0.5rem;
}
.DeviceActivationPage .subHeadingText {
  padding: 0 0 0.5rem;
}
.DeviceActivationPage .pageContent {
  display: flex;
  align-items: center;
  padding: 2% 5%;
}
.DeviceActivationPage .promotionText {
  margin-right: 1rem;
}
.DeviceActivationPage .promotionHeader {
  padding-top: 0;
}
.DeviceActivationPage .promotionList {
  font-size: 1.265625rem;
  list-style-type: disc;
  padding-left: 1.2rem;
}
.DeviceActivationPage .promotionList > li {
  padding-top: 0.75rem;
}
.DeviceActivationPage .settings {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: relative;
  break-inside: avoid;
  border-radius: 100%;
  background-clip: padding-box;
  margin-right: 1rem;
}
.DeviceActivationPage .settings:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media (max-width: 560px) {
  .DeviceActivationPage .settings {
    margin-top: 0.5rem;
  }
}
.darkmode .DeviceActivationPage .settings {
  background-color: #3d3133;
  color: #ffffff;
}

.tvmode:not(.hideFocus) .DeviceActivationPage .settings:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  color: #ffffff;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .DeviceActivationPage .settings:focus {
    outline: #7a0019 solid 3px;
  }
}

.DeviceActivationPage .settings svg {
  max-height: 2.8rem;
  max-width: 2.8rem;
}
@media (max-width: 560px) {
  .DeviceActivationPage .settings svg {
    max-height: 2.3rem;
    max-width: 2.3rem;
  }
}
.DeviceActivationPage.larger {
  font-size: 22.5px;
}
.DeviceActivationPage.larger h1._heading {
  font-size: 2.25rem;
}
.DeviceActivationPage.larger h2._heading {
  font-size: 1.875rem;
}
.DeviceActivationPage.larger .promotionList {
  font-size: 1.8rem;
  line-height: 1.8rem;
}
.DeviceActivationPage.larger .TVPreLoginOptionCard .deviceCardTextContainer {
  font-size: 1.8rem;
}
.DeviceActivationPage.larger .TVPreLoginOptionCard .additionalText {
  font-size: 1.5rem;
}
.DeviceActivationPage.larger ._Command._actionable._command.bottomButton {
  font-size: 1.65rem;
}
.DeviceActivationPage.largest {
  font-size: 30px;
}
.DeviceActivationPage.largest h1._heading {
  font-size: 3rem;
}
.DeviceActivationPage.largest h2._heading {
  font-size: 2.5rem;
}
.DeviceActivationPage.largest .promotionList {
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.DeviceActivationPage.largest .TVPreLoginOptionCard .deviceCardTextContainer {
  font-size: 2.4rem;
}
.DeviceActivationPage.largest .TVPreLoginOptionCard .additionalText {
  font-size: 2rem;
}
.DeviceActivationPage.largest ._Command._actionable._command.bottomButton {
  font-size: 2.2rem;
}

.InstructionList {
  text-align: center;
}
.InstructionList .instructionLine {
  display: flex;
  padding-bottom: 1em;
}
.InstructionList .instructionNumContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #7a0019;
  aspect-ratio: 1/1;
  margin-right: 0.5em;
  width: fit-content;
  height: fit-content;
}
.InstructionList .instructionNumber {
  margin-top: 0.1rem;
  width: 1.3lh;
}
.InstructionList .instructionText {
  text-align: left;
  word-wrap: break-word;
  align-self: center;
  margin: 0 1rem 0 0.5rem;
}

.BarcodeActivationPage {
  display: flex;
  flex-direction: column;
  height: 100%;
  font-size: 1.265625rem;
}
.BarcodeActivationPage .pageWrapper {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}
.BarcodeActivationPage .pageContent {
  height: 100%;
}
.BarcodeActivationPage .pageHeader {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
}
.darkmode .BarcodeActivationPage .pageHeader {
  background-color: rgba(0, 0, 0, 0.65);
}

.BarcodeActivationPage .headingIcon {
  margin-right: 1rem;
}
.BarcodeActivationPage .headingText {
  padding: 0;
}
.BarcodeActivationPage .pageContent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2% 5%;
}
.BarcodeActivationPage .barcodeContainer {
  width: fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 2rem;
}
.BarcodeActivationPage .instructions {
  width: fit-content;
}
.BarcodeActivationPage .helpText {
  font-style: italic;
}
.BarcodeActivationPage .helpText[class] {
  margin: 2rem 1.5rem 0 0;
}
.BarcodeActivationPage .settings {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: relative;
  break-inside: avoid;
  border-radius: 100%;
  background-clip: padding-box;
  margin-right: 1rem;
}
.BarcodeActivationPage .settings:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media (max-width: 560px) {
  .BarcodeActivationPage .settings {
    margin-top: 0.5rem;
  }
}
.darkmode .BarcodeActivationPage .settings {
  background-color: #3d3133;
  color: #ffffff;
}

.tvmode:not(.hideFocus) .BarcodeActivationPage .settings:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  color: #ffffff;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .BarcodeActivationPage .settings:focus {
    outline: #7a0019 solid 3px;
  }
}

.BarcodeActivationPage .settings svg {
  max-height: 2.8rem;
  max-width: 2.8rem;
}
@media (max-width: 560px) {
  .BarcodeActivationPage .settings svg {
    max-height: 2.3rem;
    max-width: 2.3rem;
  }
}
.BarcodeActivationPage.larger {
  font-size: 22.5px;
}
.BarcodeActivationPage.larger h1._heading {
  font-size: 2.25rem;
}
.BarcodeActivationPage.larger ._Command._actionable._command.bottomButton {
  font-size: 1.65rem;
}
.BarcodeActivationPage.largest {
  font-size: 30px;
}
.BarcodeActivationPage.largest h1._heading {
  font-size: 3rem;
}
.BarcodeActivationPage.largest ._Command._actionable._command.bottomButton {
  font-size: 2.2rem;
}

.TVPreLoginOptionCard[class] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem;
}
.TVPreLoginOptionCard[class] .deviceCardTextContainer {
  font-size: 1.265625rem;
  width: 70%;
  margin-left: 0.5rem;
}
.TVPreLoginOptionCard[class] .deviceIcon {
  padding: 0 0.5rem;
}
.TVPreLoginOptionCard[class] .additionalText {
  font-size: 13pt;
  font-style: italic;
  margin-top: 0.25rem;
}

.TabletActivationError {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TabletActivationError .cardContainer {
  border-radius: 1.5rem;
  background: #000000;
  width: 60%;
  text-align: center;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.TabletActivationError ._Text[class] {
  margin: 0 0 0.25rem 0;
}
.TabletActivationError ._Command {
  width: fit-content;
}
.TabletActivationError ._Command[class] {
  margin-top: 1.25rem;
}

.TabletActivationWrapper {
  height: 100%;
}

.DeviceActivationCards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  margin-left: 1rem;
}

.ButtonFooter {
  display: flex;
  padding: 0 5% 0.75rem 5%;
}
.ButtonFooter .bottomButton {
  min-width: 10vw;
}
.ButtonFooter .secondaryButton[class] {
  margin-left: 1rem;
}

.InstantActivationPage {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.InstantActivationPage .pageWrapper {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}
.InstantActivationPage .pageContent {
  height: 100%;
}
.InstantActivationPage .pageContent {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2% 0;
}
.InstantActivationPage .pageHeader {
  display: flex;
  align-items: center;
}
.darkmode .InstantActivationPage .pageHeader {
  background-color: rgba(0, 0, 0, 0.65);
}

.InstantActivationPage .pageHeader .headingText {
  padding: 0;
}
@media screen and (max-width: 660px) {
  .InstantActivationPage .reflowContainer {
    display: flex;
    flex-direction: row;
    padding-left: 5%;
    padding-right: 5%;
  }
}
.InstantActivationPage .buttonAndResendTextContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 5%;
}
.InstantActivationPage .askYourCareTeamText {
  width: fit-content;
  font-style: italic;
}
.InstantActivationPage .settings {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  position: relative;
  break-inside: avoid;
  border-radius: 100%;
  background-clip: padding-box;
  margin-right: 1rem;
}
.InstantActivationPage .settings:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media (max-width: 560px) {
  .InstantActivationPage .settings {
    margin-top: 0.5rem;
  }
}
.darkmode .InstantActivationPage .settings {
  background-color: #3d3133;
  color: #ffffff;
}

.tvmode:not(.hideFocus) .InstantActivationPage .settings:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  color: #ffffff;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .InstantActivationPage .settings:focus {
    outline: #7a0019 solid 3px;
  }
}

.InstantActivationPage .settings svg {
  max-height: 2.8rem;
  max-width: 2.8rem;
}
@media (max-width: 560px) {
  .InstantActivationPage .settings svg {
    max-height: 2.3rem;
    max-width: 2.3rem;
  }
}
.InstantActivationPage.larger {
  font-size: 22.5px;
}
.InstantActivationPage.larger h1._heading {
  font-size: 2.25rem;
}
.InstantActivationPage.larger .InstructionsWithIconsList .InstructionStepWithIcon {
  font-size: 1.9rem;
}
.InstantActivationPage.larger ._Command._actionable._command.bottomButton {
  font-size: 1.65rem;
}
.InstantActivationPage.larger .InstantActivationMethodButtons .commandText {
  font-size: 1.65rem;
}
.InstantActivationPage.largest {
  font-size: 30px;
}
.InstantActivationPage.largest h1._heading {
  font-size: 3rem;
}
.InstantActivationPage.largest .InstructionsWithIconsList .InstructionStepWithIcon {
  font-size: 2.54rem;
}
.InstantActivationPage.largest ._Command._actionable._command.bottomButton {
  font-size: 2.2rem;
}
.InstantActivationPage.largest .InstantActivationMethodButtons .commandText {
  font-size: 2.2rem;
}

.SMSCallToAction {
  padding: 0 5% 0.75rem 5%;
}
.SMSCallToAction .SMSCta {
  font-size: 0.7901234568rem;
  width: fit-content;
  max-width: 100%;
}

.InstructionsWithIconsList {
  margin: auto;
}
.InstructionsWithIconsList .listComponent {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  margin-right: 5%;
  margin-left: 5%;
}
.InstructionsWithIconsList .listComponent ._ListElement {
  width: 33%;
}
@media screen and (max-width: 660px) {
  .InstructionsWithIconsList .listComponent {
    flex-direction: column;
    align-items: center;
    height: fit-content;
    justify-content: space-around;
  }
  .InstructionsWithIconsList .listComponent ._ListElement {
    width: 100%;
  }
}

.InstructionStepWithIcon {
  font-size: 1.265625rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 660px) {
  .InstructionStepWithIcon {
    flex-direction: row;
    padding-bottom: 5%;
  }
}
@media screen and (max-width: 1070px) {
  .InstructionStepWithIcon .instructionIcon {
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 660px) {
  .InstructionStepWithIcon .instructionIcon {
    display: none;
  }
}
.InstructionStepWithIcon .bulletPointContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.InstructionStepWithIcon .bulletPointContainer .instructionNumContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #7a0019;
  aspect-ratio: 1/1;
  margin-right: 0.5em;
  width: fit-content;
  height: fit-content;
}
.InstructionStepWithIcon .bulletPointContainer .instructionNumber {
  margin-top: 0.1rem;
  width: 1.3lh;
  text-align: center;
}
.InstructionStepWithIcon .bulletPointContainer .instructionText {
  margin-top: 0;
  width: fit-content;
  max-width: 80%;
  align-self: center;
  word-wrap: break-word;
}

.InstantActivationMethodButtons {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 1%;
}
.InstantActivationMethodButtons ._Command {
  max-width: 45vw;
}
@media screen and (max-width: 660px) {
  .InstantActivationMethodButtons ._Command {
    max-width: 45vw;
  }
}
.InstantActivationMethodButtons .optionsButtonContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.InstantActivationMethodButtons .optionsButtonContainer:has(.optionButton ~ .optionButton) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: fit-content;
  gap: 2rem;
}
@media screen and (max-width: 660px) {
  .InstantActivationMethodButtons .optionsButtonContainer:has(.optionButton ~ .optionButton) {
    grid-template-columns: unset;
    grid-template-rows: repeat(2, min-content);
    gap: 0.2rem;
  }
}
.InstantActivationMethodButtons .commandChildren {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
@media screen and (max-width: 660px) {
  .InstantActivationMethodButtons .commandChildren {
    justify-content: flex-start;
  }
}
.InstantActivationMethodButtons .commandText {
  text-align: start;
  width: fit-content;
  max-width: 90%;
}

.LastLinkSentText {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(1rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.LastLinkSentText .linkSentMessage {
  animation: fadeUp 0.3s ease-in;
  width: fit-content;
}
.LastLinkSentText .hideLinkSentMessage {
  visibility: hidden;
  max-width: 50%;
}

.DiscreteSlider {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  margin-bottom: 3rem;
  padding: 0 0.5rem;
}
.DiscreteSlider .discreteSliderLine {
  grid-row-start: 1;
  grid-column-start: 1;
  height: 0.15rem;
  background-color: #363636;
}
.darkmode .DiscreteSlider .discreteSliderLine {
  background-color: #ffffff;
}

.DiscreteSlider .discreteSliderPointContainer {
  grid-row-start: 1;
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  height: 0;
  margin-top: 1rem;
}
.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  max-width: 1.75rem;
}
.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint label {
  margin-top: 1rem;
  padding-top: 1rem;
  color: #363636;
}
.darkmode .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint label {
  color: #ffffff;
}

.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint label.invisible {
  color: transparent;
}
.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input {
  background: none;
  border: none;
  appearance: none;
}
.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked::after {
  z-index: 1;
  position: absolute;
  margin-top: -0.5rem;
  left: 0;
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  background-color: #7a0019;
  outline: 0.2rem solid #363636;
  outline-offset: 0;
  border-radius: 100%;
  aspect-ratio: 1;
}
.darkmode .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked::after {
  background-color: #7a0019;
  outline: 0.2rem solid #ffffff;
}

.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked:focus-within::after {
  transform: scale(1.15);
  outline: 0.5rem solid #363636;
}
.darkmode .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked:focus-within::after {
  outline: 0.5rem solid #ffffff;
}

.DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:not(:checked)::after {
  z-index: 1;
  position: absolute;
  margin-top: -0.5rem;
  left: 0;
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  background-color: #3d3133;
  outline: 0;
  outline-offset: 0;
  border-radius: 100%;
  aspect-ratio: 1;
}
.darkmode .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:not(:checked)::after {
  background-color: #ffffff;
  outline: 0;
}

.FontSizeSlider .DiscreteSlider {
  margin-left: 53%;
  width: 35%;
}
.FontSizeSlider .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint {
  flex-direction: row;
}
.FontSizeSlider .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked:focus-within::after {
  outline: 0.3rem solid #363636;
}
.darkmode .FontSizeSlider .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked:focus-within::after {
  outline: 0.3rem solid #ffffff;
}

.FontSizeSlider .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint ._Text {
  margin-top: 1.9rem;
  margin-left: 4.5rem;
  text-align: start;
  font-size: 15px;
}
.FontSizeSlider .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint ._Text.largerLabel {
  font-size: 22.5px;
}
.FontSizeSlider .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint ._Text.largestLabel {
  font-size: 30px;
}
.FontSizeSlider .DiscreteSlider .discreteSliderLine {
  display: none;
}

/* Copyright 2021-2022 Epic Systems Corporation */
.ContentSection {
  padding-bottom: 1.5rem;
}
.ContentSection.empty {
  padding-right: 1rem;
}
.tvmode:not(.hideFocus) .ContentSection:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  outline: none;
  transform: none;
  border-radius: 8px 0 0 8px;
  background-color: rgba(255, 255, 255, 0.65);
}
.tvmode.darkmode:not(.hideFocus) .ContentSection:focus-within {
  background-color: rgba(0, 0, 0, 0.65);
}

.ContentSection .contentSectionTitle {
  color: #363636;
}
.darkmode .ContentSection .contentSectionTitle {
  color: #ffffff;
}

.ContentSection .stackText {
  padding-right: 4px;
}
.ContentSection .stackText ._Text {
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ContentSection .noContentFillerRow {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.5em;
  margin: 30px auto;
}
.ContentSection .noContentFillerRow .noContentFillerMessage {
  width: fit-content;
}
.ContentSection .TVCarouselPlaceholder .scrollableCarousel {
  overflow-x: hidden;
}
.ContentSection .TVCarouselPlaceholder .scrollableCarousel .ContentCard {
  min-height: 6rem;
}

.PatientInfoContentHeader {
  margin-bottom: 0.5rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 2rem;
}
@media (max-width: 970px) {
  .PatientInfoContentHeader {
    padding-right: 1.25rem;
    margin-bottom: 0.3rem;
  }
}
@media (max-width: 560px) {
  .PatientInfoContentHeader {
    align-items: start;
  }
}
.PatientInfoContentHeader .header {
  max-width: 92%;
  display: flex;
  flex-direction: column;
  color: #363636;
  padding: 0 0.5rem 0 0;
}
.darkmode .PatientInfoContentHeader .header {
  color: #ffffff;
}

.PatientInfoContentHeader .header .patientGreeting {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  align-items: center;
}
.PatientInfoContentHeader .header .patientGreeting .greetingMessage {
  max-width: fit-content;
  font-size: 1.25rem;
  line-height: 1.75rem;
  word-wrap: break-word;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.PatientInfoContentHeader .header .patientGreeting ._Icon {
  margin-top: -0.125rem;
  width: 48px;
  height: 2rem;
}
.PatientInfoContentHeader .header ._Text.ExpectedDischarge {
  margin-top: 0;
}
@media (max-width: 560px) {
  .PatientInfoContentHeader .header ._Text.ExpectedDischarge {
    margin-bottom: 0.1rem;
  }
}
.PatientInfoContentHeader .settings {
  border-radius: 100%;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  color: #363636;
  line-height: 0;
}
@media (max-width: 560px) {
  .PatientInfoContentHeader .settings {
    margin-top: 0.5rem;
  }
}
.darkmode .PatientInfoContentHeader .settings {
  background-color: #3d3133;
  color: #ffffff;
}

.tvmode:not(.hideFocus) .PatientInfoContentHeader .settings:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  color: #ffffff;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .PatientInfoContentHeader .settings:focus {
    outline: #7a0019 solid 3px;
  }
}

.PatientInfoContentHeader .settings svg {
  max-height: 2.8rem;
  max-width: 2.8rem;
}
@media (max-width: 560px) {
  .PatientInfoContentHeader .settings svg {
    max-height: 2.3rem;
    max-width: 2.3rem;
  }
}

.PatientInfoContentSections {
  padding: 0.5rem 0px;
  overflow-y: auto;
}
.PatientInfoContentSections[class][class] {
  display: block;
}
.PatientInfoContentSections .PatientInfoContentHeader, .PatientInfoContentSections .ContentSection {
  padding-left: 1rem;
}
.PatientInfoContentSections .contentSections {
  display: flex;
  flex-direction: column;
}

.PatientInfoSidebar {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 1.5rem;
  min-width: 25%;
  width: 25%;
  max-width: 25%;
  overflow: hidden;
}
@media (max-width: 1100px) {
  .PatientInfoSidebar {
    margin: 0.75rem 0.5rem;
  }
}
@media (max-width: 970px) {
  .PatientInfoSidebar {
    min-width: 30%;
    width: 30%;
    max-width: 30%;
    padding: 0.75rem 0.1rem 1rem 0.1rem;
    margin: 0.75rem 0.5rem;
  }
}
@media (max-width: 560px) {
  .PatientInfoSidebar {
    min-width: 40%;
    width: 40%;
    max-width: 40%;
    padding: 0.25rem 0.25rem 0.7rem 0.25rem;
    margin: 0.1rem 0.1rem 0 0.1rem;
  }
}
.PatientInfoSidebar .nodata.NoDataPlaceholderWithIcon {
  background: none;
}
@media (max-width: 560px) {
  .PatientInfoSidebar .nodata.NoDataPlaceholderWithIcon {
    padding: 0.25rem 0.5rem;
  }
}
.PatientInfoSidebar .emptySidebarMessage {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.TimeSinceLastRefresh {
  width: 100%;
  text-align: center;
  padding-top: 0.4rem;
  font-style: italic;
}

.SidebarMemoList {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1.5rem 1.5rem 1.5rem;
  border-radius: 8px;
  overflow: hidden;
  flex: 1 1 auto;
  background-color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 560px) {
  .SidebarMemoList {
    padding: 0rem 0.5rem 0.5rem 0.5rem;
  }
}
.darkmode .SidebarMemoList {
  background-color: rgba(0, 0, 0, 0.65);
}

.SidebarMemoList .MemoList {
  overflow: hidden;
  flex: 1 1 auto;
}
.SidebarMemoList .MemoList li {
  flex: 0 0 0;
  width: 100%;
  box-sizing: border-box;
}
.SidebarMemoList .MemoList li + li {
  margin-top: 1rem;
}
.SidebarMemoList .MemoList .Stack .headingText {
  margin-bottom: 4px;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 970px) {
  .SidebarMemoList .MemoList .Stack .headingText {
    overflow: hidden;
    display: flex;
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
}
.SidebarMemoList .MemoList .Stack .secondaryText {
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.SidebarMemoList .MemoList .Stack ._Icon {
  color: #404d5b;
}
.darkmode .SidebarMemoList .MemoList .Stack ._Icon {
  color: #bcc2c6;
}

.SidebarMemoList .viewAllButton[class][class][class] {
  margin: auto;
}
@media (max-width: 560px) {
  .SidebarMemoList .viewAllButton[class][class][class] {
    padding-top: calc(0.625rem - 1px);
    padding-bottom: calc(0.625rem - 1px);
  }
}

.ProviderStack .Stack {
  align-items: center;
}
.ProviderStack .Stack ._Text {
  word-break: break-word;
}
.ProviderStack .Stack .headingText {
  margin-bottom: 4px;
}
.ProviderStack .Stack .stackGraphic {
  padding: 3px;
  margin-right: 0.25rem;
  border-radius: 50%;
  height: 90px;
}
@media (max-width: 1100px) {
  .ProviderStack .Stack .stackGraphic {
    height: 80px;
  }
}
.ProviderStack .Stack .stackGraphic .providerImage {
  object-fit: cover;
  width: 80px;
  height: 80px;
  aspect-ratio: 1;
  border: 2px solid var(--border-color, #363636);
}
.darkmode .ProviderStack .Stack .stackGraphic .providerImage {
  border: 2px solid var(--border-color, #ffffff);
}

@media (max-width: 1100px) {
  .ProviderStack .Stack .stackGraphic .providerImage {
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 970px) {
  .ProviderStack .Stack .stackGraphic .providerImage {
    width: 60px;
    height: 60px;
  }
}
@media (max-width: 1100px) {
  .ProviderStack .Stack .stackGraphic .FallbackProviderIcon {
    font-size: 50px;
    line-height: 70px;
    width: 70px;
    height: 70px;
  }
}
@media (max-width: 970px) {
  .ProviderStack .Stack .stackGraphic .FallbackProviderIcon {
    font-size: 40px;
    line-height: 60px;
    width: 60px;
    height: 60px;
  }
}
.ProviderStack .Stack.isHeader .stackGraphic {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
  height: 130px;
}
@media (max-width: 1100px) {
  .ProviderStack .Stack.isHeader .stackGraphic {
    height: 100px;
  }
}
.ProviderStack .Stack.isHeader .stackGraphic .providerImage {
  object-fit: cover;
  height: 120px;
  width: 120px;
  aspect-ratio: 1;
  border: 4px solid var(--border-color, #ffffff);
}
@media (max-width: 1100px) {
  .ProviderStack .Stack.isHeader .stackGraphic .providerImage {
    height: 90px;
    width: 90px;
  }
}
.ProviderStack .Stack.isHeader .stackGraphic .FallbackProviderIcon {
  font-size: 70px;
  line-height: 120px;
  width: 120px;
  height: 120px;
  border: 4px solid;
}
@media (max-width: 1100px) {
  .ProviderStack .Stack.isHeader .stackGraphic .FallbackProviderIcon {
    height: 90px;
    width: 90px;
    font-size: 52.5px;
    line-height: 90px;
  }
}
@media (max-width: 970px) {
  .ProviderStack .Stack:not(.isHeader) .stackGraphic {
    height: 70px;
  }
}
.Stack .ProviderStack.inTheRoom.isHeader .stackGraphic {
  aspect-ratio: 1;
  border-radius: 50%;
  border: 4px solid var(--border-color, #363636);
}
.darkmode .Stack .ProviderStack.inTheRoom.isHeader .stackGraphic {
  border: 4px solid var(--border-color, #ffffff);
}

.Stack .ProviderStack.inTheRoom.isHeader .stackGraphic .providerImage {
  border: 4px solid var(--border-color, #363636);
}
.darkmode .Stack .ProviderStack.inTheRoom.isHeader .stackGraphic .providerImage {
  border: 4px solid var(--border-color, #ffffff);
}

.ProviderStack.inTheRoom .stackGraphic .providerImage {
  border: 2px solid var(--border-color, #363636);
}
.darkmode .ProviderStack.inTheRoom .stackGraphic .providerImage {
  border: 2px solid var(--border-color, #ffffff);
}

.ProviderStack .inTheRoomPin {
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 45px;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  background-color: #7a0019;
}

.CaringForYouDetails {
  width: 75%;
  overflow-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
  padding: 1rem 2rem 0.5rem 2rem;
}
.CaringForYouDetails .detailsSectionHeader {
  font-weight: bold;
  padding-top: 1.5rem;
}
.CaringForYouDetails .roleDescription .roleDescriptionText {
  white-space: initial;
}
.CaringForYouDetails ._Segment {
  align-items: center;
  width: 100%;
}
.CaringForYouDetails ._Segment ._Icon {
  margin-right: 5px;
}
.CaringForYouDetails ._Segment.line {
  display: flex;
}
.CaringForYouDetails .singleDetail {
  font-size: 1.1em;
}

.FallbackProviderIcon {
  font-size: 45px;
  text-align: center;
  line-height: 80px;
  width: 80px;
  height: 80px;
  aspect-ratio: 1;
  background-color: var(--background-color, #aaaaaa);
  border: 2px solid #363636;
  border-radius: 50%;
  overflow-y: hidden;
}
.darkmode .FallbackProviderIcon {
  border: 2px solid #ffffff;
}

@keyframes caringForYouGlow {
  0% {
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.25);
  }
  50% {
    box-shadow: 0 0 12px 2px rgba(255, 255, 255, 0.65);
  }
  100% {
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.25);
  }
}
.CaringForYouSection .inTheRoom .FallbackProviderIcon {
  animation: caringForYouGlow 4s infinite;
}
.CaringForYouSection .inTheRoom .stackGraphic .providerImage {
  animation: caringForYouGlow 4s infinite;
}

.ChecklistBanner[class][class][class][class][class] {
  height: min-content !important;
  margin: 10px 0px !important;
  padding-left: 28px;
  padding-right: 28px;
}
.ChecklistBanner[class][class][class][class][class] ._Command {
  all: unset;
}
.ChecklistBanner[class][class][class][class][class] .checklistCard {
  border-radius: 8px;
  height: 100%;
  overflow: hidden;
  width: 100% !important;
  border: none !important;
  padding: 0px !important;
  background-color: #ffffff;
  cursor: pointer;
}
.darkmode .ChecklistBanner[class][class][class][class][class] .checklistCard {
  background-color: #3d3133;
}

.tvmode:not(.hideFocus) .ChecklistBanner[class][class][class][class][class] .checklistCard:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.03);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ChecklistBanner[class][class][class][class][class] .checklistCard:focus {
    outline: #7a0019 solid 3px;
  }
}

.ChecklistBanner[class][class][class][class][class] .checklistCard:hover {
  background-color: #ffffff;
}
.darkmode .ChecklistBanner[class][class][class][class][class] .checklistCard:hover {
  background-color: #3d3133;
}

.ChecklistBanner[class][class][class][class][class] .checklistCard .cardTop {
  display: flex;
  padding: 5px;
}
.ChecklistBanner[class][class][class][class][class] .checklistCard .cardContent {
  margin: 0px;
  height: min-content;
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.ChecklistBanner[class][class][class][class][class] .contentSection {
  margin-top: 10px;
  margin-left: 5px;
  min-height: 0px;
}
.ChecklistBanner[class][class][class][class][class] .contentSection .tasksRemaining {
  font-size: 1.2rem;
  margin: 0px 0px 5px 0px;
}
.ChecklistBanner[class][class][class][class][class] .contentSection .ExpectedDischarge {
  font-size: 1rem;
  margin: 0px 0px 5px 0px;
}
.ChecklistBanner[class][class][class][class][class] .milestoneList {
  margin-top: 8px;
  display: flex;
  gap: 0px 20px;
  flex-direction: row;
  flex-wrap: wrap;
  list-style-type: none;
}
.ChecklistBanner[class][class][class][class][class] .milestoneList > li {
  width: 45%;
  margin-bottom: 10px;
}
.ChecklistBanner[class][class][class][class][class] .milestoneName {
  margin-top: 0.3rem;
  margin-left: 0.3rem;
}
.ChecklistBanner[class][class][class][class][class] .Ring {
  width: auto;
  align-items: start;
  overflow: visible;
  flex-shrink: 0;
}
.ChecklistBanner[class][class][class][class][class] .Ring .circle {
  stroke: #ffffff;
}
.ChecklistBanner[class][class][class][class][class] .Ring .ring {
  overflow: visible;
  stroke: #09aa71;
}
.ChecklistBanner[class][class][class][class][class] .infoBanner {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: #b3b3b3;
}
.darkmode .ChecklistBanner[class][class][class][class][class] .infoBanner {
  background-color: #2b2224 !important;
}

.ChecklistBanner[class][class][class][class][class] .infoBanner .infoBannerIcon {
  margin: 5px 12px;
}
.ChecklistBanner[class][class][class][class][class] .infoBanner ._Text {
  font-size: 1rem;
}
@media (max-width: 945px) {
  .tvmode:not(.hideFocus) .ChecklistBanner[class][class][class][class][class] .checklistCard:focus {
    outline: #7a0019 solid 4px;
    transform: scale(1.05);
  }
}
@media (max-width: 945px) and (max-width: 970px) {
  .tvmode:not(.hideFocus) .ChecklistBanner[class][class][class][class][class] .checklistCard:focus {
    outline: #7a0019 solid 3px;
  }
}
@media (max-width: 945px) {
  .ChecklistBanner[class][class][class][class][class] .contentSection {
    margin-top: 10px;
    margin-bottom: 0px;
    min-height: 0px;
  }
  .ChecklistBanner[class][class][class][class][class] .milestoneList {
    display: none;
  }
  .ChecklistBanner[class][class][class][class][class] .moreMilestones {
    display: none;
  }
}

.EducationSection .scrollableCarousel {
  overflow: hidden;
}
@media (max-width: 400px) {
  .EducationSection .contentSectionTitle {
    padding-bottom: 0;
  }
}
@media (max-width: 330px) {
  .EducationSection .loadingHeartWrapper {
    margin-top: -0.25rem;
  }
}
.EducationSection .educationContentSection .scrollableCarousel > .carouselGroups {
  align-items: flex-end;
}
.EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup[class] {
  flex-basis: content;
}
@media (max-width: 330px) {
  .EducationSection ._List {
    margin-top: -1.3rem;
    margin-bottom: -1rem;
  }
}
.EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
  align-self: stretch;
  height: unset;
  max-width: 17.25rem;
}
@media (max-width: 400px) {
  .EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
    transform: scale(0.9);
  }
  .EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement:focus {
    transform: scale(0.9);
  }
}
@media (max-width: 330px) {
  .EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
    transform: scale(0.7);
    margin-right: -2rem;
    margin-left: -2rem;
  }
  .EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement:focus {
    transform: scale(0.7);
  }
}
.EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement > ._FocusableScrollElement {
  height: 13rem;
  width: 16.25rem;
}
@media (max-width: 330px) {
  .EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement > ._FocusableScrollElement {
    height: 12rem;
  }
}
@media (max-width: 400px) {
  .EducationSection .educationContentSection .scrollableCarousel > .carouselGroups .CarouselGroup .stickyHeader {
    margin-bottom: -0.5rem;
  }
}
.EducationSection .TVCarouselPlaceholder .ContentCard {
  height: 12rem;
  aspect-ratio: 4/3;
}
@media (max-width: 330px) {
  .EducationSection .TVCarouselPlaceholder .ContentCard {
    height: 10rem;
  }
}
.EducationSection .noAssignedEduSection {
  padding-left: 1rem;
  padding-top: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.EducationSection .noAssignedEduSection .ActivityCard {
  width: 33.3%;
  max-width: 18em;
  height: 15em;
}
.EducationSection .noAssignedEduSection .noAssignedTextWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: 16px;
  width: fit-content;
  flex: auto;
}

.HappeningSoonCard.slim .cardContent {
  min-height: calc(2.4em + 1.6rem);
}
.HappeningSoonCard .cardContent ._Text._readOnlyText.cardGutterDetailsContent {
  margin-top: 0.5rem;
  margin-left: calc(32px + 0.25rem);
  width: -webkit-fill-available;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.HappeningSoonDetails {
  width: 75%;
  overflow-wrap: break-word;
  word-break: break-word;
  padding: 1rem 2rem 0.5rem 2rem;
  overflow: clip;
}
.HappeningSoonDetails .detailsSectionHeader {
  font-weight: bold;
  padding-top: 1.5rem;
}
.HappeningSoonDetails table {
  max-width: -webkit-fill-available;
}
.HappeningSoonDetails .singleDetail {
  font-size: 1.1em;
}
.HappeningSoonDetails ._Segment {
  column-gap: 5px;
}
.HappeningSoonDetails ._Segment.line {
  display: flex;
  align-items: center;
}
.HappeningSoonDetails:not(.MedicationsDetails) ._List ._ListElement {
  margin-bottom: 10px;
}
.HappeningSoonDetails .Stack .stackText .headingText {
  font-weight: normal;
}
.HappeningSoonDetails .Stack .stackGraphic .providerIcon {
  font-size: 45px;
  text-align: center;
  line-height: 80px;
  width: 80px;
  height: 80px;
  aspect-ratio: 1;
  background-color: var(--background-color, #aaaaaa);
  border: 2px solid var(--border-color, #363636);
  border-radius: 50%;
  padding-top: 0;
}
.darkmode .HappeningSoonDetails .Stack .stackGraphic .providerIcon {
  border: 2px solid var(--border-color, #ffffff);
}

.HappeningSoonDetails .Stack .stackGraphic .providerImage {
  width: 80px;
  height: 80px;
  aspect-ratio: 1;
  border: 2px solid #363636;
  border-radius: 50%;
}
@media (max-width: 970px) {
  .HappeningSoonDetails .Stack .stackGraphic .providerImage {
    width: 60px;
    height: 60px;
  }
}
.darkmode .HappeningSoonDetails .Stack .stackGraphic .providerImage {
  border: 2px solid #ffffff;
}

.MedicationAdministrationEventDetails ._List {
  display: flex;
  flex-direction: row;
  margin: 0rem 1rem 0rem 1.5rem;
}
@media (max-width: 560px) {
  .MedicationAdministrationEventDetails ._List {
    margin-right: 2rem;
  }
}
@media (max-width: 970px) {
  .MedicationAdministrationEventDetails ._List {
    margin-right: 1.5rem;
  }
}
.MedicationAdministrationEventDetails ._List ._ListElement {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 1rem;
}
.darkmode .MedicationAdministrationEventDetails ._List ._ListElement {
  background-color: #3d3133;
}

@media (max-width: 769px) {
  .MedicationAdministrationEventDetails ._List ._ListElement {
    width: 100%;
    margin-right: 1rem;
  }
}
.MedicationAdministrationEventDetails ._List ._ListElement .detailsSectionHeader {
  padding-top: 0rem;
}
.MedicationAdministrationEventDetails .sensitiveLabel[class][class] {
  margin: 0 1.5rem 1rem 1.5rem;
}
.MedicationAdministrationEventDetails .medsList {
  flex-wrap: wrap;
  column-gap: 1rem;
  row-gap: 1rem;
}
.MedicationAdministrationEventDetails .medsList ._ListElement {
  width: 100%;
}
@media (max-width: 769px) {
  .MedicationAdministrationEventDetails .medsList ._ListElement:nth-child(2n) {
    margin-left: 0;
  }
}
.MedicationAdministrationEventDetails .linkedGroupsList {
  column-gap: 1rem;
  flex-direction: column;
}
.MedicationAdministrationEventDetails .linkedGroupsList > ._ListElement {
  background-color: transparent !important;
  padding: 0;
}
.MedicationAdministrationEventDetails .linkedGroupsList > ._ListElement .linkedMedsList {
  margin: 0;
  column-gap: 1rem;
  row-gap: 1rem;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (max-width: 769px) {
  .MedicationAdministrationEventDetails .linkedGroupsList > ._ListElement .linkedMedsList ._ListElement:nth-child(2n) {
    margin-left: 0;
  }
}
.MedicationAdministrationEventDetails .linkedGroupsList .singleDetail {
  margin: 0.5rem 0 0.5rem 0.5rem !important;
}

.MemosPage {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
}
.MemosPage[class] .Stack.isHeader {
  margin-bottom: 1rem;
  background-color: rgba(255, 255, 255, 0.65);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  column-gap: 0.5rem;
  color: #363636;
  padding-bottom: 0.5rem;
}
.darkmode .MemosPage[class] .Stack.isHeader {
  background-color: rgba(0, 0, 0, 0.65);
  color: #ffffff;
}

@media (max-width: 1100px) and (min-width: 970px) {
  .MemosPage[class] .Stack.isHeader {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 560px) {
  .MemosPage[class] .Stack.isHeader {
    padding-bottom: 0rem;
  }
}
.MemosPage[class] .Stack.isHeader .stackText {
  max-width: fit-content;
  width: unset;
}
.MemosPage[class] .Stack.isHeader .stackText .headingText {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 1.5rem;
  font-weight: normal;
  overflow-wrap: unset;
}
.MemosPage[class] .Stack.isHeader .memoCountIndicator {
  border-radius: 50%;
  background-color: #7a0019;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  line-height: 2rem;
  text-align: center;
}
.darkmode .MemosPage[class] .Stack.isHeader .memoCountIndicator {
  background-color: #3d3133;
}

.MemosPage .MemoList {
  flex-direction: row;
  margin: 1.5rem;
  margin-right: 1rem;
}
@media (max-width: 1100px) and (min-width: 970px) {
  .MemosPage .MemoList {
    margin-top: 0.75rem;
  }
}
@media (max-width: 560px) {
  .MemosPage .MemoList {
    margin-right: 2rem;
  }
}
@media (max-width: 970px) {
  .MemosPage .MemoList {
    margin-right: 1.5rem;
  }
}
.MemosPage .MemoList li {
  background-color: #ffffff;
  border-radius: 3px;
  padding: 1rem;
  border-left: 0.3rem solid #bcc2c6;
  width: calc(48% - 0.25rem);
  margin: 0.8rem 0;
}
.darkmode .MemosPage .MemoList li {
  background-color: #3d3133;
}

@media (max-width: 769px) {
  .MemosPage .MemoList li {
    width: 100%;
    margin-right: 1rem;
  }
}
.MemosPage .MemoList li:nth-child(2n) {
  margin-left: 1rem;
}
@media (max-width: 769px) {
  .MemosPage .MemoList li:nth-child(2n) {
    margin-left: 0;
  }
}
.MemosPage .MemoList .Stack .headingText {
  margin-bottom: 6px;
}

.MemoList {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  box-sizing: border-box;
}
.MemoList .Stack ._Text {
  word-break: break-word;
}
.MemoList ._Bone {
  height: 2rem;
  margin: 0.25rem 0;
  border-radius: 5px;
  background: #dbdbdb;
}
.MemoList ._Bone.memoTitlePlaceholder {
  width: 50%;
  margin-bottom: 0.1rem;
}

.MemosTitleSection {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  column-gap: 0.5rem;
  color: #363636;
  padding-bottom: 0.5rem;
}
@media (max-width: 560px) {
  .MemosTitleSection {
    padding-bottom: 0rem;
  }
}
.darkmode .MemosTitleSection {
  color: #ffffff;
}

.MemosTitleSection .memoTitle[class] {
  width: auto;
}
.MemosTitleSection .memoCountIndicator {
  border-radius: 50%;
  background-color: #7a0019;
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  line-height: 2rem;
  text-align: center;
}
.darkmode .MemosTitleSection .memoCountIndicator {
  background-color: #3d3133;
}

.MemosTitleSection .memoCountIndicator .memosCount {
  color: #363636;
  bottom: 50%;
  width: 100%;
}
.darkmode .MemosTitleSection .memoCountIndicator .memosCount {
  color: #ffffff;
}

.HomePage {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
}

.ExtensibilitySection[class] .scrollableCarousel > .carouselGroups .CarouselGroup {
  flex-basis: content;
}
.ExtensibilitySection[class] .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
  flex-grow: 0;
}
.ExtensibilitySection .ExternalAppCard, .ExtensibilitySection .VideoCard, .ExtensibilitySection .ContentCard, .ExtensibilitySection .ActivityCard {
  aspect-ratio: 1.6/1;
  width: 12.5rem;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #363636;
  border: rgba(255, 255, 255, 0.2) solid 1px;
  border-radius: 10px;
  overflow: hidden;
  font-size: 1.1em;
  position: relative;
}
.tvmode:not(.hideFocus) .ExtensibilitySection .ExternalAppCard:focus, .tvmode:not(.hideFocus) .ExtensibilitySection .VideoCard:focus, .tvmode:not(.hideFocus) .ExtensibilitySection .ContentCard:focus, .tvmode:not(.hideFocus) .ExtensibilitySection .ActivityCard:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ExtensibilitySection .ExternalAppCard:focus, .tvmode:not(.hideFocus) .ExtensibilitySection .VideoCard:focus, .tvmode:not(.hideFocus) .ExtensibilitySection .ContentCard:focus, .tvmode:not(.hideFocus) .ExtensibilitySection .ActivityCard:focus {
    outline: #7a0019 solid 3px;
  }
}

.ExtensibilitySection .ExternalAppCard .activityIcon, .ExtensibilitySection .VideoCard .activityIcon, .ExtensibilitySection .ContentCard .activityIcon, .ExtensibilitySection .ActivityCard .activityIcon {
  height: 100%;
}
.ExtensibilitySection .ExternalAppCard .MediaDetails, .ExtensibilitySection .VideoCard .MediaDetails, .ExtensibilitySection .ContentCard .MediaDetails, .ExtensibilitySection .ActivityCard .MediaDetails {
  display: none;
}
.ExtensibilitySection .ExternalAppCard .videoImg, .ExtensibilitySection .VideoCard .videoImg, .ExtensibilitySection .ContentCard .videoImg, .ExtensibilitySection .ActivityCard .videoImg {
  width: -webkit-fill-available;
}
.ExtensibilitySection .ExternalAppCard .videoImg :after, .ExtensibilitySection .VideoCard .videoImg :after, .ExtensibilitySection .ContentCard .videoImg :after, .ExtensibilitySection .ActivityCard .videoImg :after {
  content: "";
  background-image: url("../../../en-US/images/video/playiconoverlay.svg");
}
.ExtensibilitySection .ExternalAppCard .detailsText, .ExtensibilitySection .VideoCard .detailsText, .ExtensibilitySection .ContentCard .detailsText, .ExtensibilitySection .ActivityCard .detailsText {
  position: absolute;
  bottom: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.ExtensibilitySection .ExternalAppCard .launchIcon, .ExtensibilitySection .VideoCard .launchIcon, .ExtensibilitySection .ContentCard .launchIcon, .ExtensibilitySection .ActivityCard .launchIcon {
  color: #ffffff;
  height: 1.3em;
  width: 1.3em;
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0.6em, transparent 0.65em);
}

/* Copyright 2023 Epic Systems Corporation */
.AppStoreLinks {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.AppStoreLinks .appStoreLink {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  max-width: 150px;
}
.AppStoreLinks .appStoreImage {
  width: 100%;
}
.AppStoreLinks .firstLink {
  margin-right: 0.75rem;
}
@media screen and (max-width: 321px) {
  .AppStoreLinks, .mobile .AppStoreLinks {
    flex-direction: column;
  }
  .AppStoreLinks .firstLink, .mobile .AppStoreLinks .firstLink {
    margin-bottom: 0.3rem;
    margin-right: 0;
  }
}

.BedsideTabletActivity {
  display: flex;
  flex-direction: column;
}
.BedsideTabletActivity .activityDescription[class] {
  margin-top: 0;
}
.BedsideTabletActivity .cardContainer {
  width: 40%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.mobile .BedsideTabletActivity .cardContainer {
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .BedsideTabletActivity .cardContainer {
    width: 50%;
  }
}
@media screen and (max-width: 1025px) {
  .BedsideTabletActivity .cardContainer {
    width: 65%;
  }
}
@media screen and (max-width: 769px) {
  .BedsideTabletActivity .cardContainer {
    width: 100%;
  }
}
.BedsideTabletActivity .tabletCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.BedsideTabletActivity .tabletCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.BedsideTabletActivity .stepList {
  align-self: start;
}
.BedsideTabletActivity .textLine {
  display: flex;
  padding-bottom: 1rem;
}
.BedsideTabletActivity .stepNumContainer {
  width: fit-content;
  margin: 0 0.5rem;
}
.BedsideTabletActivity .circle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #ecedef;
  aspect-ratio: 1/1;
}
.BedsideTabletActivity .stepNumber {
  color: #7a0019;
  font-weight: bold;
  width: 1.3lh;
}
.BedsideTabletActivity .stepText, .BedsideTabletActivity .errorText, .BedsideTabletActivity .helpText {
  text-align: left;
  word-wrap: break-word;
  align-self: center;
  margin-left: 0.5rem;
}
.BedsideTabletActivity .error {
  justify-content: center;
  width: 70%;
  padding-bottom: 0;
}
.BedsideTabletActivity .errorIcon, .BedsideTabletActivity .helpIcon {
  flex-shrink: 0;
}
.BedsideTabletActivity .statusMessage {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.BedsideTabletActivity .tabletCode {
  font-size: 2.5rem;
  font-weight: bold;
  padding: 0;
  word-wrap: break-word;
  line-height: 2rem;
}
.BedsideTabletActivity .helpLine {
  display: flex;
  justify-content: center;
  margin: 0.5rem 0;
  width: 90%;
}
@media screen and (max-width: 376px) {
  .BedsideTabletActivity .stepNumContainer, .mobile .BedsideTabletActivity .stepNumContainer {
    margin: 0 0.5rem 0 0;
  }
  .BedsideTabletActivity .stepText {
    margin-left: 0;
  }
  .BedsideTabletActivity .error, .mobile .BedsideTabletActivity .error {
    width: 85%;
  }
}

.DeviceOptions .multipleCards {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  background-color: #e4ccd1;
  padding: 1.25rem;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .DeviceOptions .multipleCards {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .DeviceOptions .multipleCards {
  margin-top: -0.5rem;
}
.mobile .DeviceOptions .multipleCards {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .DeviceOptions .multipleCards {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .DeviceOptions .multipleCards {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .DeviceOptions .multipleCards {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .DeviceOptions .multipleCards {
    margin-top: -0.75rem;
  }
  .mobile .DeviceOptions .multipleCards {
    margin-top: 0;
  }
}
.mobile .DeviceOptions .multipleCards {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .DeviceOptions .multipleCards {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .DeviceOptions .multipleCards {
    margin-top: 0;
  }
  .mobile .DeviceOptions .multipleCards {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .DeviceOptions .multipleCards {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
.DeviceOptions .multipleCards[class] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.DeviceOptions .cardContainerHeader {
  color: #363636;
  padding: 0;
}
.DeviceOptions .cardContainer {
  margin: 1rem 0rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(3, 1fr);
}
.mobile .DeviceOptions .cardContainer {
  grid-template-columns: auto;
}
@media only screen and (max-width: 1300px) {
  .DeviceOptions .cardContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 769px) {
  .DeviceOptions .cardContainer {
    grid-template-columns: auto;
  }
}
.DeviceOptions .cardContainer > * {
  margin: 0;
}
.DeviceOptions .singleCard {
  width: 40%;
}
.mobile .DeviceOptions .singleCard {
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .DeviceOptions .singleCard {
    width: 50%;
  }
}
@media screen and (max-width: 1025px) {
  .DeviceOptions .singleCard {
    width: 65%;
  }
}
@media screen and (max-width: 769px) {
  .DeviceOptions .singleCard {
    width: 100%;
  }
}

.DeviceCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  word-break: break-word;
}
.DeviceCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.DeviceCard .iconContainer {
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.DeviceCard .contentContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  justify-content: flex-start;
  height: 100%;
}
.DeviceCard .cardTitle {
  padding-top: 0;
}
.DeviceCard[class] .cardDescription {
  margin: 0;
}
.DeviceCard .actionItemContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: fit-content;
  padding-top: 0.5rem;
}
.DeviceCard[class] .actionButton {
  width: fit-content;
  margin: 0;
}

/* Copyright 2023 Epic Systems Corporation */
.IdentityVerificationPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.1rem;
  text-align: center;
}
.IdentityVerificationPage .pageTitle {
  text-align: center;
  padding-top: 0;
}
.IdentityVerificationPage .pageDescription {
  text-align: center;
  width: 60%;
}
.IdentityVerificationPage .pageDescription > ._Link {
  white-space: nowrap;
}

.IdentityVerificationForm {
  margin: auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.IdentityVerificationForm .validatedInputWrapper {
  width: fit-content;
}
.IdentityVerificationForm .codeField {
  width: 100%;
  margin-bottom: 1rem;
}
.IdentityVerificationForm .dobField {
  width: 100%;
  margin-bottom: 1rem;
}
.IdentityVerificationForm .dobField > ._TextEntry {
  width: 100%;
}
.IdentityVerificationForm .dobField > ._DatePicker {
  display: none;
}
.IdentityVerificationForm .dobField > .actionDivider {
  display: none;
}
.IdentityVerificationForm .formButton {
  width: 30%;
  min-width: fit-content;
  touch-action: manipulation;
}
.IdentityVerificationForm .formButton[class] {
  margin: 0.5rem;
}
.IdentityVerificationForm .fullWidthButton {
  width: 48%;
}
.IdentityVerificationForm label::before {
  display: none;
  background: none;
  margin: 0;
  height: 0;
  width: 0;
}
.IdentityVerificationForm .buttonsWrapper {
  display: flex;
  justify-content: center;
}

.IdentityVerificationError {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.1rem;
  text-align: center;
}
.IdentityVerificationError .pageTitle {
  text-align: center;
  padding-top: 0;
}
.IdentityVerificationError .pageDescription {
  text-align: center;
  width: 60%;
}
.IdentityVerificationError .pageDescription > ._Link {
  white-space: nowrap;
}

.CodeEntryPage {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.1rem;
  text-align: center;
}
.CodeEntryPage .pageTitle {
  text-align: center;
  padding-top: 0;
}
.CodeEntryPage .pageDescription {
  text-align: center;
  width: 60%;
}
.CodeEntryPage .pageDescription > ._Link {
  white-space: nowrap;
}

.QRCodeFooter {
  display: inline-flex;
  align-items: center;
  flex-direction: column;
  padding: 0.5rem 0;
}
.QRCodeFooter .qrCodeHelpText {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.QRCodeFooter .qrCodeHelpText > ._Icon {
  flex-shrink: 0;
}
.QRCodeFooter .helpText {
  padding-inline-start: 0.25rem;
}
.QRCodeFooter .helpLink {
  text-align: center;
}

.CodeEntryForm {
  margin: auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.CodeEntryForm .validatedInputWrapper {
  width: fit-content;
}
.CodeEntryForm .codeField {
  width: 100%;
  margin-bottom: 1rem;
}
.CodeEntryForm .dobField {
  width: 100%;
  margin-bottom: 1rem;
}
.CodeEntryForm .dobField > ._TextEntry {
  width: 100%;
}
.CodeEntryForm .dobField > ._DatePicker {
  display: none;
}
.CodeEntryForm .dobField > .actionDivider {
  display: none;
}
.CodeEntryForm .formButton {
  width: 30%;
  min-width: fit-content;
  touch-action: manipulation;
}
.CodeEntryForm .formButton[class] {
  margin: 0.5rem;
}
.CodeEntryForm .fullWidthButton {
  width: 48%;
}
.CodeEntryForm label::before {
  display: none;
  background: none;
  margin: 0;
  height: 0;
  width: 0;
}
.CodeEntryForm .buttonsWrapper {
  display: flex;
  justify-content: center;
}
.CodeEntryForm .codeField {
  width: 100%;
}

.LearnMore {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.1rem;
}
.LearnMore .pageTitle {
  text-align: center;
  padding-top: 0;
}
.LearnMore .stepList {
  padding: 0.5rem 1rem;
  max-width: fit-content;
}
.LearnMore .stepLine {
  display: flex;
  padding-bottom: 0.75rem;
  align-items: center;
}
.LearnMore .stepIcon {
  flex-shrink: 0;
}
.LearnMore .stepText {
  padding-inline-start: 0.25rem;
}
.LearnMore .helpText {
  text-align: center;
  padding-bottom: 0.5rem;
}
.LearnMore .backLink {
  width: 20%;
  min-width: fit-content;
}

.ProvisioningOptions {
  padding: 1rem;
}
.ProvisioningOptions {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 1.1rem;
  text-align: center;
}
.ProvisioningOptions .pageTitle {
  text-align: center;
  padding-top: 0;
}
.ProvisioningOptions .pageDescription {
  text-align: center;
  width: 60%;
}
.ProvisioningOptions .pageDescription > ._Link {
  white-space: nowrap;
}
.ProvisioningOptions .errorContainer {
  width: 50%;
}
.ProvisioningOptions .cardContainer {
  display: grid;
  justify-content: center;
  width: 100%;
}
.ProvisioningOptions .qrFooterText {
  padding-top: 0.5rem;
}

.ProvisioningOptionCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  display: flex;
  align-items: center;
  min-height: fit-content;
  width: 100%;
}
.ProvisioningOptionCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.ProvisioningOptionCard .iconTextContainer {
  display: flex;
  align-items: center;
  margin-right: 0.5rem;
}
.ProvisioningOptionCard .cardIcon {
  margin-right: 0.5rem;
}
.ProvisioningOptionCard .cardText {
  width: fit-content;
  color: #363636;
}
.ProvisioningOptionCard .arrowIcon {
  color: #363636;
}

.FormError {
  text-align: start;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.RequestCommand {
  text-align: left;
}
.RequestCommand .requestCard {
  min-height: 4rem;
}
.RequestCommand .requestCard.asFlex {
  display: flex;
  align-items: center;
}
.RequestCommand .requestArrow {
  color: #767676;
  margin-left: 0.5rem;
  flex-shrink: 0;
}
.RequestCommand .RequestContent {
  flex-grow: 1;
  min-width: 0;
}
.RequestCommand .viewRequestDetails {
  text-align: center;
  margin-top: 0.5rem;
  border-top: 1px solid lightgray;
  padding: 0.5rem 0.5rem 0 0.5rem;
}

.RequestContent {
  display: flex;
  align-items: center;
}
.RequestContent .requestIcon {
  margin-right: 0.5rem;
}
.RequestContent .requestedIndicator {
  margin-left: 0.5rem;
}
.RequestContent .requestIcon, .RequestContent .requestedIndicator {
  flex-shrink: 0;
}
.RequestContent .requestedIndicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.RequestContent .requestCheckmark {
  color: #09aa71;
}
.RequestContent .requestIcon {
  width: 4rem;
  height: 4rem;
}
.RequestContent.compact .requestIcon {
  width: 4rem;
  height: 4rem;
}

.requestDescription {
  padding-top: 1rem;
  min-width: 0;
  width: auto;
  overflow-wrap: break-word;
  flex-basis: 10rem;
}

.RequestDetails {
  min-width: 12rem;
  position: relative;
}
.RequestDetails .commentsTextEntry {
  margin-top: 1rem;
  width: 100%;
}
.RequestDetails .commentsTextEntry textarea {
  height: 6rem;
}
.RequestDetails ._ActionGroup {
  padding-top: 0.5rem;
}

.Requests .skipToToast {
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  margin-top: -0.5rem;
}
.Requests .skipToToast:focus {
  opacity: 1;
}

.Requests .skipToToast:focus {
  pointer-events: auto;
}

.Requests .skipToToast:focus {
  z-index: 1000;
}

.mobile .Requests .skipToToast {
  margin-top: 0.75rem;
}
.Requests .RequestCommand {
  width: 100%;
  min-width: 12rem;
}
.Requests .dimmedSection {
  background: rgba(122, 0, 25, 0.05);
  padding: 0 0.5rem;
  margin: 0 -0.5rem;
  width: calc(100% + 1rem);
  max-width: none;
}
.Requests h1.requestSectionHeader {
  padding-bottom: 0;
}

/* Copyright 2021-2023 Epic Systems Corporation */
.SettingsList {
  height: fit-content;
}
.SettingsList .saveButton {
  width: 100%;
}
.SettingsList h2._heading.controlHeader {
  color: #7a0019;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0.75rem 0 0.5rem;
  font-size: 1.1rem;
  width: 100%;
}

.TVSettingsPanel {
  display: flex;
  position: relative;
  flex-direction: column;
  min-height: 100vh;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.5rem;
}
.TVSettingsPanel .saveAlertBanner {
  display: block;
}
.TVSettingsPanel .iconHolder {
  display: flex;
  align-content: center;
  justify-content: center;
}

.LogoBox {
  flex-grow: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 1rem;
}
.LogoBox ._image.size-70 {
  width: fit-content;
}
.LogoBox .logoBoxText {
  width: fit-content;
  text-align: center;
  word-break: break-word;
}
.LogoBox .tvItems {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: fit-content;
  margin-top: 1rem;
  word-break: break-word;
}
.LogoBox .tvItems .tvItemColumn {
  flex: 1;
  min-width: fit-content;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}
.LogoBox .tvItemCell {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: fit-content;
  margin-bottom: 0.5rem;
}
.LogoBox .tvItemCell svg {
  margin-right: 10px;
  margin-left: 10px;
  fill: #7a0019;
}
.LogoBox .tvItemCell ._Text {
  width: fit-content;
}
.LogoBox h2._heading.logoBoxText {
  color: #7a0019;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0.75rem 0 0.5rem;
  font-size: 1.1rem;
  width: 100%;
}

.PrivacyMode {
  color: #767676;
  display: grid;
  grid-template-columns: max-content auto max-content;
  width: 100%;
}
.PrivacyMode .settingIcon {
  grid-row: 1;
  grid-column: 1;
  color: #7a0019;
}
.PrivacyMode .noIconPlaceHolder {
  grid-row: 3;
  grid-column: 1;
  visibility: hidden;
}
.PrivacyMode h3._heading.settingLabel {
  grid-row: 1;
  grid-column: 2;
  color: #000000;
  padding: 0 0 0 0;
  margin: auto;
  display: block;
  font-weight: normal;
  line-height: normal;
  font-size: 1rem;
}
.PrivacyMode h3._heading.lockSettingLabel {
  grid-row: 3;
  grid-column: 2;
  color: #000000;
  padding: 0 0 0 0;
  margin: auto;
  display: block;
  font-weight: normal;
  line-height: normal;
  font-size: 1rem;
  min-height: 32px;
}
.PrivacyMode .settingDescription.privacyModeText {
  grid-row: 2;
  grid-column: 2;
  width: 100%;
  margin: 0 0 1rem 0;
}
.PrivacyMode .settingDescription.privacyModeLockText {
  grid-row: 4;
  grid-column: 2;
  width: 100%;
  margin: 0 0 1rem 0;
}
.PrivacyMode .ToggleSwitch {
  width: fit-content;
}
.PrivacyMode .ToggleSwitch .toggleInformation {
  display: none;
}
.PrivacyMode .ToggleSwitch .toggleLabel {
  display: none;
}
.PrivacyMode .privacyModeSwitch {
  grid-row-start: 1;
  grid-row-end: span 2;
  grid-column: 3;
  width: fit-content;
}
.PrivacyMode .privacyModeLockSwitch {
  grid-row-start: 3;
  grid-row-end: span 2;
  grid-column: 3;
  width: fit-content;
}

/* Copyright 2024 Epic Systems Corporation */
.BedsideTVVideoVisitInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.BedsideTVVideoVisitInfo .pageContents {
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  overflow: auto;
  width: auto;
  height: auto;
  padding: 0.5rem;
}
.BedsideTVVideoVisitInfo .pageContents > * {
  padding: 0.3rem;
}
.BedsideTVVideoVisitInfo .pageContents .bedsideTVCallImage {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.BedsideTVVideoVisitInfo .pageContents .description {
  text-align: left;
  font-weight: bold;
  margin-bottom: 0px;
}
.BedsideTVVideoVisitInfo .pageContents .ProviderStack {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.BedsideTVVideoVisitInfo .pageContents .ProviderStack .FallbackProviderIcon {
  color: #ffffff;
  font-size: 60px;
  text-align: center;
  line-height: 80px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background-color: var(--background-color, #aaaaaa);
  border: 3px solid #363636;
  border-radius: 50%;
  overflow-y: hidden;
}
.BedsideTVVideoVisitInfo .pageContents .ProviderStack .providerImage {
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  border: 3px solid var(--border-color, #363636);
}
.BedsideTVVideoVisitInfo .pageContents .ProviderStack .stackGraphic {
  width: 90px;
  height: 90px;
}
.BedsideTVVideoVisitInfo .pageContents .ProviderStack .stackText .headingText {
  width: auto;
  font-weight: normal;
}
.BedsideTVVideoVisitInfo .pageContents .instructions {
  text-align: left;
  padding-bottom: 0.5rem;
  font-weight: bold;
}
.BedsideTVVideoVisitInfo .pageContents .textLine {
  display: flex;
  padding: 0.4rem;
}
.BedsideTVVideoVisitInfo .pageContents .stepNumContainer {
  text-align: center;
  width: fit-content;
  margin: 0 0.5rem;
}
.BedsideTVVideoVisitInfo .pageContents .stepNumCircle {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #7a0019;
  height: 1.2rem;
  width: 1.2rem;
}
.BedsideTVVideoVisitInfo .pageContents .stepNumber {
  color: #ecedef;
}

/* Copyright 2021-2023 Epic Systems Corporation */
.BaseErrorComponent {
  padding: 16px 32px 16px 32px;
}

@keyframes shimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
@keyframes glow {
  0% {
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.7);
  }
  50% {
    box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.9);
  }
  100% {
    box-shadow: 0 0 5px 0 rgba(255, 255, 255, 0.7);
  }
}
.BedsideTVVideoVisitsPage {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.BedsideTVVideoVisitsPage.hidePage {
  visibility: hidden;
}
.BedsideTVVideoVisitsPage .pageContents {
  animation: glow 4s infinite;
  border-radius: 1rem;
  max-width: 80%;
  min-width: 75%;
  max-height: 75%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: auto;
  height: auto;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
}
.BedsideTVVideoVisitsPage .pageContents > * {
  display: flex;
  justify-content: center;
  align-content: center;
  align-self: center;
  flex-wrap: wrap;
  text-align: center;
}
@media (max-width: 560px) {
  .BedsideTVVideoVisitsPage .pageContents > * {
    padding: 0;
  }
}
.BedsideTVVideoVisitsPage .pageContents h2 {
  padding-bottom: 0.25rem;
}
.BedsideTVVideoVisitsPage .pageContents h3 {
  padding-top: 0;
}
.BedsideTVVideoVisitsPage .pageContents .ProviderStack {
  text-align: start;
  width: auto;
}
@media (max-width: 560px) {
  .BedsideTVVideoVisitsPage .pageContents .ProviderStack .stackGraphic {
    display: none;
  }
}
.BedsideTVVideoVisitsPage .pageContents .ProviderStack .Stack {
  height: auto;
  width: auto;
  aspect-ratio: unset;
}
.BedsideTVVideoVisitsPage .pageContents .ProviderStack .Stack .stackText {
  width: auto;
  flex: auto;
}
.BedsideTVVideoVisitsPage .pageContents .ProviderStack .Stack .stackText .headingText {
  width: auto;
  font-weight: bold;
}
@media (max-width: 560px) {
  .BedsideTVVideoVisitsPage .pageContents {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
  }
  .BedsideTVVideoVisitsPage .pageContents h3 {
    display: none;
  }
}
.BedsideTVVideoVisitsPage .pageContents .InformationBadge {
  padding: 0 0.25rem;
  margin: 0.25rem 0;
  width: 25rem;
}
.BedsideTVVideoVisitsPage .pageContents .InformationBadge .badgeText {
  padding: 2px 10px;
}
.BedsideTVVideoVisitsPage .pageContents .callInProgressButtons > ._Command {
  width: 13rem;
}
.BedsideTVVideoVisitsPage .pageContents ._Command {
  display: flex;
  align-self: center;
  width: 10rem;
  column-gap: 0.25rem;
  align-items: center;
  justify-content: center;
}
.BedsideTVVideoVisitsPage .pageContents ._Command ._Text {
  width: fit-content;
}
.BedsideTVVideoVisitsPage .pageContents ._Command[class][class] {
  margin: 1rem 0;
}
.BedsideTVVideoVisitsPage .pageContents ._Command::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(120deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 75%);
  background-size: 200% 100%;
  animation: shimmer 4s linear infinite;
}
@media (max-width: 560px) {
  .BedsideTVVideoVisitsPage .pageContents {
    border-radius: 0;
  }
}
.darkmode .BedsideTVVideoVisitsPage .pageContents {
  background: #000000;
}

.BedsideTVVideoVisitsPage .pageContents .loadingHeartWrapper {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  overflow-x: clip;
}
.BedsideTVVideoVisitsPage .pageContents .videoVisitsButtons {
  column-gap: 2rem;
}
.BedsideTVVideoVisitsPage .pageContents ._StatusMessage {
  font-size: 0;
  height: 0;
}

.WelcomeVideoOverlay {
  display: flex;
  justify-content: center;
  width: 60%;
  height: 100%;
  float: right;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.9) 100%);
}
@media (max-width: 560px) {
  .WelcomeVideoOverlay {
    width: 100%;
  }
}
.WelcomeVideoOverlay .content {
  width: initial;
  align-self: center;
  text-align: center;
  margin: 4rem 2rem 4rem calc(20% + 2rem);
}
.WelcomeVideoOverlay .content h2, .WelcomeVideoOverlay .content div {
  color: #ffffff;
}
@media (max-width: 560px) {
  .WelcomeVideoOverlay .content {
    margin-top: 1rem;
  }
}
.WelcomeVideoOverlay .content ._image {
  width: 40%;
}
@media (max-width: 560px) {
  .WelcomeVideoOverlay .content ._image {
    display: none;
  }
}
.WelcomeVideoOverlay .content ._Icon, .WelcomeVideoOverlay .content .fallbackImage {
  width: unset;
  height: unset;
  max-width: 60%;
}
.WelcomeVideoOverlay .content ._Command {
  display: inline;
  margin-top: 1.5rem;
  width: 10rem;
}
.WelcomeVideoOverlay .content ._Command:first-of-type {
  margin-right: 0.5rem;
}
.WelcomeVideoOverlay .content ._Command:last-of-type {
  margin-left: 0.5rem;
}
.WelcomeVideoOverlay .content ._Command.watchBtn ._Icon {
  float: left;
  top: 0.05rem;
  height: 1.2rem;
  width: 1.5rem;
}
.WelcomeVideoOverlay .content .tabletLogo {
  height: auto;
  margin: 2rem 0;
}

.WelcomeVideoPage {
  flex: 1;
  position: relative;
}
.WelcomeVideoPage > ._image {
  position: absolute;
  object-fit: cover;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.WelcomeVideoPage > ._image.skeleton-bone {
  display: none;
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.WelcomeVideoPage ._VideoPreview {
  position: absolute;
  z-index: 2;
  background-color: #000000;
  width: 100vw;
  height: 100vh;
  animation-name: fade-in;
  animation-duration: 0.25s;
  padding: 0;
  top: -60px;
  box-shadow: none;
  border-radius: 0;
}
.WelcomeVideoPage ._VideoPreview .video-js:not(.vjs-fullscreen) {
  display: none;
}
.WelcomeVideoPage ._VideoPreview :focus-within {
  outline: none;
  transform: none;
}
.WelcomeVideoPage ._VideoPreview ._PreviewDetails {
  display: none;
}
.WelcomeVideoPage.forceWatchWelcomeVideo ._VideoPreview .vjs-skip-backward-10 {
  display: none;
}
.WelcomeVideoPage.forceWatchWelcomeVideo ._VideoPreview .vjs-skip-forward-10 {
  display: none;
}
.WelcomeVideoPage.forceWatchWelcomeVideo ._VideoPreview .vjs-fullscreen-control {
  display: none;
}

.BedInfoBar {
  display: flex;
  white-space: nowrap;
  align-items: center;
  justify-content: space-between;
  padding: 8px 8px;
  background-color: #ffffff;
  color: #000000;
}
.darkmode .BedInfoBar {
  background-color: #484848;
  color: #ffffff;
}

.BedInfoBar > div {
  overflow: hidden;
  flex: 1 1 0;
}
.BedInfoBar .roomInfo {
  display: flex;
}
.BedInfoBar .roomInfo.includesPhoneNumber > div {
  max-width: 50%;
}
.BedInfoBar .roomInfo div {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: auto;
}
.BedInfoBar .roomInfo .phone {
  margin-left: 1rem;
}
.BedInfoBar .roomInfo svg.stackImage {
  width: 2rem;
  height: 2rem;
}
@media (max-width: 970px) {
  .BedInfoBar .roomInfo svg.stackImage {
    margin-top: calc(0.5rem - 4px);
    width: 1.5rem;
    height: 1.5rem;
  }
}
.BedInfoBar .logos {
  height: 2.5rem;
  display: flex;
  flex: initial;
  width: auto;
}
.BedInfoBar .logos .orgLogo {
  height: 100%;
  border-right: 2px solid #000000;
  padding-right: 0.25rem;
  background: none;
}
.darkmode .BedInfoBar .logos .orgLogo {
  border-right: 2px solid #ffffff;
}

.BedInfoBar .logos .orgLogo.fallbackImage {
  display: none;
}
.BedInfoBar .logos .epicLogo {
  margin-left: 0.25rem;
  height: 100%;
}
.BedInfoBar .logos .epicLogo.darkLogo {
  display: block;
}
.BedInfoBar .logos .epicLogo.lightLogo {
  display: none;
}
.darkmode .BedInfoBar .logos .epicLogo.darkLogo {
  display: none;
}
.darkmode .BedInfoBar .logos .epicLogo.lightLogo {
  display: block;
}

.BedInfoBar .dateTimeInfo {
  text-align: end;
}
.BedInfoBar .dateTimeInfo ._Text {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.BedInfoBar .dateTimeInfo ._Text.headingText {
  font-size: 1.1em;
  font-weight: bold;
}
@media (max-width: 560px) {
  .BedInfoBar > div {
    overflow: hidden;
    flex: 1 1 0;
  }
  .BedInfoBar .roomInfo {
    display: contents;
  }
  .BedInfoBar .roomInfo .headingText {
    display: none;
  }
  .BedInfoBar .roomInfo .Stack, .BedInfoBar .roomInfo .phone {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
    margin-right: 0.25rem;
  }
  .BedInfoBar .roomInfo .stackGraphic {
    display: none;
  }
  .BedInfoBar .logos {
    display: none !important;
  }
  .BedInfoBar .dateTimeInfo {
    text-align: end;
  }
  .BedInfoBar .dateTimeInfo ._Text {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .BedInfoBar .dateTimeInfo ._Text.headingText {
    font-size: 1.2em;
    font-weight: bold;
  }
}
.BedInfoBar.whiteboardMode .orgLogo {
  border-right: none !important;
}
@media only screen and (orientation: portrait) {
  .BedInfoBar .roomInfo {
    display: flex;
    flex-direction: column;
  }
  .BedInfoBar .roomInfo .Stack {
    align-items: center;
  }
  .BedInfoBar .roomInfo.includesPhoneNumber > div {
    max-width: 85%;
  }
  .BedInfoBar .roomInfo .stackGraphic {
    display: flex;
    align-items: center;
    height: 24px;
    width: 24px;
  }
  .BedInfoBar .roomInfo svg.stackImage {
    margin: 0px;
  }
  .BedInfoBar .roomInfo .stackText {
    display: flex;
    align-items: center;
    margin-top: 0px !important;
    height: auto;
  }
  .BedInfoBar .roomInfo .phone {
    margin: 0px;
  }
  .BedInfoBar .roomInfo .headingText {
    display: none;
  }
  .BedInfoBar .logos {
    display: block;
  }
  .BedInfoBar .logos .orgLogo {
    border-right: none;
  }
  .BedInfoBar .logos .epicLogo {
    display: none;
  }
  .BedInfoBar .Stack, .BedInfoBar .phone {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: auto;
  }
}
.BedInfoBar .debugModeText {
  margin: 0 auto;
  text-align: end;
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

._WrappedRuntime {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
}
._WrappedRuntime[class][class] > ._PageFocus > * {
  overflow-y: auto;
}
._WrappedRuntime[class][class] > ._PageFocus > *._AsyncIndicator {
  overflow-y: initial;
}
._WrappedRuntime > .BedInfoBar {
  overflow-y: visible;
}
._WrappedRuntime .TVHome {
  display: contents;
}
._WrappedRuntime .Wrapper {
  display: contents;
}
._WrappedRuntime .customBackgroundImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: -2;
}
.tvmode ._WrappedRuntime ._InternalLink:focus-visible {
  outline-offset: 0;
}

.BedsideTVSettingsPage {
  padding: 0 0 0.5rem;
  display: flex;
  flex: 1 1 auto;
  overflow-y: auto;
  scroll-padding-top: 8rem;
  flex-direction: column;
  align-items: flex-start;
}
.BedsideTVSettingsPage .DiscreteSlider {
  display: grid;
  grid-template-columns: 1fr;
  align-items: center;
  justify-items: center;
  margin-bottom: 3rem;
  padding: 0 0.5rem;
}
.BedsideTVSettingsPage .DiscreteSlider .discreteSliderLine {
  grid-row-start: 1;
  grid-column-start: 1;
  height: 0.15rem;
  background-color: #363636;
}
.darkmode .BedsideTVSettingsPage .DiscreteSlider .discreteSliderLine {
  background-color: #ffffff;
}

.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer {
  grid-row-start: 1;
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  height: 0;
  margin-top: 1rem;
}
.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  max-width: 1.75rem;
}
.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint label {
  margin-top: 1rem;
  padding-top: 1rem;
  color: #363636;
}
.darkmode .BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint label {
  color: #ffffff;
}

.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint label.invisible {
  color: transparent;
}
.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input {
  background: none;
  border: none;
  appearance: none;
}
.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked::after {
  z-index: 1;
  position: absolute;
  margin-top: -0.5rem;
  left: 0;
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  background-color: #7a0019;
  outline: 0.2rem solid #363636;
  outline-offset: 0;
  border-radius: 100%;
  aspect-ratio: 1;
}
.darkmode .BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked::after {
  background-color: #7a0019;
  outline: 0.2rem solid #ffffff;
}

.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked:focus-within::after {
  transform: scale(1.15);
  outline: 0.5rem solid #363636;
}
.darkmode .BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:checked:focus-within::after {
  outline: 0.5rem solid #ffffff;
}

.BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:not(:checked)::after {
  z-index: 1;
  position: absolute;
  margin-top: -0.5rem;
  left: 0;
  content: "";
  width: 1.75rem;
  height: 1.75rem;
  background-color: #3d3133;
  outline: 0;
  outline-offset: 0;
  border-radius: 100%;
  aspect-ratio: 1;
}
.darkmode .BedsideTVSettingsPage .DiscreteSlider .discreteSliderPointContainer .DiscreteSliderPoint input:not(:checked)::after {
  background-color: #ffffff;
  outline: 0;
}

@media (max-width: 560px) {
  .BedsideTVSettingsPage {
    scroll-padding-top: 4rem;
  }
}
.BedsideTVSettingsPage .pageTitle {
  display: flex;
  flex-direction: row;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.65);
  padding: 1rem 1rem 1rem 1.5rem;
}
@media (max-width: 560px) {
  .BedsideTVSettingsPage .pageTitle {
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  }
}
.darkmode .BedsideTVSettingsPage .pageTitle {
  background-color: rgba(0, 0, 0, 0.65);
}

.BedsideTVSettingsPage ._heading {
  color: #363636;
  margin-bottom: 0.5rem;
}
.darkmode .BedsideTVSettingsPage ._heading {
  color: #ffffff;
}

.BedsideTVSettingsPage[class][class] h2 {
  color: #363636;
  background: unset;
  border: unset;
  color: unset;
  font-size: 1.25rem;
  font-weight: unset;
  margin: 0;
  padding: 0.75rem 0 1rem;
  width: 100%;
}
.darkmode .BedsideTVSettingsPage[class][class] h2 {
  color: #ffffff;
}

.BedsideTVSettingsPage .settingControl {
  flex-grow: 0;
  display: flex;
  flex-direction: column;
  padding: 0 1.5rem;
}
.BedsideTVSettingsPage .settingControl > ._Text {
  margin: 0 2rem 0 0;
  font-weight: bolder;
}
.BedsideTVSettingsPage .settingControl .scalePreviewImages {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin-bottom: 1rem;
}
.BedsideTVSettingsPage .settingControl .scalePreviewImages ._InternalImage {
  border-radius: 0.5rem;
  width: 25%;
  max-width: 25%;
  object-fit: contain;
  height: 100%;
  border: 2px solid rgba(54, 54, 54, 0.5);
}
.darkmode .BedsideTVSettingsPage .settingControl .scalePreviewImages ._InternalImage {
  border: 2px solid rgba(255, 255, 255, 0.5);
}

.BedsideTVSettingsPage .DiscreteSlider {
  margin-top: 1rem;
  font-size: 1em;
  padding: 0 4rem;
}
@media (max-width: 560px) {
  .BedsideTVSettingsPage .DiscreteSlider {
    margin-top: 1rem;
    padding: 0 2rem;
  }
}
.BedsideTVSettingsPage .DiscreteSlider .DiscreteSliderPoint[class] input::after {
  margin-top: -0.75rem;
}
.BedsideTVSettingsPage .DiscreteSlider .DiscreteSliderPoint[class] input {
  margin-top: 2.75rem;
  appearance: auto;
}
@media (max-width: 560px) {
  .BedsideTVSettingsPage .DiscreteSlider .DiscreteSliderPoint[class] input {
    appearance: none;
    margin-top: 1.75rem;
  }
}
@media (max-width: 800px) {
  .BedsideTVSettingsPage .DiscreteSlider .DiscreteSliderPoint[class] input {
    appearance: none;
    margin-top: 1.75rem;
  }
}
.BedsideTVSettingsPage .actionButtons {
  display: flex;
  margin-top: 2rem;
  padding: 0 0.5rem;
}
@media (max-width: 970px) {
  .BedsideTVSettingsPage .actionButtons {
    margin-top: 1rem;
  }
}
@media (max-width: 560px) {
  .BedsideTVSettingsPage .actionButtons {
    margin-top: 0.25rem;
  }
}
.tvmode:not(.hideFocus) .BedsideTVSettingsPage .actionButtons ._Command:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .BedsideTVSettingsPage .actionButtons ._Command:focus {
    outline: #7a0019 solid 3px;
  }
}

.BedsideTVSettingsPage .actionButtons ._Command:not(:first-child) {
  margin-left: 1rem;
}
.BedsideTVSettingsPage .tvAppVersion {
  width: fit-content;
  position: fixed;
  right: 1rem;
  bottom: 1rem;
}

.PatientInfoDisclosure {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: center;
}
.PatientInfoDisclosure .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70%;
  padding: 1rem 2rem;
  background: #ffffff;
  border-radius: 20px;
}
@media (max-width: 970px) {
  .PatientInfoDisclosure .content {
    width: 80%;
    padding: 0.75rem 1.25rem;
  }
}
@media (max-width: 560px) {
  .PatientInfoDisclosure .content {
    width: 85%;
    padding: 0.75rem 1rem;
  }
}
.darkmode .PatientInfoDisclosure .content {
  background: #3d3133;
}

.PatientInfoDisclosure .content .orgLogo {
  width: auto;
  height: 10rem;
  margin-bottom: 1rem;
}
@media (max-width: 970px) {
  .PatientInfoDisclosure .content .orgLogo {
    height: 7rem;
  }
}
@media (max-width: 560px) {
  .PatientInfoDisclosure .content .orgLogo {
    height: 4rem;
  }
}
.PatientInfoDisclosure .content > ._Text {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
@media (max-width: 560px) {
  .PatientInfoDisclosure .content > ._Text {
    font-size: 1.35rem;
  }
}
.PatientInfoDisclosure .content > ._Command[class][class] {
  font-size: 1.5rem;
  margin-top: 1.5rem;
}
@media (max-width: 560px) {
  .PatientInfoDisclosure .content > ._Command[class][class] {
    font-size: 1.35rem;
  }
}

.PrivacyModeOverlay {
  display: flex;
  justify-content: center;
  width: 60%;
  height: 100%;
  float: right;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 20%, rgba(0, 0, 0, 0.9) 100%);
}
@media (max-width: 560px) {
  .PrivacyModeOverlay {
    width: 100%;
  }
}
.PrivacyModeOverlay .content {
  width: initial;
  text-align: center;
  margin: 2rem 1rem 2rem calc(10% + 1rem);
  padding: 2rem 1rem 2rem calc(10% + 1rem);
  overflow-y: auto;
  overflow-x: hidden;
  position: relative;
  color: #ffffff;
}
.PrivacyModeOverlay .content.whiteboard {
  display: flex;
  align-items: center;
}
.PrivacyModeOverlay .content .infoHeader {
  display: flex;
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content .infoHeader .orgInfo > ._Text {
    padding-right: 4rem;
  }
}
@media (max-width: 970px) {
  .PrivacyModeOverlay .content .infoHeader .orgInfo > ._Text {
    padding-top: 1rem;
  }
}
.PrivacyModeOverlay .content .infoHeader .orgInfo > ._image {
  width: 40%;
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content .infoHeader .orgInfo > ._image {
    display: none;
  }
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content {
    margin-top: 1rem;
  }
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content .orgLogo {
    display: none;
  }
}
.PrivacyModeOverlay .content ._Icon, .PrivacyModeOverlay .content .fallbackImage {
  width: unset;
  height: unset;
  max-width: 60%;
}
.PrivacyModeOverlay .content .settings {
  border-radius: 100%;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  color: #363636;
  line-height: 0;
  align-self: start;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content .settings {
    margin-top: 0.5rem;
  }
}
.darkmode .PrivacyModeOverlay .content .settings {
  background-color: #3d3133;
  color: #ffffff;
}

.tvmode:not(.hideFocus) .PrivacyModeOverlay .content .settings:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  color: #ffffff;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .settings:focus {
    outline: #7a0019 solid 3px;
  }
}

.PrivacyModeOverlay .content .settings svg {
  max-height: 3.8rem;
  max-width: 3.8rem;
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content .settings svg {
    max-height: 2.3rem;
    max-width: 2.3rem;
  }
}
.PrivacyModeOverlay .content .ExternalAppCard, .PrivacyModeOverlay .content .VideoCard, .PrivacyModeOverlay .content .ContentCard, .PrivacyModeOverlay .content .ActivityCard {
  aspect-ratio: 1.6/1;
  width: 100%;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: rgba(255, 255, 255, 0.2) solid 1px;
  border-radius: 10px;
  overflow: hidden;
  font-size: 1.1em;
  position: relative;
}
@media (max-width: 560px) {
  .PrivacyModeOverlay .content .ExternalAppCard, .PrivacyModeOverlay .content .VideoCard, .PrivacyModeOverlay .content .ContentCard, .PrivacyModeOverlay .content .ActivityCard {
    width: 75%;
  }
}
.tvmode:not(.hideFocus) .PrivacyModeOverlay .content .ExternalAppCard:focus, .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .VideoCard:focus, .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .ContentCard:focus, .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .ActivityCard:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .ExternalAppCard:focus, .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .VideoCard:focus, .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .ContentCard:focus, .tvmode:not(.hideFocus) .PrivacyModeOverlay .content .ActivityCard:focus {
    outline: #7a0019 solid 3px;
  }
}

.PrivacyModeOverlay .content .ExternalAppCard .activityIcon, .PrivacyModeOverlay .content .VideoCard .activityIcon, .PrivacyModeOverlay .content .ContentCard .activityIcon, .PrivacyModeOverlay .content .ActivityCard .activityIcon {
  height: 100%;
}
.PrivacyModeOverlay .content .ExternalAppCard .MediaDetails, .PrivacyModeOverlay .content .VideoCard .MediaDetails, .PrivacyModeOverlay .content .ContentCard .MediaDetails, .PrivacyModeOverlay .content .ActivityCard .MediaDetails {
  display: none;
}
.PrivacyModeOverlay .content .ExternalAppCard .videoImg, .PrivacyModeOverlay .content .VideoCard .videoImg, .PrivacyModeOverlay .content .ContentCard .videoImg, .PrivacyModeOverlay .content .ActivityCard .videoImg {
  width: -webkit-fill-available;
}
.PrivacyModeOverlay .content .ExternalAppCard .videoImg :after, .PrivacyModeOverlay .content .VideoCard .videoImg :after, .PrivacyModeOverlay .content .ContentCard .videoImg :after, .PrivacyModeOverlay .content .ActivityCard .videoImg :after {
  content: "";
  background-image: url("../../../en-US/images/video/playiconoverlay.svg");
}
.PrivacyModeOverlay .content .ExternalAppCard .detailsText, .PrivacyModeOverlay .content .VideoCard .detailsText, .PrivacyModeOverlay .content .ContentCard .detailsText, .PrivacyModeOverlay .content .ActivityCard .detailsText {
  position: absolute;
  bottom: 0;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
}
.PrivacyModeOverlay .content .ExternalAppCard .launchIcon, .PrivacyModeOverlay .content .VideoCard .launchIcon, .PrivacyModeOverlay .content .ContentCard .launchIcon, .PrivacyModeOverlay .content .ActivityCard .launchIcon {
  color: #ffffff;
  height: 1.3em;
  width: 1.3em;
  position: absolute;
  right: 0.2em;
  top: 0.2em;
  background-image: radial-gradient(circle, rgba(0, 0, 0, 0.6) 0.6em, transparent 0.65em);
}

.PrivacyModePage {
  flex: 1;
  position: relative;
}
.PrivacyModePage > ._image {
  position: absolute;
  object-fit: cover;
  z-index: -1;
  width: 100%;
  height: 100%;
}
.PrivacyModePage > ._image.skeleton-bone {
  display: none;
}

.RtlsNotificationBackground {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 23rem;
  background: linear-gradient(to top, #250008 65%, rgba(255, 255, 255, 0) 100%);
  font-size: 1.1em;
  z-index: 1000;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes glideIn {
  from {
    transform: translateY(100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.glideInNotification {
  animation: glideIn 1s ease-out 0s forwards;
}

.fadeOutNotification {
  animation: fadeOut 1s ease-in forwards;
}

.RtlsLabelContainer {
  text-align: center;
  position: relative;
  top: 43%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin: 0 auto;
}

.RtlsCardContainer {
  position: relative;
  top: 45%;
  display: grid;
  grid-template-columns: repeat(var(--grid-columns, 4), minmax(100px, 300px));
  gap: 1em;
  justify-content: center;
  margin-left: 1em;
  margin-right: 1em;
}

.RtlsCard {
  display: flex;
  justify-content: center;
  pointer-events: none;
  background-color: #000000 !important;
}

.RtlsCard .stackText .headingText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 970px) {
  .RtlsCard .stackText .secondaryText {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
  }
}

.RtlsFooterContainer {
  display: flex;
  text-align: center;
}

.RtlsOthersLabel {
  position: absolute;
  bottom: 0px;
  padding: 0.75em;
  text-align: center;
  margin: 0 !important;
  overflow: visible;
}
@media (max-width: 560px) {
  .RtlsOthersLabel {
    text-align: left;
  }
}

.RtlsDismissLabel {
  position: absolute;
  bottom: 0px;
  padding: 0.75em;
  display: flex;
  justify-content: right;
  font-style: italic;
  margin: 0 !important;
  overflow: visible;
}

.signalRWrapper ._AsyncIndicator {
  display: none;
}

.UpdateCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.UpdateCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.UpdateCard > * {
  padding-left: 16px;
  padding-right: 16px;
}

.UpdateDisclosure {
  width: 100%;
  align-items: start;
}
.UpdateDisclosure .updateDisclosureContent {
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  background-color: rgba(122, 0, 25, 0.05);
  padding: 1rem;
  border: 1px solid #dbdbdb;
}
.UpdateDisclosure .graphic {
  align-self: center;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .UpdateDisclosure .graphic {
    width: 100%;
  }
}

.UpdateContent {
  margin: 8px 0px;
}
.UpdateContent .updateText {
  white-space: pre-line;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.UpdateContent .updateImageContainer[class][class] {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.UpdateContent .updateImageContainer.notShown {
  width: 50%;
  height: 25rem;
}
.UpdateContent .updateImageContainer img {
  margin: auto;
  max-width: 100%;
  max-height: 25rem;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
@media print {
  .UpdateContent img {
    display: unset !important;
    width: auto !important;
  }
}

.UpdateOptions {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  min-height: 2.5rem;
  padding: 0.25rem 0.25rem;
  flex-direction: row;
  border-top: 1px solid #cccccc;
}
.UpdateOptions .updateOptionCommand {
  padding: 0 0.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  color: #7a0019;
}

.UpdateList ._LoadMoreList > ._List > ._ListElement:not(:last-child) {
  margin-bottom: 1rem;
}
@media screen and (min-width: 426px) {
  .UpdateList {
    padding: 0 1rem;
  }
}
.UpdateList ._Toast .body {
  background-color: unset;
}

.Comment {
  min-height: 3rem;
}
.Comment.commentCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: 4.5rem;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 0;
  border: 1px solid transparent;
}
.Comment.commentCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.Comment.selectedComment {
  border: 1px solid;
  border-color: #2d96ff;
}
.Comment .ParticipantDisplay {
  display: grid;
  grid-template-columns: max-content minmax(auto, max-content) minmax(auto, max-content);
  column-gap: 0.6rem;
  align-items: center;
}
.Comment .commentBody, .Comment .groupedChoice {
  white-space: pre-line;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.Comment .commentBody[class][class][class][class], .Comment .groupedChoice[class][class][class][class] {
  padding: 0.4rem 3.1rem;
  padding-inline-end: 0;
  margin: 0;
}
.Comment .commentBody[class][class][class][class].groupedChoice, .Comment .groupedChoice[class][class][class][class].groupedChoice {
  padding-top: 0;
}
.Comment ._ChoiceGroup {
  width: fit-content;
  margin-inline-start: auto;
}
.Comment .commentHeader {
  display: flex;
  margin-inline-start: auto;
}
.Comment .groupedChoice {
  padding-top: 0;
  white-space: pre-line;
  overflow-wrap: break-word;
}
.Comment .groupedChoice .checkbox {
  width: 100%;
  margin-right: 0;
}
.Comment .groupedChoice .checkbox ._DataEntryLabel {
  display: flex;
  border: none;
  width: 100%;
  max-width: 100%;
  padding: 0.2rem 0;
  align-items: start;
}
.Comment .groupedChoice .checkbox ._DataEntryLabel[class][class][class] {
  text-shadow: none;
  text-decoration: none;
  background-color: transparent;
}
.Comment .groupedChoice .checkbox ._DataEntryLabel[class][class][class] ._TextFragment {
  color: #363636;
  flex-grow: 1;
}
.Comment .groupedChoice .checkbox[class] ._DataEntryLabel::before {
  order: 1;
  margin-inline-start: auto;
  min-width: 1rem;
  width: 1rem;
  min-height: 1rem;
  height: 1rem;
  position: initial;
  border-color: #767676;
}
.Comment .groupedChoice .checkbox[class] ._DataEntryLabel::after {
  margin-right: 1rem;
}
.Comment .groupedChoice .checkbox ._input:not(:disabled):active + ._DataEntryLabel, .Comment .groupedChoice .checkbox ._input:not(:disabled) + ._DataEntryLabel:active {
  box-shadow: none;
}

.CommentComposer {
  display: grid;
  grid-template-areas: "a a" "b c";
  grid-column-gap: 8px;
  border-top: solid 1px #cccccc;
  padding-bottom: 1rem;
}
.CommentComposer .UpdateTextInput {
  grid-area: a;
  width: 100%;
  padding-top: 0.8rem;
}
.CommentComposer .UpdateTextInput textarea {
  height: 5rem;
}
.CommentComposer .UpdateTextInput .submitted textarea[class][class][class][class] {
  box-shadow: 0 -1px 0 0 #dbdbdb, 1px 0 0 0 #dbdbdb, 0 1px 0 0 #dbdbdb, -1px 0 0 0 #dbdbdb;
}
.CommentComposer .sendComment[class] {
  grid-area: c;
  width: max-content;
  align-items: center;
  align-self: start;
  justify-self: end;
  margin: 0;
}
.CommentComposer .sendComment .sendCommentText {
  display: inline;
  padding-inline-end: 0.2rem;
}
@media screen and (max-width: 321px) {
  .CommentComposer {
    grid-template-areas: "a" "b" "c";
  }
}

.CommentsList {
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
  border-top: solid 1px #cccccc;
}
.CommentsList li {
  padding-top: 0.8rem;
}
.CommentsList .showAllCommentsButton {
  margin-top: 0.8rem;
  text-align: center;
}

.Reactions {
  width: fit-content;
  margin-inline-start: auto;
}
.Reactions .reactionDisplay {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.Reactions .reactionDisplay .reactionType {
  margin: auto 0.2rem;
}
.Reactions .reactionDisplay .reactionCount {
  color: #363636;
}

.ParticipantReaction {
  min-width: 12rem;
  padding-bottom: 0.5rem;
}
.ParticipantReaction .reactionDisplay {
  display: flex;
  position: relative;
  left: 3rem;
  right: 3rem;
  width: calc(100% - 3rem);
  bottom: 0.8rem;
  align-items: center;
  gap: 0.2rem;
}

.UpdateComposer {
  display: flex;
  flex-direction: column;
}
.UpdateComposer .descriptionText {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.UpdateComposer .uploadCard {
  max-width: 50%;
}
.UpdateComposer .uploadCard[class] {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  text-align: center;
}
.UpdateComposer .uploadCard[class]:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .UpdateComposer .uploadCard {
    max-width: 100%;
  }
}
.UpdateComposer .uploadCard .addLabel {
  display: flex;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}
.UpdateComposer .uploadCard .description {
  color: #767676;
  font-size: 0.9rem;
}
.UpdateComposer .uploadCard:disabled {
  display: none;
}
.UpdateComposer .viewers {
  padding-bottom: 2rem;
}
.UpdateComposer .viewers .viewersHeading {
  padding-bottom: 0.25rem;
}
.UpdateComposer .viewers .viewerInfoText {
  overflow-wrap: break-word;
}
.UpdateComposer .viewers .ViewersList {
  padding-top: 0.5rem;
}

.UploadedImagePreview[class] {
  position: relative;
  display: grid;
  height: max-content;
  width: max-content;
  min-height: initial;
  min-width: initial;
  padding: 0;
  margin: 0;
  border-radius: 6px;
}
.UploadedImagePreview[class] img {
  padding: 0rem;
  max-width: 100%;
  max-height: 600px;
  min-height: 50px;
  min-width: 50px;
  object-fit: contain;
}
.UploadedImagePreview[class]:not(.selected) img {
  border-radius: 6px;
  border: solid 1px;
  border-color: #cccccc;
}
.UploadedImagePreview[class].selected {
  border: 5px solid #680015;
}
.UploadedImagePreview[class].selected .selectedCheckmark {
  position: absolute;
  z-index: 5;
  color: #680015;
  bottom: max(-0.7rem, -18px);
  right: max(-0.7rem, -18px);
  bottom: max(-0.55lh, -18px);
  right: max(-0.55lh, -18px);
}
.UploadedImagePreview[class] .delete {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.85);
  width: max-content;
  padding: 8px;
  margin: 2px;
  border-radius: 50%;
  position: absolute;
  justify-self: end;
}

.FriendsAndFamilyUpdates .pageHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  border-bottom: 1px solid rgba(118, 118, 118, 0.25);
}
html:not(.mobile) body.isInside:not(.graphicHeader) .FriendsAndFamilyUpdates .pageHeader {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .FriendsAndFamilyUpdates .pageHeader {
  margin-top: -0.5rem;
}
.mobile .FriendsAndFamilyUpdates .pageHeader {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .FriendsAndFamilyUpdates .pageHeader {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .FriendsAndFamilyUpdates .pageHeader {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .FriendsAndFamilyUpdates .pageHeader {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .FriendsAndFamilyUpdates .pageHeader {
    margin-top: -0.75rem;
  }
  .mobile .FriendsAndFamilyUpdates .pageHeader {
    margin-top: 0;
  }
}
.mobile .FriendsAndFamilyUpdates .pageHeader {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .FriendsAndFamilyUpdates .pageHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .FriendsAndFamilyUpdates .pageHeader {
    margin-top: 0;
  }
  .mobile .FriendsAndFamilyUpdates .pageHeader {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .FriendsAndFamilyUpdates .pageHeader {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media screen {
  .FriendsAndFamilyUpdates .pageHeader {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.FriendsAndFamilyUpdates .pageHeader[class] {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
  gap: 0.5rem;
  padding: 0.5rem 0.5rem 0.25rem;
  margin-bottom: 0.5rem;
}
.FriendsAndFamilyUpdates .activityTitle {
  width: max-content;
  overflow-wrap: anywhere;
  hyphens: auto;
  padding: 0;
}
.mobile .FriendsAndFamilyUpdates .activityTitle {
  display: none;
}
.FriendsAndFamilyUpdates .sendSection {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  column-gap: 8px;
}
.FriendsAndFamilyUpdates .sendSection .cardLink {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: auto;
  display: grid;
  grid-template-areas: "emblem title arrow" "emblem description arrow";
  grid-template-columns: max-content minmax(0, auto) max-content;
  grid-template-rows: min-content 1fr;
  column-gap: 0.8rem;
  row-gap: 0.2rem;
}
.FriendsAndFamilyUpdates .sendSection .cardLink:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.FriendsAndFamilyUpdates .sendSection .cardLink .cardEmblem {
  grid-area: emblem;
  place-self: start center;
  max-height: 54px;
  max-width: 54px;
}
.FriendsAndFamilyUpdates .sendSection .cardLink .cardTitle {
  grid-area: title;
  justify-self: flex-start;
  text-align: start;
  font-size: 1.1rem;
  overflow-wrap: anywhere;
  hyphens: auto;
  color: #7a0019;
}
.FriendsAndFamilyUpdates .sendSection .cardLink .cardDescription {
  grid-area: description;
  justify-self: flex-start;
  text-align: start;
  overflow-wrap: anywhere;
  hyphens: auto;
  color: #363636;
}
.FriendsAndFamilyUpdates .sendSection .cardLink .cardArrow {
  grid-area: arrow;
  place-self: center;
  color: #565656;
}
.FriendsAndFamilyUpdates .feedHeader {
  overflow-wrap: anywhere;
  hyphens: auto;
}
@media screen and (max-width: 768px) {
  .FriendsAndFamilyUpdates .sendSection {
    grid-template-columns: 1fr;
  }
}

.UpdateHeader {
  display: flex;
  flex-direction: row;
}
.UpdateHeader .updateSettings {
  width: fit-content;
  flex-shrink: 0;
  margin-inline-start: auto;
}
.UpdateHeader .updateSettings .menu ._MenuButton {
  color: #000000;
  padding: 0 0.5rem;
}
.UpdateHeader .updateSettings .menu ._MenuButton ._Text {
  opacity: 0;
  line-height: 0;
  overflow: hidden;
  width: 0;
}
.UpdateHeader .updateSettings .menu ._MenuButton .menuIcon {
  height: 1rem;
  width: 1rem;
}
.UpdateHeader .updateSettings .menu ._MenuList {
  width: 550%;
}
.UpdateHeader .updateSettings .menu ._MenuList > *:first-child {
  border-bottom: 1px solid #cccccc;
}

.ManageComments {
  overflow: visible;
}
.ManageComments .manageCommentsActions {
  position: relative;
  flex-direction: row;
  bottom: 0;
  display: flex;
  gap: 0.5rem;
  padding: 0.2rem;
}
.mobile .ManageComments .manageCommentsActions .item {
  flex: 1;
}
.ManageComments .comments .sectionHeader {
  padding-bottom: 0;
}
.ManageComments .comments .commentsList {
  width: 100%;
}

.DeletedUpdateCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 0;
  background-color: #e0f1ff;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 2rem;
  margin: 0.25rem 0.5%;
  width: 99%;
}
.DeletedUpdateCard > * {
  padding-left: 16px;
  padding-right: 16px;
}
.DeletedUpdateCard .text {
  white-space: pre-line;
  color: #7a0019;
}
.DeletedUpdateCard .dismissButton {
  width: fit-content;
  margin-inline-start: auto;
  color: #7a0019;
}

.EcardGalleryImage {
  display: flex;
  width: fit-content;
  position: relative;
  justify-content: center;
  margin: 0 auto;
  max-height: 400px;
}
.EcardGalleryImage img {
  max-width: 100%;
}
.EcardGalleryImage img[class][class][class][class][class][class][class][class] {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  margin: 0;
  object-fit: contain;
  height: auto;
  width: auto;
  border-radius: 0;
}
.EcardGalleryImage.selected {
  border: 5px solid #680015;
}
.EcardGalleryImage.selected .selectedCheckmark {
  position: absolute;
  z-index: 5;
  color: #680015;
  bottom: max(-0.7rem, -18px);
  right: max(-0.7rem, -18px);
  bottom: max(-0.55lh, -18px);
  right: max(-0.55lh, -18px);
}
.EcardGalleryImage :disabled img {
  filter: grayscale(1);
}

.EcardGalleryPage {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, 30%), 100%), 1fr));
  grid-template-columns: repeat(auto-fill, minmax(min(max(6.4rlh, 30%), 100%), 1fr));
  grid-auto-rows: auto;
  gap: 16px;
  padding: 12px 16px;
  background-color: #ffffff;
  border-radius: 4px;
}

.EcardGallery .imageCarousel {
  padding-bottom: 12px;
}
.EcardGallery .imageCarousel .scrollableCarousel ._ListElement[class][class] {
  padding: 4px 6px;
}

.UpdateAuthorDisplay {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  column-gap: 0.6rem;
}
.UpdateAuthorDisplay .textArea {
  grid-column-start: 2;
  display: grid;
  grid-template-columns: minmax(0, max-content);
  align-items: center;
}
.UpdateAuthorDisplay.isComment .ParticipantPhoto {
  position: absolute;
}
.UpdateAuthorDisplay.isComment .textArea {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.6rem;
  align-items: center;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.UpdateAuthorDisplay.imageOnly {
  column-gap: 0;
  width: max-content;
}
.UpdateAuthorDisplay .ParticipantPhoto {
  align-self: start;
  border: 3px solid;
}
.UpdateAuthorDisplay .primaryText {
  overflow-wrap: anywhere;
  hyphens: auto;
}
.UpdateAuthorDisplay .subtext {
  font-size: 0.8rem;
  line-height: 1rem;
  color: #767676;
  overflow-wrap: anywhere;
  hyphens: auto;
}

.ImageUpload {
  padding: 0 0 1rem;
}

.UpdateTextInput {
  display: grid;
  grid-template-areas: "input" "validation";
}
.UpdateTextInput .textInput {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 8rem;
  grid-area: input;
}
.UpdateTextInput .textInput[class][class][class][class] textarea {
  flex-grow: 1;
  border-bottom: 1rem solid transparent;
}
.UpdateTextInput .characterCounter {
  padding: 0 0.4rem;
  z-index: 3;
  display: grid;
  grid-area: input;
  align-self: end;
  margin-bottom: 0.75rem;
  grid-template-columns: 1fr auto;
  align-items: end;
}
.UpdateTextInput .characterCounter .countText {
  grid-row: 1;
  grid-column: 2;
  font-size: 0.8rem;
  line-height: 1rem;
  overflow-wrap: anywhere;
  hyphens: auto;
  z-index: 3;
}
.UpdateTextInput .characterCounter .countStatus {
  grid-row: 1;
  grid-column: 2;
  z-index: 4;
  font-size: 0 !important;
  color: transparent !important;
}

.EcardTVPage {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  height: 100%;
}
.EcardTVPage[class][class][class][class] .headerSecondaryText {
  line-height: 1.3rem;
}
.EcardTVPage .ZeroState {
  margin-top: 2rem;
}
.EcardTVPage .detailsFooter {
  padding: 1rem;
  border-top: 1px solid #363636;
}
@media (max-width: 970px) {
  .EcardTVPage .detailsFooter {
    padding: 0.5rem 1rem;
  }
}
.darkmode .EcardTVPage .detailsFooter {
  border-top: 1px solid #ffffff;
}

.EcardTVPage .detailsFooter .backToHome {
  position: absolute;
}
.EcardTVPage .detailsFooter .navigation {
  display: flex;
  justify-content: center;
  align-self: center;
}
.EcardTVPage .detailsFooter .navigation .rangeText {
  width: auto;
  padding: 0 0.5rem;
  align-self: center;
  text-align: center;
}
.EcardTVPage .detailsFooter .navigation .previousButton, .EcardTVPage .detailsFooter .navigation .nextButton {
  border-radius: 50%;
  height: 2.5rem;
  width: 2.5rem;
}
.EcardTVPage .detailsFooter .navigation .previousButton[class], .EcardTVPage .detailsFooter .navigation .nextButton[class] {
  padding: 0.4rem 0 0 0;
}
.EcardTVPage .detailsFooter .navigation .previousButton.disabledButton, .EcardTVPage .detailsFooter .navigation .nextButton.disabledButton {
  visibility: hidden;
}
.EcardTVPage .detailsFooter .navigation .previousButton {
  transform: rotate(90deg);
  left: -0.6rem;
}
.EcardTVPage .detailsFooter .navigation .previousButton[class][class]:focus {
  transform: rotate(90deg) scale(1.05);
}
.EcardTVPage .detailsFooter .navigation .nextButton {
  transform: rotate(-90deg);
  right: -0.6rem;
}
.EcardTVPage .detailsFooter .navigation .nextButton[class][class]:focus {
  transform: rotate(-90deg) scale(1.05);
}

.EcardTVCard {
  padding: 1rem 2rem 0 2rem;
}
.EcardTVCard .grid {
  margin-bottom: 10px;
}
.EcardTVCard .UpdateAuthorDisplay .subtext {
  color: #ffffff;
}
.EcardTVCard .updateText {
  white-space: pre-line;
  position: relative;
  left: 2.9rem;
  right: 2.9rem;
  width: calc(100% - 2.9rem);
  white-space: pre-line;
  overflow-wrap: break-word;
}
.EcardTVCard .updateImageContainer[class][class] {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}
.EcardTVCard .updateImageContainer > .ecardImage {
  margin: auto;
  max-width: 100%;
  max-height: 50vh;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
@media (max-width: 768px) {
  .EcardTVCard .updateImageContainer > .ecardImage {
    max-height: 75%;
    max-width: 75%;
  }
}
.EcardTVCard .updateImageContainer > .ecardImage._Bone {
  height: 50vh;
  aspect-ratio: 4/3;
}
.EcardTVCard ._Bone {
  border-radius: 6px;
}
.EcardTVCard ._Bone.ParticipantPhoto {
  border-radius: 50%;
  border: none;
}
.EcardTVCard ._Bone.updateText {
  margin-bottom: 10px;
}
.EcardTVCard ._Bone.textArea {
  width: 25%;
}

.ViewersList.displayAll[class][class] {
  display: grid;
  grid-template-areas: "icon text" "icon subtext";
  grid-template-columns: minmax(max-content, auto) auto;
  column-gap: 0.75rem;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
}
.ViewersList.displayAll[class][class]:hover .viewAll {
  text-decoration: underline;
}
.ViewersList.displayAll[class][class]:active {
  border: 2px solid #7a0019;
}
.ViewersList.displayAll[class][class] .viewersEmblem {
  grid-area: icon;
  align-self: center;
  color: #7a0019;
  background-color: transparent;
  width: 2.5rem;
  height: 2.5rem;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.ViewersList.displayAll[class][class] .viewersText {
  grid-area: text;
  font-size: 1.25rem;
  text-align: start;
  overflow-wrap: anywhere;
  hyphens: auto;
}
.ViewersList.displayAll[class][class] .viewAll {
  grid-area: subtext;
  text-align: start;
  color: #7a0019;
}
.ViewersList.displayPreview {
  width: max-content;
  display: flex;
  flex-flow: row wrap;
  gap: 0.25rem;
}
.ViewersList.displayPreview .imageList {
  width: max-content;
  display: flex;
  flex-flow: row wrap;
}
.ViewersList.displayPreview .imageList :not(:last-child) {
  margin-inline-end: -0.5rem;
}
.ViewersList.displayPreview .hiddenViewers {
  display: flex;
  width: 2.5rem;
  height: 2.5rem;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-shrink: 0;
  z-index: 1;
  overflow: hidden;
  font-size: 1.3rem;
  color: #ffffff;
  background-color: #7a0019;
}

.ViewersPopup .viewerSection {
  padding-bottom: 1.5rem;
}
.ViewersPopup .viewerList {
  padding: 0.5rem 0 0;
}
.ViewersPopup .viewerList li:not(:last-child) {
  margin-bottom: 0.5rem;
}

/* Copyright 2023 Epic Systems Corporation */
.AccountHeader {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  max-width: none;
  width: calc(100% + 1rem);
  margin-left: -0.5rem;
  padding: 0 0.5rem 0.5rem;
}
.AccountHeader .accountHeaderText {
  display: flex;
  flex-direction: column;
}
.AccountHeader .accountHeaderText .accountHeaderMain {
  font-size: 14pt;
  font-weight: bold;
}
.AccountHeader .accountHeaderText .accountHeaderSecondary {
  font-size: 0.85rem;
}

.accountHeaderLogo {
  max-width: 60px;
  max-height: 60px;
  fill: #7a0019;
}

._Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
._Banner .sectionTitle {
  padding: 0 0 0.125em 0;
}
._Banner .bannerTypeIcon {
  align-self: flex-start;
  flex-shrink: 0;
}
._Banner .bannerContent {
  flex: 1;
  display: flex;
}
._Banner .bannerActions {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
}
._Banner .bannerActions ._command {
  margin: 0 0.25rem;
}
@media screen and (min-width: 769px) {
  ._Banner .bannerActions {
    width: auto;
  }
}
._Banner.informational {
  background-color: #e0f1ff;
}
._Banner.informational .sectionTitle {
  color: #7a0019;
}
._Banner.informational .bannerActions {
  padding: 0 0.5rem 0 1.35rem;
  align-self: center;
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  ._Banner.informational .bannerActions {
    padding: 0.75rem 0 0.5rem 0;
  }
}
._Banner.informational ._link._readOnlyText {
  margin: 0;
}
._Banner.success {
  background-color: #ccffd8;
}
._Banner.success .sectionTitle {
  color: #0f784a;
}
._Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
._Banner.success ._Icon {
  fill: #0f784a;
}
._Banner.warning {
  background-color: #ffffd0;
}
._Banner.warning .sectionTitle {
  color: #363636;
}
._Banner.critical {
  background-color: #ffe8e8;
}
._Banner.critical .sectionTitle {
  color: #d80000;
}

/* Copyright 2024 Epic Systems Corporation */
.CoverageIcon .logo {
  float: right;
}

.BenefitsCard .dedMoopContainer {
  margin-top: 1rem;
}

.BenefitsCardHeaderRow h3 {
  padding-top: 0.25rem;
}

.DetailBillGenerateError {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .DetailBillGenerateError {
    margin: 0.25rem 0 1rem 0;
  }
}
.DetailBillGenerateError .errorIcon {
  margin-top: 0.15rem;
  flex-shrink: 0;
}

.DetailBillGenerateSuccess {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .DetailBillGenerateSuccess {
    margin: 0.25rem 0 1rem 0;
  }
}
.DetailBillGenerateSuccess .successIcon {
  margin-top: 0.15rem;
  flex-shrink: 0;
}
.DetailBillGenerateSuccess .successMessage {
  display: inline-block;
  width: auto;
  margin-right: 0.5rem;
}

.GenerateDetailBillCommand .inContextIcon {
  margin-top: -0.2rem;
}
.GenerateDetailBillCommand .generateDetailBillStatus {
  display: inline-block;
  width: auto;
  margin-left: 0.5rem;
  vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
  .GenerateDetailBillCommand .generateDetailBillStatus {
    margin-top: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .GenerateDetailBillCommand {
    margin-bottom: 0.5rem;
  }
}

.MaxRequestsReached {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .MaxRequestsReached {
    margin: 0.25rem 0 1rem 0;
  }
}
.MaxRequestsReached .errorIcon {
  margin-top: 0.15rem;
  flex-shrink: 0;
}

.GenerateDetailBill .generateButton[class] {
  padding-left: 0;
}
.GenerateDetailBill .generateButton[class].inContextButton {
  margin-top: 0;
  display: inline-grid;
  width: auto;
}
@media screen and (max-width: 768px) {
  .GenerateDetailBill .generateButton[class].standaloneButton {
    margin-top: 0.25rem;
  }
}
.GenerateDetailBill .generateButton[class].disabled {
  padding-left: 0.75rem;
}

/* Copyright 2024 Epic Systems Corporation */
/* Copyright 2024 Epic Systems Corporation */
.ConditionalMyChartBranding {
  display: none;
}
.ConditionalMyChartBranding.all {
  display: block;
}
body.branded .ConditionalMyChartBranding.custom-branded {
  display: block;
}

.Copyright {
  display: block;
  font-size: max(8pt, 0.55rem);
  text-align: center;
  width: 100%;
}
.Copyright ._Link {
  color: #565656;
}

/* Copyright 2023-2024 Epic Systems Corporation */
.MyChartBranding {
  display: block;
  text-align: center;
  padding: 1.5rem 0;
}
.MyChartBranding ._Icon {
  width: 6.5rem;
  height: unset;
}

/* Copyright 2021 Epic Systems Corporation */
.UnsubscribePrompt .unsubPage {
  text-align: center;
}
.UnsubscribePrompt .unsubImage {
  max-width: 250px;
  width: 66%;
}
.UnsubscribePrompt .unsubButton {
  display: inline-block;
  margin: 0 0.5rem;
  width: auto;
}

.UnsubscribeResult .unsubBanner {
  max-width: 800px;
  margin: 0 auto;
}

/* Copyright 2020-2024 Epic Systems Corporation */
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage {
  box-sizing: border-box;
  display: grid;
  min-height: calc(100vh - var(--wp-header-height) - var(--wp-footer-height));
  max-width: 100%;
  overflow-wrap: anywhere;
  grid-template-columns: 0.5fr 0.5fr 1.5fr 1.5fr 0.5fr 0.5fr;
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto) minmax(2.5rem, auto) minmax(min-content, auto) 1fr;
  grid-template-areas: "back back back close close close" ". . actTitle actTitle . ." ". icon icon icon icon ." ". dots dots dots dots ." "flexContent flexContent flexContent flexContent flexContent flexContent" "flexContent flexContent flexContent flexContent flexContent flexContent";
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #767676;
  opacity: 0.5;
  margin: 0.4rem;
  transition: all 0.15s ease-in-out;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.active {
  opacity: 1;
  width: 2rem;
  border-radius: 40px;
  background-color: #7a0019;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.offscreen, .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.medDot, .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.smallDot {
  margin-left: 0;
  margin-right: 0;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.offscreen {
  transform: scale(0);
  width: 0;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.medDot {
  transform: scale(80%);
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.smallDot {
  transform: scale(50%);
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .activityTitle, .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage pageTitle, .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage activityContent {
  animation: fadeInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition: background-color 2s;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .backButton[class][class] {
  z-index: 1;
  grid-area: back;
  width: fit-content;
  height: fit-content;
  margin-left: 8%;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .closeButton[class][class] {
  z-index: 1;
  grid-area: close;
  width: fit-content;
  height: fit-content;
  margin-right: 8%;
  justify-self: right;
  /* rtl:raw: justify-self: left; */
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage {
    height: 100%;
    min-height: unset;
    grid-template-columns: 3fr 0.3fr 0.3fr 0.5fr 2.6fr 0.3fr 0.5fr 0.3fr;
    grid-template-rows: minmax(2.75rem, auto) auto 1fr 0fr 2.5rem;
    grid-template-areas: "actTitle swoop back back dots close close close" "buffer swoop . flexContent flexContent flexContent flexContent ." "icon swoop . flexContent flexContent flexContent flexContent ." "icon swoop . buttons buttons buttons buttons ." ". swoop . . . . . .";
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .swoop {
  grid-column-start: back;
  grid-column-end: close;
  grid-row-start: back;
  grid-row-end: icon;
  overflow-x: hidden;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .swoop::before {
  display: block;
  content: "";
  background-image: url("../../images/CapturedWorkflowIconBackground.svg");
  background-size: 250px;
  background-repeat: repeat;
  width: 140%;
  transform: translateX(-14%);
  height: 95%;
  border-radius: 0 0 50% 50%/0 0 45% 45%;
  box-shadow: 0 7px 10px 0px rgba(0, 0, 0, 0.05);
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .swoop {
    grid-column-start: actTitle;
    grid-column-end: swoop;
    grid-row-start: actTitle;
    grid-row-end: swoop;
  }
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .swoop::before {
    position: absolute;
    max-height: unset;
    left: unset;
    background-size: 300px;
    width: 43%;
    height: 125%;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 0 20% 20% 0/0 50% 50% 0;
    box-shadow: 7px 0 10px 0px rgba(0, 0, 0, 0.05);
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageIcon {
  grid-area: icon;
  justify-self: center;
  align-self: center;
  width: 100%;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
  margin: -17px 0 17px 0;
  padding: 26px 0 35px 0;
  height: 200px;
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageIcon {
    margin: unset;
    grid-area: unset;
    grid-row-start: buffer;
    grid-row-end: icon;
    grid-column-start: icon;
    grid-column-end: swoop;
    height: 100%;
    padding: 0 18% 0 18%;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .activityTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center;
  z-index: 1;
  grid-area: actTitle;
  color: #565656;
  font-size: 1rem;
  height: fit-content;
  padding: 0.5rem 0 0.5rem;
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .activityTitle {
    align-self: unset;
    grid-row-start: actTitle;
    grid-row-end: buffer;
    grid-column-start: actTitle;
    grid-column-end: swoop;
    font-size: 1.25rem;
    padding: 0.75rem 1.5rem 0.5rem;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage ._command.nextButton, .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage ._command.secondaryButton {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage ._command.nextButton, .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage ._command.secondaryButton {
    width: 100%;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .dots {
  display: flex;
  grid-row: dots;
  grid-column-start: back;
  grid-column-end: close;
  justify-content: center;
  align-self: center;
  height: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .dots {
    padding-top: 0.75rem;
    align-self: auto;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #363636;
  font-size: 1.5rem;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageTitle {
    display: block;
    font-size: 2rem;
    text-align: left;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent {
  grid-area: flexContent;
  display: flex;
  flex-direction: column;
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedStickyBuffer {
  display: none;
}
@media screen and (max-width: 1024px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedStickyBuffer {
    display: block;
    min-height: 5px;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .textContent {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  width: 74.69%;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .textContent {
    margin: auto 0;
    flex-grow: 0;
    overflow-y: auto;
    width: unset;
    padding: 3px;
  }
}
.constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons {
  grid-row: buttons;
  grid-column: flexContent;
  padding: 0.5rem 0 1.5rem 0;
  min-height: 4.5rem;
}
@media screen and (max-width: 1024px) {
  html:not(.datatile) .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons {
    bottom: 0;
    position: sticky;
    background-color: #ffffff;
    padding-top: 0.5rem;
  }
  html:not(.datatile) .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons.stuck {
    box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05);
    z-index: 10;
  }
  html:not(.datatile) .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons.tooBigToStick {
    position: relative;
  }
}
@media screen and (min-width: 1025px) {
  .constrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons {
    width: 80%;
    margin: 0 auto 0 auto;
    min-height: 6.5rem;
    padding: 0;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage {
  box-sizing: border-box;
  display: grid;
  min-height: calc(100vh - var(--wp-header-height) - var(--wp-footer-height) - 0.25rem);
  max-width: 100%;
  overflow-wrap: anywhere;
  grid-template-columns: 0.5fr 0.5fr 1.5fr 1.5fr 0.5fr 0.5fr;
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto) minmax(2.5rem, auto) minmax(min-content, auto) 1fr;
  grid-template-areas: "back back back close close close" ". . actTitle actTitle . ." ". icon icon icon icon ." ". dots dots dots dots ." "flexContent flexContent flexContent flexContent flexContent flexContent" "flexContent flexContent flexContent flexContent flexContent flexContent";
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  line-height: 0;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot {
  display: inline-block;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #767676;
  opacity: 0.5;
  margin: 0.4rem;
  transition: all 0.15s ease-in-out;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.active {
  opacity: 1;
  width: 2rem;
  border-radius: 40px;
  background-color: #7a0019;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.offscreen, .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.medDot, .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.smallDot {
  margin-left: 0;
  margin-right: 0;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.offscreen {
  transform: scale(0);
  width: 0;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.medDot {
  transform: scale(80%);
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .WorkflowPaginationDots .dot.smallDot {
  transform: scale(50%);
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .activityTitle, .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage pageTitle, .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage activityContent {
  animation: fadeInAnimation ease 0.5s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  transition: background-color 2s;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .backButton[class][class] {
  z-index: 1;
  grid-area: back;
  width: fit-content;
  height: fit-content;
  margin-left: 8%;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .closeButton[class][class] {
  z-index: 1;
  grid-area: close;
  width: fit-content;
  height: fit-content;
  margin-right: 8%;
  justify-self: right;
  /* rtl:raw: justify-self: left; */
}
@media screen and (min-width: 1025px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage {
    grid-template-columns: 0.5fr 0.5fr 3fr 0.5fr 0.5fr;
    grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(2.5rem, auto) minmax(min-content, auto) 1fr auto;
    grid-template-areas: "back back actTitle close close" ". icon icon icon ." ". dots dots dots ." ". flexContent flexContent flexContent ." ". flexContent flexContent flexContent .";
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .swoop {
  grid-column-start: back;
  grid-column-end: close;
  grid-row-start: back;
  grid-row-end: icon;
  overflow-x: hidden;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .swoop::before {
  display: block;
  content: "";
  background-image: url("../../images/CapturedWorkflowIconBackground.svg");
  background-size: 250px;
  background-repeat: repeat;
  width: 140%;
  transform: translateX(-14%);
  height: 95%;
  border-radius: 0 0 50% 50%/0 0 45% 45%;
  box-shadow: 0 7px 10px 0px rgba(0, 0, 0, 0.05);
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageIcon {
  grid-area: icon;
  justify-self: center;
  align-self: center;
  width: 100%;
  height: 150px;
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.4));
  margin: -17px 0 17px 0;
  padding: 26px 0 17px 0;
}
@media screen and (min-width: 1025px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageIcon {
    height: 200px;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .activityTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  align-self: center;
  z-index: 1;
  grid-area: actTitle;
  color: #565656;
  font-size: 1rem;
  height: fit-content;
  padding: 0.5rem 0 0.5rem;
}
@media screen and (min-width: 1025px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .activityTitle {
    font-size: 1.25rem;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage ._command.nextButton, .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage ._command.secondaryButton {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .dots {
  display: flex;
  grid-row: dots;
  grid-column-start: back;
  grid-column-end: close;
  justify-content: center;
  align-self: center;
  height: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageTitle {
  display: flex;
  justify-content: center;
  text-align: center;
  color: #363636;
  font-size: 1.5rem;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 1025px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .pageTitle {
    font-size: 2rem;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent {
  grid-area: flexContent;
  display: flex;
  flex-direction: column;
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedStickyBuffer {
  display: none;
}
@media screen and (max-width: 1024px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedStickyBuffer {
    display: block;
    min-height: 5px;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .textContent {
  display: flex;
  flex-direction: column;
  flex-grow: 2;
  width: 74.69%;
  margin: 0 auto;
}
@media screen and (min-width: 1025px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .textContent {
    flex-grow: unset;
  }
}
.unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons {
  grid-area: buttons;
  margin-left: auto;
  margin-right: auto;
  padding: 0.5rem 0 1.5rem 0;
  min-height: 4.5rem;
}
@media screen and (max-width: 1024px) {
  html:not(.datatile) .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons {
    bottom: 0;
    position: sticky;
    background-color: #ffffff;
    padding-top: 0.5rem;
  }
  html:not(.datatile) .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons.stuck {
    box-shadow: 0px -10px 10px 0px rgba(0, 0, 0, 0.05);
    z-index: 10;
  }
  html:not(.datatile) .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons.tooBigToStick {
    position: relative;
  }
}
@media screen and (min-width: 1025px) {
  .unconstrainedCapturedWorkflow .capturedWorkflowPage .CapturedWorkflowPage .flexContent .capturedButtons {
    display: flex;
    column-gap: 0.5rem;
    width: 74.69%;
    margin: 0 auto;
  }
}

.capturedWorkflow:not(.noOverflowCapturedWorkflow) .CapturedWorkflowPage {
  overflow-y: auto;
}

/* Copyright 2024 Epic Systems Corporation */
.EnrollmentWorkflowCompleteStep .EnrollBody {
  text-align: left;
  display: flex;
  flex-direction: column;
}
.EnrollmentWorkflowCompleteStep .SettingsLinkContainer {
  display: flex;
  width: fit-content;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .EnrollmentWorkflowCompleteStep .SettingsLinkContainer {
    flex-direction: column;
    align-items: flex-start;
  }
}
.EnrollmentWorkflowCompleteStep .SettingsLinkContainer .SettingsLink {
  display: flex;
  align-items: center;
  margin: 0 0.25rem;
}
.EnrollmentWorkflowCompleteStep .SettingsLinkContainer .SettingsLink .SettingsLinkText {
  float: left;
}

/* Copyright 2024 Epic Systems Corporation */
.EnrollmentProxyList {
  max-width: 30rem;
  text-align: left;
  margin: 0.5rem 0rem;
}
.EnrollmentProxyList .ProxyHeading {
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
  color: black;
}
.EnrollmentProxyList .ProxyList ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.EnrollmentProxyList .ProxyRow {
  padding: 0.5rem 0.5rem;
}
.EnrollmentProxyList .ProxyText {
  padding-left: 0.5rem;
}
.EnrollmentProxyList .linkWrapper {
  padding: 0.5rem;
}

/* Copyright 2022 Epic Systems Corporation */
.AppointmentNode[class] {
  margin: 0;
  min-height: auto;
}
@media print {
  .AppointmentNode {
    border: solid 1px #000000;
  }
}
.AppointmentNode .description {
  white-space: pre-line;
}

.CareJourney {
  word-break: break-word;
}
.CareJourney .completedJourneyBanner {
  border-radius: 6px;
}
@media only screen and (max-width: 769px) {
  .CareJourney .completedJourneyBanner {
    flex-direction: row;
  }
}

.CareJourneys {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
  max-width: 1000px;
}
.mobile .CareJourneys {
  min-height: calc(100vh - 1rem);
}
.datatile .CareJourneys {
  min-height: auto;
}
.CareJourneys .careJourneyHeader {
  display: flex;
  flex-flow: column;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 769px) {
  .CareJourneys .careJourneyHeader {
    flex-flow: row;
  }
}
.CareJourneys .careJourneysTitle {
  width: max-content;
}
.mobile .CareJourneys .careJourneysTitle {
  display: none;
}
.mobile .CareJourneys .JourneySelector {
  margin-top: 0.5rem;
  max-width: 100%;
}
@media print {
  .CareJourneys {
    min-height: 0 !important;
  }
}

.InformationNode[class] {
  margin: 0;
  min-height: auto;
}
@media print {
  .InformationNode {
    border: solid 1px #000000;
  }
}
.InformationNode .description {
  word-break: break-word;
  white-space: pre-line;
}

@media only screen and (min-width: 769px) {
  .JourneySelector {
    max-width: 320px;
    margin: auto auto 0 2rem;
  }
}
.mobile .JourneySelector {
  margin-left: 0;
}
.JourneySelector[class][class] ._MenuButton {
  margin-left: -0.75rem;
}
.JourneySelector .selectorOption {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
  flex-wrap: wrap;
}
.JourneySelector .selectorOption .selectionText {
  margin-right: 0.3rem;
}
.JourneySelector .selectorOption[class] .StatusBadge {
  white-space: normal;
  word-break: break-word;
}
@media print {
  .JourneySelector {
    display: none;
  }
}

.mobile .NodeLinks linkText {
  font-size: 1rem;
}
@media print {
  .NodeLinks {
    display: none;
  }
}

.NodeHeader {
  display: flex;
}
.NodeHeader .icon {
  flex-shrink: 0;
  width: 43px;
  height: 43px;
}
.NodeHeader .headerInfo {
  margin-left: 0.2rem;
  word-break: break-word;
  display: grid;
  grid-template-areas: "title icon" "date icon";
}
.NodeHeader .headerInfo .nodeTitle {
  grid-area: title;
  padding: 0rem;
  font-weight: bold;
  color: #363636;
  margin-bottom: 0px;
  margin-right: 1rem;
}
.NodeHeader .headerInfo .statusIcon {
  grid-area: icon;
  justify-self: end;
  display: block;
  flex-shrink: 0;
  fill: #09aa71;
}
.NodeHeader .headerInfo .date {
  grid-area: date;
  width: 100%;
}
.NodeHeader .headerInfo .notScheduled {
  font-style: italic;
}

.NodeDescription {
  padding: 0.2rem;
}
.NodeDescription .disclosureButton {
  color: #404d5b;
  padding: 0;
  align-self: flex-start;
}
@media print {
  .NodeDescription .disclosureButton {
    display: none;
  }
}
.NodeDescription .description {
  margin-top: 0.3rem;
  word-break: break-word;
}

.JourneyTeam[class][class] {
  padding: 0;
  min-height: 0;
}
.JourneyTeam ._LaboredCommand .contentWrapper {
  margin-top: 0;
}
.JourneyTeam ._LoadMoreCommand {
  border-top: 1px solid #dbdbdb;
  border-width: thin;
  width: auto;
  height: 2.4rem;
}
@media screen and (max-width: 768px) {
  .JourneyTeam ._LoadMoreCommand {
    height: 2.2rem;
  }
}
.JourneyTeam ._LoadMoreCommand ._LaboredCommand {
  padding: 0 0.75rem 0.375rem;
  margin: 0.5rem 0 0.25rem;
}
.JourneyTeam ._LoadMoreCommand.finished {
  display: none;
}
.JourneyTeam ._ListElement:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}

.JourneyProvider .JourneyTeamBioLink {
  display: flex;
  align-items: center;
  padding-right: clamp(8px, 0.75rem, 16px);
}
.JourneyProvider .JourneyTeamBioLink:is(:focus, :hover) {
  background-color: #f4ebed;
}

.JourneyProvider .JourneyTeamBioLink ._ExternalLinkIcon {
  color: #767676;
}
.JourneyProvider .JourneyTeamBioLink:is(:focus, :hover) {
  text-decoration: none;
}

.JourneyProvider .ProviderDetails {
  padding: 0.75rem 0.5rem;
  padding-right: clamp(8px, 0.5rem, 16px);
  padding-left: clamp(8px, 0.5rem, 16px);
  display: flex;
  align-items: center;
  color: #363636;
  max-width: 95%;
}
.JourneyProvider .ProviderDetails .JourneyTeamPhoto {
  width: fit-content;
  margin: 0 1rem 0 0.5rem;
  display: flex;
  margin-right: clamp(4px, 1rem, 16px);
  margin-left: clamp(4px, 0.5rem, 8px);
}
.JourneyProvider .ProviderDetails .JourneyTeamPhoto .ParticipantPhoto {
  width: 48px;
  height: 48px;
  max-width: 70px;
  max-height: 70px;
}
.JourneyProvider .ProviderDetails .JourneyTeamText {
  display: flex;
  flex-direction: column;
  color: #363636;
  padding-right: 0.2rem;
}
.JourneyProvider .ProviderDetails .JourneyTeamText .RoleText {
  color: #767676;
}
.JourneyProvider .ProviderDetails .JourneyTeamText ._Text {
  margin: 0.1rem 0;
  overflow-wrap: anywhere;
}

.DocumentEsigViewer .docWrapper {
  margin-top: -0.25rem;
}
.DocumentEsigViewer .docWrapper .documentHolder {
  padding: 1rem;
}
.DocumentEsigViewer .docWrapper .downloadLink {
  display: flex;
  padding-left: 0;
  margin: 0;
}

.DocumentLink {
  display: flex;
  width: min-content;
  padding: 0.5rem;
}

.DocumentLinkPopup {
  display: flex;
  width: min-content;
  padding: 0.5rem;
}

@media screen and (max-width: 768px) {
  .DocumentList {
    width: 100%;
  }
}
.DocumentList .listContainer {
  padding: 0;
  min-height: unset;
}
.DocumentList ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.DocumentList ._ListElement ._Command {
  display: flex;
  width: 100%;
  white-space: nowrap;
  margin: auto;
}
.DocumentList ._ListElement ._Link {
  display: flex;
  text-decoration: none;
  width: 100%;
  white-space: nowrap;
  margin: auto;
}
.DocumentList ._LaboredCommand .contentWrapper {
  margin-top: 0;
}
.DocumentList ._LoadMoreCommand {
  border-top: 1px solid #dbdbdb;
  border-width: thin;
  width: auto;
  height: 2.4rem;
}
@media screen and (max-width: 768px) {
  .DocumentList ._LoadMoreCommand {
    height: 2.2rem;
  }
}
.DocumentList ._LoadMoreCommand ._LaboredCommand {
  padding: 0 0.75rem 0.375rem;
  margin: auto;
}
.DocumentList ._LoadMoreCommand ._Command {
  padding: 0;
}
.DocumentList ._LoadMoreCommand ._Command .contentWrapper {
  margin: 0;
}
.DocumentList ._LoadMoreCommand.finished {
  display: none;
}

.DocumentReportViewer .sectionTitle {
  font-size: 1.5em;
}
.DocumentReportViewer .documentWrapper {
  max-width: 8.5in;
  width: auto;
  padding: 0.5in;
  margin: 16px auto;
}
@media screen and (max-width: 768px) {
  .DocumentReportViewer .documentWrapper {
    width: 100%;
    padding: 8px;
  }
}

.DocumentRTFViewer .documentRTFWrapper {
  display: flex;
  flex-direction: row;
  margin: 16px auto;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .DocumentRTFViewer .documentRTFWrapper {
    flex-direction: column;
    width: 100%;
  }
}
.DocumentRTFViewer .documentRTFWrapper .documentRTFContent {
  width: fit-content;
  flex: 2;
  max-width: 8.5in;
  margin: 0 0.5rem 0 0;
}
@media screen and (max-width: 768px) {
  .DocumentRTFViewer .documentRTFWrapper .documentRTFContent {
    width: 100%;
  }
}
.DocumentRTFViewer .documentRTFWrapper .documentRTFContent .content {
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  width: auto;
  padding: 0.5in;
  word-break: break-word;
  margin: 0 0.5rem 0 0;
}
.DocumentRTFViewer .documentRTFWrapper .documentRTFContent .content ._PageHeading {
  margin-top: -0.5in;
  padding-bottom: 0.75rem;
}
.DocumentRTFViewer .documentRTFWrapper .hasLinks {
  max-width: none;
}

.OverviewCard {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  min-height: 0px;
  width: 99%;
  margin: 0.25rem 0.5%;
}
.OverviewCard .headingContainer {
  display: flex;
  flex-direction: column;
  padding-left: 106px;
}
@media screen and (max-width: 768px) {
  .OverviewCard .headingContainer {
    padding-left: 120px;
  }
}
.OverviewCard ._link.overviewButton {
  align-self: flex-end;
}
@media screen and (max-width: 1300px) {
  .OverviewCard ._link.overviewButton {
    align-self: flex-end;
  }
}
@media screen and (max-width: 768px) {
  .OverviewCard ._link.overviewButton {
    align-self: center;
    margin-left: -120px;
  }
}
.OverviewCard .overviewCardContent {
  display: flex;
  word-wrap: break-word;
  word-break: break-word;
  background: url("../../images/journey_overview.svg");
  background-repeat: no-repeat;
  background-position: top 50% left -14px;
  background-size: 120px;
  border-radius: 6px;
  margin-right: 0.5rem;
}
@media screen and (max-width: 1300px) {
  .OverviewCard .overviewCardContent {
    display: flex;
    word-wrap: break-word;
    word-break: break-word;
    background: url("../../images/journey_overview_mobile.svg");
    background-repeat: no-repeat;
    background-position: top 50% left -40px;
    background-size: 155px;
    border-radius: 6px;
  }
}
@media screen and (max-width: 768px) {
  .OverviewCard .overviewCardContent {
    display: flex;
    word-wrap: break-word;
    word-break: break-word;
    background: url("../../images/journey_overview_mobile.svg");
    background-repeat: no-repeat;
    background-position: top 50% left -50px;
    background-size: 170px;
    border-radius: 6px;
  }
}
.OverviewCard[class][class] {
  display: flex;
  flex-direction: row;
  padding: 0;
}
@container (width < 17rem) {
  .OverviewCard[class][class] .overviewCardContent {
    background: none;
  }
  .OverviewCard[class][class] .headingContainer {
    padding-left: 1rem;
  }
  .OverviewCard[class][class] ._link.overviewButton {
    margin-left: 0;
    align-self: center;
  }
}

.OverviewHeading {
  text-align: inherit;
  display: flex;
  position: relative;
}
.OverviewHeading .overviewPageHeading {
  padding: 0.5rem 0 0.25rem;
}

.DocumentSection {
  display: flex;
  margin: 0;
}
.DocumentSection .documentSectionContent {
  color: #363636;
  text-align: inherit;
  display: flex;
  padding: 0.4rem;
  position: relative;
  align-items: center;
  overflow-wrap: anywhere;
}
.DocumentSection .documentSectionContent .docText {
  display: flex;
  flex-direction: column;
  margin-left: 5px;
  justify-content: center;
  min-height: 2.5rem;
}
.DocumentSection .documentSectionContent .docText .documentLabel {
  padding: inherit;
  display: flex;
  margin: 0;
}
.DocumentSection .documentSectionContent .docText .documentLabelsubtle {
  color: #767676;
  display: flex;
  padding: inherit;
  font-size: smaller;
  margin: 0;
}
.DocumentSection .documentSectionContent .docIcon {
  height: 48px;
  width: 48px;
}

.DocumentExternalLinks {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 33%;
  max-width: 8.5in;
}
@media screen and (max-width: 768px) {
  .DocumentExternalLinks {
    width: 100%;
  }
}
.DocumentExternalLinks .linksCard {
  margin: 0 0.5rem 0 0;
  padding: 0;
  height: auto;
  width: auto;
  min-height: fit-content;
}
.DocumentExternalLinks .linksCard ._ListElement:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.DocumentExternalLinks .linksCard .links .externalLink {
  display: flex;
  padding: 0.4rem;
  color: #363636;
  width: 100%;
  align-items: center;
}
.DocumentExternalLinks .linksCard .links .externalLink:is(:focus, :hover) {
  text-decoration: none;
  background-color: #f4ebed;
}

.DocumentExternalLinks .linksCard .links .externalLink ._TextFragment {
  width: inherit;
  word-break: break-all;
}

.JourneyEducation {
  padding: 0;
}
.JourneyEducation._Segment {
  min-height: unset;
}
@media screen and (max-width: 768px) {
  .JourneyEducation ._heading {
    margin-left: 0.125rem;
  }
}
.JourneyEducation .titleList {
  padding: 0;
  min-height: unset;
}
.JourneyEducation ._LoadMoreCommand {
  border-top: 1px solid #dbdbdb;
  width: auto;
  padding: 0 0.75rem 0.375rem;
  margin: 0 0 0.25rem;
}
.JourneyEducation ._LoadMoreCommand ._Command {
  padding: 0;
  margin: 0;
}
.JourneyEducation ._LoadMoreCommand.finished {
  display: none;
}
.JourneyEducation ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  margin-left: 1rem;
  margin-right: 1rem;
}
.JourneyEducation .EducationTitleRow {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.JourneyEducation .EducationTitleRow:is(:focus, :hover) {
  text-decoration: none;
  color: #363636;
  background-color: #f4ebed;
}

.JourneyEducation .EducationTitleRow .thumbnailContainer {
  display: flex;
  flex-wrap: wrap;
  max-width: 48px;
  max-height: 48px;
  border-radius: 60%;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color1 {
  background-color: #e9b8f9;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color2 {
  background-color: #b8eef9;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color3 {
  background-color: #cef9b8;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color4 {
  background-color: #b8c3f9;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color5 {
  background-color: #f9deb8;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color6 {
  background-color: #fff799;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer.color7 {
  background-color: #f9b8e9;
}
.JourneyEducation .EducationTitleRow .thumbnailContainer .thumbnailIcon {
  padding: 6px;
  flex-direction: column;
  text-align: center;
  justify-content: center;
  align-items: center;
  height: 48px;
  width: 48px;
  filter: drop-shadow(0px 1px 0.3px white) drop-shadow(0px -1px 0.3px white) drop-shadow(1px 0px 0.3px white) drop-shadow(-1px 0px 0.3px white);
}
.JourneyEducation .EducationTitleRow .fallbackImage {
  width: 48px;
  height: 48px;
  border-radius: 60%;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color1 {
  background-color: #e9b8f9;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color2 {
  background-color: #b8eef9;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color3 {
  background-color: #cef9b8;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color4 {
  background-color: #b8c3f9;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color5 {
  background-color: #f9deb8;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color6 {
  background-color: #fff799;
}
.JourneyEducation .EducationTitleRow .fallbackImage.color7 {
  background-color: #f9b8e9;
}
.JourneyEducation .EducationTitleRow .aspectRatioBox {
  display: flex;
  position: relative;
  max-width: 48px;
  max-height: 48px;
}
.JourneyEducation .EducationTitleRow .aspectRatioBox .thumbnailImage:not(.fallbackImage) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  height: 48px;
  width: 48px;
  border-radius: 60%;
}
.JourneyEducation .EducationTitleRow .titleText {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.5rem;
  color: #363636;
  overflow-wrap: anywhere;
}
.JourneyEducation .EducationTitleRow .titleText[class][class] {
  margin: 0;
}
.JourneyEducation .EducationTitleRow .educationArrowContainer {
  max-width: fit-content;
  margin: 0 0.2rem;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  float: right;
}
.JourneyEducation .EducationTitleRow .arrowIcon {
  color: #767676;
}

html[dir=rtl] .arrowIcon {
  transform: scaleX(-1);
  -moz-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
}

@media screen and (min-width: 769px) {
  .FullTimelinePage .FullTimelineEvents {
    width: 70%;
  }
}
.FullTimelinePage .FullTimelineEvents ._ViewPickerPanel {
  margin-top: 0.25rem;
}
.FullTimelinePage .backToJourneyLink {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  padding-left: 0.75rem;
}
@media screen {
  .FullTimelinePage .backToJourneyLink {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.FullTimelinePage .backToJourneyLink ._BackToJourneyLink {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 1rem 0 0.5rem 0;
}
.FullTimelinePage .journeyTitle {
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  .FullTimelinePage .CompletedFullTimeline {
    width: 70%;
  }
}
.FullTimelinePage .CompletedFullTimeline ._DropDownEntry {
  margin-top: 0.5rem;
}

.FullTimelinePastEvents {
  display: flex;
  flex-direction: column;
}
.FullTimelinePastEvents .PastVisit.primaryVisitIcon {
  box-shadow: none;
  background-color: transparent;
  position: absolute;
  bottom: 39%;
  left: -3px;
  border: none;
  margin-left: -0.45rem;
}
.FullTimelinePastEvents .InformationNode {
  margin: 0.5rem 0 0.5rem -0.5rem;
}
.FullTimelinePastEvents ._DropDownEntry {
  margin: 0.5rem 0 0.25rem 0;
}
.FullTimelinePastEvents .dropDownContainer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.FullTimelinePastEvents .dropDownContainer .arrowContainer {
  width: fit-content;
}
.FullTimelinePastEvents .dropDownContainer .arrowContainer .upArrow {
  left: -0.3rem;
  /*rtl:raw:
  margin-right: -0.075rem;
  */
}
.FullTimelinePastEvents .dropDownContainer.olderToNewerSelected {
  justify-content: flex-end;
}
.FullTimelinePastEvents .FullTimelineArrow {
  position: relative;
  font-size: 0px;
}
.FullTimelinePastEvents .FullTimelineArrow .upArrow {
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.5rem dashed #535f6b;
  position: relative;
  padding-left: 0.1rem;
  border-radius: 3px;
  left: -0.34rem;
  bottom: 0.15rem;
}
.FullTimelinePastEvents .FullTimelineArrow .downArrow {
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem dashed #535f6b;
  position: relative;
  padding-left: 0.1rem;
  border-radius: 3px;
  top: -3.5rem;
  left: -0.29rem;
  /*rtl:raw:
  margin-right: -0.1rem;
  */
}
.FullTimelinePastEvents .FullTimelineArrow .line {
  height: 0.75rem;
  position: relative;
}
.FullTimelinePastEvents .FullTimelineArrow .line .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.4rem;
  */
}
.FullTimelinePastEvents .FullTimelineArrow .line .dashed svg {
  height: 100%;
}
.FullTimelinePastEvents .FullTimelineArrow .line .dashed svg line {
  stroke: #535f6b;
}
.FullTimelinePastEvents .ZeroState {
  padding-top: 2rem;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment {
  display: flex;
  align-items: flex-end;
  margin-top: 0.2rem;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment.finished .FullTimelineArrow {
  width: fit-content;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment.finished .FullTimelineArrow .dashed {
  display: none;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment:not(.finished) .FullTimelineArrow {
  width: fit-content;
  top: -4rem;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment:not(.finished) .FullTimelineArrow .line {
  height: 3.25rem;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment:not(.finished) .FullTimelineArrow .line .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.25rem;
  */
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment:not(.finished) .FullTimelineArrow .line .dashed svg {
  height: 100%;
}
.FullTimelinePastEvents .WithoutBorder .LoadMoreSegment:not(.finished) .FullTimelineArrow .line .dashed svg line {
  stroke: #535f6b;
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment {
  display: flex;
  margin-top: 0.2rem;
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment:not(.finished) {
  padding-bottom: 0.25rem;
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment .FullTimelineArrow {
  width: fit-content;
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment .FullTimelineArrow .line {
  height: 3.25rem;
  top: -3.5rem;
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment .FullTimelineArrow .line .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.25rem;
  */
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment .FullTimelineArrow .line .dashed svg {
  height: 100%;
}
.FullTimelinePastEvents .WithBorder .LoadMoreSegment .FullTimelineArrow .line .dashed svg line {
  stroke: #535f6b;
}
.FullTimelinePastEvents .WithBorder .finished {
  margin-bottom: 0;
  padding-bottom: 0.25rem;
}
.FullTimelinePastEvents ._LoadMoreCommand {
  margin-top: 0.25rem;
}
.FullTimelinePastEvents ._ListElement:not(:first-child):not(:last-child) .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:first-child):not(:last-child) .topHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:first-child):not(:last-child) .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:first-child):not(:last-child) .bottomHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .topHalf .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.15rem;
  */
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .topHalf .dashed svg {
  height: 100%;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .topHalf .dashed svg line {
  stroke: #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .bottomHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .oldToNew .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .oldToNew .topHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .isComplete .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .isComplete .topHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .isComplete .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):first-child .isComplete .bottomHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):last-child .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):last-child .topHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):last-child .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):last-child .bottomHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):last-child .Loaded:not(.oldToNew) .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:not(:only-child):last-child .isComplete.Loaded .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child .PastVisit.primaryVisitIcon {
  bottom: 0;
}
.FullTimelinePastEvents ._ListElement:only-child .PastVisit:not(.eventNode) {
  height: fit-content;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).newToOld .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).newToOld .topHalf .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.15rem;
  */
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).newToOld .topHalf .dashed svg {
  height: 100%;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).newToOld .topHalf .dashed svg line {
  stroke: #535f6b;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).newToOld .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).newToOld .bottomHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).oldToNew .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).oldToNew .topHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).oldToNew .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).oldToNew .bottomHalf .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.15rem;
  */
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).oldToNew .bottomHalf .dashed svg {
  height: 100%;
}
.FullTimelinePastEvents ._ListElement:only-child :not(.isComplete).oldToNew .bottomHalf .dashed svg line {
  stroke: #535f6b;
}
.FullTimelinePastEvents ._ListElement:only-child .isComplete .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child .isComplete .topHalf .dashed {
  display: none;
}
.FullTimelinePastEvents ._ListElement:only-child .isComplete .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.FullTimelinePastEvents ._ListElement:only-child .isComplete .bottomHalf .dashed {
  display: none;
}
.FullTimelinePastEvents .pastEvents .TimelineNodeWrapper {
  position: relative;
}
.FullTimelinePastEvents .pastEvents .TimelineNodeWrapper .eventLineContainer {
  display: flex;
  flex-direction: row;
}
.FullTimelinePastEvents .pastEvents .TimelineNodeWrapper .eventLineContainer .PastEventsTimelineLine {
  padding-right: 1.75rem;
  width: 2rem;
}
.FullTimelinePastEvents .timeline {
  display: flex;
  flex-direction: column;
}
.FullTimelinePastEvents.Complete .newerToOlderSelected {
  justify-content: flex-end;
}
.FullTimelinePastEvents.Complete ._ListElement:only-child .content .eventNode.PastVisit {
  display: none;
}
.FullTimelinePastEvents.Complete ._ListElement:only-child .content .primaryVisitIcon {
  display: none;
}
.FullTimelinePastEvents .content {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}
.FullTimelinePastEvents .content .eventNode {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid transparent;
  background-color: #535f6b;
  top: 44%;
  box-shadow: none;
}
.FullTimelinePastEvents .content .eventNode.PastVisit {
  left: 0.32rem;
}
@media screen and (max-width: 768px) {
  .FullTimelinePastEvents .content .eventNode.PastVisit {
    left: 0.4rem;
  }
}
.FullTimelinePastEvents .content .eventNode.infoNode {
  left: -0.175rem;
}
.FullTimelinePastEvents .content.primaryVisit {
  flex-direction: row;
}

.FullTimelineUpcomingEvents {
  margin-top: 0.75rem;
}
.FullTimelineUpcomingEvents .content {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}
.FullTimelineUpcomingEvents .content .InformationNode, .FullTimelineUpcomingEvents .content .AppointmentNode {
  margin: 0.5rem 0.45rem;
  width: calc(100% - 0.75rem);
}
.FullTimelineUpcomingEvents .content .eventNode {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid transparent;
  background-color: #535f6b;
  top: 46%;
}
.FullTimelineUpcomingEvents .content .eventNode.futureTasks, .FullTimelineUpcomingEvents .content .eventNode.farFutureVisit, .FullTimelineUpcomingEvents .content .eventNode.nearFutureVisit, .FullTimelineUpcomingEvents .content .eventNode.futureOrders {
  left: -1rem;
}
@media screen and (max-width: 768px) {
  .FullTimelineUpcomingEvents .content .eventNode.futureTasks, .FullTimelineUpcomingEvents .content .eventNode.farFutureVisit, .FullTimelineUpcomingEvents .content .eventNode.nearFutureVisit, .FullTimelineUpcomingEvents .content .eventNode.futureOrders {
    left: -0.7rem;
  }
}
.FullTimelineUpcomingEvents .content .eventNode.todayTasks, .FullTimelineUpcomingEvents .content .eventNode.todayCarePath, .FullTimelineUpcomingEvents .content .eventNode.todayOrders, .FullTimelineUpcomingEvents .content .eventNode.todayAdmissionNotices {
  left: -1.52rem;
}
@media screen and (max-width: 768px) {
  .FullTimelineUpcomingEvents .content .eventNode.todayTasks, .FullTimelineUpcomingEvents .content .eventNode.todayCarePath, .FullTimelineUpcomingEvents .content .eventNode.todayOrders, .FullTimelineUpcomingEvents .content .eventNode.todayAdmissionNotices {
    left: -1.48rem;
  }
}
.FullTimelineUpcomingEvents .content.primaryVisit {
  flex-direction: row;
  align-items: center;
}
.FullTimelineUpcomingEvents .content.primaryVisit .primaryVisitIcon {
  margin-left: -1.45rem;
}
@media screen and (max-width: 768px) {
  .FullTimelineUpcomingEvents .content.primaryVisit .primaryVisitIcon {
    margin-left: -1.15rem;
  }
}
@media screen and (max-width: 768px) {
  .FullTimelineUpcomingEvents .content.primaryVisit .primaryVisitIcon.farFutureVisit {
    margin-left: -1.15rem;
  }
}
.FullTimelineUpcomingEvents .FullTimelineArrow {
  position: relative;
  font-size: 0px;
}
.FullTimelineUpcomingEvents .FullTimelineArrow .line {
  height: 3rem;
  position: relative;
  left: 0.075rem;
}
.FullTimelineUpcomingEvents .FullTimelineArrow .line .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.4rem;
  */
}
.FullTimelineUpcomingEvents .FullTimelineArrow .line .dashed svg {
  height: 100%;
}
.FullTimelineUpcomingEvents .FullTimelineArrow .line .dashed svg line {
  stroke: #535f6b;
}
.FullTimelineUpcomingEvents .FullTimelineArrow .downArrow {
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem dashed #535f6b;
  position: relative;
  padding-left: 0.1rem;
  border-radius: 3px;
  top: 0.2rem;
  left: -0.25rem;
  /*rtl:raw:
  margin-right: -0.05rem;
  */
}
.FullTimelineUpcomingEvents .ZeroState {
  padding-top: 0.75rem;
}
.FullTimelineUpcomingEvents .UpcomingEventsSection {
  padding-bottom: 0;
}
.FullTimelineUpcomingEvents .TodaySection[class][class] .primaryVisitIcon {
  margin-left: -1.95rem;
  margin-right: 0.5rem;
}

.PastEventsTimelineLine {
  font-size: 0px;
  width: min-content;
}
.PastEventsTimelineLine .dashed.top {
  height: 8%;
}
.PastEventsTimelineLine .dashed.bottom {
  height: 6%;
}
.PastEventsTimelineLine .solid {
  border-left: 2.5px solid #535f6b;
  height: 86%;
}

.FullTimelineFutureTasks .taskCards {
  border-left: 2.5px solid #535f6b;
  padding-left: 0.7rem;
}
.FullTimelineFutureTasks .taskCards .content {
  position: relative;
}
.FullTimelineFutureTasks .taskCards .content .eventNode {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid transparent;
  background-color: #535f6b;
  top: 46%;
  left: -1.01rem;
}
.FullTimelineFutureTasks .FullTimelineArrow {
  position: relative;
  font-size: 0px;
  top: -0.45rem;
}
.FullTimelineFutureTasks .FullTimelineArrow .line {
  height: 3rem;
  position: relative;
  left: 0.075rem;
}
.FullTimelineFutureTasks .FullTimelineArrow .line svg {
  height: 3rem;
}
.FullTimelineFutureTasks .FullTimelineArrow .line .dashed {
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.4rem;
  */
}
.FullTimelineFutureTasks .FullTimelineArrow .line .dashed svg {
  height: 100%;
}
.FullTimelineFutureTasks .FullTimelineArrow .line .dashed svg line {
  stroke: #535f6b;
}
.FullTimelineFutureTasks .FullTimelineArrow .downArrow {
  width: 0;
  height: 0;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem dashed #535f6b;
  position: relative;
  padding-left: 0.1rem;
  border-radius: 3px;
  top: 0.2rem;
  left: -0.25rem;
  /*rtl:raw:
  margin-right: -0.05rem;
  */
}

.JourneyList .listContainer {
  max-width: 55rem;
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
}
.JourneyList .archivedJourneys {
  margin: 0.75rem 0 0.5rem 0;
}
.JourneyList .archivedJourneys .disclosureButton {
  justify-content: left;
}
.JourneyList .archivedJourneys .disclosureButtonText {
  font-size: 1.25rem;
  color: #7a0019;
}
.JourneyList .archivedJourneys .disclosureChevron {
  fill: #7a0019;
}
@media screen {
  .mobile .JourneyList {
    padding-top: 0.5rem;
  }
  .mobile .JourneyList .listPageTitle {
    display: none;
  }
}
.JourneyList .archivedSectionHelpText {
  max-width: 55rem;
}

.JourneyListElement {
  min-height: 4rem;
}
@media print {
  .JourneyListElement {
    display: inline-flex;
    border: 1px solid #767676;
  }
}
.JourneyListElement .journeyInfo {
  display: flex;
}
.JourneyListElement .journeyHeader {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0.5rem;
}
.JourneyListElement .journeyHeader .journeyTitle {
  margin: 0.25rem 0 0.5rem 0.2rem;
  font-size: 1.1rem;
  font-weight: bold;
  overflow-wrap: anywhere;
}
.JourneyListElement .journeyHeader .subheaderArray {
  display: flex;
  flex-flow: row wrap;
  row-gap: 5px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .JourneyListElement .journeyHeader .subheaderArray {
    flex-direction: column;
  }
}
.JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket {
  width: fit-content;
}
.JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket .HeaderIcon {
  fill: #767676;
  min-width: clamp(20px, 1.847rem, 32px);
  margin-right: 4px;
}
@media only screen and (max-width: 376px) {
  .JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket .HeaderIcon {
    margin-right: 2px;
  }
}
.JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket .subheader {
  color: #363636;
  margin-left: 0;
}
@media only screen and (max-width: 768px) {
  .JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket ._Text {
    font-size: 0.9rem;
  }
}
@media only screen and (min-width: 768px) {
  .JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket:first-child {
    padding-left: 0.2rem;
  }
}
.JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket:not(:last-child) {
  padding-right: 1vw;
  border-right: 2px solid;
  border-image: linear-gradient(to bottom, transparent 0%, #cccccc 0%, #cccccc 100%, transparent 100%) 1;
  margin-right: 1vw;
}
.JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket:not(:last-child):last-of-type {
  padding-right: 0px;
  border-right: none;
  margin-right: 0px;
}
@media only screen and (max-width: 768px) {
  .JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket:not(:last-child) {
    border: none;
  }
}
@media print {
  .JourneyListElement .journeyHeader .subheaderArray .HeaderInfoPacket:not(:last-child) {
    border-right: none;
  }
}
.JourneyListElement .journeyIcon {
  width: fit-content;
}

.JourneyDetailsLink {
  height: fit-content;
}
@media print {
  .JourneyDetailsLink {
    display: none;
  }
}
.JourneyDetailsLink .links {
  text-align: left;
}
.JourneyDetailsLink ._Icon {
  margin-left: 0.5rem;
}

@media screen and (max-width: 768px) {
  .PartialTimeline h2 {
    margin-left: 0.125rem;
  }
}
.PartialTimeline h3 {
  padding-bottom: 0.25rem;
}
.PartialTimeline .ZeroState {
  padding-right: 1rem;
}
.PartialTimeline .ZeroState .iconHolder {
  background-color: #ffffff;
}
.PartialTimeline .ZeroState ._Icon {
  margin-bottom: auto;
}
.PartialTimeline .ZeroState .textWrapper {
  margin-top: 0.75rem;
}
.PartialTimeline .todaySectionBackground {
  background-color: #ecedef;
  padding-right: 2.5rem;
  max-width: calc(100% + 2rem);
  width: calc(100% + 2rem);
  margin-left: -1.5rem;
  display: flex;
  padding-left: 1.6rem;
  border-radius: 6px;
}
.PartialTimeline .todaySectionBackground svg {
  height: 100%;
}
.PartialTimeline .todaySectionBackground svg line {
  stroke: #535f6b;
}
@media screen and (max-width: 768px) {
  .PartialTimeline .todaySectionBackground {
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
  }
}
.PartialTimeline .todaySectionBackground .todayAndUpcomingHeader {
  margin-left: -0.7rem;
}
.PartialTimeline .todaySectionBackground .todayAndUpcomingSection .ZeroState {
  padding-top: 0.25rem;
}
.PartialTimeline .todaySectionBackground .todayAndUpcomingSection .ZeroState .iconHolder {
  background-color: #ffffff;
}
.PartialTimeline .todaySectionBackground .todayAndUpcomingSection .ZeroState ._Icon {
  margin-bottom: 0.5rem;
}
.PartialTimeline .todaySectionBackground .todayAndUpcomingSection .ZeroState .textWrapper {
  margin-top: 0.75rem;
}
.PartialTimeline .todaySectionBackground.noEvents {
  background-color: transparent;
  margin: 0.75rem 0 -0.3rem -1.54rem;
  /*rtl:raw:
  margin: 0.75rem -1.85rem 0;
  */
}
@media screen and (max-width: 768px) {
  .PartialTimeline .todaySectionBackground.noEvents {
    margin-top: 0.25rem;
  }
}
.PartialTimeline .content {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}
.PartialTimeline .content.primaryVisit {
  flex-direction: row;
  align-items: center;
}
.PartialTimeline .content.primaryVisit .primaryVisitIcon {
  margin-left: -1.2rem;
}
@media screen and (max-width: 768px) {
  .PartialTimeline .content.primaryVisit .primaryVisitIcon {
    margin-left: -0.9rem;
  }
}
@media screen and (max-width: 768px) {
  .PartialTimeline .content.primaryVisit .primaryVisitIcon.farFutureVisit {
    margin-left: -0.9rem;
  }
}
.PartialTimeline .content.primaryVisit .PastVisit {
  margin-left: 0.5rem;
}
.PartialTimeline .content.primaryVisit._Segment {
  margin-left: -0.25rem;
}
.PartialTimeline .content .InformationNode, .PartialTimeline .content .AppointmentNode {
  width: calc(100% - 0.75rem);
  margin: 0.5rem 0.45rem;
}
.PartialTimeline .content .InformationNode ._Text, .PartialTimeline .content .AppointmentNode ._Text {
  overflow-wrap: break-word;
}
.PartialTimeline .content .eventNode {
  position: absolute;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid transparent;
  background-color: #535f6b;
  top: 46%;
}
.PartialTimeline .content .eventNode.futureTasks, .PartialTimeline .content .eventNode.farFutureVisit, .PartialTimeline .content .eventNode.nearFutureVisit, .PartialTimeline .content .eventNode.futureOrders {
  left: -0.975rem;
}
@media screen and (max-width: 768px) {
  .PartialTimeline .content .eventNode.futureTasks, .PartialTimeline .content .eventNode.farFutureVisit, .PartialTimeline .content .eventNode.nearFutureVisit, .PartialTimeline .content .eventNode.futureOrders {
    left: -0.7rem;
  }
}
.PartialTimeline .content .eventNode.todayTasks, .PartialTimeline .content .eventNode.todayCarePath, .PartialTimeline .content .eventNode.todayOrders, .PartialTimeline .content .eventNode.todayAdmissionNotices {
  left: -1.475rem;
}
@media screen and (max-width: 768px) {
  .PartialTimeline .content .eventNode.todayTasks, .PartialTimeline .content .eventNode.todayCarePath, .PartialTimeline .content .eventNode.todayOrders, .PartialTimeline .content .eventNode.todayAdmissionNotices {
    left: -1.48rem;
  }
}
.PartialTimeline .timelineLine {
  width: 2rem;
  position: relative;
  font-size: 0;
}
.PartialTimeline .timelineLine .dashed {
  width: 50%;
  height: 60%;
  margin: 0 0.1rem 0 0.6rem;
  /*rtl:raw:
  margin: 0 0.3rem 0 0;
  */
}
.PartialTimeline .timelineLine .dashed svg {
  height: 100%;
}
.PartialTimeline .timelineLine .dashed svg line {
  stroke: #535f6b;
}
.PartialTimeline .timelineLine .solid {
  width: 50%;
  height: 60%;
  margin: -0.5rem 0.65rem;
  border-left: 2.5px solid #535f6b;
}
@media screen and (max-width: 768px) {
  .PartialTimeline .timelineLine .solid {
    height: 64%;
  }
}
@media screen and (max-width: 321px) {
  .PartialTimeline .timelineLine .solid {
    height: 57%;
  }
}
.PartialTimeline .timelineLine .fullTimelineLink {
  width: 100%;
  height: 100%;
}
.PartialTimeline .timelineLine .fullTimelineLink svg {
  height: 100%;
}
.PartialTimeline .timelineLine .fullTimelineLink svg line {
  stroke: #535f6b;
}
.PartialTimeline .timelineLine .fullTimelineLink[class][class] {
  /*rtl:raw:
  margin-right: -0.3rem;
  */
}
.PartialTimeline .timelineLine .downArrow {
  width: 0;
  height: 0;
  position: relative;
  padding-left: 0.1rem;
  border-radius: 3px;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-top: 0.5rem dashed #535f6b;
  left: -0.3rem;
}
.PartialTimeline .timelineLine .upArrow {
  width: 0;
  height: 0;
  position: relative;
  padding-left: 0.1rem;
  border-radius: 3px;
  border-left: 0.4rem solid transparent;
  border-right: 0.4rem solid transparent;
  border-bottom: 0.5rem dashed #535f6b;
  left: 0.27rem;
}

.RecentVisitsSection {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .RecentVisitsSection {
    width: calc(100% + 0.25rem);
    max-width: calc(100% + 0.25rem);
    padding-bottom: 0.9rem;
  }
}
.RecentVisitsSection .recentEvent {
  display: flex;
  position: relative;
  padding-bottom: 0.5rem;
}
.RecentVisitsSection .recentEvent .eventNode {
  position: absolute;
  width: 0.45rem;
  height: 0.45rem;
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid transparent;
  background-color: #535f6b;
  top: 42%;
  left: -0.06rem;
}
.RecentVisitsSection .primaryVisit {
  padding-right: 0.2rem;
}
.RecentVisitsSection ._PageHeading {
  padding-top: 0rem;
  padding-left: 1.3rem;
}
.RecentVisitsSection .TimelineNodeWrapper {
  padding-bottom: 1rem;
  margin-right: -0.275rem;
}
@media screen and (max-width: 768px) {
  .RecentVisitsSection .TimelineNodeWrapper {
    padding-bottom: 0.5rem;
  }
}
.RecentVisitsSection .timelineLine {
  left: -0.55rem;
  top: -1.2rem;
}
.RecentVisitsSection .primaryVisitIcon[class][class] {
  position: absolute;
  left: -0.25rem;
  top: 50%;
}
@media screen {
  .mobile .RecentVisitsSection .primaryVisitIcon[class][class] {
    left: -0.3rem;
  }
}
.RecentVisitsSection.noUpcomingEvents {
  margin-bottom: -1rem;
}

.TodaySection {
  background-color: #ecedef;
  padding-right: 2.3rem;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.9rem;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .TodaySection {
    max-width: calc(100% + 3rem);
    width: calc(100% + 3rem);
    padding-right: 2.1rem;
    margin-top: -0.8rem;
  }
  .TodaySection.noPastVisits {
    margin-top: 0;
  }
}
.TodaySection .todaySectionContent {
  border-left: 2.5px solid #535f6b;
  padding-left: 1.2rem;
  margin-top: clamp(-16px, -0.5rem, -8px);
  padding-bottom: 1rem;
  margin-left: 2rem;
  padding-right: 0.1rem;
}
.TodaySection .todaySectionContent .ZeroState {
  padding-right: 1rem;
}
.TodaySection .todaySectionContent .ZeroState .iconHolder {
  background-color: #ffffff;
}
.TodaySection .todaySectionContent .ZeroState ._Icon {
  margin-bottom: auto;
}
.TodaySection .todaySectionContent .ZeroState .textWrapper {
  margin-top: 0.75rem;
}
@media (min-width: 1301px) {
  .TodaySection .todaySectionContent {
    padding-right: 0.5rem;
  }
}
.TodaySection .todaySectionContent.noPastVisits {
  margin-top: 0;
}
.TodaySection .todaySectionContent .AppointmentNode, .TodaySection .todaySectionContent .InformationNode {
  width: calc(100% - 0.5rem);
  margin: 0.5rem 0rem;
}
@media screen and (max-width: 768px) {
  .TodaySection .todaySectionContent .AppointmentNode, .TodaySection .todaySectionContent .InformationNode {
    width: calc(100% - 0.75rem);
    margin-left: -0.2rem;
  }
}
.TodaySection .todaySectionContent .NearFutureVisit, .TodaySection .todaySectionContent .FarFutureVisit, .TodaySection .todaySectionContent .AdmissionNoticeCard {
  margin: 0.5rem 0;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .TodaySection .todaySectionContent .NearFutureVisit, .TodaySection .todaySectionContent .FarFutureVisit, .TodaySection .todaySectionContent .AdmissionNoticeCard {
    margin-left: -0.05rem;
    width: calc(100% - 0.45rem);
  }
}
@media screen and (max-width: 768px) {
  .TodaySection .todaySectionContent .NearFutureVisit, .TodaySection .todaySectionContent .FarFutureVisit, .TodaySection .todaySectionContent .AdmissionNoticeCard {
    margin-left: -0.2rem;
    width: calc(100% - 0.75rem);
  }
}
.TodaySection .todaySectionContent .NearFutureVisit .BedsideDescription, .TodaySection .todaySectionContent .FarFutureVisit .BedsideDescription, .TodaySection .todaySectionContent .AdmissionNoticeCard .BedsideDescription {
  padding-bottom: 0.5rem;
}
@media screen and (max-width: 456px) {
  .TodaySection .todaySectionContent .NearFutureVisit .BedsideDescription, .TodaySection .todaySectionContent .FarFutureVisit .BedsideDescription, .TodaySection .todaySectionContent .AdmissionNoticeCard .BedsideDescription {
    padding: 0 8px 0.5rem 8px;
  }
}
.TodaySection .todaySectionContent .NearFutureVisit .BedsideInfo, .TodaySection .todaySectionContent .FarFutureVisit .BedsideInfo, .TodaySection .todaySectionContent .AdmissionNoticeCard .BedsideInfo {
  display: flex;
  flex-direction: column;
}
.TodaySection .todaySectionContent .NearFutureVisit .BedsideInfo .BedsideButton, .TodaySection .todaySectionContent .FarFutureVisit .BedsideInfo .BedsideButton, .TodaySection .todaySectionContent .AdmissionNoticeCard .BedsideInfo .BedsideButton {
  align-self: flex-end;
  margin-top: 0.25rem;
}
@media screen and (max-width: 456px) {
  .TodaySection .todaySectionContent .NearFutureVisit .BedsideInfo, .TodaySection .todaySectionContent .FarFutureVisit .BedsideInfo, .TodaySection .todaySectionContent .AdmissionNoticeCard .BedsideInfo {
    flex-direction: row;
    justify-content: center;
  }
}
.TodaySection .todayTaskCards {
  display: flex;
  gap: 1rem;
}
@media (max-width: 1300px) {
  .TodaySection .todayTaskCards {
    flex-direction: column;
  }
}
@media print {
  .TodaySection .todayTaskCards {
    display: block;
  }
}
.TodaySection[class][class] .primaryVisit {
  margin-left: 0;
}
.TodaySection[class][class] .primaryVisitIcon {
  margin-left: -1.95rem;
  margin-right: 0.55rem;
}
.TodaySection[class][class] .eventNode.farFutureVisit, .TodaySection[class][class] .eventNode.nearFutureVisit {
  left: -1.475rem;
}
@media screen and (max-width: 768px) {
  .TodaySection[class][class] .eventNode.farFutureVisit, .TodaySection[class][class] .eventNode.nearFutureVisit {
    left: -1.5rem;
  }
}

.FullTimelineLink {
  display: flex;
  height: 3rem;
}
.FullTimelineLink .timelineLine {
  height: 2rem;
  left: 0.066rem;
}
.FullTimelineLink .timelineLinkText {
  padding-right: clamp(10px, 1rem, 20px);
}
.FullTimelineLink .fullTimelineText {
  text-align: left;
  padding-top: 0.3rem;
}
@media screen and (max-width: 768px) {
  .FullTimelineLink .fullTimelineText {
    text-align: center;
  }
}
.FullTimelineLink.completedJourney {
  flex-direction: column;
  padding-left: 1rem;
  margin-top: 0.55rem;
  margin-left: 0;
}
@media screen and (max-width: 768px) {
  .FullTimelineLink.completedJourney {
    margin-top: 0rem;
  }
}
.FullTimelineLink .completedJourneySection {
  display: flex;
  position: relative;
  margin-bottom: 0.5rem;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .FullTimelineLink .completedJourneySection {
    justify-content: center;
  }
}
.FullTimelineLink .completedJourneySection .circleContainer {
  position: absolute;
  left: -1.4rem;
  width: fit-content;
}
.FullTimelineLink .completedJourneySection .circleContainer .outerCircle {
  width: 1.2rem;
  height: 1.2rem;
  background: white;
  border: 2px solid #535f6b;
  border-radius: 50%;
  position: relative;
  top: 0.1rem;
}
.FullTimelineLink .completedJourneySection .circleContainer .outerCircle .innerCircle {
  width: 0.7rem;
  height: 0.7rem;
  background: #535f6b;
  border-radius: 50%;
  position: absolute;
  top: clamp(2px, 0.1rem, 5px);
  left: clamp(2px, 0.1rem, 5px);
  font-size: 0;
}
@media screen and (max-width: 768px) {
  .FullTimelineLink .completedJourneySection .circleContainer .outerCircle .innerCircle {
    top: clamp(2px, 0.1rem, 5px);
    left: clamp(2px, 0.14rem, 5px);
  }
}
.FullTimelineLink .completedJourneySection ._Text {
  margin: -0.2rem 0rem 0rem 0.5rem;
}

.UpcomingEventsSection {
  border-left: 2.5px solid #535f6b;
  padding-left: 1.2rem;
  margin-top: clamp(-16px, -0.5rem, -8px);
  padding: 1rem 0 0.5rem 0.7rem;
  margin-left: 0.1rem;
}
@media screen and (max-width: 768px) {
  .UpcomingEventsSection {
    padding-left: 0.4rem;
    padding-top: 0.75rem;
  }
}
.UpcomingEventsSection ._PageHeading {
  padding-left: 0.5rem;
}
.UpcomingEventsSection .primaryVisit .NearFutureVisit {
  margin-right: 0;
}
.UpcomingEventsSection .primaryVisit .FarFutureVisit {
  margin: 0.5rem 0 0.5rem 0.55rem;
}
@media screen and (max-width: 768px) {
  .UpcomingEventsSection .primaryVisit .FarFutureVisit {
    margin: 0.5rem -0.2rem 0.5rem 0.3rem;
  }
}
.UpcomingEventsSection .ZeroState {
  padding-right: 1rem;
}
.UpcomingEventsSection .ZeroState .iconHolder {
  background-color: #ffffff;
}
.UpcomingEventsSection .ZeroState ._Icon {
  margin-bottom: auto;
}
.UpcomingEventsSection .ZeroState .textWrapper {
  margin-top: 0.75rem;
}

.PregnancyEnrollmentCard[class][class] {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .PregnancyEnrollmentCard[class][class] {
    flex-direction: column;
  }
}
.PregnancyEnrollmentCard._Segment {
  min-height: unset;
}
.PregnancyEnrollmentCard .enrollmentIcon {
  display: flex;
  max-width: 3rem;
}
.PregnancyEnrollmentCard .enrollmentIcon ._Icon {
  width: 48px;
  height: 48px;
}
.PregnancyEnrollmentCard .enrollmentBody {
  display: flex;
  flex-direction: row;
}
.PregnancyEnrollmentCard .enrollmentBody .enrollmentText {
  padding: 0rem 0.5rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .PregnancyEnrollmentCard .enrollmentBody {
    justify-content: center;
  }
}
.PregnancyEnrollmentCard .enrollmentButtonWrapper {
  max-width: 6.5rem;
  align-self: flex-end;
}
.PregnancyEnrollmentCard .enrollmentButtonWrapper .enrollmentLink {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .PregnancyEnrollmentCard .enrollmentButtonWrapper {
    align-self: center;
  }
  .PregnancyEnrollmentCard .enrollmentButtonWrapper .enrollmentLink {
    margin: 0.5rem 0;
  }
}

.PregnancyWeeklyGrowthCard .cardDetails {
  display: flex;
  word-break: break-word;
  flex-direction: row;
  align-items: flex-start;
}
.PregnancyWeeklyGrowthCard .pregInfo {
  padding-left: 0.5rem;
}
.PregnancyWeeklyGrowthCard .sizeComparisonText {
  padding: 0 0 0.5rem;
}
@media screen and (max-width: 768px) {
  .PregnancyWeeklyGrowthCard .sizeComparisonText {
    padding: 0;
  }
}
.PregnancyWeeklyGrowthCard .growthHeading {
  padding: 0.25rem 0 0.25rem;
}

.SettingsForm .titleWrapper {
  padding-bottom: 3.5px;
}
.SettingsForm .ProxyControl {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: left;
}
@media screen and (max-width: 768px) {
  .SettingsForm .ProxyControl {
    flex-direction: row;
  }
}
@media screen and (max-width: 200px) {
  .SettingsForm .ProxyControl {
    flex-direction: column;
    align-items: center;
  }
  .SettingsForm .ProxyControl .ToggleSwitch {
    display: inline;
  }
}
.SettingsForm .ProxyControl > :last-child {
  margin-right: auto;
  flex: 1 0 0px;
  flex-wrap: nowrap;
}
.SettingsForm h2._heading {
  color: black;
  flex: 4 0 0px;
}
@media screen and (max-width: 768px) {
  .SettingsForm ._LaboredCommand {
    width: 100%;
  }
}
.SettingsForm .UnsavedChangesWarning {
  display: inline-flex;
  align-items: center;
  padding-left: 0.6rem;
}
.SettingsForm ._StickyRegion {
  padding-top: 1rem;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .SettingsForm ._StickyRegion {
    flex-direction: column;
  }
}

.ProxySelectionList .StickyFooter {
  bottom: 0;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  position: sticky;
  margin-top: 0.5rem;
}
.ProxySelectionList[class] .proxySelectionNextButton {
  margin: 0 0 0 auto;
}
.ProxySelectionList .proxyListContents {
  flex: 1;
  overflow: auto;
  padding-right: 0.75rem;
}
.ProxySelectionList .proxyListContents li:last-child {
  margin-bottom: 0.5rem;
}

.ProxySelectionListInner ._DataEntryLabel::before {
  background-color: #ffffff;
  content: "";
  display: inline-block;
  position: relative;
  text-indent: 0;
  vertical-align: top;
  height: 1em;
  height: clamp(16px, 0.75em, 0.5in);
  width: 1em;
  width: clamp(16px, 0.75em, 0.5in);
  background-attachment: scroll;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  flex-shrink: 0;
  margin-top: 0;
  margin-right: 0.5rem;
  top: max(0px, 0.5 * (1lh - clamp(16px, 0.75em, 0.5in)) - 1px);
}
.ProxySelectionListInner ._input:checked + ._DataEntryLabel::before {
  background-color: #2d96ff;
  border-color: #2d96ff;
  background-image: url("../../images/prettycheck.svg");
  background-size: contain;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ProxySelectionListInner ._input:disabled + ._DataEntryLabel::before {
  background-color: #eaeaea;
  border-color: #dbdbdb;
}
.ProxySelectionListInner ._input:disabled:checked + ._DataEntryLabel::before {
  background-color: #f2f2f2;
  background-image: url("../../images/prettycheck_disabled.svg");
}
.ProxySelectionListInner .proxySelectionContainer {
  width: 100%;
}
.ProxySelectionListInner .proxyChoice {
  width: 100%;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
  margin-right: 0;
}
.ProxySelectionListInner .proxyChoice ._DataEntryLabel {
  display: flex;
  align-items: center;
  min-height: 3.2rem;
  border: none;
  width: 100%;
  max-width: 100%;
}
.ProxySelectionListInner .proxyChoice ._DataEntryLabel[class][class][class] {
  text-shadow: none;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.ProxySelectionListInner .proxyChoice ._DataEntryLabel[class][class][class] .proxySelectionIcon {
  background-color: blue;
  box-shadow: revert;
  fill: #7a0019;
  min-width: 32px;
  min-height: 32px;
  margin-right: 5px;
}
.ProxySelectionListInner .proxyChoice ._DataEntryLabel[class][class][class] ._TextFragment {
  color: #363636;
  flex-grow: 1;
}
.ProxySelectionListInner .proxyChoice[class] ._DataEntryLabel::before {
  order: 1;
  margin-right: 0;
  margin-left: 0.3rem;
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
  position: initial;
}
.ProxySelectionListInner .proxyChoice ._DataEntryLabel:hover {
  background-color: #f4ebed !important;
}
.ProxySelectionListInner .proxyChoice ._input:checked + ._DataEntryLabel {
  border: 2px solid #7a0019;
}

.JourneyProxyAlert[class][class] {
  display: flex;
  flex-direction: row;
  padding-right: 0.1rem;
}
@media screen and (max-width: 768px) {
  .JourneyProxyAlert[class][class] {
    flex-direction: column;
  }
}
.JourneyProxyAlert._Segment {
  min-height: unset;
}
.JourneyProxyAlert .enrollmentIcon {
  display: flex;
  max-width: max-content;
}
.JourneyProxyAlert .enrollmentIcon ._Icon {
  width: 48px;
  height: 48px;
}
.JourneyProxyAlert .enrollmentBody {
  display: flex;
  flex-direction: row;
  word-wrap: break-word;
  word-break: break-word;
}
.JourneyProxyAlert .enrollmentBody .enrollmentText {
  padding: 0 0.5rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .JourneyProxyAlert .enrollmentBody {
    justify-content: center;
  }
}
.JourneyProxyAlert .enrollmentButtonWrapper {
  max-width: max-content;
  align-self: flex-end;
  padding: 0.25rem 0;
  margin: 0 0.5rem;
}
.JourneyProxyAlert .enrollmentButtonWrapper .enrollmentLink {
  margin: 0;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .JourneyProxyAlert .enrollmentButtonWrapper {
    align-self: center;
  }
}

.HiddenProxyList[class][class] {
  height: fit-content;
  background-color: rgba(255, 255, 255, 0.1);
  width: 70%;
  margin: 0;
  margin-top: 0.5rem;
  padding: 0 0.7rem 0;
}
@media screen and (max-width: 768px) {
  .HiddenProxyList[class][class] {
    width: 100%;
  }
}
.HiddenProxyList .familyAccessLink {
  padding: 0.7rem 0;
}
.HiddenProxyList .HiddenProxyHeading {
  color: black;
}

.ProxyListElement[class][class] {
  display: flex;
  color: #363636;
  width: 100%;
  padding: 0.25rem;
  align-items: center;
  gap: 10px;
  overflow-wrap: anywhere;
}
.ProxyListElement .ParticipantPhoto {
  min-height: 2.5rem;
  min-width: 2.5rem;
}
.ProxyListElement ._Text {
  color: black;
  font-weight: normal;
}
.ProxyListElement ._Text:not(:only-child) {
  margin: 0;
}

.SecondarySettings[class][class] {
  display: flex;
  flex-direction: column;
  width: 70%;
  padding: 0;
  margin: 0;
  border-radius: 0 0 6px 6px;
}
@media screen and (max-width: 768px) {
  .SecondarySettings[class][class] {
    width: 100%;
    margin-right: 0;
  }
}
.SecondarySettings .SecondarySetting {
  display: flex;
  flex-direction: column;
  padding: 0 0.7rem 0 1.25rem;
}
.SecondarySettings .SecondarySetting ._TextFragment.BoldText {
  font-weight: bold;
}
.SecondarySettings .SecondarySetting ._List {
  padding: 0.5rem 0;
}
.SecondarySettings .SecondarySetting.SizeUpdate {
  padding-bottom: 0.7rem;
}
.SecondarySettings > :first-child {
  padding-top: 0.5rem;
}
.SecondarySettings > :not(:first-child) {
  border-radius: 0 0 6px 6px;
  padding-bottom: 0.7rem;
}
.SecondarySettings > :not(:first-child) .ProxyControl {
  border-top: 1px solid darkgrey;
}

.TrackJourneySetting[class][class] {
  display: flex;
  flex-direction: column;
  width: 70%;
  padding: 0;
  margin: 0 0 -0.3rem 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .TrackJourneySetting[class][class] {
    width: 100%;
    margin-right: 0;
  }
}
.TrackJourneySetting ._TextFragment {
  padding: 0 0.7rem 0.7rem;
}
.TrackJourneySetting .CommPrefsString {
  padding: 0 0.7rem 0.7rem;
}
.TrackJourneySetting .ProxyControl {
  padding: 0 0.7rem 0;
}

.CareJourneyHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  padding-top: 0.5rem;
  padding-left: 2rem;
  border-bottom: 1px solid #cccccc;
}
@media screen {
  .CareJourneyHeader {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .CareJourneyHeader {
    margin-left: 0;
    width: 100%;
  }
}
.CareJourneyHeader .contents {
  display: flex;
  justify-content: space-between;
}
.CareJourneyHeader:not(.StyledHeader) .contents {
  flex-wrap: wrap;
}
.CareJourneyHeader:not(.StyledHeader) .HeaderDetails {
  width: fit-content;
}
.CareJourneyHeader.StyledHeader {
  background-repeat: no-repeat;
  background-size: cover;
}
.CareJourneyHeader.StyledHeader .contents {
  position: relative;
}
@media screen and (min-width: 768px) {
  .CareJourneyHeader.StyledHeader {
    background-image: url("../../images/journey_default_header_web.svg");
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader.StyledHeader {
    background-image: url("../../images/journey_default_header_mobile.svg");
  }
}
@media screen and (min-width: 768px) {
  .CareJourneyHeader.StyledHeader.Pregnancy {
    background-image: url("../../images/journey_pregnancy_header_web.svg");
    background-position: right;
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader.StyledHeader.Pregnancy {
    background-image: url("../../images/journey_pregnancy_header_mobile.svg");
    background-position: right bottom;
    /*rtl:raw: background-position: right bottom;*/
  }
}
@media screen and (min-width: 768px) {
  .CareJourneyHeader.StyledHeader.Surgery {
    background-image: url("../../images/journey_surgery_header_web.svg");
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader.StyledHeader.Surgery {
    background-image: url("../../images/journey_surgery_header_mobile.svg");
  }
}
@media screen and (min-width: 768px) {
  .CareJourneyHeader.StyledHeader.Research {
    background-image: url("../../images/journey_research_header_web.svg");
    background-position: bottom right;
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader.StyledHeader.Research {
    background-image: url("../../images/journey_research_header_mobile.svg");
    background-position: bottom right;
  }
}
@media screen and (min-width: 769px) {
  .CareJourneyHeader.StyledHeader {
    background-position: bottom right;
  }
  .CareJourneyHeader.StyledHeader .HeaderDetails {
    background: linear-gradient(90deg, #ffffff 75%, transparent);
    width: fit-content;
    min-width: 40%;
    padding: 0.5rem 10rem 0 2rem;
    margin-left: -2rem;
    margin-top: -0.5rem;
    max-width: 85%;
  }
  .CareJourneyHeader.StyledHeader .journeyOptions {
    background-color: #ffffff;
    border-radius: 6px;
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader.StyledHeader {
    background-position: bottom;
  }
}
@media screen and (min-width: 769px) {
  .CareJourneyHeader.StyledHeader.LargeFont {
    padding-left: 0.75rem;
    background-image: url("../../images/journey_default_header_mobile.svg");
    background-position: bottom;
  }
  .CareJourneyHeader.StyledHeader.LargeFont.Pregnancy {
    background-image: url("../../images/journey_pregnancy_header_mobile.svg");
    background-position: right bottom;
  }
  .CareJourneyHeader.StyledHeader.LargeFont.Surgery {
    background-image: url("../../images/journey_surgery_header_mobile.svg");
  }
  .CareJourneyHeader.StyledHeader.LargeFont.Research {
    background-image: url("../../images/journey_research_header_mobile.svg");
    background-position: bottom right;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .contents {
    flex-direction: column;
    align-items: center;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .HeaderDetails {
    display: flex;
    flex-direction: column;
    background: none;
    margin: 0;
    padding: 0;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .HeaderDetails[class][class] {
    width: 100%;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .HeaderDetails .headingContainer {
    padding-top: 0.1rem;
    justify-content: center;
    text-align: center;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .HeaderDetails .headingContainer .journeyTitle {
    margin-left: 0.5rem;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .HeaderDetails .subheaderArray {
    justify-content: center;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions {
    align-self: center;
    margin-right: 1.25rem;
    margin-left: 1rem;
    padding-right: 0;
    background: transparent;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions .settingsText {
    display: none;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions .messagingButton .commandText {
    display: none;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions :not(:only-child) .settingsLink {
    background: transparent;
    padding: 0;
    margin-right: 1.25rem;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions :not(:only-child) svg {
    background-color: #ffffff;
    border-radius: 20px;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions :only-child .settingsLink[class][class] {
    border-radius: 6px;
    padding: 0.75rem;
    background-color: #ffffff;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyOptions > *:not(:last-child):after {
    display: none;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .HeaderText {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 0.5rem 0.5rem 0 0.5rem;
    margin: 0.75rem 0.75rem 0.75rem 0;
    width: fit-content;
    align-self: center;
  }
  .CareJourneyHeader.StyledHeader.LargeFont .journeyTitle {
    overflow-wrap: anywhere;
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader[class][class] {
    padding-left: 0.75rem;
  }
  .CareJourneyHeader[class][class] .journeyOptions :not(:only-child) .settingsLink {
    background: none;
    padding: 0;
    margin-right: 1.25rem;
  }
  .CareJourneyHeader[class][class] .journeyOptions :not(:only-child) svg {
    background-color: #ffffff;
    border-radius: 20px;
  }
}
.CareJourneyHeader .headingContainer {
  display: flex;
  align-items: center;
  padding: 0 0 0.25rem;
  justify-content: space-between;
}
.CareJourneyHeader .journeyTitle {
  padding: 0;
  width: auto;
  overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader .journeyTitle {
    margin-left: 0.5rem;
  }
}
.CareJourneyHeader .journeyOptions {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  justify-content: flex-end;
  width: fit-content;
  margin: 0 1.75rem 0.5rem -0.25rem;
  flex-shrink: 0;
  flex-grow: 0;
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader .journeyOptions {
    margin-right: 1rem;
  }
}
.CareJourneyHeader .journeyOptions > * {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  margin-bottom: 0;
  min-width: fit-content;
}
.CareJourneyHeader .journeyOptions > * ._InternalLink {
  display: flex;
  margin: 0;
  padding: 0;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader .journeyOptions > * .settingsText {
    display: none;
  }
  .CareJourneyHeader .journeyOptions > * .messagingButton .commandText {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .CareJourneyHeader .journeyOptions > *:not(:last-child):after {
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #767676;
    content: "";
    vertical-align: middle;
    height: 21px;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
    margin-left: -4px;
  }
}
.CareJourneyHeader .journeyOptions .messagingButton, .CareJourneyHeader .journeyOptions .settingsLink {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.CareJourneyHeader .journeyOptions .messagingButton:hover, .CareJourneyHeader .journeyOptions .settingsLink:hover {
  text-decoration: none;
}
.CareJourneyHeader .journeyOptions .settingsLink {
  padding-left: 0;
  padding-right: 0.25rem;
}
.CareJourneyHeader .journeyOptions .settingsText {
  padding-right: 0.25rem;
}
.CareJourneyHeader .subheaderArray {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 0 0.5rem;
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader .subheaderArray {
    margin-left: 0.125rem;
  }
}
@media only screen and (max-width: 769px) {
  .CareJourneyHeader .subheaderArray {
    justify-content: left;
  }
}
.CareJourneyHeader .subheaderArray .HeaderInfoPacket {
  width: fit-content;
}
.CareJourneyHeader .subheaderArray .HeaderInfoPacket:not(:last-child) {
  padding-right: 1rem;
  border-right: 2px solid;
  border-image: linear-gradient(to bottom, transparent 15%, #cccccc 15%, #cccccc 85%, transparent 85%) 1;
  margin-right: 1rem;
}
.CareJourneyHeader .subheaderArray .HeaderInfoPacket:not(:last-child):last-of-type {
  padding-right: 0px;
  border-right: none;
  margin-right: 0px;
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader .subheaderArray .HeaderInfoPacket:not(:last-child) {
    padding-right: 0.75rem;
    border-right: 2px solid;
    border-image: linear-gradient(to bottom, transparent 15%, #cccccc 15%, #cccccc 85%, transparent 85%) 1;
    margin-right: 0.75rem;
  }
  .CareJourneyHeader .subheaderArray .HeaderInfoPacket:not(:last-child):last-of-type {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
  }
}
@media screen and (max-width: 768px) {
  .CareJourneyHeader {
    padding-left: 0;
  }
  .CareJourneyHeader .contents {
    flex-direction: column;
  }
  .CareJourneyHeader ._BackToListLink {
    padding: 0.25rem 0.5rem;
    margin-top: -0.05rem;
  }
  .CareJourneyHeader .HeaderDetails {
    display: flex;
    flex-direction: column;
  }
  .CareJourneyHeader .HeaderDetails[class][class] {
    width: 100%;
  }
  .CareJourneyHeader .HeaderDetails .headingContainer {
    padding-top: 0.1rem;
    justify-content: center;
    text-align: center;
  }
  .CareJourneyHeader .HeaderDetails .subheaderArray {
    justify-content: center;
  }
  .CareJourneyHeader .HeaderDetails ._BackToListLink {
    background-color: #ffffff;
    border-radius: 6px;
    padding-right: 0.5rem;
    align-self: flex-start;
  }
  .CareJourneyHeader .journeyOptions {
    align-self: center;
    margin-right: 1.25rem;
    margin-left: 1rem;
  }
  .CareJourneyHeader .journeyOptions .settingsText {
    display: block;
  }
  .CareJourneyHeader .settingsLink[class][class] {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 0;
  }
  .CareJourneyHeader .HeaderText {
    background-color: #ffffff;
    border-radius: 6px;
    padding: 0.5rem 0.5rem 0 0.5rem;
    margin: 0.75rem 0.75rem 0.75rem 0;
    width: fit-content;
    align-self: center;
  }
  .CareJourneyHeader .journeyTitle {
    overflow-wrap: anywhere;
  }
}
.CareJourneyHeader.FullTimelineHeader.StyledHeader .HeaderDetails {
  align-items: center;
}

.CareJourneysPage .headerSection {
  width: 100%;
}
.CareJourneysPage .contentWrapper {
  display: flex;
  flex-direction: row;
  margin-top: 0.75rem;
}
@media screen and (max-width: 768px) {
  .CareJourneysPage .contentWrapper {
    flex-direction: column;
  }
}
.CareJourneysPage .mainContent {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin: 0 2.25rem 0 0.5rem;
  gap: 0.8rem;
  margin-right: clamp(20px, 2.25rem, 40px);
}
@media screen and (max-width: 768px) {
  .CareJourneysPage .mainContent {
    width: 100%;
    margin: 0;
    padding: 0rem;
  }
}
.CareJourneysPage .mainContent ._Segment.PregnancyWeeklyGrowthCard {
  min-height: 0rem;
}
.CareJourneysPage .sidebarContent {
  display: flex;
  flex-direction: column;
  width: 35%;
  gap: 0.8rem;
}
@media screen and (max-width: 768px) {
  .CareJourneysPage .sidebarContent {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .CareJourneysPage .sidebarContent h2._heading {
    padding-top: 0;
  }
}

.HeaderInfoPacket {
  display: flex;
  flex-direction: row;
  padding: 0.1rem 0;
}
.HeaderInfoPacket ._Text {
  width: auto;
  overflow-wrap: anywhere;
}
.HeaderInfoPacket .HeaderIcon {
  color: #363636;
  align-self: center;
  flex-shrink: 0;
  flex-grow: 0;
}
.HeaderInfoPacket .HeaderIcon.Date {
  margin: -0.4125em 0.09375em -0.3125em -0.195em;
}
.HeaderInfoPacket .HeaderIcon.TimeSensitive {
  margin: -0.4125em 0.09375em -0.3125em -0.3em;
}
@media only screen and (min-width: 769px) {
  .HeaderInfoPacket .HeaderIcon {
    padding-right: 0.15625em;
  }
}
.HeaderInfoPacket .subheader {
  color: #363636;
}
@media only screen and (min-width: 769px) {
  .HeaderInfoPacket .subheader {
    margin-left: 0.125em;
  }
}

.FarFutureVisit {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.313rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.375em;
  flex-direction: column;
  margin: 0.5rem;
  width: calc(100% - 1rem);
  width: calc(100% - 0.775rem);
}
@media screen and (max-width: 768px) {
  .FarFutureVisit {
    margin-right: 0;
  }
}
@media print {
  .FarFutureVisit {
    border: solid 1px #cccccc;
  }
}
.FarFutureVisit .visitSummary {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  align-items: center;
  padding-left: 0.75rem;
}
@media screen and (max-width: 321px) {
  .FarFutureVisit .visitSummary {
    flex-direction: column;
  }
}
.FarFutureVisit .visitSummary ._VerticalDate {
  padding-top: 0.1rem;
}
@media screen and (max-width: 768px) {
  .FarFutureVisit .visitSummary ._VerticalDate {
    padding-top: 0.3rem;
  }
}
.FarFutureVisit .visitSummary .Title {
  font-weight: bold;
}
.FarFutureVisit .visitSummary .inpatientIcon {
  padding-right: 0.4rem;
  margin: -20px -10px;
  fill: #7a0019;
}
@media screen and (max-width: 376px) {
  .FarFutureVisit .visitSummary .VisitDetails {
    padding-top: 0.25rem;
  }
}
.FarFutureVisit .visitLinks .visitLink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.FarFutureVisit .visitLinks ._ActionGroup {
  margin-top: 0;
}
.FarFutureVisit .visitLinks ._ActionGroup ._Icon {
  margin: 0.1rem 0.5rem;
  fill: #7a0019;
}
@media screen and (max-width: 768px) {
  .FarFutureVisit .visitLinks ._ActionGroup ._actionable {
    padding: 0 0.5rem 0 0;
  }
}
.FarFutureVisit .visitLinks ._Icon {
  fill: #7a0019;
}
.FarFutureVisit .visitLinks .readButtonText {
  margin-left: 0;
}

.FutureVisitButtons {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  align-self: flex-end;
  padding: 0.1rem 0.5rem 0.1rem 2rem;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .FutureVisitButtons {
    flex-flow: row wrap;
    justify-content: center;
    column-gap: 1rem;
    padding: 0;
  }
}
.FutureVisitButtons[class][class] a {
  margin: 0.5rem 0 0 0;
}

.NearFutureVisit {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.313rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.375em;
  flex-direction: column;
  margin: 0.5rem;
  width: calc(100% - 1rem);
  align-items: center;
  width: calc(100% - 0.775rem);
}
@media screen and (max-width: 768px) {
  .NearFutureVisit {
    margin-right: 0;
  }
}
@media print {
  .NearFutureVisit {
    border: solid 1px #cccccc;
  }
}
.NearFutureVisit .visitSummary {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  align-items: center;
  padding-left: 0.75rem;
}
@media screen and (max-width: 321px) {
  .NearFutureVisit .visitSummary {
    flex-direction: column;
  }
}
.NearFutureVisit .visitSummary ._VerticalDate {
  padding-top: 0.1rem;
}
@media screen and (max-width: 768px) {
  .NearFutureVisit .visitSummary ._VerticalDate {
    padding-top: 0.3rem;
  }
}
.NearFutureVisit .visitSummary .Title {
  font-weight: bold;
}
.NearFutureVisit .visitSummary .inpatientIcon {
  padding-right: 0.4rem;
  margin: -20px -10px;
  fill: #7a0019;
}
@media screen and (max-width: 376px) {
  .NearFutureVisit .visitSummary .VisitDetails {
    padding-top: 0.25rem;
  }
}
@media screen and (min-width: 768px) {
  .NearFutureVisit {
    flex-direction: row;
  }
}
.NearFutureVisit .visitSummary {
  flex: 2;
}
.NearFutureVisit .visitButtons {
  flex: 1;
  max-width: 500px;
}
@media screen and (max-width: 1025px) {
  .NearFutureVisit .visitButtons {
    max-width: 250px;
  }
}
@media screen and (max-width: 768px) {
  .NearFutureVisit .visitButtons {
    max-width: 100%;
    padding-right: clamp(8px, 0.5rem, 16px);
    padding-left: clamp(8px, 0.5rem, 16px);
  }
}

.PastVisit {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.313rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.375em;
  flex-direction: column;
  margin: 0.5rem;
  width: calc(100% - 1rem);
  margin: 0.5rem 0 0.5rem -0.5rem;
  width: 100%;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .PastVisit {
    margin-right: 0;
  }
}
@media print {
  .PastVisit {
    border: solid 1px #cccccc;
  }
}
.PastVisit .visitSummary {
  display: flex;
  flex-direction: row;
  padding: 0.5rem;
  align-items: center;
  padding-left: 0.75rem;
}
@media screen and (max-width: 321px) {
  .PastVisit .visitSummary {
    flex-direction: column;
  }
}
.PastVisit .visitSummary ._VerticalDate {
  padding-top: 0.1rem;
}
@media screen and (max-width: 768px) {
  .PastVisit .visitSummary ._VerticalDate {
    padding-top: 0.3rem;
  }
}
.PastVisit .visitSummary .Title {
  font-weight: bold;
}
.PastVisit .visitSummary .inpatientIcon {
  padding-right: 0.4rem;
  margin: -20px -10px;
  fill: #7a0019;
}
@media screen and (max-width: 376px) {
  .PastVisit .visitSummary .VisitDetails {
    padding-top: 0.25rem;
  }
}
.PastVisit .visitLinks .visitLink {
  display: flex;
  justify-content: center;
  align-items: center;
}
.PastVisit .visitLinks ._ActionGroup {
  margin-top: 0;
}
.PastVisit .visitLinks ._ActionGroup ._Icon {
  margin: 0.1rem 0.5rem;
  fill: #7a0019;
}
@media screen and (max-width: 768px) {
  .PastVisit .visitLinks ._ActionGroup ._actionable {
    padding: 0 0.5rem 0 0;
  }
}
@media screen and (max-width: 768px) {
  .PastVisit {
    margin-left: -0.6rem;
  }
}
.PastVisit .visitLinks .iconContainer {
  width: fit-content;
  position: relative;
  display: flex;
  align-items: center;
  margin: 0.1rem 0;
}
.PastVisit .visitLinks .iconContainer ._Icon {
  margin: 0;
}
.PastVisit .visitLinks .unviewedIndicator {
  position: relative;
  width: clamp(13px, 0.75rem, 20px);
  height: clamp(13px, 0.75rem, 20px);
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid #ffffff;
  background-color: #005ebb;
}
.PastVisit .visitLinks .boldText {
  font-weight: bold;
}
.PastVisit .visitLinks .readContainer {
  display: flex;
  align-items: center;
  padding-left: 0.25rem;
}
.PastVisit .visitLinks ._Link ._Text, .PastVisit .visitLinks ._Link ._TextFragment {
  color: #7a0019;
}
.PastVisit.noShowCanceledShiftedCard {
  background-image: repeating-linear-gradient(135deg, #dbdbdb, #dbdbdb 5px, #eaeaea 5px, #eaeaea 15px);
}
.PastVisit.noShowCanceledShiftedCard > .date > div {
  color: #767676;
}

.VisitDetails {
  flex-direction: column;
  padding-left: 0.5rem;
  overflow-wrap: anywhere;
}
.VisitDetails[class] ._Text {
  margin: 0;
}
.VisitDetails .Title {
  font-size: 1rem;
}
.VisitDetails .Details {
  font-size: 0.9rem;
  color: #767676;
}

.VisitCard {
  display: flex;
  background-color: #ffffff;
  box-shadow: 0 0.125rem 0.313rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 0.375em;
  padding: 0.5rem;
  flex-direction: column;
  margin: 0.5rem;
  width: calc(100% - 2.5rem);
}
.VisitCard .PastVisitDetails {
  display: inherit;
  flex-direction: row;
}
.VisitCard .PastVisitDetails .VerticalDate {
  padding-right: 0.5rem;
  padding-left: 0.3rem;
}
.VisitCard .VisitLinks {
  flex-direction: column;
}
.VisitCard .VisitLinks .Link {
  border-top: solid;
  border-width: thin;
  border-color: #dbdbdb;
  padding: 0.25rem 0;
}

.TodayTasks.toDo {
  padding: 0;
  display: flex;
}
@media screen and (max-width: 1300px) {
  .TodayTasks.toDo {
    max-width: calc(100% - 0.5rem);
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .TodayTasks.toDo {
    width: calc(100% - 0.75rem);
    margin-left: -0.2rem;
  }
}
.TodayTasks.toDo .taskCount {
  text-align: center;
  font-weight: bold;
  background-color: #f6f2fc;
  color: #8a4ed9;
  border-radius: 5px;
  border-top-right-radius: 20% 50%;
  border-bottom-right-radius: 20% 50%;
  flex: 1;
  width: 33%;
  min-width: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.55rem;
}
.TodayTasks.toDo .taskCount .taskLabel {
  font-size: 1.4rem;
  margin-bottom: 0;
  word-wrap: break-word;
  padding-top: 0.5rem;
}
.TodayTasks.toDo .taskCount .numTasks {
  font-size: 3rem;
  margin-top: 0;
}
.TodayTasks.toDo .taskList {
  flex: 2;
  width: 60%;
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0.5rem 0 0.4rem;
}
.TodayTasks.toDo .taskList .taskRows {
  max-width: fit-content;
  flex: 1;
}
.TodayTasks.toDo .taskList .additionalTasksMessage {
  margin: 0.2rem 0 0.1rem 0.2rem;
}
.TodayTasks.toDo .taskList .tasksLinkSection {
  display: flex;
  justify-content: right;
}
@media screen and (max-width: 456px) {
  .TodayTasks.toDo {
    flex-direction: column;
  }
  .TodayTasks.toDo .taskCount {
    border-radius: 6px 6px 50% 50%/6px 6px 25px 25px;
    width: auto;
    padding: 0.25rem 0;
    min-width: unset;
  }
  .TodayTasks.toDo .taskCount .taskLabel {
    font-size: 1rem;
  }
  .TodayTasks.toDo .taskCount .numTasks {
    font-size: 2rem;
    margin-top: -0.25rem;
  }
  .TodayTasks.toDo .taskList {
    width: auto;
  }
  .TodayTasks.toDo .taskList .tasksLinkSection {
    justify-content: center;
  }
}

.TodayTasks.pastDue {
  padding: 0;
  display: flex;
}
@media screen and (max-width: 1300px) {
  .TodayTasks.pastDue {
    max-width: calc(100% - 0.5rem);
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .TodayTasks.pastDue {
    width: calc(100% - 0.75rem);
    margin-left: -0.2rem;
  }
}
.TodayTasks.pastDue .taskCount {
  text-align: center;
  font-weight: bold;
  background-color: #fbe6e6;
  color: #d30000;
  border-radius: 5px;
  border-top-right-radius: 20% 50%;
  border-bottom-right-radius: 20% 50%;
  flex: 1;
  width: 33%;
  min-width: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.55rem;
}
.TodayTasks.pastDue .taskCount .taskLabel {
  font-size: 1.4rem;
  margin-bottom: 0;
  word-wrap: break-word;
  padding-top: 0.5rem;
}
.TodayTasks.pastDue .taskCount .numTasks {
  font-size: 3rem;
  margin-top: 0;
}
.TodayTasks.pastDue .taskList {
  flex: 2;
  width: 60%;
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0.5rem 0 0.4rem;
}
.TodayTasks.pastDue .taskList .taskRows {
  max-width: fit-content;
  flex: 1;
}
.TodayTasks.pastDue .taskList .additionalTasksMessage {
  margin: 0.2rem 0 0.1rem 0.2rem;
}
.TodayTasks.pastDue .taskList .tasksLinkSection {
  display: flex;
  justify-content: right;
}
@media screen and (max-width: 456px) {
  .TodayTasks.pastDue {
    flex-direction: column;
  }
  .TodayTasks.pastDue .taskCount {
    border-radius: 6px 6px 50% 50%/6px 6px 25px 25px;
    width: auto;
    padding: 0.25rem 0;
    min-width: unset;
  }
  .TodayTasks.pastDue .taskCount .taskLabel {
    font-size: 1rem;
  }
  .TodayTasks.pastDue .taskCount .numTasks {
    font-size: 2rem;
    margin-top: -0.25rem;
  }
  .TodayTasks.pastDue .taskList {
    width: auto;
  }
  .TodayTasks.pastDue .taskList .tasksLinkSection {
    justify-content: center;
  }
}

@media screen and (min-width: 769px) {
  .TodayTasks.onlyTaskCard .taskCount {
    width: 20%;
  }
  .TodayTasks.onlyTaskCard .taskList {
    width: 80%;
    flex: 4;
    margin: 1rem 0.5rem 0 1rem;
  }
}

.JourneyTask {
  display: flex;
  padding-bottom: 0.1rem;
  align-items: flex-start;
  flex-direction: row;
}
.JourneyTask ._Icon {
  margin-right: 0.3rem;
  flex-shrink: 0;
}
@media screen and (max-width: 456px) {
  .JourneyTask .journeyTypeIcon {
    max-width: 1.1em;
  }
}
.JourneyTask .taskDescription {
  max-width: fit-content;
  font-size: clamp(12px, 1rem, 36px);
  padding-top: 0.2rem;
}
.JourneyTask .taskDescription[class] {
  margin-right: 0.1rem;
  margin-top: 0;
}
.JourneyTask .taskAriaLabel {
  width: 0;
}
.JourneyTask .taskDescriptionAndIcon {
  display: flex;
  flex-direction: row;
  align-items: end;
  width: unset;
}

.FutureTasks[class][class] {
  margin: 0.5rem;
  width: calc(100% - 0.775rem);
  align-items: center;
  min-height: 1rem;
}
@media screen and (max-width: 768px) {
  .FutureTasks[class][class] {
    margin-right: 0.1rem;
  }
}
@media screen and (max-width: 426px) {
  .FutureTasks[class][class] {
    margin-right: 0rem;
  }
}
.FutureTasks .disclosureContent {
  padding-top: 0.2rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (min-width: 321px) {
  .FutureTasks .disclosureContent {
    padding-left: clamp(40px, 3rem, 50px);
  }
}
.FutureTasks .disclosureContent ._container {
  width: fit-content;
}
.FutureTasks .disclosureContent a {
  height: fit-content;
  margin-left: 0.75rem;
}
.FutureTasks .disclosureAXText {
  width: 0;
  font-size: 0;
}
.FutureTasks .taskIcon {
  max-width: fit-content;
  width: 48px;
  height: 48px;
}
.FutureTasks .taskHeader {
  margin-left: clamp(6px, 0.75rem, 10px);
  line-height: 1rem;
  color: #363636;
  text-align: left;
  padding-top: 0.1rem;
}
.FutureTasks .taskHeader .tasksSummary {
  margin-bottom: 0.2rem;
  padding-right: 0.3rem;
}
.FutureTasks .taskHeader .dateRange {
  color: #363636;
  margin: 0;
}
.FutureTasks .taskRows {
  margin: 0.3rem 0 0 0.3rem;
}
.FutureTasks .additionalTasksMessage {
  margin-left: 0.5rem;
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
}
.FutureTasks .additionalTasksMessage[class][class][class] ._Text {
  max-width: fit-content;
  margin-right: 0.2rem;
}
.FutureTasks ._ExpandCommand {
  display: flex;
  align-items: center;
}
.FutureTasks ._ExpandCommand .arrowIcon {
  transition: transform 0.1s;
}
.FutureTasks ._ExpandCommand .arrowIcon.expanded {
  transform: rotate(-180deg);
}
.FutureTasks ._ExpandableItem {
  display: none;
}
@media print {
  .FutureTasks ._ExpandableItem {
    display: block;
  }
}
.FutureTasks ._ExpandableItem.expanded {
  display: block;
}
.FutureTasks ._ExpandCommand {
  width: 100%;
}
.FutureTasks ._ExpandCommand .arrowIcon {
  margin-right: clamp(10px, 0.5rem, 20px);
  color: #7a0019;
}
@media screen and (max-width: 426px) {
  .FutureTasks ._ExpandCommand .arrowIcon {
    margin-right: clamp(1px, 0.25rem, 10px);
  }
}

.UpcomingOrdersCard[class][class] {
  margin: 0.5rem;
  width: calc(100% - 0.775rem);
  align-items: center;
  padding: 0;
  min-height: 1rem;
}
@media screen and (max-width: 768px) {
  .UpcomingOrdersCard[class][class] {
    margin-right: 0.1rem;
  }
}
@media screen and (max-width: 426px) {
  .UpcomingOrdersCard[class][class] {
    margin-right: 0rem;
  }
}
.UpcomingOrdersCard .orderHeading {
  display: flex;
  padding-top: 0.2rem;
  padding-left: 0.1rem;
  align-items: center;
}
.UpcomingOrdersCard .orderHeading .orderImageContainer {
  width: auto;
}
.UpcomingOrdersCard .orderHeading .orderImage {
  height: 48px;
  width: 48px;
}
.UpcomingOrdersCard .orderHeading .orderContent {
  padding-left: 0.5rem;
  overflow-wrap: anywhere;
}
.UpcomingOrdersCard .orderHeading .orderContent .Title {
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .UpcomingOrdersCard .orderList {
    width: 100%;
  }
}
.UpcomingOrdersCard .orderList ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
.UpcomingOrdersCard .orderList ._ListElement:first-child::before {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
.UpcomingOrdersCard .orderList ._LoadMoreCommand {
  border-top: 1px solid #dbdbdb;
  border-width: thin;
  width: auto;
  height: 2.4rem;
}
.UpcomingOrdersCard .orderList ._LoadMoreCommand ._Command {
  padding: 0;
}
.UpcomingOrdersCard .orderList ._LoadMoreCommand ._Command .contentWrapper {
  margin: 0;
}
.UpcomingOrdersCard .orderList ._LoadMoreCommand.finished {
  display: none;
}
.UpcomingOrdersCard .orderList .orderSection {
  color: #363636;
  display: flex;
  padding: 0.1rem 0.25rem;
  align-items: center;
  overflow-wrap: anywhere;
}
.UpcomingOrdersCard .orderList .orderSection .orderlabel {
  padding: inherit;
}
.UpcomingOrdersCard .orderList .orderSection .orderlabel ._Text {
  margin: 0;
}
.UpcomingOrdersCard .orderList .orderSection:is(:focus, :hover) {
  text-decoration: none;
  color: #363636;
  background-color: #f4ebed;
}

.UpcomingOrdersCard .orderList .orderSection .arrowIcon {
  color: #767676;
}

.UpcomingOrdersCardToday[class][class] {
  margin: 0.5rem;
  margin-left: 0;
  padding: 0;
}
@media screen and (max-width: 1300px) {
  .UpcomingOrdersCardToday[class][class] {
    max-width: calc(100% - 0.5rem);
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .UpcomingOrdersCardToday[class][class] {
    width: calc(100% - 0.75rem);
    margin-left: -0.2rem;
  }
}
.UpcomingOrdersCardToday .orderHeading {
  display: flex;
  padding-top: 0.2rem;
  padding-left: 0.1rem;
  align-items: center;
}
.UpcomingOrdersCardToday .orderHeading .orderImageContainer {
  width: auto;
}
.UpcomingOrdersCardToday .orderHeading .orderImage {
  height: 48px;
  width: 48px;
}
.UpcomingOrdersCardToday .orderHeading .orderContent {
  padding-left: 0.5rem;
  overflow-wrap: anywhere;
}
.UpcomingOrdersCardToday .orderHeading .orderContent .Title {
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.UpcomingOrdersCardToday .orderHeading .orderContent .subTitle {
  color: #767676;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .UpcomingOrdersCardToday .orderList {
    width: 100%;
  }
}
.UpcomingOrdersCardToday .orderList ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
.UpcomingOrdersCardToday .orderList ._ListElement:first-child::before {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
.UpcomingOrdersCardToday .orderList ._LoadMoreCommand {
  border-top: 1px solid #dbdbdb;
  border-width: thin;
  width: auto;
  height: 2.4rem;
}
.UpcomingOrdersCardToday .orderList ._LoadMoreCommand ._Command {
  padding: 0;
}
.UpcomingOrdersCardToday .orderList ._LoadMoreCommand ._Command .contentWrapper {
  margin: 0;
}
.UpcomingOrdersCardToday .orderList ._LoadMoreCommand.finished {
  display: none;
}
.UpcomingOrdersCardToday .orderList .orderSection {
  color: #363636;
  display: flex;
  padding: 0.1rem 0.25rem;
  align-items: center;
  overflow-wrap: anywhere;
}
.UpcomingOrdersCardToday .orderList .orderSection .orderlabel {
  padding: inherit;
}
.UpcomingOrdersCardToday .orderList .orderSection .orderlabel ._Text {
  margin: 0;
}
.UpcomingOrdersCardToday .orderList .orderSection:is(:focus, :hover) {
  text-decoration: none;
  color: #363636;
  background-color: #f4ebed;
}

.UpcomingOrdersCardToday .orderList .orderSection .arrowIcon {
  color: #767676;
}

.AdmissionNoticeCard.boundary-strong {
  padding: 0;
  display: flex;
}
@media screen and (max-width: 1300px) {
  .AdmissionNoticeCard.boundary-strong {
    max-width: calc(100% - 0.5rem);
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .AdmissionNoticeCard.boundary-strong {
    width: calc(100% - 0.75rem);
    margin-left: -0.25rem;
  }
}
@media screen and (max-width: 456px) {
  .AdmissionNoticeCard.boundary-strong {
    flex-direction: column;
  }
}
.AdmissionNoticeCard.boundary-strong .admissionIcon {
  background-color: #f6f2fc;
  border-radius: 5px;
  border-top-right-radius: 20% 50%;
  border-bottom-right-radius: 20% 50%;
  flex: 1;
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 0.3rem;
  min-width: 170px;
}
.AdmissionNoticeCard.boundary-strong .admissionIcon .admissionOutline {
  max-width: fit-content;
  filter: drop-shadow(0px 3px 0.3px white) drop-shadow(0px -3px 0.3px white) drop-shadow(3px 0px 0.3px white) drop-shadow(-3px 0px 0.3px white);
}
@media screen and (max-width: 456px) {
  .AdmissionNoticeCard.boundary-strong .admissionIcon {
    width: auto;
    border-radius: 6px 6px 50% 50%/6px 6px 25% 25%;
  }
}
.AdmissionNoticeCard.boundary-strong .admissionNotices {
  flex: 2;
  width: 67%;
  display: flex;
  flex-direction: column;
  margin: 0 0.5rem 0 0.4rem;
}
.AdmissionNoticeCard.boundary-strong .admissionNotices h1, .AdmissionNoticeCard.boundary-strong .admissionNotices h2, .AdmissionNoticeCard.boundary-strong .admissionNotices h3, .AdmissionNoticeCard.boundary-strong .admissionNotices h4, .AdmissionNoticeCard.boundary-strong .admissionNotices h5, .AdmissionNoticeCard.boundary-strong .admissionNotices h6, .AdmissionNoticeCard.boundary-strong .admissionNotices _PageHeading {
  color: #000000;
  font-weight: bold;
}
@media screen and (max-width: 456px) {
  .AdmissionNoticeCard.boundary-strong .admissionNotices .noticeList {
    text-align: left;
  }
}
.AdmissionNoticeCard.boundary-strong .admissionNotices .noticeList:last-child {
  padding-bottom: 0.75rem;
}
.AdmissionNoticeCard.boundary-strong .admissionNotices .admissionNoticesHeader {
  padding: 0.75rem 0 0.5rem;
  font-weight: bold;
  font-size: 1.125rem;
}
.AdmissionNoticeCard.boundary-strong .admissionNotices ._TextFragment {
  overflow-wrap: anywhere;
}
@media screen and (max-width: 456px) {
  .AdmissionNoticeCard.boundary-strong .admissionNotices ._TextFragment {
    text-align: center;
  }
}
@media screen and (max-width: 456px) {
  .AdmissionNoticeCard.boundary-strong .admissionNotices {
    width: auto;
  }
}
@media screen and (min-width: 769px) {
  .AdmissionNoticeCard.boundary-strong .admissionIcon {
    width: 20%;
  }
  .AdmissionNoticeCard.boundary-strong .admissionNotices {
    width: 80%;
    flex: 4;
    margin: 0 0.5rem 0 1rem;
  }
}
.AdmissionNoticeCard.boundary-strong .notice {
  display: flex;
  padding-bottom: 0.1rem;
  align-items: flex-start;
  flex-direction: row;
}
.AdmissionNoticeCard.boundary-strong .notice .noticeIcon {
  flex: 0 1 content;
  margin-right: 0.3rem;
}
@media screen and (max-width: 426px) {
  .AdmissionNoticeCard.boundary-strong .notice .noticeIcon ._Icon {
    max-width: 1.1em;
  }
}
.AdmissionNoticeCard.boundary-strong .notice .noticeText {
  max-width: fit-content;
  font-size: clamp(12px, 1rem, 36px);
  padding-top: 0.2rem;
  overflow-wrap: anywhere;
}

.TodayQuestionnaires[class][class] {
  padding: 0;
  display: flex;
  font-size: 1rem;
  padding: 0;
  margin: 0.5rem 0 0.5rem 0;
  display: flex;
}
@media screen and (max-width: 1300px) {
  .TodayQuestionnaires[class][class] {
    max-width: calc(100% - 0.5rem);
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .TodayQuestionnaires[class][class] {
    width: calc(100% - 0.75rem);
    margin-left: -0.2rem;
  }
}
.TodayQuestionnaires[class][class] .taskCount {
  text-align: center;
  font-weight: bold;
  background-color: #f6f2fc;
  color: #8a4ed9;
  border-radius: 5px;
  border-top-right-radius: 20% 50%;
  border-bottom-right-radius: 20% 50%;
  flex: 1;
  width: 33%;
  min-width: 170px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 0.55rem;
}
.TodayQuestionnaires[class][class] .taskCount .taskLabel {
  font-size: 1.4rem;
  margin-bottom: 0;
  word-wrap: break-word;
  padding-top: 0.5rem;
}
.TodayQuestionnaires[class][class] .taskCount .numTasks {
  font-size: 3rem;
  margin-top: 0;
}
.TodayQuestionnaires[class][class] .taskList {
  flex: 2;
  width: 60%;
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0.5rem 0 0.4rem;
}
.TodayQuestionnaires[class][class] .taskList .taskRows {
  max-width: fit-content;
  flex: 1;
}
.TodayQuestionnaires[class][class] .taskList .additionalTasksMessage {
  margin: 0.2rem 0 0.1rem 0.2rem;
}
.TodayQuestionnaires[class][class] .taskList .tasksLinkSection {
  display: flex;
  justify-content: right;
}
@media screen and (max-width: 456px) {
  .TodayQuestionnaires[class][class] {
    flex-direction: column;
  }
  .TodayQuestionnaires[class][class] .taskCount {
    border-radius: 6px 6px 50% 50%/6px 6px 25px 25px;
    width: auto;
    padding: 0.25rem 0;
    min-width: unset;
  }
  .TodayQuestionnaires[class][class] .taskCount .taskLabel {
    font-size: 1rem;
  }
  .TodayQuestionnaires[class][class] .taskCount .numTasks {
    font-size: 2rem;
    margin-top: -0.25rem;
  }
  .TodayQuestionnaires[class][class] .taskList {
    width: auto;
  }
  .TodayQuestionnaires[class][class] .taskList .tasksLinkSection {
    justify-content: center;
  }
}
.TodayQuestionnaires[class][class] .qnrSection {
  display: flex;
  flex-direction: column;
  flex: 2;
  margin: 1rem 0.5rem 0 1rem;
  margin-bottom: 0;
}
.TodayQuestionnaires[class][class] .qnrSection .qnrList .additionalQnrMsg {
  margin: 0.2rem 0 0.1rem 0.5rem;
}
.TodayQuestionnaires[class][class] .qnrSection .linkSection {
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
@media screen and (max-width: 456px) {
  .TodayQuestionnaires[class][class] .qnrSection {
    margin: 0.5rem 0.5rem 0 0.5rem;
    width: auto;
  }
  .TodayQuestionnaires[class][class] .qnrSection .linkSection {
    justify-content: center;
  }
}

.JourneyRelatedLinks {
  margin-top: 0.5rem;
}
.JourneyRelatedLinks .JourneyRelatedLinksListContainer {
  min-height: unset;
  padding: 0;
}
.JourneyRelatedLinks .JourneyRelatedLinksListContainer ._ListElement .JourneyRelatedLink {
  border-bottom: 1px solid #eaeaea;
}
.JourneyRelatedLinks .JourneyRelatedLinksListContainer ._ListElement:last-of-type .JourneyRelatedLink {
  border-bottom: none;
}

.JourneyRelatedLink {
  padding: 0.5rem 0;
}
.JourneyRelatedLink:hover, .JourneyRelatedLink:active, .JourneyRelatedLink:focus {
  background-color: #f4ebed;
}
.JourneyRelatedLink .journeyRelatedLinkLink {
  display: flex;
  flex-wrap: nowrap;
  color: #363636;
  padding-right: 0.4rem;
}
.JourneyRelatedLink .journeyRelatedLinkLink:hover, .JourneyRelatedLink .journeyRelatedLinkLink:active, .JourneyRelatedLink .journeyRelatedLinkLink:focus {
  text-decoration: unset;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkIcon {
  margin-right: 0.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  vertical-align: text-top;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkText {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  word-break: break-word;
  text-align: left;
  justify-content: center;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkText.no-icon {
  padding-left: 2.4rem;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkText.unviewed {
  font-weight: bold;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkUnviewedIndicator {
  min-width: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin-left: 0.6rem;
  margin-right: 0.1rem;
  margin-top: 0.6rem;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkUnviewedIndicator.unviewed {
  background-color: #005ebb;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkUnviewedIndicator.viewed {
  background-color: transparent;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkContent .journeyRelatedLinkUnviewedIndicator.not-visible {
  width: 0;
  height: 0;
  margin: 0 0.1rem 0 0;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkArrowContainer {
  max-width: fit-content;
  margin: 0 0.2rem;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  float: right;
}
.JourneyRelatedLink .journeyRelatedLinkLink .journeyRelatedLinkArrowContainer .journeyRelatedLinkArrowIcon {
  color: #767676;
  flex-shrink: 0;
  flex-grow: 0;
  /* rtl:raw: transform: scaleX(-1); */
}

.PostJourneySummaryLinks .PostJourneySummaryLinksListContainer {
  min-height: unset;
  padding: 0;
}
.PostJourneySummaryLinks .PostJourneySummaryLinksListContainer ._ListElement .PostJourneySummary {
  border-bottom: 1px solid #eaeaea;
}
.PostJourneySummaryLinks .PostJourneySummaryLinksListContainer ._ListElement:last-of-type {
  border-bottom: none;
}

.PostJourneySummary {
  display: flex;
  padding: 0.5rem 0;
  width: 100%;
}
.PostJourneySummary:hover, .PostJourneySummary:active, .PostJourneySummary:focus {
  background-color: #f4ebed;
}
.PostJourneySummary .postJourneySummaryLink {
  display: flex;
  flex-wrap: nowrap;
  color: #363636;
  width: 100%;
}
.PostJourneySummary .postJourneySummaryLink.noNewLinks {
  padding-left: 1rem;
}
.PostJourneySummary .postJourneySummaryLink.hasNewLinks {
  padding-left: 1.75rem;
}
.PostJourneySummary .postJourneySummaryLink:hover, .PostJourneySummary .postJourneySummaryLink:active, .PostJourneySummary .postJourneySummaryLink:focus {
  text-decoration: unset;
}
.PostJourneySummary .postJourneySummaryLink .postJourneySummaryLinkInfoContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  flex-grow: 0;
}
.PostJourneySummary .postJourneySummaryLink .postJourneySummaryLinkInfoContainer .postJourneySummaryLinkText {
  padding-bottom: 0px;
}
.PostJourneySummary .postJourneySummaryLink .postJourneySummaryLinkInfoContainer .postJourneySummaryNewLink {
  font-weight: bold;
}
.PostJourneySummary .postJourneySummaryLink .postJourneySummaryLinkInfoContainer .postJourneySummaryReleaseDate {
  font-size: 0.8rem;
  color: #767676;
}
.PostJourneySummary .postJourneySummaryLink .flagContainer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  height: 100%;
  line-height: normal;
  width: 1.75rem;
  min-width: 1.75rem;
  color: #363636;
  column-gap: 0.5rem;
}
.PostJourneySummary .postJourneySummaryLink .flagContainer > * {
  flex: 0 0 auto;
}
@media print {
  .PostJourneySummary .postJourneySummaryLink .flagContainer {
    min-width: 0;
  }
  .PostJourneySummary .postJourneySummaryLink .flagContainer:empty {
    margin-right: 0;
  }
}
.PostJourneySummary .postJourneySummaryLink .flagContainer .flagUnread {
  height: 0.55rem;
  width: 0.55rem;
  display: inline-block;
  border-radius: 100%;
  background-color: #005ebb;
}
@media print {
  .PostJourneySummary .postJourneySummaryLink .flagContainer .flagUnread {
    background-color: #005ebb !important;
    margin: 0;
  }
}
.PostJourneySummary .postJourneySummaryLink ._ExternalLinkIcon {
  width: clamp(16px, 1.847rem, 48px);
  height: clamp(16px, 1.847rem, 48px);
  margin: auto 0.7rem;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 0;
  color: #767676;
}

.ProgressBar progress {
  position: relative;
  height: 1.1rem;
  width: 100%;
  border-radius: 100px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-top: 0.5rem;
  overflow: hidden;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ProgressBar progress::-webkit-progress-bar {
  background-color: #eaeaea;
  -webkit-box-shadow: inset 0 0 0 1px #7a0019;
  -moz-box-shadow: inset 0 0 0 1px #7a0019;
  box-shadow: inset 0 0 0 1px #7a0019;
  border-radius: 100px;
}
@media print {
  .ProgressBar progress::-webkit-progress-bar {
    background-color: transparent;
  }
}
.ProgressBar progress::-webkit-progress-value {
  background-color: #7a0019;
  border-radius: 100px;
  transition: 0.33s;
  transition-timing-function: ease-in-out;
}
.ProgressBar progress::-moz-progress-bar {
  background-color: #7a0019;
  -webkit-box-shadow: inset 0 0 0 1px #7a0019;
  -moz-box-shadow: inset 0 0 0 1px #7a0019;
  box-shadow: inset 0 0 0 1px #7a0019;
  border-radius: 100px;
  transition: 0.33s;
  transition-timing-function: ease-in-out;
}

.StatusBadge[class][class] {
  display: flex;
  align-items: center;
  font-size: 0.8rem;
  font-weight: bold;
  height: fit-content;
  height: -moz-fit-content;
  max-width: max-content;
  padding: 2px 5px;
  border-radius: 4px;
  white-space: nowrap;
}
.StatusBadge.complete {
  background-color: #eafbea;
  border: thin solid #10a341;
}
.StatusBadge.active {
  background-color: #e2f1fe;
  border: thin solid #0085f2;
}

.Timeline {
  margin-top: 1rem;
}
.Timeline .timelineList {
  list-style: none;
}
.Timeline .timelineList li {
  outline: none;
}
@media print {
  .Timeline .timelineList li {
    display: block;
    break-inside: avoid;
  }
}
.Timeline .timelineList > *:not(:first-child) .TimelineStep.currentStep {
  padding-top: 0;
}
.Timeline .timelineList > *:not(:first-child) .TimelineStep.currentStep .stepWrapper {
  padding-top: 1rem;
}
.Timeline .timelineList > *:not(:first-child) .TimelineStep.currentStep .stepIndicator {
  top: calc(1rem - 1px);
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep {
  padding-top: 1rem;
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep .stepWrapper::before {
  content: "";
  height: calc(1rem - 8.6px);
  border-left: 8.6px solid #7a0019;
  position: absolute;
  left: -8.6px;
  top: -1rem;
}
@-moz-document url-prefix() {
  .Timeline .timelineList > *:not(:first-child):last-child .TimelineStep .stepWrapper::before {
    left: -8px;
  }
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep::after {
  content: "";
  height: 17.3px;
  width: 17.3px;
  border-bottom: 8.6px solid #7a0019;
  border-left: 8.6px solid #7a0019;
  position: absolute;
  top: calc(-8.6px - 17.3px + -1px + 1rem);
  transform: rotate(-45deg);
  transform-origin: bottom left;
  left: calc(5.2px + 15.2px + 4.3px + -1px);
}
.mobile .Timeline .timelineList > *:not(:first-child):last-child .TimelineStep::after {
  left: calc(5.2px + 15.2px + 4.3px + 0px);
}
@media screen and (min-width: 769px) {
  .Timeline .timelineList > *:not(:first-child):last-child .TimelineStep::after {
    left: calc(5.2px + 15.2px + 4.3px + 0px);
  }
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep.currentStep {
  padding-top: 2rem;
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep.currentStep::before {
  top: 1rem;
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep.currentStep::after {
  top: calc(-8.6px - 17.3px + -1px + 2rem);
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep.currentStep .stepWrapper {
  padding-top: 0;
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep.currentStep .stepWrapper::before {
  height: calc(2rem - 8.6px);
  top: -2rem;
}
.Timeline .timelineList > *:not(:first-child):last-child .TimelineStep.currentStep .stepIndicator {
  top: -1px;
}
@media print {
  .Timeline .timelineList > *:not(:first-child):last-child .TimelineStep .stepWrapper {
    padding-bottom: 0 !important;
  }
}
.Timeline .timelineList > *:last-child .stepWrapper {
  border-left-color: transparent !important;
}
.Timeline .TimelineStep.shiftDown {
  margin-bottom: -1rem;
}

.TimelineStep {
  padding: 0 8.6px 0 5.2px;
  position: relative;
}
.TimelineStep .stepWrapper {
  border-left: 8.6px solid #7a0019;
  margin-left: 15.2px;
  margin-bottom: -1px;
  padding-bottom: calc(1rem + 1px);
  position: relative;
  width: unset;
  z-index: 1;
}
.TimelineStep .stepIndicator {
  background-color: #ffffff !important;
  border-radius: 50%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
  height: 39px;
  width: 39px;
  display: flex;
  align-items: center;
  position: absolute;
  left: -23.8px;
  top: -1px;
  z-index: 1;
}
.TimelineStep .stepIndicator .assistivetext {
  left: 0;
}
@media print {
  .TimelineStep .stepIndicator {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    border: solid 1px black;
  }
}
.TimelineStep .stepContent {
  margin-left: 26px;
  min-height: 3rem;
  width: unset;
}
.TimelineStep .currentStepText {
  font-weight: bold;
}
.TimelineStep .currentStepText[class] {
  margin-bottom: 0.25rem;
}
.TimelineStep.currentStep {
  padding-top: 1rem;
}
.TimelineStep.currentStep::before {
  background-color: #e4ccd1 !important;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  content: "";
  width: 100%;
  position: absolute;
  bottom: 1rem;
  left: 0;
  top: 0;
}
@media print {
  .TimelineStep.currentStep::before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    height: 100%;
  }
}
.TimelineStep.currentStep .stepWrapper {
  padding-bottom: 2rem;
}
.TimelineStep.currentStep.penultimateStep::before {
  bottom: 0;
}
.TimelineStep.currentStep.penultimateStep .stepWrapper {
  padding-bottom: 1rem;
}
.TimelineStep.hiddenStep .stepWrapper {
  border-left-color: transparent !important;
}
.TimelineStep.hiddenStep .stepWrapper::before {
  content: "";
  position: absolute;
  width: 8.6px;
  height: 100%;
  left: -8.6px;
  background-color: #7a0019;
  -webkit-mask-image: url("../../images/timeline_view_older_border.svg");
  mask-image: url("../../images/timeline_view_older_border.svg");
  mask-repeat: round;
  mask-size: 100% 100%;
}
@-moz-document url-prefix() {
  .TimelineStep.hiddenStep .stepWrapper::before {
    left: -8px;
  }
}
@media print {
  .TimelineStep.hiddenStep .stepWrapper::before {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background-color: black !important;
  }
}
.TimelineStep.hiddenStep .stepWrapper .stepContent {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .TimelineStep.hiddenStep .stepWrapper .stepContent {
    justify-content: center;
  }
}
.TimelineStep.penultimateStep:not(.currentStep) .stepWrapper {
  padding-bottom: 0;
}

/* Copyright 2022 Epic Systems Corporation */
.ActiveCarePlan[class] {
  margin: 0;
  width: 100%;
  height: 100%;
  word-break: break-word;
  display: flex;
  flex-direction: column;
}
.ActiveCarePlan > *[class][class]:last-child {
  margin-bottom: 0.5rem;
}
.ActiveCarePlan .actions {
  flex-grow: 1;
  align-items: flex-end;
}
.ActiveCarePlan .actions[class] {
  justify-content: center;
}
@media print {
  .ActiveCarePlan {
    border: 1px solid #767676;
    break-inside: avoid;
  }
}
.ActiveCarePlan .providerAssignedText {
  color: #767676;
  font-style: italic;
}

.ActiveCarePlansList .activePlansList {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  padding-top: 0.5rem;
}
.ActiveCarePlansList .activePlansList > * {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.5rem 1rem 0.5rem;
}
@media only screen and (min-width: 769px) {
  .ActiveCarePlansList .activePlansList > * {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .ActiveCarePlansList .activePlansList > * {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}

.AvailableCarePlan[class] {
  margin: 0;
  width: 100%;
  height: 100%;
  word-break: break-word;
  display: flex;
  flex-direction: column;
}
.AvailableCarePlan > *[class][class]:last-child {
  margin-bottom: 0.5rem;
}
.AvailableCarePlan .actions {
  flex-grow: 1;
  align-items: flex-end;
}
.AvailableCarePlan .actions[class] {
  justify-content: center;
}
@media print {
  .AvailableCarePlan {
    border: 1px solid #767676;
    break-inside: avoid;
  }
}
.AvailableCarePlan .carePlanDescriptionPreview {
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 4;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.AvailableCarePlansList .availablePlansList {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
.AvailableCarePlansList .availablePlansList > * {
  flex-basis: 100%;
  max-width: 100%;
  padding: 0 0.5rem 1rem 0.5rem;
}
@media only screen and (min-width: 769px) {
  .AvailableCarePlansList .availablePlansList > * {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1025px) {
  .AvailableCarePlansList .availablePlansList > * {
    flex-basis: 33.33%;
    max-width: 33.33%;
  }
}

.CarePlanDetails[class] {
  margin: 0;
  width: 100%;
  height: 100%;
  word-break: break-word;
  display: flex;
  flex-direction: column;
}
.CarePlanDetails > *[class][class]:last-child {
  margin-bottom: 0.5rem;
}
.CarePlanDetails .actions {
  flex-grow: 1;
  align-items: flex-end;
}
.CarePlanDetails .actions[class] {
  justify-content: center;
}
@media print {
  .CarePlanDetails {
    border: 1px solid #767676;
    break-inside: avoid;
  }
}
.CarePlanDetails .taskTypesLabel[class] {
  color: #7a0019;
  margin-bottom: 0.5rem;
}
.CarePlanDetails .disclaimerText {
  white-space: pre-wrap;
  font-size: 0.9rem;
  line-height: 1.1rem;
}
.CarePlanDetails .disclaimerText[class] {
  margin-top: 1rem;
  color: #767676;
}
.CarePlanDetails .descriptionText {
  white-space: pre-wrap;
}

.CarePlanDetailsPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.CarePlanDetailsPage .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.CarePlanDetailsPage .Banner .sectionTitle {
  padding: 0 0 0.125em 0;
}
.CarePlanDetailsPage .Banner .bannerTypeIcon {
  align-self: flex-start;
  flex-shrink: 0;
}
.CarePlanDetailsPage .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.CarePlanDetailsPage .Banner .bannerActions {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
}
.CarePlanDetailsPage .Banner .bannerActions ._command {
  margin: 0 0.25rem;
}
@media screen and (min-width: 769px) {
  .CarePlanDetailsPage .Banner .bannerActions {
    width: auto;
  }
}
.CarePlanDetailsPage .Banner.informational {
  background-color: #e0f1ff;
}
.CarePlanDetailsPage .Banner.informational .sectionTitle {
  color: #7a0019;
}
.CarePlanDetailsPage .Banner.success {
  background-color: #ccffd8;
}
.CarePlanDetailsPage .Banner.success .sectionTitle {
  color: #0f784a;
}
.CarePlanDetailsPage .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.CarePlanDetailsPage .Banner.warning {
  background-color: #ffffd0;
}
.CarePlanDetailsPage .Banner.warning .sectionTitle {
  color: #363636;
}
.CarePlanDetailsPage .Banner.critical {
  background-color: #ffe8e8;
}
.CarePlanDetailsPage .Banner.critical .sectionTitle {
  color: #d80000;
}
.mobile .CarePlanDetailsPage {
  min-height: calc(100vh - 1rem);
}
.datatile .CarePlanDetailsPage {
  min-height: auto;
}
.mobile .CarePlanDetailsPage {
  margin-top: 1rem;
}
.CarePlanDetailsPage .skipToToast {
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  margin-top: -0.5rem;
}
.CarePlanDetailsPage .skipToToast:focus {
  opacity: 1;
}

.CarePlanDetailsPage .skipToToast:focus {
  pointer-events: auto;
}

.CarePlanDetailsPage .skipToToast:focus {
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  .CarePlanDetailsPage .skipToToast {
    margin-top: -1rem;
  }
}
.mobile .CarePlanDetailsPage .skipToToast {
  margin-top: 0.75rem;
}
.CarePlanDetailsPage .CarePlanDetails {
  max-width: 30rem;
}
.mobile .CarePlanDetailsPage ._PageTitle {
  display: none;
}

.CarePlanHeader {
  display: flex;
}
.CarePlanHeader .carePlanIcon {
  height: 48px;
  width: 48px;
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.CarePlanHeader .headingSection {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.CarePlanHeader .carePlanHeading {
  flex-basis: 100%;
  font-size: 1.1rem;
  padding: 0;
}
.CarePlanHeader .durationSection {
  display: flex;
}
.CarePlanHeader .durationIcon {
  color: #767676;
  flex-shrink: 0;
}
.CarePlanHeader .durationText {
  color: #767676;
  align-self: center;
}

.CarePlans {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.CarePlans .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.CarePlans .Banner .sectionTitle {
  padding: 0 0 0.125em 0;
}
.CarePlans .Banner .bannerTypeIcon {
  align-self: flex-start;
  flex-shrink: 0;
}
.CarePlans .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.CarePlans .Banner .bannerActions {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  width: 100%;
}
.CarePlans .Banner .bannerActions ._command {
  margin: 0 0.25rem;
}
@media screen and (min-width: 769px) {
  .CarePlans .Banner .bannerActions {
    width: auto;
  }
}
.CarePlans .Banner.informational {
  background-color: #e0f1ff;
}
.CarePlans .Banner.informational .sectionTitle {
  color: #7a0019;
}
.CarePlans .Banner.success {
  background-color: #ccffd8;
}
.CarePlans .Banner.success .sectionTitle {
  color: #0f784a;
}
.CarePlans .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.CarePlans .Banner.warning {
  background-color: #ffffd0;
}
.CarePlans .Banner.warning .sectionTitle {
  color: #363636;
}
.CarePlans .Banner.critical {
  background-color: #ffe8e8;
}
.CarePlans .Banner.critical .sectionTitle {
  color: #d80000;
}
.mobile .CarePlans {
  min-height: calc(100vh - 1rem);
}
.datatile .CarePlans {
  min-height: auto;
}
.mobile .CarePlans {
  margin-top: 1rem;
}
.CarePlans .skipToToast {
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  margin-top: -0.5rem;
}
.CarePlans .skipToToast:focus {
  opacity: 1;
}

.CarePlans .skipToToast:focus {
  pointer-events: auto;
}

.CarePlans .skipToToast:focus {
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  .CarePlans .skipToToast {
    margin-top: -1rem;
  }
}
.mobile .CarePlans .skipToToast {
  margin-top: 0.75rem;
}
.CarePlans .titleHeading {
  padding-bottom: 0;
}
.mobile .CarePlans .titleHeading {
  display: none;
}

.EnrollmentBanner[class] {
  margin-bottom: 1rem;
}
.EnrollmentBanner ._heading {
  font-size: 1.1rem;
}

.ExploreCarePlans .explorePlansHeader {
  display: flex;
  align-items: center;
  margin: 1rem 0 0.5rem 0;
}
.ExploreCarePlans .explorePlansIcon {
  flex-shrink: 0;
  margin-right: 0.5rem;
}
.ExploreCarePlans .explorePlansHeading {
  padding: 0;
}

.TaskTypesList > * {
  display: flex;
  align-items: center;
}
.TaskTypesList .taskTypeIcon {
  margin-right: 0.5rem;
}

/* Copyright 2024 Epic Systems Corporation */
.ContactInformationSection {
  border: solid 2px #7a0019;
}
@media only screen and (min-width: 1300px) {
  .ContactInformationSection {
    margin-top: 1.5rem;
  }
}
.ContactInformationSection ._PageHeading {
  padding-top: 0;
}
.ContactInformationSection .AutoSyncWidget .icon {
  flex-shrink: 1;
}
.ContactInformationSection .ContactInformation {
  box-shadow: none;
}
.ContactInformationSection .ContactInformation.boundary-strong {
  padding-top: 0;
}
.ContactInformationSection .ContactInformation .grid {
  margin-bottom: 0;
}
@media only screen and (min-width: 1301px) {
  .ContactInformationSection .ContactInformation .grid > .row > .col-6 {
    width: 100%;
  }
  .ContactInformationSection .ContactInformation ._ActionGroup.type-item.flavor-footer {
    justify-content: center;
  }
}

.CentralHomepage .headerRow {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .CentralHomepage .headerRow {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .CentralHomepage .headerRow {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  .CentralHomepage .headerRow {
    min-height: 1px;
  }
}
body.branded .CentralHomepage .headerRow {
  overflow-x: visible;
}
.CentralHomepage .headerRow > * {
  position: relative;
  z-index: 1;
}
.CentralHomepage .headerRow:before {
  background: #f2e6e9;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded .CentralHomepage .headerRow:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
@media screen {
  .CentralHomepage .headerRow {
    min-height: 5.5rem;
  }
}
.CentralHomepage .headerRow:before {
  top: 0;
  height: 100%;
}
.CentralHomepage .headerRow.swoopText, .CentralHomepage .headerRow .swoopText {
  color: #363636;
}
.CentralHomepage .headerRow.swoopText h1, .CentralHomepage .headerRow.swoopText h2, .CentralHomepage .headerRow.swoopText h3, .CentralHomepage .headerRow.swoopText h4, .CentralHomepage .headerRow.swoopText.header, .CentralHomepage .headerRow.swoopText .header, .CentralHomepage .headerRow.swoopText.heading, .CentralHomepage .headerRow.swoopText .heading, .CentralHomepage .headerRow.swoopText._PageHeading, .CentralHomepage .headerRow.swoopText ._PageHeading, .CentralHomepage .headerRow.swoopText._heading, .CentralHomepage .headerRow.swoopText ._heading, .CentralHomepage .headerRow .swoopText h1, .CentralHomepage .headerRow .swoopText h2, .CentralHomepage .headerRow .swoopText h3, .CentralHomepage .headerRow .swoopText h4, .CentralHomepage .headerRow .swoopText.header, .CentralHomepage .headerRow .swoopText .header, .CentralHomepage .headerRow .swoopText.heading, .CentralHomepage .headerRow .swoopText .heading, .CentralHomepage .headerRow .swoopText._PageHeading, .CentralHomepage .headerRow .swoopText ._PageHeading, .CentralHomepage .headerRow .swoopText._heading, .CentralHomepage .headerRow .swoopText ._heading {
  color: #7a0019;
}
.CentralHomepage .headerRow.swoopText a, .CentralHomepage .headerRow.swoopText._Link, .CentralHomepage .headerRow.swoopText ._Link, .CentralHomepage .headerRow .swoopText a, .CentralHomepage .headerRow .swoopText._Link, .CentralHomepage .headerRow .swoopText ._Link {
  background-color: #ffffff;
  border-radius: 0.25rem;
  padding: 0.2rem 0.4rem;
}
.CentralHomepage .headerRow:before {
  top: -1rem;
  filter: saturate(1.75);
}
.CentralHomepage .headerRow .header {
  padding-top: 0;
  padding-bottom: 0;
}
.CentralHomepage .homePageContent {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
@media only screen and (max-width: 1300px) {
  .CentralHomepage .homePageContent {
    flex-direction: column;
    gap: 0rem;
  }
  .CentralHomepage .homePageContent.fullWidth {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
  .CentralHomepage .homePageContent {
    flex-wrap: wrap;
  }
}
@media print {
  .CentralHomepage .homePageContent {
    flex-direction: column;
  }
}
.CentralHomepage .homePageContent .primaryContent {
  flex: 0 1 70%;
}
.CentralHomepage .homePageContent .secondaryContent {
  flex: 1 1 30%;
}
.CentralHomepage .homePageContent :is(._link, ._command).primary.positive {
  background-color: #404d5b;
}
.CentralHomepage .homePageContent :is(._link, ._command).primary.positive:hover {
  background-color: #2b343d;
}

.LinkedAccountSection .centralLinkedAccountList {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(2, 1fr);
}
@media only screen and (max-width: 768px) {
  .LinkedAccountSection .centralLinkedAccountList {
    grid-template-columns: auto;
  }
}
.LinkedAccountSection .centralLinkedAccountList > * {
  margin: 0;
  display: flex;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 0;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard.grayscale {
  filter: grayscale(100%);
  opacity: 0.5;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountLogo {
  height: 50px;
  width: 50px;
  min-height: 50px;
  min-width: 50px;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName {
  display: flex;
  flex-direction: column;
  padding-left: 10px;
  padding-right: 5px;
  word-break: break-word;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName .orgName {
  margin-top: 0;
  margin-bottom: 0;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName .errorText {
  margin-top: 0rem;
  font-size: 0.8rem;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName .friendsAndFamilyButton {
  display: inline-flex;
  align-items: flex-end;
  gap: 1px;
  width: fit-content;
  color: #404d5b;
  margin-left: -3px;
  flex-wrap: wrap;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName .friendsAndFamilyButton[aria-disabled=true] {
  cursor: default;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName .friendsAndFamilyButton .friendsAndFamilyIcon {
  flex-shrink: 0;
  height: 1.1rem;
  width: 1.1rem;
  vertical-align: middle;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCard .linkedAccountName .friendsAndFamilyButton .friendsAndFamilyText {
  font-size: 0.85rem;
  width: auto;
  flex-grow: 0;
  vertical-align: bottom;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCommandContainer {
  padding-right: 5px;
  width: auto;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCommandContainer .linkedAccountCommandAction {
  position: relative;
  z-index: 0;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCommandContainer .linkedAccountCommandAction::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.8rem;
  height: 1.8rem;
  background-color: #404d5b;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCommandContainer .linkedAccountCommandAction:not([aria-disabled=true]):hover::before {
  background-color: #2b343d;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCommandContainer .linkedAccountCommandAction[aria-disabled=true] {
  cursor: default;
}
.LinkedAccountSection .centralLinkedAccountList .linkedAccountCommandContainer .linkedAccountCommandAction .linkedAccountJumpIcon {
  position: relative;
  flex-shrink: 0;
  color: white;
  margin-left: auto;
  min-height: 1.5rem;
  min-width: 1.5rem;
}
.LinkedAccountSection .addItem {
  display: flex;
  width: 49.5%;
  margin-top: 0.75rem;
}
.LinkedAccountSection .addItem .linkContent {
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  border-radius: 6px;
  padding: 10px;
  box-shadow: none;
  justify-content: center;
  gap: 0.5rem;
}
.LinkedAccountSection .addItem .linkContent:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
  background-color: #ffffff;
}
.LinkedAccountSection .addItem ._Text {
  width: auto;
  font-size: 1rem;
}
@media only screen and (max-width: 768px) {
  .LinkedAccountSection .addItem {
    width: 100%;
  }
}

.PopupContent .remoteSubject {
  display: flex;
  padding: 10px 10px 10px 5px;
  align-items: center;
  border-top: 1px solid #dbdbdb;
  width: 20rem;
}
.PopupContent .remoteSubject:first-child {
  border-top: none;
}
.PopupContent .remoteSubject .subjectName {
  width: auto;
  margin: 0;
}
.PopupContent .remoteSubject .subjectIcon {
  margin-right: 10px;
  margin-bottom: 0;
}

/* Copyright 2022-2024 Epic Systems Corporation */
.LocationChoice {
  margin-right: 1.5rem;
  margin-left: 0.5rem;
  overflow-wrap: break-word;
}

.PCPCardContent[class] {
  display: flex;
}
.PCPCardContent .photo {
  width: 5rem;
  margin-top: 0.5rem;
  margin-right: 1rem;
  margin-left: 0.5rem;
}
.PCPCardContent .pcpLocContainer {
  margin-left: 0.5rem;
  min-width: 0;
}
.PCPCardContent .pcpLocContainer .pcpProvName {
  font-size: 1.2rem;
  padding-top: 0.4rem;
  padding-left: 0.4rem;
  overflow-wrap: break-word;
}
.PCPCardContent .noLocationText[class] {
  margin-left: 0.4rem;
  margin-right: 0.2rem;
}

.PCPSection {
  margin-top: -0.4rem;
}

.PCPLocText {
  display: flex;
}
.PCPLocText .pcpText {
  margin-top: 0.3rem;
  margin-right: 1rem;
}
.PCPLocText .pcpText .pcpName {
  margin-top: 0.5rem;
  font-weight: bold;
  overflow-wrap: break-word;
}
.PCPLocText .pcpText .pcpAddrContainer .pcpAddr {
  color: #767676;
  font-size: 0.8rem;
  margin-top: 0;
  margin-bottom: 0;
  overflow-wrap: break-word;
}

.EffectiveDateField {
  margin-top: 0.6rem;
  width: 100%;
}
.EffectiveDateField[class] {
  margin-bottom: 1.8rem;
}
@media screen and (min-width: 768px) {
  .EffectiveDateField {
    width: 32.9%;
  }
}

.SearchBar .chgPCPSearchInputs {
  text-align: start;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  min-height: unset;
  margin-bottom: 1rem;
  padding-right: 1.5rem;
  padding-bottom: 2rem;
}
.SearchBar .chgPCPSearchInputs[class] {
  display: flex;
}
.SearchBar .chgPCPSearchInputs label {
  margin: 0;
}
.SearchBar .chgPCPSearchInputs label::before {
  margin: 0;
}
@media screen and (max-width: 1025px) {
  .SearchBar .chgPCPSearchInputs[class] {
    padding: 0 0 0.5rem 0;
    justify-content: center;
  }
}
.SearchBar .chgPCPSearchInputs .provSearch {
  flex: 0.4;
  align-self: flex-start;
  max-width: calc(768px - 2 * 1.25rem);
}
@media screen and (max-width: 1025px) {
  .SearchBar .chgPCPSearchInputs .provSearch {
    flex-basis: 100%;
    width: 100%;
    flex: none;
  }
}
.SearchBar .chgPCPSearchInputs .provSearch .searchIcon {
  order: -1;
}

@media screen and (max-width: 768px) {
  .SelectPCPCommand {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .SelectPCPCommand[class][class] {
    width: 60%;
    margin-left: 4rem;
  }
}

/* Copyright 2020-2021 Epic Systems Corporation */
.ClinicalReferenceLink ._command {
  color: #404d5b;
  text-align: inherit;
  overflow-wrap: break-word;
}
.ClinicalReferenceLink ._command:is(:focus, :hover) {
  color: #384450;
}

.ClnUpdInput[class][class] {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 2rem;
}
@media screen and (min-width: 769px) {
  .ClnUpdInput[class][class] {
    margin-top: -0.5rem;
  }
}
.ClnUpdInput[class][class] h2, .ClnUpdInput[class][class] h3 {
  padding-top: 0.25rem;
}

.ClnUpdDetailsInput .dateEntry {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ClnUpdDetailsInput .dateEntry {
    width: 25%;
  }
}
.ClnUpdDetailsInput .commentInput {
  width: calc(100% - 2px);
}
.ClnUpdDetailsInput .reactionSelector {
  width: 100%;
}

.ClnUpdSearch h3[class][class], .ClnUpdSearch h2[class][class] {
  padding-top: 0.5rem;
  overflow-wrap: anywhere;
  max-width: calc(100% - 6px);
}
.ClnUpdSearch .searchInput {
  margin-bottom: 1rem;
}
.ClnUpdSearch .addOtherResultButton[class][class] {
  display: inline-block;
  padding: 0 0.2rem 0 0.2rem;
  margin: 0;
  margin-bottom: 1rem;
  margin-left: 0.2rem;
  margin-top: -1px;
  overflow-wrap: anywhere;
}
.mobile .ClnUpdSearch .addOtherResultButton[class][class] {
  padding: 0;
}
.ClnUpdSearch .otherResultHelpText {
  display: inline-block;
  margin-bottom: 1rem;
}
.ClnUpdSearch .addFromSearchLabel[class][class][class] {
  width: fit-content;
  display: inline-block;
  margin-bottom: -1rem;
}
.ClnUpdSearch .selectedHeader, .ClnUpdSearch .selectedH3, .ClnUpdSearch .selectedH2 {
  display: inline-block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ClnUpdSearch .selectedH2 {
  font-size: 1.423828125rem;
}
.ClnUpdSearch .selectedH3 {
  font-size: 1.265625rem;
}
.ClnUpdSearch .results {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ClnUpdSearch .results {
    width: calc(50% - 5px);
    padding-left: 2px;
    padding-right: 2px;
  }
}
.ClnUpdSearch .results[class][class][class] {
  display: inline-flex;
  text-align: inherit;
  overflow-wrap: anywhere;
  border-color: #dbdbdb;
}
.ClnUpdSearch .results > label {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.ClnUpdSearch .selectedPretext[class][class] {
  color: #565656;
  font-size: 0.8888888889rem;
  margin-top: 0;
  margin-bottom: 0.75rem;
}

.ClnUpdSearch > fieldset {
  padding-bottom: 2rem;
}

.ClinicalItemStatusToggle .removalReason {
  margin-top: 0.25rem;
}
.ClinicalItemStatusToggle ._DataEntryLabel {
  border: none;
}

/* Copyright 2021-2022 Epic Systems Corporation */
.ClinicianPhoto {
  border-radius: 50%;
  border: 1px solid #cccccc;
  background-color: rgba(122, 0, 25, 0.6);
  overflow: hidden;
  object-fit: cover;
  display: block;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
  color: transparent;
}
.ClinicianPhoto.small {
  width: 4rem;
  height: 4rem;
}
@media print {
  .ClinicianPhoto.small {
    width: 4rem !important;
    display: inline-block !important;
  }
}
@container (max-width: 10rem) {
  .ClinicianPhoto.small {
    width: 2rem;
    height: 2rem;
    margin: 0.2rem;
  }
}
.ClinicianPhoto.medium {
  width: 4.6rem;
  height: 4.6rem;
}
@media print {
  .ClinicianPhoto.medium {
    width: 4.6rem !important;
    display: inline-block !important;
  }
}
@container (max-width: 10rem) {
  .ClinicianPhoto.medium {
    width: 2.3rem;
    height: 2.3rem;
    margin: 0.2rem;
  }
}
.ClinicianPhoto.large {
  width: 100%;
  height: 100%;
}
@media print {
  .ClinicianPhoto.large {
    width: 100% !important;
    display: inline-block !important;
  }
}

.ClinicianPreview {
  container-type: inline-size;
}
.ClinicianPreview .clinicianName {
  padding-bottom: 0;
  margin: auto;
}
@container (max-width: 10rem) {
  .ClinicianPreview .clinicianName {
    margin-top: 0rem;
    word-break: break-all;
  }
}
.ClinicianPreview .subtext {
  color: #767676;
  font-size: 0.8rem;
  line-height: 1rem;
}
@container (max-width: 10rem) {
  .ClinicianPreview .subtext {
    margin-left: 0rem;
  }
}
.ClinicianPreview .subtext:not(:only-child) {
  margin: 0;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.ConversationDetails {
  --conversation-header-height: 0px;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .ConversationDetails {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .ConversationDetails {
  margin-top: -0.5rem;
}
.mobile .ConversationDetails {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .ConversationDetails {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .ConversationDetails {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .ConversationDetails {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .ConversationDetails {
    margin-top: -0.75rem;
  }
  .mobile .ConversationDetails {
    margin-top: 0;
  }
}
.mobile .ConversationDetails {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .ConversationDetails {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .ConversationDetails {
    margin-top: 0;
  }
  .mobile .ConversationDetails {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .ConversationDetails {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
.ConversationDetails .ConversationHeader {
  border-bottom: 1px solid #cccccc;
  position: relative;
  top: 0;
}
@media print {
  .ConversationDetails .ConversationHeader {
    border: none;
  }
}
.ConversationDetails .ConversationMessages {
  padding: 0.75rem;
}
.ConversationDetails .ConversationMessages .skipToRelevant,
.ConversationDetails .ConversationMessages .skipToToast {
  top: 8rem;
  top: calc(var(--wp-header-height) + var(--conversation-header-height) + 0.75rem);
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
}
.ConversationDetails .ConversationMessages .skipToRelevant:focus,
.ConversationDetails .ConversationMessages .skipToToast:focus {
  opacity: 1;
}

.ConversationDetails .ConversationMessages .skipToRelevant:focus,
.ConversationDetails .ConversationMessages .skipToToast:focus {
  pointer-events: auto;
}

.ConversationDetails .ConversationMessages ._LoadMoreCommand.finished {
  margin: 0px;
}
.ConversationDetails .ConversationMessages .outOfContactBanner ._Banner {
  padding: 0rem;
}
.ConversationDetails .ConversationMessages .outOfContactBanner ._readOnlyText {
  font-size: 1rem;
}
.ConversationDetails .ConversationMessages .outOfContactBanner .contentColumn {
  width: auto;
  flex-grow: 1;
  padding: 0.375rem;
  padding-left: 0.5rem;
  padding-right: 0px;
}
.ConversationDetails .ConversationMessages .outOfContactBanner .contentColumn .detailText {
  width: auto;
  display: inline;
  padding-right: 0.25rem;
}
.ConversationDetails .ConversationMessages .outOfContactBanner ._SvgSprite {
  width: clamp(16px, 1.385rem, 48px);
  height: clamp(16px, 1.385rem, 48px);
  fill: unset;
}
.ConversationDetails .ConversationMessages .outOfContactBanner .bannerText {
  display: inline-block;
  padding: 0rem;
}
.ConversationDetails .ConversationMessages .outOfContactBanner .popupCmd {
  display: inline-block;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
.mobile .ConversationDetails .ConversationMessages .outOfContactBanner .popupCmd {
  padding: 0px;
}
.ConversationDetails .ConversationMessages .outOfContactBanner ._ItemWithActionGroup {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.ConversationDetails .ConversationMessages .outOfContactBanner .bannerActions {
  flex-direction: row-reverse;
  align-self: flex-start;
  justify-content: space-between;
  padding: 0px;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  width: auto;
}
.ConversationDetails .ConversationMessages .outOfContactBanner .bannerActions ._Command {
  width: auto;
  max-width: 100%;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin: 0px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: wrap;
}
.ConversationDetails .ConversationMessages .ConversationReply.cannotReply {
  position: static;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer {
  min-height: 0px;
  height: auto;
}
.mobile .ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer textarea {
  padding-top: 0px;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .MessageBodyInput textarea {
  margin-left: 0px;
  margin-top: -1.25rem;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .childrenWrapper {
  position: relative;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .scrollableSection {
  height: 240px;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .sendMsg {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .UploadedFileList {
  padding-top: 0.25rem;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .ComposeDisclaimer {
  border-top: 0px;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .viewerHeader {
  display: flex;
  padding: 0rem 0.5rem 0rem 0.5rem;
  align-items: flex-start;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .viewerHeader .Viewers {
  padding: unset;
  width: 100%;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .viewerHeader .Viewers ._DataEntrySet-fields {
  max-height: 100%;
}
.ConversationDetails .ConversationMessages .ConversationReply .ReplyComposer .viewerHeader .Viewers ._DataEntrySet-legend {
  padding-right: 0.25rem;
}
.ConversationDetails .ConversationMessages .replySegment {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ConversationDetails .ConversationMessages .replySegment .replyButton {
  margin: 0;
}
@media print {
  .ConversationDetails .ConversationMessages .replySegment .replyButton {
    display: none;
  }
}
.mobile .ConversationDetails .ConversationMessages .replySegment .replyButton.aboveDrawer {
  margin-bottom: 2.5rem;
}
.ConversationDetails .ConversationMessages .replySegment .replyButton.aboveDrawer {
  margin-bottom: 2rem;
}
.ConversationDetails .ConversationMessages .replySegment .cannotReplyString {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  width: auto;
}
.ConversationDetails .ConversationMessages .replySegment .cannotReplyString.hasDraft {
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
  .ConversationDetails .ConversationMessages .replySegment .cannotReplyString {
    text-align: center;
  }
}
.ConversationDetails .ConversationMessages .listCount {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  text-align: center;
}
.ConversationDetails .ConversationMessages .mostRelevantMessageTarget.messageWrapperTarget {
  display: flex;
  flex-wrap: wrap;
}
.ConversationDetails.full {
  display: flex;
  flex-wrap: wrap;
}
@media print {
  .ConversationDetails.full {
    display: block;
  }
}
@media screen and (min-height: 750px) {
  .ConversationDetails.full .ConversationMessages,
  .ConversationDetails.full .participantLists {
    height: calc(100vh - (8.7rem + 2.75rem + 7.75rem));
    height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 7.75rem));
  }
  .mobile .ConversationDetails.full .ConversationMessages,
  .mobile .ConversationDetails.full .participantLists {
    height: calc(100vh - 7.75rem);
  }
  .datatile .ConversationDetails.full .ConversationMessages,
  .datatile .ConversationDetails.full .participantLists {
    height: auto;
  }
}
@media screen and (min-height: 750px) {
  .ConversationDetails.full .ConversationMessages,
  .ConversationDetails.full .participantLists {
    height: calc(100vh - (8.7rem + 2.75rem + var(--conversation-header-height)));
    height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + var(--conversation-header-height)));
  }
  .mobile .ConversationDetails.full .ConversationMessages,
  .mobile .ConversationDetails.full .participantLists {
    height: calc(100vh - var(--conversation-header-height));
  }
  .datatile .ConversationDetails.full .ConversationMessages,
  .datatile .ConversationDetails.full .participantLists {
    height: auto;
  }
}
.ConversationDetails.full .participantLists {
  padding: 0.75rem;
  width: 325px;
  border-right: 1px solid #cccccc;
}
@media screen and (max-width: 1300px) {
  .ConversationDetails.full .participantLists {
    width: 275px;
  }
}
@media print {
  .ConversationDetails.full .participantLists {
    border: none;
    width: 100%;
  }
}
.ConversationDetails.full .ConversationMessages {
  overflow-y: auto;
}
@media print {
  .ConversationDetails.full .ConversationMessages {
    display: block;
  }
}
@media screen {
  .ConversationDetails.full .ConversationMessages {
    width: calc(100% - 325px);
  }
}
@media screen and (max-width: 1300px) {
  .ConversationDetails.full .ConversationMessages {
    width: calc(100% - 275px);
  }
}
@media print {
  .ConversationDetails.full .ConversationMessages {
    border-top: 1px solid #565656 !important;
    padding-top: 1rem !important;
  }
}
.ConversationDetails.full .replySegment .replyButton {
  flex-shrink: 0;
  min-width: 20%;
}
.ConversationDetails.full .replySegment .cannotReplyString {
  flex-grow: 1;
  min-width: 0;
}
.ConversationDetails.full .ReplyComposer .MessageComposer {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.ConversationDetails.condensed .ConversationMessages {
  display: flex;
  flex-direction: column;
}
@media screen {
  .ConversationDetails.condensed .ConversationMessages {
    min-height: calc(90vh - var(--wp-header-height));
  }
}
.ConversationDetails.condensed .ConversationMessages .messagesScrollRegion:not(.replyDisabled) {
  flex-grow: 1;
}
.datatile .ConversationDetails.condensed .ConversationMessages {
  min-height: 0px;
}
.ConversationDetails.condensed .replySegment .replyButton {
  width: 100%;
}

.ConversationHeader .headingFlexedInfo {
  padding: 0 0.75rem;
  display: flex;
  align-items: flex-end;
}
@media screen {
  .ConversationHeader .headingFlexedInfo {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo {
    flex-wrap: wrap;
  }
}
.ConversationHeader .headingFlexedInfo .heading {
  flex-grow: 1;
  padding-top: 0.75rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
.mobile .ConversationHeader .headingFlexedInfo .heading {
  display: none;
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo .heading {
    padding-top: 0.5rem;
    margin-bottom: -0.5rem;
  }
}
.ConversationHeader .headingFlexedInfo .backToListLink {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0 0.5rem;
}
.ConversationHeader .headingFlexedInfo .backToListLink ._Icon {
  margin-right: 0.25rem;
  /*rtl:raw:
  	transform: scaleX(-1);
  */
}
@media print {
  .ConversationHeader .headingFlexedInfo .backToListLink {
    display: none;
  }
}
.ConversationHeader .headingFlexedInfo .subject {
  padding-top: 0;
  overflow-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo .subject {
    font-size: 1.25rem;
    padding-bottom: 0;
  }
}
.ConversationHeader .headingFlexedInfo .headerChildren {
  container-type: inline-size;
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo .headerChildren {
    flex-grow: 1;
    width: calc(100vw - 9rem);
    position: relative;
    margin-top: 0.5rem;
  }
  .ConversationHeader .headingFlexedInfo .headerChildren .ConversationParticipantsCommand._command, .mobile .ConversationHeader .headingFlexedInfo .headerChildren .ConversationParticipantsCommand._command {
    display: inline-flex;
    padding: 0.5rem 0 0.2rem 0;
    max-width: 100%;
    margin: 0;
    padding-left: 0.35rem;
  }
  .mobile .ConversationHeader .headingFlexedInfo .headerChildren .ConversationParticipantsCommand._command {
    margin-top: 0.5rem;
  }
  .mobile .ConversationHeader .headingFlexedInfo .headerChildren {
    width: calc(100vw - 9.35rem);
  }
}
@container (width < 10rem) {
  .ConversationHeader .headingFlexedInfo .headerChildren .groupChatIcon, .mobile .ConversationHeader .headingFlexedInfo .headerChildren .groupChatIcon,
  .ConversationHeader .headingFlexedInfo .headerChildren .emblemGroupChatIcon, .mobile .ConversationHeader .headingFlexedInfo .headerChildren .emblemGroupChatIcon {
    display: none;
  }
  .ConversationHeader .headingFlexedInfo .headerChildren .participantSubjectContainer {
    margin-left: 0;
  }
}
.ConversationHeader .headingFlexedInfo .ConversationParticipantsCommand:hover {
  text-decoration: none;
}
.ConversationHeader .headingFlexedInfo .ConversationParticipantsCommand .ParticipantPhoto {
  flex-shrink: 0;
}
.ConversationHeader .headingFlexedInfo .commands {
  display: flex;
  width: auto;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo .commands {
    align-self: stretch;
  }
  .ConversationHeader .headingFlexedInfo .commands::before {
    content: "";
    width: 1px;
    margin: 0.375rem 0.75rem;
    background: rgba(118, 118, 118, 0.25);
    flex-shrink: 0;
  }
}
@media print {
  .ConversationHeader .headingFlexedInfo .commands {
    display: none;
  }
}
.ConversationHeader .headingFlexedInfo .commands .ConversationCommand, .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand {
  flex-shrink: 0;
  justify-content: center;
}
.ConversationHeader .headingFlexedInfo .commands .ConversationCommand._command, .mobile .ConversationHeader .headingFlexedInfo .commands .ConversationCommand._command, .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand._command, .mobile .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand._command {
  display: flex;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.mobile .ConversationHeader .headingFlexedInfo .commands .ConversationCommand._command, .mobile .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand._command {
  margin-top: 0;
  margin-bottom: 0;
}
.ConversationHeader .headingFlexedInfo .commands .ConversationCommand ._readOnlyText, .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand ._readOnlyText {
  margin: 0 0.25rem;
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo .commands .ConversationCommand ._readOnlyText, .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand ._readOnlyText {
    color: transparent !important;
    display: block !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 0 !important;
  }
}
.ConversationHeader .headingFlexedInfo .commands .ConversationCommand ._Icon, .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand ._Icon {
  /*rtl:raw:
  	transform: scaleX(-1);
  */
}
.ConversationHeader .headingFlexedInfo .commands .ConversationCommand:not(:first-child), .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand:not(:first-child) {
  margin-left: 0.375rem;
}
.ConversationHeader .headingFlexedInfo .commands .ConversationCommand:not(:last-child), .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand:not(:last-child) {
  margin-right: 0.375rem;
}
@media screen and (max-width: 768px) {
  .ConversationHeader .headingFlexedInfo .commands .ConversationCommand, .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .ConversationHeader .headingFlexedInfo .commands .ConversationCommand:not(:first-child), .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand:not(:first-child) {
    margin-left: 0.1rem;
  }
  .ConversationHeader .headingFlexedInfo .commands .ConversationCommand:not(:last-child), .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand:not(:last-child) {
    margin-right: 0.1rem;
  }
}
.ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand ._InternalImage {
  width: 32px;
  height: 32px;
}
@media screen and (min-width: 769px) {
  .mobile .ConversationHeader .headingFlexedInfo .commands {
    width: 100%;
  }
  .mobile .ConversationHeader .headingFlexedInfo .commands .ConversationCommand, .mobile .ConversationHeader .headingFlexedInfo .commands .ConversationToggleCommand {
    flex-grow: 1;
  }
}
.ConversationHeader .groupChatIcon {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  min-width: 2.5rem;
}
.ConversationHeader .singlePhoto {
  background-color: #7a0019;
}
.ConversationHeader .singlePhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ConversationHeader .doublePhoto {
  width: 100%;
  height: 100%;
  z-index: -1;
  border: none;
}
.ConversationHeader .doublePhoto.left, .ConversationHeader .doublePhoto.right {
  position: relative;
  border-radius: 25%;
}
.ConversationHeader .doublePhoto.left {
  clip-path: inset(0 25% 0 0);
  /*rtl:raw: clip-path: inset(0 0 0 25%); */
  transform: translateX(-25%);
}
.ConversationHeader .doublePhoto.right {
  top: -2.5rem;
  clip-path: inset(0 0 0 25%);
  /*rtl:raw: clip-path: inset(0 25% 0 0); */
  transform: translateX(25%);
}
.ConversationHeader .doublePhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ConversationHeader :not(div).doublePhoto {
  background-color: #7a0019;
}
.ConversationHeader div.doublePhoto.right {
  transform: translateX(25%);
  font-size: 1.5rem;
}
.ConversationHeader .emblemGroupChatIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.ConversationHeader .emblemGroupChatIcon svg {
  color: #7a0019;
  background-image: radial-gradient(circle at 50%, gray 65%, transparent calc(65% + 1px));
  width: 2.5rem;
  height: 2.5rem;
}
.ConversationHeader .participantContainer span:hover {
  text-decoration: underline;
}
.ConversationHeader .participantContainer span.displayName {
  padding-right: 1rem;
}
.ConversationHeader .participantSubjectContainer {
  min-width: 0;
  margin-left: 1rem;
  top: -0.2rem;
  position: relative;
  text-align: left;
}
.ConversationHeader .ContextDisclosure::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: rgba(118, 118, 118, 0.25);
  margin-bottom: 10px;
  flex-shrink: 0;
}

.ConversationMessages .SignupBanner {
  margin-bottom: 1.25rem;
}
.ConversationMessages .paneHeading {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.ConversationMessages .messagesScrollRegion {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media print {
  .ConversationMessages .messagesScrollRegion {
    display: block;
  }
}
@media screen {
  .ConversationMessages .messagesScrollRegion {
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000000 0.75rem, #000000 calc(100% - 0.75rem), transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000000 0.75rem, #000000 calc(100% - 0.75rem), transparent 100%);
    padding-top: 0.75rem;
    margin-top: -0.375rem;
  }
  .ConversationMessages .messagesScrollRegion:after {
    content: "";
    border: 1px solid transparent;
    padding-bottom: 0.75rem;
  }
}
.ConversationMessages .messagesScrollRegion .ExpectReplyDisclaimer {
  text-align: center;
}
.ConversationMessages .messagesScrollRegion .ExpectReplyDisclaimer .mainText {
  color: #565656;
}
.ConversationMessages .messagesScrollRegion .ExpectReplyDisclaimer .subtext {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
}
@media only screen and (max-width: 768px) {
  .ConversationMessages .messagesScrollRegion .ExpectReplyDisclaimer > img {
    transform: scale(0.8);
  }
}
.ConversationMessages ul.messageList {
  padding: 1px;
}
.ConversationMessages ul.messageList .messageWrapper:has(.Message.fromUs) {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.ConversationMessages ul.messageList > li {
  display: flex;
  flex-wrap: wrap;
  padding: 1px;
}

.LastViewedByStaffSeparator {
  display: flex;
  align-self: stretch;
  margin: 1rem 0;
  color: #565656;
}
.LastViewedByStaffSeparator .lastViewedLabel {
  flex-shrink: 0;
  padding: 0 0.5rem 0 0;
}
.LastViewedByStaffSeparator::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #dbdbdb;
  align-self: center;
}
@media print {
  #content .LastViewedByStaffSeparator::after {
    background: #565656;
  }
}

.MessageAttachments .listTitle,
.mobile .MessageAttachments .listTitle {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #000000;
  line-height: normal;
}

.MessageTasks .listTitle,
.mobile .MessageTasks .listTitle {
  margin: 0.5rem 0 0;
  font-size: 0.8rem;
  color: #000000;
  line-height: normal;
}

.mobile .ParticipantList {
  text-align: left;
}
.ParticipantList .listTitle {
  padding: 0;
}
@media print {
  .ParticipantList .listTitle {
    display: inline-block;
    padding: 0;
    width: auto;
    margin-right: 0.25rem;
    margin-top: 0.25rem;
    font-size: initial;
  }
  .ParticipantList .listTitle::after {
    content: ":";
  }
}
.ParticipantList .ParticipantDisplay {
  padding: 0.5rem 0;
}
.ParticipantList .ParticipantDisplay:last-child {
  padding-bottom: 0;
}
@media print {
  .ParticipantList .ParticipantDisplay {
    display: inline-block;
    padding: 0;
    width: auto;
  }
  .ParticipantList .ParticipantDisplay:not(:last-of-type)::after {
    position: static;
    display: inline;
    content: ", ";
    margin-right: 0.25rem;
  }
  .ParticipantList .ParticipantDisplay .displayName {
    font-size: initial;
  }
}
.ParticipantList:not(:first-child) {
  padding-top: 0.75rem;
}

._PopupContainer:nth-child(2) ._Popup.size-20:has(.ParticipantList) {
  min-width: 90vw;
}

.TaskList div.PillButton.complete.Task {
  width: auto;
  pointer-events: none;
}

.UnreadSeparator {
  display: flex;
  align-self: stretch;
  margin: 1rem 0;
  color: #005ebb;
  margin-top: 0px;
}
.UnreadSeparator .unreadLabel {
  flex-shrink: 0;
  padding: 0 0.5rem 0 0;
}
.UnreadSeparator::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #dbdbdb;
  align-self: center;
}
@media print {
  #content .UnreadSeparator::after {
    background: #565656;
  }
}
.UnreadSeparator .numUnread {
  margin-right: 0.25rem;
  background: #005ebb;
  color: #ffffff;
  border-radius: 1rem;
  padding: 0 0.65rem;
  width: auto;
}
@media print {
  .UnreadSeparator .numUnread {
    background: #005ebb !important;
    color: #ffffff !important;
  }
}

.ActionSuggestionCard {
  max-width: 23rem;
  container-type: inline-size;
}
.ActionSuggestionCard.boundary-strong {
  width: 100%;
}
.ActionSuggestionCard .ActionAccordion {
  margin-bottom: 0;
}
.ActionSuggestionCard .ActionAccordionItem ._ExpandCommand {
  position: relative;
  width: 100%;
  z-index: 2;
}
.ActionSuggestionCard .ActionAccordionItem:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
@media print {
  .ActionSuggestionCard .ActionAccordionItem:not(:last-child)::after {
    background-color: #000000;
  }
}
.ActionSuggestionCard .ActionSuggestionItem {
  position: relative;
  width: 100%;
  text-align: left;
  align-items: center;
  padding-right: 2rem;
  display: flex;
  gap: 0.3rem;
  margin-top: 0.5rem;
}
@container (max-width: 10em) {
  .ActionSuggestionCard .ActionSuggestionItem .actionIcon {
    display: none;
  }
}
.ActionSuggestionCard .ActionItemDetails {
  position: relative;
  margin-bottom: 0.5rem;
}
.ActionSuggestionCard .ActionItemDetails ._Text {
  position: relative;
  margin-top: 0.25rem;
  z-index: 2;
}
.ActionSuggestionCard .ActionSuggestionBanner {
  margin-top: 0;
  word-wrap: break-word;
}
@container (max-width: 10em) {
  .ActionSuggestionCard .ActionSuggestionBanner .bannerContent {
    flex-wrap: wrap;
  }
}
.ActionSuggestionCard .ActionSuggestionBanner .bannerText {
  padding-left: 0;
}
.ActionSuggestionCard .ActionSuggestionBanner .bannerIcon {
  margin-right: 0.5em;
}
.ActionSuggestionCard .actionCardHeader {
  padding: 0;
}
.ActionSuggestionCard .arrowIcon {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  fill: #767676;
}
.ActionSuggestionCard .detailsHeader {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.3rem;
}
.ActionSuggestionCard .detailsHeader h3 {
  padding: 0;
  color: black;
}
.ActionSuggestionCard .detailsLink {
  width: fit-content;
  min-width: 60%;
  z-index: 2;
}
.ActionSuggestionCard[class] .expandIcon.expanded {
  transform: scaleY(-1) translateY(50%);
}
.ActionSuggestionCard[class] .detailsLink {
  margin: 0.5rem auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ActionSuggestionCardWrapper {
  display: flex;
  align-self: stretch;
  margin: -0.5rem 0.3rem 1rem;
}
.ActionSuggestionCardWrapper[class][class][class][class][class][class][class][class][class] .ActionSuggestionCard {
  margin-left: auto;
}

.CommunicationCenter {
  min-height: calc(100vh - (8.7rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 1rem));
}
.mobile .CommunicationCenter {
  min-height: calc(100vh - 1rem);
}
.datatile .CommunicationCenter {
  min-height: auto;
}
.CommunicationCenter .commCenterMain .skipToToast {
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  margin-top: -0.5rem;
}
.CommunicationCenter .commCenterMain .skipToToast:focus {
  opacity: 1;
}

.CommunicationCenter .commCenterMain .skipToToast:focus {
  pointer-events: auto;
}

.CommunicationCenter .commCenterMain .skipToToast:focus {
  z-index: 1000;
}

@media screen and (max-width: 1024px) {
  .CommunicationCenter .commCenterMain .skipToToast {
    margin-top: -1rem;
  }
}
.mobile .CommunicationCenter .commCenterMain .skipToToast {
  margin-top: 0.75rem;
}
.mobile .CommunicationCenter .commCenterMain .RecallOnboardingCommand._command.tertiary {
  display: none;
}
.CommunicationCenter .commCenterTitle {
  padding-bottom: 0;
}
@media screen and (min-width: 1025px) {
  .CommunicationCenter .commCenterTitle {
    width: 25%;
    position: relative;
  }
  .CommunicationCenter .commCenterTitle::after {
    content: "";
    position: absolute;
    right: 0;
    top: -0.5rem;
    bottom: -2rem;
    border-right: 1px solid #cccccc;
    transform: translateY(2px);
  }
}
@media screen {
  .mobile .CommunicationCenter .commCenterTitle {
    display: none;
  }
}

.ConversationList.isSearching .someMatches, .ConversationList.isSearching ._LoadMoreCommand {
  display: none;
}
.ConversationList .someMatches {
  padding-top: 0.75rem;
  text-align: center;
}
.ConversationList._LoadMoreList ._StatusMessage {
  display: none;
}

ul.ConversationList {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  padding: 0;
}
ul.ConversationList:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media print {
  ul.ConversationList {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .mobile ul.ConversationList {
    width: 100%;
    margin: 0;
    box-shadow: none;
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
  }
}
@media print {
  ul.ConversationList {
    display: block;
  }
}
@media print {
  ul.ConversationList li {
    display: inline-block;
    break-inside: avoid;
    width: 100%;
  }
}
ul.ConversationList > li:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
@media print {
  ul.ConversationList > li:not(:last-child)::after {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media print {
  ul.ConversationList > li:not(:last-child)::after {
    background-color: #000000;
    width: 100%;
  }
}

.ConversationListStatus {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  overflow-wrap: break-word;
  display: inline;
}
@media screen and (min-width: 1301px) {
  .ConversationListStatus {
    width: 100%;
    position: relative;
    top: -0.5rem;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
  .ConversationListStatus {
    width: 100%;
    position: relative;
    top: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .ConversationListStatus {
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
  }
  .mobile .ConversationListStatus {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

.ConversationPreview.unread .senderName, .ConversationPreview.unread .subject, .ConversationPreview.unread .timestamp {
  font-weight: bold;
}
.ConversationPreview.unread .senderName, .ConversationPreview.unread .subject, .ConversationPreview.unread .timestamp,
.ConversationPreview.unread .previewText {
  color: #000000;
}
.ConversationPreview.unread .ParticipantPhoto:not([class*=color]) {
  border-color: #005ebb;
}
.ConversationPreview.unread .ParticipantPhoto[class*=color] {
  box-shadow: 0 0 0 2px #005ebb;
}
.ConversationPreview.urgent {
  background: #ffffd0;
}
.ConversationPreview.urgent .main:is(:focus, :hover) {
  background-color: #fffbf2;
  text-decoration: none;
}

.ConversationPreview .main {
  width: 100%;
  text-align: left;
  padding: 0.75rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.75rem;
  container-type: inline-size;
}
.ConversationPreview .main:not(:last-child) {
  padding-bottom: 0px;
}
.ConversationPreview .main:is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media print {
  .ConversationPreview .main {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@container (width < 12.5rem) {
  .ConversationPreview .main .previewPhoto:where(:not(:has(.externalMarker))) {
    display: none;
  }
  .ConversationPreview .main .previewPhoto .groupChatIcon,
  .ConversationPreview .main .previewPhoto .emblemGroupChatIcon {
    display: none;
  }
  .ConversationPreview .main .previewPhoto .externalMarker {
    position: static;
  }
  .ConversationPreview .main .flagContainer {
    min-width: auto;
    flex-shrink: 0;
  }
  .ConversationPreview .main .flagContainer:empty {
    display: none;
  }
}
.ConversationPreview .subjectSegment {
  min-width: 0;
}
.ConversationPreview .senderName {
  font-size: 1.265625rem;
  color: #363636;
  display: block;
  margin-top: 0.2rem;
  word-wrap: break-word;
}
.ConversationPreview .timestamp {
  color: #565656;
  white-space: nowrap;
}
.ConversationPreview .timestamp[class] {
  line-height: 1.5rem;
}
.ConversationPreview .urgentIndicator {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 0.375rem;
}
.ConversationPreview:has(.draftIndicator) .urgentIndicator {
  vertical-align: text-top;
}
.ConversationPreview .draftIndicator {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  color: #935d15;
  background: #ffe8c9;
  border: 1px solid #ffa020;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
  margin: calc(0.125rem - 1px) 0.375rem calc(0.125rem - 1px) 0;
}
.ConversationPreview .draftIndicator > * {
  flex: 0 0 auto;
}
.ConversationPreview .draftIndicator .draftIndicatorText {
  line-height: 1rem;
  flex-shrink: 1;
  word-wrap: break-word;
}
.ConversationPreview .subject {
  font-size: 1.423828125rem;
  color: #000000;
  word-wrap: break-word;
  display: inline;
}
.ConversationPreview .flagContainer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
  line-height: normal;
  width: auto;
  color: #363636;
  column-gap: 0.5rem;
  min-width: 2.5rem;
}
.ConversationPreview .flagContainer > * {
  flex: 0 0 auto;
}
@media print {
  .ConversationPreview .flagContainer {
    min-width: 0;
  }
  .ConversationPreview .flagContainer:empty {
    margin-right: 0;
  }
}
.ConversationPreview .flagHasAttachment {
  transform: rotate(30deg);
  flex-grow: 1;
}
.ConversationPreview .flagHasUrgentMessage {
  height: clamp(16px, 1rem, 48px);
  width: clamp(16px, 1rem, 48px);
  margin: 0 -0.2rem 0 -0.1rem;
}
.ConversationPreview .flagUnread {
  height: 0.6rem;
  width: 0.6rem;
  display: inline-block;
  border-radius: 1rem;
  background-color: #005ebb;
}
@media print {
  .ConversationPreview .flagUnread {
    background-color: #005ebb !important;
    margin: 0;
  }
}
.ConversationPreview .previewLine {
  display: flex;
  width: 100%;
  align-items: center;
  flex-basis: 100%;
  column-gap: 0.75rem;
}
.ConversationPreview .previewLine .previewText {
  /*rtl:raw:
  	direction: ltr;
  */
}
.ConversationPreview ._readOnlyText {
  vertical-align: unset;
}
.ConversationPreview .previewText {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  color: #565656;
  display: inline-block;
  line-height: normal;
}
.ConversationPreview .previewText.noContent {
  font-style: italic;
}
.ConversationPreview .previewPhoto {
  position: relative;
  flex-shrink: 0;
}
@media print {
  .ConversationPreview .previewPhoto {
    margin-right: 0;
  }
}
.ConversationPreview .previewPhoto .groupChatIcon {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  min-width: 2.5rem;
}
.ConversationPreview .previewPhoto .singlePhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ConversationPreview .previewPhoto :not(div).singlePhoto {
  background-color: #7a0019;
}
.ConversationPreview .previewPhoto .doublePhoto {
  border-radius: 25%;
  position: relative;
}
.mobile .ConversationPreview .previewPhoto .doublePhoto {
  width: 2.5rem;
  height: 2.5rem;
}
.ConversationPreview .previewPhoto .doublePhoto.left {
  clip-path: inset(0 25% 0 0);
  /*rtl:raw: clip-path: inset(0 0 0 25%); */
  transform: translateX(-25%);
}
.ConversationPreview .previewPhoto .doublePhoto.left.ParticipantPhoto {
  border: none;
}
.ConversationPreview .previewPhoto .doublePhoto.right {
  clip-path: inset(0 0 0 25%);
  /*rtl:raw: clip-path: inset(0 25% 0 0); */
  transform: translateX(25%);
}
.ConversationPreview .previewPhoto .doublePhoto.right.ParticipantPhoto {
  transform: translateX(25%) translateY(-10%);
  font-size: 1.5rem;
  border: hidden;
  height: 2.7rem;
  top: -2.6rem;
  /*rtl:raw: top: -2.8rem; */
}
.ConversationPreview .previewPhoto :not(div).doublePhoto {
  background-color: #7a0019;
}
.ConversationPreview .previewPhoto .emblemGroupChatIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}
.ConversationPreview .previewPhoto .emblemGroupChatIcon svg {
  color: #7a0019;
  background-image: radial-gradient(circle at 50%, gray 65%, transparent calc(65% + 1px));
  width: 2.5rem;
  height: 2.5rem;
}
.ConversationPreview .previewPhoto .externalMarker {
  position: absolute;
  left: calc(2.5rem - 1.15rem);
  top: calc(2.5rem - 0.85rem);
  box-sizing: content-box;
  background-color: #ffffff;
  padding: 3px;
  border-radius: 100%;
  border: 1px solid #cccccc;
}
.ConversationPreview .previewPhoto .externalMarker.orgLogo {
  box-sizing: inherit;
  padding: 0px;
}
.ConversationPreview .subjectNameTimestamp {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  flex-grow: 1;
  flex-basis: 1%;
  min-width: 0;
}
.ConversationPreview .subjectAndSender {
  flex-grow: 1;
  width: auto;
  min-width: 0;
}

.ConversationListPicker [role=tablist] .childrenWrapper, .ConversationListPicker [role=tabpanel] .childrenWrapper {
  height: auto;
}
@media screen and (min-width: 1025px) {
  .ConversationListPicker [role=tablist][class], .ConversationListPicker [role=tabpanel][class] {
    padding-bottom: 0;
    position: relative;
  }
}
.ConversationListPicker [aria-haspopup=listbox] {
  color: #404d5b;
}
@media screen and (max-width: 1024px) {
  .mobile .ConversationListPicker [aria-haspopup=listbox], .mobile .ConversationListPicker [role=listbox] li {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
}
.ConversationListPicker .sendNewMessage {
  width: calc(100% - 1.25rem);
}
@media screen and (max-width: 1024px) {
  .ConversationListPicker .sendNewMessage {
    width: 100%;
  }
  .mobile .ConversationListPicker .sendNewMessage {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
  }
  .datatile .ConversationListPicker .sendNewMessage {
    margin-top: 0px;
    margin-bottom: 1rem;
  }
  .ConversationListPicker .sendNewMessage.aboveDrawer {
    margin-bottom: 2.5rem;
  }
  .mobile .ConversationListPicker .sendNewMessage.aboveDrawer {
    margin-bottom: 3rem;
  }
}
.ConversationListPicker .Tab {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .ConversationListPicker .Tab .folderIcon {
    margin-right: calc(4px + 0.25rem);
    margin-left: calc(4px + 0.25rem - 1rem);
  }
  .mobile .ConversationListPicker .Tab .folderIcon {
    margin-left: calc(4px + 0.25rem - 1rem + 0.75rem);
  }
}
.ConversationListPicker ._ControlHighlight {
  line-height: normal;
}
.ConversationListPicker .SignupBanner {
  margin-top: 1rem;
}
.ConversationListPicker .ConversationFolderHeader {
  align-items: flex-start;
  display: flex;
  margin: 0.7rem 0 0rem;
  position: relative;
  top: 0.5rem;
}
@media screen and (min-width: 1301px) {
  .mobile .ConversationListPicker .ConversationFolderHeader {
    margin-top: 0.6rem;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
  .ConversationListPicker .ConversationFolderHeader {
    flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .ConversationListPicker .ConversationFolderHeader {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .ConversationListPicker .ConversationFolderHeader .sectionTitle {
    color: transparent !important;
    display: block !important;
    height: 0 !important;
    line-height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: relative !important;
    width: 0 !important;
  }
  .mobile .ConversationListPicker .ConversationFolderHeader {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.ConversationListPicker .ConversationFolderHeader .SearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .ConversationListPicker .ConversationFolderHeader .SearchInput:focus-within {
    will-change: transform;
  }
}
.ConversationListPicker .ConversationFolderHeader .SearchInput:focus-within :focus-visible {
  outline: none;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField {
  flex-grow: 1;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._command, .ConversationListPicker .ConversationFolderHeader .SearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input::-ms-clear, .ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input::-webkit-search-decoration, .ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input::-webkit-search-cancel-button, .ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input::-webkit-search-results-button, .ConversationListPicker .ConversationFolderHeader .SearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput .RunSearchCommand {
  border-radius: 0 4px 4px 0;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput .searchIconPlaceholder {
  background: #ffffff;
  color: #565656;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.25rem;
  width: fit-content;
}
.ConversationListPicker .ConversationFolderHeader .SearchInput .RunSearchCommand.nonClickable {
  pointer-events: none;
}
@media screen and (min-width: 1025px) {
  .ConversationListPicker .ConversationFolderHeader .SearchInput {
    width: 17rem;
    min-width: 17rem;
  }
  .mobile .ConversationListPicker .ConversationFolderHeader .SearchInput {
    width: 19rem;
    min-width: 19rem;
  }
}
.ConversationListPicker .ConversationFolderHeader .SearchInput .RunSearchCommand, .ConversationListPicker .ConversationFolderHeader .SearchInput .searchIconPlaceholder {
  border-radius: 4px 0 0 4px;
  order: -1;
}
@media print {
  .ConversationListPicker .ConversationFolderHeader .SearchInput {
    display: none;
  }
}
.ConversationListPicker .ConversationFolderHeader .sectionTitle {
  display: inline-block;
  padding: 0 0.5rem 1rem 0;
}
@media screen and (min-width: 1025px) {
  .ConversationListPicker .ConversationFolderHeader .sectionTitle {
    width: 100%;
  }
}
.ConversationListPicker .ConversationList {
  margin-left: 1px;
  margin-right: 1px;
  width: calc(100% - 2px);
}
.ConversationListPicker .ConversationList .ListItem:last-child ._Link {
  border-radius: 0 0 6px 6px;
}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
  .ConversationListPicker ._LoadMoreList {
    position: relative;
    top: 1rem;
  }
}
.ConversationListPicker [role=tabpanel] {
  display: flex;
  flex-direction: column;
}
.ConversationListPicker [role=tabpanel] > * {
  flex: 0 0 auto;
}
@media screen and (min-width: 1025px) {
  .ConversationListPicker [role=tabpanel] {
    min-height: calc(100vh - (8.7rem + 2.75rem + 1rem));
    min-height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 1rem));
    transform: translateY(-5.125rem);
    margin-bottom: -5.125rem;
  }
  .mobile .ConversationListPicker [role=tabpanel] {
    min-height: calc(100vh - 1rem);
  }
  .datatile .ConversationListPicker [role=tabpanel] {
    min-height: auto;
  }
  .mobile .ConversationListPicker [role=tabpanel] {
    transform: none;
    margin-bottom: 0;
  }
}
.mobile .ConversationListPicker {
  margin-top: 0;
  margin-bottom: -0.5rem;
  min-height: 100vh !important;
}
@media screen and (max-width: 1024px) {
  .mobile .ConversationListPicker {
    width: calc(100% + 1rem);
    position: relative;
    left: -0.5rem;
    min-height: calc(100vh - 1rem) !important;
  }
}

.PreviewActionables {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0.75rem 0.75rem 0.75rem;
}
@media print {
  .PreviewActionables {
    padding-left: 0;
  }
}
.PreviewActionables ul:has(+ .andMoreNotShown) li {
  margin-right: 0.75rem;
}
.PreviewActionables ul li:not(:last-child) {
  margin-right: 0.75rem;
}
.PreviewActionables .attachmentList {
  display: contents;
}
.PreviewActionables .andMoreNotShown {
  width: auto;
  color: #565656;
  line-height: normal;
  padding: calc(0.25rem + 1px) 0;
  margin-top: 0.5rem;
}
@media print {
  .PreviewActionables .andMoreNotShown {
    margin-top: 0;
  }
}

.Tab {
  display: flex;
  align-items: center;
}
.Tab .folderIcon + .folderName {
  margin-bottom: 0;
  overflow: hidden;
  word-wrap: break-word;
}
.Tab .folderIcon {
  margin-right: 0.75rem;
  flex-shrink: 0;
  fill: currentColor;
}
li:not(:hover) [aria-selected=false]:not(:focus) .Tab .folderIcon {
  fill: #767676;
}
[role=tab][aria-selected=true] .Tab {
  color: #7a0019;
}

.ConversationFolder {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ConversationFolder .statusMessageArea {
  height: fit-content;
}
.mobile .ConversationFolder .statusMessageArea {
  display: flex;
}
@media screen and (min-width: 1301px) {
  .ConversationFolder .statusMessageArea {
    max-width: calc(100% - 17rem);
  }
  .mobile .ConversationFolder .statusMessageArea {
    max-width: calc(100% - 19rem);
  }
}
@media screen and (min-width: 770px) and (max-width: 1300px) {
  .ConversationFolder .statusMessageArea {
    max-width: 100%;
    position: relative;
  }
}
.ConversationFolder .statusMessageArea .clearFilterButton {
  display: inline;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (min-width: 1301px) {
  .ConversationFolder .statusMessageArea .clearFilterButton {
    position: relative;
    top: -0.5rem;
  }
}
@media screen and (max-width: 1300px) and (min-width: 1025px) {
  .ConversationFolder .statusMessageArea .clearFilterButton {
    position: relative;
    top: 1rem;
  }
}

.ReplyComposer {
  flex-grow: 1;
  min-height: 325px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-color: #f8f8f8;
  border-radius: 0.75rem;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
  .ReplyComposer {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .ReplyComposer {
    margin-top: 0;
  }
  .mobile .ReplyComposer {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media only screen and (max-width: 768px) {
  .ReplyComposer {
    margin-top: 0;
    margin-bottom: -5px;
    border-radius: 0;
  }
}
@media only screen and (max-width: 768px) and (min-height: 0px) {
  .ReplyComposer {
    height: calc(100vh - (8.7rem + 2.75rem + 5px));
    height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 5px));
  }
  .mobile .ReplyComposer {
    height: calc(100vh - 5px);
  }
  .datatile .ReplyComposer {
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .datatile .ReplyComposer {
    height: auto;
  }
}
.ReplyComposer .MessageComposer .Composer, .ReplyComposer .MessageComposer .toolbar:last-child {
  border-bottom-color: #eaeaea;
}
.ReplyComposer .MessageComposer .Actions, .ReplyComposer .MessageComposer .toolbar {
  background-color: #f8f8f8;
}
.ReplyComposer .MessageComposer .Actions, .ReplyComposer .MessageComposer .ComposeDisclaimer, .ReplyComposer .MessageComposer .readOnlyReasonText {
  border-top-color: #eaeaea;
}
@media only screen and (min-width: 769px) {
  .ReplyComposer .MessageComposer .Actions {
    border-bottom-right-radius: 0.75rem;
    border-bottom-left-radius: 0.75rem;
  }
}
.ReplyComposer .MessageComposer .ParticipantDisplay {
  margin-left: 0.25rem;
}
.ReplyComposer .MessageComposer .ParticipantDisplay .mini.ParticipantPhoto {
  height: 1.4rem;
  width: 1.4rem;
  margin: 0.05rem;
}
.ReplyComposer .MessageComposer .multipleParticipantsReplyBar {
  display: flex;
  margin-left: 0.25rem;
}
.ReplyComposer .MessageComposer .multipleParticipantsReplyBar .ParticipantPhoto {
  height: 1.5rem;
  width: 1.5rem;
}
.ReplyComposer .MessageComposer .multipleParticipantsReplyBar .ParticipantPhoto.initialOnly {
  font-size: 1rem;
  text-align: center;
  line-height: 1.2rem;
}
.ReplyComposer .MessageComposer .multipleParticipantsReplyBar .ConversationParticipantsCommand {
  margin-top: 0.1rem;
}
.ReplyComposer .MessageComposer .ConversationParticipantsCommand {
  display: inline-flex;
  padding: 0;
  margin: 0;
  margin-left: 0.25rem;
}
.mobile .ReplyComposer .MessageComposer .ConversationParticipantsCommand[class] {
  padding: 0;
  font-size: 1rem;
}
.ReplyComposer > * {
  flex: 0 0 auto;
}
.ReplyComposer .replyComposerContainer {
  flex: 1 1 auto;
  position: relative;
}
.ReplyComposer .childrenWrapper {
  position: absolute;
}

.ListLoadPlaceholder {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.ListLoadPlaceholder.fill {
  flex: 1 0 auto;
}
.ListLoadPlaceholder .message {
  overflow-wrap: break-word;
}

.ContextDisclosure {
  margin-bottom: 1rem;
}
.ContextDisclosure .disclosureButton {
  justify-content: unset;
}
.ContextDisclosure .ContextDetails {
  padding-top: 0;
}
.ContextDisclosure .ContextDetails .groupTitle {
  padding-top: 0.25rem;
  font-size: 1rem;
}

.ContextDetails {
  padding-top: 0.8rem;
}
.ContextDetails .listTitle {
  padding: 0;
}
.ContextDetails .groupTitle {
  padding-bottom: 0;
}
.ContextDetails .ContextItem ~ .ContextItemDetail._Text._readOnlyText {
  font-size: 0.9rem;
  margin-top: 0.2rem;
}

.PillButton {
  border: 1px solid currentColor;
  border-radius: calc(0.6rem + 0.25rem + 1px);
  overflow: hidden;
  max-width: 100%;
  margin-top: 0.5rem;
  margin-bottom: 0;
  padding: 0;
  display: inline-flex;
  align-items: center;
}
.PillButton:not(:last-child) {
  margin-right: 0.75rem;
}
@media print {
  .PillButton {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.PillButton .pillBtnIcon {
  flex-shrink: 0;
  margin: 0 0.125rem 0 0.25rem;
  fill: #ffffff;
}
@media print {
  .PillButton .pillBtnIcon {
    display: inline-block !important;
    width: 24px !important;
    margin-left: 0;
    margin-right: -0.25rem;
    fill: #363636;
  }
}
.PillButton .pillBtnIcon + .pillBtnText {
  text-align: left;
  line-height: normal;
  padding: 0.25rem 0.5rem;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
}
.PillButton.informative {
  color: #7a0019;
}
.PillButton.informative .pillBtnText {
  background-color: #f8f2f4;
  color: #7a0019;
}
.PillButton.complete {
  color: #09aa71;
}
.PillButton.complete .pillBtnText {
  background-color: #ccffd8;
  color: #12553d;
}
.PillButton.urgent {
  color: #ffa020;
}
.PillButton.urgent .pillBtnText {
  background-color: #ffe8c9;
  color: #935d15;
}
.PillButton.disabled {
  color: #767676;
}
.PillButton.disabled .pillBtnText {
  background-color: #dbdbdb;
  color: #363636;
}
.PillButton.disabled:is(:focus, :hover) {
  box-shadow: none;
}

.PillButton:is(:focus, :hover) {
  text-decoration: none;
  box-shadow: 0 0 0 1px currentColor;
}
.PillButton:is(:focus, :hover).informative {
  color: #680015;
}
.PillButton:is(:focus, :hover).urgent {
  color: #d9881b;
}

@media print {
  .PillButton {
    border: none;
  }
}
.PillButton[class] {
  background-color: currentColor;
  padding: 0;
}

._ScrollRegion {
  overflow: auto;
}
._ScrollRegion.barsPersist {
  overflow: scroll;
}
._ScrollRegion.scrollH {
  overflow-x: auto;
  overflow-y: hidden;
}
._ScrollRegion.scrollH.barsPersist {
  overflow-x: scroll;
}
._ScrollRegion.scrollV {
  overflow-x: hidden;
  overflow-y: auto;
}
._ScrollRegion.scrollV.barsPersist {
  overflow-y: scroll;
}

.SearchStatusText ._Text {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
}

._StickyHeader {
  position: -webkit-sticky;
  position: sticky;
  z-index: 50;
  top: var(--wp-header-height);
}
@media print {
  ._StickyHeader {
    position: static;
  }
}

@charset "UTF-8";
/* Copyright 2021 Epic Systems Corporation */
.ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.ToggleSwitch ._Text {
  align-self: center;
}

.toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}

.sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.sliderRail .onIcon {
  z-index: 1;
}
.sliderRail .sliderKnob, .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}

.sliderButton {
  margin-left: auto;
}
.sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

.CommunicationPreferences ._ExpandableItemList ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  width: 100%;
  min-height: initial;
  padding: 0.5rem 0 0.5rem 1rem;
  color: inherit;
}
.CommunicationPreferences ._ExpandableItemList ._ExpandCommand .arrowIcon {
  color: #767676;
  margin-right: 0.5em;
  transition: transform 0.5s ease 0s;
}
.CommunicationPreferences ._ExpandableItemList ._ExpandCommand .arrowIcon.expanded {
  transform: scaleY(-1);
}
.CommunicationPreferences ._ExpandableItemList ._ExpandCommand .plainText {
  text-align: left;
}
.CommunicationPreferences ._ExpandableItemList ._ExpandableItem {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0rem;
  visibility: hidden;
}
.CommunicationPreferences ._ExpandableItemList ._ExpandableItem.expanded {
  max-height: none;
  visibility: visible;
  overflow: visible;
}
.CommunicationPreferences .expanded > ._ExpandableItem {
  background-color: #fbf7f8;
}
.CommunicationPreferences .Preferences {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1025px) {
  .CommunicationPreferences .Preferences {
    flex-direction: row;
  }
  .CommunicationPreferences .Preferences > :first-child {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .CommunicationPreferences .detailsList:first-of-type {
    width: 50%;
  }
}
.CommunicationPreferences .expanded > ._Segment > .expandableChevron {
  vertical-align: middle;
}
.CommunicationPreferences .expandableChevron {
  transition: transform 0.5s ease 0s;
  margin-right: 0.5em;
  vertical-align: bottom;
  margin-left: 0.25em;
}
.CommunicationPreferences ._ExpandableItemListItem {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.CommunicationPreferences ._ExpandableItemListItem h3.accordionHeader {
  padding: 0;
}
.CommunicationPreferences ._ExpandableItemListItem {
  border-radius: 6px;
  margin-bottom: 0.5rem;
}
.CommunicationPreferences .cardContent {
  padding: 0.5rem 1rem;
}
.CommunicationPreferences .cardContent .additionalInfoText {
  margin-top: 0;
}
.CommunicationPreferences .cardContent h3:first-child {
  padding-top: 0;
}
.CommunicationPreferences .cardContent h3 + .proxyContext {
  display: block;
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
}
.CommunicationPreferences ._DataEntrySet > ._DataEntrySet-legend, .CommunicationPreferences ._DropDownEntry > ._DataEntryLabel {
  color: #565656;
  font-size: 0.9rem;
}
.CommunicationPreferences ._ScrollToHere {
  display: inline-block;
  position: absolute;
  margin-top: calc(-0.75rem - (2.8rem + 0px));
  margin-top: calc(-0.75rem - (var(--wp-header-height) + 0px));
  padding-top: calc(0px + 2.8rem + 0px);
  padding-top: calc(0px + var(--wp-header-height) + 0px);
}
.CommunicationPreferences .skipToToast {
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  margin-top: -0.5rem;
}
.CommunicationPreferences .skipToToast:focus {
  opacity: 1;
}

.CommunicationPreferences .skipToToast:focus {
  pointer-events: auto;
}

.CommunicationPreferences .skipToToast:focus {
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  .CommunicationPreferences .skipToToast {
    margin-top: -1rem;
  }
}
.mobile .CommunicationPreferences .skipToToast {
  margin-top: 0.75rem;
}
.CommunicationPreferences .contentAction {
  text-align: center;
  border-top: solid 1px #cccccc;
  padding: 0.5rem;
}
.CommunicationPreferences .toggleLabelIcon {
  min-width: 2rem;
}
@media screen and (max-width: 768px) {
  .CommunicationPreferences .toggleLabelIcon {
    min-width: unset;
  }
}

.discList {
  padding-left: 2rem;
  list-style-type: disc;
}

.mobile ._ExpandableItemList ._link.tertiary.neutral[class], .mobile ._ExpandableItemList ._command.tertiary.neutral[class] {
  padding: 0;
}
.mobile .ToggleSwitch img {
  min-width: unset;
}
.mobile .Consents .optInToggle[class][class] {
  padding: 0;
  font-size: 1em;
}
.mobile .contentAction {
  font-size: 1rem;
}
@media screen {
  .mobile .commPrefsTitle {
    display: none;
  }
}

.ContactInformation ._readOnlyText._Text:not(:only-child), .ContactInformation ._readOnlyText._ExternalAccessibleDescription:not(:only-child) {
  margin: 0;
}
.ContactInformation .contactMethod {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.25rem;
}
.ContactInformation .contactMethod:last-child {
  margin-bottom: 1.25rem;
}
.ContactInformation .contactInfoType {
  padding-right: 1rem;
  width: auto;
}
.ContactInformation .contactInfoValue {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
  align-items: center;
}
.ContactInformation .contactInfoValue .contactInfoText {
  margin-right: 0.5rem;
}
.ContactInformation .contactInfoValue .pendingIndicator {
  color: #935d15;
  background: #ffe8c9;
  border: 1px solid #ffa020;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  padding: 0.125rem 0.25rem;
}

.Consents .optInStatus:after {
  content: " ";
  white-space: pre-line;
}
.Consents .optInToggle[class][class] {
  display: inline-grid;
  margin: 0;
  padding: 0;
}
.Consents .optInToggle[class][class].laboring {
  padding: 0.25rem;
}

.MediaToggleList > :not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.MediaToggleList .toggleLabel {
  word-break: break-word;
}
@media screen and (max-width: 321px) {
  .MediaToggleList .ToggleSwitch > ._Icon {
    display: none;
  }
}

.SavePreferences .sentinel {
  height: 0px;
  width: 0px;
}
.SavePreferences.ObservedStickyRegion .stickyButton[class] {
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 1025px) {
  .SavePreferences.ObservedStickyRegion .stickyButton {
    width: 100%;
  }
}
.SavePreferences.ObservedStickyRegion.sticking {
  position: sticky;
  bottom: 0.5rem;
  z-index: 5;
}
@media print {
  .SavePreferences.ObservedStickyRegion.sticking {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  .SavePreferences.ObservedStickyRegion.sticking {
    bottom: 0;
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #ffffff;
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.2);
    padding: 0.5rem 1.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: -0.45rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: -0.5rem;
  }
  .mobile .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
  .datatile .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: -0.5rem !important;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1300px) {
  [lang=ar] .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: -0.75rem;
  }
  .mobile .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .mobile .SavePreferences.ObservedStickyRegion.sticking {
    margin-left: -0.5rem;
    margin-bottom: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media screen and (min-width: 1025px) and (max-width: 768px) {
  .SavePreferences.ObservedStickyRegion.sticking {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: 0;
  }
  .mobile .SavePreferences.ObservedStickyRegion.sticking {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media screen and (min-width: 1025px) {
  .mobile .SavePreferences.ObservedStickyRegion.sticking {
    margin-bottom: 0;
  }
}

.expanded > .expandableChevron, .expanded > ._Segment > .expandableChevron {
  transform: scaleY(-1);
}

._ExpandableItem ._command.none {
  padding: 0;
  margin: 0;
}

._ExpandableItemListItem dt ._ExpandCommand {
  text-align: left;
  padding-left: 1rem;
}

.grouperEnabledMedias:empty:before {
  content: "​";
}

.AccessAndEligibility .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}
.AccessAndEligibility ._PageHeading[class] {
  padding: 0 0 0.3rem;
}
.AccessAndEligibility[class][class] {
  height: fit-content;
  min-height: fit-content;
}
.AccessAndEligibility ._Segment:not(:first-of-type) {
  padding-top: 0.5rem;
}

.DetailsPage .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}
.DetailsPage ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.DetailsPage .detailsLayoutGrid .HoursField {
  margin: 0 0 12px 0;
}
.DetailsPage .detailsLayoutGrid .AccessAndEligibility {
  margin: 0 0 12px 0;
}
.DetailsPage .detailsLayoutGrid .DescriptionSection {
  margin: 0 0 12px 0;
}
.DetailsPage .detailsHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
  padding: 0.5rem 1.65rem 0rem 1.65rem;
  border: solid 0.1rem;
  border-color: #cccccc;
  background-color: rgba(122, 0, 25, 0.05);
}
.DetailsPage .detailsHeader .detailsSubHeader {
  display: flex;
  flex: 1;
  margin-bottom: 0.75rem;
  flex-direction: column;
}
.DetailsPage .detailsHeader .detailsPageCannotRemoveBanner {
  width: fit-content;
  margin-bottom: 0;
}
.DetailsPage .detailsHeader .detailsPageAction {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex-shrink: 0;
  align-items: center;
  max-width: calc(33% + 2.5rem);
  height: fit-content;
  align-self: flex-start;
  justify-content: center;
}
.DetailsPage .detailsHeader .detailsPageAction[class] {
  margin: 0;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .DetailsPage .detailsHeader .detailsPageAction[class] {
    width: 100%;
    max-width: none;
  }
}
.DetailsPage .detailsHeader .detailsPageAction ._Text {
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .DetailsPage .detailsHeader > *:last-child {
    margin-bottom: 0.75rem;
  }
}
.DetailsPage .detailsHeader .resourceNameHeading {
  width: auto;
  padding-top: 0;
  margin-bottom: -0.5rem;
}
.DetailsPage .detailsHeader .cboField {
  color: #7a0019;
  font-weight: 600;
}
.DetailsPage ._PageTitle[class] {
  gap: 0rem;
  padding-bottom: 0rem;
  margin-bottom: -0.2rem;
}
.DetailsPage .cboWithHcsField[class] {
  margin-top: -0.2rem;
  margin-bottom: -0.2rem;
  color: #7a0019;
  font-weight: 600;
}
@media screen and (min-width: 769px) {
  .DetailsPage .body {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0.5rem;
    width: 90%;
  }
  .DetailsPage .OtherServicesField {
    margin-right: 0.5rem;
  }
}
.DetailsPage .LanguagesField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}
.DetailsPage .ZeroState[class] {
  margin-top: 1rem;
}

.CRDSearchPage {
  display: flex;
  flex-direction: column;
}
.CRDSearchPage .searchHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  background: #f2e6e9;
  padding: 1rem;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .CRDSearchPage .searchHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .CRDSearchPage .searchHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  .CRDSearchPage .searchHeader {
    min-height: 1px;
  }
}
body.branded .CRDSearchPage .searchHeader {
  overflow-x: visible;
}
.CRDSearchPage .searchHeader > * {
  position: relative;
  z-index: 1;
}
.CRDSearchPage .searchHeader:before {
  background: #f2e6e9;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded .CRDSearchPage .searchHeader:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
.CRDSearchPage .searchHeader:before {
  top: calc(100% - 1.75rem);
  height: 5rem;
}
body.branded .CRDSearchPage .searchHeader {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
.CRDSearchPage .searchHeader.swoopText, .CRDSearchPage .searchHeader .swoopText {
  color: #363636;
}
.CRDSearchPage .searchHeader.swoopText h1, .CRDSearchPage .searchHeader.swoopText h2, .CRDSearchPage .searchHeader.swoopText h3, .CRDSearchPage .searchHeader.swoopText h4, .CRDSearchPage .searchHeader.swoopText.header, .CRDSearchPage .searchHeader.swoopText .header, .CRDSearchPage .searchHeader.swoopText.heading, .CRDSearchPage .searchHeader.swoopText .heading, .CRDSearchPage .searchHeader.swoopText._PageHeading, .CRDSearchPage .searchHeader.swoopText ._PageHeading, .CRDSearchPage .searchHeader.swoopText._heading, .CRDSearchPage .searchHeader.swoopText ._heading, .CRDSearchPage .searchHeader .swoopText h1, .CRDSearchPage .searchHeader .swoopText h2, .CRDSearchPage .searchHeader .swoopText h3, .CRDSearchPage .searchHeader .swoopText h4, .CRDSearchPage .searchHeader .swoopText.header, .CRDSearchPage .searchHeader .swoopText .header, .CRDSearchPage .searchHeader .swoopText.heading, .CRDSearchPage .searchHeader .swoopText .heading, .CRDSearchPage .searchHeader .swoopText._PageHeading, .CRDSearchPage .searchHeader .swoopText ._PageHeading, .CRDSearchPage .searchHeader .swoopText._heading, .CRDSearchPage .searchHeader .swoopText ._heading {
  color: #7a0019;
}
.CRDSearchPage .searchHeader.swoopText a, .CRDSearchPage .searchHeader.swoopText._Link, .CRDSearchPage .searchHeader.swoopText ._Link, .CRDSearchPage .searchHeader .swoopText a, .CRDSearchPage .searchHeader .swoopText._Link, .CRDSearchPage .searchHeader .swoopText ._Link {
  background-color: #ffffff;
  border-radius: 0.25rem;
  padding: 0.2rem 0.4rem;
}
@media screen and (max-width: 768px) {
  .CRDSearchPage .searchHeader[class][class] {
    padding: 1.5rem 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .CRDSearchPage .searchHeader[class][class] {
    padding: 1.4rem 2rem 1.5rem 2rem;
  }
}
.CRDSearchPage .searchAndCards {
  max-width: 45rem;
  margin: auto;
}
.CRDSearchPage .searchInputs {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  padding: 1rem;
}
.CRDSearchPage .searchInputs:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.CRDSearchPage .searchInputs > ._PageHeading {
  padding-top: 0;
}
@media screen and (min-width: 769px) {
  .CRDSearchPage .searchInputs {
    padding: 1.5rem 2rem;
  }
}
.CRDSearchPage .searchInputs ._SearchInputField, .CRDSearchPage .searchInputs ._TextInput {
  width: 100%;
  border-radius: 0.25rem;
}
.CRDSearchPage .resourceSearchInput {
  position: relative;
  width: 100%;
  flex-basis: 100%;
  align-self: flex-start;
}
.CRDSearchPage .resourceSearchInput .required::before {
  display: none;
  background: none;
  margin: 0;
  height: 0;
  width: 0;
}
.CRDSearchPage .resourceSearchInput .searchIcon {
  order: -1;
}

.CRDSearchResultsPage .searchPageTopBanner {
  position: relative;
}
.CRDSearchResultsPage .resultsHeader {
  padding-top: 0.25rem;
}
.CRDSearchResultsPage .resultsHeader > ._PageTitle .actionGroup, .CRDSearchResultsPage .resultsHeader > ._PageTitle .subjectIndicator {
  display: none;
}
.CRDSearchResultsPage .resultsHeader > ._PageTitle .searchTerm {
  font-weight: bold;
  word-break: break-word;
}
.CRDSearchResultsPage .resultsHeader > ._PageTitle .searchTerm, .CRDSearchResultsPage .resultsHeader > ._PageTitle ._PageHeader {
  overflow-wrap: anywhere;
}
@media screen and (max-width: 1024px) {
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader {
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    text-align: center;
    position: relative;
    padding: 0.25rem 2rem;
    overflow-x: clip;
    background: #f2e6e9;
    padding: 0 1.25rem 1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader {
    min-height: 1px;
  }
  body.branded body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader {
    overflow-x: visible;
  }
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader > * {
    position: relative;
    z-index: 1;
  }
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader:before {
    background: #f2e6e9;
    content: "";
    position: absolute;
    left: -2rem;
    width: calc(100% + 4rem);
    border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
  }
  body.branded body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader:before {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader:before {
    top: calc(100% - 1.75rem);
    height: 5rem;
  }
  body.branded body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText {
    color: #363636;
  }
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText h1, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText h2, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText h3, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText h4, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText.header, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText .header, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText.heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText .heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText._PageHeading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText ._PageHeading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText._heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText ._heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText h1, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText h2, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText h3, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText h4, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText.header, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText .header, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText.heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText .heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText._PageHeading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText ._PageHeading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText._heading, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText ._heading {
    color: #7a0019;
  }
  body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText a, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText._Link, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader.swoopText ._Link, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText a, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText._Link, body:not(.isPrelogin) .CRDSearchResultsPage .resultsHeader .swoopText ._Link {
    background-color: #ffffff;
    border-radius: 0.25rem;
    padding: 0.2rem 0.4rem;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader {
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    text-align: center;
    position: relative;
    padding: 0.25rem 2rem;
    overflow-x: clip;
    background: white;
    padding: 0 1rem 1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body.isPrelogin .CRDSearchResultsPage .resultsHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  body.isPrelogin .CRDSearchResultsPage .resultsHeader {
    min-height: 1px;
  }
  body.branded body.isPrelogin .CRDSearchResultsPage .resultsHeader {
    overflow-x: visible;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader > * {
    position: relative;
    z-index: 1;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader:before {
    background: white;
    content: "";
    position: absolute;
    left: -2rem;
    width: calc(100% + 4rem);
    border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
  }
  body.branded body.isPrelogin .CRDSearchResultsPage .resultsHeader:before {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader:before {
    top: calc(100% - 1.75rem);
    height: 5rem;
  }
  body.branded body.isPrelogin .CRDSearchResultsPage .resultsHeader {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText {
    color: #000000;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText .header, body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText .heading, body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText ._PageHeading, body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText ._heading, body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText ._readOnlyText, body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText ._Link, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText .header, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText .heading, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText ._PageHeading, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText ._heading, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText ._readOnlyText, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText ._Link {
    color: #000000;
    background-color: unset;
  }
  body.isPrelogin .CRDSearchResultsPage .resultsHeader.swoopText ._Link, body.isPrelogin .CRDSearchResultsPage .resultsHeader .swoopText ._Link {
    padding: 0.25rem 0 0.5rem;
  }
  .mobile .CRDSearchResultsPage .resultsHeader:before {
    height: 5.5rem;
  }
  .CRDSearchResultsPage .resultsHeader > ._PageTitle ._BackToListLink {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .CRDSearchResultsPage .resultsHeader {
    padding: 0 0.75rem 1rem;
  }
}
@media only screen and (min-width: 1025px) {
  .CRDSearchResultsPage .resultsHeader {
    width: calc(100% - 15rem);
  }
}
.CRDSearchResultsPage:has(._AsyncIndicator) {
  min-height: 10rem;
}

.CommunityResourcesLoadingPlaceholder ._AsyncIndicator:not(:empty) {
  position: fixed;
  z-index: 1000;
  width: 8em;
  padding: 0.5rem;
  left: 50%;
  margin-left: -4em;
  border-radius: 10%;
  background-color: #ffffff;
  opacity: 0.9;
}
.CommunityResourcesLoadingPlaceholder ._AsyncIndicator:not(:empty) .message {
  width: 8em;
}

.ErrorDetails.withBadge {
  padding: 1rem;
  text-align: center;
}
.ErrorDetails.withBadge img {
  max-height: 180px;
  max-width: 180px;
}
.ErrorDetails .errorButtons {
  padding-top: 1rem;
}
.ErrorDetails .errorButtons ._Command {
  display: inline-block;
}

.CostField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}

.AdditionalContactInfoField {
  padding-left: 1.5rem;
}
.AdditionalContactInfoField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}
.AdditionalContactInfoField[class][class][class] {
  padding-top: 0rem;
}

.CoverageAreaField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}

.DescriptionSection ._PageHeading[class] {
  padding: 0 0 0.3rem;
}
.DescriptionSection[class][class] {
  height: fit-content;
  min-height: fit-content;
}
.DescriptionSection .paragraphBreak {
  margin-top: 1rem;
}
.DescriptionSection .inline {
  display: inline;
}

.DirectionsField {
  padding-left: 1.5rem;
}
.DirectionsField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}
.DirectionsField[class][class][class] {
  padding-top: 0;
}

.DirectoryResultsList {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.EligibilityField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}

.HoursField ._PageHeading[class] {
  padding: 0 0 0.3rem;
}
.HoursField[class][class] {
  height: fit-content;
  min-height: fit-content;
}
.HoursField .day {
  display: flex;
  margin-bottom: 0.5rem;
}
.HoursField .day .todayHoursHighlight {
  font-weight: 800;
  flex: 0.5;
}
.HoursField .day .timesContainer {
  flex: 1.75;
}
.HoursField .day .todayTimesHighlight {
  font-weight: 800;
  text-align: left;
}
.HoursField .day .weekday {
  flex: 0.5;
}
.HoursField .day .times {
  text-align: left;
}
.HoursField .day .cboTimezoneMarker {
  margin-left: 0.25rem;
}
.HoursField .day .availability {
  text-align: left;
}
.HoursField .day .cboClosed {
  font-weight: 600;
  margin-left: 0.5rem;
  margin-right: 0rem;
  white-space: nowrap;
  color: #d80000;
}
.HoursField .day .cboClosedForTheDay {
  font-weight: 600;
  margin-left: 0rem;
  margin-right: 0rem;
  white-space: nowrap;
  color: #d80000;
}
.HoursField .day .cboOpen {
  font-weight: 600;
  margin-left: 0.5rem;
  margin-right: 0rem;
  white-space: nowrap;
  color: #0f784a;
}

.OtherServicesField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}

.PhoneNumberField {
  display: flex;
  align-items: center;
  width: fit-content;
}
.PhoneNumberField ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}

.WebsiteField {
  display: flex;
  align-items: center;
}
.WebsiteField ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}

.ResourceListItem[class] {
  word-wrap: break-word;
}
.ResourceListItem .cardContainer {
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
@media screen and (min-width: 769px) {
  .ResourceListItem .cardHeaderSection {
    display: flex;
  }
}
.ResourceListItem .cardHeaderSection[class] .addedBy {
  margin-top: 0rem;
  color: #767676;
}
@media screen and (min-width: 769px) {
  .ResourceListItem .cardHeaderSection[class] .addedBy {
    text-align: end;
  }
}
.ResourceListItem .nameGrid {
  margin-bottom: -20px;
}
.ResourceListItem .grid[class] {
  margin-bottom: 0rem;
}
.ResourceListItem .buttonsFlexContainer {
  display: grid;
  grid-auto-flow: column;
  padding-top: 1rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 70%;
}
.ResourceListItem .buttonsFlexContainer .singleButtonContainer,
.ResourceListItem .buttonsFlexContainer .DrivingDirections {
  vertical-align: top;
  display: inline-block;
  text-align: center;
}
.ResourceListItem .buttonsFlexContainer .singleButtonContainer ._Icon,
.ResourceListItem .buttonsFlexContainer .DrivingDirections ._Icon {
  color: #7a0019;
  margin-bottom: 0.25rem;
  border: 0.1rem solid #7a0019;
  border-radius: 50%; /* Make it circular */
  padding: 0.15rem; /* Add padding for better visual */
}
.ResourceListItem .buttonsFlexContainer .singleButtonContainer .iconButton,
.ResourceListItem .buttonsFlexContainer .DrivingDirections .iconButton {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.ResourceListItem .buttonsFlexContainer .singleButtonContainer .textButton,
.ResourceListItem .buttonsFlexContainer .DrivingDirections .textButton {
  margin-left: auto;
  margin-right: auto;
}
.ResourceListItem .CRDDistanceLabel {
  margin-left: 1.585rem;
}
.ResourceListItem .LanguagesField ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.ResourceListItem .LanguagesField .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}

.CRDResultsNavigator {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .CRDResultsNavigator {
    display: block;
  }
}
.CRDResultsNavigator .sidebar {
  flex: 0 1 0;
  min-width: 0;
}
.CRDResultsNavigator .sidebar:not(:empty) {
  flex-shrink: 0;
  flex-basis: 25%;
  margin-right: 1rem;
}
@media screen and (min-width: 1025px) {
  .CRDResultsNavigator .sidebar:not(:empty) {
    margin-top: 0.25rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background-color: #f2e6e8;
    height: fit-content;
  }
}
.CRDResultsNavigator .ZeroState {
  padding: 1.25rem;
  margin: 3rem auto auto auto;
}
.CRDResultsNavigator .results {
  flex: 1 1 75%;
  min-width: 0;
  position: relative;
  height: fit-content;
}
.CRDResultsNavigator .results .CRDSortResultsDropdown {
  flex-shrink: 1;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  position: absolute;
  --y-offset: -0.15rem;
  bottom: calc(100% + var(--y-offset));
}
.mobile .CRDResultsNavigator .results .CRDSortResultsDropdown {
  padding-right: 0.3rem;
  --y-offset: -0.85rem;
}
.CRDResultsNavigator .results .CRDSortResultsDropdown .sortDropdown {
  max-width: 15rem;
}
.CRDResultsNavigator .ResponsivePopupArea {
  display: flex;
  justify-content: center;
}
.CRDResultsNavigator .ResponsivePopupArea > .openPopupButton {
  max-width: calc(768px - 2 * 1.25rem);
  margin-top: calc(-1 * 0.75rem);
  margin-bottom: calc(0.75rem + 1rem);
}
.CRDResultsNavigator .ResponsivePopupArea > .openPopupButton[class] {
  padding-top: calc(0.625rem - 1px);
  padding-bottom: calc(0.625rem - 1px);
}
.mobile .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton[class] {
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
}
body.isPrelogin .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton {
  background-color: #7a0019;
  color: #ffffff;
  background-color: #550012;
  border: none;
  border-radius: 1.25rem;
}
.darkmode body.isPrelogin .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton {
  border: 2px solid;
  border-color: #bd808c;
  color: white;
  background-color: #250008;
}

body.isPrelogin .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :active),
.tvmode body.isPrelogin .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :focus, :active) {
  background-color: #680015;
}
.darkmode body.isPrelogin .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :active), .tvmode.darkmode body.isPrelogin .CRDResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :focus, :active) {
  background-color: #5f0014;
  border-color: transparent;
}

@media print {
  .CRDResultsNavigator {
    display: block;
  }
  .CRDResultsNavigator .sidebar {
    display: none;
  }
}
.CRDResultsNavigator .BannerSdk {
  margin-top: 0.25rem;
}
.CRDResultsNavigator .BannerSdk ~ .BannerSdk {
  margin-top: 0.5rem;
}

.AddressField {
  width: fit-content;
}
.AddressField ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.AddressField ._Icon[class] {
  flex-shrink: 0;
}

.SortingOptions {
  padding-left: 0.4rem;
}
.SortingOptions ._DropDownList {
  width: fit-content;
}

.QuickLink {
  max-width: 44.55rem;
}
.QuickLink[class] {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
  padding: 0rem;
  min-height: 0;
}
.QuickLink[class]:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.QuickLink ._InternalLink {
  display: flex;
  align-items: center;
  text-decoration: none;
  flex-wrap: wrap;
  padding: 1rem 0.6rem;
}
.QuickLink .action {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.QuickLink .action._InternalLink:hover {
  background-color: #f4ebed;
  text-decoration: unset;
}
@media screen and (forced-colors: active) {
  .QuickLink .action {
    border: 2px solid #363636;
    border-radius: 6px;
  }
}
.QuickLink .iconLeft {
  margin-right: 0.5rem;
  display: block;
  padding: 0;
  flex: none;
}
.QuickLink .text-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.QuickLink .shortcutTitle, .QuickLink .shortcutDescription {
  word-wrap: break-word;
  white-space: normal;
}
.QuickLink .shortcutTitle {
  color: #7a0019;
  font-size: 1.25rem;
  padding-bottom: 0.25rem;
}
.QuickLink .shortcutTitle[class] {
  margin-bottom: 0rem;
}
.QuickLink .shortcutDescription {
  color: #363636;
  font-size: 1rem;
}
.QuickLink .shortcutDescription[class] {
  margin-top: 0.1rem;
}
.QuickLink .iconRight {
  color: #999999;
  /* rtl:raw:
  	transform: scaleX(-1);
  */
}

.LocationAndContact .fieldLabel {
  font-weight: bold;
  margin-right: 0.05rem;
}
.LocationAndContact ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.LocationAndContact ._PageHeading[class] {
  padding: 0 0 0.3rem;
}
.LocationAndContact[class][class] {
  height: auto;
}
.LocationAndContact ._Segment:not(:first-of-type) {
  padding-top: 0.5rem;
}
.LocationAndContact .PhoneNumberField {
  padding-top: 0.5rem;
}
.LocationAndContact .WebsiteField[class] {
  display: flex;
  align-items: center;
  word-break: break-all;
}
.LocationAndContact .WebsiteField .ExternalLinkIcon {
  float: right;
}

.MyListPage ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.MyListPage ._PageTitle[class] {
  padding: 0.75rem 0 0 0rem;
}
.MyListPage .pageHeader {
  padding-left: 0.4rem;
}
@media only screen and (min-width: 1025px) {
  .MyListPage .pageHeader {
    width: calc(100% - 15rem);
  }
}
.MyListPage .pageDescription[class] {
  margin: 0;
}
.MyListPage .content {
  flex: 1 1 100%;
  position: relative;
  height: fit-content;
}
.MyListPage .content .sort {
  display: flex;
  justify-content: flex-end;
}
.MyListPage .content .SortingOptions {
  width: auto;
  margin: 0.25rem 0;
  padding: 0.25rem 0.25rem;
  flex-shrink: 1;
}
@media screen and (max-width: 1300px) {
  .MyListPage .content .SortingOptions {
    flex-grow: 1;
  }
}
@media screen and (min-width: 1025px) {
  .MyListPage .content .SortingOptions {
    max-width: 15rem;
    position: absolute;
    bottom: calc(100% - 0.2rem);
  }
}
@media screen and (max-width: 1300px) {
  .MyListPage ._DropDownList {
    width: 100%;
  }
}
.MyListPage .resourceList {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.MyListPage .ZeroState {
  padding: 1.25rem;
  margin: 3rem auto auto auto;
}

.partialWidth {
  max-width: 75%;
}
@media screen and (max-width: 1300px) {
  .partialWidth {
    min-width: inherit;
    max-width: inherit;
  }
}

.fullWidth {
  max-width: 100%;
}

.OtherOptionsList {
  padding-top: 1rem;
  margin: auto;
  max-width: 45rem;
  min-width: 30rem;
}
.OtherOptionsList ._List {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .OtherOptionsList ._List {
    width: 100%;
    flex-direction: column;
  }
}
.OtherOptionsList ._PageHeading {
  padding-left: 0rem;
  padding-right: 0rem;
}
.OtherOptionsList ._ListElement {
  margin: 0rem;
}
@media screen and (max-width: 768px) {
  .OtherOptionsList[class] {
    min-width: unset;
    max-width: 30rem;
  }
}
.OtherOptionsList[class][class][class] {
  min-width: unset;
}
.OtherOptionsList.singleCardList ._ListElement {
  flex-basis: calc(100% - 2 * 0rem);
}
.OtherOptionsList.twoColumnCardList ._ListElement {
  flex-basis: calc(50% - 2 * 0rem);
}
.OtherOptionsList .QuickLink {
  min-height: 0px;
}
.OtherOptionsList .QuickLink ._InternalLink {
  align-items: unset;
}
.OtherOptionsList .QuickLink ._InternalLink .shortcutTitle[class] {
  font-size: 1rem;
  margin-left: 7px;
}
.OtherOptionsList .QuickLink ._InternalLink .shortcutDescription[class] {
  font-size: 0.85rem;
  margin-left: 7px;
}
.OtherOptionsList .QuickLink ._InternalLink .iconLeft {
  color: #7a0019;
  margin: -0.25rem 0 0 -0.25rem;
}
.OtherOptionsList .QuickLink ._InternalLink .iconRight {
  margin: auto;
}
.OtherOptionsList .bodyArea {
  align-self: center;
}
.OtherOptionsList .bodyArea[class][class] ._PageHeading {
  padding-top: 0;
}

.CRDFiltersPane > * {
  margin: 0.5rem 0;
}
.CRDFiltersPane ._heading {
  margin: 0;
  padding-top: 0;
}
.CRDFiltersPane ._labelledField {
  width: 100%;
}
.CRDFiltersPane .filtersHeader {
  margin-bottom: 0;
  display: flex;
  align-items: baseline;
}
.CRDFiltersPane .filtersHeader + ._Segment {
  margin-top: 0;
}
.CRDFiltersPane .clearFiltersButton {
  padding: 0.25rem 0.5rem;
  margin: 0 -0.5rem -0.25rem 0;
}
.mobile .CRDFiltersPane .clearFiltersButton[class] {
  font-size: 1rem;
}
.CRDFiltersPane .FiltersList {
  margin-top: 1.25rem;
}
.CRDFiltersPane .FiltersList > ._List > ._ListElement {
  margin: 1.25rem 0;
}
.CRDFiltersPane .FiltersList > ._List > ._ListElement:first-child {
  margin-top: 0;
}
.CRDFiltersPane .FiltersList > ._List > ._ListElement:last-child {
  margin-bottom: 0;
}

._Popup .FiltersPane .filtersHeader {
  margin-top: 1rem;
}

.UsagePage ._PageTitle[class] {
  padding: 0.75rem 0 0 0rem;
}
.UsagePage .pageDescription[class] {
  margin: 0;
}
.UsagePage .grid > .row > .col-9 {
  margin-bottom: 0;
}
.UsagePage .grid > .row > .col-3 {
  margin-bottom: 0;
}

.DetailsSection {
  max-width: 40rem;
}
.DetailsSection[class] {
  margin: 0;
}
.DetailsSection ._PageTitle[class] {
  padding: 0.75rem 0 0 0rem;
}
.DetailsSection .positionText {
  display: flex;
  height: 100%;
  margin-top: 0.5rem;
  display: inline-block;
  align-self: flex-end;
  padding-bottom: 0;
  color: #7a0019;
}

.ResourceHeaderSection[class] {
  margin-top: 0;
}
.ResourceHeaderSection .previousUsage {
  display: flex;
  align-content: flex-end;
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
}
.ResourceHeaderSection .previousUsage ._StatusBadge {
  border-width: 1px;
  padding: 1px 10px 1px 10px;
  font-size: 0.8rem;
}

.QuestionSection {
  max-width: 40rem;
  padding: 0.25rem 0.25rem 0.25rem 0.25rem;
}
.QuestionSection[class] {
  margin-left: 0;
}

.NavigationSection .fixedToBottom {
  position: fixed;
  bottom: 0%;
  width: 100%;
}
.NavigationSection[class] .commandOverride {
  background-color: black;
}

.CommunityResourceNameField {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  word-break: break-word;
}
.CommunityResourceNameField .resourceNameHeading {
  flex-grow: 1;
  width: auto;
  padding-top: 0;
  margin-bottom: -0.5rem;
}
.CommunityResourceNameField .cboWithHcsField {
  color: #7a0019;
}

@media screen and (max-width: 768px) {
  .UsageField ._DataEntrySet-fields {
    flex-wrap: nowrap;
    flex-direction: column;
    flex: auto;
  }
  .UsageField ._DataEntrySet-fields ._Choice {
    text-align: left;
  }
  .UsageField ._DataEntrySet-fields ._Choice[class] {
    margin: 0 0.25rem 0.25rem 0;
  }
  .UsageField ._DataEntrySet-fields ._DataEntryLabel {
    min-width: 80%;
  }
}

@media screen and (max-width: 768px) {
  .ReasonField ._DataEntrySet-fields {
    flex-wrap: nowrap;
    flex-direction: column;
    flex: auto;
  }
  .ReasonField ._DataEntrySet-fields ._Choice {
    text-align: left;
  }
  .ReasonField ._DataEntrySet-fields ._Choice[class] {
    margin: 0 0.25rem 0.25rem 0;
  }
  .ReasonField ._DataEntrySet-fields ._DataEntryLabel {
    min-width: 80%;
  }
}

.BrowserLocationButton[class][class] {
  margin: 0.25rem 0;
  padding: 0;
  text-align: unset;
  font-size: 0.85rem;
  width: fit-content;
}
.mobile .BrowserLocationButton[class][class][class] {
  padding: 0;
  font-size: 0.85rem;
}
.BrowserLocationButton > .contentWrapper {
  display: inline-flex;
  align-items: center;
}
.BrowserLocationButton .locationIcon {
  margin: 0 0.25rem;
  width: 1.15rem;
  height: 1.15rem;
}
.BrowserLocationButton .workingText:before {
  width: 12px;
  height: 12px;
  border-width: 2px;
}

.BrowserLocationToggle .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.BrowserLocationToggle .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.BrowserLocationToggle .ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.BrowserLocationToggle .ToggleSwitch ._Text {
  align-self: center;
}
.BrowserLocationToggle .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.BrowserLocationToggle .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.BrowserLocationToggle .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.BrowserLocationToggle .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.BrowserLocationToggle .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.BrowserLocationToggle .sliderRail .onIcon {
  z-index: 1;
}
.BrowserLocationToggle .sliderRail .sliderKnob, .BrowserLocationToggle .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.BrowserLocationToggle .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.BrowserLocationToggle .sliderButton {
  margin-left: auto;
}
.BrowserLocationToggle .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.BrowserLocationToggle .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.BrowserLocationToggle .ToggleSwitch {
  flex-direction: row-reverse;
  margin: 0;
}
.BrowserLocationToggle .ToggleSwitch .sliderButton {
  margin-left: 0;
  margin-right: 10px;
}

.LocationCollector {
  display: flex;
  flex-direction: column;
}
.LocationCollector .ErrorStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.LocationCollector .ModifiedValidatedTextInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.LocationCollector .ModifiedValidatedTextInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.LocationCollector .ModifiedValidatedTextInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.LocationCollector .ModifiedValidatedTextInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.LocationCollector .ModifiedValidatedTextInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.LocationCollector .ModifiedValidatedTextInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .LocationCollector .ModifiedValidatedTextInput:focus-within {
    will-change: transform;
  }
}
.LocationCollector .ModifiedValidatedTextInput:focus-within :focus-visible {
  outline: none;
}
.LocationCollector .ModifiedValidatedTextInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField {
  flex-grow: 1;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.LocationCollector .ModifiedValidatedTextInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.LocationCollector .ModifiedValidatedTextInput ._command, .LocationCollector .ModifiedValidatedTextInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.LocationCollector .ModifiedValidatedTextInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.LocationCollector .ModifiedValidatedTextInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.LocationCollector .ModifiedValidatedTextInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0.75rem;
}
.LocationCollector .ModifiedValidatedTextInput + ._ValidationMessage:not(:empty) {
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}
.LocationCollector .ModifiedValidatedTextInput ._ValidatedInput {
  margin: 0;
}
.LocationCollector .textInputWithIcon::before {
  content: url("../../images/provider-finder/location_pin.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}

.LocationAndSearchCommand .LocationCollector:has(.BrowserLocationButton) {
  margin-top: 0.06rem;
}
.LocationAndSearchCommand .LocationCollector {
  margin-top: 0.5rem;
}
.LocationAndSearchCommand .RunSearchCommand {
  width: 100%;
  height: 2.85rem;
}
.LocationAndSearchCommand .LocationCollector:has(.BrowserLocationToggle) .ToggleSwitch {
  justify-content: center;
}
.LocationAndSearchCommand .LocationCollector:has(.BrowserLocationToggle) .sliderRail .sliderKnob {
  z-index: 1;
}
@media screen and (min-width: 769px) {
  .LocationAndSearchCommand {
    display: inline-flex;
  }
  .LocationAndSearchCommand .LocationCollector:has(.BrowserLocationButton) + .RunSearchCommand {
    margin-top: 1.7rem;
  }
  .LocationAndSearchCommand .LocationCollector:has(.BrowserLocationToggle) {
    margin: auto;
  }
  .LocationAndSearchCommand .LocationCollector {
    margin-right: 0.25rem;
  }
  .LocationAndSearchCommand .LocationCollector + .RunSearchCommand {
    margin-left: 0.25rem;
    margin-bottom: 0.75rem;
    margin-top: 0.5rem;
  }
  .LocationAndSearchCommand .RunSearchCommand {
    min-width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .LocationAndSearchCommand .LocationCollector:has(.BrowserLocationButton) {
    margin-top: 0rem;
  }
  .LocationAndSearchCommand .LocationCollector:has(.BrowserLocationToggle) + .RunSearchCommand {
    margin-top: 0.5rem;
  }
  .LocationAndSearchCommand .LocationCollector + .RunSearchCommand {
    margin-top: -0.25rem;
  }
  .LocationAndSearchCommand .BrowserLocationToggle .toggleInformation {
    flex-basis: content;
  }
  .LocationAndSearchCommand .RunSearchCommand {
    width: 100%;
  }
}

.TodayHoursField {
  display: flex;
  align-items: center;
}
.TodayHoursField ._Icon {
  color: #404d5b;
  margin-right: 0.2rem;
  flex-shrink: 0;
}
.TodayHoursField .cboOpen {
  font-weight: 600;
  margin-left: 0rem;
  margin-right: 0.25rem;
  white-space: nowrap;
  color: #0f784a;
}
.TodayHoursField .cboClosed {
  font-weight: 600;
  margin-left: 0rem;
  margin-right: 0.25rem;
  white-space: nowrap;
  color: #d80000;
}
.TodayHoursField .timeZoneMarker {
  margin-left: 0.25rem;
}
.TodayHoursField .hoursText {
  display: block;
}

.BrowserLocationButton[class][class] {
  margin: 0.25rem 0;
  padding: 0;
  text-align: unset;
  font-size: 0.85rem;
  width: fit-content;
}
.mobile .BrowserLocationButton[class][class][class] {
  padding: 0;
  font-size: 0.85rem;
}
.BrowserLocationButton > .contentWrapper {
  display: inline-flex;
  align-items: center;
}
.BrowserLocationButton .locationIcon {
  margin: 0 0.25rem;
  width: 1.15rem;
  height: 1.15rem;
}
.BrowserLocationButton .workingText:before {
  width: 12px;
  height: 12px;
  border-width: 2px;
}

.BrowserLocationToggle .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.BrowserLocationToggle .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.BrowserLocationToggle .ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.BrowserLocationToggle .ToggleSwitch ._Text {
  align-self: center;
}
.BrowserLocationToggle .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.BrowserLocationToggle .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.BrowserLocationToggle .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.BrowserLocationToggle .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.BrowserLocationToggle .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.BrowserLocationToggle .sliderRail .onIcon {
  z-index: 1;
}
.BrowserLocationToggle .sliderRail .sliderKnob, .BrowserLocationToggle .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.BrowserLocationToggle .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.BrowserLocationToggle .sliderButton {
  margin-left: auto;
}
.BrowserLocationToggle .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.BrowserLocationToggle .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.BrowserLocationToggle .ToggleSwitch {
  flex-direction: row-reverse;
  margin: 0;
}
.BrowserLocationToggle .ToggleSwitch .sliderButton {
  margin-left: 0;
  margin-right: 10px;
}

.LocationCollector {
  display: flex;
  flex-direction: column;
}
.LocationCollector .ErrorStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.LocationCollector .ModifiedValidatedTextInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.LocationCollector .ModifiedValidatedTextInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.LocationCollector .ModifiedValidatedTextInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.LocationCollector .ModifiedValidatedTextInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.LocationCollector .ModifiedValidatedTextInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.LocationCollector .ModifiedValidatedTextInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .LocationCollector .ModifiedValidatedTextInput:focus-within {
    will-change: transform;
  }
}
.LocationCollector .ModifiedValidatedTextInput:focus-within :focus-visible {
  outline: none;
}
.LocationCollector .ModifiedValidatedTextInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField {
  flex-grow: 1;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.LocationCollector .ModifiedValidatedTextInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.LocationCollector .ModifiedValidatedTextInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.LocationCollector .ModifiedValidatedTextInput ._command, .LocationCollector .ModifiedValidatedTextInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.LocationCollector .ModifiedValidatedTextInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.LocationCollector .ModifiedValidatedTextInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.LocationCollector .ModifiedValidatedTextInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0.75rem;
}
.LocationCollector .ModifiedValidatedTextInput + ._ValidationMessage:not(:empty) {
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}
.LocationCollector .ModifiedValidatedTextInput ._ValidatedInput {
  margin: 0;
}
.LocationCollector .textInputWithIcon::before {
  content: url("../../images/provider-finder/location_pin.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}

.CRDLocationFilters .searchRadius {
  margin: 0;
}
.CRDLocationFilters .ToggleSwitch[class] {
  justify-content: start;
  margin-bottom: 1rem;
}
.CRDLocationFilters .BrowserLocationToggle + ._ValidationMessage {
  margin-top: -0.5rem;
  margin-bottom: 0.5rem;
}
.CRDLocationFilters .ModifiedValidatedTextInput + ._ValidationMessage[class] {
  margin-bottom: 0.25rem;
}

.CRDSortResultsDropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.CRDSortResultsDropdown > .sortDropdown {
  margin-bottom: 0;
}
.CRDSortResultsDropdown > .sortDropdown > ._DropDownList {
  margin-bottom: 0;
}
.CRDSortResultsDropdown > .sortDropdown + ._ValidationMessage:not(:empty) {
  margin-top: 0.25rem;
  margin-bottom: 0;
  width: auto;
}

/* Copyright 2020-2022 Epic Systems Corporation */
.SubmissionResult {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 5em;
  font-size: 1.2rem;
  justify-content: space-between;
  height: 100%;
}
.SubmissionResult .buttonContainer {
  display: flex;
  justify-content: center !important;
}
.SubmissionResult .buttonContainer button {
  flex: 0 0 50%;
}

.SubmissionResultInfo {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-align: center;
  width: auto;
  margin-bottom: 1rem;
}
.SubmissionResultInfo .submitErrorHeader {
  font-size: 1.25rem;
  color: #d80000;
}
.SubmissionResultInfo .errorIcon {
  fill: #d80000;
}
.SubmissionResultInfo .submitSuccessHeader {
  font-size: 1.25rem;
  color: #0f784a;
}
.SubmissionResultInfo .successIcon {
  fill: #0f784a;
}

.PreferenceESign .eSignInstruction {
  font-size: 1.2rem;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.ConversationOrganizationBanner {
  align-items: center;
  display: flex;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
}
.ConversationOrganizationBanner .orgName[class] {
  margin-left: 0.5rem;
}
.ConversationOrganizationBanner .orgLogo {
  min-height: 24px;
  min-width: 24px;
}

.ConversationPreviewCommand {
  text-align: left;
}
.ConversationPreviewCommand .ParticipantPhoto {
  float: left;
}
.ConversationPreviewCommand .previewText {
  display: inline;
  margin: 0;
}
.ConversationPreviewCommand .firstLine {
  display: flex;
  justify-content: space-between;
  width: auto;
}
.ConversationPreviewCommand .firstLine > * {
  width: auto;
  margin-left: 0.5rem;
}
.ConversationPreviewCommand .firstLine .draftIndicator {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  color: #935d15;
  background: #ffe8c9;
  border: 1px solid #ffa020;
  border-radius: 0.25rem;
  padding: 0.125rem 0.25rem;
  margin: calc(0.125rem - 1px) 0.5rem calc(0.125rem - 1px) 0;
  line-height: 1rem;
  flex-shrink: 1;
  word-wrap: break-word;
}
.ConversationPreviewCommand .firstLine .draftIndicator > * {
  flex: 0 0 auto;
}
.ConversationPreviewCommand .firstLine .timestamp {
  margin-left: auto;
  margin-right: 0.5rem;
  float: right;
  white-space: nowrap;
  color: #565656;
}
.ConversationPreviewCommand .firstLine .preview.noContent {
  font-style: italic;
}
.ConversationPreviewCommand .firstLine .subjectSegment {
  margin-right: 0.5rem;
}
.ConversationPreviewCommand .subtext {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ConversationPreviewCommand[class][class][class] .recipientSubtext {
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  color: #767676;
}
.ConversationPreviewCommand ._readOnlyText {
  vertical-align: unset;
}

.ParticipantCommand {
  text-align: left;
}
.ParticipantCommand .ParticipantPhoto {
  float: left;
}
.ParticipantCommand .displayName,
.ParticipantCommand .subtext {
  display: block;
  margin-left: 0.5rem;
}
.ParticipantCommand.mini .ParticipantPhoto {
  margin-left: -1.625rem;
  height: 1.5rem;
  width: 1.5rem;
}
.ParticipantCommand.mini .ParticipantPhoto.initialOnly {
  font-size: 1rem;
  text-align: center;
  line-height: 1.2rem;
}
.ParticipantCommand.mini .displayName {
  display: inline-block;
  line-height: 1.5rem;
  margin-left: 0.125rem;
}
.ParticipantCommand.mini, .mobile .ParticipantCommand.mini {
  padding-left: 1.625rem;
}

.ParticipantDisplay {
  display: grid;
  display: -ms-grid;
  grid-template-columns: 3rem auto;
  -ms-grid-columns: 3rem auto;
  grid-template-rows: auto auto;
  -ms-grid-rows: auto auto;
}
@media print {
  .ParticipantDisplay {
    display: block;
  }
}
.ParticipantDisplay .ParticipantPhoto {
  grid-row: 1/3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
}
.ParticipantDisplay .OutOfClinicWarning {
  grid-column: 2/3;
  -ms-grid-column: 2;
}
.ParticipantDisplay .displayName, .ParticipantDisplay .subtext {
  -ms-grid-column: 2;
  display: inline-block;
  overflow-wrap: break-word;
  min-width: 0;
}
.ParticipantDisplay .subtext {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  -ms-grid-row: 2;
}
@media print {
  .ParticipantDisplay .subtext {
    margin-left: 0.25rem;
  }
}
.ParticipantDisplay.noSubtext.noOutOfContact .displayName {
  grid-row: 1/3;
  align-self: center;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-row-align: center;
}
.ParticipantDisplay.mirrored {
  grid-template-columns: auto 3rem;
  -ms-grid-columns: calc(100% - 3rem) 3rem;
}
@media print {
  .ParticipantDisplay.mirrored {
    text-align: right;
  }
}
.ParticipantDisplay.mirrored .ParticipantPhoto {
  grid-column: 2/3;
  justify-self: end;
  -ms-grid-column: 2;
  -ms-grid-column-align: end;
}
.ParticipantDisplay.mirrored .OutOfClinicWarning {
  flex-direction: row-reverse;
  grid-column: 1/2;
  -ms-grid-column: 1;
}
.ParticipantDisplay.mirrored .displayName,
.ParticipantDisplay.mirrored .subtext {
  -ms-grid-column: 1;
  text-align: right;
}
.ParticipantDisplay.mini {
  grid-template-columns: 1.625rem auto;
  -ms-grid-columns: 1.625rem auto;
}
.ParticipantDisplay.mini .ParticipantPhoto {
  grid-row: 1/3;
  -ms-grid-row-span: 2;
  height: 1.5rem;
  width: 1.5rem;
}
.ParticipantDisplay.mini .ParticipantPhoto.initialOnly {
  font-size: 1rem;
  text-align: center;
  line-height: 1.2rem;
}
.ParticipantDisplay.mini .displayName {
  line-height: 1.5rem;
}

.ParticipantPhoto {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 1px solid #cccccc;
  background-color: rgba(122, 0, 25, 0.6);
  overflow: hidden;
  object-fit: cover;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ParticipantPhoto.initialOnly {
  color: #ffffff;
  font-size: 2rem;
  text-align: center;
  line-height: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ParticipantPhoto.initialOnly ._readOnlyText {
  line-height: 2.3rem;
}
.ParticipantPhoto.color1 {
  border-color: #258cdb;
  background-color: #258cdb;
}
.ParticipantPhoto.color2 {
  border-color: #2c9b39;
  background-color: #2c9b39;
}
.ParticipantPhoto.color3 {
  border-color: #d057c6;
  background-color: #d057c6;
}
.ParticipantPhoto.color4 {
  border-color: #a46fd9;
  background-color: #a46fd9;
}
.ParticipantPhoto.color5 {
  border-color: #009793;
  background-color: #009793;
}
.ParticipantPhoto.color6 {
  border-color: #ab8030;
  background-color: #ab8030;
}
.ParticipantPhoto.color7 {
  border-color: #d76720;
  background-color: #d76720;
}

.OutOfContactWarning {
  display: flex;
}
.OutOfContactWarning.showFullOOC {
  display: block;
}
.OutOfContactWarning .outOfContactIcon {
  fill: #565656;
  flex-shrink: 0;
}
.OutOfContactWarning .outOfContactIcon.showFullOOC {
  float: left;
  position: relative;
  top: 0.25rem;
}
.OutOfContactWarning .outOfContactText {
  align-self: center;
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
  overflow-wrap: anywhere;
}
@media print {
  .OutOfContactWarning .outOfContactText {
    margin-left: 0.25rem;
  }
}

.Message {
  width: auto;
  margin-bottom: 1rem;
  max-width: 85%;
  flex-shrink: 0;
}
@media print {
  .Message {
    max-width: calc(100% - 5rem);
  }
}
.Message .ParticipantDisplay {
  margin: 0 6px 5px;
  width: auto;
}
.Message .MessageContent {
  max-width: 40em;
  word-wrap: break-word;
}
@media print {
  .Message .MessageContent {
    max-width: none;
  }
}
.Message .MessageContent .msgText {
  /*rtl:raw:
  	direction: ltr;
  */
}
.Message .MessageContent .msgText:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  margin-top: 0.5rem;
}
@media print {
  .Message .MessageContent .msgText:not(:last-child)::after {
    background-color: #000000;
  }
}
.Message .MessageContent .msgText.noContent {
  font-style: italic;
}
@media not print {
  .Message .MessageContent.hasTable {
    max-width: 100%;
    width: 40em;
  }
  .Message .MessageContent.hasTable .fmtConv {
    overflow-x: auto;
  }
}
@media print {
  [class] .Message::after {
    content: "";
    border-bottom: 1px dotted #cccccc !important;
    position: absolute;
    left: 0;
    width: 100%;
    display: block;
  }
}
.Message.fromThem .MessageContent {
  border-color: #dbdbdb;
  border: 2px solid #dbdbdb;
  background: #ffffff;
  border-radius: 0.75rem;
  border-top-left-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromThem .MessageContent::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  left: -2px;
  background: radial-gradient(circle at 100% 0, transparent 1.4em, #dbdbdb 1.4em, #dbdbdb calc(1.4em + 2px), #ffffff calc(1.4em + 2px));
  /*rtl:ignore*/
  border-left: 2px solid #dbdbdb;
}
@media print {
  .Message.fromThem .MessageContent::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromThem .MessageContent {
    border: none;
  }
}
.Message.fromThem.unread .ParticipantPhoto {
  border-color: #005ebb;
}
.Message.fromThem.unread .MessageContent {
  box-shadow: 0 0 3px 1px #005ebb;
  margin-left: 2px;
  background: #ffffff;
  border-radius: 0.75rem;
  border-top-left-radius: 0;
  padding: 0.5rem;
  position: relative;
  border: none;
}
.Message.fromThem.unread .MessageContent::before {
  background: radial-gradient(circle at 100% 0, transparent calc(1.4em - 1px), rgba(0, 94, 187, 0.5) calc(1.4em + 1px), #ffffff calc(1.4em + 2px));
  /*rtl:raw:
        transform: scaleX(-1);*/
  left: 0;
  -webkit-mask-image: linear-gradient(to right, #000000 80%, transparent 95%);
  mask-image: linear-gradient(to right, #000000 80%, transparent 95%);
  top: calc(-1.4em - 1.5px);
}
.Message.fromThem.unread .MessageContent::after {
  content: "";
  position: absolute;
  left: -3px;
  background: linear-gradient(to right, transparent, rgba(0, 94, 187, 0.7));
  top: -1.45rem;
  height: 1.45rem;
  width: 3px;
  -webkit-mask-image: linear-gradient(to bottom, #000000 85%, rgba(0, 0, 0, 0.5));
  mask-image: linear-gradient(to bottom, #000000 85%, rgba(0, 0, 0, 0.5));
}
@media print {
  .Message.fromThem.unread .MessageContent {
    box-shadow: none;
  }
}
.Message.fromThem.unread .MessageContent::before {
  border: none;
}
.Message.fromThem .hasStatusIcon {
  flex-direction: row-reverse;
}
.Message.fromUs {
  margin-left: auto;
}
@media screen and (min-width: 769px) {
  .Message.fromUs {
    margin-right: 0.3rem;
  }
}
.Message.fromUs .MessageContent {
  border-color: #b8c6d8;
  border: 2px solid #b8c6d8;
  background: #ebeff4;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #b8c6d8 1.4em, #b8c6d8 calc(1.4em + 2px), #ebeff4 calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #b8c6d8;
}
@media print {
  .Message.fromUs .MessageContent::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent {
    border: none;
  }
}
.Message.fromUs .MessageContent.color1 {
  border-color: #92c6ed;
  border: 2px solid #92c6ed;
  background: #deeefa;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color1::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #92c6ed 1.4em, #92c6ed calc(1.4em + 2px), #deeefa calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #92c6ed;
}
@media print {
  .Message.fromUs .MessageContent.color1::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color1 {
    border: none;
  }
}
.Message.fromUs .MessageContent.color2 {
  border-color: #96cd9c;
  border: 2px solid #96cd9c;
  background: #dff0e1;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color2::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #96cd9c 1.4em, #96cd9c calc(1.4em + 2px), #dff0e1 calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #96cd9c;
}
@media print {
  .Message.fromUs .MessageContent.color2::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color2 {
    border: none;
  }
}
.Message.fromUs .MessageContent.color3 {
  border-color: #e8abe3;
  border: 2px solid #e8abe3;
  background: #f8e6f6;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color3::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #e8abe3 1.4em, #e8abe3 calc(1.4em + 2px), #f8e6f6 calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #e8abe3;
}
@media print {
  .Message.fromUs .MessageContent.color3::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color3 {
    border: none;
  }
}
.Message.fromUs .MessageContent.color4 {
  border-color: #d2b7ec;
  border: 2px solid #d2b7ec;
  background: #f1e9f9;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color4::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #d2b7ec 1.4em, #d2b7ec calc(1.4em + 2px), #f1e9f9 calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #d2b7ec;
}
@media print {
  .Message.fromUs .MessageContent.color4::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color4 {
    border: none;
  }
}
.Message.fromUs .MessageContent.color5 {
  border-color: #80cbc9;
  border: 2px solid #80cbc9;
  background: #d9efef;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color5::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #80cbc9 1.4em, #80cbc9 calc(1.4em + 2px), #d9efef calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #80cbc9;
}
@media print {
  .Message.fromUs .MessageContent.color5::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color5 {
    border: none;
  }
}
.Message.fromUs .MessageContent.color6 {
  border-color: #d5c098;
  border: 2px solid #d5c098;
  background: #f2ece0;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color6::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #d5c098 1.4em, #d5c098 calc(1.4em + 2px), #f2ece0 calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #d5c098;
}
@media print {
  .Message.fromUs .MessageContent.color6::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color6 {
    border: none;
  }
}
.Message.fromUs .MessageContent.color7 {
  border-color: #ebb390;
  border: 2px solid #ebb390;
  background: #f9e8de;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.color7::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #ebb390 1.4em, #ebb390 calc(1.4em + 2px), #f9e8de calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #ebb390;
}
@media print {
  .Message.fromUs .MessageContent.color7::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.color7 {
    border: none;
  }
}
.Message.fromUs .MessageContent.urgent {
  border-color: #dbdbdb;
  border: 2px solid #dbdbdb;
  background: #ffffd0;
  border-radius: 0.75rem;
  border-top-right-radius: 0;
  padding: 0.5rem;
  position: relative;
}
.Message.fromUs .MessageContent.urgent::before {
  content: "";
  position: absolute;
  /*rtl:raw:
            transform: scaleX(-1);*/
  top: calc(-1.4em - 2px);
  width: 1.4em;
  height: calc(1.4em + 5px);
  right: -2px;
  background: radial-gradient(circle at 0 0, transparent 1.4em, #dbdbdb 1.4em, #dbdbdb calc(1.4em + 2px), #ffffd0 calc(1.4em + 2px));
  /*rtl:ignore*/
  border-right: 2px solid #dbdbdb;
}
@media print {
  .Message.fromUs .MessageContent.urgent::before {
    visibility: hidden;
  }
}
@media print {
  .Message.fromUs .MessageContent.urgent {
    border: none;
  }
}
.Message .hasStatusIcon {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .Message .hasStatusIcon {
    gap: 5px;
  }
}

/* Copyright 2022 Epic Systems Corporation */
.CostCalcServiceFooter {
  text-align: center;
  padding-top: 1rem;
}
.CostCalcServiceFooter a {
  white-space: nowrap;
}
.CostCalcServiceFooter .footerText {
  padding: 4px;
}
.CostCalcServiceFooter .icon {
  vertical-align: text-top;
  /* rtl:raw: transform: scaleX(-1); */
}

.TextHeaderWithIcon._command.tertiary.neutral {
  padding: 0.5rem 0 0 0;
  left: 0;
  top: 0.5rem;
  margin: 0;
  position: relative;
}

.provListDisclosure {
  margin-bottom: 1rem;
}
.provListDisclosure .disclosureButton {
  align-self: flex-start;
}

.MainViewPicker._ViewPicker._CollapsedControls {
  margin-top: 0;
}

.MainViewPicker._ViewPicker ._ViewPickerPanel._container {
  margin-top: 0.5rem;
  min-height: 25rem;
  position: relative;
}

.ViewPickerLabel._readOnlyText._Text:not(:only-child) {
  padding-bottom: 0;
  margin-bottom: 0;
}

@media print {
  ._TabList.horizontal ._OptionListElement.selected ._OptionListCommand {
    text-decoration: underline;
    font-weight: bold;
  }
  ._CollapsibleListBoxCommand {
    display: flex;
  }
  ._ViewPicker._CollapsedControls ._CollapsibleListBox {
    display: block;
  }
}
.CostCalcCardArrow[class] {
  /* rtl:raw: transform: scaleX(-1); */
  width: 24px;
  margin: auto;
  margin-left: 0.5rem;
  margin-right: calc(-0.5rem + 3px);
  flex-shrink: 0;
  fill: #767676;
}
.mobile .CostCalcCardArrow[class] {
  margin-left: 0.25rem;
}

.OutOfNetHeader {
  padding-top: 0;
}

.asSidebar {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  padding: 20px;
  padding-top: 0;
  background-color: rgba(122, 0, 25, 0.05);
  height: fit-content;
}
.asSidebar:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.asSidebar ._StatusMessage h2 {
  font-size: 1.1rem;
}

.ProvListBody {
  list-style-type: none;
}
.ProvListBody li::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #dbdbdb;
  align-self: center;
}

ol.ProvListBody {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: 0;
  padding: 0;
}
ol.ProvListBody:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media print {
  ol.ProvListBody {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 1300px) {
  .mobile ol.ProvListBody {
    width: 100%;
    margin: 0;
    box-shadow: none;
    border: 1px solid #dbdbdb;
    border-width: 1px 0;
  }
}
ol.ProvListBody li:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
@media print {
  ol.ProvListBody li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #000000;
    width: 100%;
  }
}

.ProvListHeader {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: flex-end;
  height: fit-content;
}

.provListHeaderItem {
  max-width: fit-content;
  display: flex;
}

.provListFilterText {
  align-content: center;
}

.provListFilterIcon {
  margin-left: 0.1rem;
}
.provListFilterIcon[class] {
  width: clamp(16px, 1.6rem, 48px);
  height: clamp(16px, 1.6rem, 48px);
}

.ProviderListLoadingText {
  padding-top: 1rem;
  align-self: center;
  text-align: center;
}

@media screen and (min-width: 1301px) {
  .bodyContainer {
    display: inline-flex;
    align-content: stretch;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    gap: 1rem;
  }
  .withSidebar {
    flex-basis: 60%;
    flex-grow: 2;
    margin-top: 0.75rem;
  }
  .sideContent {
    flex-basis: 20%;
    flex-grow: 1;
  }
}
.InNetList {
  display: flex;
  flex-direction: column;
}
.InNetList .ProvListProcDisclaimer {
  width: 72.2%;
}

.ProvListFilterSegment {
  max-width: 25rem;
}
.ProvListFilterSegment .UnpaddedFilter {
  width: 100%;
}
.ProvListFilterSegment ._DefinitionDisclosureCommand {
  position: relative;
  top: -0.5rem;
}
.ProvListFilterSegment .ProvListFilterComponent {
  width: 100%;
  padding-right: 2.5rem;
}

@media screen and (max-width: 1300px) {
  .InNetList .ProvListProcDisclaimer {
    width: unset;
  }
  .ProvListHeader {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .ProvListHeader[class] .provListFilterCommand {
    color: #404d5b;
    padding: 0.3rem 0;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
  }
}
.InNetListElement {
  width: 100%;
  justify-content: space-evenly;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px;
}
.InNetListElement .inNetListElementSecondRow {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.InNetListElement .inNetListElementSecondRow .ListElementSubHeader {
  justify-self: flex-start;
  flex-basis: 30%;
  flex-shrink: 1;
  max-width: 30%;
  padding-right: 0.3rem;
}
.InNetListElement .inNetListElementSecondRow .ListElementSubHeader .ProvNameList {
  justify-self: flex-start;
  width: fit-content;
}
.InNetListElement .inNetListElementSecondRow .ListElementSubHeader .ProvNameList .SingleNameDisplay {
  margin: 0.3rem 0;
  word-wrap: break-word;
}
.InNetListElement .inNetListElementSecondRow .ListElementAddress {
  width: fit-content;
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  padding-top: 0.3rem;
  word-wrap: break-word;
  max-width: 30%;
  padding-right: 0.3rem;
}
.InNetListElement .inNetListElementSecondRow .ListElementAddress .listAddressDistance {
  font-weight: bold;
  color: #000000;
}
.InNetListElement .inNetListElementSecondRow .ListElementAddress .listAddressDistance[class] {
  margin: 0;
}
.InNetListElement .inNetListElementSecondRow .ListElementAddress .listAddressLine[class] {
  margin: 0;
}
.InNetListElement .inNetListElementSecondRow .ListElementCost {
  display: flex;
  flex-direction: column;
  flex-basis: 20%;
  max-width: 20%;
  word-wrap: break-word;
  padding-top: 0.5rem;
}
.InNetListElement .inNetListElementSecondRow .ListElementCost .priceText {
  font-weight: bold;
  color: #000000;
  font-size: 1.7rem;
}
.InNetListElement .inNetListElementSecondRow .ListElementCost .priceText[class] {
  margin: 0;
}
.InNetListElement .inNetListElementSecondRow .ListElementCost .estimatedCostLabel[class] {
  margin: 0;
  padding-top: 0.3rem;
}
.InNetListElement .inNetListElementSecondRow .SeeCostDetailsButton {
  flex-basis: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.InNetListElement .inNetListElementSecondRow .SeeCostDetailsButton button {
  height: fit-content;
  width: fit-content;
  margin-top: 0.8rem;
}

.ListElementHeaderWrapper {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  flex-wrap: wrap;
}
.ListElementHeaderWrapper .ListElementHeader {
  width: fit-content;
  padding: 0.5rem 0rem;
}
.ListElementHeaderWrapper .ListElementNetBadge {
  width: fit-content;
}

@media screen and (max-width: 768px) {
  .ListElementHeaderWrapper {
    gap: 0rem;
  }
  .ListElementHeaderWrapper .ListElementHeader {
    width: 100%;
  }
  .InNetListElement {
    padding: 10px;
  }
  .InNetListElement .inNetListElementSecondRow {
    flex-direction: column;
  }
  .InNetListElement .inNetListElementSecondRow .ListElementSubHeader {
    max-width: 100%;
  }
  .InNetListElement .inNetListElementSecondRow .ListElementAddress {
    max-width: 100%;
  }
  .InNetListElement .inNetListElementSecondRow .ListElementCost {
    text-align: center;
    max-width: 100%;
  }
  .InNetListElement .inNetListElementSecondRow .SeeCostDetailsButton button {
    width: 100%;
  }
}
.provSearchGeoContainer {
  display: flex;
  flex-direction: row;
  max-width: 100%;
}
.provSearchGeoContainer .provSearchIntroText:not(:only-child)[class][class][class] {
  margin-top: 0.5rem;
}

.provListBoundary {
  padding: 1rem 0.125rem 0.125rem 0.125rem;
}

.SearchControls.ProvSearch {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.SearchControls.ProvSearch .provSearchInput {
  align-self: center;
  position: relative;
  padding: 0rem;
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
  flex-grow: 1;
}
.SearchControls.ProvSearch .provSearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.SearchControls.ProvSearch .provSearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.SearchControls.ProvSearch .provSearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.SearchControls.ProvSearch .provSearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.SearchControls.ProvSearch .provSearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .SearchControls.ProvSearch .provSearchInput:focus-within {
    will-change: transform;
  }
}
.SearchControls.ProvSearch .provSearchInput:focus-within :focus-visible {
  outline: none;
}
.SearchControls.ProvSearch .provSearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField {
  flex-grow: 1;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.SearchControls.ProvSearch .provSearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.SearchControls.ProvSearch .provSearchInput ._command, .SearchControls.ProvSearch .provSearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.SearchControls.ProvSearch .provSearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.SearchControls.ProvSearch .provSearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.SearchControls.ProvSearch .provSearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._input::-ms-clear, .SearchControls.ProvSearch .provSearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.SearchControls.ProvSearch .provSearchInput ._labelledField ._input::-webkit-search-decoration, .SearchControls.ProvSearch .provSearchInput ._labelledField ._input::-webkit-search-cancel-button, .SearchControls.ProvSearch .provSearchInput ._labelledField ._input::-webkit-search-results-button, .SearchControls.ProvSearch .provSearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}
.SearchControls.ProvSearch .provSearchInput .searchIconPlaceholder {
  background: #ffffff;
  color: #565656;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.25rem;
  width: fit-content;
  order: -1;
}
.SearchControls.ProvSearch .searchButton {
  align-self: center;
  padding: 0.75rem;
}

@media screen and (max-width: 1300px) {
  .provSearchGeoContainer {
    display: flex;
    flex-direction: column;
  }
  .SearchControls.ProvSearch[class][class] {
    flex-direction: column;
    gap: 0;
  }
  .SearchControls.ProvSearch[class][class] .searchButton {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
@media print {
  .SearchControls .SearchInput ._labelledField ._readOnlyText {
    border: none;
    margin-bottom: 0;
  }
}
.CostCalcDisclaimerPage {
  flex: auto;
  display: flex;
  flex-direction: column;
}
.CostCalcDisclaimerPage .costCalcDisclaimer {
  min-height: 5rem;
  max-height: 30rem;
  padding: 0.5rem;
  background-color: rgba(255, 255, 255, 0.8);
  overflow-y: scroll;
  border: 1px solid #cccccc;
  max-width: 60rem;
}

.CostOverviewTitle {
  padding: 0;
  margin: 0;
}

.CostOverviewTextFragSpacing {
  margin: 0;
  padding: 0.2rem 0rem 0rem 0rem;
}

.costOverviewCodeList {
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .costOverviewCodeList {
  color: #000000;
}

.costOverviewCodeList[class][class] {
  margin: 0;
  padding-left: 0.1rem;
  position: relative;
  top: -0.4rem;
}

.costOverviewCodeDisclaimer[class][class] {
  margin-top: 0;
  padding-left: 0.1rem;
}

.CostOverviewDollarAmount {
  color: #0f784a;
}

.CostOverviewWarningText {
  color: #767676;
}

.CostOverviewLeftSpacing {
  margin-left: 0.25rem;
}

.CostOverviewEmblem {
  vertical-align: middle;
  fill: #09aa71;
}

.CostOverviewItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.CostOverviewItem .costOverviewLabel {
  word-break: break-word;
  margin-right: auto;
}

.CostOverviewDetailsItem {
  justify-content: flex-end;
  font-size: 1.1rem;
  position: relative;
  display: flex;
  flex-wrap: wrap;
}
.CostOverviewDetailsItem .costOverviewAmountLabel {
  word-break: break-word;
  margin-right: auto;
}
.CostOverviewDetailsItem .costOverviewAmount {
  color: #363636;
  word-break: break-word;
  margin-left: 0.3rem;
}

.CostOverviewSubItem {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  font-size: 1rem;
  padding-left: 1rem;
  color: #767676;
}
.CostOverviewSubItem .costOverviewSubAmountLabel {
  word-break: break-word;
  margin-right: auto;
}
.CostOverviewSubItem .costOverviewSubAmount {
  word-break: break-word;
  margin-left: 0.3rem;
}

.costOverviewFlexTotal.costOverviewSmallFlex .costOverviewFlexHorizontal {
  display: flex;
  flex-direction: row;
  width: 50%;
}
.costOverviewFlexTotal.costOverviewSmallFlex .costOverviewFlexHorizontal .CostOverviewSummarySegment {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .costOverviewFlexTotal.costOverviewSmallFlex .costOverviewFlexHorizontal {
    flex-direction: column;
    width: 100%;
  }
}

.costOverviewFlexTotal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.costOverviewFlexTotal .costOverviewFlexHorizontal {
  display: flex;
  flex-direction: row;
  width: calc(100% + 12px);
  max-width: none;
}
@media screen and (max-width: 1300px) {
  .costOverviewFlexTotal .costOverviewFlexHorizontal {
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .costOverviewFlexTotal {
    flex-direction: column;
    width: 100%;
  }
}

.CostOverviewSummarySegment .CostOverviewProcDisclaimer {
  display: flex;
  width: 100%;
  padding-left: 0.3rem;
  padding-bottom: 0.2rem;
}
.CostOverviewSummarySegment .CostOverviewProcDisclaimer .disclaimerIcon {
  width: 1.5rem;
  height: 1.5rem;
}
.CostOverviewSummarySegment .CostOverviewProcDisclaimer .procDisclaimerHeader {
  font-weight: bold;
  margin-bottom: 0rem;
  padding-top: 0.2rem;
  margin-left: 0.2rem;
}
.CostOverviewSummarySegment .CostOverviewProcDisclaimer .disclaimerDropdown {
  justify-content: center;
  margin-left: 0.2rem;
  padding-right: 0.4rem;
}
.CostOverviewSummarySegment .CostOverviewProcDisclaimer .disclaimerDropdown .disclosureButton {
  padding: 0rem;
  justify-content: flex-start;
}
.CostOverviewSummarySegment[class][class] {
  display: flex;
  flex-direction: column;
  width: 35%;
  justify-content: space-between;
  margin: 0.25rem 0.75rem 0.75rem 0;
}
.CostOverviewSummarySegment[class][class] .youPayHeader {
  font-size: 2rem;
  text-align: center;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
  line-height: normal;
  word-wrap: break-word;
}
.CostOverviewSummarySegment[class][class] .costOverviewText._readOnlyText._Text {
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  padding: 0;
}
.CostOverviewSummarySegment[class][class] .costOverviewText._readOnlyText._Text:not(:only-child) {
  margin: 0;
  padding: 0;
}
.CostOverviewSummarySegment[class][class] .costOverviewGrid {
  margin-bottom: 0;
}
@media screen and (max-width: 1300px) {
  .CostOverviewSummarySegment[class][class] {
    width: 100%;
  }
}

.costOverviewTextBottomSpacing[class][class] {
  margin-bottom: 1rem;
}

.CostOverviewCostSegment[class][class] {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: fit-content;
  flex: 1;
  margin: 0.25rem 0 0.75rem 0;
}
.CostOverviewCostSegment[class][class] .costOverviewTextBold {
  font-weight: bold;
}
.CostOverviewCostSegment[class][class] .costOverviewTextVeryLight {
  color: #767676;
}
.CostOverviewCostSegment[class][class] .costOverviewRightAlign {
  text-align: right;
}
@media screen and (max-width: 1300px) {
  .CostOverviewCostSegment[class][class] {
    width: 100%;
  }
}

.CostOverviewCoverageSegment {
  display: flex;
  flex-direction: column;
  flex-shrink: 5;
  page-break-before: always;
}
.CostOverviewCoverageSegment .costOverViewDisclosure .disclosureButton {
  align-self: flex-start;
}
.CostOverviewCoverageSegment .costOverviewTextLight._readOnlyText._Text {
  color: #565656;
  padding: 0;
}
.CostOverviewCoverageSegment .costOverviewTextLight {
  color: #565656;
  padding: 0;
}
.CostOverviewCoverageSegment .costOverviewTextVeryLight._readOnlyText._Text {
  color: #565656;
  padding: 0;
  word-break: break-word;
}
.CostOverviewCoverageSegment .costOverviewTextVeryLight {
  color: #767676;
  padding: 0;
}
.CostOverviewCoverageSegment .costOverviewGrid {
  margin-bottom: 0;
}
@media print {
  .CostOverviewCoverageSegment .costOverviewGrid .row:not(.fixed) > [class*=col] {
    width: 48%;
  }
}
.CostOverviewCoverageSegment .bucketProgress._readOnlyText._Text {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}
.CostOverviewCoverageSegment .costOverviewCenterAlign._readOnlyText._Text {
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}
.CostOverviewCoverageSegment .costOverviewCenterAlign {
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
}

.CostOverviewListContainer {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}

.CostOverviewList .headerRow {
  display: none;
}
@media print {
  .CostOverviewList .grid > .row:not(.fixed) > [class*=col] {
    width: 100%;
  }
}

.CostOverviewMOOPMetSegment {
  display: flex;
  align-items: center;
  height: 100%;
}
.CostOverviewMOOPMetSegment .costOverviewMOOPMetHeading {
  font-weight: bold;
}
.CostOverviewMOOPMetSegment .costOverviewMOOPMetHeading[class][class] {
  margin: 0;
}
.CostOverviewMOOPMetSegment .costOverviewMOOPMetMessage[class][class] {
  margin: 0;
}
.CostOverviewMOOPMetSegment .CostOverviewEmblem {
  padding: 0.25rem;
}

.CostDetailsDisclosure .disclosureButton {
  align-self: flex-start;
  max-width: 60%;
}
.CostDetailsDisclosure .disclosureButton .disclosureChevron {
  min-width: 1rem;
}

.CostOverviewTotal {
  font-size: 1.1rem;
  font-weight: bold;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  border-top: 1px solid #dbdbdb;
  padding-top: 0.5rem;
}
.CostOverviewTotal .costOverviewAmountLabel {
  word-break: break-word;
  margin-right: auto;
}
.CostOverviewTotal .costOverviewAmount {
  margin-left: 0.3rem;
  font-size: 1.1rem;
  color: #0f784a;
  word-break: break-word;
}

.CostOverviewDefinitionsCard[class][class] {
  min-height: 0rem;
  margin: 0 0 0.5rem 0;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.CostOverviewDefinitionsHeader[class][class] {
  display: flex;
  flex-direction: column;
  padding-left: 0.2rem;
}

.CostOverviewDefinitionsRow {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .CostOverviewDefinitionsRow {
    flex-direction: column;
  }
}
.CostOverviewDefinitionsRow .costOverviewDefinitionsColumn {
  display: flex;
  flex-direction: column;
  margin-right: 0.3rem;
}

.CostOverviewDefinition {
  margin-bottom: 0.4rem;
}
.CostOverviewDefinition .costOverviewDefinitionLabel[class][class] {
  padding: 0;
}

.CostOverviewMultServ[class][class] {
  color: #767676;
  margin: 0;
  padding: 0 0.25rem 0 0.25rem;
}

@media screen and (max-width: 1300px) and (min-width: 768px) {
  .bucketCard .CostOverviewItem {
    flex-direction: column;
  }
}
.CostOverviewList .headerRow {
  background-color: rgba(122, 0, 25, 0.05);
  color: #7a0019;
}
.CostOverviewList [class*=col-] {
  padding: 0.25rem;
}
@media screen and (max-width: 768px) {
  .CostOverviewList .celllabel {
    margin-top: 0.5rem;
    display: block;
  }
}
.CostOverviewList ._ListGridBody .row {
  background-color: #ffffff;
  border-bottom: none;
}
.CostOverviewList ._ListGridBody .row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .CostOverviewList ._ListGridBody .row {
    padding: 0.25rem;
  }
  .CostOverviewList ._ListGridBody .row:last-child {
    padding: 0.25rem;
  }
}
@media screen and (max-width: 768px) {
  .CostOverviewList ._ListGridBody [class*=col-] {
    padding: 0;
  }
}

.CostOverviewHeader[class][class] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0.25rem 0 0.75rem 0;
}
.CostOverviewHeader[class][class] .costOverviewHeaderContent {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .CostOverviewHeader[class][class] .costOverviewHeaderContent {
    display: initial;
  }
}
.CostOverviewHeader[class][class] .costOverviewHeaderContent .costOverviewPlaceAddressCombo {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .CostOverviewHeader[class][class] .costOverviewHeaderContent .costOverviewPlaceAddressCombo {
    margin-bottom: 1.25rem;
  }
}

.CostCalcIconNameRow.CostOverviewPlaceOfService {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .CostCalcIconNameRow.CostOverviewPlaceOfService {
    width: 100%;
  }
}

.CostCalcIconNameRow.CostOverviewProvListDropdown {
  width: 100%;
}
.CostCalcIconNameRow.CostOverviewProvListDropdown .ProvListDropdown {
  justify-content: center;
}
.CostCalcIconNameRow.CostOverviewProvListDropdown .ProvListDropdown .disclosureButton {
  padding: 0rem;
  justify-content: flex-start;
  margin-top: 0.3rem;
}
.CostCalcIconNameRow.CostOverviewProvListDropdown .ProvListDropdown .ccProvGrid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 10rem), 1fr));
  gap: 0rem 0.7rem;
}

.CostCalcIconNameRow {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: flex;
  width: fit-content;
}
.CostCalcIconNameRow .overviewProvIcon {
  color: #7a0019;
  width: 2rem;
  height: 2rem;
}
.CostCalcIconNameRow .overviewProvText {
  position: relative;
  top: 0.5rem;
  word-break: break-word;
}
.CostCalcIconNameRow .overviewProvText .costOverviewAddressLine[class] {
  margin: 0;
}
.CostCalcIconNameRow .overviewProvText .costOverviewLocationText {
  padding: 0;
}
.CostCalcIconNameRow .overviewProvText .costOverviewLocationText[class][class] {
  margin-top: 0.1rem;
  margin-bottom: 0rem;
}
.CostCalcIconNameRow .overviewProvText .costOverviewLocationSubText {
  font-size: 0.8888888889rem;
  color: #767676;
  padding: 0;
}
.CostCalcIconNameRow .overviewProvText .costOverviewLocationSubText[class][class] {
  margin-top: 0.1rem;
  margin-bottom: 0rem;
}
[data-altstylesheet="High Contrast"] .CostCalcIconNameRow .overviewProvText .costOverviewLocationSubText {
  color: #000000;
}

.CostOverviewBadges {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.2rem;
  padding-bottom: 0.25rem;
}

.costOverviewBadge {
  width: fit-content;
  border-radius: 1rem;
}

.CostCalcProvSearchGeoControl {
  margin-left: auto;
  max-width: max-content;
}
.CostCalcProvSearchGeoControl .GeoSearchPane._Segment.boundary-strong {
  position: absolute;
  right: 0;
}
@media print {
  .CostCalcProvSearchGeoControl {
    display: none;
  }
}

.CostCalcProvListGeoControl {
  max-width: fit-content;
}
@media print {
  .CostCalcProvListGeoControl {
    display: none;
  }
}
.CostCalcProvListGeoControl .GeoSearchPane._Segment.boundary-strong {
  position: absolute;
  right: 0;
  min-width: 0;
}
.CostCalcProvListGeoControl .GeoDropdownHeader {
  margin: 0;
}

@media screen and (max-width: 1300px) {
  .CostCalcProvSearchGeoControl {
    margin-left: unset;
    margin-right: auto;
  }
  .CostCalcProvSearchGeoControl .GeoSearchPane._Segment.boundary-strong {
    position: absolute;
    left: 0;
    margin-bottom: 0.5rem;
    min-width: 0;
  }
  .CostCalcProvListGeoControl .GeoSearchPane._Segment.boundary-strong {
    position: absolute;
    left: 0;
  }
  .CostCalcProvListGeoControl .GeoDropdownHeader {
    margin-bottom: 0.2rem;
    margin-top: 0.2rem;
    margin-right: 1.5rem;
  }
}
.CostCalcStatus {
  padding-left: 0.125rem;
}

.ErrorCard {
  text-align: center;
  background-color: rgba(204, 204, 204, 0.25);
}
.ErrorCard .centeredErrorButton.primary.neutral {
  width: fit-content;
  display: flex;
  align-self: center;
}

.errorCardTimeOutStatus {
  display: flex;
  flex-direction: column;
}

.errorCardInner {
  text-align: center;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .ErrorCard {
    padding: 10px;
    margin-top: 0;
  }
}
.SearchSubtitle {
  padding: 0.75rem 0;
}

.CCLegacySearchControls {
  display: flex;
  flex-direction: row;
  gap: 1.5rem;
}
.CCLegacySearchControls .SearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
  flex-grow: 1;
}
.CCLegacySearchControls .SearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.CCLegacySearchControls .SearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.CCLegacySearchControls .SearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.CCLegacySearchControls .SearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.CCLegacySearchControls .SearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .CCLegacySearchControls .SearchInput:focus-within {
    will-change: transform;
  }
}
.CCLegacySearchControls .SearchInput:focus-within :focus-visible {
  outline: none;
}
.CCLegacySearchControls .SearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.CCLegacySearchControls .SearchInput ._labelledField {
  flex-grow: 1;
}
.CCLegacySearchControls .SearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.CCLegacySearchControls .SearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.CCLegacySearchControls .SearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.CCLegacySearchControls .SearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.CCLegacySearchControls .SearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.CCLegacySearchControls .SearchInput ._command, .CCLegacySearchControls .SearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.CCLegacySearchControls .SearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.CCLegacySearchControls .SearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.CCLegacySearchControls .SearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.CCLegacySearchControls .SearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.CCLegacySearchControls .SearchInput ._labelledField ._input::-ms-clear, .CCLegacySearchControls .SearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.CCLegacySearchControls .SearchInput ._labelledField ._input::-webkit-search-decoration, .CCLegacySearchControls .SearchInput ._labelledField ._input::-webkit-search-cancel-button, .CCLegacySearchControls .SearchInput ._labelledField ._input::-webkit-search-results-button, .CCLegacySearchControls .SearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}
.CCLegacySearchControls .SearchInput .searchIconPlaceholder {
  background: #ffffff;
  color: #565656;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.25rem;
  width: fit-content;
  order: -1;
}
.CCLegacySearchControls .InsuranceDropdown {
  flex-basis: 40%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .CCLegacySearchControls .InsuranceDropdown {
    padding-top: 10px;
    width: 100%;
  }
}
.CCLegacySearchControls .InsuranceDropdown select {
  margin-bottom: 0;
}
.CCLegacySearchControls .searchButton[class][class] {
  align-self: center;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .CCLegacySearchControls._Segment.boundary-none {
    display: flex;
    flex: auto;
    flex-direction: column;
    gap: 0.5rem;
  }
  .CCLegacySearchControls._Segment.boundary-none .procSearchInput {
    width: 100%;
    align-self: center;
    position: relative;
  }
  .CCLegacySearchControls._Segment.boundary-none .procSearchInput .label {
    padding-left: 0.5rem;
  }
  .CCLegacySearchControls._Segment.boundary-none .procSearchInput .input {
    padding-left: 0.5rem;
  }
  .CCLegacySearchControls._Segment.boundary-none .InsuranceDropdown {
    align-self: center;
    padding-right: 0;
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .CCLegacySearchControls._Segment.boundary-none .searchButton {
    left: unset;
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.mobile .CCLegacySearchControls._Segment.boundary-none {
  display: flex;
  flex: auto;
  flex-direction: column;
  gap: 0.5rem;
}
.mobile .CCLegacySearchControls._Segment.boundary-none .procSearchInput {
  width: 100%;
  align-self: center;
  position: relative;
}
.mobile .CCLegacySearchControls._Segment.boundary-none .procSearchInput .label {
  padding-left: 0.5rem;
}
.mobile .CCLegacySearchControls._Segment.boundary-none .procSearchInput .input {
  padding-left: 0.5rem;
}
.mobile .CCLegacySearchControls._Segment.boundary-none .InsuranceDropdown {
  align-self: center;
  padding-right: 0;
  position: relative;
  top: 0;
  width: 100%;
  margin-bottom: 0.5rem;
}
.mobile .CCLegacySearchControls._Segment.boundary-none .searchButton {
  left: unset;
  padding-right: 1rem;
  padding-left: 1rem;
}

.TemplateResultPage {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: space-between;
}
.TemplateResultPage .TemplateList {
  flex-basis: 66%;
  margin-top: 0.45rem;
}
.TemplateResultPage .CCRelatedLinks {
  flex-basis: 30%;
}
@media print {
  .TemplateResultPage {
    display: block;
  }
}

.templateCodeText {
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .templateCodeText {
  color: #000000;
}

.TemplateListItem .templateListCard {
  text-align: left;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: inline-flex;
  padding: 20px;
}
.TemplateListItem .templateListCard .templateInfoSegment {
  width: 95%;
}
.TemplateListItem .templateListCard .templateInfoSegment .templateNameText {
  align-self: center;
  word-break: break-word;
  color: #000000;
  font-size: 1.1rem;
}
.TemplateListItem .templateListCard .templateInfoSegment .templateDescriptionText {
  word-break: break-word;
  color: #000000;
}
.TemplateListItem .templateListCard:hover {
  background-color: #f4ebed;
}

ol.TemplateListBody {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  margin-left: 0;
  min-height: 0;
  padding: 0;
  width: 100%;
}
ol.TemplateListBody:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media print {
  ol.TemplateListBody {
    margin: 0;
    padding: 0;
  }
}
ol.TemplateListBody li .TemplateListItem {
  width: 100%;
}
ol.TemplateListBody li:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  align-self: center;
}
@media print {
  ol.TemplateListBody li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #000000;
    width: 100%;
  }
}

@media screen and (max-width: 1300px) {
  .TemplateResultPage {
    gap: 0.5rem;
  }
  .TemplateResultPage .TemplateList {
    flex-basis: 100%;
  }
  .TemplateResultPage .CCRelatedLinks {
    flex-basis: 100%;
  }
}
.TemplateSearchHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  background: #f2e6e9;
}
@media screen and (max-width: 768px) {
  .TemplateSearchHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .TemplateSearchHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  .TemplateSearchHeader {
    min-height: 1px;
  }
}
body.branded .TemplateSearchHeader {
  overflow-x: visible;
}
.TemplateSearchHeader > * {
  position: relative;
  z-index: 1;
}
.TemplateSearchHeader:before {
  background: #f2e6e9;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded .TemplateSearchHeader:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
.TemplateSearchHeader:before {
  top: calc(100% - 1.75rem);
  height: 5rem;
}
body.branded .TemplateSearchHeader {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
.TemplateSearchHeader.swoopText, .TemplateSearchHeader .swoopText {
  color: #363636;
}
.TemplateSearchHeader.swoopText h1, .TemplateSearchHeader.swoopText h2, .TemplateSearchHeader.swoopText h3, .TemplateSearchHeader.swoopText h4, .TemplateSearchHeader.swoopText.header, .TemplateSearchHeader.swoopText .header, .TemplateSearchHeader.swoopText.heading, .TemplateSearchHeader.swoopText .heading, .TemplateSearchHeader.swoopText._PageHeading, .TemplateSearchHeader.swoopText ._PageHeading, .TemplateSearchHeader.swoopText._heading, .TemplateSearchHeader.swoopText ._heading, .TemplateSearchHeader .swoopText h1, .TemplateSearchHeader .swoopText h2, .TemplateSearchHeader .swoopText h3, .TemplateSearchHeader .swoopText h4, .TemplateSearchHeader .swoopText.header, .TemplateSearchHeader .swoopText .header, .TemplateSearchHeader .swoopText.heading, .TemplateSearchHeader .swoopText .heading, .TemplateSearchHeader .swoopText._PageHeading, .TemplateSearchHeader .swoopText ._PageHeading, .TemplateSearchHeader .swoopText._heading, .TemplateSearchHeader .swoopText ._heading {
  color: #7a0019;
}
.TemplateSearchHeader.swoopText a, .TemplateSearchHeader.swoopText._Link, .TemplateSearchHeader.swoopText ._Link, .TemplateSearchHeader .swoopText a, .TemplateSearchHeader .swoopText._Link, .TemplateSearchHeader .swoopText ._Link {
  background-color: #ffffff;
  border-radius: 0.25rem;
  padding: 0.2rem 0.4rem;
}
.TemplateSearchHeader:before {
  height: 8.5rem;
}
@media screen and (max-width: 768px) {
  .TemplateSearchHeader:before {
    height: 9.5rem;
  }
}
.TemplateSearchHeader .swoopText {
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .TemplateSearchHeader {
    padding: 1.5rem 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .TemplateSearchHeader {
    padding: 1.4rem 2rem 1.5rem 2rem;
  }
}

.TemplateSearchControls {
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  max-width: 45rem;
}
.TemplateSearchControls[class] {
  padding: 1.5rem 1.5rem;
  margin: auto;
  display: flex;
}
.TemplateSearchControls .templateSearchControlsHeader {
  padding: 0;
}
.TemplateSearchControls .templateSearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.TemplateSearchControls .templateSearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.TemplateSearchControls .templateSearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.TemplateSearchControls .templateSearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.TemplateSearchControls .templateSearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.TemplateSearchControls .templateSearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .TemplateSearchControls .templateSearchInput:focus-within {
    will-change: transform;
  }
}
.TemplateSearchControls .templateSearchInput:focus-within :focus-visible {
  outline: none;
}
.TemplateSearchControls .templateSearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.TemplateSearchControls .templateSearchInput ._labelledField {
  flex-grow: 1;
}
.TemplateSearchControls .templateSearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.TemplateSearchControls .templateSearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.TemplateSearchControls .templateSearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.TemplateSearchControls .templateSearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.TemplateSearchControls .templateSearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.TemplateSearchControls .templateSearchInput ._command, .TemplateSearchControls .templateSearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.TemplateSearchControls .templateSearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.TemplateSearchControls .templateSearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.TemplateSearchControls .templateSearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.TemplateSearchControls .templateSearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.TemplateSearchControls .templateSearchInput ._labelledField ._input::-ms-clear, .TemplateSearchControls .templateSearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.TemplateSearchControls .templateSearchInput ._labelledField ._input::-webkit-search-decoration, .TemplateSearchControls .templateSearchInput ._labelledField ._input::-webkit-search-cancel-button, .TemplateSearchControls .templateSearchInput ._labelledField ._input::-webkit-search-results-button, .TemplateSearchControls .templateSearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}
.TemplateSearchControls .templateSearchInput .searchIconPlaceholder {
  background: #ffffff;
  color: #565656;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.25rem;
  width: fit-content;
  order: -1;
}
.TemplateSearchControls .InsuranceDropdown {
  flex: 5;
}
.TemplateSearchControls .InsuranceDropdown select {
  margin-bottom: 0;
}
.TemplateSearchControls .searchButton[class] {
  margin: 0;
  flex: 1.5;
  padding: 0;
  min-width: fit-content;
}

@media screen and (max-width: 768px) {
  .TemplateSearchControls {
    max-width: 30rem;
    flex-direction: column;
  }
  .TemplateSearchControls[class] {
    padding: 1rem;
  }
  .TemplateSearchControls .templateSearchInput {
    width: 100%;
    position: relative;
  }
  .TemplateSearchControls .InsuranceDropdown {
    width: 100%;
  }
  .TemplateSearchControls .searchButton[class][class] {
    padding: calc(0.725rem + 2px) 0;
  }
}
.mobile .TemplateSearchControls .searchButton[class][class] {
  padding: calc(0.725rem + 2px) 0;
}

.categoryHeaderDescription[class][class] {
  margin-top: 0rem;
}

.CCRelatedLinks .CCRelatedLinkHeader {
  padding: 0;
}

.CCRelatedLinkCard {
  text-align: left;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: inline-flex;
  padding: 0.5rem 20px 0.5rem 0.5rem;
  align-items: center;
}
.CCRelatedLinkCard .CCRelatedLinkIcon {
  align-self: start;
  margin-right: 0.2rem;
  color: #7a0019;
}

.CCRelatedLinkTextContainer {
  margin-top: 0.15rem;
}
.CCRelatedLinkTextContainer .CCRelatedLinkTitle {
  color: #7a0019;
  font-size: 1.1rem;
}
.CCRelatedLinkTextContainer .CCRelatedLinkTitle[class][class] {
  margin-bottom: 0.25rem;
}
.CCRelatedLinkTextContainer .CCRelatedLinkDesc {
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .CCRelatedLinkTextContainer .CCRelatedLinkDesc {
  color: #000000;
}

.CCRelatedLinkCard:hover {
  background-color: #f4ebed;
}

.CCLinkList {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  margin-left: 0;
  min-height: 0;
  padding: 0;
  width: 100%;
}
.CCLinkList:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media print {
  .CCLinkList {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.CCLinkList li ._Command {
  width: 100%;
}
.CCLinkList li:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  align-self: center;
}
@media print {
  .CCLinkList li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #000000;
    width: 100%;
  }
}

.CostCalcCategoryWrapper {
  max-width: 45rem;
  margin: auto;
  padding-top: 1rem;
}
.CostCalcCategoryWrapper .CCCategoryListHeader {
  padding-left: 0.1rem;
  padding-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .CostCalcCategoryWrapper {
    max-width: 30rem;
  }
}

.CostCalcCategoryList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: 0.75rem;
}

.CostCalcCategory {
  height: 100%;
  width: 100%;
}
.CostCalcCategory .CostCalcCategoryContent {
  text-align: left;
  display: grid;
  grid-template-columns: max-content 1fr max-content;
  align-items: center;
  min-height: 3rem;
  height: 100%;
  width: 100%;
  margin: 0;
}
.CostCalcCategory .CostCalcCategoryContent .costCalcCategoryTitle {
  word-break: break-word;
  color: #7a0019;
}
.CostCalcCategory .CostCalcCategoryContent .costCalcCategoryIcon {
  margin-right: 0.5rem;
  flex-shrink: 0;
  object-fit: contain;
}

.CostCalcCategoryContent:hover {
  background-color: #f4ebed;
}

.ProcListBoundary {
  padding: 1rem 0.125rem 0.125rem 0.125rem;
}

.ProcListItem .procListCard {
  color: #ffffff;
  height: 100%;
  width: 100%;
  text-align: left;
  flex-wrap: nowrap;
  justify-content: space-between;
  display: inline-flex;
  flex-direction: row;
  padding: 10px 15px 10px 15px;
}
.ProcListItem .procListCard .procListCardContent {
  width: 95%;
}
.ProcListItem .procListCard .procListCardContent .procNameSegment {
  text-align: left;
}
.ProcListItem .procListCard .procListCardContent .procNameSegment .procNameText {
  word-wrap: break-word;
  color: #000000;
}
.ProcListItem .procListCard .procListCardContent .procCodeSegment {
  text-align: left;
}
.ProcListItem .procListCard .procListCardContent .procCodeSegment .procCodeText {
  padding-top: 0.1rem;
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .ProcListItem .procListCard .procListCardContent .procCodeSegment .procCodeText {
  color: #000000;
}

.ProcListItem .procListCard:hover {
  background-color: #f4ebed;
}

ol.ProcListBody {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  margin-left: 0;
  min-height: 0;
  padding: 0;
}
ol.ProcListBody:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

@media print {
  ol.ProcListBody {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
ol.ProcListBody li .ProcListItem {
  width: 100%;
}
ol.ProcListBody li:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  align-self: center;
}
@media print {
  ol.ProcListBody li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #000000;
    width: 100%;
  }
}

.partialWidthCodeLookup {
  width: 66%;
}

.SingleCodeSearchControls {
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  width: 98.5%;
}
.SingleCodeSearchControls .SearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
  flex-grow: 1;
}
.SingleCodeSearchControls .SearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.SingleCodeSearchControls .SearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.SingleCodeSearchControls .SearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.SingleCodeSearchControls .SearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.SingleCodeSearchControls .SearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .SingleCodeSearchControls .SearchInput:focus-within {
    will-change: transform;
  }
}
.SingleCodeSearchControls .SearchInput:focus-within :focus-visible {
  outline: none;
}
.SingleCodeSearchControls .SearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.SingleCodeSearchControls .SearchInput ._labelledField {
  flex-grow: 1;
}
.SingleCodeSearchControls .SearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.SingleCodeSearchControls .SearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.SingleCodeSearchControls .SearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.SingleCodeSearchControls .SearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.SingleCodeSearchControls .SearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.SingleCodeSearchControls .SearchInput ._command, .SingleCodeSearchControls .SearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.SingleCodeSearchControls .SearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.SingleCodeSearchControls .SearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.SingleCodeSearchControls .SearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.SingleCodeSearchControls .SearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.SingleCodeSearchControls .SearchInput ._labelledField ._input::-ms-clear, .SingleCodeSearchControls .SearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.SingleCodeSearchControls .SearchInput ._labelledField ._input::-webkit-search-decoration, .SingleCodeSearchControls .SearchInput ._labelledField ._input::-webkit-search-cancel-button, .SingleCodeSearchControls .SearchInput ._labelledField ._input::-webkit-search-results-button, .SingleCodeSearchControls .SearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}
.SingleCodeSearchControls .SearchInput .searchIconPlaceholder {
  background: #ffffff;
  color: #565656;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.25rem;
  width: fit-content;
  order: -1;
}
.SingleCodeSearchControls .InsuranceDropdown {
  flex-basis: 55%;
  width: 100%;
}
.SingleCodeSearchControls .InsuranceDropdown select {
  margin-bottom: 0;
}
.SingleCodeSearchControls .searchButton[class][class] {
  margin: 0;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (max-width: 1300px) {
  .SingleCodeSearchControls._Segment.boundary-none {
    flex-direction: column;
  }
  .SingleCodeSearchControls._Segment.boundary-none .searchButton {
    padding: 0.625rem 1rem;
  }
  .partialWidthCodeLookup {
    width: 100%;
  }
}
.SingleCodeDisclaimer[class][class] {
  margin: 0.25rem 0.5% 0.25rem 0rem;
  width: 98.5%;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent {
  display: flex;
  flex-direction: row;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent .singleCodeDisclaimerIconWrapper {
  width: fit-content;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent .singleCodeDisclaimerIconWrapper .singleCodeDisclaimerIcon {
  width: 2rem;
  height: 2rem;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent .singleCodeDisclaimerTextGroup {
  padding: 0.2rem 0rem 0rem 0.3rem;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent .singleCodeDisclaimerTextGroup .singleCodeDisclaimerHeader {
  padding: 0rem;
  word-break: break-word;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent .singleCodeDisclaimerTextGroup .singleCodeDisclaimerHeader[class][class] {
  margin-bottom: 0.25rem;
}
.SingleCodeDisclaimer .singleCodeDisclaimerContent .singleCodeDisclaimerTextGroup .singleCodeDisclaimerText {
  word-break: break-word;
}

.GeoDropdownHeader {
  flex-direction: row;
  width: max-content;
  max-width: 100%;
}
.GeoDropdownHeader .geoChevron {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  padding-top: 0.2rem;
  vertical-align: middle;
  transition: transform 0.3s;
  flex-shrink: 0;
}
.GeoDropdownHeader .geoChevronFlip {
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  padding-top: 0.2rem;
  vertical-align: middle;
  transition: transform 0.3s;
  flex-shrink: 0;
  transform: rotate(-180deg);
}

.GeoSearchPane._Segment.boundary-strong {
  position: absolute;
  z-index: 2;
  width: min-content;
  margin-top: 0;
  min-width: 20rem;
  padding-top: 0;
}

.GeoErrorSegment {
  color: #d80000;
  padding: 0.25rem;
}
.GeoErrorSegment .geoErrorText {
  position: relative;
  top: -0.4rem;
}

.geoSearchLeftAlign._command.tertiary.neutral {
  padding-left: 0rem;
  margin-left: 0rem;
}

.zipSearchSegment {
  border-top: thin dashed #767676;
  display: flex;
  flex-direction: column;
  padding: 0.5rem 0 0.25rem;
  min-width: 17.75rem;
}
.zipSearchSegment .SearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.zipSearchSegment .SearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.zipSearchSegment .SearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.zipSearchSegment .SearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.zipSearchSegment .SearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.zipSearchSegment .SearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .zipSearchSegment .SearchInput:focus-within {
    will-change: transform;
  }
}
.zipSearchSegment .SearchInput:focus-within :focus-visible {
  outline: none;
}
.zipSearchSegment .SearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.zipSearchSegment .SearchInput ._labelledField {
  flex-grow: 1;
}
.zipSearchSegment .SearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.zipSearchSegment .SearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.zipSearchSegment .SearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.zipSearchSegment .SearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.zipSearchSegment .SearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.zipSearchSegment .SearchInput ._command, .zipSearchSegment .SearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.zipSearchSegment .SearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.zipSearchSegment .SearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.zipSearchSegment .SearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.zipSearchSegment .SearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.zipSearchSegment .SearchInput ._labelledField ._input::-ms-clear, .zipSearchSegment .SearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.zipSearchSegment .SearchInput ._labelledField ._input::-webkit-search-decoration, .zipSearchSegment .SearchInput ._labelledField ._input::-webkit-search-cancel-button, .zipSearchSegment .SearchInput ._labelledField ._input::-webkit-search-results-button, .zipSearchSegment .SearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}

.allSearchSegment {
  border-top-color: #767676;
  border-top-width: thin;
  border-top-style: dashed;
}

@media screen and (max-width: 768px) {
  .zipSearchSegment {
    min-width: unset;
  }
  .GeoSearchPane._Segment.boundary-strong {
    width: 100%;
  }
}

/* Copyright 2022-2024 Epic Systems Corporation */
.CreateARequest {
  padding-right: 1.2rem;
}
.CreateARequest ._GridRow {
  margin-bottom: 0.7rem;
}

.CoverageDropDown ._labelledField {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .CoverageDropDown ._labelledField {
    width: 32.9%;
  }
}

.HelpText[class] {
  margin-top: 1rem;
}

.AddressSection[class] {
  padding-bottom: 0.6rem;
}
.AddressSection .AddressTextContainer {
  display: flex;
  flex-direction: row;
}
.AddressSection .AddressTextContainer .AddressText[class] {
  margin-top: -0.2rem;
}
.AddressSection .AddressTextContainer .AddressIcon {
  color: #7a0019;
  margin-right: 0.1rem;
  margin-top: 0.6rem;
}
.AddressSection .linkContainer {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .AddressSection .linkContainer[class] {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .AddressSection .linkContainer {
    align-items: center;
  }
}

.AddDependentButton .AddPCPCommand {
  border-radius: 6px;
  display: inline-block;
  margin: 0.25rem 0.5%;
  position: relative;
  vertical-align: top;
  width: 99%;
  line-height: 1.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
}
.AddDependentButton .AddPCPCommand:focus, .AddDependentButton .AddPCPCommand:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}
.AddDependentButton .AddPCPCommand .addLabel {
  vertical-align: middle;
  display: inline;
}
.AddDependentButton .AddPCPCommand .addLabel:before {
  content: "+";
  display: inline-block;
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: top;
}
.AddDependentButton .AddPCPCommand .addLabel > ._Text {
  display: inline;
}
.AddDependentButton .AddPCPCommand[class] .addDepLinkText {
  margin-top: 2.2rem;
  display: block;
}

.PastRequestLink {
  width: fit-content;
}
.PastRequestLink[class][class] {
  margin-left: -0.6rem;
  margin-top: -0.2rem;
  margin-bottom: 0.8rem;
}

.formLink[class][class] {
  height: fit-content;
  margin-right: 1rem;
  width: 80%;
}
@media screen and (max-width: 768px) {
  .formLink {
    width: 50%;
  }
}

.CurrentPCPInfo {
  display: flex;
  grid-column: 1/3;
  column-gap: 1rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.CurrentPCPInfo .pcpInfoText {
  width: 192px;
  flex-grow: 1;
  grid-area: name;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 1rem;
  min-width: 0;
}
.CurrentPCPInfo .pcpInfoText .pcpName {
  font-weight: bold;
  word-break: break-all;
}
.CurrentPCPInfo .pcpInfoText .pcpLabel {
  color: #767676;
  margin-top: -0.5rem;
  word-break: break-all;
}
.CurrentPCPInfo .pcpInfoText .pcpLoc {
  margin-top: -0.2rem;
}
.CurrentPCPInfo .pcpPhoto {
  width: auto;
  padding-left: 2rem;
}
@media screen and (max-width: 768px) {
  .CurrentPCPInfo .pcpPhoto {
    padding-left: 0.5rem;
  }
}
.CurrentPCPInfo .pcpPhoto .ClinicianPhoto.small {
  width: 3.5rem;
  height: 3.5rem;
}

.PCPSection .PCPTextContainer {
  display: flex;
  flex-direction: row;
}
.PCPSection .PCPTextContainer .PCPText[class] {
  margin-top: -0.2rem;
}
.PCPSection .PCPTextContainer .PCPIcon {
  color: #7a0019;
  margin-right: 0.1rem;
  margin-top: 0.6rem;
}
.PCPSection .linkContainer {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .PCPSection .linkContainer[class] {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .PCPSection .linkContainer {
    align-items: center;
  }
}

.MemberInfoText[class][class] {
  padding-bottom: 0.8rem;
  margin-top: -0.4rem;
}
.MemberInfoText .subscriberText {
  color: #767676;
}
.MemberInfoText .subscriberText[class][class] {
  margin-left: 0.4rem;
}
.MemberInfoText .memberName {
  margin-left: 0.4rem;
  margin-bottom: -0.5rem;
}

.hasBorder {
  border-bottom: 1px solid #dbdbdb;
}

.RequestSummary[class] {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.RequestSummary .TopLevel {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 768px) {
  .RequestSummary .TopLevel {
    display: inherit;
  }
}
.RequestSummary .requestInfo {
  margin-left: 0.2rem;
}
.RequestSummary .requestInfo .coverDetail {
  width: 80%;
}
.RequestSummary .requestType {
  display: inline;
  margin-top: -0.7rem;
  margin-left: 0.2rem;
  width: max-content;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .RequestSummary .requestType {
    white-space: normal;
  }
}
.RequestSummary .requestStatusContainer {
  margin: 0.3rem auto auto 0.5rem;
}
@media only screen and (max-width: 768px) {
  .RequestSummary .requestStatusContainer {
    margin: 0.5rem auto 0.5rem 0.1rem;
  }
}
.RequestSummary .requestStatus {
  display: inline;
  border-radius: 20px;
  padding: 2px 13px 2px 13px;
  border: 2px solid;
  text-align: right;
  flex: content;
  height: fit-content;
  white-space: nowrap;
}
.RequestSummary .requestStatus.pendingStatus {
  color: #005ebb, darken 35%;
  border-color: #005ebb;
  background-color: #e0f1ff;
}
.RequestSummary .requestStatus.approvedStatus {
  color: #12553d;
  border-color: #09aa71;
  background-color: #ccffd8;
}
.RequestSummary .requestStatus.deniedStatus {
  color: #363636;
  border-color: #767676;
  background-color: #dbdbdb;
}
.RequestSummary .coverDetail {
  font-size: 1rem;
  overflow-wrap: break-word;
}
.RequestSummary .inline {
  display: inline;
}
.RequestSummary .linkIcon {
  margin-left: -0.2rem;
  margin-right: -0.4rem;
}
.RequestSummary .linkText {
  margin-left: -0.2rem;
}

.CardContainer {
  margin-top: -0.1rem;
}

.PastRequestHelpText[class][class] {
  margin-left: 0.3rem;
  margin-bottom: 0.5rem;
}

.RequestGroupWrapper .RequestFilter {
  display: flex;
  flex-direction: row;
}
.RequestGroupWrapper .RequestFilter .FilterText {
  width: fit-content;
  margin-right: 1rem;
}
.RequestGroupWrapper .RequestFilter .FilterText[class] {
  margin-top: auto;
  margin-bottom: auto;
  margin-left: 0.4rem;
}
.RequestGroupWrapper .RequestFilter .Choice {
  margin-top: auto;
  margin-bottom: auto;
}

.DetailItem .cellValue {
  vertical-align: top;
  font-size: 0.9rem;
  overflow: visible;
  margin-bottom: 0.3rem;
}
.DetailItem .cellLabel {
  color: #767676;
  font-size: 0.8rem;
}

.NewAddressDetail {
  border-bottom: 1px solid #dbdbdb;
}

.DetailContainer {
  margin-top: -0.1rem;
}

.UseSubAddressCheckBox {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  width: 80%;
}

.ChoosePCPCard .AddPCPCommand {
  border-radius: 6px;
  display: inline-block;
  margin: 0.25rem 0.5%;
  position: relative;
  vertical-align: top;
  width: 99%;
  line-height: 1.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
}
.ChoosePCPCard .AddPCPCommand:focus, .ChoosePCPCard .AddPCPCommand:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}
.ChoosePCPCard .AddPCPCommand .addLabel {
  vertical-align: middle;
  display: inline;
}
.ChoosePCPCard .AddPCPCommand .addLabel:before {
  content: "+";
  display: inline-block;
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: top;
}
.ChoosePCPCard .AddPCPCommand .addLabel > ._Text {
  display: inline;
}
.ChoosePCPCard .AddPCPCommand[class] .addDepLinkText {
  margin-top: 2.2rem;
  display: block;
}

.QualifyEventField {
  display: flex;
}

.effText {
  margin-top: -1rem;
}

.SearchTermText[class][class] {
  padding: 0;
  margin-bottom: -0.5rem;
}
.SearchTermText .backLinkText[class][class] {
  margin-left: 0.3rem;
}

.PhoneFieldSection[class] {
  margin-top: 0.6rem;
}

.AddressHeader {
  margin-top: -1.2rem;
}

.directLoad[class][class] {
  margin-left: 0.2rem;
  margin-top: 0.5rem;
}

.ContactText[class][class] {
  margin-left: 0.2rem;
}

.MemberDropDown ._labelledField {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .MemberDropDown ._labelledField {
    width: 32.9%;
  }
}

/* Copyright 2024 Epic Systems Corporation */
.NewUsernamePasswordFormCore .usernamePasswordPretext._Text {
  margin-bottom: 1rem;
}

.changePasswordFormCore {
  max-width: 25rem;
  margin: auto;
}
.changePasswordFormCore .infoText {
  font-size: 12pt;
  font-weight: bold;
}

.SubmitUsernamePasswordFormButton {
  width: 100%;
}

.SubmitPasswordFormButton {
  width: 80%;
}
@media screen and (max-width: 769px) {
  .SubmitPasswordFormButton {
    width: 88%;
  }
}
.SubmitPasswordFormButton[class][class] {
  margin: auto;
}

.UsernamePasswordFields {
  margin-top: 0.5rem;
}
.UsernamePasswordFields .usernameInput {
  width: 100%;
}
.UsernamePasswordFields .passwordInput {
  width: 100%;
}
.UsernamePasswordFields .passwordInput ._PasswordInput {
  width: 100%;
}

.verifyPasswordForm {
  box-sizing: border-box;
  padding-bottom: 1rem;
}
@media screen and (min-width: 769px) {
  .verifyPasswordForm .infoText {
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .verifyPasswordForm .passwordInput[class] {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
.verifyPasswordForm .passwordInput ._PasswordInput {
  width: 100%;
}
.verifyPasswordForm .validationmessage {
  margin-bottom: 1rem;
}
.verifyPasswordForm ._PageHeading._readOnlyText._heading {
  display: none;
}

.VerifyPasswordField {
  margin-top: 0.5rem;
}

.requirementsSection {
  display: flex;
  text-align: left;
  width: 100%;
  margin-bottom: 1rem;
  line-height: 1rem;
  flex-direction: column;
}
.requirementsSection .requirementsList {
  margin-left: 1.5rem;
  width: auto;
}
.requirementsSection .infoText {
  font-weight: bold;
}
.requirementsSection li {
  list-style-type: disc;
}
.requirementsSection .IconStatusCheck {
  fill: #09aa71;
  margin-top: -0.04rem;
}
.requirementsSection .IconStatusX {
  fill: #999999;
  margin-top: -0.04rem;
}

/* Copyright 2024 Epic Systems Corporation */
@media screen {
  .DayAtAGlanceReport .InternalReportViewerWrapper {
    max-width: 900px;
    margin: auto !important;
  }
}
.DayAtAGlanceReport .pretext {
  word-wrap: break-word;
}
.DayAtAGlanceReport .careTeamLink .icon {
  vertical-align: middle;
}

/* Copyright 2024 Epic Systems Corporation */
.DemographicVerificationForm .fieldsAndButtons {
  width: 98%;
  margin: auto;
}

.DemographicVerificationFormInstructions {
  margin-bottom: 0.5rem;
}
.DemographicVerificationFormInstructions .preText._Text {
  margin-bottom: 1rem;
}

.DemographicVerificationFields .textInput {
  width: 100%;
}

.IncorrectDemographicsError {
  margin-top: 0.5rem;
  display: flex;
  line-height: 1.1rem;
  align-items: center;
}
.IncorrectDemographicsError > .errorIcon {
  flex-shrink: 0;
}
.IncorrectDemographicsError > .errorText {
  padding-inline-start: 0.25rem;
}

.SubmitDemographicVerificationFormButton {
  width: 100%;
}

.ErrorPage .backToLoginButton[class] {
  width: 100%;
  margin-top: 1rem;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.docTable {
  margin-top: 2rem;
}

.docTableHeader {
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.docTableHeader .primaryHeader {
  width: calc(100% + 1.25rem + 32px);
}
.docTableHeader .secondaryHeader {
  width: 50%;
  margin-left: 1.25rem;
}
@media screen and (max-width: 768px) {
  .docTableHeader .secondaryHeader {
    display: none;
  }
}

.docTableRow {
  display: flex;
  border-bottom-color: #dbdbdb;
}
.docTableRow:not(.docTableHeader) {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  min-height: 2.75rem;
}
.docTableRow .docInfo {
  display: flex;
  margin: auto;
}
.docTableRow .docInfo .docName {
  width: 100%;
}
.docTableRow .docInfo .secondaryDocInfo {
  width: 50%;
}
.docTableRow .docIcon {
  margin: 0.25rem 1rem 0.25rem 0.25rem;
  min-width: 32px;
  align-self: center;
}
@media screen and (max-width: 768px) {
  .docTableRow:not(.docTableHeader) {
    min-height: 3.5rem;
  }
  .docTableRow .docInfo {
    flex-direction: column;
  }
  .docTableRow .docInfo .docName {
    width: 100%;
    font-size: 1.15rem;
  }
  .docTableRow .docInfo .secondaryDocInfo {
    width: 100%;
    color: #565656;
    margin-bottom: 0.25rem;
  }
  .docTableRow .docInfo .docTableText {
    margin-top: 0.25rem;
  }
}

.docGrid ._Segment.boundary-strong {
  padding: 0.25rem 0.5rem;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  height: 100%;
}
.docGrid ._Segment.boundary-strong .cardContent {
  display: flex;
  word-wrap: break-word;
  word-break: break-word;
}
.docGrid ._Segment.boundary-strong .cardContent .cardIcon {
  margin: 0.25rem 0.5rem 0 0;
  min-width: 32px;
}
.docGrid ._Segment.boundary-strong .cardContent .cardHeader {
  padding: 0.25rem 0.5rem 0.25rem 0;
}
.docGrid ._Segment.boundary-strong .cardButtons {
  margin: auto 0 0.25rem 0;
}

.extraInfoGroup {
  padding-top: 0.5rem;
}
.extraInfoGroup .extraInfoRow {
  display: flex;
}
.extraInfoGroup .extraInfoRow .extraInfoIcon, .extraInfoGroup .extraInfoRow .extraInfoValue {
  align-self: center;
  min-width: 24px;
}

.documentTable {
  margin-top: 12px;
}
.documentTable .headerRow {
  background-color: rgba(122, 0, 25, 0.05);
  color: #7a0019;
}
.documentTable [class*=col-] {
  padding: 0.5rem;
}
.documentTable .celllabel {
  display: none;
}
.documentTable ._ListGridBody .row {
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea;
}
.documentTable ._ListGridBody .row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .documentTable ._ListGridBody .row {
    padding: 0.5rem;
  }
  .documentTable ._ListGridBody .row:last-child {
    padding: 0.5rem;
  }
}
.documentTable ._ListGridBody .row ._GridCol._container {
  margin: auto;
}
.documentTable ._ListGridBody .row .documentBadge {
  padding: 0 0.1rem;
  border-radius: 6px;
  width: initial;
  white-space: nowrap;
  width: initial;
  margin: auto 0 auto auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .documentTable ._ListGridBody .row .documentBadge {
    margin: 0.25rem auto auto 0;
  }
}
.documentTable ._ListGridBody .row ._InfoBubble {
  margin: 0;
}
.documentTable ._ListGridBody .row ._InfoBubbleContent {
  position: absolute;
  left: unset;
  right: unset;
  top: unset;
  margin: 0;
  margin-left: -0.4rem;
  margin-top: calc(0.75rem - 1px);
  color: #363636;
  min-width: 1.9rem;
}
.documentTable ._ListGridBody .row ._InfoBubbleCommand {
  color: inherit;
  border: none;
}
.documentTable ._ListGridBody .row ._InfoBubbleCommand:after {
  left: unset;
  right: unset;
}
.documentTable ._ListGridBody .row .docTypeContainer {
  display: flex;
}
@media screen and (max-width: 768px) {
  .documentTable ._ListGridBody .row .docTypeContainer {
    flex-direction: column;
  }
}
.documentTable ._ListGridBody .row .docTypeContainer button.docTypeButton {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  text-align: left;
}
.documentTable ._ListGridBody .row .docIcon {
  margin-right: 0.5rem;
  min-width: 32px;
}
@media screen and (max-width: 768px) {
  .documentTable ._ListGridBody .row .dateString, .documentTable ._ListGridBody .row .documentBadge {
    margin-left: calc(0.5rem + 32px);
  }
}
@media screen and (max-width: 768px) {
  .documentTable ._ListGridBody [class*=col-] {
    padding: 0;
  }
}

button.tertiary.neutral.loadMore {
  font-size: 1.25rem;
  margin: 1rem auto;
}

.mobile .DocCenterTitle {
  display: none;
}

.docTypeContainer .unread {
  font-weight: bold;
  color: #000000;
}
.docTypeContainer .read {
  color: #363636;
}
.docTypeContainer .unreadSegment {
  display: flex;
  align-items: center;
  width: auto;
}
.docTypeContainer .unreadSegment .unreadIndicator {
  height: 0.85rem;
  width: 0.85rem;
}
.docTypeContainer .unreadSegment .unreadIndicator.unread {
  border-radius: 50%;
  border: 2px solid #ffffff;
  background-color: #005ebb;
}

/* Copyright 2020-2021 Epic Systems Corporation */
._Popup ._ContentPane:has(.ImagePreview) {
  display: flex;
}

.ImagePreview {
  max-width: 100%;
  display: block;
  margin: auto;
  min-width: 200px;
  min-height: 200px;
}
@media print {
  .ImagePreview {
    display: inline-block !important;
    width: auto !important;
  }
}

.TiffImagePreview {
  width: 100vw;
  height: calc(75vh - 6.4rem);
}
@media screen and (max-width: 1300px) {
  .TiffImagePreview {
    height: calc(100vh - 6.4rem);
  }
}
.datatile .TiffImagePreview, .shareeverywhere .TiffImagePreview {
  height: 40rem;
}

/* Copyright 2023 Epic Systems Corporation */
.PdfViewer .internalIFrame {
  height: 1150px;
  width: 100%;
}
.PdfViewer ._command.tertiary.neutral.pdfDownload {
  padding: 0rem;
  margin-bottom: 0rem;
  text-align: left;
}
.PdfViewer .disclaimerText {
  color: #767676;
}

/* Copyright 2020-2023 Epic Systems Corporation */
.ProviderPhoto {
  width: 3rem;
  height: 3rem;
  border: 1px solid #cccccc;
  border-radius: 50%;
  margin: 0.5rem 0.5rem 0;
  background-color: #7a0019;
  text-align: center;
  line-height: 3rem;
  flex-shrink: 0;
  object-fit: cover;
  display: block;
  margin: 0.5rem auto;
}

.VisitInfo {
  display: flex;
}
.VisitInfo .VisitTypeAndDescription {
  margin-left: 0.5rem;
  min-width: 65%;
}
.VisitInfo .VisitTypeAndDescription h2 {
  word-break: break-all;
}
.VisitInfo .DateAndDescription {
  display: flex;
}
.VisitInfo .DateAndDescription .TextWithIcon > * {
  vertical-align: middle;
  word-break: break-word;
}
.VisitInfo .DateAndDescription .PanelVisitSubway {
  padding-left: 0.4em;
  padding-top: 0.5rem;
}
.VisitInfo .DateAndDescription .PanelVisitSubway .IconStatusComplete {
  display: inline-block;
  position: absolute;
  left: -1px;
  top: 4px;
  width: 0.75rem;
  height: 0.75rem;
}

.LandingPage {
  margin-bottom: 1rem;
}
.LandingPage .VisitList {
  width: 75%;
}
@media screen and (max-width: 1025px) {
  .LandingPage .VisitList {
    width: 100%;
  }
}
.LandingPage .SignupBanner {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.LandingPage .visitsLink {
  margin-top: 1rem;
}

.VisitCard.boundary-strong {
  min-height: 0;
}
.VisitCard.boundary-strong .CompletedVisit .VisitButton {
  margin: 0 0 0;
}
.VisitCard.boundary-strong .CompletedVisit .CompletedTitle {
  display: flex;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.VisitCard.boundary-strong .CompletedVisit .CompletedTitle ._PageHeading {
  margin-top: 0.15rem;
}
.VisitCard.boundary-strong .CompletedVisit .CompletedTitle .IconStatusComplete {
  margin-right: 0.3rem;
  margin-left: 0.3rem;
}

.TaskCompletePage[class][class] {
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  .TaskCompletePage[class][class] {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) {
  .TaskCompletePage[class][class] .buttonHolder {
    display: flex;
  }
  .TaskCompletePage[class][class] .buttonHolder ._Command {
    margin: 0.5rem;
    width: unset;
  }
}
.TaskCompletePage[class][class] .taskCompleteIcon {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
}
.TaskCompletePage[class][class] ._Command {
  width: 100%;
}
.TaskCompletePage[class][class] .primaryText {
  text-align: center;
  padding: 2rem 1rem;
}

.breadcrumbCommand {
  color: #404d5b;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}

.breadcrumbCommand:hover {
  text-decoration: underline;
  color: #384450;
}

/* Copyright 2021-2022 Epic Systems Corporation */
.EducationPointView .pageHeader {
  padding-bottom: 0;
}
.EducationPointView .PointDescription {
  margin-top: 0;
}

.EducationItem {
  height: 100%;
  display: flex;
  flex-direction: column;
  break-inside: avoid;
}
.EducationItem ._VideoPreview {
  height: 100%;
  max-height: none;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0.5em;
}
.tvmode:not(.hideFocus) .EducationItem ._VideoPreview:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}

.darkmode .EducationItem ._VideoPreview {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.tvmode .EducationItem ._VideoPreview:focus-within {
  background-color: #f4ebed;
}
.tvmode.darkmode .EducationItem ._VideoPreview:focus-within {
  background-color: #312729;
}

@media (max-width: 560px) {
  .tvmode .EducationItem ._VideoPreview {
    flex-direction: row;
    align-items: center;
  }
}

.EducationItem ._VideoPreview .videoContainer {
  position: relative;
  aspect-ratio: 16/9;
  max-width: 100%;
}
.tvmode .EducationItem ._VideoPreview .videoContainer {
  margin-bottom: 4px;
}

.EducationItem ._VideoPreview .videoContainer.loadFailed {
  display: none;
}
.EducationItem ._VideoPreview .videoContainer.hideDuration {
  z-index: 2;
}
.EducationItem ._VideoPreview .videoContainer .playButton {
  z-index: 1;
}
.EducationItem ._VideoPreview .playerPlaceholder {
  aspect-ratio: 16/9;
  margin-bottom: 0;
  opacity: 0.01;
}
@supports not (aspect-ratio: 16/9) {
  .EducationItem ._VideoPreview .playerPlaceholder::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .EducationItem ._VideoPreview .playerPlaceholder::after {
    display: block;
    content: "";
    clear: both;
  }
}
.tvmode .EducationItem ._VideoPreview .playerPlaceholder {
  margin-bottom: 4px;
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._VideoPreview .playerPlaceholder {
    margin-bottom: 0;
  }
}

.EducationItem ._VideoPreview .MediaPreviewFailed {
  position: relative;
  background-color: #999999;
  display: none;
  width: 0;
  align-items: flex-end;
  aspect-ratio: 16/9;
  margin-bottom: 0;
}
.tvmode .EducationItem ._VideoPreview .MediaPreviewFailed {
  margin-bottom: 4px;
}

@supports not (aspect-ratio: 16/9) {
  .EducationItem ._VideoPreview .MediaPreviewFailed::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .EducationItem ._VideoPreview .MediaPreviewFailed::after {
    display: block;
    content: "";
    clear: both;
  }
}
.EducationItem ._VideoPreview .MediaPreviewFailed.loadFailed {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._VideoPreview .MediaPreviewFailed {
    margin-bottom: 0;
    background-color: transparent;
  }
}

.EducationItem ._VideoPreview .MediaPreviewFailed .failedIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: rgba(0, 0, 0, 0);
}
.EducationItem ._VideoPreview .MediaPreviewFailed .failedIcon.loadFailed {
  fill: #ffffff;
}
@media screen and (max-width: 768px) {
  .EducationItem ._VideoPreview .MediaPreviewFailed .failedIcon {
    width: 128px;
    height: 128px;
  }
}
@media (max-width: 756px) {
  .tvmode .EducationItem ._VideoPreview .MediaPreviewFailed .failedIcon {
    width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._VideoPreview .MediaPreviewFailed .failedIcon {
    width: 32px;
    height: 32px;
  }
}

.EducationItem ._VideoPreview video {
  width: 100%;
  object-fit: contain;
  border: 0;
  background-color: rgba(0, 0, 0, 0.75);
  aspect-ratio: 16/9;
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._VideoPreview video {
    display: none;
  }
}
.tvmode .EducationItem ._VideoPreview video::-webkit-media-controls-fullscreen-button, .tvmode .EducationItem ._VideoPreview video::-webkit-media-controls-volume-control-container {
  display: none;
}

.EducationItem ._VideoPreview .playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.95) translate(-50%, -50%);
}
.EducationItem ._VideoPreview .playButtonIcon {
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
}
.EducationItem ._VideoPreview .playButtonIcon.hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .EducationItem ._VideoPreview .playButtonIcon {
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._VideoPreview .playButtonIcon {
    width: 32px;
    height: 32px;
  }
}

.EducationItem ._AudioPreview {
  height: 100%;
  max-height: none;
  display: flex;
  flex-direction: column;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0.5em;
}
.tvmode:not(.hideFocus) .EducationItem ._AudioPreview:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}

.darkmode .EducationItem ._AudioPreview {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

@media (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview {
    flex-direction: row;
    align-items: center;
  }
}

.EducationItem ._AudioPreview .audioContainer {
  position: relative;
  background-color: #7a0019;
  align-items: flex-end;
  aspect-ratio: 16/9;
  cursor: pointer;
  max-width: 100%;
}
.tvmode .EducationItem ._AudioPreview .audioContainer {
  margin-bottom: 4px;
}

@supports not (aspect-ratio: 16/9) {
  .EducationItem ._AudioPreview .audioContainer::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .EducationItem ._AudioPreview .audioContainer::after {
    display: block;
    content: "";
    clear: both;
  }
}
.EducationItem ._AudioPreview .audioContainer.hideDuration {
  z-index: 2;
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview .audioContainer {
    background-color: rgba(0, 0, 0, 0);
  }
}

.EducationItem ._AudioPreview .audioContainer .audioIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #ffffff;
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview .audioContainer .audioIcon {
    width: 48px;
    height: 48px;
  }
}

.EducationItem ._AudioPreview .audioContainer.loadFailed {
  display: none;
}
.EducationItem ._AudioPreview .playerPlaceholder {
  aspect-ratio: 16/9;
  margin-bottom: 0;
  opacity: 0.01;
}
@supports not (aspect-ratio: 16/9) {
  .EducationItem ._AudioPreview .playerPlaceholder::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .EducationItem ._AudioPreview .playerPlaceholder::after {
    display: block;
    content: "";
    clear: both;
  }
}
.tvmode .EducationItem ._AudioPreview .playerPlaceholder {
  margin-bottom: 4px;
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview .playerPlaceholder {
    margin-bottom: 0;
  }
}

.EducationItem ._AudioPreview .MediaPreviewFailed {
  position: relative;
  background-color: #999999;
  display: none;
  width: 0;
  align-items: flex-end;
  aspect-ratio: 16/9;
  margin-bottom: 0;
}
.tvmode .EducationItem ._AudioPreview .MediaPreviewFailed {
  margin-bottom: 4px;
}

@supports not (aspect-ratio: 16/9) {
  .EducationItem ._AudioPreview .MediaPreviewFailed::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .EducationItem ._AudioPreview .MediaPreviewFailed::after {
    display: block;
    content: "";
    clear: both;
  }
}
.EducationItem ._AudioPreview .MediaPreviewFailed.loadFailed {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview .MediaPreviewFailed {
    margin-bottom: 0;
    background-color: transparent;
  }
}

.EducationItem ._AudioPreview .MediaPreviewFailed .failedIcon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: rgba(0, 0, 0, 0);
}
.EducationItem ._AudioPreview .MediaPreviewFailed .failedIcon.loadFailed {
  fill: #ffffff;
}
@media screen and (max-width: 768px) {
  .EducationItem ._AudioPreview .MediaPreviewFailed .failedIcon {
    width: 128px;
    height: 128px;
  }
}
@media (max-width: 756px) {
  .tvmode .EducationItem ._AudioPreview .MediaPreviewFailed .failedIcon {
    width: 96px;
    height: 96px;
  }
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview .MediaPreviewFailed .failedIcon {
    width: 32px;
    height: 32px;
  }
}

.EducationItem ._AudioPreview audio {
  width: 100%;
  position: absolute;
  bottom: 0%;
}
.EducationItem ._AudioPreview audio::-webkit-media-controls-enclosure {
  border-radius: 0;
}
.tvmode .EducationItem ._AudioPreview audio::-webkit-media-controls-mute-button, .tvmode .EducationItem ._AudioPreview audio::-webkit-media-controls-volume-slider, .tvmode .EducationItem ._AudioPreview audio::-webkit-media-controls-volume-control-container {
  display: none;
}
.tvmode .EducationItem ._AudioPreview audio::-webkit-media-controls-timeline {
  transform: scale(1, 2);
}

.EducationItem ._AudioPreview .playButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: scale(0.95) translate(-50%, -50%);
}
.EducationItem ._AudioPreview .playButtonIcon {
  display: none;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.3));
}
.EducationItem ._AudioPreview .playButtonIcon.hidden {
  display: none;
}
@media screen and (max-width: 768px) {
  .EducationItem ._AudioPreview .playButtonIcon {
    width: 64px;
    height: 64px;
  }
}
@media screen and (max-width: 560px) {
  .tvmode .EducationItem ._AudioPreview .playButtonIcon {
    width: 32px;
    height: 32px;
  }
}

/* Copyright 2023-2024 Epic Systems Corporation */
/* Modified video.js font-face src to conform to content security policy */
.vjs-modal-dialog .vjs-modal-dialog-content, .video-js .vjs-modal-dialog, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; /* Ensure positioned ancestor for :before */
  width: 100%;
  height: 100%;
}

.vjs-button > .vjs-icon-placeholder:before {
  position: static !important;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: fit-content;
  height: 100%;
  max-width: 1rem;
}

.vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  text-align: center;
}

@font-face {
  font-family: VideoJS;
  src: url("../../../fonts/VideoJS.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play, .video-js .vjs-play-control .vjs-icon-placeholder, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before, .video-js .vjs-play-control .vjs-icon-placeholder:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before {
  content: "\f101";
  display: flex;
  align-items: center;
  justify-content: center;
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103";
}

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104";
}

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105";
}

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106";
}

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107";
  display: flex;
  align-items: center;
  justify-content: center;
}

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109";
  display: flex;
  align-items: center;
  justify-content: center;
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-subtitles-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before {
  content: "\f10b";
  display: flex;
  align-items: center;
  justify-content: center;
}

.vjs-icon-captions, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder, .video-js .vjs-captions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle, .vjs-seek-to-live-control .vjs-icon-placeholder, .video-js .vjs-volume-level, .video-js .vjs-play-progress {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before, .vjs-seek-to-live-control .vjs-icon-placeholder:before, .video-js .vjs-volume-level:before, .video-js .vjs-play-progress:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f11b";
}

.vjs-icon-replay-5, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-5:before, .video-js .vjs-skip-backward-5 .vjs-icon-placeholder:before {
  content: "\f11c";
}

.vjs-icon-replay-10, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-10:before, .video-js .vjs-skip-backward-10 .vjs-icon-placeholder:before {
  content: "\f11d";
}

.vjs-icon-replay-30, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-30:before, .video-js .vjs-skip-backward-30 .vjs-icon-placeholder:before {
  content: "\f11e";
}

.vjs-icon-forward-5, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-5:before, .video-js .vjs-skip-forward-5 .vjs-icon-placeholder:before {
  content: "\f11f";
}

.vjs-icon-forward-10, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-10:before, .video-js .vjs-skip-forward-10 .vjs-icon-placeholder:before {
  content: "\f120";
}

.vjs-icon-forward-30, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-30:before, .video-js .vjs-skip-forward-30 .vjs-icon-placeholder:before {
  content: "\f121";
}

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before, .video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before, .video-js.vjs-picture-in-picture .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f12e";
}

.video-js {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif;
  word-break: initial;
}

.video-js:-moz-full-screen {
  position: absolute;
}

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}

.video-js[tabindex="-1"] {
  outline: none;
}

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit;
}

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3,
.video-js.vjs-9-16,
.video-js.vjs-1-1 {
  width: 100%;
  max-width: 100%;
}

.video-js.vjs-fluid:not(.vjs-audio-only-mode),
.video-js.vjs-16-9:not(.vjs-audio-only-mode),
.video-js.vjs-4-3:not(.vjs-audio-only-mode),
.video-js.vjs-9-16:not(.vjs-audio-only-mode),
.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  height: 0;
  padding-top: 56.25%;
}

.video-js.vjs-16-9:not(.vjs-audio-only-mode) {
  padding-top: 56.25%;
}

.video-js.vjs-4-3:not(.vjs-audio-only-mode) {
  padding-top: 75%;
}

.video-js.vjs-9-16:not(.vjs-audio-only-mode) {
  padding-top: 177.7777777778%;
}

.video-js.vjs-1-1:not(.vjs-audio-only-mode) {
  padding-top: 100%;
}

.video-js.vjs-fill:not(.vjs-audio-only-mode) {
  width: 100%;
  height: 100%;
}

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-js.vjs-audio-only-mode .vjs-tech {
  display: none;
}

body.vjs-full-window,
body.vjs-pip-window {
  padding: 0;
  margin: 0;
  height: 100%;
}

.vjs-full-window .video-js.vjs-fullscreen,
body.vjs-pip-window .video-js {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}

.video-js.vjs-fullscreen:not(.vjs-ios-native-fs),
body.vjs-pip-window .video-js {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important;
}

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none;
}

.vjs-pip-container .vjs-pip-text {
  position: absolute;
  bottom: 10%;
  font-size: 2em;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0.5em;
  text-align: center;
  width: 100%;
}

.vjs-layout-tiny.vjs-pip-container .vjs-pip-text,
.vjs-layout-x-small.vjs-pip-container .vjs-pip-text,
.vjs-layout-small.vjs-pip-container .vjs-pip-text {
  bottom: 0;
  font-size: 1.4em;
}

.vjs-hidden {
  display: none !important;
}

.vjs-disabled {
  opacity: 0.5;
  cursor: default;
}

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px;
}

.vjs-lock-showing {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto;
}

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC;
}

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.63332em;
  width: 3em;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0;
  margin-top: -0.81666em;
  margin-left: -1.5em;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  border-radius: 0.3em;
  transition: all 0.4s;
}

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  transition: all 0s;
}

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none;
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block;
}

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.vjs-control .vjs-button {
  width: 100%;
  height: 100%;
}

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2;
}

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
}

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box;
}

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1;
}

.vjs-menu-button {
  cursor: pointer;
}

.vjs-menu-button.vjs-disabled {
  cursor: default;
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none;
}

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
}

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box;
}

.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
  display: none;
}

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase;
}

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover,
.js-focus-visible .vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover,
.js-focus-visible .vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F;
}

.video-js .vjs-menu *:not(.vjs-selected):focus:not(:focus-visible),
.js-focus-visible .vjs-menu *:not(.vjs-selected):focus:not(.focus-visible) {
  background: none;
}

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default;
}

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7);
}

.vjs-pip-window .vjs-menu-button-popup .vjs-menu {
  left: unset;
  right: 1em;
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em;
}

.vjs-layout-tiny .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 5em;
}

.vjs-layout-small .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 10em;
}

.vjs-layout-medium .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 14em;
}

.vjs-layout-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-x-large .vjs-menu-button-popup .vjs-menu .vjs-menu-content,
.vjs-layout-huge .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  max-height: 25em;
}

.vjs-workinghover .vjs-menu-button-popup.vjs-hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block;
}

.video-js .vjs-menu-button-inline {
  transition: all 0.4s;
  overflow: hidden;
}

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em;
}

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active {
  width: 12em;
}

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  transition: all 0.4s;
}

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1;
}

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  justify-content: center;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.vjs-has-started .vjs-control-bar,
.vjs-audio-only-mode .vjs-control-bar {
  display: flex;
  visibility: visible;
  opacity: 1;
  transition: visibility 0.1s, opacity 0.1s;
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  pointer-events: none;
  transition: visibility 1s, opacity 1s;
}

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important;
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar,
.vjs-audio-only-mode.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.video-js .vjs-control {
  position: relative;
  text-align: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: fit-content;
  flex: none;
}

.video-js .vjs-control.vjs-visible-text {
  width: auto;
  padding-left: 1em;
  padding-right: 1em;
}

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 1.67;
}

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white;
}

.video-js *:not(.vjs-visible-text) > .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.video-js .vjs-custom-control-spacer {
  display: none;
}

.video-js .vjs-progress-control {
  cursor: pointer;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4em;
  touch-action: none;
}

.video-js .vjs-progress-control.disabled {
  cursor: default;
}

.vjs-live .vjs-progress-control {
  display: none;
}

.vjs-liveui .vjs-progress-control {
  display: flex;
  align-items: center;
}

.video-js .vjs-progress-holder {
  flex: auto;
  transition: all 0.2s;
  height: 0.3em;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.6666666667em;
}

.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
  font-size: 1em;
}

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
}

.video-js .vjs-play-progress {
  background-color: #fff;
}

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  line-height: 0.35em;
  z-index: 1;
}

.video-js .vjs-load-progress {
  background: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-load-progress div {
  background: rgba(115, 133, 159, 0.75);
}

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
  max-width: fit-content;
  min-width: fit-content;
}

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none;
}

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible;
}

.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
  font-size: 1em;
}

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
}

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  /* iOS Safari */
  -webkit-touch-callout: none;
  /* Safari */
  -webkit-user-select: none;
  /* Konqueror HTML */
  /* Firefox */
  -moz-user-select: none;
  /* Internet Explorer/Edge */
  /* Non-prefixed version, currently supported by Chrome and Opera */
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
}

.video-js .vjs-slider.disabled {
  cursor: default;
}

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  box-shadow: 0 0 1em #fff;
}

.video-js .vjs-mute-control {
  cursor: pointer;
  flex: none;
  left: 25%;
}

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: flex;
}

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
}

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px;
}

.video-js .vjs-volume-panel {
  transition: width 1s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control, .video-js .vjs-volume-panel:active .vjs-volume-control, .video-js .vjs-volume-panel:focus .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control:active, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-horizontal, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  margin-right: 0;
}

.video-js .vjs-volume-panel.vjs-hover .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical, .video-js .vjs-volume-panel.vjs-hover .vjs-mute-control ~ .vjs-volume-control.vjs-volume-vertical, .video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  left: -1.5rem;
  transition: left 0s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 10em;
  transition: width 0.1s;
}

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
  width: 4em;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3000em;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
}

.video-js .vjs-volume-panel {
  display: flex;
}

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em;
}

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em;
}

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto;
}

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
}

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em;
  z-index: 1;
}

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em;
}

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em;
  z-index: 1;
}

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em;
}

.vjs-slider-horizontal .vjs-volume-level:before {
  line-height: 0.35em;
  right: -0.5em;
}

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em;
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%;
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%;
}

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
}

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em;
}

.video-js .vjs-volume-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: absolute;
  top: -3.4em;
  visibility: hidden;
  z-index: 1;
}

.video-js .vjs-volume-control:hover .vjs-volume-tooltip,
.video-js .vjs-volume-control:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  display: block;
  font-size: 1em;
  visibility: visible;
}

.video-js .vjs-volume-vertical:hover .vjs-volume-tooltip,
.video-js .vjs-volume-vertical:hover .vjs-progress-holder:focus .vjs-volume-tooltip {
  left: 1em;
  top: -12px;
}

.video-js .vjs-volume-control.disabled:hover .vjs-volume-tooltip {
  font-size: 1em;
}

.video-js .vjs-volume-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #000;
  z-index: 1;
}

.video-js .vjs-volume-horizontal .vjs-mouse-display {
  width: 1px;
  height: 100%;
}

.video-js .vjs-volume-control:hover .vjs-mouse-display {
  display: block;
}

.video-js.vjs-user-inactive .vjs-volume-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  transition: visibility 1s, opacity 1s;
}

.vjs-mouse-display .vjs-volume-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  max-width: fit-content;
  min-width: fit-content;
}

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
}

.vjs-has-started .vjs-poster,
.vjs-using-native-controls .vjs-poster {
  display: none;
}

.vjs-audio.vjs-has-started .vjs-poster,
.vjs-has-started.vjs-audio-poster-mode .vjs-poster,
.vjs-pip-container.vjs-has-started .vjs-poster {
  display: block;
}

.vjs-poster img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.video-js .vjs-live-control {
  display: flex;
  align-items: flex-start;
  flex: auto;
  font-size: 1em;
  line-height: 3em;
}

.video-js:not(.vjs-live) .vjs-live-control,
.video-js.vjs-liveui .vjs-live-control {
  display: none;
}

.video-js .vjs-seek-to-live-control {
  align-items: center;
  cursor: pointer;
  flex: none;
  display: inline-flex;
  height: 100%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 1em;
  line-height: 3em;
  width: auto;
  min-width: 4em;
}

.video-js.vjs-live:not(.vjs-liveui) .vjs-seek-to-live-control,
.video-js:not(.vjs-live) .vjs-seek-to-live-control {
  display: none;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {
  cursor: auto;
}

.vjs-seek-to-live-control .vjs-icon-placeholder {
  margin-right: 0.5em;
  color: #888;
}

.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge .vjs-icon-placeholder {
  color: red;
}

.video-js .vjs-time-control {
  display: flex;
  align-items: center;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: fit-content;
  width: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.vjs-live .vjs-time-control,
.vjs-live .vjs-time-divider,
.video-js .vjs-current-time,
.video-js .vjs-duration {
  display: none;
}

.vjs-time-divider {
  display: none !important;
  line-height: 3em;
}

.video-js .vjs-play-control {
  cursor: pointer;
}

.video-js .vjs-play-control .vjs-icon-placeholder {
  flex: none;
}

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}

.video-js.vjs-controls-disabled .vjs-text-track-display,
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em;
}

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
}

.vjs-subtitles {
  color: #fff;
}

.vjs-captions {
  color: #fc6;
}

.vjs-tt-cue {
  display: block;
}

video::-webkit-media-text-track-display {
  transform: translateY(-3em);
}

.video-js.vjs-controls-disabled video::-webkit-media-text-track-display,
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  transform: translateY(-1.5em);
}

.video-js .vjs-picture-in-picture-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-picture-in-picture-control,
.vjs-pip-window .vjs-picture-in-picture-control {
  display: none;
}

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  flex: none;
}

.video-js.vjs-audio-only-mode .vjs-fullscreen-control,
.vjs-pip-window .vjs-fullscreen-control {
  display: none;
}

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2;
  text-align: center;
}

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em;
}

.vjs-error .vjs-poster {
  display: none;
}

.vjs-error .vjs-error-display {
  display: none;
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  display: none;
}

.vjs-error .vjs-error-display:before {
  display: none;
}

.vjs-error .vjs-loading-spinner {
  display: none;
}

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  visibility: hidden;
}

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block;
  animation: vjs-spinner-show 0s linear 0.3s forwards;
}

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
}

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: rgb(255, 255, 255);
}

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: rgb(255, 255, 255);
  animation-delay: 0.44s;
}

@keyframes vjs-spinner-show {
  to {
    visibility: visible;
  }
}
@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f;
  }
  20% {
    border-top-color: #73859f;
  }
  35% {
    border-top-color: white;
  }
  60% {
    border-top-color: #73859f;
  }
  100% {
    border-top-color: #73859f;
  }
}
.video-js.vjs-audio-only-mode .vjs-captions-button {
  display: none;
}

.vjs-chapters-button .vjs-menu ul {
  width: 24em;
}

.video-js.vjs-audio-only-mode .vjs-descriptions-button {
  display: none;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10c";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-audio-only-mode .vjs-subs-caps-button {
  display: none;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  vertical-align: middle;
  display: inline-block;
  margin-bottom: -0.1em;
}

.video-js .vjs-audio-button + .vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: " \f12e";
  font-size: 1.5em;
  line-height: inherit;
}

.video-js.vjs-layout-small .vjs-current-time,
.video-js.vjs-layout-small .vjs-time-divider,
.video-js.vjs-layout-small .vjs-duration,
.video-js.vjs-layout-small .vjs-remaining-time,
.video-js.vjs-layout-small .vjs-playback-rate,
.video-js.vjs-layout-small .vjs-volume-control, .video-js.vjs-layout-x-small .vjs-current-time,
.video-js.vjs-layout-x-small .vjs-time-divider,
.video-js.vjs-layout-x-small .vjs-duration,
.video-js.vjs-layout-x-small .vjs-remaining-time,
.video-js.vjs-layout-x-small .vjs-playback-rate,
.video-js.vjs-layout-x-small .vjs-volume-control, .video-js.vjs-layout-tiny .vjs-current-time,
.video-js.vjs-layout-tiny .vjs-time-divider,
.video-js.vjs-layout-tiny .vjs-duration,
.video-js.vjs-layout-tiny .vjs-remaining-time,
.video-js.vjs-layout-tiny .vjs-playback-rate,
.video-js.vjs-layout-tiny .vjs-volume-control {
  display: none;
}

.video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-x-small .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active, .video-js.vjs-layout-tiny .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-hover {
  width: auto;
  width: initial;
}

.video-js.vjs-layout-x-small .vjs-progress-control, .video-js.vjs-layout-tiny .vjs-progress-control {
  display: none;
}

.video-js.vjs-layout-x-small .vjs-custom-control-spacer {
  flex: auto;
  display: block;
}

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%;
}

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table;
}

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell;
}

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom;
}

@supports (display: grid) {
  .vjs-text-track-settings .vjs-modal-dialog-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    padding: 20px 24px 0px 24px;
  }
  .vjs-track-settings-controls .vjs-default-button {
    margin-bottom: 20px;
  }
  .vjs-text-track-settings .vjs-track-settings-controls {
    grid-column: 1/-1;
  }
  .vjs-layout-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-x-small .vjs-text-track-settings .vjs-modal-dialog-content,
  .vjs-layout-tiny .vjs-text-track-settings .vjs-modal-dialog-content {
    grid-template-columns: 1fr;
  }
}
.vjs-track-setting > select {
  margin-right: 1em;
  margin-bottom: 0.5em;
}

.vjs-text-track-settings fieldset {
  margin: 10px;
  border: none;
}

.vjs-text-track-settings fieldset span {
  display: inline-block;
  padding: 0 6px 8px;
}

.vjs-text-track-settings fieldset span > select {
  max-width: 7.3em;
}

.vjs-text-track-settings legend {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
}

.vjs-text-track-settings .vjs-label {
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  margin: 0 5px 5px 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%);
}

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75);
}

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px;
}

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em;
}

.vjs-title-bar {
  background: rgba(0, 0, 0, 0.9);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.7) 60%, rgba(0, 0, 0, 0) 100%);
  font-size: 1.2em;
  line-height: 1.5;
  transition: opacity 0.1s;
  padding: 0.666em 1.333em 4em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.vjs-title-bar-title,
.vjs-title-bar-description {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vjs-title-bar-title {
  font-weight: bold;
  margin-bottom: 0.333em;
}

.vjs-playing.vjs-user-inactive .vjs-title-bar {
  opacity: 0;
  transition: opacity 1s;
}

.video-js .vjs-skip-forward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-forward-30 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-5 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-10 {
  cursor: pointer;
}

.video-js .vjs-skip-backward-30 {
  cursor: pointer;
}

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden;
  }
}
.vjs-resize-manager {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  z-index: -1000;
}

.js-focus-visible .video-js *:focus:not(.focus-visible) {
  outline: none;
}

.video-js *:focus:not(:focus-visible) {
  outline: none;
}

/* Copyright 2023 Epic Systems Corporation */
/* Modified video.js font-face src to conform to content security policy */
@font-face {
  font-family: VideoJS;
  src: url("../../../fonts/VideoJS.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.vjs-icon-play {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play:before {
  content: "\f101";
}

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-play-circle:before {
  content: "\f102";
}

.vjs-icon-pause {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pause:before {
  content: "\f103";
}

.vjs-icon-volume-mute {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mute:before {
  content: "\f104";
}

.vjs-icon-volume-low {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-low:before {
  content: "\f105";
}

.vjs-icon-volume-mid {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-mid:before {
  content: "\f106";
}

.vjs-icon-volume-high {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-volume-high:before {
  content: "\f107";
}

.vjs-icon-fullscreen-enter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-enter:before {
  content: "\f108";
}

.vjs-icon-fullscreen-exit {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-fullscreen-exit:before {
  content: "\f109";
}

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-spinner:before {
  content: "\f10a";
}

.vjs-icon-subtitles {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-subtitles:before {
  content: "\f10b";
}

.vjs-icon-captions {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-captions:before {
  content: "\f10c";
}

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-hd:before {
  content: "\f10d";
}

.vjs-icon-chapters {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-chapters:before {
  content: "\f10e";
}

.vjs-icon-downloading {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-downloading:before {
  content: "\f10f";
}

.vjs-icon-file-download {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download:before {
  content: "\f110";
}

.vjs-icon-file-download-done {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-done:before {
  content: "\f111";
}

.vjs-icon-file-download-off {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-file-download-off:before {
  content: "\f112";
}

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-share:before {
  content: "\f113";
}

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cog:before {
  content: "\f114";
}

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-square:before {
  content: "\f115";
}

.vjs-icon-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle:before {
  content: "\f116";
}

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-outline:before {
  content: "\f117";
}

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-circle-inner-circle:before {
  content: "\f118";
}

.vjs-icon-cancel {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cancel:before {
  content: "\f119";
}

.vjs-icon-repeat {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-repeat:before {
  content: "\f11a";
}

.vjs-icon-replay {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay:before {
  content: "\f11b";
}

.vjs-icon-replay-5 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-5:before {
  content: "\f11c";
}

.vjs-icon-replay-10 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-10:before {
  content: "\f11d";
}

.vjs-icon-replay-30 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-replay-30:before {
  content: "\f11e";
}

.vjs-icon-forward-5 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-5:before {
  content: "\f11f";
}

.vjs-icon-forward-10 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-10:before {
  content: "\f120";
}

.vjs-icon-forward-30 {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-forward-30:before {
  content: "\f121";
}

.vjs-icon-audio {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio:before {
  content: "\f122";
}

.vjs-icon-next-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-next-item:before {
  content: "\f123";
}

.vjs-icon-previous-item {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-previous-item:before {
  content: "\f124";
}

.vjs-icon-shuffle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-shuffle:before {
  content: "\f125";
}

.vjs-icon-cast {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-cast:before {
  content: "\f126";
}

.vjs-icon-picture-in-picture-enter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-enter:before {
  content: "\f127";
}

.vjs-icon-picture-in-picture-exit {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-picture-in-picture-exit:before {
  content: "\f128";
}

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-facebook:before {
  content: "\f129";
}

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-linkedin:before {
  content: "\f12a";
}

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-twitter:before {
  content: "\f12b";
}

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-tumblr:before {
  content: "\f12c";
}

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-pinterest:before {
  content: "\f12d";
}

.vjs-icon-audio-description {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal;
}

.vjs-icon-audio-description:before {
  content: "\f12e";
}

.EducationItem ._MediaPlayer.loadFailed {
  z-index: -1;
  height: 0;
  width: 0;
  max-height: 0;
  max-width: 0;
}
.tvmode:not(.hideFocus) .EducationItem ._MediaPlayer:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .EducationItem ._MediaPlayer:focus {
    outline: #7a0019 solid 3px;
  }
}

.EducationItem ._MediaPlayer .playerPlaceholder {
  aspect-ratio: 16/9;
  margin-bottom: 0;
  opacity: 0.01;
}
@supports not (aspect-ratio: 16/9) {
  .EducationItem ._MediaPlayer .playerPlaceholder::before {
    float: left;
    padding-top: 56.25%;
    content: "";
  }
  .EducationItem ._MediaPlayer .playerPlaceholder::after {
    display: block;
    content: "";
    clear: both;
  }
}
.tvmode .EducationItem ._MediaPlayer .playerPlaceholder {
  margin-bottom: 4px;
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._MediaPlayer .playerPlaceholder {
    margin-bottom: 0;
  }
}

.EducationItem ._MediaPlayer .vjs-fullscreen {
  font-size: 125%;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-125 {
  font-size: 12px;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-150 {
  font-size: 14px;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-200 {
  font-size: 16px;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-300 {
  font-size: 20px;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-400 {
  font-size: 24px;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-500 {
  font-size: 28px;
}
.EducationItem ._MediaPlayer .vjs-fullscreen.scale-display-600 {
  font-size: 32px;
}
.EducationItem ._MediaPlayer .vjs-control-bar {
  margin-bottom: -1px;
}
.tvmode:not(.hideFocus) .EducationItem ._MediaPlayer .vjs-control-bar:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .EducationItem ._MediaPlayer .vjs-control-bar:focus {
    outline: #7a0019 solid 3px;
  }
}

.tvmode:not(.hideFocus) .EducationItem ._MediaPlayer .vjs-control-bar *:focus {
  outline: #ffffff solid 4px;
  transform: scale(1);
  border-radius: 3px;
  outline-offset: -3px;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .EducationItem ._MediaPlayer .vjs-control-bar *:focus {
    outline: #ffffff solid 3px;
  }
}

.EducationItem ._MediaPlayer .vjs-paused :not(.vjs-fullscreen) .vjs-big-play-button {
  display: block;
}
.EducationItem ._MediaPlayer .video-js:not(.vjs-fullscreen) .vjs-title-bar {
  display: none;
}
.EducationItem ._MediaPlayer .vjs-picture-in-picture-control, .EducationItem ._MediaPlayer .vjs-skip-forward-10, .EducationItem ._MediaPlayer .vjs-skip-backward-10, .EducationItem ._MediaPlayer .vjs-texttrack-settings, .EducationItem ._MediaPlayer .vjs-playback-rate, .EducationItem ._MediaPlayer .vjs-chapters-button, .EducationItem ._MediaPlayer .vjs-descriptions-button {
  display: none;
}
.EducationItem ._MediaPlayer .vjs-title-bar {
  padding-bottom: 3em;
}
.EducationItem ._MediaPlayer .vjs-title-bar .vjs-title-bar-title {
  text-align: center;
  white-space: unset;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.tvmode .EducationItem ._MediaPlayer .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
  margin-bottom: 4px;
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._MediaPlayer .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    margin-bottom: 0;
  }
}
.tvmode .EducationItem ._MediaPlayer .vjs-volume-panel {
  display: none;
}
.tvmode .EducationItem ._MediaPlayer .vjs-progress-control {
  pointer-events: none;
}
.tvmode .EducationItem ._MediaPlayer .vjs-skip-forward-10, .tvmode .EducationItem ._MediaPlayer .vjs-skip-backward-10 {
  display: inline-block;
}
.tvmode .EducationItem ._MediaPlayer .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  pointer-events: auto;
  opacity: 0.01;
}
.tvmode .EducationItem ._MediaPlayer .video-js.hideControls.vjs-playing .vjs-title-bar {
  display: none;
}
.tvmode .EducationItem ._MediaPlayer .video-js.hideControls.vjs-playing .vjs-control-bar {
  pointer-events: auto;
  opacity: 0.5;
}
.tvmode .EducationItem ._MediaPlayer .video-js.vjs-error:not(.vjs-fullscreen).vjs-paused .vjs-big-play-button {
  opacity: 0.01;
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._MediaPlayer .video-js.vjs-error:not(.vjs-fullscreen) .vjs-error-display:before {
    font-size: 1.5em;
    top: 0;
    margin-top: 0.4em;
  }
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._MediaPlayer {
    flex-shrink: 2;
  }
  .tvmode .EducationItem ._MediaPlayer .video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    padding-top: 75%;
  }
  .tvmode .EducationItem ._MediaPlayer .video-js.vjs-fluid:not(.vjs-audio-only-mode) .vjs-poster {
    fill: #ffffff;
    background-color: #ffffff;
  }
  .tvmode.darkmode .EducationItem ._MediaPlayer .video-js.vjs-fluid:not(.vjs-audio-only-mode) .vjs-poster {
    background-color: #3d3133;
  }
  .tvmode .EducationItem ._MediaPlayer .video-js.vjs-fluid:not(.vjs-audio-only-mode) .vjs-loading-spinner {
    height: 25px;
    width: 25px;
    margin: -12.5px 0 0 -12.5px;
    z-index: 1;
  }
}

.EducationItem ._MediaPlayer .video-js .vjs-big-play-button {
  background-image: url("../../../en-US/images/video/playiconoverlay.svg");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 96px;
  border: none;
  box-shadow: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  margin: 0;
  background-color: transparent;
}
.tvmode .EducationItem ._MediaPlayer .video-js .vjs-big-play-button {
  background-size: 80px;
}
@media (max-width: 756px) {
  .tvmode .EducationItem ._MediaPlayer .video-js .vjs-big-play-button {
    background-size: 72px;
  }
}
@media (max-width: 560px) {
  .tvmode .EducationItem ._MediaPlayer .video-js .vjs-big-play-button {
    background-size: 24px;
  }
}

.EducationItem ._MediaPlayer .video-js .vjs-big-play-button .vjs-icon-placeholder {
  content: "";
  display: none;
}
.EducationItem ._MediaPlayer .video-js .vjs-big-play-button:hover {
  background-color: transparent;
  opacity: 0.7;
}
.EducationItem ._MediaPlayer._Audio .video-js .vjs-poster {
  fill: #ffffff;
  background-color: #7a0019;
}
.tvmode .EducationItem ._MediaPlayer._Audio .video-js:not(.vjs-fullscreen).vjs-paused .vjs-big-play-button {
  background: none;
}

.EducationItem > * {
  margin-bottom: 0.625rem;
}
@media (max-width: 560px) {
  .EducationItem > * {
    margin-bottom: 0;
  }
}
.EducationItem ._VideoPreview ._PreviewDetails, .EducationItem ._AudioPreview ._PreviewDetails {
  margin-top: initial;
}
.EducationItem ._VideoPreview ._PreviewDetails .headingText, .EducationItem ._AudioPreview ._PreviewDetails .headingText {
  height: 100%;
}
.tvmode .EducationItem ._VideoPreview ._PreviewDetails .headingText, .tvmode .EducationItem ._AudioPreview ._PreviewDetails .headingText {
  -webkit-line-clamp: 2;
  margin-bottom: 0;
}

.EducationItem ._VideoPreview .durationTextContainer, .EducationItem ._AudioPreview .durationTextContainer {
  height: 0;
  position: relative;
}
.EducationItem ._VideoPreview .durationTextContainer .durationText, .EducationItem ._AudioPreview .durationTextContainer .durationText {
  top: -2.5rem;
}
.EducationItem .previewPlaceholder {
  height: 100%;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0.5em;
}
.tvmode:not(.hideFocus) .EducationItem .previewPlaceholder:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}

.darkmode .EducationItem .previewPlaceholder {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.tvmode .EducationItem .previewPlaceholder:focus-within {
  background-color: #f4ebed;
}
.tvmode.darkmode .EducationItem .previewPlaceholder:focus-within {
  background-color: #312729;
}

.EducationItem .previewPlaceholder .durationTextContainer {
  height: 0;
  position: relative;
}
.EducationItem .previewPlaceholder .durationTextContainer .durationText {
  top: -3rem;
}

.EducationTile {
  height: 100%;
  width: 100%;
  max-width: 400px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
}
.tvmode .EducationTile {
  position: relative;
}

.darkmode .EducationTile {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.EducationTile:is(:focus, :hover) {
  text-decoration: none;
}

.tvmode:not(.hideFocus) .EducationTile:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .EducationTile:focus {
    outline: #7a0019 solid 3px;
  }
}

@media (hover: hover) and (pointer: fine) {
  .EducationTile:hover,
  .tvmode .EducationTile:is(:hover, :focus) {
    background-color: #f4ebed;
  }
  .darkmode .EducationTile:hover, .tvmode.darkmode .EducationTile:is(:hover, :focus) {
    background-color: #312729;
  }
  .EducationTile:hover .upper,
  .tvmode .EducationTile:is(:hover, :focus) .upper {
    filter: brightness(95%);
  }
  .EducationTile:hover .lower,
  .tvmode .EducationTile:is(:hover, :focus) .lower {
    background-color: inherit;
  }
}
.EducationTile .thumbnailIconContainer {
  position: relative;
  display: flex;
}
.EducationTile .thumbnailIconContainer.color1 {
  background-color: #e9b8f9;
}
.EducationTile .thumbnailIconContainer.color2 {
  background-color: #b8eef9;
}
.EducationTile .thumbnailIconContainer.color3 {
  background-color: #cef9b8;
}
.EducationTile .thumbnailIconContainer.color4 {
  background-color: #b8c3f9;
}
.EducationTile .thumbnailIconContainer.color5 {
  background-color: #f9deb8;
}
.EducationTile .thumbnailIconContainer.color6 {
  background-color: #fff799;
}
.EducationTile .thumbnailIconContainer.color7 {
  background-color: #f9b8e9;
}
.EducationTile .thumbnailIcon, .EducationTile .fallbackImage {
  box-sizing: content-box;
  padding: calc(28.125% - 64px) calc(50% - 64px);
  position: relative;
  background-image: radial-gradient(circle, #ffffff 40%, transparent 41%);
}
@media (max-width: 400px) {
  .tvmode .EducationTile .thumbnailIcon, .tvmode .EducationTile .fallbackImage {
    width: 96px;
    height: 96px;
    padding: calc(28.125% - 48px) calc(50% - 48px);
  }
}
@media (max-width: 330px) {
  .tvmode .EducationTile .thumbnailIcon, .tvmode .EducationTile .fallbackImage {
    padding: calc(28.125% - 48px) calc(50% - 40px);
  }
}

.EducationTile .fallbackImage {
  width: 128px;
  height: 128px;
}
.EducationTile .fallbackImage.color1 {
  background-color: #e9b8f9;
}
.EducationTile .fallbackImage.color2 {
  background-color: #b8eef9;
}
.EducationTile .fallbackImage.color3 {
  background-color: #cef9b8;
}
.EducationTile .fallbackImage.color4 {
  background-color: #b8c3f9;
}
.EducationTile .fallbackImage.color5 {
  background-color: #f9deb8;
}
.EducationTile .fallbackImage.color6 {
  background-color: #fff799;
}
.EducationTile .fallbackImage.color7 {
  background-color: #f9b8e9;
}
.EducationTile .aspectRatioBox {
  overflow: hidden;
  display: flex;
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}
.EducationTile .aspectRatioBox .thumbnailImage:not(.fallbackImage) {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.EducationTile .lower {
  padding: 2% 3% 2% 3%;
  text-align: left;
}
@media (max-width: 400px) {
  .tvmode .EducationTile .lower .assignmentDate {
    display: none;
  }
}
@media (max-width: 756px) {
  .tvmode .EducationTile .lower {
    font-size: 1.1rem;
    position: absolute;
    bottom: 0;
    background-color: #3d3133;
    border-radius: 0 0 10px 10px;
  }
}

.EducationTile .tvUnsupportedIcon {
  display: none;
}
.EducationTile .Book.tvUnsupported {
  display: none;
}
.tvmode .EducationTile.notTVSupported {
  color: white;
}
.tvmode .EducationTile.notTVSupported > .aspectRatioBox {
  filter: brightness(25%);
}
.tvmode .EducationTile.notTVSupported > .thumbnailIconContainer {
  filter: brightness(10%);
}
.tvmode .EducationTile.notTVSupported .tvUnsupportedIcon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media (max-width: 400px) {
  .tvmode .EducationTile.notTVSupported .tvUnsupportedIcon {
    width: 96px;
    height: 96px;
  }
}
.tvmode .EducationTile.notTVSupported .Book.tvUnsupported {
  display: block;
}
.tvmode .EducationTile.notTVSupported .Book.tvSupportedOrTablet {
  display: none;
}
.tvmode .EducationTile.notTVSupported .lower {
  z-index: 3;
}
@media (max-width: 400px) {
  .tvmode .EducationTile.notTVSupported .hideOnLargeZoom {
    display: none;
  }
}
.tvmode .EducationTile.EducationSectionTile {
  position: relative;
}
.tvmode.darkmode .EducationTile.EducationSectionTile {
  background-color: #3d3133;
}
.tvmode.darkmode .EducationTile.EducationSectionTile .lower {
  background-color: #3d3133;
}

.tvmode .EducationTile.EducationSectionTile .lower {
  padding-top: 3.5%;
  padding-bottom: 3.5%;
  position: absolute;
  bottom: 0;
}
.tvmode .EducationTile.EducationSectionTile .thumbnailIcon, .tvmode .EducationTile.EducationSectionTile .fallbackImage {
  width: 96px;
  height: 96px;
  padding: calc(28.125% - 48px) calc(50% - 48px);
}
@media (max-width: 756px) {
  .tvmode .EducationTile.EducationSectionTile .thumbnailIcon, .tvmode .EducationTile.EducationSectionTile .fallbackImage {
    width: 80px;
    height: 80px;
    padding: calc(28.125% - 40px) calc(50% - 40px);
  }
}
@media (max-width: 400px) {
  .tvmode .EducationTile.EducationSectionTile .thumbnailIcon, .tvmode .EducationTile.EducationSectionTile .fallbackImage {
    width: 64px;
    height: 64px;
    padding: calc(28.125% - 32px) calc(50% - 32px);
  }
}

.EducationItemGroup {
  display: grid;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 1301px) {
  .EducationItemGroup {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.5em 2%;
  }
}
@media screen and (max-width: 1300px) {
  .EducationItemGroup {
    grid-template-columns: repeat(3, 1fr);
    gap: 1em 3%;
  }
}
@media screen and (max-width: 768px) {
  .EducationItemGroup {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 1em;
  }
}
@media screen and (max-width: 426px) {
  .EducationItemGroup {
    grid-template-columns: 1fr;
    row-gap: 1em;
  }
}
@media screen and (min-width: 1600px) {
  .tvmode .EducationItemGroup {
    grid-template-columns: repeat(5, 1fr);
    row-gap: 1em;
  }
}
.EducationItemGroup > li {
  min-width: 0;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 448px) {
  .EducationItemGroup {
    grid-template-columns: 1fr;
    row-gap: 1em;
  }
}
@media (max-width: 400px) {
  .tvmode .EducationItemGroup {
    margin-top: -2.5rem;
    margin-bottom: -2rem;
  }
  .tvmode .EducationItemGroup li {
    transform: scale(0.65);
    font-size: 1.35rem;
    margin-top: -6rem;
  }
  .tvmode .EducationItemGroup li:first-child {
    margin-top: 0;
  }
}

.Education {
  padding: 0.75rem;
}
.Education ._ExpandableItemList dt {
  display: flex;
  border-radius: 10px;
  margin-bottom: 1rem;
  min-height: 2em;
  max-height: none;
}
.tvmode:not(.hideFocus) .Education ._ExpandableItemList dt:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.02);
}

.Education ._ExpandableItemList ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.Education ._ExpandableItemList ._ExpandCommand .arrowIcon {
  color: #767676;
  margin-right: 0.5em;
  transition: transform 0.5s ease 0s;
}
.Education ._ExpandableItemList ._ExpandCommand .arrowIcon.expanded {
  transform: scaleY(-1);
}
.Education ._ExpandableItemList ._ExpandCommand .plainText {
  text-align: left;
}
.Education ._ExpandableItemList ._ExpandableItem {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0rem;
  visibility: hidden;
}
.Education ._ExpandableItemList ._ExpandableItem.expanded {
  max-height: none;
  visibility: visible;
  overflow: visible;
}
.tvmode .Education ._ExpandableItemList ._ExpandableItem.expanded li:first-child {
  margin-top: 0px;
}
.tvmode .Education ._ExpandableItemList ._ExpandableItem.expanded ._ListElement {
  margin-top: 1px;
}
.tvmode .Education ._ExpandableItemList ._ExpandableItem.expanded li:last-child {
  margin-bottom: -1px;
}

.tvmode .Education {
  padding: 16px 48px 16px 48px;
}

.tvmode .Education {
  overflow: hidden;
}

@media (max-width: 400px) {
  .tvmode .Education[class] {
    padding-top: 0;
  }
}

.Education .pageHeader {
  text-align: left;
}
.mobile .Education .pageHeader, .tvmode .Education .pageHeader {
  display: none;
}
.Education .sectionTitle {
  text-align: left;
}
.Education[class][class] .titleCountText {
  margin-top: -0.5rem;
  color: #565656;
  font-weight: normal;
}
.darkmode .Education[class][class] .titleCountText {
  color: #ffffff;
}

.Education[class][class] .otherTitles {
  margin-top: 1rem;
}
.Education[class][class] .otherTitles .titleCountText {
  margin-top: 0;
}
.Education[class][class] .otherTitles.subsection ._ExpandableItem {
  padding-left: 2rem;
}

.Book {
  color: #565656;
}
.darkmode .Book {
  color: #ffffff;
}

.Book .titleText {
  font-size: 1.1em;
  line-height: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tvmode .Book .titleText {
  color: #363636;
}
.tvmode.darkmode .Book .titleText {
  color: #ffffff;
}

.darkmode .Book .titleText {
  color: #ffffff;
}

.Book .titleText[class] {
  margin: 0;
}
@media screen and (max-width: 759px) {
  .Book .titleText {
    width: inherit;
    padding-bottom: 0;
  }
  html:not(.tvmode) .Book .titleText {
    overflow: hidden;
    display: flex;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: unset;
    word-break: break-word;
  }
}
.Book.needsReview .titleText {
  font-weight: bold;
}
.Book .bookStatus {
  display: flex;
}
.Book .bookStatus.hasIcon {
  margin-left: -2px;
}
.Book .bookStatus.hasIcon.needsReview {
  margin-left: -4px;
}
.Book .bookStatus .bookStatusIcon {
  min-width: 32px;
  max-width: 32px;
  margin-right: 0.2em;
}
.Book .dateText {
  align-self: center;
}

.Bookshelf {
  margin-top: 1em;
  margin-bottom: 2em;
  display: grid;
}
@media screen and (min-width: 1280px) {
  .Bookshelf {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 2%;
  }
}
@media screen and (max-width: 1279px) {
  .Bookshelf {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 3%;
  }
}
@media screen and (max-width: 759px) {
  .Bookshelf {
    grid-template-columns: 1fr;
    row-gap: 1em;
  }
}
@media screen and (min-width: 1600px) {
  .tvmode .Bookshelf {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 1em;
  }
}
.Bookshelf > li {
  min-width: 0;
  display: flex;
  justify-content: center;
}
.tvmode .Bookshelf li {
  position: relative;
}
@media (max-width: 756px) {
  .tvmode .Bookshelf li {
    transform: scale(0.9);
  }
}
.tvmode .Bookshelf li:last-child {
  margin-bottom: -1px;
}

.Bookshelf .Wrapper {
  display: contents;
  justify-content: center;
}

.BookProgress {
  width: auto;
  padding: 0.75rem;
}
.tvmode .BookProgress {
  padding: 0 48px 0 48px;
}

.BookProgress .BookProgressLine {
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}
.BookProgress .BookProgressLine:first-child {
  margin-top: 0;
}
.BookProgress .BookProgressLine .iconToDisplay {
  margin-right: 0.2rem;
  min-width: 24px;
  max-width: 24px;
  color: #565656;
}
.darkmode .BookProgress .BookProgressLine .iconToDisplay {
  color: #ffffff;
}

.darkmode .BookProgress .BookProgressLine .slightlySubtle {
  color: #ffffff;
}

.TableOfContents ._ExpandableItemList dt {
  display: flex;
  border-radius: 10px;
  margin-bottom: 1rem;
  min-height: 2em;
  max-height: none;
}
.tvmode:not(.hideFocus) .TableOfContents ._ExpandableItemList dt:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.02);
}

.TableOfContents ._ExpandableItemList ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 0.5rem;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}
.TableOfContents ._ExpandableItemList ._ExpandCommand .arrowIcon {
  color: #767676;
  margin-right: 0.5em;
  transition: transform 0.5s ease 0s;
}
.TableOfContents ._ExpandableItemList ._ExpandCommand .arrowIcon.expanded {
  transform: scaleY(-1);
}
.TableOfContents ._ExpandableItemList ._ExpandCommand .plainText {
  text-align: left;
}
.TableOfContents ._ExpandableItemList ._ExpandableItem {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0rem;
  visibility: hidden;
}
.TableOfContents ._ExpandableItemList ._ExpandableItem.expanded {
  max-height: none;
  visibility: visible;
  overflow: visible;
}
.tvmode .TableOfContents ._ExpandableItemList ._ExpandableItem.expanded li:first-child {
  margin-top: 0px;
}
.tvmode .TableOfContents ._ExpandableItemList ._ExpandableItem.expanded ._ListElement {
  margin-top: 1px;
}
.tvmode .TableOfContents ._ExpandableItemList ._ExpandableItem.expanded li:last-child {
  margin-bottom: -1px;
}

.TableOfContents .contentArea {
  width: 100%;
  height: 100%;
}
.TableOfContents .contentArea ._AsyncIndicator {
  height: calc(80% - 1rem);
}
.TableOfContents .contentArea .tocView {
  padding: 0.75rem;
}
.tvmode .TableOfContents .contentArea .tocView {
  padding: 16px 48px 16px 48px;
}

.TableOfContents .contentArea .informationHeader {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.TableOfContents .contentArea .informationHeader .hasTVContentBadge {
  min-width: fit-content;
  align-self: self-start;
  margin: 0.75rem 0.75rem 0.5rem 0.75rem;
}
html:not(.tvmode).mobile .TableOfContents .contentArea .informationHeader .hasTVContentBadge {
  margin: 0 0.75rem;
}

.TableOfContents .contentArea .informationHeader > .BookProgress {
  width: fit-content;
  flex-grow: 1;
}
html:not(.tvmode).mobile .TableOfContents .contentArea .informationHeader > .BookProgress {
  padding-top: 0;
}

.tvmode .TableOfContents[class][class][class] .asyncInFlight {
  position: fixed;
  left: 0;
  top: calc(50vh - 64px);
}
@media (max-width: 330px) {
  .tvmode .TableOfContents[class][class][class] .asyncInFlight {
    top: 50%;
  }
}

.Chapter {
  text-align: left;
}
.Chapter .pageCountText {
  font-size: 1em;
  color: #565656;
}
.darkmode .Chapter .pageCountText {
  color: #ffffff;
}

.Chapter .chapterText {
  font-size: 1.25em;
  color: #7a0019;
  word-break: break-word;
}
.darkmode .Chapter .chapterText {
  color: #ffffff;
}

.ChapterHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #cccccc;
  padding: 0.75rem;
  padding-top: 0;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .ChapterHeader {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .ChapterHeader {
  margin-top: -0.5rem;
}
.mobile .ChapterHeader {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .ChapterHeader {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .ChapterHeader {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .ChapterHeader {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .ChapterHeader {
    margin-top: -0.75rem;
  }
  .mobile .ChapterHeader {
    margin-top: 0;
  }
}
.mobile .ChapterHeader {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .ChapterHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .ChapterHeader {
    margin-top: 0;
  }
  .mobile .ChapterHeader {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .ChapterHeader {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media screen {
  .ChapterHeader {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.tvmode .ChapterHeader {
  padding: 0 48px 4px 48px;
}

.tvmode .ChapterHeader {
  background-color: rgba(255, 255, 255, 0.65);
}
.tvmode.darkmode .ChapterHeader {
  background-color: rgba(0, 0, 0, 0.65);
}

.tvmode .ChapterHeader ._PageTitle {
  padding: 4px 0 0 0;
}

.darkmode .ChapterHeader {
  background-color: #000000;
  border-bottom: 1px solid #000000;
}

.mobile .ChapterHeader, .tvmode .ChapterHeader {
  margin-bottom: 1rem;
  margin-top: 0rem;
}
.tvmode .ChapterHeader {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.Page {
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
  width: 100%;
  min-height: 5em;
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 15px;
  position: relative;
}
.tvmode:not(.hideFocus) .Page:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .Page:focus {
    outline: #7a0019 solid 3px;
  }
}

.darkmode .Page {
  background-color: #3d3133;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.75);
}
.darkmode .Page.pointHasResponse {
  background-color: #1f191a;
}

.Page:is(:focus, :hover) {
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  .Page:hover,
  .tvmode .Page:is(:hover, :focus) {
    background-color: #f4ebed;
  }
  .darkmode .Page:hover, .tvmode.darkmode .Page:is(:hover, :focus) {
    background-color: #312729;
  }
  .darkmode .Page:hover.pointHasResponse, .tvmode.darkmode .Page:is(:hover, :focus).pointHasResponse {
    background-color: #191415;
  }
}
.Page .center {
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #000000;
  text-align: left;
}
.darkmode .Page .center {
  color: #ffffff;
}

.Page .headerText {
  font-size: 1.1rem;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Page .headerText[class] {
  margin: 0;
}
.Page .subtext {
  color: #767676;
  font-style: italic;
  font-size: 0.9rem;
}
.darkmode .Page .subtext {
  color: #ffffff;
}

.Page .subtext[class] {
  margin: 0;
}
.Page .pageArrowSprite {
  transform: rotate(-90deg);
  color: #767676;
}
.darkmode .Page .pageArrowSprite {
  color: #ffffff;
}

.tvmode .Page .pageArrowSprite {
  display: none;
}

.Page .iconToDisplay {
  min-width: 24px;
  max-width: 24px;
  margin-right: 9px;
  color: #565656;
}
.darkmode .Page .iconToDisplay {
  color: #ffffff;
}

.tvmode .Page .iconToDisplay {
  min-width: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  width: 36px;
  height: 36px;
}

.Page .iconToDisplay.invisible {
  visibility: hidden;
}

html:not(.tvmode).mobile .PageDetails .MobileStickyContent {
  overflow-y: auto;
  transition: box-shadow 0.4s;
}
html:not(.tvmode).mobile .PageDetails .MobileStickyContent .MobileStickyFooterPlaceholder {
  height: calc(var(--footer-height, 0px));
}
html:not(.tvmode).mobile .PageDetails .MobileStickyContent .MobileStickyFooter {
  position: absolute;
  bottom: 0;
}
html:not(.tvmode).mobile .PageDetails .MobileStickyContent:not(.isScrolled) {
  box-shadow: inset 0 -0.6rem 0.6rem -0.6rem rgba(0, 0, 0, 0.2);
}

.tvmode .PageDetails {
  scroll-padding-bottom: 1rem;
}

.PageDetails .contentArea {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .PageDetails .contentArea {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .PageDetails .contentArea {
  margin-top: -0.5rem;
}
.mobile .PageDetails .contentArea {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .PageDetails .contentArea {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .PageDetails .contentArea {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .PageDetails .contentArea {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .PageDetails .contentArea {
    margin-top: -0.75rem;
  }
  .mobile .PageDetails .contentArea {
    margin-top: 0;
  }
}
.mobile .PageDetails .contentArea {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .PageDetails .contentArea {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .PageDetails .contentArea {
    margin-top: 0;
  }
  .mobile .PageDetails .contentArea {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .PageDetails .contentArea {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
.tvmode .PageDetails .contentArea {
  margin: 0;
  width: 100%;
}

.PageDetails .contentArea ._AsyncIndicator {
  height: calc(80% - 1rem);
}
.PageDetails .contentArea .pageText {
  margin-top: -0.5rem;
  color: #363636;
}
.darkmode .PageDetails .contentArea .pageText {
  color: #ffffff;
}

.PageDetails .contentArea .main .header {
  border-bottom: 1px solid #cccccc;
  padding: 0.75rem;
  padding-top: 0;
}
@media screen {
  .PageDetails .contentArea .main .header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.tvmode .PageDetails .contentArea .main .header {
  padding: 0 48px 16px 48px;
}

.tvmode .PageDetails .contentArea .main .header {
  background-color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 400px) {
  .tvmode .PageDetails .contentArea .main .header {
    padding-bottom: 8px;
  }
}
.tvmode.darkmode .PageDetails .contentArea .main .header {
  background-color: rgba(0, 0, 0, 0.65);
}

.darkmode .PageDetails .contentArea .main .header {
  background-color: #000000;
  border-bottom: 1px solid #000000;
}

.PageDetails .contentArea .main .pointView {
  padding: 0.75rem;
  padding-top: 0;
}
.tvmode .PageDetails .contentArea .main .pointView {
  padding: 16px 48px 16px 48px;
}

@media (max-width: 400px) {
  .tvmode .PageDetails .contentArea .main .pointView {
    padding-bottom: 8px;
    padding-top: 0;
  }
}

.PageDetails .contentArea .main .MobileStickyFooter .NavigationController {
  margin-bottom: 0;
}
@media print {
  .PageDetails .contentArea .main .MobileStickyFooter {
    display: none;
  }
}
.mobile .PageDetails .contentArea::after, .tvmode .PageDetails .contentArea::after {
  content: "";
  display: block;
  height: 1.5px;
}

.EducationPointList {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  padding: 0px;
  min-height: 0;
}
.EducationPointList:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.NavigationController {
  padding: 0 0.75rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.NavigationController[class] .prevPageBtn {
  margin-right: 0.5rem;
}
.tvmode .NavigationController {
  padding: 0 48px 0 48px;
}

@media screen and (max-width: 768px) {
  .NavigationController {
    padding: 0 0.5rem 0.5rem;
  }
}
@media (max-width: 400px) {
  .tvmode .NavigationController {
    margin-bottom: 1rem;
  }
}

html:not(.tvmode).mobile .NavigationController .prevPageBtn {
  margin-right: 0.25rem;
  flex-grow: 1;
}
html:not(.tvmode).mobile .NavigationController .prevPageBtn._Command {
  width: 8rem;
  margin-left: 0.25rem;
}
html:not(.tvmode).mobile .NavigationController .nextPageBtn {
  margin-right: 0.25rem;
  flex-grow: 1;
}
html:not(.tvmode).mobile .NavigationController .nextPageBtn._Command {
  width: 8rem;
  margin-left: 0.25rem;
}

.PagesContainer {
  padding: 0px;
  min-height: 0;
  margin-bottom: 3rem;
  display: grid;
}
@media screen and (min-width: 1280px) {
  .PagesContainer {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5em 2%;
  }
}
@media screen and (max-width: 1279px) {
  .PagesContainer {
    grid-template-columns: repeat(2, 1fr);
    gap: 1em 3%;
  }
}
@media screen and (max-width: 759px) {
  .PagesContainer {
    grid-template-columns: 1fr;
    row-gap: 1em;
  }
}
.PagesContainer > li {
  min-width: 0;
  display: flex;
  justify-content: center;
}

.PointDescription {
  padding-bottom: 0.5rem;
}

.TrackUnderstandingButtons {
  margin-top: 1rem;
  background: rgba(122, 0, 25, 0.075);
  width: fit-content;
  border-radius: 0.25rem;
}
@media print {
  .TrackUnderstandingButtons {
    display: none;
  }
}
.darkmode .TrackUnderstandingButtons {
  background: rgba(61, 49, 51, 0.3);
  color: white;
}

.tvmode .TrackUnderstandingButtons {
  margin: 0 1rem 0.25rem 1rem;
}

.TrackUnderstandingButtons .trackUnderstandingField {
  margin-bottom: 0;
  line-height: 1.75em;
  padding: 1rem 1rem 1rem 2rem;
  border-radius: unset;
}
.tvmode .TrackUnderstandingButtons .trackUnderstandingField {
  padding: 0 1rem 0.25rem 1rem;
}

.TrackUnderstandingButtons .trackUnderstandingField .fieldGroupPrompt {
  padding-top: 1rem;
}
.darkmode .TrackUnderstandingButtons .trackUnderstandingField .fieldGroupPrompt {
  color: white;
}

.tvmode .TrackUnderstandingButtons .trackUnderstandingField .fieldGroupPrompt {
  padding-top: 0.25rem;
  margin-bottom: 0.25rem;
  font-size: 120%;
}
@media (max-width: 560px) {
  .tvmode .TrackUnderstandingButtons .trackUnderstandingField .fieldGroupPrompt {
    margin-bottom: 0;
  }
}

.tvmode .TrackUnderstandingButtons .trackUnderstandingField ._DataEntrySet-fields {
  flex-wrap: nowrap;
  justify-content: center;
  column-gap: 15px;
  padding: 2px 0;
}
@media (max-width: 560px) {
  .tvmode .TrackUnderstandingButtons .trackUnderstandingField ._DataEntrySet-fields {
    padding: 0;
  }
}
.tvmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton {
  margin-right: 0;
}
@media (max-width: 560px) {
  .tvmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton {
    margin-top: 0.5rem;
  }
}
.tvmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton label {
  padding: 0.25rem 0.5rem;
}
@media (max-width: 560px) {
  .tvmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton label {
    padding: 0 0.5rem;
  }
  .tvmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton label ._Icon {
    transform: scale(0.75);
  }
}
.tvmode.darkmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton[class] {
  background: #000000;
  border-radius: 4px;
}
.tvmode.darkmode .TrackUnderstandingButtons .trackUnderstandingField .trackUnderstandingButton[class] input:disabled + label {
  background: rgba(0, 0, 0, 0.3);
}

.TrackUnderstandingButtons .trackUnderstandingField .understandingText {
  font-size: 1.1rem;
}
@media (max-width: 400px) {
  .tvmode .TrackUnderstandingButtons .trackUnderstandingField {
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
}

.WatchListenReadFragment {
  display: flex;
  flex-wrap: wrap;
  color: #565656;
  font-size: 0.9rem;
}
.darkmode .WatchListenReadFragment {
  color: #ffffff;
}

.WatchListenReadFragment .contentWrapper {
  width: fit-content;
  display: flex;
  align-items: center;
  margin-right: 15px;
}
.WatchListenReadFragment .contentIcon {
  margin-right: 5px;
}

.PatientHandoutLink {
  display: flex;
  align-items: center;
  width: fit-content;
  color: #404d5b;
  text-align: inherit;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
  margin-top: 16px;
}
.PatientHandoutLink:is(:focus, :hover) {
  color: #384450;
  text-decoration: underline;
}

.tvmode:not(.hideFocus) .PatientHandoutLink:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.02);
  text-decoration: none;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .PatientHandoutLink:focus {
    outline: #7a0019 solid 3px;
  }
}
.tvmode:not(.hideFocus) .PatientHandoutLink:focus.small {
  transform: scale(1.05);
}

.tvmode .PatientHandoutLink {
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 10px 15px 10px 10px;
  border-radius: 5px;
  color: #404d5b;
}
.tvmode.darkmode .PatientHandoutLink {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.PatientHandoutLink .linkIcon {
  flex-basis: 16px;
  margin-right: 5px;
}
.PatientHandoutLink .linkIconLeft {
  display: none;
}
.PatientHandoutLink .linkIconRight {
  display: block;
}
.tvmode .PatientHandoutLink .linkIconLeft {
  display: block;
}
.tvmode .PatientHandoutLink .linkIconRight {
  display: none;
}

.ClinicalReferenceSection .ClinicalReferenceLink {
  display: flex;
  align-items: center;
  width: fit-content;
  color: #404d5b;
  text-align: inherit;
  overflow-wrap: break-word;
  overflow-wrap: anywhere;
}
.ClinicalReferenceSection .ClinicalReferenceLink:is(:focus, :hover) {
  color: #384450;
  text-decoration: underline;
}

.tvmode:not(.hideFocus) .ClinicalReferenceSection .ClinicalReferenceLink:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.02);
  text-decoration: none;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ClinicalReferenceSection .ClinicalReferenceLink:focus {
    outline: #7a0019 solid 3px;
  }
}
.tvmode:not(.hideFocus) .ClinicalReferenceSection .ClinicalReferenceLink:focus.small {
  transform: scale(1.05);
}

.tvmode .ClinicalReferenceSection .ClinicalReferenceLink {
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 10px 15px 10px 10px;
  border-radius: 5px;
  color: #404d5b;
}
.tvmode.darkmode .ClinicalReferenceSection .ClinicalReferenceLink {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.ClinicalReferenceSection .ClinicalReferenceLink .linkIcon {
  flex-basis: 16px;
  margin-right: 5px;
}
.ClinicalReferenceSection .ClinicalReferenceLink .linkIconLeft {
  display: none;
}
.ClinicalReferenceSection .ClinicalReferenceLink .linkIconRight {
  display: block;
}
.tvmode .ClinicalReferenceSection .ClinicalReferenceLink .linkIconLeft {
  display: block;
}
.tvmode .ClinicalReferenceSection .ClinicalReferenceLink .linkIconRight {
  display: none;
}

.TitleDetails {
  overflow: hidden;
}
@media (max-width: 756px) {
  .TitleDetails {
    scroll-padding-bottom: 20px;
  }
}
@media (max-width: 560px) {
  .TitleDetails {
    scroll-padding-bottom: 40px;
  }
}
@media (max-width: 400px) {
  .TitleDetails {
    scroll-padding-bottom: 10px;
  }
}
@media (max-width: 330px) {
  .TitleDetails:not(.singleTopic) {
    scroll-padding-top: 30px;
  }
  .TitleDetails.singleTopic {
    scroll-padding: unset;
  }
}
.TitleDetails .contentArea {
  width: 100%;
  height: 100%;
}
.TitleDetails .contentArea .loadingHeartWrapper {
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 3.75rem;
  z-index: 1;
}
.TitleDetails .contentArea .loadingHeartWrapper .asyncInFlight {
  top: calc(50vh - 64px);
}
@media (max-width: 330px) {
  .TitleDetails .contentArea .loadingHeartWrapper .asyncInFlight {
    top: 50%;
  }
}
.tvmode .TitleDetails[class][class] .asyncInFlight {
  position: fixed;
  left: 0;
  top: calc(50vh - 64px);
}
@media (max-width: 330px) {
  .tvmode .TitleDetails[class][class] .asyncInFlight {
    top: 50%;
  }
}

.TitleDetails .detailsFooter {
  padding-left: 1.5rem;
}

.DetailsHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #cccccc;
  padding: 0.75rem;
  padding-top: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .DetailsHeader {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .DetailsHeader {
  margin-top: -0.5rem;
}
.mobile .DetailsHeader {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .DetailsHeader {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .DetailsHeader {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .DetailsHeader {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .DetailsHeader {
    margin-top: -0.75rem;
  }
  .mobile .DetailsHeader {
    margin-top: 0;
  }
}
.mobile .DetailsHeader {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .DetailsHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .DetailsHeader {
    margin-top: 0;
  }
  .mobile .DetailsHeader {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .DetailsHeader {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media screen {
  .DetailsHeader {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.tvmode .DetailsHeader {
  padding: 4px 48px 4px 48px;
}

.tvmode .DetailsHeader {
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: rgba(255, 255, 255, 0.65);
}
@media (max-width: 970px) {
  .tvmode .DetailsHeader {
    padding: 0 12px 4px 12px;
    flex-wrap: nowrap;
    justify-content: left;
  }
}
@media (max-width: 560px) {
  .tvmode .DetailsHeader {
    padding: 0 4px 4px 4px;
    flex-wrap: wrap;
  }
}
.tvmode.darkmode .DetailsHeader {
  background-color: rgba(0, 0, 0, 0.65);
}

.tvmode .DetailsHeader ._PageTitle {
  padding: 0.75rem 0 0 0;
}
.tvmode .DetailsHeader .unsupportedHandoutsBadge {
  margin-top: 1rem;
  min-width: fit-content;
  align-self: center;
}
@media (max-width: 970px) {
  .tvmode .DetailsHeader .unsupportedHandoutsBadge {
    min-width: 25%;
  }
}
@media (max-width: 560px) {
  .tvmode .DetailsHeader .unsupportedHandoutsBadge {
    margin-top: 4px;
    min-width: fit-content;
    align-self: flex-start;
  }
}
.tvmode .DetailsHeader .headerAndTopics {
  width: fit-content;
  flex-grow: 1;
}
@media (max-width: 560px) {
  .tvmode .DetailsHeader .headerAndTopics {
    flex: unset;
  }
}

.DetailsHeader .playGroup {
  display: flex;
  gap: 1rem;
}
.DetailsHeader .playGroup ._Icon {
  margin-right: 0.5rem;
}
.darkmode .DetailsHeader {
  background-color: #000000;
  border-bottom: 1px solid #000000;
}

.tvmode .DetailsHeader {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5rem;
}

.HandoutCarousel {
  min-height: 0;
  margin: 0.75rem 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0.5rem 0;
}
.tvmode:not(.hideFocus) .HandoutCarousel:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  outline: none;
  transform: none;
  background-color: rgba(255, 255, 255, 0.65);
}
.tvmode.darkmode:not(.hideFocus) .HandoutCarousel:focus-within {
  background-color: rgba(0, 0, 0, 0.65);
}

.HandoutCarousel .topicHeader {
  padding: 0 1.5rem;
  font-weight: bold;
  margin-bottom: 0.25rem;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 560px) {
  .HandoutCarousel .topicHeader {
    margin-bottom: 0;
  }
}
.HandoutCarousel .TVCarousel .scrollableCarousel {
  height: 16.8rem;
  overflow-y: visible;
  margin-bottom: 0.25rem;
  padding-top: 0.25rem;
}
@media (max-width: 560px) {
  .HandoutCarousel .TVCarousel .scrollableCarousel {
    height: unset;
  }
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups {
  align-items: stretch;
  flex-direction: row;
  column-gap: 2rem;
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup {
  max-width: calc(15rem * var(--num-items));
  margin-left: -0.5rem;
  height: 100%;
  row-gap: 0.25rem;
}
@media (max-width: 560px) {
  .HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup {
    max-width: calc(12rem * var(--num-items));
  }
}
@media (max-width: 560px) {
  .HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > ._List {
    height: 6.5rem;
  }
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
  display: flex;
  align-self: stretch;
  height: 100%;
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader {
  flex-basis: 2.5rem;
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .stickyHeader .CarouselHeader {
  width: 100%;
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .stickyHeader .CarouselHeader ._PageHeading {
  height: fit-content;
  align-self: center;
  overflow: hidden;
  display: flex;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: calc(15rem * var(--num-items) - 2rem);
  word-wrap: break-word;
}
@media (max-width: 330px) {
  .HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .stickyHeader .CarouselHeader ._PageHeading {
    font-size: 0.9rem;
  }
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .stickyHeader :not(:first-child).CarouselGroup:before {
  top: 5.5rem;
}
.darkmode .HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups .stickyHeader :not(:first-child).CarouselGroup:before {
  border-left: 2px solid #bcc2c6;
}

.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups :first-child.CarouselGroup {
  margin-left: 1rem;
}
.HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups :not(:first-child).CarouselGroup:before {
  top: 4rem;
  bottom: 1.75rem;
}
.darkmode .HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups :not(:first-child).CarouselGroup:before {
  border-left: 2px solid #bcc2c6;
}

@media (max-width: 330px) {
  .HandoutCarousel .TVCarousel .scrollableCarousel > .carouselGroups :not(:first-child).CarouselGroup:before {
    font-size: 0.9rem;
  }
}
.HandoutCarousel .TVCarousel.includePointStatuses .scrollableCarousel > .carouselGroups .CarouselGroup {
  max-width: calc(15rem * (var(--num-items) - 0.2));
}
@media (max-width: 560px) {
  .HandoutCarousel .TVCarousel.includePointStatuses .scrollableCarousel > .carouselGroups .CarouselGroup {
    max-width: calc(12rem * (var(--num-items) - 0.2));
  }
}
.HandoutCarousel .TVCarousel.includePointStatuses .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
  max-width: calc(100% / var(--num-items) / 0.9);
}
.HandoutCarousel .TVCarousel.includePointStatuses .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement:not(:first-child):last-child {
  max-width: calc(100% / var(--num-items) * 0.9);
}
.HandoutCarousel .TVCarousel.includePointStatuses .scrollableCarousel > .carouselGroups .stickyHeader .CarouselHeader ._PageHeading {
  max-width: calc(15rem * (var(--num-items) - 0.2) - 2rem);
}
@media (max-width: 560px) {
  .HandoutCarousel .TVCarousel.includePointStatuses .scrollableCarousel > .carouselGroups .stickyHeader .CarouselHeader ._PageHeading {
    max-width: calc(12rem * (var(--num-items) - 0.2) - 2rem);
  }
}
.HandoutCarousel .failedIcon {
  width: 128px;
  height: 128px;
}
.HandoutCarousel .descriptionWrapper.activeDescription {
  height: 5em;
}
@media (max-width: 400px) {
  .HandoutCarousel .descriptionWrapper.activeDescription {
    height: 3.75em;
  }
}
@media (max-width: 330px) {
  .HandoutCarousel .descriptionWrapper.activeDescription {
    height: 2.75em;
  }
}

.DetailsContainer > ._ListElement:not(:last-child) {
  margin-bottom: 1rem;
}
@media (max-width: 560px) {
  .DetailsContainer > ._ListElement:not(:last-child) {
    margin-bottom: 0.5rem;
  }
}
.DetailsContainer :last-child .HandoutCarousel {
  margin-bottom: 0;
  padding-bottom: 0;
}

.InformationBadge {
  display: flex;
  border-radius: 1rem;
  padding-left: 0.25rem;
  padding-right: 0.5rem;
  width: fit-content;
  word-wrap: break-word;
  text-align: left;
  align-items: center;
  border-style: solid;
  border-width: 1px;
  border-color: #41a0ff;
  color: #2a68a6;
  background-color: #e0f1ff;
}
.darkmode .InformationBadge {
  background-color: #0b253c;
  border-color: #164977;
  color: #ffffff;
}

.InformationBadge .badgeIcon {
  flex-shrink: 0;
}
.InformationBadge .badgeText {
  margin-left: 0.5rem;
  width: fit-content;
  padding: 2px 0;
}
@media (max-width: 560px) {
  .tvmode .InformationBadge .badgeText {
    padding: 1px 0;
  }
}

.tvmode .TVUnsupportedTitlePage {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tvmode .TVUnsupportedTitlePage .pageContents {
  border-radius: 1rem;
  max-width: 75%;
  max-height: 75%;
  display: flex;
  overflow: auto;
  width: auto;
  height: auto;
  min-width: 50%;
  padding: 0.5rem;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-button {
  display: none;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode.darkmode .TVUnsupportedTitlePage .pageContents {
  background: #000000;
}

@media (max-width: 400px) {
  .tvmode .TVUnsupportedTitlePage .pageContents {
    max-width: 95%;
    max-height: 95%;
  }
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-button {
  display: none;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUnsupportedTitlePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode .TVUnsupportedTitlePage .loadingHeartWrapper {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  overflow-x: clip;
}
.tvmode .TVUnsupportedTitlePage .loadingHeartWrapper {
  flex-direction: column;
  row-gap: 0.5rem;
}
.tvmode .TVUnsupportedTitlePage .titleText {
  text-align: center;
  padding-top: 0.5rem;
}
@media (max-width: 560px) {
  .tvmode .TVUnsupportedTitlePage .titleText {
    padding: 0;
  }
}
.tvmode .TVUnsupportedTitlePage .InformationBadge {
  margin: 0 0.5rem;
  background-color: transparent;
  border-color: transparent;
}
.tvmode .TVUnsupportedTitlePage .InformationBadge .badgeIcon {
  margin-right: 1rem;
  max-height: 3rem;
}
.tvmode .TVUnsupportedTitlePage .InformationBadge .badgeText {
  font-size: 120%;
}
.tvmode .TVUnsupportedTitlePage .buttonsContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tvmode .TVUnsupportedTitlePage .buttonsContainer:has(.tvNavigationButton ~ .tvNavigationButton) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: fit-content;
  margin-bottom: 0.5rem;
}

.UserResponseCard {
  padding-bottom: 0.625rem;
  height: 100%;
}
@media (max-width: 560px) {
  .UserResponseCard {
    padding-bottom: 0;
  }
}
.UserResponseCard .contentContainer {
  height: 100%;
  max-height: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0.5em;
  margin-bottom: 0.625rem;
  width: 100%;
}
.tvmode:not(.hideFocus) .UserResponseCard .contentContainer:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}

.darkmode .UserResponseCard .contentContainer {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.tvmode.darkmode .UserResponseCard .contentContainer {
  background: linear-gradient(#3d3133 95%, #999999);
}
.tvmode.darkmode .UserResponseCard .contentContainer.understood {
  background: linear-gradient(#3d3133 95%, #43A559);
}
.tvmode.darkmode .UserResponseCard .contentContainer.hasQuestions {
  background: linear-gradient(#3d3133 95%, #0097F5);
}

.tvmode .UserResponseCard .contentContainer:focus-within {
  background-color: #f4ebed;
}
.tvmode.darkmode .UserResponseCard .contentContainer:focus-within {
  background: linear-gradient(#312729 90%, #999999);
}
.tvmode.darkmode .UserResponseCard .contentContainer:focus-within.understood {
  background: linear-gradient(#312729 90%, #43A559);
}
.tvmode.darkmode .UserResponseCard .contentContainer:focus-within.hasQuestions {
  background: linear-gradient(#312729 90%, #0097F5);
}

@media (max-width: 560px) {
  .UserResponseCard .contentContainer .userResponseCardButton {
    min-height: 100%;
  }
}
@media (min-width: 756px) {
  .UserResponseCard .contentContainer .userResponseCardButton {
    height: 114px;
  }
}
@media (max-width: 756px) and (min-width: 560px) {
  .UserResponseCard .contentContainer .userResponseCardButton {
    height: 85px;
  }
}
.UserResponseCard .contentContainer .userResponseCardContent {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin-top: -45%;
}
@media (max-width: 756px) {
  .UserResponseCard .contentContainer .userResponseCardContent {
    margin-top: -55%;
  }
}
@media (max-width: 560px) {
  .UserResponseCard .contentContainer .userResponseCardContent {
    margin-top: -4.25rem;
    height: 100%;
  }
}
.UserResponseCard .contentContainer .userResponseCardContent ._Text {
  margin: 0;
}
.tvmode .UserResponseCard .contentContainer .userResponseCardContent .decorativeIconsContainer {
  display: flex;
  flex-direction: row;
}
.tvmode .UserResponseCard .contentContainer .userResponseCardContent .decorativeIconsContainer .userResponseCardIcon:first-child {
  margin-right: 0;
}
.tvmode .UserResponseCard .contentContainer .userResponseCardContent .decorativeIconsContainer .userResponseCardIcon:last-child {
  margin-left: 0;
}
@media (max-width: 560px) {
  .tvmode .UserResponseCard .contentContainer .userResponseCardContent {
    flex-direction: row;
    align-items: center;
    column-gap: 5px;
  }
  .tvmode .UserResponseCard .contentContainer .userResponseCardContent .decorativeIconsContainer {
    display: none;
  }
}

.UserResponseCard .contentContainer .userResponseCardContent .userResponseCardIcon {
  margin: auto auto 10px auto;
}
.tvmode .UserResponseCard .contentContainer .userResponseCardContent .userResponseCardIcon {
  margin: auto auto auto auto;
}
@media (max-width: 756px) {
  .tvmode .UserResponseCard .contentContainer .userResponseCardContent .userResponseCardIcon {
    width: 64px;
    height: 64px;
  }
}
@media (max-width: 560px) {
  .tvmode .UserResponseCard .contentContainer .userResponseCardContent .userResponseCardIcon {
    width: 32px;
    height: 32px;
    margin: 0;
  }
}

@media (max-width: 560px) {
  .tvmode .UserResponseCard .contentContainer .userResponseCardContent .statusText {
    text-align: left;
  }
}

@media (max-width: 560px) {
  .tvmode .UserResponseCard .contentContainer.viewOnDevice .userResponseCardIcon {
    display: none;
  }
}

.tvmode .TVUserResponsePage {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tvmode .TVUserResponsePage .pageContents {
  border-radius: 1rem;
  max-width: 75%;
  max-height: 75%;
  display: flex;
  overflow: auto;
  width: auto;
  height: auto;
  min-width: 50%;
  padding: 0.5rem;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-button {
  display: none;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode.darkmode .TVUserResponsePage .pageContents {
  background: #000000;
}

@media (max-width: 400px) {
  .tvmode .TVUserResponsePage .pageContents {
    max-width: 95%;
    max-height: 95%;
  }
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-button {
  display: none;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVUserResponsePage .pageContents::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode .TVUserResponsePage .loadingHeartWrapper {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  overflow-x: clip;
}
.tvmode .TVUserResponsePage .pageContents .loadingHeartWrapper {
  flex-direction: column;
  row-gap: 0.5rem;
}
.tvmode .TVUserResponsePage .pageContents .UserPrompt {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  text-align: center;
}
@media (max-width: 560px) {
  .tvmode .TVUserResponsePage .pageContents .UserPrompt {
    padding: 0;
  }
}
.tvmode .TVUserResponsePage .pageContents .contentsContainer {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.tvmode .TVUserResponsePage .pageContents .contentsContainer .needViewContentString {
  margin: 0 1rem 0.5rem 1rem;
  font-size: 120%;
  text-align: center;
}
.tvmode .TVUserResponsePage .pageContents .tvNavigationButtonsContainer {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.tvmode .TVUserResponsePage .pageContents .tvNavigationButtonsContainer .tvNavigationButton {
  margin-right: 15px;
}
@media (max-width: 560px) {
  .tvmode .TVUserResponsePage .pageContents .tvNavigationButtonsContainer .tvNavigationButton {
    margin: 0 15px 0 0;
  }
}

.tvmode .TVAfterMediaNavigationPage {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tvmode .TVAfterMediaNavigationPage .pageContents {
  border-radius: 1rem;
  max-width: 75%;
  max-height: 75%;
  display: flex;
  overflow: auto;
  width: auto;
  height: auto;
  min-width: 50%;
  padding: 0.5rem;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-button {
  display: none;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode.darkmode .TVAfterMediaNavigationPage .pageContents {
  background: #000000;
}

@media (max-width: 400px) {
  .tvmode .TVAfterMediaNavigationPage .pageContents {
    max-width: 95%;
    max-height: 95%;
  }
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-button {
  display: none;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .tvmode .TVAfterMediaNavigationPage .pageContents::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode .TVAfterMediaNavigationPage .loadingHeartWrapper {
  display: flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: auto;
  overflow-x: clip;
}
.tvmode .TVAfterMediaNavigationPage .pageContents {
  flex-direction: column;
}
.tvmode .TVAfterMediaNavigationPage .pageContents .UserPrompt {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 0.5rem;
  text-align: center;
  margin-top: auto;
  overflow-x: clip;
}
.tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  margin-bottom: auto;
}
.tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons .tvMediaNavigationButtons {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons .tvMediaNavigationButtons .tvNavigationButton {
  padding: 0.25rem 1rem;
  min-width: 110px;
}
@media (max-width: 560px) {
  .tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons .tvMediaNavigationButtons .tvNavigationButton {
    min-width: 75px;
    max-width: 100px;
  }
}
.tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons .tvMediaNavigationButtons .tvNavigationButton svg {
  /*rtl:raw:
  	transform: scaleX(-1);
  	transform-origin: center;
  */
}
@media (max-width: 560px) {
  .tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons .tvMediaNavigationButtons .tvNavigationButton svg {
    max-height: 32px;
    max-width: 32px;
  }
}
.tvmode .TVAfterMediaNavigationPage .pageContents .tvNavigationButtons .tvMediaNavigationButtons .tvNavigationButton.replayButton {
  margin-left: 15px;
}

/* Copyright 2021 Epic Systems Corporation */
.EducationCard[class][class] {
  display: flex;
  height: min-content;
  min-height: unset;
  padding: 5px;
}
.EducationCard ._Gutter {
  padding-top: 0.3rem;
  padding-right: 0.3rem;
}
.EducationCard ._Content {
  font-size: 0.9rem;
  padding: 0rem 0.3rem;
}
.EducationCard ._Content .learnMoreCardLink[class][class] {
  font-size: 0.9rem;
  margin: 0rem 0;
  padding: 0rem;
  text-align: unset;
  width: fit-content;
}

/* Copyright 2023 Epic Systems Corporation */
.ExternalJumpPage {
  text-align: center;
  padding-top: 4rem;
}

/* Copyright 2021 Epic Systems Corporation */
.VideoCard {
  height: 100%;
}
.VideoCard .videoCardAction {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 4px 4px;
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.VideoCard .videoCardAction .videoThumbnail {
  padding: 0.2rem;
  margin-top: 0.1rem;
  aspect-ratio: 16/9;
  height: unset;
  width: 100%;
}
.VideoCard .videoCardAction .videoCardTitle {
  text-align: left;
  padding: 0 0.4rem 0.4rem 0.4rem;
}

.WatchVideo .pageContent {
  display: flex;
  flex-wrap: wrap;
}
.WatchVideo .videoDisplay {
  flex: 1 0 100%;
  padding: 0.75rem 0 0.5rem;
}
@media only screen and (min-width: 769px) {
  .WatchVideo .videoDisplay {
    flex-basis: 75%;
    vertical-align: top;
  }
}
.WatchVideo .videoDisplay .videoWrapper {
  height: 0;
  position: relative;
  padding-bottom: 56.25%;
}
.WatchVideo .videoDisplay .videoPlayer {
  position: absolute;
  width: 100%;
  height: 100%;
}
.WatchVideo .RelatedVideos {
  flex: 0 0 75%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.WatchVideo .RelatedVideos ._ListElement {
  padding: 7px 0px;
}
@media only screen and (min-width: 426px) {
  .WatchVideo .RelatedVideos {
    flex-basis: 100%;
  }
  .WatchVideo .RelatedVideos ._List {
    display: flex;
    flex-wrap: wrap;
  }
  .WatchVideo .RelatedVideos ._List ._ListElement {
    flex-basis: 50%;
    padding: 7px;
  }
}
@media only screen and (min-width: 769px) {
  .WatchVideo .RelatedVideos[class] {
    flex-basis: 25%;
    padding-left: 5%;
  }
  .WatchVideo .RelatedVideos[class] ._List {
    display: block;
  }
  .WatchVideo .RelatedVideos[class] ._ListElement {
    padding: 7px 0px;
  }
}

.mobile .ExplorePage .featureLibraryTitle {
  display: none;
}
.mobile .ExplorePage .featureLibPretext {
  padding-top: 12px;
}

/* Copyright 2022 Epic Systems Corporation */
#screening-page-btns {
  margin-right: 0.5rem;
}

#eCheckInFinancialAssistanceContainer .addItem,
#eCheckInFinancialAssistanceIncomeContainer .addItem {
  width: 100%;
  padding: 0;
  margin-left: 0;
  margin-top: 0.5rem;
  margin-right: 0;
  background-color: unset;
  box-shadow: unset;
}
#eCheckInFinancialAssistanceContainer .addItem:focus, #eCheckInFinancialAssistanceContainer .addItem:hover,
#eCheckInFinancialAssistanceIncomeContainer .addItem:focus,
#eCheckInFinancialAssistanceIncomeContainer .addItem:hover {
  background-color: unset;
  box-shadow: unset;
}
#eCheckInFinancialAssistanceContainer .addItem .addCard, #eCheckInFinancialAssistanceContainer .addItem ._Segment,
#eCheckInFinancialAssistanceIncomeContainer .addItem .addCard,
#eCheckInFinancialAssistanceIncomeContainer .addItem ._Segment {
  background-color: inherit;
  border: 2px dashed #cccccc;
  padding: 0.5rem 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
#eCheckInFinancialAssistanceContainer .addItem .addCard.withItems, #eCheckInFinancialAssistanceContainer .addItem ._Segment.withItems,
#eCheckInFinancialAssistanceIncomeContainer .addItem .addCard.withItems,
#eCheckInFinancialAssistanceIncomeContainer .addItem ._Segment.withItems {
  min-height: 6rem;
}
#eCheckInFinancialAssistanceContainer .addItem .addCard ._Text, #eCheckInFinancialAssistanceContainer .addItem ._Segment ._Text,
#eCheckInFinancialAssistanceIncomeContainer .addItem .addCard ._Text,
#eCheckInFinancialAssistanceIncomeContainer .addItem ._Segment ._Text {
  color: #7a0019;
}
#eCheckInFinancialAssistanceContainer .addItem .addLabel:before,
#eCheckInFinancialAssistanceIncomeContainer .addItem .addLabel:before {
  content: "+";
  display: inline-block;
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: middle;
}

#eCheckInFinancialAssistanceIncomeContainer .faContent {
  margin-bottom: 1.5rem;
}

#eCheckInFinancialAssistanceContainer ._PageHeading,
#eCheckInFinancialAssistanceIncomeContainer ._PageHeading {
  text-align: left;
}
#eCheckInFinancialAssistanceContainer .fullWidth,
#eCheckInFinancialAssistanceIncomeContainer .fullWidth {
  width: 70%;
}
#eCheckInFinancialAssistanceContainer .size-50,
#eCheckInFinancialAssistanceIncomeContainer .size-50 {
  height: 3rem;
  width: 3rem;
}
#eCheckInFinancialAssistanceContainer .boundary-strong,
#eCheckInFinancialAssistanceIncomeContainer .boundary-strong {
  min-height: unset;
}
#eCheckInFinancialAssistanceContainer .sidebar,
#eCheckInFinancialAssistanceIncomeContainer .sidebar {
  max-width: 6rem;
  display: inline-block;
  text-align: center;
}
#eCheckInFinancialAssistanceContainer .faDetails,
#eCheckInFinancialAssistanceIncomeContainer .faDetails {
  width: auto;
  display: inline-block;
}
#eCheckInFinancialAssistanceContainer .faContent,
#eCheckInFinancialAssistanceIncomeContainer .faContent {
  width: 80%;
}
#eCheckInFinancialAssistanceContainer .promptButtons,
#eCheckInFinancialAssistanceIncomeContainer .promptButtons {
  display: flex;
}
#eCheckInFinancialAssistanceContainer .promptButtons ._Command,
#eCheckInFinancialAssistanceIncomeContainer .promptButtons ._Command {
  margin-right: 0.5rem;
}
#eCheckInFinancialAssistanceContainer .faPromptCard,
#eCheckInFinancialAssistanceIncomeContainer .faPromptCard {
  margin-bottom: 1rem;
}
#eCheckInFinancialAssistanceContainer .faPromptCard fieldset,
#eCheckInFinancialAssistanceIncomeContainer .faPromptCard fieldset {
  margin-bottom: 0;
}
#eCheckInFinancialAssistanceContainer .cardContentMargin ._heading,
#eCheckInFinancialAssistanceIncomeContainer .cardContentMargin ._heading {
  padding-top: 0;
}
#eCheckInFinancialAssistanceContainer .cardContentMargin ._labelledField,
#eCheckInFinancialAssistanceIncomeContainer .cardContentMargin ._labelledField {
  width: 100%;
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  #eCheckInFinancialAssistanceContainer .faContent, #eCheckInFinancialAssistanceContainer .fullWidth,
  #eCheckInFinancialAssistanceIncomeContainer .faContent,
  #eCheckInFinancialAssistanceIncomeContainer .fullWidth {
    width: 100%;
  }
  #eCheckInFinancialAssistanceContainer .row,
  #eCheckInFinancialAssistanceIncomeContainer .row {
    display: flex;
  }
  #eCheckInFinancialAssistanceContainer ._ActionGroup svg,
  #eCheckInFinancialAssistanceIncomeContainer ._ActionGroup svg {
    margin-left: auto;
  }
  #eCheckInFinancialAssistanceContainer ._ActionGroup ._Text,
  #eCheckInFinancialAssistanceIncomeContainer ._ActionGroup ._Text {
    width: 50%;
  }
}

/* Copyright 2022 Epic Systems Corporation */
/* Copyright 2022-2023 Epic Systems Corporation */
@media print {
  .ListPage .fullWidthPrint.grid > .row > .col-9 {
    display: block;
    width: calc(100% - 12px);
  }
}
.ListPage .genProfileIndItem .indName {
  color: #7a0019;
}
.ListPage .genProfileIndItem .indText {
  width: calc(100% - 30px);
  align-self: flex-start;
}

.IndicatorTypeSection {
  margin: 1.25em 0 0.5em 0;
}
.IndicatorTypeSection ._Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  break-inside: avoid;
  page-break-inside: avoid;
}
.IndicatorTypeSection ._Banner.informational {
  background-color: #f4ebed;
}
.IndicatorTypeSection ._Banner.informational ._PageHeading {
  color: #7a0019;
}
.IndicatorTypeSection ._Banner.informational ._Icon {
  fill: #7a0019;
}
.IndicatorTypeSection ._Banner.success {
  background-color: #ccffd8;
}
.IndicatorTypeSection ._Banner.success ._PageHeading {
  color: #0f784a;
}
.IndicatorTypeSection ._Banner.success ._Icon {
  fill: #0f784a;
}
.IndicatorTypeSection ._Banner.warning {
  background-color: #ffffd0;
}
.IndicatorTypeSection ._Banner.warning ._PageHeading {
  color: #000000;
}
.IndicatorTypeSection ._Banner.warning ._Icon {
  fill: #000000;
}
.IndicatorTypeSection ._Banner.critical {
  background-color: #ffe8e8;
}
.IndicatorTypeSection ._Banner.critical ._PageHeading {
  color: #d80000;
}
.IndicatorTypeSection ._Banner.critical ._Icon {
  fill: #d80000;
}
.IndicatorTypeSection ._Banner ._PageHeading {
  padding: 0 0 0.125em 0;
}
.IndicatorTypeSection ._Banner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
  break-inside: avoid;
  page-break-inside: avoid;
}
.IndicatorTypeSection ._Banner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
}
.IndicatorTypeSection ._Banner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
.IndicatorTypeSection ._Banner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.IndicatorTypeSection ._Banner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  align-self: center;
}
.IndicatorTypeSection .sectionHeading {
  margin-top: 0.75em;
  margin-bottom: 0.5em;
}
.IndicatorTypeSection .sectionHeadingTitle {
  display: flex;
}
.IndicatorTypeSection .preText[class] {
  margin-top: 0;
}
.IndicatorTypeSection .sectionTitle {
  padding-top: 0;
}
.IndicatorTypeSection .typeIcon {
  margin-left: -5px;
}

.NonRelevantIndicatorSection {
  margin: 1.25em 0 0.5em 0;
}
.NonRelevantIndicatorSection ._Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  break-inside: avoid;
  page-break-inside: avoid;
}
.NonRelevantIndicatorSection ._Banner.informational {
  background-color: #f4ebed;
}
.NonRelevantIndicatorSection ._Banner.informational ._PageHeading {
  color: #7a0019;
}
.NonRelevantIndicatorSection ._Banner.informational ._Icon {
  fill: #7a0019;
}
.NonRelevantIndicatorSection ._Banner.success {
  background-color: #ccffd8;
}
.NonRelevantIndicatorSection ._Banner.success ._PageHeading {
  color: #0f784a;
}
.NonRelevantIndicatorSection ._Banner.success ._Icon {
  fill: #0f784a;
}
.NonRelevantIndicatorSection ._Banner.warning {
  background-color: #ffffd0;
}
.NonRelevantIndicatorSection ._Banner.warning ._PageHeading {
  color: #000000;
}
.NonRelevantIndicatorSection ._Banner.warning ._Icon {
  fill: #000000;
}
.NonRelevantIndicatorSection ._Banner.critical {
  background-color: #ffe8e8;
}
.NonRelevantIndicatorSection ._Banner.critical ._PageHeading {
  color: #d80000;
}
.NonRelevantIndicatorSection ._Banner.critical ._Icon {
  fill: #d80000;
}
.NonRelevantIndicatorSection ._Banner ._PageHeading {
  padding: 0 0 0.125em 0;
}
.NonRelevantIndicatorSection ._Banner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
  break-inside: avoid;
  page-break-inside: avoid;
}
.NonRelevantIndicatorSection ._Banner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
}
.NonRelevantIndicatorSection ._Banner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
.NonRelevantIndicatorSection ._Banner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.NonRelevantIndicatorSection ._Banner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  align-self: center;
}
.NonRelevantIndicatorSection .disclosureButton {
  justify-content: flex-start;
}

.IndicatorDetails {
  word-break: normal;
  overflow-wrap: anywhere;
}
.IndicatorDetails ._ExpandableItemList {
  margin: 0;
}
.IndicatorDetails ._ExpandableItemList ._ExpandCommand {
  display: flex;
  justify-content: center;
  padding: 0.5rem;
  width: 100%;
  min-height: 4em;
  max-height: none;
}
.IndicatorDetails ._ExpandableItemList ._ExpandCommand .arrowIcon {
  color: #404d5b;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  padding-top: 0.2rem;
  vertical-align: middle;
  transition: transform 0.3s;
  flex-shrink: 0;
  margin-top: 0.7rem;
}
.IndicatorDetails ._ExpandableItemList ._ExpandCommand .arrowIcon.expanded {
  transform: rotate(-180deg);
}
@media print {
  .IndicatorDetails ._ExpandableItemList ._ExpandCommand .arrowIcon {
    display: none;
  }
}
.IndicatorDetails ._ExpandableItemList ._ExpandCommand .plainText {
  text-align: left;
}
.IndicatorDetails ._ExpandableItemList ._ExpandableItem {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0rem;
  visibility: hidden;
}
.IndicatorDetails ._ExpandableItemList ._ExpandableItem.expanded {
  max-height: none;
  visibility: visible;
  overflow: visible;
}
@media print {
  .IndicatorDetails ._ExpandableItemList ._ExpandableItem {
    max-height: none;
    visibility: visible;
    overflow: visible;
  }
}
.IndicatorDetails ._Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  break-inside: avoid;
  page-break-inside: avoid;
}
.IndicatorDetails ._Banner.informational {
  background-color: #f4ebed;
}
.IndicatorDetails ._Banner.informational ._PageHeading {
  color: #7a0019;
}
.IndicatorDetails ._Banner.informational ._Icon {
  fill: #7a0019;
}
.IndicatorDetails ._Banner.success {
  background-color: #ccffd8;
}
.IndicatorDetails ._Banner.success ._PageHeading {
  color: #0f784a;
}
.IndicatorDetails ._Banner.success ._Icon {
  fill: #0f784a;
}
.IndicatorDetails ._Banner.warning {
  background-color: #ffffd0;
}
.IndicatorDetails ._Banner.warning ._PageHeading {
  color: #000000;
}
.IndicatorDetails ._Banner.warning ._Icon {
  fill: #000000;
}
.IndicatorDetails ._Banner.critical {
  background-color: #ffe8e8;
}
.IndicatorDetails ._Banner.critical ._PageHeading {
  color: #d80000;
}
.IndicatorDetails ._Banner.critical ._Icon {
  fill: #d80000;
}
.IndicatorDetails ._Banner ._PageHeading {
  padding: 0 0 0.125em 0;
}
.IndicatorDetails ._Banner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
  break-inside: avoid;
  page-break-inside: avoid;
}
.IndicatorDetails ._Banner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
}
.IndicatorDetails ._Banner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
.IndicatorDetails ._Banner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.IndicatorDetails ._Banner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  align-self: center;
}
@media print {
  .IndicatorDetails .fullWidthPrint.grid > .row > .col-9 {
    display: block;
    width: calc(100% - 12px);
  }
}
.IndicatorDetails .descriptionText {
  /*rtl:raw:
  	direction: ltr;    
   */
}
.IndicatorDetails ._ExpandableItemList {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.InteractionCard[class] {
  width: 100%;
  min-height: 0;
  padding: 0;
}
@media print {
  .InteractionCard {
    border: 1px solid #767676;
    display: block !important;
  }
}
.InteractionCard ._ExpandCommand[class] {
  min-height: 0;
  padding: 0.5rem;
}
.InteractionCard ._ExpandCommand:is(:focus, :hover) {
  background-color: #f4ebed;
}

.InteractionCard .interactionDescription {
  padding: 0.5rem;
  padding-top: 0;
}
.InteractionCard .interactionRow {
  display: flex;
  align-items: flex-start;
}

.InteractionRow {
  display: flex;
  align-items: flex-start;
}
.InteractionRow .interactionTitle {
  font-weight: bold;
  text-align: left;
  color: #363636;
  word-break: normal;
  overflow-wrap: anywhere;
  padding-top: 0.5em;
  width: fit-content;
}
.InteractionRow .interactionBadge {
  border-width: thin;
  border-style: solid;
  border-radius: 5px;
  padding: 3px;
  margin: 5px;
  font-weight: bold;
  width: min-content;
}
.InteractionRow .infoBadge {
  background-color: #e2f1fe;
  border-color: #0085f2;
}
.InteractionRow .warningBadge {
  background-color: #faf2ca;
  border-color: #af9308;
}

.RelatedResult {
  width: 100%;
  display: contents;
}

/* Copyright 2022-2023 Epic Systems Corporation */
/* Copyright 2022-2023 Epic Systems Corporation */
.IndicatorPreview {
  display: flex;
  height: 100%;
  word-break: normal;
  overflow-wrap: anywhere;
}
.IndicatorPreview .subtitle[class][class] {
  color: #767676;
  margin-top: 0;
}
.IndicatorPreview .arrowIcon {
  color: #999999;
  align-self: center;
  /*rtl:raw:
                transform: scaleX(-1);
        */
}
.IndicatorPreview .indName {
  font-size: 1rem;
  padding: 0;
}

.IndicatorCard[class][class] {
  height: 100%;
  width: 100%;
  min-height: 0;
}
.IndicatorCard .IndicatorLink {
  text-decoration: none;
}
.IndicatorCard:is(:focus, :hover) {
  background-color: #f4ebed;
}

/* Copyright 2023 Epic Systems Corporation */
.PatientGoalsWidgetContent[class] {
  height: 100%;
}

.PatientGoalEditor {
  display: flex;
  flex-direction: column;
}
.PatientGoalEditor[class] {
  height: 100%;
}
.PatientGoalEditor ._Command {
  word-break: break-word !important;
  display: inline !important;
}
@media screen and (max-width: 768px) {
  .PatientGoalEditor ._Command ._actionable[class][class] {
    padding: 0 0.5rem;
  }
}
.PatientGoalEditor ._Command.saveBtn, .PatientGoalEditor ._Command.cancelBtn {
  margin: 0 0.5rem 0 0;
}
.PatientGoalEditor .buttonIcon {
  display: inline;
  margin-right: 1rem;
}
.PatientGoalEditor ._PageHeading._readOnlyText._heading {
  padding: 0.2rem 0.5rem;
  margin: 0.2rem 0.4rem;
  width: fit-content;
  flex-grow: 0;
}
.PatientGoalEditor ._PageHeading._readOnlyText._heading[class][class] {
  display: inline;
}
.PatientGoalEditor ._TextEntry {
  height: 100%;
  width: 100%;
  flex-grow: 1;
  padding: 0 0.5rem;
}
.PatientGoalEditor ._TextEntry label {
  margin: 0.3rem 0 0.2rem 0.4rem;
}
.PatientGoalEditor ._TextEntry ._TextInput {
  height: 100%;
  min-height: 8rem;
}
.PatientGoalEditor .readonlyGoal {
  color: #000000;
  padding: 0.5rem 1rem 0;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.PatientGoalEditor .readonlyGoal ._Text._readOnlyText {
  margin: 0;
}
.PatientGoalEditor .readonlyGoal ._readOnlyText.label {
  margin-bottom: 0.25rem;
}
.PatientGoalEditor ._ActionGroup.WidgetGoTo._layout[class][class][class] {
  flex-grow: 0;
}
@media screen and (max-width: 768px) {
  .PatientGoalEditor ._ActionGroup.WidgetGoTo._layout[class][class][class] {
    margin: 0;
  }
}
.PatientGoalEditor .goalIcon[class][class][class] {
  width: clamp(16px, 1.385rem, 48px);
  height: clamp(16px, 1.385rem, 48px);
  margin-right: 0.1rem;
  flex-grow: 0;
}
.PatientGoalEditor ._ValidatedInput + ._ValidationMessage:not(:empty) {
  margin-top: 0;
  padding: 0 0.5rem;
}
.PatientGoalEditor .saveCancelBtns {
  padding: 0.25rem 0.5rem 0.5rem;
}

.NoGoals {
  text-align: center;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.NoGoals .textWrapper[class] {
  padding: 0 2rem;
}
.NoGoals .noGoalsItemActions {
  word-break: break-word;
  display: inline;
}
.NoGoals .noGoalsItemActions[class] {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .NoGoals .noGoalsItemActions ._actionable[class][class] {
    padding: 0 0.5rem;
  }
}
.NoGoals .noGoalsItemActions .noGoalsButtonIcon[class][class][class] {
  margin-right: 0.1rem;
  width: clamp(16px, 1.385rem, 48px);
  height: clamp(16px, 1.385rem, 48px);
  flex-grow: 0;
}

.CareTeamGoalsWidgetRow .widgetRowTextContent .subText[class][class] {
  margin: 0 0 0 0.25rem;
}
.CareTeamGoalsWidgetRow .widgetRowTextContent .subText.valueText {
  color: #000000;
}

.GoalsPage .goalsPageContent {
  margin-top: 1.25rem;
}
.GoalsPage .goalsPageContent[class][class] .Widget {
  margin: 0;
}

.CareTeamGoalCard[class] {
  margin: 1.25rem 0 0 0;
  width: 100%;
}
.CareTeamGoalCard h2._PageHeading._readOnlyText._heading {
  padding: 0 0 0.5rem 0.3rem;
  border-bottom: 1px solid #cccccc;
}
.CareTeamGoalCard .noDataAboutGoal {
  padding-left: 0.3rem;
  padding-top: 1rem;
}

.CareTeamGoalCardContent {
  display: flex;
  flex-direction: column;
  row-gap: 1rem;
  padding: 0.5rem 0 0.25rem 0;
}
.CareTeamGoalCardContent[class] {
  margin-left: 0.3rem;
}
.CareTeamGoalCardContent .WidgetRow {
  padding: 0;
}
.CareTeamGoalCardContent .WidgetRow .widgetRowContent {
  padding-left: 0;
}
.CareTeamGoalCardContent .WidgetRow .widgetRowContent .textAndBadgeWrapper {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}
.CareTeamGoalCardContent .widgetRowTextContent .subText.valueText,
.CareTeamGoalCardContent .widgetRowTextContent .subIcon.valueText {
  color: #000000;
}
.CareTeamGoalCardContent .widgetRowTextContent .subText.notOnTrack,
.CareTeamGoalCardContent .widgetRowTextContent .subIcon.notOnTrack {
  fill: #d75e56;
}
.CareTeamGoalCardContent .widgetRowTextContent .subText.onTrack,
.CareTeamGoalCardContent .widgetRowTextContent .subIcon.onTrack {
  fill: #0f784a;
}
.CareTeamGoalCardContent .widgetRowTextContent .subText.noChange,
.CareTeamGoalCardContent .widgetRowTextContent .subIcon.noChange {
  fill: #005ebb;
}
.CareTeamGoalCardContent h3._PageHeading._readOnlyText._heading {
  padding: 0;
}
.CareTeamGoalCardContent .WidgetRow {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 0.25rem;
}
.CareTeamGoalCardContent .primaryText {
  display: none;
}
.CareTeamGoalCardContent .MessageContent {
  width: fit-content;
}
.CareTeamGoalCardContent .Message {
  margin-bottom: 0;
}

.GoalChart {
  padding-right: 0.25rem;
}
.GoalChart fieldset[class][class] {
  padding: 0;
}
.GoalChart fieldset ._Choice {
  margin-bottom: 0;
}
.GoalChart .graphContent ._ResponsiveLegend[class][class] {
  padding-top: 0;
}
.GoalChart ._Segment._container.boundary-none._GraphTitle {
  display: none;
}

.ReadingValueTableCell .icon {
  vertical-align: bottom;
}
.ReadingValueTableCell .value {
  margin-right: 0.5rem;
}
.ReadingValueTableCell .notOnTrack {
  fill: #d75e56;
}
.ReadingValueTableCell .onTrack {
  fill: #0f784a;
}
.ReadingValueTableCell .noChange {
  fill: #005ebb;
}
.ReadingValueTableCell ._StatusBadge ._Text._readOnlyText {
  display: inline-block;
  text-transform: lowercase;
  white-space: nowrap;
}
.ReadingValueTableCell ._StatusBadge ._Text._readOnlyText::first-letter {
  text-transform: uppercase;
}

/* Copyright 2023 Epic Systems Corporation */
@media print {
  .GrowthCharts .fullWidthPrint.grid > .row > .col-9 {
    display: block;
    width: calc(100% - 12px);
  }
}
.GrowthCharts .growthChartsDataContainer {
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .GrowthCharts .growthChartsDataContainer {
    flex-direction: column;
  }
}
.mobile .GrowthCharts ._PageTitle {
  display: none;
}

.GrowthChartData {
  padding-left: 1rem;
}
@media screen and (max-width: 768px) {
  .GrowthChartData {
    margin: 0.5rem 0;
    padding: 0;
  }
}
.GrowthChartData .datasetHeading {
  margin-bottom: 0.5rem;
}
.GrowthChartData .datasetHeading ._PageHeading {
  padding: 0;
}
@media print {
  .GrowthChartData .printAsBlock {
    display: block;
  }
}

.ChartOptions {
  position: -webkit-sticky;
  position: sticky;
  z-index: 101;
  top: var(--wp-header-height);
}
.ChartOptions .settingsInfo > * {
  padding: 0.25rem;
}
@media print {
  .ChartOptions {
    display: none;
  }
}
.ChartOptions .settingsContainer {
  border-radius: 6px;
  border: 1px solid #cccccc;
  background-color: #f2e6e8;
}
@media screen and (max-width: 768px) {
  .ChartOptions .settingsContainer {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    min-width: calc(100% + 2px);
    margin-left: -1px;
    margin-right: -1px;
  }
}
.ChartOptions .settingsContainer ._DropDownList {
  width: 100%;
}
.ChartOptions .settingsContainer .disclosureButton {
  padding: 0.5rem;
  color: #7a0019;
}
.ChartOptions .settingsContainer .disclosureButton .disclosureChevron {
  margin-left: auto;
}
.ChartOptions .settingsContainer .settingsInfo {
  border-top: 1px solid #cccccc;
  padding: 0.5rem;
  max-height: 75vh;
  overflow-y: auto;
  overflow-x: hidden;
  word-wrap: break-word;
}
@media screen and (max-height: 550px) {
  .ChartOptions .settingsContainer .settingsInfo {
    max-height: 65vh;
  }
}
.ChartOptions .settingsContainer .settingsInfo ._DataEntrySet-legend.fieldGroupPrompt {
  color: #686868;
}
.ChartOptions .settingsContainer .settingsInfo .ChartTypeFilters, .ChartOptions .settingsContainer .settingsInfo .UnitToggle, .ChartOptions .settingsContainer .settingsInfo .FullChartToggle, .ChartOptions .settingsContainer .settingsInfo .EntryTypeToggle {
  padding-top: 0rem;
}
.ChartOptions .settingsContainer .settingsInfo .ChartTypeFilters ._DataEntrySet._container._ChoiceGroup._container.plain, .ChartOptions .settingsContainer .settingsInfo .UnitToggle ._DataEntrySet._container._ChoiceGroup._container.plain, .ChartOptions .settingsContainer .settingsInfo .FullChartToggle ._DataEntrySet._container._ChoiceGroup._container.plain, .ChartOptions .settingsContainer .settingsInfo .EntryTypeToggle ._DataEntrySet._container._ChoiceGroup._container.plain {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

.ChartTypeFilters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
}
.ChartTypeFilters .chartTypeSelectionList ._DataEntrySet-fields {
  flex-direction: column;
}

.Chart ._GraphTitle .graphHeading {
  font-size: 1.1rem;
  padding: 0.5rem;
}
@media print {
  .Chart ._GraphTitle .graphHeading {
    font-size: 0.9rem;
  }
}
.Chart ._GraphTitle .descriptor {
  padding-left: 0.5rem;
  margin-top: -0.25rem;
  margin-bottom: 0.5rem;
  font-style: italic;
}
@media print {
  .Chart .graphContent {
    display: inline-block;
    max-height: fit-content;
  }
}
@media print {
  .Chart .disclosureButton {
    display: none;
  }
}
.Chart .referenceCurve {
  stroke-width: 1.5px;
}
@media screen and (min-width: 768px) {
  .Chart .referenceCurve {
    stroke-width: 2;
  }
}
.Chart .dashedCurve {
  stroke-dasharray: 8, 4;
}
.Chart .dottedCurve {
  stroke-dasharray: 2, 5;
}
.Chart .xAxisTitle tspan, .Chart .yAxisTitle tspan {
  fill: #363636 !important;
}
.Chart .convertUnitDisclaimer {
  padding-left: 0.5rem;
  margin-top: -0.25rem;
  margin-bottom: 0.5rem;
  font-style: italic;
  font-size: medium;
}
.mobile .Chart .convertUnitDisclaimer {
  font-size: small;
}

/* Copyright 2023 Epic Systems Corporation */
.LinkedAccountList {
  display: grid;
  gap: 0.75rem;
  grid-template-columns: repeat(3, 1fr);
}
.mobile .LinkedAccountList {
  grid-template-columns: auto;
}
@media only screen and (max-width: 1300px) {
  .LinkedAccountList {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .LinkedAccountList {
    grid-template-columns: auto;
  }
}
.LinkedAccountList > * {
  margin: 0;
}
.LinkedAccountList .LinkedAccountCommand {
  height: 100%;
}
.LinkedAccountList .LinkedAccountCommand .linkedAccountCommandAction {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 4px 4px;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px;
  height: 100%;
  color: black;
  cursor: pointer;
  gap: 5px;
}
.LinkedAccountList .LinkedAccountCommand .linkedAccountCommandAction:hover {
  background: #f4ebed;
}
.LinkedAccountList .LinkedAccountCommand .linkedAccountCommandAction .linkedAccountLogo {
  height: 60px;
  width: 60px;
  min-height: 60px;
  min-width: 60px;
}
.LinkedAccountList .LinkedAccountCommand .linkedAccountCommandAction .linkedAccountName {
  flex-basis: 67%;
  margin-top: 5px;
  padding-left: 10px;
  padding-right: 5px;
}
.LinkedAccountList .LinkedAccountCommand .linkedAccountCommandAction .linkedAccountJumpIcon {
  flex-shrink: 0;
  margin-top: 5px;
  margin-left: auto;
}

.LinkedAccounts {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  padding: 0.5rem 1.25rem 1.25rem 1.25rem;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .LinkedAccounts {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .LinkedAccounts {
  margin-top: -0.5rem;
}
.mobile .LinkedAccounts {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .LinkedAccounts {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .LinkedAccounts {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .LinkedAccounts {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .LinkedAccounts {
    margin-top: -0.75rem;
  }
  .mobile .LinkedAccounts {
    margin-top: 0;
  }
}
.mobile .LinkedAccounts {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .LinkedAccounts {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .LinkedAccounts {
    margin-top: 0;
  }
  .mobile .LinkedAccounts {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .LinkedAccounts {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
.datatile .LinkedAccounts {
  margin-top: 0.5rem !important;
}

.H2GIcon {
  display: flex;
  align-items: center;
  float: right;
  width: 1.5rem;
  min-width: 1.5rem;
}
.H2GIcon.showBubble ._InfoBubbleCommand:after,
.H2GIcon.showBubble ._InfoBubbleContent {
  display: block;
}
.H2GIcon ._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
  z-index: 2;
}
.H2GIcon ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

.H2GIcon ._InfoBubbleCommand ._Icon {
  min-width: 24px;
}
.H2GIcon ._InfoBubbleCommand ._Icon.incompleteSetupBadge {
  fill: #ffffff;
  background-color: #404d5b;
  border-radius: 100%;
  position: absolute;
  top: 0.66rem;
  left: 0.6rem;
  min-width: 16px;
}
.H2GIcon ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% - 0.125rem);
  transform: rotate(135deg);
  width: 0;
}
.H2GIcon ._InfoBubbleContent[class] {
  left: unset;
  margin: 0 calc(1rem / 3);
  padding: calc(1rem / 3);
  position: absolute;
  right: 1%;
  text-align: left;
  top: calc(50% + 1rem);
  white-space: normal;
  width: 400px;
}
@media screen and (max-width: 450px) {
  .H2GIcon ._InfoBubbleContent[class] {
    width: calc(98% - 40px);
  }
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails {
  margin-bottom: 0.5rem;
  display: flex;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails img.organizationLogo,
.H2GIcon ._InfoBubbleContent[class] .orgDetails ._Icon.organizationLogo {
  display: inline-block;
  margin: 0 0.2rem 0 0;
  overflow: hidden;
  vertical-align: middle;
  min-width: 2.5rem;
  height: 2.5rem;
  float: left;
  clear: left;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationName,
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationTimeStamp {
  vertical-align: top;
  margin: 0;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationName {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: bold;
  word-break: break-word;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationTimeStamp {
  font-size: 0.8rem;
  font-style: italic;
}

.CentralPersonalInfoLink[class] {
  display: flex;
  margin-bottom: 2rem;
  padding: 0.75rem 1rem;
}
@media only screen and (max-width: 768px) {
  .CentralPersonalInfoLink[class] {
    flex-direction: column;
  }
}
.CentralPersonalInfoLink[class] .informationWrapper {
  display: flex;
  width: fit-content;
}
.CentralPersonalInfoLink[class] .informationWrapper .textWrapper {
  padding: 0 8px 0;
  width: fit-content;
}
.CentralPersonalInfoLink[class] .informationWrapper .textWrapper .titleText {
  padding: 0 0 3px;
}
.CentralPersonalInfoLink[class] .jumpButton {
  display: flex;
  align-items: center;
  justify-items: right;
  margin-left: auto;
}
@media only screen and (max-width: 768px) {
  .CentralPersonalInfoLink[class] .jumpButton {
    margin-left: unset;
    width: fit-content;
    align-self: center;
  }
}

.SettingsCard._InternalLink[class][class] {
  margin: 12px 0;
  align-items: unset;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  break-inside: avoid;
}
.SettingsCard .icon {
  height: 32px;
  width: 48px;
  padding-right: 10px;
}
.SettingsCard ._ExternalLinkIcon[class] {
  font-size: 0.8888888889rem;
  color: #767676;
  align-self: center;
  width: clamp(16px, 1.5rem, 48px);
  height: clamp(16px, 1.5rem, 48px);
}
[data-altstylesheet="High Contrast"] .SettingsCard ._ExternalLinkIcon[class] {
  color: #000000;
}

/* Copyright 2021-2024 Epic Systems Corporation */
.EditIssue .HealthIssuesFooter._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .EditIssue .HealthIssuesFooter._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .EditIssue .HealthIssuesFooter._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .EditIssue .HealthIssuesFooter._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.EditIssue .entryCardTitle {
  padding-top: 0.25rem;
}
.EditIssue .required label::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../images/required_asterisk.png") scroll no-repeat transparent 0 0/0.4rem 0.4rem;
  margin: 0.15rem 0.15rem 0 0;
  height: 0.4rem;
  width: 0.4rem;
}
.EditIssue .required label::before {
  background-image: url(../../images/required_asterisk.png);
}

.HealthIssuesPage .HealthIssuesFooter._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .HealthIssuesPage .HealthIssuesFooter._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .HealthIssuesPage .HealthIssuesFooter._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .HealthIssuesPage .HealthIssuesFooter._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.HealthIssuesPage .HealthIssueCard .valueTitle {
  padding-top: 0.25rem;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
.HealthIssuesPage .HealthIssueCard .descriptionText {
  color: #565656;
  font-size: 0.8888888889rem;
}
.HealthIssuesPage .HealthIssueCard.ReconciledClinicalUpdateCard .contentLine:last-child {
  margin-bottom: 1rem;
}
.HealthIssuesPage .HealthIssueCard .HealthIssueComment .ellipsis {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-template-areas: "commentIcon text";
}
.HealthIssuesPage .HealthIssueCard .HealthIssueComment .ellipsis .subtleColor {
  grid-area: text;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #565656;
  font-size: 0.8888888889rem;
}
.HealthIssuesPage .HealthIssueCard .HealthIssueComment .ellipsis svg {
  grid-area: commentIcon;
  vertical-align: middle;
}
.HealthIssuesPage .AddIssueCard {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
  width: 100%;
  height: 100%;
}
.HealthIssuesPage .AddIssueCard ._readOnlyText, .HealthIssuesPage .AddIssueCard ._Icon {
  text-decoration: none;
  color: #404d5b;
}
@media screen {
  .HealthIssuesPage .AddIssueCard ._readOnlyText:is(:focus, :hover), .HealthIssuesPage .AddIssueCard ._Icon:is(:focus, :hover) {
    color: #384450;
    text-decoration: underline;
  }
}

@media print {
  .HealthIssuesPage .AddIssueCard {
    display: none;
  }
}
.HealthIssuesPage .AddIssueCard.disabled {
  pointer-events: none;
  background-color: #eaeaea;
}
.HealthIssuesPage .AddIssueCard:focus, .HealthIssuesPage .AddIssueCard:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}

/* Copyright 2023 Epic Systems Corporation */
.SkeletonWidgetRow {
  margin-left: 0.65rem;
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}
.SkeletonWidgetRow .boneRow {
  display: flex;
}
.SkeletonWidgetRow .boneRow .headerBone {
  margin: 0 0.5rem 0.5rem 0;
  width: 7.5rem;
}
.SkeletonWidgetRow .boneRow .contentBone {
  margin: 0 0.5rem 0.5rem 0;
  width: 15rem;
}

.Widget[class] {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 0;
  min-height: unset;
}
.Widget ._ListElement .WidgetRow {
  border-bottom: 1px solid #eaeaea;
}
.Widget ._ListElement:last-of-type .WidgetRow {
  border-bottom: none;
}
@container (min-height: 30px) {
  .Widget ._ListElement:last-of-type .WidgetRow {
    border-bottom: 1px solid #eaeaea;
  }
}
.Widget .plusMore {
  border-top: 1px solid #eaeaea;
}
.Widget .plusMore .plusMoreText {
  color: #767676;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  word-break: break-word;
}
.Widget .watermarkContainer {
  text-align: right;
  container-type: size;
  flex-grow: 1;
  overflow: clip;
  position: relative;
}
.Widget .watermarkContainer .watermark {
  opacity: 10%;
  transform: rotate(-15deg);
  visibility: visible;
  position: absolute;
  right: 20px;
  bottom: 20px;
  filter: grayscale(1);
  width: 150px;
  height: 150px;
}
@container (height < 172px) {
  .Widget .watermarkContainer .watermark {
    bottom: unset;
  }
}
@container (height < 80px) {
  .Widget .watermarkContainer .watermark {
    visibility: hidden;
  }
}
@media only screen and (max-width: 769px) {
  .Widget .watermarkContainer {
    display: none;
  }
}
.Widget .TablePaginationControls {
  border-top: 1px solid #eaeaea;
  padding: 0.5rem 0;
}
@media only screen and (max-width: 1300px) {
  .Widget .TablePaginationControls .navigatorText {
    display: none;
  }
}
@media only screen and (max-width: 1300px) {
  .Widget .TablePaginationControls .PageIndicator {
    margin: 0rem;
  }
}
.Widget[class].noGoTo {
  overflow: hidden;
}
.Widget .ZeroState.compact {
  padding: 0.75rem;
}

.WidgetGoTo {
  word-break: break-word;
  display: inline;
}
.WidgetGoTo[class][class][class][class] {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .WidgetGoTo ._actionable[class][class][class] {
    padding: 0 0.5rem;
  }
}
.WidgetGoTo._ActionGroup[class][class][class] {
  margin: 0;
  width: 100%;
}
.WidgetGoTo .widgetGoToIcon[class][class][class] {
  width: clamp(16px, 1.385rem, 48px);
  height: clamp(16px, 1.385rem, 48px);
  margin-right: 0.1rem;
  flex-grow: 0;
}

.WidgetHeader {
  border-bottom: 1px solid #dbdbdb;
  padding: 0.5rem;
  display: inline-block;
  position: relative;
}
.WidgetHeader .widgetHeaderEmblem {
  vertical-align: middle;
  margin-right: 0.5rem;
  margin-left: 0.2rem;
  /* rtl:raw:
  	transform: scaleX(-1);
   */
}
.WidgetHeader .widgetHeaderTitle {
  display: inline;
  vertical-align: middle;
}
.WidgetHeader .extraInfoIcon {
  display: flex;
  align-items: center;
  float: right;
  width: 2rem;
  min-width: 2rem;
}
.WidgetHeader ._Bone {
  width: 11rem;
}
.WidgetHeader ._InfoBubble {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: auto;
}
.WidgetHeader ._InfoBubble.showBubble ._InfoBubbleCommand:after,
.WidgetHeader ._InfoBubble.showBubble ._InfoBubbleContent {
  display: block;
}
.WidgetHeader ._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
.WidgetHeader ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

.WidgetHeader ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(24px + 0.25rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}
.WidgetHeader ._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  margin: 0 1rem;
  padding: calc(1rem / 3);
  position: absolute;
  text-align: left;
  top: calc(23px + 0.75rem);
  left: initial;
  right: -20px;
  white-space: normal;
  width: max-content;
  max-width: 100%;
  z-index: 10;
}

.WidgetRow {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  padding: 0.5rem;
  word-break: break-word;
}
.WidgetRow ._StatusBadge ._Text._readOnlyText {
  white-space: normal;
  margin: 0 0.25rem 0 0;
  text-transform: lowercase;
  height: fit-content;
  flex-grow: 0;
}
.WidgetRow ._StatusBadge ._Text._readOnlyText::first-letter {
  text-transform: uppercase;
}
.WidgetRow .widgetRowContent {
  width: 100%;
  padding-left: 0.65rem;
}
.WidgetRow .widgetRowContent.canHaveReadStatus {
  padding-left: calc(0.4rem + 9.6px);
}
.WidgetRow .widgetRowContent .textAndBadgeWrapper {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 0.15rem;
}
.WidgetRow .widgetRowContent .textAndBadgeWrapper.unread {
  font-weight: bold;
}
.WidgetRow .widgetRowContent .textAndBadgeWrapper.unread .subText {
  color: #000000;
}
.WidgetRow .unviewedIndicator {
  min-width: 9.6px;
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  background-color: #005ebb;
  margin-bottom: auto;
  margin-top: 0.3rem;
}
.WidgetRow .widgetRowIcon {
  display: flex;
  align-items: center;
  float: right;
  width: 1.5rem;
  min-width: 1.5rem;
}
.WidgetRow .widgetRowArrowIcon {
  display: flex;
  align-items: center;
  float: right;
  width: 32px;
  min-width: 32px;
  /* rtl:raw: transform: scaleX(-1); */
}
.WidgetRow .widgetRowArrowIcon ._SvgSprite {
  fill: #767676;
}
.WidgetRow .H2GIcon {
  display: flex;
  align-items: center;
  margin: 0;
  width: 1.5rem;
  min-width: 1.5rem;
}
.WidgetRow .H2GIcon svg {
  width: 100%;
}
.WidgetRow ._InfoBubbleCommand svg {
  color: #7a0019;
}
.WidgetRow ._InfoBubbleContent[class][class] {
  position: absolute;
  top: calc(50% + 11px + 0.25rem);
  left: initial;
  right: -10px;
  width: auto;
  max-width: 450px;
}
.WidgetRow.actionable:hover, .WidgetRow.actionable:active, .WidgetRow.actionable:focus {
  background-color: #f4ebed;
}
.WidgetRow.actionable .actionableWidgetRowCommand {
  display: flex;
  flex-wrap: nowrap;
  text-align: left;
  text-decoration: none;
}
.WidgetRow.actionable .actionableWidgetRowCommand::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.WidgetRowText {
  display: inline;
  max-width: fit-content;
  margin-right: 0.25rem;
}
.WidgetRowText .widgetRowTextContent {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  word-break: break-word;
  min-height: 30px;
  justify-content: center;
  max-width: fit-content;
}
.WidgetRowText .widgetRowTextContent .primaryText {
  padding: 0;
  color: #000000;
}
.WidgetRowText .widgetRowTextContent .subLabel[class][class] {
  color: #767676;
  display: inline;
  padding: 0;
}
.WidgetRowText .widgetRowTextContent .subText {
  color: #767676;
  display: inline;
}
.WidgetRowText .widgetRowTextContent .label {
  font-size: 0.75rem;
  margin-top: -0.1rem;
}
.WidgetRowText .widgetRowTextContent .subIcon {
  vertical-align: bottom;
  margin-right: 0.15rem;
}

.WidgetRowAssistiveText {
  width: 0;
  align-self: center;
}

.QuickLinksWidget[class][class][class] {
  height: fit-content;
  min-height: unset;
  width: 100%;
  margin: 0;
  padding: 0;
}
.QuickLinksWidget .links ._ListElement {
  border-bottom: 1px solid #eaeaea;
}
.QuickLinksWidget .links ._ListElement:last-child {
  border-bottom: none;
}
.QuickLinksWidget .links ._ListElement:last-of-type .WidgetRow {
  border-radius: 0 0 5px 5px;
}

/* Copyright 2023 Epic Systems Corporation */
.TakeAction[class] {
  margin: 0rem;
  width: 100%;
  padding: 0;
}
.TakeAction .itemFeedWidgetContainer ._ListElement .feedItem {
  border-bottom: 1px solid #eaeaea;
  padding: 0 0.5rem;
  margin: 0;
}
.TakeAction .itemFeedWidgetContainer ._ListElement .feedItem .feedContent {
  margin-top: 0;
  margin-bottom: 0;
  flex-direction: column;
}
.TakeAction .itemFeedWidgetContainer ._ListElement .feedItem .feedContent .contentDetails {
  padding-top: 0.75rem;
  padding-left: 0.25rem;
  padding-bottom: 0;
  vertical-align: middle;
}
.TakeAction .itemFeedWidgetContainer ._ListElement .feedItem .feedContent .actionContent span._TextFragment._readOnlyText {
  vertical-align: text-bottom;
}
.TakeAction .itemFeedWidgetContainer ._ListElement:last-of-type .feedItem {
  border-bottom: none;
}
.TakeAction ._ItemWithActionGroup .contentColumn:not([class*=col-]) {
  width: 100%;
}
.TakeAction ._ItemWithActionGroup .contentColumn:not([class*=col-]) + .buttonColumn {
  width: auto;
  padding-bottom: 0.75rem;
}

.Header {
  text-align: left;
  margin-bottom: 10px;
  word-break: break-all;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  padding: 0.25rem 2rem 0.75rem 1.25rem;
  margin-top: -0.25rem;
  overflow-x: clip;
}
@media screen {
  .Header {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.Header[class][class] {
  -webkit-backdrop-filter: unset;
  backdrop-filter: unset;
}
.Header h1._PageHeading._readOnlyText._heading.healthSummaryPageHeading {
  padding-bottom: 0;
}
@media only screen and (min-width: 769px) {
  .Header {
    margin-bottom: 24px;
  }
}
.Header:before {
  top: 0;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .Header {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .Header {
    margin-left: 0;
    width: 100%;
  }
}
.Header .headerContent {
  margin-top: 0.5rem;
}
@media only screen and (min-width: 769px) {
  .Header .headerContent {
    display: flex;
  }
}
.Header .headerContent .vitalsGrouper {
  display: flex;
  width: auto;
}
@media only screen and (min-width: 769px) {
  .Header .headerContent .vitalsGrouper {
    padding-right: 2vw;
    border-right: 2px solid;
    border-image: linear-gradient(to bottom, transparent 15%, #cccccc 15%, #cccccc 85%, transparent 85%) 1;
    margin-right: 2vw;
  }
  .Header .headerContent .vitalsGrouper:last-of-type {
    padding-right: 0px;
    border-right: none;
    margin-right: 0px;
  }
}
.Header .headerContent .vitalsGrouper .ageBloodGrouper {
  padding-right: 2vw;
  border-right: 2px solid;
  border-image: linear-gradient(to bottom, transparent 15%, #cccccc 15%, #cccccc 85%, transparent 85%) 1;
  margin-right: 2vw;
  width: auto;
}
.Header .headerContent .vitalsGrouper .ageBloodGrouper:last-of-type {
  padding-right: 0px;
  border-right: none;
  margin-right: 0px;
}
.Header .headerContent .vitalsGrouper .ageBloodGrouper ._Text {
  margin: 0.5rem 0;
}
.Header .headerContent .vitalsGrouper .infoIconAdjustment[class] {
  padding-left: 8px;
}
@media only screen and (min-width: 769px) {
  .Header .headerContent .vitalsGrouper .infoIconAdjustment[class] {
    padding-right: 8px;
  }
}
.Header .headerContent .vitalsGrouper .heightWeightGrouper {
  padding-right: 2vw;
  border-right: 2px solid;
  border-image: linear-gradient(to bottom, transparent 15%, #cccccc 15%, #cccccc 85%, transparent 85%) 1;
  margin-right: 2vw;
  display: flex;
  width: auto;
}
.Header .headerContent .vitalsGrouper .heightWeightGrouper:last-of-type {
  padding-right: 0px;
  border-right: none;
  margin-right: 0px;
}
.Header .headerContent .vitalsGrouper .heightWeightGrouper .heightWeightContent {
  width: auto;
}
.Header .headerContent .vitalsGrouper .heightWeightGrouper .heightWeightContent ._Text {
  margin: 0.5rem 0;
}
.Header .headerContent .visitsGrouper {
  width: auto;
}
.Header .headerContent .visitsGrouper ._Text {
  margin: 0;
}
@media only screen and (min-width: 769px) {
  .Header .headerContent .visitsGrouper {
    margin: 0.375rem 0 0 0;
  }
}
@media only screen and (min-width: 769px) {
  .Header .headerContent .infoIconAdjustment {
    padding-left: 8px;
  }
}

.VitalsInfoBubble ._InfoBubbleContent[class] {
  left: 2rem;
  word-break: break-word;
  max-width: 80vw;
}
.VitalsInfoBubble ._Icon {
  height: 1.25rem;
}
.VitalsInfoBubble ._InfoBubbleCommand {
  margin-top: 0.25rem;
}

.VisitInformation.last {
  margin: 0 0 0.5rem 0;
}
.VisitInformation.next {
  margin: 0.5rem 0 0 0;
}

.H2GVisitInformation {
  display: flex;
  position: relative;
  flex-wrap: nowrap;
  max-width: max-content;
  align-items: center;
}
.H2GVisitInformation.last {
  margin: 0 0 0.25rem 0;
}
.H2GVisitInformation.next {
  margin: 0.4rem 0 0 0;
}
.H2GVisitInformation .H2GIcon {
  display: flex;
  align-items: center;
  margin: 0;
  width: 1.5rem;
  min-width: 1.5rem;
  padding-left: 0.5rem;
}
.H2GVisitInformation .H2GIcon svg {
  width: 100%;
}
.H2GVisitInformation ._Command {
  display: contents;
}
.H2GVisitInformation ._Command ._Text {
  vertical-align: text-bottom;
  color: #404d5b;
  text-align: left;
  display: inline;
}
.H2GVisitInformation ._Command ._Text:hover {
  color: #384450;
  text-decoration: underline;
}
.H2GVisitInformation ._InfoBubbleCommand svg {
  color: #7a0019;
}
.H2GVisitInformation ._InfoBubbleContent[class][class] {
  position: absolute;
  top: calc(50% + 11px + 0.25rem);
  left: initial;
  right: -30px;
  width: auto;
  max-width: 450px;
}

.SkeletonHeader {
  margin-top: 1rem;
}
.SkeletonHeader .boneRow {
  display: flex;
}
.SkeletonHeader .boneRow .boneShort {
  margin: 0 0.5rem 0.5rem 0;
  width: 6.5rem;
}
.SkeletonHeader .boneRow .boneLong {
  margin: 0 0.5rem 0.5rem 0;
  width: 9.5rem;
}

.AdmissionBanner .bannerText {
  word-break: break-word;
}

.JumpToActions {
  text-align: center;
  overflow-wrap: anywhere;
}
@media only screen and (min-width: 769px) {
  .JumpToActions:not(.LargeFont) {
    display: none;
  }
}
.JumpToActions .jumpToActionsIcon {
  vertical-align: bottom;
  margin-right: 5px;
}

.ConditionOrJourneyWidgetRow {
  padding: 0;
}
.ConditionOrJourneyWidgetRow:hover, .ConditionOrJourneyWidgetRow:active, .ConditionOrJourneyWidgetRow:focus {
  background-color: #f4ebed;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  color: #000000;
  align-items: center;
  padding: 0.5rem;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink:hover, .ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink:active, .ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink:focus {
  text-decoration: unset;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent .conditionOrJourneyIconContainer {
  width: fit-content;
  min-width: 1.5rem;
  width: 1.5rem;
  margin-left: 0.2rem;
  margin-right: 0.5rem;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent .conditionOrJourneyIconContainer .conditionOrJourneyIcon {
  flex-shrink: 0;
  flex-grow: 0;
  vertical-align: text-top;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent .conditionOrJourneyHeaderInfo {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  word-break: break-word;
  text-align: left;
  justify-content: center;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent .conditionOrJourneyHeaderInfo .journeySubheaderArray {
  display: flex;
  flex-flow: column nowrap;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent .conditionOrJourneyHeaderInfo .journeySubheaderArray .JourneyWidgetRowSubheaderPacket {
  width: fit-content;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowContent .conditionOrJourneyHeaderInfo .journeySubheaderArray .JourneyWidgetRowSubheaderPacket .subheader {
  color: #767676;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowArrowContainer {
  height: 100%;
  align-items: center;
  width: 32px;
  min-width: 32px;
  display: flex;
  flex-wrap: nowrap;
  float: right;
}
.ConditionOrJourneyWidgetRow .conditionOrJourneyWidgetRowLink .conditionOrJourneyWidgetRowArrowContainer .conditionOrJourneyWidgetRowArrowIcon {
  flex-shrink: 0;
  flex-grow: 0;
  fill: #767676;
  /* rtl:raw: transform: scaleX(-1); */
}

.TransplantCoordinatorsWidget :nth-child(1 of ._ActionGroup)[class][class] {
  margin-top: auto;
}
.TransplantCoordinatorsWidget.Widget ._ListElement:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}
.TransplantCoordinatorsWidget.Widget .ParticipantPhoto[class] {
  width: 3.5rem;
  height: 3.5rem;
}

.WidgetLayout.LargeFont ._GridCol {
  width: 100% !important;
}
.WidgetLayout .IsLoading._LayoutGrid {
  display: none;
}

.VisitDetailsWidgetRow:not(.static):hover, .VisitDetailsWidgetRow:not(.static):active, .VisitDetailsWidgetRow:not(.static):focus {
  background-color: #f4ebed;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  padding: 0.2rem 0;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink:hover, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic:hover {
  text-decoration: none;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink ._readOnlyText._Text, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic ._readOnlyText._Text {
  margin: 0;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  align-items: center;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsIconContainer, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsIconContainer {
  min-width: 4rem;
  max-width: max-content;
  display: flex;
  justify-content: center;
  height: 100%;
  float: left;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._VerticalDate, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._VerticalDate {
  padding-left: 0;
  padding-right: 0;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._TextFragment._readOnlyText.datePart.verticalMonth, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._TextFragment._readOnlyText.datePart.verticalMonth {
  font-size: 1rem;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._TextFragment._readOnlyText.datePart.verticalDateOfMonth, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._TextFragment._readOnlyText.datePart.verticalDateOfMonth {
  font-size: 1.4rem;
  line-height: 1.2rem;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._TextFragment._readOnlyText.datePart.verticalYear, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsIconContainer ._TextFragment._readOnlyText.datePart.verticalYear {
  font-size: 0.9rem;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsIconContainer .VisitDetailsIcon, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsIconContainer .VisitDetailsIcon {
  max-width: 100%;
  color: #7a0019;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsHeaderInfo, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsHeaderInfo {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  word-break: break-word;
  text-align: left;
  justify-content: center;
  color: #000000;
  width: 100%;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsHeaderInfo .subheader, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsHeaderInfo .subheader {
  color: #767676;
  font-size: 0.9rem;
  min-height: 1.2rem;
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsWidgetRowArrowContainer, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsWidgetRowArrowContainer {
  width: auto;
  height: 100%;
  align-items: center;
  width: 32px;
  min-width: 32px;
  display: flex;
  flex-wrap: nowrap;
  float: right;
  margin-right: 0.5rem;
  flex-grow: 0;
  color: #363636;
  /* rtl:raw: transform: scaleX(-1); */
}
.VisitDetailsWidgetRow .VisitDetailsWidgetRowLink .VisitDetailsWidgetRowContent .VisitDetailsWidgetRowArrowContainer ._SvgSprite, .VisitDetailsWidgetRow .VisitDetailsWidgetRowStatic .VisitDetailsWidgetRowContent .VisitDetailsWidgetRowArrowContainer ._SvgSprite {
  flex-shrink: 0;
  flex-grow: 0;
  fill: #767676;
}

.VisitDetailsWidget .plusMore {
  border-top: none;
  display: flex;
  padding: 0.5rem;
}
.VisitDetailsWidget ._ListElement .VisitDetailsWidgetRow ._Segment._container.VisitDetailsHeaderInfo {
  position: relative;
}
.VisitDetailsWidget ._ListElement .VisitDetailsWidgetRow ._Segment._container.VisitDetailsHeaderInfo::after {
  content: "";
  position: absolute;
  left: 0rem;
  right: -1.5rem;
  bottom: -0.2rem;
  height: 1px;
  background-color: #eaeaea;
}
.VisitDetailsWidget ._ListElement:last-of-type .VisitDetailsWidgetRow {
  border-bottom: 1px solid #eaeaea;
}
.VisitDetailsWidget ._ListElement:last-of-type .VisitDetailsWidgetRow ._Segment._container.VisitDetailsHeaderInfo::after {
  display: none;
}
@container (min-height: 30px) {
  .VisitDetailsWidget ._ListElement:last-of-type .VisitDetailsWidgetRow ._Segment._container.VisitDetailsHeaderInfo::after {
    display: none;
  }
}
.VisitDetailsWidget ._ListElement:last-of-type .isLast {
  border-bottom: none;
}
.VisitDetailsWidget ._ListElement:last-of-type .isLast ._Segment._container.VisitDetailsHeaderInfo::after {
  display: none;
}

.TimelineLine {
  padding-left: 0.75rem;
  width: 1.5rem;
}

.VisitsTimeline {
  display: flex;
  flex-direction: column;
}
.VisitsTimeline .Future ._ListElement:not(:first-child):not(:last-child) .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Future ._ListElement:not(:first-child):not(:last-child) .topHalf .dashed {
  display: none;
}
.VisitsTimeline .Future ._ListElement:not(:first-child):not(:last-child) .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Future ._ListElement:not(:first-child):not(:last-child) .bottomHalf .dashed {
  display: none;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):first-child .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):first-child .topHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 4rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Future ._ListElement:not(:only-child):first-child .topHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):first-child .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):first-child .bottomHalf .dashed {
  display: none;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .topHalf .dashed {
  display: none;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .bottomHalf .dashed {
  display: none;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .hasNoPastVisits .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .hasNoPastVisits .bottomHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 2rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Future ._ListElement:not(:only-child):last-child .hasNoPastVisits .bottomHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Future ._ListElement:only-child .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Future ._ListElement:only-child .topHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 4rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Future ._ListElement:only-child .topHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Future ._ListElement:only-child .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Future ._ListElement:only-child .bottomHalf .dashed {
  display: none;
}
.VisitsTimeline .Future ._ListElement:only-child .hasNoPastVisits .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Future ._ListElement:only-child .hasNoPastVisits .bottomHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 2rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Future ._ListElement:only-child .hasNoPastVisits .bottomHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Future ._ListElement:only-child .hasNoPastVisits[class][class] .dashed {
  max-height: 2rem;
}
.VisitsTimeline .Past ._ListElement:not(:first-child):not(:last-child) .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Past ._ListElement:not(:first-child):not(:last-child) .topHalf .dashed {
  display: none;
}
.VisitsTimeline .Past ._ListElement:not(:first-child):not(:last-child) .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Past ._ListElement:not(:first-child):not(:last-child) .bottomHalf .dashed {
  display: none;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .topHalf .dashed {
  display: none;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .hasNoFutureVisits .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .hasNoFutureVisits .topHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 4rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .hasNoFutureVisits .topHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .bottomHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):first-child .bottomHalf .dashed {
  display: none;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):last-child .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):last-child .topHalf .dashed {
  display: none;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):last-child .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Past ._ListElement:not(:only-child):last-child .bottomHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 2rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Past ._ListElement:not(:only-child):last-child .bottomHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Past ._ListElement:only-child .topHalf {
  height: 50%;
  border-left: 2.5px solid #535f6b;
}
.VisitsTimeline .Past ._ListElement:only-child .topHalf .dashed {
  display: none;
}
.VisitsTimeline .Past ._ListElement:only-child .bottomHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Past ._ListElement:only-child .bottomHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 2rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Past ._ListElement:only-child .bottomHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Past ._ListElement:only-child .hasNoFutureVisits .topHalf {
  height: 50%;
  border-left: 2.5px transparent;
}
.VisitsTimeline .Past ._ListElement:only-child .hasNoFutureVisits .topHalf .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  max-height: 4rem;
  overflow: hidden;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .Past ._ListElement:only-child .hasNoFutureVisits .topHalf .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline .Past ._ListElement:only-child .hasNoFutureVisits[class][class] .dashed {
  max-height: 2rem;
}
.VisitsTimeline .TimelineNodeWrapper {
  position: relative;
}
.VisitsTimeline .TimelineNodeWrapper .eventLineContainer {
  display: flex;
  flex-direction: row;
}
.VisitsTimeline .heading.Past {
  border-left: 2.5px solid #535f6b;
  position: relative;
  left: 0.75rem;
}
.VisitsTimeline .heading.Past .dashed {
  display: none;
}
.VisitsTimeline .heading.Future, .VisitsTimeline .heading.hasNoFutureVisits {
  border-left: 2.5px transparent;
  height: 1.5rem;
  position: relative;
  left: 0rem;
}
.VisitsTimeline .heading.Future .dashed, .VisitsTimeline .heading.hasNoFutureVisits .dashed {
  display: inherit;
  width: 100%;
  height: 100%;
  margin: 0 0.1rem 0 0.02rem;
  /*rtl:raw:
  margin-right: -0.43rem;
  */
}
.VisitsTimeline .heading.Future .dashed svg line, .VisitsTimeline .heading.hasNoFutureVisits .dashed svg line {
  stroke: #535f6b;
}
.VisitsTimeline ._PageHeading {
  padding-bottom: 0rem;
  padding-top: 0.25rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
}
.VisitsTimeline .content {
  display: flex;
  flex-direction: column;
  margin: 0;
  position: relative;
}
.VisitsTimeline .content .eventNode {
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  font-size: 0px;
  border: 2.2px solid transparent;
  background-color: #535f6b;
  top: 44%;
  box-shadow: none;
  left: 0.57rem;
}
.VisitsTimeline .content .headingNode {
  width: 0;
  height: 0;
  font-size: 0px;
  border-left: 0.3rem solid transparent;
  border-right: 0.3rem solid transparent;
  border-bottom: 0.4rem dashed #535f6b;
  position: absolute;
  padding-left: 0.1rem;
  border-radius: 3px;
  left: 0.49rem;
  bottom: 0.4rem;
}

.TransplantInfoWidgetRow .WidgetRowText {
  max-width: 100%;
}
.TransplantInfoWidgetRow .WidgetRowText .widgetRowTextContent {
  padding-left: 0.65rem;
  max-width: 100%;
}
.TransplantInfoWidgetRow .WidgetRowText .widgetRowTextContent .scoreSubtextContainer {
  padding-left: 1rem;
}
.TransplantInfoWidgetRow .WidgetRowText .widgetRowTextContent .scoreSubtextContainer .TransplantScoreSubtext {
  padding: 0.25rem 0;
  border-top: 1px solid #eaeaea;
}
.TransplantInfoWidgetRow .WidgetRowText .widgetRowTextContent .scoreSubtextContainer .TransplantScoreSubtext:last-of-type {
  padding-bottom: 0;
}

.ConditionSummaryDisclaimer {
  word-break: normal;
}

.VitalsInfoBubble ._InfoBubble {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: auto;
}
.VitalsInfoBubble ._InfoBubble.showBubble ._InfoBubbleCommand:after,
.VitalsInfoBubble ._InfoBubble.showBubble ._InfoBubbleContent {
  display: block;
}
.VitalsInfoBubble ._InfoBubbleCommand {
  color: #7a0019;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
.VitalsInfoBubble ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

.VitalsInfoBubble ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% + 0.25rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}
.VitalsInfoBubble ._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  margin: 0.5rem 0;
  padding: calc(1rem / 3);
  position: absolute;
  text-align: left;
  top: auto;
  white-space: normal;
  width: max-content;
  z-index: 10;
}

/* Copyright 2024 Epic Systems Corporation */
.SocialHistory .label._readOnlyText._Text {
  margin: 0.25rem 0 0;
}
.SocialHistory .answer._readOnlyText._Text {
  margin: 0 0 0.5rem;
  height: fit-content;
  min-height: 1.25rem;
}
.SocialHistory .socialCardHeader {
  padding-top: 0;
}

.FamilyHistoryAndStatus tbody tr th, .FamilyHistoryAndStatus tbody tr td {
  vertical-align: top;
}
.FamilyHistoryAndStatus tbody tr td {
  white-space: pre-wrap;
}
.FamilyHistoryAndStatus ._TableHeaders th:first-child {
  width: 40%;
}
.FamilyHistoryAndStatus ._TableHeaders th:nth-child(2) {
  width: 20%;
}
.FamilyHistoryAndStatus ._TableHeaders th:nth-child(3) {
  width: 40%;
}
.FamilyHistoryAndStatus .pedigreeIcon {
  vertical-align: text-bottom;
}

.PersonalNote .noteHeader {
  margin: 0 0 0.5rem 0.4rem;
}
.PersonalNote .disclaimerAndEditButton {
  display: flex;
  align-items: center;
  min-height: 1.5rem;
}
.PersonalNote .disclaimerAndEditButton ._readOnlyText {
  width: fit-content;
  margin-right: 0.5rem;
}
.PersonalNote .disclaimerAndEditButton ._command._actionable.editButton {
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
}
.PersonalNote .editableNote ._ValidationMessage:empty {
  width: 0;
  height: 0;
}
.PersonalNote .editableNote ._labelledField {
  min-width: 40%;
}
@media only screen and (max-width: 768px) {
  .PersonalNote .editableNote ._labelledField {
    width: 100%;
  }
}
.PersonalNote .editableNote .isNotBeingEdited {
  display: flex;
}
.PersonalNote .editableNote .isNotBeingEdited ._TextInput {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #000000;
  opacity: 1;
  -webkit-text-fill-color: #000000;
}
.PersonalNote .addButtonContainer .addButtonLabel {
  padding: 0 0.5rem;
}
.PersonalNote .addButtonContainer ._command._actionable.addButton {
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
}

.MedicalHistory ._TableHeaders th:first-child {
  width: 60%;
}
.MedicalHistory ._TableHeaders th:nth-child(2) {
  width: 40%;
}

.SurgicalHistory ._TableHeaders th:first-child {
  width: 60%;
}
.SurgicalHistory ._TableHeaders th:nth-child(2) {
  width: 40%;
}

.HistoriesPage .ScrollableTableContainer {
  padding-top: 0;
  margin-top: 0.5rem;
}
.HistoriesPage ._DataTable {
  border: none;
  border-spacing: 0;
  width: 100%;
}
.HistoriesPage ._DataTable tbody tr {
  background-color: #ffffff;
}
.HistoriesPage ._DataTable tr:first-child td,
.HistoriesPage ._DataTable tr:first-child th {
  border-width: 0;
}
.HistoriesPage ._DataTable ._TableHeaders {
  color: #7a0019;
}
.HistoriesPage ._DataTable .tableCaption {
  height: 0;
  margin: 0;
}
@media only screen and (min-width: 1300px) {
  .HistoriesPage ._DataTable {
    width: 67%;
  }
}

@media only screen and (min-width: 1300px) {
  .HistoriesPage .ZeroState {
    width: 67%;
  }
}

.HistoriesPage ._Text._readOnlyText.historiesPageHelpText {
  margin-top: 0;
}

/* Copyright 2021 Epic Systems Corporation */
.ImmunizationDetails {
  word-break: break-word;
}
.ImmunizationDetails .subtitle.hasOrgBanner[class][class] {
  margin-top: 3rem;
}

.AdministrationTable[class][class] {
  padding: 0;
  margin: 0;
}
@media print {
  .AdministrationTable[class][class] {
    display: block;
  }
  .AdministrationTable[class][class].boundary-strong {
    border-style: solid;
    border-width: 1px;
  }
}
.AdministrationTable[class][class] > .grid {
  margin: 0;
  padding-top: 0.25rem;
  padding-bottom: 1rem;
}
.AdministrationTable[class][class] .col-12 {
  margin-bottom: 0;
}

.SingleImmunization {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #cccccc;
}

.row:last-child .SingleImmunization {
  border-bottom: none;
}

@media only screen and (max-width: 768px) {
  .DetailsGrid .col-8 {
    margin-top: -12px;
  }
}

.ImmunizationDetailsGridRow {
  padding: 0.25rem 0;
}
.ImmunizationDetailsGridRow .DetailLabel {
  padding-right: 0.25rem;
}

.OrganizationBanner {
  background-color: #ffffff;
  display: flex;
  left: 0;
  padding: 0.5rem 1.25rem;
  position: absolute;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.OrganizationBanner .orgName[class][class] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-left: 0.5rem;
}

/* Copyright 2020-2021 Epic Systems Corporation */
._ExpandableSection ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 0;
  margin: 0;
  width: 100%;
}
._ExpandableSection ._ExpandCommand .expandLinkLabel {
  width: auto;
  padding-left: 0.5rem;
  font-size: 1rem;
}
._ExpandableSection .expandableSection {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
._ExpandableSection .expandableSection.collapsed {
  max-height: 0rem;
  visibility: hidden;
}
._ExpandableSection .arrowIcon {
  transition: transform 0.5s ease 0s;
  width: 20px;
  height: 20px;
}
._ExpandableSection .expanded .arrowIcon {
  transform: scaleY(-1);
}

@media print {
  .expandableSection.collapsed {
    max-height: 100rem;
    visibility: visible;
  }
  ._ExpandableSection ._ExpandCommand {
    visibility: hidden;
  }
}
._HappyTogetherDetails {
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
._HappyTogetherDetails img.organizationLogo {
  display: inline-block;
  margin: 0 1rem 0 0;
  overflow: hidden;
  vertical-align: middle;
  width: 2.5rem;
  height: 2.5rem;
  float: left;
  clear: left;
}
._HappyTogetherDetails .organizationName,
._HappyTogetherDetails .organizationTimeStamp {
  width: calc(100% - 2.5rem - 1rem);
  vertical-align: top;
  overflow: hidden;
  text-overflow: ellipsis;
}
._HappyTogetherDetails .organizationName {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: bold;
}
._HappyTogetherDetails .organizationTimeStamp {
  font-size: 0.8rem;
  font-style: italic;
}

._HappyTogetherLogo {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: auto;
}
._HappyTogetherLogo.showBubble ._InfoBubbleCommand:after,
._HappyTogetherLogo.showBubble ._InfoBubbleContent {
  display: block;
}
._HappyTogetherLogo ._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
._HappyTogetherLogo ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

._HappyTogetherLogo ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% - 0.125rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}
._HappyTogetherLogo ._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  left: unset;
  margin: 0 calc(1rem / 3);
  padding: calc(1rem / 3);
  position: absolute;
  right: 0;
  text-align: left;
  top: auto;
  white-space: normal;
  width: 400px;
  z-index: 10;
}
@media screen and (max-width: 450px) {
  ._HappyTogetherLogo ._InfoBubbleContent {
    width: 98%;
  }
}

.implants {
  position: relative;
}
.implants .externalOrgNotice {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  padding: 1.25rem 1rem 0.5rem;
  line-height: 1rem;
  top: 0;
  right: 0;
  width: 60%;
}
.implants .externalOrgNotice .externalOrgNoticeText {
  padding-left: 0.25rem;
}
@media screen and (max-width: 1300px) {
  .implants .externalOrgNotice {
    position: static;
    justify-content: center;
    padding: unset;
    width: unset;
  }
}
.implants .implantsTitle {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen {
  .mobile .implants .implantsTitle {
    display: none;
  }
}
.implants .singleImplant {
  padding: 0;
  margin: 0.25rem 0;
}
@media print {
  .implants .singleImplant {
    contain: paint;
  }
}
.implants .singleImplant > * {
  background-color: #ffffff;
}
.implants .singleImplant > *:first-child {
  border-radius: 6px 6px 0 0;
}
.implants .singleImplant > *:last-child {
  border-radius: 0 0 6px 6px;
}
.implants .singleImplant ._ExpandCommand {
  display: flex;
  padding: 0.3rem 0;
  margin: 0 0;
}
.implants .singleImplant .implantName {
  padding: 0 0.1rem 0 0;
  display: block;
  width: auto;
}
.implants .singleImplant .implantCardHeader {
  display: flex;
  padding: 0.5rem 0.5rem 0 0.5rem;
}
.implants .singleImplant .nameBadgeWrapper {
  display: flex;
  justify-content: space-between;
}
.implants .singleImplant .badgeWrapper {
  width: auto;
  margin-top: 0.3rem;
}
.implants .singleImplant .explantedBadge {
  height: 100%;
  padding: 0.25rem;
  background-color: #f2f2f2;
  border-color: #eaeaea;
  white-space: nowrap;
}
.implants .singleImplant ._HappyTogetherLogo {
  min-width: 24px;
  min-height: 24px;
}
.implants .singleImplant ._HappyTogetherDetails .organizationName {
  margin: unset;
}
.implants .singleImplant ._HappyTogetherDetails .organizationTimeStamp {
  margin: unset;
}
.implants .detailRow {
  margin: 0.2rem 0;
  display: block;
}
.implants .detailRow .detailLabel {
  color: #767676;
  padding-right: 0.2rem;
  flex-shrink: 0;
  display: inline;
}
.implants .detailRow .detailValue {
  color: #363636;
  word-break: break-word;
}
.implants .detailRow .multiLineDetail {
  display: inline;
  white-space: pre-wrap;
}
.implants .detailRow .multiLineDetail div:first-child {
  display: inline;
}
.implants .implantDetails {
  padding: 0.5rem;
}
.implants .implantDetails h3 {
  padding: 0.5rem 0;
}
.implants ._ExpandableSection {
  background-color: #f8f8f8;
}
@media print {
  .implants ._ExpandableSection:where(:not(:has(.expanded))) {
    background-color: #ffffff;
  }
}
.implants ._ExpandableSection .expandableSection.expanded {
  max-height: none;
}
.implants .subtitle {
  color: #565656;
}
@media print {
  .implants .singleImplant {
    border: 2px solid #767676;
  }
  .implants .singleImplant ._LayoutGrid ._GridCol._container {
    display: table-cell;
    width: 50%;
  }
  .implants ._LayoutGrid ._GridCol._container {
    display: inline;
  }
  .implants .expandableSection.collapsed {
    max-height: none;
    visibility: visible;
  }
  .implants ._ExpandableSection ._ExpandCommand {
    visibility: hidden;
  }
  .implants .implantGroup {
    page-break-inside: avoid;
  }
  .implants .implantGroup:first-child {
    page-break-inside: auto;
  }
  .implants .externalOrgNotice {
    visibility: hidden;
  }
}
@media screen and (max-width: 768px) {
  .implants .nameBadgeWrapper {
    flex-direction: column;
  }
  .implants .badgeWrapper {
    padding-top: 0.4rem;
  }
}

/* Copyright 2022 Epic Systems Corporation */
.InsuranceHub .BenefitDetails {
  border-bottom: #dbdbdb solid 1px;
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0.5rem 0.5rem 0 0;
}
.InsuranceHub .BenefitDetails:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .BenefitDetails ._GridCol.col-3._container {
    align-items: baseline;
  }
}
.InsuranceHub .BenefitDetails .benefitName[class] {
  margin: 0;
  overflow-wrap: anywhere;
  padding: 0;
  color: #000000;
}
.InsuranceHub .BenefitDetails .benefitDescription[class] {
  margin: 0;
  font-size: 0.8888888889rem;
  color: #767676;
  max-width: 100%;
  overflow-wrap: anywhere;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .BenefitDetails .benefitDescription[class] {
  color: #000000;
}

.InsuranceHub .BenefitDetailsCard .benefitCardTitle {
  padding-bottom: 0.5rem;
}
.InsuranceHub .BenefitDetailsCard .benefitsCardBody {
  padding: 0 0.5em;
}
.InsuranceHub .BenefitDetailsCard .benefitsCardBody:last-child {
  padding-bottom: 0.5rem;
}
.InsuranceHub .BenefitDetailsCard .benefitsCardBody:last-child {
  padding-bottom: 0;
  border-radius: 6px;
}
.InsuranceHub .BenefitDetailsCard .headerRow,
.InsuranceHub .BenefitDetailsCard .row {
  border-bottom: #dbdbdb solid 1px;
  position: relative;
}
.InsuranceHub .BenefitDetailsCard .headerRow:last-child,
.InsuranceHub .BenefitDetailsCard .row:last-child {
  border-bottom: none;
}
.InsuranceHub .BenefitDetailsCard [role=columnheader] {
  font-size: 0.8888888889rem;
  color: #767676;
  padding-bottom: 0.5rem;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .BenefitDetailsCard [role=columnheader] {
  color: #000000;
}

.InsuranceHub .BenefitDetailsCard .benefitsGrid ._GridRow.row._layout {
  padding: 0.5rem 0;
}
.InsuranceHub .BenefitDetailsCard .benefitsGrid .headerRow ._GridRow.row._layout {
  padding-bottom: 0;
}
.InsuranceHub .BenefitDetailsCard .benefitsGrid .copayText {
  display: block;
  margin: 0.3rem 0;
  padding-right: 1rem;
}
.InsuranceHub .BenefitDetailsCard .benefitsGrid .benefitCollapsedGridItem {
  display: flex;
}
.InsuranceHub .BenefitDetailsCard .benefitsGrid .benefitCollapsedGridItem ._GridRow.row._layout {
  padding: 0.2rem 0;
  display: inline-flex;
  flex-wrap: nowrap;
}
.InsuranceHub .BenefitDetailsCard .benefitsGrid.isComplex ._GridRow.row._layout {
  padding: 0.1rem 0;
}
.InsuranceHub .BenefitDetailsCard .benefitsGrid.isComplex .copayText {
  margin: 0.4rem 0 0 0;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .BenefitDetailsCard .benefitsGrid.isComplex .copayText {
    margin: -0.2rem 0 0 0.5rem;
  }
  .InsuranceHub .BenefitDetailsCard .benefitsGrid.isComplex .lg-hide span {
    color: transparent;
  }
}
@media screen and (max-width: 768px) {
  .InsuranceHub .BenefitDetailsCard .benefitsGrid .col-4:not(:first-child)[class] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    padding-right: 32px;
    align-items: baseline;
  }
  .InsuranceHub .BenefitDetailsCard .benefitsGrid .col-3:not(:first-child)[class] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    padding-right: 32px;
    align-items: baseline;
  }
  .InsuranceHub .BenefitDetailsCard .benefitsGrid .copayText {
    max-width: 100%;
    overflow-wrap: anywhere;
    margin-left: 0.5rem;
    grid-column: 2;
    padding-right: 0rem;
  }
}
.InsuranceHub .learnMoreLink[class] {
  padding: 0;
  margin-left: -0.2rem;
}

.InsuranceHub .MOOPDedBar {
  padding-bottom: 1rem;
}
.InsuranceHub .MOOPDedBar .moopDedBarTopLabel {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  flex-wrap: wrap;
}
.InsuranceHub .MOOPDedBar .moopDedBarTopLabel .moopDedBarLevelLabel {
  width: fit-content;
  padding-top: 0;
}
.InsuranceHub .MOOPDedBar .moopDedBarTopLabel .moopDedBarRemainingLabel {
  max-width: 100%;
  overflow-wrap: anywhere;
  width: fit-content;
  font-weight: bold;
  padding-top: 0;
  padding-bottom: 0.5rem;
}
.InsuranceHub .MOOPDedBar .moopDedBarBottomLabel {
  display: flex;
  align-items: baseline;
  font-size: 0.8888888889rem;
  color: #767676;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.2rem;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .MOOPDedBar .moopDedBarBottomLabel {
  color: #000000;
}

.InsuranceHub .MOOPDedBar .moopDedBarBottomLabel .moopDedBarSpentLabel {
  max-width: 100%;
  overflow-wrap: anywhere;
  margin: 0;
}
.InsuranceHub .MOOPDedBar .moopDedBarBottomLabel .moopDedBarResetsLabel {
  max-width: 100%;
  overflow-wrap: anywhere;
  text-align: right;
}

.InsuranceHub .MOOPDedMet {
  padding-bottom: 1rem;
}
.InsuranceHub .MOOPDedMet .moopDedBarLevelLabel {
  width: fit-content;
  padding-top: 0;
}
.InsuranceHub .MOOPDedMet .moopDedBody {
  display: flex;
}
.InsuranceHub .MOOPDedMet .moopDedBody .moopDedMetMsg {
  font-size: 0.8888888889rem;
  color: #767676;
  flex-wrap: wrap;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .MOOPDedMet .moopDedBody .moopDedMetMsg {
  color: #000000;
}

.InsuranceHub .MOOPDedMet .moopDedBody .moopDedIcon {
  fill: #09aa71;
  margin-right: 0.5rem;
}

.InsuranceHub .MOOPDedDisplay {
  padding: 0 0.5em;
  padding-bottom: 0.5rem;
}
.InsuranceHub .MOOPDedDisplay:last-child {
  padding-bottom: 0.5rem;
}
.InsuranceHub .MOOPDedDisplay .moopDedLevelHeading {
  max-width: 100%;
  overflow-wrap: anywhere;
  padding: 0.5rem 0 0.25rem;
}

.InsuranceHub .ActionResource {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: #f4ebed;
  min-height: 0;
  margin-bottom: 0.5rem;
  gap: 1rem;
}
.InsuranceHub .ActionResource .actionResourceText {
  flex: 1;
}
.InsuranceHub .ActionResource .actionResourceText .actionResourceTitle {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-weight: bold;
  margin: 0;
}
.InsuranceHub .ActionResource .actionResourceText .actionResourceDesc {
  max-width: 100%;
  overflow-wrap: anywhere;
  margin: 0;
}
.InsuranceHub .ActionResource .actionResourceText .phoneLink {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.InsuranceHub .ActionResource .actionButton {
  flex-shrink: 0;
  border-radius: 50%;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  background: #ffffff;
}
.InsuranceHub .ActionResource .actionButton .actionIcon {
  fill: #7a0019;
  flex-shrink: 0;
  margin: 0.5rem;
}
.InsuranceHub .ActionResource .actionButton .jumpButton {
  line-height: 0;
}

.InsuranceHub .MemberResourcesCard .actionResourceHolder {
  padding: 0 0.5em;
}
.InsuranceHub .MemberResourcesCard .actionResourceHolder:last-child {
  padding-bottom: 0.5rem;
}

.InsuranceHub .SelectCoverageBtn {
  position: relative;
  display: grid;
  gap: 0.25rem;
  grid-template-columns: 64px 1fr clamp(16px, 1.847rem, 48px);
  align-items: center;
  height: 100%;
  background: #ffffff;
  padding: 1.5rem 1rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  color: #363636;
}
.InsuranceHub .SelectCoverageBtn:hover {
  background: #f4ebed;
  color: #363636;
  text-decoration: none;
}
.InsuranceHub .SelectCoverageBtn .healthPlanLogo {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.InsuranceHub .SelectCoverageBtn .healthPlanLogoFallback {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg {
  max-width: 100%;
  overflow-wrap: anywhere;
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg .coverageName {
  padding-top: 0;
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg .statusSeg {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg .statusSeg .badgeHolder {
  width: calc(100% + 64px + clamp(16px, 1.847rem, 48px));
  max-width: calc(100% + 64px + clamp(16px, 1.847rem, 48px));
  position: relative;
  margin-left: -64px;
  margin-right: calc(-1 * clamp(16px, 1.847rem, 48px));
  padding-left: 64px;
  padding-right: clamp(16px, 1.847rem, 48px);
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg .statusSeg .statusBadge .cvgStatusInfoBubble {
  align-self: flex-start;
  margin-top: 1px;
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg .statusSeg .statusBadge .cvgStatusInfoBubble ._InfoBubbleCommand::after {
  border-color: transparent #ffffff transparent transparent;
  border-style: solid;
  border-width: 0 1rem 1rem 0;
  box-shadow: 1px -1px 1px 0 rgba(0, 0, 0, 0.4);
  top: auto;
  bottom: calc(100% + 0.25rem);
}
.InsuranceHub .SelectCoverageBtn .selectCoverageSeg .statusSeg .statusBadge .cvgStatusInfoBubble ._InfoBubbleContent {
  top: auto;
  bottom: calc(100% + 0.6rem - 1px);
}
.InsuranceHub .SelectCoverageBtn .SelectCoverageLink {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.InsuranceHub .SelectCoverageBtn .coverageArrow[class] {
  /* rtl:raw: transform: scaleX(-1); */
  width: 24px;
  margin: auto;
  margin-left: 0.5rem;
  margin-right: calc(-0.5rem + 3px);
  flex-shrink: 0;
  fill: #767676;
}
.mobile .InsuranceHub .SelectCoverageBtn .coverageArrow[class] {
  margin-left: 0.25rem;
}
.InsuranceHub .selectCoverageBtnHolder {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
  gap: 0.5rem;
}

.InsuranceHub .CardTitle[class][class] {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
  margin: 0;
}
.InsuranceHub .CardTitle[class][class] .cardIcon {
  margin: 0 0.25rem;
}
.InsuranceHub .CardTitle[class][class] .sectionTitle {
  max-width: 100%;
  overflow-wrap: anywhere;
  padding-top: 0.5rem;
}
.InsuranceHub .CardTitle[class][class] .cardTitle {
  padding-top: 0;
  min-width: 0;
}
.InsuranceHub .CardTitle[class][class] .statusBadge .badgeContents {
  white-space: nowrap;
}

.InsuranceHub .Definition {
  align-items: flex-start;
  padding-bottom: 1rem;
}
.InsuranceHub .Definition .disclosureButton {
  border: none;
  padding: 0;
  background: none;
}
.InsuranceHub .Definition .disclosureButton .disclosureButtonText {
  text-align: left;
}
.InsuranceHub .Definition .definitionText {
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .Definition .definitionText {
  color: #000000;
}

.InsuranceHub .IndemnityIDCardContainer {
  position: relative;
  padding: 16px;
}
.InsuranceHub .IndemnityIDCardContainer .showPopupButton[class] {
  position: absolute;
  top: -5px;
  right: 1px;
  border-radius: 50%;
  padding: 4px;
  z-index: 3;
  stroke: white;
  line-height: 0;
  margin: 0;
}
.InsuranceHub .IndemnityIDCardContainer .fallbackImage {
  height: 18rem;
  filter: grayscale(1);
  opacity: 0.7;
}

.InsuranceHub .InsuranceHubHeader {
  text-align: left;
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .InsuranceHubHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .InsuranceHub .InsuranceHubHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .InsuranceHub .InsuranceHubHeader {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.mobile .InsuranceHub .InsuranceHubHeader {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: unset;
  width: unset;
  margin-left: unset;
}
@media screen and (max-width: 768px) {
  .mobile .InsuranceHub .InsuranceHubHeader {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.InsuranceHub .InsuranceHubHeader::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  height: 100%;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  background: #f2e6e9;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .InsuranceHubHeader::before {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .InsuranceHub .InsuranceHubHeader::before {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .InsuranceHub .InsuranceHubHeader::before {
    left: -0.75rem;
  }
}
.InsuranceHub .InsuranceHubHeader .insuranceHubTitle {
  padding-bottom: 0.5rem;
  color: #7a0019;
}
.InsuranceHub .InsuranceHubHeader .insuranceHubTitle .askAQuestionAction {
  text-decoration: none;
}
.InsuranceHub .InsuranceHubHeader .eligInfo {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .InsuranceHubHeader .eligInfo {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
}
.InsuranceHub .InsuranceHubHeader .eligInfo .eligibilitySummarySegment {
  display: grid;
  align-self: center;
  align-items: baseline;
  grid-auto-flow: column;
  grid-template-rows: min-content auto;
  padding: 0 0 0 1rem;
  column-gap: 0.5rem;
}
.InsuranceHub .InsuranceHubHeader .eligInfo .eligibilitySummarySegment .fieldContent, .InsuranceHub .InsuranceHubHeader .eligInfo .eligibilitySummarySegment .fieldLabel {
  color: #363636;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .InsuranceHubHeader .eligInfo .eligibilitySummarySegment {
    grid-auto-flow: row;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    padding: 0.5rem 0 0 0;
  }
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .healthPlanLogo {
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  margin: 0 0.5rem 0 0;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .coverageName {
  padding-top: 0;
  padding-bottom: 0;
  display: inline;
  padding-inline-end: 0.5rem;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .badgeHolder {
  margin-top: 0.25rem;
  position: relative;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .badgeHolder.hasLogo {
  width: calc(100% + 64px);
  max-width: calc(100% + 64px);
  margin-left: -64px;
  padding-left: 64px;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .badgeHolder .cvgStatusInfoBubble {
  align-self: flex-end;
  margin-bottom: 2px;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .h2gInfoSource {
  display: flex;
  align-items: flex-start;
  width: fit-content;
  padding-top: 0.25rem;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .h2gInfoSource .h2gIcon {
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.InsuranceHub .InsuranceHubHeader .coverageNameSeg .h2gInfoSource .h2gString {
  font-size: 0.8888888889rem;
  color: #767676;
  max-width: 100%;
  overflow-wrap: anywhere;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .InsuranceHubHeader .coverageNameSeg .h2gInfoSource .h2gString {
  color: #000000;
}

.InsuranceHub .InsuranceHubHeader .coverageNameSeg .coverageSwitcher {
  display: block;
  width: fit-content;
  padding-top: 0.5rem;
}

.InsuranceHub {
  isolation: isolate;
}
.InsuranceHub .coverageOverview {
  display: flex;
  flex-direction: row;
  column-gap: 12px;
  margin-right: 12px;
}
@media screen and (max-width: 1025px) {
  .InsuranceHub .coverageOverview {
    flex-direction: column;
  }
}
.mobile .InsuranceHub .coverageOverview {
  flex-direction: column;
}
@media print {
  .InsuranceHub .coverageOverview {
    flex-direction: column;
  }
}
.InsuranceHub .insuranceResources {
  padding-top: 0.5rem;
  width: 99%;
}
.InsuranceHub .insuranceResources .activitiesGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(160px, 100%), 1fr));
  gap: 0.5rem;
  grid-auto-rows: 1fr;
}
.InsuranceHub .insuranceResources .activitiesGrid .insuranceResourceBtn {
  width: 100%;
  height: 100%;
  padding: 1rem 0.25rem;
  border-color: #cccccc;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  color: unset;
  margin: 0;
}
.InsuranceHub .insuranceResources .activitiesGrid .insuranceResourceBtn .insuranceResourceSeg {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  justify-content: space-evenly;
}
.mobile .InsuranceHub .insuranceHubBody {
  padding: 0;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .insuranceHubBody {
    padding: 0;
  }
}
@media print {
  .InsuranceHub .insuranceHubBody {
    flex-direction: column;
  }
}
.InsuranceHub .insHubCard {
  margin: 0;
  margin-bottom: 24px;
}
.InsuranceHub .coverageOverviewIdCard {
  display: grid;
}
.InsuranceHub .coverageOverviewIdCard .appleWalletCommand {
  margin-top: 0px;
}
@media print {
  .InsuranceHub .coverageOverviewIdCard {
    border: none;
  }
}

#footer {
  position: static;
}

.InsuranceHub .statusBadge {
  width: fit-content;
  margin: 0;
  border-radius: 20px;
  padding: 0 0.5rem;
  display: flex;
  min-height: 1.8rem;
  align-items: center;
  align-self: flex-end;
}
.InsuranceHub .statusBadge .badgeContents {
  margin: 0;
  padding: 0;
}
.InsuranceHub .statusBadge .cvgStatusInfoBubble {
  margin: 0;
  width: 24px;
  height: 24px;
}
.InsuranceHub .statusBadge .cvgStatusInfoBubble ._InfoBubbleCommand {
  width: 24px;
  height: 24px;
}
.InsuranceHub .statusBadge .cvgStatusInfoBubble ._Icon {
  fill: #363636;
}
.InsuranceHub .statusBadge .cvgStatusInfoBubble ._InfoBubbleContent {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: #363636;
  top: calc(100% + 0.55rem - 1px);
  left: 0;
  margin: 0;
  min-width: 50%;
}

.InsuranceHub .fieldLabel[class][class] {
  font-size: 0.8888888889rem;
  color: #767676;
  max-width: 100%;
  overflow-wrap: anywhere;
  margin: 0;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .fieldLabel[class][class] {
  color: #000000;
}

.InsuranceHub .fieldContent[class][class] {
  max-width: 100%;
  overflow-wrap: anywhere;
  margin: 0;
}

.InsuranceHub .HRACard .remainingLabel {
  text-align: center;
  font-size: 1rem;
  color: #7a0019;
  padding-top: 1rem;
}
.InsuranceHub .HRACard .remainingAmount {
  text-align: center;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 900;
  color: #0f784a;
  word-wrap: break-word;
}
.InsuranceHub .HRACard .usedBreakdown {
  padding: 0.5rem 3rem 2rem;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .HRACard .usedBreakdown {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
.InsuranceHub .HRACard .usedBreakdown .usedLine {
  max-width: 100%;
  overflow-wrap: anywhere;
  display: flex;
  justify-content: space-between;
}
.InsuranceHub .HRACard .usedBreakdown .usedLine .usedInfo {
  margin: 0;
  width: fit-content;
  max-width: 50%;
}

.InsuranceHub .idCardSeg {
  margin: 0;
  margin-bottom: 0.5rem;
  display: grid;
  padding-top: 30px;
}
.InsuranceHub .idCardSeg ._Toast[class][class] ._Command {
  border-top: none;
  background-color: unset;
}
.InsuranceHub .idCardSeg ._Toast[class][class] .dismiss svg {
  fill: #ffffff;
}
.InsuranceHub .idCardSeg .insHubCard {
  margin-bottom: 0px;
  column-gap: 15px;
}
.InsuranceHub .idCardSeg .idCardSpacing {
  margin-bottom: 24px;
  overflow: hidden;
}
.InsuranceHub .idCardSeg .IndemnityIDCardContainer {
  padding: 16px 7px 0 7px;
}
.InsuranceHub .idCardSeg .appleWalletCommand {
  margin-bottom: 0;
}
.InsuranceHub .idCardSpacing {
  padding-left: 15px;
  padding-right: 15px;
}
.InsuranceHub .fieldLabel {
  padding-top: 0.75rem;
}
.InsuranceHub .fieldLabel:first-child {
  border-bottom: none;
}
.InsuranceHub .subOrMemLabel {
  font-size: 0.8rem;
}
.InsuranceHub .subOrMemLabel[class] {
  margin: 0;
}
.InsuranceHub .summaryGrid {
  width: 99.5%;
  margin-top: 0;
}
.InsuranceHub .MemberSummaryCard .statusBadge ._InfoBubbleContent {
  left: auto;
  right: 0;
  width: fit-content;
}
.InsuranceHub .errorBackButton {
  margin-top: 0.75rem;
}
.InsuranceHub .idCardControls {
  display: flex;
  margin-bottom: 15px;
  padding-left: 7px;
  padding-right: 7px;
  column-gap: 15px;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .idCardControls {
    flex-direction: column;
  }
}
.InsuranceHub .idCardControls .depDropDown {
  min-width: 50%;
  padding-right: 15%;
}
@media screen and (max-width: 768px) {
  .InsuranceHub .idCardControls .depDropDown {
    width: 100%;
    padding-right: 0;
  }
}
.InsuranceHub .idCardControls .idCardEffDates {
  display: block;
}
.InsuranceHub .idCardControls .idCardEffDates .fieldLabel {
  padding-top: 0;
}
.InsuranceHub .appleWalletButton {
  height: 2.75rem;
  min-height: 10mm;
  max-height: 25mm;
}
.InsuranceHub .appleWalletCommand {
  width: fit-content;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}

@media print {
  .InsuranceHub .idCardSeg {
    border: none;
  }
  .MCIDCardSide {
    scale: 0.5 !important;
  }
  .MCIDCardContainer {
    height: 250px !important;
  }
}
.InsuranceHub .IDCardBlobImage {
  border-radius: 24px;
  width: 100%;
  border: solid #767676 2px;
}
@media print {
  .InsuranceHub .IDCardBlobImage {
    display: unset !important;
    min-width: 200px !important;
  }
}

.mobile img.IDCardBlobImage {
  max-width: 100%;
}

img.IDCardBlobImage {
  min-width: 100%;
}

img._BlobImage._image.IDCardBlobImage {
  min-width: 100%;
}

.InsuranceHub .BenefitDetailsPage .CoverageTotalCard {
  margin-top: 1rem;
}
.InsuranceHub .BenefitDetailsPage .CoverageTotalCard .moopDedDisplays {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
  column-gap: 1rem;
}
.InsuranceHub .BenefitDetailsPage .RTEBenefitsLoadingInfo {
  text-align: center;
}
.InsuranceHub .BenefitDetailsPage .RTEBenefitsUpdatingSpinner {
  padding-left: 0.5rem;
}
.InsuranceHub .PlanYearDropdown {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.InsuranceHub .BenefitHeader {
  justify-content: flex-start;
  border-radius: 6px;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.InsuranceHub .headerSection {
  border-radius: 6px;
  border: 1px solid #cccccc;
}
.InsuranceHub .singleHeader {
  color: #000000;
  border-radius: 6px;
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  background-color: #f8f8f8;
}
.InsuranceHub .headerSpacing {
  padding-bottom: 0.75rem;
}
.InsuranceHub .headerSpacing:last-child {
  padding-bottom: 0;
}

.InsuranceHub .LevelDisplay {
  margin-bottom: 16px;
  padding: 0;
}
.InsuranceHub .LevelDisplay .CardTitle[class][class] {
  padding: 0 0.5rem;
  align-items: center;
}
.InsuranceHub .LevelDisplay .CardTitle[class][class] .cardTitle {
  padding-top: 0.5rem;
}
.InsuranceHub .LevelDisplay .CardTitle[class][class] .statusBadge {
  align-self: unset;
}
.InsuranceHub .LevelDisplay .paymentContainer {
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.InsuranceHub .LevelDisplay .limitsContainer {
  padding: 0.5rem;
  border-top: 1px solid #cccccc;
}
.InsuranceHub .LevelDisplay .paymentHeader, .InsuranceHub .LevelDisplay .limitHeader {
  padding: 0 0 0.25rem;
}
.InsuranceHub .LevelDisplay .copayText {
  margin: 0;
}
.InsuranceHub .LevelDisplay .levelGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 1rem;
  overflow-wrap: anywhere;
}
.InsuranceHub .LevelDisplay .levelGrid .fieldLabel {
  padding: 0;
}
.InsuranceHub .LevelDisplay .levelGrid .admissionReset {
  grid-column: 1/-1;
}
.InsuranceHub .LevelDisplay .limitSubheader {
  margin: 0;
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .InsuranceHub .LevelDisplay .limitSubheader {
  color: #000000;
}

.InsuranceHub .LevelDisplay .bucketContainer {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.InsuranceHub .LevelDisplay .LevelBucket .bucketHeader {
  display: flex;
  align-items: center;
}
.InsuranceHub .LevelDisplay .LevelBucket .bucketHeader .bucketHeaderString {
  padding: 0 0 0.25rem;
}

.InsuranceHub .BenefitDrilldownPage .valance {
  border: none;
}
.InsuranceHub .BenefitDrilldownPage .priorAuthDisclaimer {
  padding-top: 0.5rem;
}
.InsuranceHub .BenefitDrilldownPage .BenefitLevels {
  padding-bottom: 0.25rem;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .InsuranceHub .BenefitDrilldownPage .BenefitLevels {
    width: 50%;
  }
}
.InsuranceHub .BenefitsDrilldownDefinition:not(:first-child) .BenefitTerm {
  padding-top: 1rem;
}
.InsuranceHub .BenefitsDrilldownDefinition .BenefitTerm {
  padding-bottom: 0rem;
}

.InsuranceHub .ProgressBar {
  position: relative;
  height: calc(15px * 2);
  background: #d9edfd;
  border-radius: 15px;
}
.InsuranceHub .ProgressBar .progressBarSeg {
  --progress: 0;
  width: calc((100% - 15px * 2) * var(--progress));
  border: inherit;
  border-radius: inherit;
  position: absolute;
  height: 100%;
  padding: 0 15px;
  box-sizing: content-box;
  text-align: right;
}
.InsuranceHub .ProgressBar .progressBarSeg:first-child {
  background: #0085f2;
}
@media print {
  .InsuranceHub .ProgressBar {
    display: none;
  }
}

.MCIDCard {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .MCIDCard {
    display: flex;
    flex-direction: column;
  }
}
@media print {
  .MCIDCard {
    flex-direction: column;
  }
}

.MCIDCardContainer {
  position: relative;
}
.MCIDCardContainer .showPopupButton[class][class][class] {
  position: absolute;
  top: -15px;
  right: -7px;
  border-radius: 50%;
  padding: 4px;
  z-index: 3;
  stroke: white;
  line-height: 0;
  margin: 0;
  z-index: 3;
}

.plainTextDisclosure {
  margin: 0.5rem;
  width: auto;
}
.plainTextDisclosure .disclosureButton {
  justify-content: flex-start;
}
.plainTextDisclosure .plainText {
  white-space: pre-line;
  word-wrap: break-word;
}

.IDCardPopup .MCIDCardSide {
  margin: 0px;
  position: relative;
}

.MCIDCardSide {
  margin: 6px;
  position: absolute;
  transform-origin: top left;
  max-width: unset;
  display: inline-block;
  vertical-align: top;
  border-radius: 24px;
  overflow: hidden;
  font-size: 0;
  color: initial;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  -ms-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  border: solid #767676 2px;
}

/* Copyright 2023 Epic Systems Corporation */
.InsuranceMessageSentStep {
  padding: 1.5rem 1.7rem 0.75rem 1.7rem !important;
}
.InsuranceMessageSentStep .sendConfirmationSection {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
}
.InsuranceMessageSentStep .messageSentConfirmation {
  width: auto;
  font-size: 1.4rem;
  margin-top: 0.5rem !important;
  margin-bottom: 2rem !important;
  overflow-wrap: break-word;
}
.InsuranceMessageSentStep .nextActionButton {
  min-height: 2.5rem;
  height: auto;
  width: 100%;
}
.InsuranceMessageSentStep .messageSentIcon {
  height: 200px;
  width: 200px;
}

/* Copyright 2023 Epic Systems Corporation */
.itemFeedWidgetContainer {
  padding: 0;
}
.itemFeedWidgetContainer .ZeroState {
  padding: 1rem 0.75rem;
}

.baseFeedItem .contentDetails {
  display: inline-flex;
}

.feedItem {
  position: relative;
  width: 100%;
  margin-bottom: 0.5rem;
  left: 0;
  opacity: 1;
  max-height: 100rem;
  transition: all 0.3s;
}
.feedItem.card {
  padding: 0;
  min-height: 0;
  border-radius: 6px;
}
.feedItem.card:not(.slide) {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}
.feedItem.card .buttonList.subtle {
  margin-top: 0;
}
.feedItem.card .actions.buttonColumn {
  min-width: min-content;
}
.feedItem .icon {
  position: relative;
  flex-shrink: 0;
  width: auto;
  margin-right: 0.5rem;
}
.feedItem .icon svg,
.feedItem .icon span,
.feedItem .icon img,
.feedItem .icon div {
  height: 32px;
  width: 32px;
}
.feedItem .icon div {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.feedItem .icon svg.subicon {
  height: 1.5rem;
  width: 1.5rem;
  position: absolute;
  top: 0.875rem;
  left: 0.875rem;
}
.feedItem.isCareEverywhere .contentDetailsWrapper {
  padding-right: 2rem;
}
.feedItem.dismissed {
  left: 10rem;
  opacity: 0;
  max-height: 0;
  margin: 0;
}
.feedItem .feedContent {
  display: flex;
  flex-direction: column;
  position: relative;
}
.feedItem .contentDetailsWrapper {
  display: flex;
  z-index: 2;
}
.feedItem .contentDetails {
  padding: 1rem 0.5rem 0.5rem 0.5rem;
}
.feedItem .contentDetails .displayText {
  word-wrap: break-word;
  word-break: break-word;
  margin: 0;
}
.feedItem .itemFeedHeader {
  display: inline-flex;
  width: 100%;
  padding: 0;
}
.feedItem .itemFeedHeader .headerTitle {
  padding: 0.35rem 0 0.35rem 0;
  color: #363636;
  font-weight: bold;
  word-wrap: break-word;
  word-break: break-word;
  font-size: 1.15rem;
}
.feedItem .waterMarkWrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.feedItem .waterMarkWrapper .waterMark {
  position: absolute;
  right: -0.5rem;
  bottom: -1rem;
  z-index: 0;
  height: 6.25rem;
  width: 6.25rem;
  opacity: 0.2;
  transform: rotate(-20deg);
}
.feedItem .actions {
  z-index: 1;
  padding: 0.5rem;
}
.feedItem .actionContent {
  justify-content: center;
}
.feedItem .H2GIconContainer {
  align-self: flex-start;
  flex-shrink: 0;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.feedItem .H2GIcon[class] {
  display: flex;
  align-items: center;
  float: right;
  width: 1.5rem;
  min-width: 1.5rem;
}
.feedItem .H2GIcon[class].showBubble ._InfoBubbleCommand:after,
.feedItem .H2GIcon[class].showBubble ._InfoBubbleContent {
  display: block;
}
.feedItem .H2GIcon[class] ._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
.feedItem .H2GIcon[class] ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

.feedItem .H2GIcon[class] ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  bottom: calc(100% + 0.25rem);
  top: unset;
  transform: rotate(315deg);
  width: 0;
  z-index: 11;
}
.feedItem .H2GIcon[class] ._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  margin: 0 1rem;
  padding: calc(1rem / 3);
  position: absolute;
  left: unset;
  top: unset;
  right: -1rem;
  bottom: calc(0.5rem + 100%);
  text-align: left;
  white-space: normal;
  width: 400px;
  z-index: 10;
}
@media screen and (max-width: 450px) {
  .feedItem .H2GIcon[class] ._InfoBubbleContent {
    width: calc(98% - 40px);
  }
}
.feedItem .H2GIcon[class] ._InfoBubbleContent .orgDetails {
  margin-bottom: 0.5rem;
  display: flex;
}
.feedItem .H2GIcon[class] ._InfoBubbleContent .orgDetails img.organizationLogo,
.feedItem .H2GIcon[class] ._InfoBubbleContent .orgDetails ._Icon.organizationLogo {
  display: inline-block;
  margin: 0 0.2rem 0 0;
  overflow: hidden;
  vertical-align: middle;
  min-width: 2.5rem;
  height: 2.5rem;
  float: left;
  clear: left;
}
.feedItem .H2GIcon[class] ._InfoBubbleContent .orgDetails .organizationName {
  vertical-align: top;
  margin: 0;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: bold;
  word-break: break-word;
}

@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem {
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem.isCareEverywhere .actions {
    padding-top: 2rem;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem.isCareEverywhere .contentDetailsWrapper {
    padding-right: 0.5rem;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem .feedContent {
    flex-direction: row;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem .feedContent {
    flex-direction: row;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem .contentDetails {
    padding: 0.5rem;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem .waterMarkWrapper .waterMark {
    right: 23%;
  }
}
@media only screen and (min-width: 769px) {
  .itemFeedFullWidth .feedItem .actions {
    padding-top: 0;
  }
}
@media screen and (max-width: 450px) {
  .itemFeedFullWidth .feedItem .H2GIcon[class] ._InfoBubbleContent {
    width: calc(98% - 40px);
  }
}

.itemFeedNarrowWidth ._ItemWithActionGroup, .itemFeedNarrowWidth ._ItemWithActionGroup.withSubtleActions, .itemFeedNarrowWidth ._ItemWithActionGroup.withButtonColumn {
  flex-direction: column;
}
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + .buttonColumn,
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + .buttonColumn[class*=col-],
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + * .buttonColumn {
  flex-flow: row wrap;
  justify-content: center;
  align-self: auto;
  width: 100%;
}
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + .buttonColumn ._actionable,
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + .buttonColumn[class*=col-] ._actionable,
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + * .buttonColumn ._actionable {
  width: auto;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + .buttonColumn ._actionable:last-child,
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + .buttonColumn[class*=col-] ._actionable:last-child,
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn + * .buttonColumn ._actionable:last-child {
  margin-right: 0.25rem;
}
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn:not([class*=col-]),
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn:not([class*=col-]) + .buttonColumn,
.itemFeedNarrowWidth ._ItemWithActionGroup .contentColumn:not([class*=col-]) + * .buttonColumn {
  width: auto;
}

.toDoSummaryFeedItem .toDoSummaryLayout {
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0.5rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 5rem;
  padding-right: 1rem;
  box-sizing: content-box;
  margin: auto;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress .toDoSummaryCompleted {
  color: #7a0019;
  font-size: 1rem;
  text-align: center;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress .toDoSummaryProgressLabel {
  color: #7a0019;
  text-align: center;
  padding: 0.3rem 0rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress .toDoSummaryProgressLabel .number {
  font-weight: bold;
  font-size: 2rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress .toDoSummaryProgressLabel .percentSymbol {
  font-size: 1rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress, .toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress::-webkit-progress-bar, .toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress::-webkit-progress-value, .toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress::-moz-progress-bar {
  border: none;
  border-radius: 3rem;
  height: 0.75rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress {
  background-color: #dec0c6;
  color: #7a0019;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress::-webkit-progress-bar {
  background-color: #dec0c6;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress::-webkit-progress-value, .toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress progress::-moz-progress-bar {
  background-color: #7a0019;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
  word-break: break-word;
  min-width: 100px;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks .column {
  display: flex;
  flex-direction: column;
  width: auto;
  padding-right: 1rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks .field {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks .field .icon {
  flex-shrink: 0;
  margin-right: 0.25rem;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks .field div {
  width: auto;
}
.toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks svg {
  height: 1.5rem;
  width: 1.5rem;
  fill: black;
}

@media only screen and (min-width: 426px) {
  .itemFeedFullWidth .toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryProgress {
    margin-left: 2rem;
    padding-right: 1.5rem;
  }
}
@media only screen and (min-width: 426px) {
  .itemFeedFullWidth .toDoSummaryFeedItem .toDoSummaryLayout .toDoSummaryTasks {
    padding-left: 1.5rem;
  }
}

.VerticalMarkedDate {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5rem 0 0.3rem;
  color: #41a0ff;
}
.VerticalMarkedDate .verticalMonth {
  font-size: 1.2rem;
  text-transform: uppercase;
  white-space: nowrap;
}
html[lang=fi] .VerticalMarkedDate .verticalMonth {
  font-size: 0.9rem;
  overflow-wrap: normal;
}
html[lang=ar] .VerticalMarkedDate .verticalMonth {
  font-size: 0.96rem;
}
.VerticalMarkedDate .verticalDateOfMonth {
  font-size: 2.2rem;
  line-height: 2rem;
}
html[lang=ar] .VerticalMarkedDate .verticalDateOfMonth {
  font-size: 1.76rem;
}

.VisitDisplayDetailsInfo {
  display: flex;
  align-items: start;
  padding-left: 0.25rem;
}
.VisitDisplayDetailsInfo .labels {
  margin: 0.25rem 0 0.25rem 0.25rem;
}
.VisitDisplayDetailsInfo .labels .textLabel {
  margin: 0;
}

.VisitDisplayDetailsLayout {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.VisitDisplayDetailsLayout .dateInfo {
  width: auto;
}
.VisitDisplayDetailsLayout .visitInfo {
  max-width: 80%;
}
.VisitDisplayDetailsLayout .departmentInfo .departmentAddress {
  white-space: pre-line;
}

.announcementFeedItem .contentDetails {
  display: inline-flex;
}
.announcementFeedItem .contentDetails .icon div:empty {
  display: none;
}
.announcementFeedItem .contentDetails .icon:has(div:empty) {
  margin-right: 0;
}
.announcementFeedItem .announcementContent {
  word-wrap: break-word;
  word-break: break-word;
}
.announcementFeedItem .announcementContent .announcementTitle {
  padding: 0.35rem 0 0.35rem 0;
  color: #363636;
  font-weight: bold;
  font-size: 1.15rem;
}

/* Copyright 2024 Epic Systems Corporation */
@media print {
  .LearnMoreListItem {
    display: inline-flex;
    border: 1px solid #767676;
  }
}
.LearnMoreListItem[class] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  word-break: break-word;
  margin: 1rem 0;
}
.LearnMoreListItem[class]:is(:focus, :hover) {
  background-color: #f4ebed;
}

.LearnMoreListItem[class] .LearnMoreLink {
  color: #7a0019;
  font-size: 1rem;
  font-weight: bold;
  text-decoration: none;
}
.LearnMoreListItem[class] .LearnMoreLink::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.LearnMoreListItem[class] .linkIcon {
  fill: #767676;
}

.LearnMoreList {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  .LearnMoreList {
    width: 100%;
  }
}

.LettersList {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  margin-top: 15px;
  max-width: 1025px;
}
@media screen {
  .LettersList ._ListElement:not(:last-child)::after {
    content: "";
    display: block;
    width: auto;
    height: 1px;
    background-color: #dbdbdb;
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
.LettersList .LettersListElement {
  display: block;
  padding: 0.75rem 2rem;
  color: #000000;
  word-break: break-word;
}
@media print {
  .LettersList .LettersListElement {
    border: 1px solid #767676;
    margin-bottom: -1px;
  }
}
.LettersList .LettersListElement.unviewed {
  font-weight: bold;
}
.LettersList .LettersListElement.unviewed .ltrDate {
  position: relative;
}
.LettersList .LettersListElement.unviewed .ltrDate::before {
  content: "";
  height: 0.6rem;
  width: 0.6rem;
  display: block;
  border-radius: 1rem;
  background-color: #005ebb;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -1.25rem;
}
.LettersList .LettersListElement:is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.LettersList .LettersListElement .SenderInfo {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.LettersList .LettersListElement .ltrReason {
  color: #363636;
}
.LettersList .LettersListElement ._readOnlyText._Text:not(:only-child) {
  margin: 0;
}
@media (min-width: 769px) {
  .LettersList .LettersListElement .dateAndSender {
    display: flex;
    align-items: center;
    width: 50%;
  }
  .LettersList .LettersListElement .dateAndSender .ltrDate {
    width: 40%;
  }
  .LettersList .LettersListElement .dateAndSender .SenderInfo {
    width: 60%;
    margin-top: 0;
  }
}
@media (min-width: 426px) {
  .LettersList .LettersListElement .ltrInfo {
    display: flex;
    align-items: center;
    column-gap: 1rem;
  }
  .LettersList .LettersListElement .dateAndSender {
    width: 50%;
  }
  .LettersList .LettersListElement .SenderInfo {
    margin-bottom: 0;
  }
  .LettersList .LettersListElement .ltrReason {
    width: 40%;
  }
}
.LettersList .LetterDeptPhoto {
  border-radius: 50%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  object-fit: cover;
  border: 1px solid #cccccc;
  color: #7a0019;
}
.LettersList .ClinicianPhoto, .LettersList .LetterDeptPhoto {
  height: 2.5rem;
  width: 2.5rem;
  min-height: 2.5rem;
  min-width: 2.5rem;
  margin-right: 0.5rem;
}
@media screen and (max-width: 250px) {
  .LettersList .ClinicianPhoto, .LettersList .LetterDeptPhoto {
    display: none;
  }
}
@media print {
  .LettersList .ClinicianPhoto {
    width: 2.5rem !important;
  }
}

.mobile .Letters ._PageTitle {
  display: none;
}

@media print {
  .LetterDetails ._PageTitle {
    display: none;
  }
}
.LetterDetails .documentPage {
  background-color: #ffffff;
  margin: 1rem auto;
  box-shadow: 3px 2px 8px -1px rgba(0, 0, 0, 0.2);
  max-width: 9in;
  position: relative;
}
.LetterDetails .documentPage .printButton {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 35px;
  height: 35px;
  background-color: transparent;
  color: #7a0019;
  box-shadow: none;
}
.LetterDetails .documentPage .printButton:hover,
.tvmode .LetterDetails .documentPage .printButton:is(:hover, :focus) {
  text-decoration: underline;
}

.LetterDetails .documentPage .printButton:active {
  box-shadow: inset 0 0 0 2px currentColor;
  transform: none;
  background-color: rgba(122, 0, 25, 0.1);
}
.darkmode .LetterDetails .documentPage .printButton {
  color: #bd808c;
  background-color: rgba(0, 0, 0, 0.3);/* #FF000000 */;
}

@media print {
  .LetterDetails .documentPage .printButton {
    display: none;
  }
}
.LetterDetails .LetterBody {
  padding-left: 34.666px;
  padding-right: 34.666px;
  padding-top: 60.666px;
  padding-bottom: 34.666px;
  margin: 0px 0px !important;
  width: 100%;
  word-break: break-word;
  line-height: normal;
}
@media print {
  .LetterDetails .LetterBody {
    padding-top: 34.666px;
  }
}
.LetterDetails .LetterBody input[type=checkbox] {
  border-color: #565656;
  display: inline-block !important;
  -webkit-appearance: none !important;
}
.LetterDetails .LetterBody input[type=checkbox]:checked {
  background-image: url("../../images/checkbox_checked.svg") !important;
  background-size: 16px 16px !important;
  background-position: center !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
@media print {
  .LetterDetails .LetterBody input[type=checkbox] {
    border: unset;
    outline: 1px solid #565656;
    outline-offset: -1px;
  }
}
.mobile .LetterDetails .printButton, .mobile .LetterDetails ._PageTitle {
  display: none;
}

@charset "UTF-8";
/* Copyright 2024 Epic Systems Corporation */
.AboutUsSection .locationBlurb ul li, .AboutUsSection .locationBlurb ol li {
  margin-left: 1.2rem;
}
.AboutUsSection .locationBlurb ul li {
  list-style-type: disc;
}
.AboutUsSection .locationBlurb blockquote {
  background-color: #f2e6e8;
  border-radius: 8px;
  padding: 0.5rem 1.4rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-style: italic;
  position: relative;
}
.AboutUsSection .locationBlurb blockquote:first-child {
  margin-top: 0.5rem;
}
.AboutUsSection .locationBlurb blockquote::before {
  content: "“";
  position: absolute;
  top: 0.5rem;
  left: 0.1rem;
  font-size: 2.5rem;
  color: #7a0019;
  opacity: 0.5;
}
.AboutUsSection .locationBlurb blockquote::after {
  content: "”";
  position: absolute;
  bottom: -0.5rem;
  right: 0.5rem;
  font-size: 2.5rem;
  color: #7a0019;
  opacity: 0.5;
}
.AboutUsSection .locationBlurb p:last-of-type {
  margin-bottom: 0.5rem;
}
.AboutUsSection .locationBlurb p:last-child {
  margin-bottom: 0;
}

.LocationBio .BodySection {
  margin-top: 0.75rem;
}
.LocationBio .BodySection .cardHeader {
  padding-top: 0;
}
.LocationBio .BodySection .cardSection {
  margin-bottom: 0.75rem;
  padding: 0.75rem;
}
.LocationBio .BodySection .bodyOverviewHoursOfOp {
  display: flex;
  flex-direction: column;
}
.LocationBio .BodySection .iconHoursOfOperation > ._Icon {
  margin-right: 0.2rem;
}
@media screen and (min-width: 769px) {
  .LocationBio .BodySection {
    padding-right: 5.5rem;
    padding-left: 5.5rem;
  }
  .LocationBio .BodySection .bodyOverviewHoursOfOp {
    flex-direction: row;
  }
  .LocationBio .BodySection .bodyOverviewHoursOfOp.hasMultipleSection .HoursOfOperation {
    margin-left: 0.5rem;
  }
}

.DrivingDirections {
  display: flex;
  align-items: center;
}
.DrivingDirections ._Icon {
  margin-right: 0.1rem;
  flex-shrink: 0;
}

.LocationBio .HeaderInfo {
  padding: 0rem 1.25rem 0rem 1.25rem;
}
.LocationBio .HeaderInfo .callToAction {
  width: 100%;
  margin-bottom: 0.5rem;
}
.LocationBio .HeaderInfo .headingSchedulingInfo .pageHeading {
  text-align: center;
  overflow-wrap: break-word;
  font-size: 1.9rem;
  font-weight: bold;
}
.LocationBio .HeaderInfo .LocationWaitInfo > ._Icon {
  margin-right: 0.2rem;
}
@media screen and (min-width: 769px) {
  .LocationBio .HeaderInfo {
    padding: 0;
  }
  .LocationBio .HeaderInfo .headingSchedulingInfo {
    padding-right: 0.75rem;
  }
  .LocationBio .HeaderInfo .headingSchedulingInfo .pageHeading {
    text-align: left;
    padding-bottom: 0rem;
  }
  .LocationBio .HeaderInfo .schedulingInfo {
    margin-top: 1.25rem;
  }
  .LocationBio .HeaderInfo .callToAction {
    width: 15rem;
  }
}

.LocationBio .HeaderSection {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  padding: 1.25rem 1.25rem 0.75rem 1.5rem;
  background-color: rgba(122, 0, 25, 0.05);
}
@media screen and (max-width: 768px) {
  .LocationBio .HeaderSection {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .LocationBio .HeaderSection {
    margin-left: 0;
    width: 100%;
  }
}
.LocationBio .HeaderSection .headerContent {
  padding: 0 5.5rem 0 5.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14.5rem), 1fr));
}
@media screen and (max-width: 768px) {
  .LocationBio .HeaderSection {
    padding: 0;
  }
  .LocationBio .HeaderSection .backLink {
    padding: 0.65rem 0 0.5rem 1.25rem;
    margin-bottom: 0px;
  }
  .LocationBio .HeaderSection .backLink ._Link {
    padding: 0.2rem 0.4rem;
  }
  .LocationBio .HeaderSection .headerContent {
    padding: 0;
    display: flex;
    flex-direction: column-reverse;
  }
  .LocationBio .HeaderSection.hasPhoto .backLink {
    position: relative;
    z-index: 1;
    top: 0.75rem;
    margin-bottom: -34px;
    padding: 0 0 0.5rem 1.25rem;
  }
  .LocationBio .HeaderSection.hasPhoto .backLink > ._Link {
    background-color: #ffffff;
    border-radius: 0.25rem;
    padding: 0.2rem 0.4rem;
  }
}

.HoursOfOperation {
  word-break: break-word;
}
.HoursOfOperation ._ListElement {
  padding-bottom: 0.35rem;
}
.HoursOfOperation mark {
  background-color: unset;
  color: unset;
}

.HoursStatusOpen {
  color: #0f784a;
}

.HoursStatusClosed {
  color: #d80000;
}

.HoursStatusClosingSoon {
  color: #a66600;
}

.LocationAddress {
  display: flex;
}
.LocationAddress > ._Icon {
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.LocationAddress.detailed .locationAddressLine._readOnlyText {
  margin-bottom: 0rem;
  margin-top: 0rem;
}
.LocationAddress.compact > ._Icon {
  align-self: flex-start;
}
.LocationAddress.compact > ._Segment {
  padding-top: 0.1rem;
}

.LocationPhoneNumber > ._Icon {
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.LocationPhoneNumber > ._TelephoneLink {
  display: flex;
  align-items: center;
}

.LocationPhoto {
  width: 99%;
  border-radius: 6px;
  height: 15rem;
  object-fit: cover;
}
@media screen and (max-width: 768px) {
  .LocationPhoto {
    width: 100%;
  }
}

.LocationWaitInfo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.LocationWaitInfo > ._Icon {
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.LocationWaitInfo > ._Text {
  width: unset;
}
@media screen and (min-width: 769px) {
  .LocationWaitInfo {
    justify-content: flex-start;
  }
}

.LocationBio .OverviewSection {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
}
.LocationBio .OverviewSection .LocationAddress > ._Icon {
  margin-right: 0.2rem;
}
.LocationBio .OverviewSection .LocationPhoneNumber > ._Icon {
  margin-right: 0.2rem;
}
.LocationBio .OverviewSection .LocationPhoneNumber.locationPhone {
  margin-top: 1.25rem;
}

.OperationEntry {
  display: grid;
  grid-template-columns: 1fr 2fr;
}
.OperationEntry .now {
  font-weight: 800;
}
.OperationEntry .now.alwaysOpen {
  font-weight: 800;
  margin-left: 0rem;
  color: #0f784a;
}
@media screen and (max-width: 768px) {
  .OperationEntry {
    grid-template-columns: 0.5fr 1fr;
  }
}

.TimeRanges .noHoursOfOperationForToday {
  font-weight: 800;
  margin-left: 0rem;
  color: #d80000;
}
.TimeRanges .currentlyOpen {
  font-weight: 800;
  margin-left: 0.25rem;
  color: #0f784a;
}
.TimeRanges .closingSoon {
  font-weight: 800;
  margin-left: 0.25rem;
  color: #a66600;
}
.TimeRanges .currentlyClosed {
  font-weight: 800;
  margin-left: 0.25rem;
  color: #d80000;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.drawerContent .transparencyDisclaimer {
  padding-top: 0.25rem;
  color: black;
}
.drawerContent .transparencyContainer {
  display: flex;
}
.drawerContent .transparencyIcon {
  color: #7a0019;
  flex-shrink: 0;
}
.drawerContent .selectionOption {
  container-type: inline-size;
}
.drawerContent .selectionOption .oocContainer {
  position: relative;
  padding-left: 3rem;
}
.drawerContent .selectionOption .oocContainer .oocIcon {
  float: left;
  color: #565656;
}
.drawerContent .selectionOption .oocContainer .subtext {
  margin-left: 0rem;
}
.drawerContent .selectionOption .oocContainer .truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@container (max-width: 10em) {
  .drawerContent .selectionOption .oocContainer {
    padding-left: 0;
    margin-top: 0.5rem;
  }
}

.Drawer {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #ffffff;
  bottom: 0;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  height: 60%;
  min-height: 500px;
  width: 25rem;
  position: fixed;
  right: 3%;
  min-width: 27.5%;
  max-width: 100%;
  z-index: 1001;
}
.Drawer.fullscreen {
  bottom: 20%;
  width: 50%;
  right: 25%;
}
@media only screen and (max-width: 1300px) and (min-width: 769px) {
  .Drawer.fullscreen {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    min-width: 0;
  }
  .mobile .Drawer.fullscreen {
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .mobile .Drawer.fullscreen .titleBar {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .Drawer.fullscreen .titleBar {
    border-radius: 0;
  }
  .Drawer.fullscreen .titleBarActions ._command:first-child {
    border-radius: 0;
  }
  .Drawer.fullscreen .titleBarActions ._command:last-child {
    border-radius: 0;
  }
}
.Drawer.collapsed {
  box-shadow: none;
  display: block;
  min-height: 0;
  height: auto;
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .Drawer.collapsed {
    display: none;
  }
}
.Drawer .titleBar {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #7a0019;
  color: #ffffff;
  height: 2.5rem;
}
.Drawer .titleBar .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.25em;
  line-height: 2.5rem;
  margin: 0;
  padding: 0 0.7rem;
}
.Drawer .titleBarActions {
  align-items: center;
  display: flex;
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: 0;
}
.Drawer .titleBarActions > ._command:first-child {
  border-top-left-radius: 0.5rem;
  padding-left: 0.7rem;
}
.Drawer .titleBarActions > ._command:last-child {
  border-top-right-radius: 0.5rem;
  padding-right: 0.7rem;
}
.Drawer .titleBarActions ._command {
  align-items: center;
  border: 2px solid transparent;
  border-radius: 0;
  color: #ffffff;
  display: flex;
  flex: 0 0 auto;
  height: 2.5rem;
  margin: 0;
  padding: 0.25rem;
}
.Drawer .titleBarActions ._command:focus {
  border-color: #cccccc;
}

@media (hover: hover) {
  .Drawer .titleBarActions ._command:hover,
  .tvmode .Drawer .titleBarActions ._command:is(:hover, :focus) {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.mobile .Drawer .titleBarActions ._command[class] {
  display: flex;
  padding: 0.25rem;
}
.Drawer .titleBarActions ._command.hasLabel {
  width: auto;
}
.Drawer .titleBarActions ._command.hasLabel > span {
  font-size: 1.125rem;
  padding-left: 0.25rem;
}
@media only screen and (max-width: 400px) {
  .Drawer .titleBarActions ._command.hasLabel > span {
    display: none;
  }
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .Drawer .titleBarActions ._command.toggleDrawer {
    display: none;
  }
  .mobile .Drawer .titleBarActions ._command[class] {
    display: none;
  }
}
.Drawer .titleBarActions .fullscreenButton {
  display: flex;
  flex: 0 0 auto;
  width: auto;
}
.Drawer .titleBarActions * {
  min-width: 0;
}
.Drawer .drawerContent {
  background-color: #f4ebed;
  height: calc(100% - 2.5rem);
  overflow-y: visible;
  position: relative;
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .mobile .Drawer .drawerContent {
    height: 100%;
  }
  .datatile .Drawer .drawerContent {
    height: auto;
  }
}
.Drawer .drawerContent .stepTitle:first-child {
  padding-top: 0;
}
.Drawer .drawerContent .stepTitle:focus {
  outline: none;
}
.Drawer .drawerContent .workflowStep {
  height: 100%;
  padding: 0.75rem;
  overflow-y: auto;
}
.datatile .Drawer .drawerContent .workflowStep {
  height: auto;
}
.datatile .Drawer.expanded {
  height: 100%;
  width: 100%;
  border-radius: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 0;
  min-width: 0;
  overflow-y: visible;
  top: 0;
  bottom: unset;
}
.datatile .Drawer.expanded .titleBar {
  border-radius: 0;
}
.datatile .Drawer.expanded .titleBarActions ._command:first-child {
  border-radius: 0;
}
.datatile .Drawer.expanded .titleBarActions ._command:last-child {
  border-radius: 0;
}
.datatile .Drawer.expanded .titleBar .toggleDrawer {
  display: none;
}
.datatile .Drawer.expanded .drawerContent {
  height: auto;
}
@media only screen and (max-width: 1300px) {
  .Drawer {
    right: 0;
    min-width: 35%;
  }
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .Drawer.expanded {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    min-width: 0;
  }
  .Drawer.expanded .titleBar {
    border-radius: 0;
  }
  .Drawer.expanded .titleBarActions ._command:first-child {
    border-radius: 0;
  }
  .Drawer.expanded .titleBarActions ._command:last-child {
    border-radius: 0;
  }
  .mobile .Drawer.expanded .titleBar {
    display: none;
  }
  .Drawer.expanded .titleBar .toggleDrawer {
    display: none;
  }
}

/* Copyright 2020-2024 Epic Systems Corporation */
.MedicationCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: inline-block;
  position: relative;
  vertical-align: top;
  word-break: break-word;
}

.NonRefillBadgeContainer {
  margin: 10px 15px 20px;
  width: fit-content;
}

.MedicationHeader {
  border: 1px solid #dbdbdb;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.MedicationHeader.refillable {
  cursor: pointer;
}
.MedicationHeader.refillable .HeaderLabel::before {
  background-color: #ffffff;
  content: "";
  display: inline-block;
  position: relative;
  text-indent: 0;
  vertical-align: top;
  height: 1em;
  height: clamp(16px, 0.75em, 0.5in);
  width: 1em;
  width: clamp(16px, 0.75em, 0.5in);
  background-attachment: scroll;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  flex-shrink: 0;
  margin-top: 0;
  margin-right: 0.5rem;
  top: max(0px, 0.5 * (1lh - clamp(16px, 0.75em, 0.5in)) - 1px);
}
.MedicationHeader.refillable .CheckboxElement:checked + .HeaderLabel::before {
  background-color: #2d96ff;
  border-color: #2d96ff;
  background-image: url("../../images/prettycheck.svg");
  background-size: contain;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.MedicationHeader.refillable .CheckboxElement:disabled + .HeaderLabel::before {
  background-color: #eaeaea;
  border-color: #dbdbdb;
}
.MedicationHeader.refillable .CheckboxElement:disabled:checked + .HeaderLabel::before {
  background-color: #f2f2f2;
  background-image: url("../../images/prettycheck_disabled.svg");
}
.MedicationHeader.refillable .HeaderLabel {
  width: 100%;
  display: flex;
  cursor: inherit;
  padding: 15px;
}
.MedicationHeader.refillable .HeaderLabel::before {
  border: 1px solid #767676;
}
@media (hover: hover) and (pointer: fine) {
  .MedicationHeader.refillable:hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid #7a0019;
    border-radius: 6px;
    pointer-events: none;
  }
}
.MedicationHeader.refillable.selected::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 2px solid #7a0019;
  border-radius: 6px;
  pointer-events: none;
}
.MedicationHeader.refillable:focus-within .HeaderLabel {
  outline: none;
}
.MedicationHeader.refillable:focus-within:has(.CheckboxElement:focus-visible) .HeaderLabel {
  outline: auto;
  outline-offset: 9px;
}
.MedicationHeader.refillable .CheckboxElement:checked + .HeaderLabel::before {
  background-color: #2d96ff;
  border-color: #2d96ff;
  background-image: url("../../images/prettycheck.svg");
  background-size: contain;
}
@media print {
  .MedicationHeader.refillable .CheckboxElement:checked + .HeaderLabel::before {
    background-color: #000000 !important;
    background-image: url("../../images/prettycheck.svg") !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}
.MedicationHeader.refillable.selected .MedTitleText {
  font-weight: bold;
}
.MedicationHeader.nonrefillable {
  width: 100%;
  display: flex;
  padding-top: 5px;
  border: 0;
}
.MedicationHeader.nonrefillable .HeaderTextContainer {
  margin: 5px 0px 0px 20px;
}

.CheckboxElement {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  font-size: 0;
  margin: 0;
}

.HeaderTextContainer {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .HeaderTextContainer {
    flex-direction: column;
    gap: 5px;
  }
  .HeaderTextContainer .FillCostContainer {
    align-items: flex-start;
  }
}

.ProxyInformation {
  display: flex;
  margin-left: -5px;
  max-width: fit-content;
}

.EyeCrossedOutIcon {
  width: 30px;
  height: 40px;
  min-width: 30px;
  min-height: 40px;
}

.ProxyText {
  padding-top: 12px;
  font-size: 0.9rem;
  color: #363636;
}

.DetailsSectionButton {
  border: 1px solid #dbdbdb;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.DetailsSectionButton .disclosureButton {
  padding: 0.7rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .DetailsSectionButton .disclosureButton {
    padding: 0.7rem 0rem;
  }
}

.DetailsSection {
  display: flex;
  flex-direction: column;
  max-width: inherit;
  padding: 5px 0 25px;
}

.DetailsTextContainer {
  display: flex;
  font-size: 0.9rem;
  padding: 0 43px;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 75px;
}
@media screen and (max-width: 768px) {
  .DetailsTextContainer {
    flex-direction: column;
    gap: 15px;
  }
}
.DetailsTextContainer ._Text, .DetailsTextContainer ._readOnlyText {
  margin: 0 !important;
}

.DetailsSubheaderText {
  font-weight: bold;
  color: #363636;
  padding-bottom: 2px;
}

.RefillDetails {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .RefillDetails {
    flex-basis: 100%;
  }
}

.PrescriptionDetails {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .PrescriptionDetails {
    flex-basis: 100%;
  }
}

.PharmacyDetails {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .PharmacyDetails {
    flex-basis: 100%;
  }
}

.MedTitleText,
.CommonNameSubtext {
  white-space: normal;
}
@media screen and (max-width: 768px) {
  .MedTitleText,
  .CommonNameSubtext {
    text-wrap: inherit;
  }
}

.MedTitleText {
  margin-right: 8px;
  margin-top: -2px;
  width: fit-content;
  padding: 0;
}

.CommonNameSubtext {
  font-size: 0.9rem;
  margin-top: 3px;
  height: fit-content;
  color: #363636;
}
@media screen and (max-width: 768px) {
  .CommonNameSubtext {
    margin-top: -2px;
  }
}

.FillCostContainer {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: end;
  width: fit-content;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .FillCostContainer {
    text-align: start;
    width: inherit;
    padding: 5px 0px 5px;
  }
}

.FillCostSubtext {
  font-size: 0.9rem;
  color: #363636;
}

.MedCostDisclaimer {
  font-size: 0.8rem;
  font-style: italic;
  color: #363636;
}

/* Copyright 2024 Epic Systems Corporation */
.MedicationEntry .MedicationsFooter ._StickyRegion ._CommandGroup, .MedicationEntry.MedicationEntry ._StickyRegion ._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .MedicationEntry .MedicationsFooter ._StickyRegion ._CommandGroup, .MedicationEntry.MedicationEntry ._StickyRegion ._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .MedicationEntry .MedicationsFooter ._StickyRegion ._CommandGroup ._Command, .MedicationEntry.MedicationEntry ._StickyRegion ._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .MedicationEntry .MedicationsFooter ._StickyRegion ._CommandGroup ._Command:first-child, .MedicationEntry.MedicationEntry ._StickyRegion ._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.MedicationEntry .DoseSelect {
  margin: 0;
}
.MedicationEntry .DoseSelect .inlineInputs {
  display: grid;
  grid-template-columns: min-content 1fr;
  gap: 0.25rem;
  grid-template-areas: "flex fit";
}
.MedicationEntry .DoseSelect .inlineInputs .inputFlex {
  grid-area: flex;
  min-width: 12rem;
}
.MedicationEntry .DoseSelect .inlineInputs .inputFit {
  grid-area: fit;
}
.MedicationEntry .DoseSelect .hideLegend legend {
  display: none;
}
.MedicationEntry .medFormOptions {
  margin: 0;
}
.MedicationEntry .entryCardTitle {
  padding-top: 0.25rem;
}
.MedicationEntry .helpText {
  color: #565656;
  font-size: 0.8888888889rem;
}
.MedicationEntry .otherDetails {
  display: flex;
  flex-wrap: wrap;
}
.MedicationEntry .otherDetails .addOther[class][class][class] {
  padding-top: 0;
  margin-top: 0;
}
.MedicationEntry ._TextEntry {
  width: 100%;
}
.MedicationEntry .required label::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url("../images/required_asterisk.png") scroll no-repeat transparent 0 0/0.4rem 0.4rem;
  margin: 0.15rem 0.15rem 0 0;
  height: 0.4rem;
  width: 0.4rem;
}
.MedicationEntry .required label::before {
  background-image: url(../../images/required_asterisk.png);
}

.MedicationListPage .Medication.ReconciledClinicalUpdateCard .contentLine:last-child {
  margin-bottom: 1rem;
}
.MedicationListPage .Medication .MedicationContent {
  display: grid;
  grid-template-columns: auto 1fr;
  overflow-wrap: anywhere;
  min-width: 0;
  width: auto;
}
.MedicationListPage .Medication .MedicationContent .helpText, .MedicationListPage .Medication .MedicationContent .MedicationProxyInformation {
  color: #565656;
  font-size: 0.8888888889rem;
}
.MedicationListPage .Medication .MedicationContent .formIconRegion {
  margin-right: 0.25rem;
  margin-top: 0.25rem;
  width: 1.385rem;
  height: 1.385rem;
}
.MedicationListPage .Medication .MedicationContent .formIconRegion .formIcon {
  width: 1.385rem;
  height: 1.385rem;
}
.MedicationListPage .Medication .MedicationContent:has(.commonName) .valueTitle {
  margin-bottom: 0;
}
.MedicationListPage .Medication .MedicationContent .valueTitle {
  min-width: 0;
  padding-top: 0.25rem;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
.MedicationListPage .Medication .MedicationContent .MedicationProxyInformation {
  margin: 0.5rem 0;
}
.MedicationListPage .Medication .MedicationContent .MedicationProxyInformation:first-of-type {
  margin-top: 0;
}
.MedicationListPage .Medication .MedicationContent .MedicationProxyInformation:last-of-type {
  margin-bottom: 0;
}
.MedicationListPage .Medication .MedicationContent .MedicationProxyInformation:empty {
  margin: 0;
}
.MedicationListPage .Medication .MedicationContent .MedicationProxyInformation svg {
  vertical-align: middle;
}
.MedicationListPage .Medication .MedicationContent .MedicationWarnings .bannerText {
  color: #565656;
  font-size: 0.8888888889rem;
  line-height: inherit;
}
.MedicationListPage .Medication .MedicationContent .MedicationSigDisplay .rtl {
  direction: rtl;
}
.MedicationListPage .Medication .MedicationContent .MedicationComment .ellipsis {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  grid-template-areas: "commentIcon text";
}
.MedicationListPage .Medication .MedicationContent .MedicationComment .ellipsis .subtleColor {
  grid-area: text;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #565656;
  font-size: 0.8888888889rem;
}
.MedicationListPage .Medication .MedicationContent .MedicationComment .ellipsis svg {
  grid-area: commentIcon;
  vertical-align: middle;
}
.MedicationListPage .MedicationsFooter ._StickyRegion ._CommandGroup, .MedicationListPage.MedicationEntry ._StickyRegion ._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .MedicationListPage .MedicationsFooter ._StickyRegion ._CommandGroup, .MedicationListPage.MedicationEntry ._StickyRegion ._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .MedicationListPage .MedicationsFooter ._StickyRegion ._CommandGroup ._Command, .MedicationListPage.MedicationEntry ._StickyRegion ._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .MedicationListPage .MedicationsFooter ._StickyRegion ._CommandGroup ._Command:first-child, .MedicationListPage.MedicationEntry ._StickyRegion ._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.MedicationListPage .MedicationsAddCard {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
  width: 100%;
  height: 100%;
}
.MedicationListPage .MedicationsAddCard ._readOnlyText, .MedicationListPage .MedicationsAddCard ._Icon {
  text-decoration: none;
  color: #404d5b;
}
@media screen {
  .MedicationListPage .MedicationsAddCard ._readOnlyText:is(:focus, :hover), .MedicationListPage .MedicationsAddCard ._Icon:is(:focus, :hover) {
    color: #384450;
    text-decoration: underline;
  }
}

@media print {
  .MedicationListPage .MedicationsAddCard {
    display: none;
  }
}
.MedicationListPage .MedicationsAddCard.disabled {
  pointer-events: none;
  background-color: #eaeaea;
}
.MedicationListPage .MedicationsAddCard:focus, .MedicationListPage .MedicationsAddCard:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}

/* Copyright 2021-2024 Epic Systems Corporation */
.MobileDownload {
  overflow: hidden;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}
.MobileDownload .phoneImage {
  margin: 1rem auto 0px auto;
  display: block;
}
.MobileDownload .downloadTitle {
  text-align: center;
}
.MobileDownload .downloadDescription {
  text-align: center;
}
.MobileDownload .linkContainer {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-top: 0.5rem;
}
.MobileDownload .linkWrapper {
  flex: 1;
  min-width: 150px;
  max-width: 200px;
}

/* Copyright 2022-2023 Epic Systems Corporation */
.MPPPCaptured {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 90%;
  padding-top: 1rem;
}
@media screen and (max-width: 768px) {
  .MPPPCaptured {
    width: 100%;
  }
}
.MPPPCaptured .buttons {
  display: flex;
  flex-direction: column;
  margin: 0.5rem 0;
}
.MPPPCaptured .buttons .button {
  width: 75%;
  align-self: center;
}
.MPPPCaptured .nonscrollableterms {
  height: fit-content;
  padding: 0.5rem;
  overflow-y: unset;
  border: 1px solid #cccccc;
  margin: 0.5rem 0 1rem 0;
}
.MPPPCaptured .horizontalButtons {
  justify-content: center;
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.MPPPCaptured .horizontalButtons .horizontalButton {
  width: auto;
  align-self: center;
  margin: 0.2rem;
  width: 40%;
  min-width: min-content;
  flex: 1 1;
}
.MPPPCaptured .horizontalButtons .horizontalButton .buttonIcon {
  margin-right: 0.5rem;
}
.MPPPCaptured .textInput {
  width: 100%;
  min-width: fit-content;
  padding-right: 0.5rem;
}
.MPPPCaptured .address {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .MPPPCaptured .address {
    display: flex;
    flex-direction: column;
  }
}
.MPPPCaptured .centeredContent {
  margin: auto 0;
}
.MPPPCaptured .centeredIconWithText {
  margin: 1rem 0;
}
@media screen and (max-width: 768px) {
  .MPPPCaptured .centeredIconWithText {
    margin: 0;
  }
}
.MPPPCaptured .mainText {
  font-size: larger;
  margin-bottom: 0.2rem;
}
.MPPPCaptured .subText {
  margin-top: 0;
}
.MPPPCaptured .iconWithText {
  display: flex;
  flex-direction: row;
  padding-bottom: 1.25rem;
}
.MPPPCaptured .iconWithText .icon {
  margin-right: 0.5rem;
}

.FormInstructions {
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .FormInstructions {
  color: #000000;
}

/* Copyright 2024 Epic Systems Corporation */
.MPPPHub .MPPPHubHeader {
  text-align: left;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  position: relative;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}
@media screen and (max-width: 768px) {
  .MPPPHub .MPPPHubHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .MPPPHub .MPPPHubHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MPPPHub .MPPPHubHeader {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.MPPPHub .MPPPHubHeader .MPPPHubTitle ._PageTitle .titleGroup {
  flex: 1 1;
}
.MPPPHub .MPPPHubHeader .MPPPHubTitle ._PageTitle .actionGroup {
  align-self: start;
}
.MPPPHub .MPPPHubHeader .badge {
  padding-bottom: 0.75rem;
}
.MPPPHub .MPPPHubHeader ._Text {
  margin: 0;
  overflow-wrap: break-word;
}
.mobile .MPPPHub .MPPPHubHeader {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  max-width: unset;
  width: unset;
  margin-left: unset;
}
@media screen and (max-width: 768px) {
  .mobile .MPPPHub .MPPPHubHeader {
    padding-right: 16px;
    padding-left: 16px;
  }
}
.MPPPHub .MPPPHubHeader::before {
  content: "";
  position: absolute;
  left: -1.25rem;
  height: 100%;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  background: #f2e6e9;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .MPPPHub .MPPPHubHeader::before {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .MPPPHub .MPPPHubHeader::before {
    margin-left: 0;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .MPPPHub .MPPPHubHeader::before {
    left: -0.75rem;
  }
}
.MPPPHub .MPPPHubHeader .optOutAction {
  margin-right: 0.6rem;
}
.MPPPHub .MPPPHubHeader .optOutAction ._readOnlyText {
  margin-left: 0.2rem;
}
@media only screen and (max-width: 769px) {
  .MPPPHub .MPPPHubHeader .optOutAction ._readOnlyText {
    display: none;
  }
}
.MPPPHub .MPPPHubHeader .optOutAction::after {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #767676;
  content: "";
  vertical-align: middle;
  margin-left: 0.6rem;
  margin-right: -0.6rem;
  height: 21px;
}
.MPPPHub .MPPPHubHeader ._AdditionalActions:last-child .optOutAction {
  padding: inherit;
  margin: 0;
}
.MPPPHub .MPPPHubHeader ._AdditionalActions:last-child .optOutAction::after {
  border: none;
  margin: 0;
}

.MPPPCard[class][class][class] {
  max-width: 95%;
  margin: 0.25rem 0 1rem 0;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow-wrap: break-word;
}
@media screen and (max-width: 1300px) {
  .MPPPCard[class][class][class] {
    min-width: inherit;
    max-width: inherit;
  }
}
.MPPPCard[class][class][class] .cardTitleWIcon[class][class] {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0;
  margin: 0;
}
.MPPPCard[class][class][class] .cardTitleWIcon[class][class] .cardIcon {
  margin: 0 0.25rem;
}
.MPPPCard[class][class][class] .cardTitleWIcon[class][class] .sectionTitle {
  max-width: 100%;
  overflow-wrap: break-word;
  padding-top: 0.5rem;
}
.MPPPCard[class][class][class] .cardTitleWIcon[class][class] .cardTitle {
  padding: 0 0.75rem 0 0.25rem;
  min-width: 0;
  margin-bottom: 0.25rem;
}
.MPPPCard[class][class][class] .cardBody {
  margin-left: 0.5rem;
  padding-right: 0.75rem;
}
.MPPPCard[class][class][class] .infoText {
  margin: 0.25rem 0rem;
}
.MPPPCard[class][class][class] .questionText {
  margin: 0.5rem 0 0 0;
}
.MPPPCard[class][class][class] .confirmationText {
  margin: 0.75rem 0 0.5rem 0;
}
.MPPPCard[class][class][class] .confirmationText .subtleLabelText[class][class] {
  font-size: 0.8888888889rem;
  color: #767676;
  margin: 0;
}
[data-altstylesheet="High Contrast"] .MPPPCard[class][class][class] .confirmationText .subtleLabelText[class][class] {
  color: #000000;
}

.MPPPCard[class][class][class] .confirmationText .valueText {
  margin-top: 0rem;
}

.MPPPHubBody {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: flex-start;
}
@media screen and (max-width: 1300px) {
  .MPPPHubBody {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
}

.ZeroStateBody {
  display: flex;
}

/* Copyright 2022-2024 Epic Systems Corporation */
.SignupBanner {
  display: flex;
  min-height: 0;
}
.SignupBanner.boundary-strong {
  padding: 0;
}
.SignupBanner .signupCardIcon {
  width: 6rem;
  height: unset;
  border-radius: 6px;
}
.SignupBanner .signupMainContent {
  word-wrap: break-word;
  word-break: break-word;
  display: grid;
  grid-template-columns: auto fit-content(30%);
  grid-template-areas: "title title" "text button";
  grid-gap: 0.5rem;
  padding: 0.5rem;
}
.SignupBanner .signupCardTitle {
  grid-area: title;
  padding-top: 0.5rem;
  padding-bottom: 0;
}
.SignupBanner .signupCardText {
  grid-area: text;
  padding-bottom: 0.5rem;
}
.SignupBanner .signupButton {
  grid-area: button;
  width: fit-content;
}
.SignupBanner .signupButton[class] {
  margin: auto;
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .SignupBanner {
    flex-direction: column;
  }
  .SignupBanner .signupCardIcon {
    width: unset;
  }
  .SignupBanner .signupMainContent {
    grid-template-columns: auto;
    grid-template-areas: "title" "text" "button";
  }
  .SignupBanner .signupCardTitle, .SignupBanner .signupCardText {
    text-align: center;
  }
}
@media print {
  .SignupBanner .signupCardIcon {
    display: none;
  }
}

/* Copyright 2020-2021 Epic Systems Corporation */
.drawerContent .SelectionList {
  margin-top: 0.5rem;
}
.drawerContent .SelectionList li:not(:last-child) {
  margin-bottom: 0.65rem;
}
.drawerContent .selectionOption {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff calc(100% - 10px) center/0.75rem 0.75rem no-repeat;
  margin: 0;
  padding: 0.5rem;
  padding-right: 2rem;
  position: relative;
  width: 100%;
  text-align: left;
  container-type: inline-size;
  text-size-adjust: none;
}
.drawerContent .selectionOption .leftImage {
  float: left;
  margin-left: 0.4rem;
  margin-top: 0.25rem;
}
.drawerContent .selectionOption .displayName,
.drawerContent .selectionOption .subtext {
  display: block;
  margin-left: 3rem;
  word-wrap: break-word;
}
.drawerContent .selectionOption .displayName:not(:last-child),
.drawerContent .selectionOption .subtext:not(:last-child) {
  margin-bottom: 0.1rem;
}
.drawerContent .selectionOption .subject {
  color: #363636;
  display: inline;
}
.drawerContent .selectionOption .displayName {
  color: #363636;
}
@container (max-width: 10em) {
  .drawerContent .selectionOption .displayName {
    margin-left: 1.75rem;
  }
}
.drawerContent .selectionOption .subtext {
  color: #565656;
  font-size: 0.8rem;
  line-height: 1rem;
}
@container (max-width: 10em) {
  .drawerContent .selectionOption .subtext {
    margin-left: 0rem;
    margin-top: 0.5rem;
  }
}
.drawerContent .selectionOption.titleOnly .displayName,
.drawerContent .selectionOption.titleOnly .subtext {
  margin-left: 0.5rem;
}
.drawerContent .selectionOption .firstLine {
  flex-wrap: wrap;
}
.drawerContent .selectionOption .firstLine .timestamp {
  margin-left: 0.5rem;
}
.drawerContent .selectionOption:is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.drawerContent .selectionOption.Topic .leftImage {
  margin-left: 0rem;
  margin-top: 0.25rem;
  height: 2.5rem;
  width: 2.5rem;
}
@container (max-width: 10em) {
  .drawerContent .selectionOption.Topic .leftImage {
    margin-top: 0rem;
    height: 1.5rem;
    width: 1.5rem;
  }
}
.drawerContent .selectionOption.NewConversation {
  margin-top: 0.5rem;
}
.drawerContent .selectionOption.NewConversation .leftImage {
  margin-left: 0rem;
  margin-top: 0.25rem;
  height: 2.5rem;
  width: 2.5rem;
}
.drawerContent .selectionOption .arrowIcon {
  fill: #767676;
  position: absolute;
  right: 1rem;
  top: calc(0.5rem + 50% - 16px);
}
.drawerContent .selectionOption.Organization {
  align-items: center;
  display: flex;
}
.drawerContent .selectionOption.Organization .organizationLogo {
  border: 2px solid #cccccc;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 2.5rem;
  margin-top: 0;
  overflow: hidden;
  width: 2.5rem;
}
@container (max-width: 10em) {
  .drawerContent .selectionOption.Organization .organizationLogo {
    height: 1.5rem;
    width: 1.5rem;
  }
}
.drawerContent .selectionOption.Organization .displayName {
  line-height: 1.25rem;
  margin-left: 0.5rem;
  word-break: break-word;
}
.drawerContent .selectionOption.Organization .arrowIcon {
  flex: 0 0 auto;
}

.Drawer .asyncInFlight {
  height: 100%;
}
.Drawer .drawerContent .workflowStep.DisclaimerStep {
  padding-bottom: 0em;
  padding-right: 0em;
}

.datatile .Drawer[role=dialog].expanded {
  overflow-y: auto;
}

.DisclaimerStep {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.DisclaimerStep[class] .disclaimerNextButton {
  margin: 0 0 0 auto;
}
.DisclaimerStep .stepTitle, .DisclaimerStep .StickyFooter {
  flex: 0 0 auto;
}
.DisclaimerStep .disclaimerText {
  flex: 1;
  overflow: auto;
  overflow-wrap: anywhere;
}
.DisclaimerStep .StickyFooter {
  bottom: 0;
  padding-top: 0.25rem;
  padding-bottom: 0.75rem;
  padding-right: 0.75rem;
  position: sticky;
}

.Drawer {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #ffffff;
  bottom: 0;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
  height: 60%;
  min-height: 500px;
  width: 25rem;
  position: fixed;
  right: 3%;
  min-width: 27.5%;
  max-width: 100%;
  z-index: 1001;
}
.Drawer.fullscreen {
  bottom: 20%;
  width: 50%;
  right: 25%;
}
@media only screen and (max-width: 1300px) and (min-width: 769px) {
  .Drawer.fullscreen {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    min-width: 0;
  }
  .mobile .Drawer.fullscreen {
    height: calc(100% - 2rem);
    width: calc(100% - 2rem);
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .mobile .Drawer.fullscreen .titleBar {
    border-radius: 0.5rem 0.5rem 0 0;
  }
  .Drawer.fullscreen .titleBar {
    border-radius: 0;
  }
  .Drawer.fullscreen .titleBarActions ._command:first-child {
    border-radius: 0;
  }
  .Drawer.fullscreen .titleBarActions ._command:last-child {
    border-radius: 0;
  }
}
.Drawer.collapsed {
  box-shadow: none;
  display: block;
  min-height: 0;
  height: auto;
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .Drawer.collapsed {
    display: none;
  }
}
.Drawer .titleBar {
  border-radius: 0.5rem 0.5rem 0 0;
  background-color: #7a0019;
  color: #ffffff;
  height: 2.5rem;
}
.Drawer .titleBar .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.25em;
  line-height: 2.5rem;
  margin: 0;
  padding: 0 0.7rem;
  width: 100%;
}
.Drawer .titleBarActions {
  align-items: center;
  display: flex;
  height: 2.5rem;
  left: 0;
  position: absolute;
  top: 0;
}
.Drawer .titleBarActions > ._command:first-child {
  border-top-left-radius: 0.5rem;
  padding-left: 0.7rem;
}
.Drawer .titleBarActions > ._command:last-child {
  border-top-right-radius: 0.5rem;
  padding-right: 0.7rem;
}
.Drawer .titleBarActions ._command {
  align-items: center;
  border: 2px solid transparent;
  border-radius: 0;
  color: #ffffff;
  display: flex;
  flex: 0 0 auto;
  height: 2.5rem;
  margin: 0;
  padding: 0.25rem;
}
.Drawer .titleBarActions ._command:focus {
  border-color: #cccccc;
}

@media (hover: hover) {
  .Drawer .titleBarActions ._command:hover,
  .tvmode .Drawer .titleBarActions ._command:is(:hover, :focus) {
    background-color: rgba(0, 0, 0, 0.4);
  }
}
.mobile .Drawer .titleBarActions ._command[class] {
  display: flex;
  padding: 0.25rem;
}
.Drawer .titleBarActions ._command.hasLabel {
  width: auto;
}
.Drawer .titleBarActions ._command.hasLabel > span {
  font-size: 1.125rem;
  padding-left: 0.25rem;
}
@media only screen and (max-width: 400px) {
  .Drawer .titleBarActions ._command.hasLabel > span {
    display: none;
  }
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .Drawer .titleBarActions ._command.toggleDrawer {
    display: none;
  }
  .mobile .Drawer .titleBarActions ._command[class] {
    display: none;
  }
}
.Drawer .titleBarActions .fullscreenButton {
  display: flex;
  flex: 0 0 auto;
  width: auto;
}
.Drawer .titleBarActions * {
  min-width: 0;
}
.Drawer .drawerContent {
  background-color: #f4ebed;
  height: calc(100% - 2.5rem);
  overflow-y: visible;
  position: relative;
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .mobile .Drawer .drawerContent {
    height: 100%;
  }
  .datatile .Drawer .drawerContent {
    height: auto;
  }
}
.Drawer .drawerContent .stepTitle:first-child {
  padding-top: 0;
}
.Drawer .drawerContent .stepTitle:focus {
  outline: none;
}
.Drawer .drawerContent .workflowStep {
  height: 100%;
  padding: 0.75rem;
  overflow-y: auto;
}
.datatile .Drawer .drawerContent .workflowStep {
  height: auto;
}
.datatile .Drawer.expanded {
  height: 100%;
  width: 100%;
  border-radius: 0;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-height: 0;
  min-width: 0;
  overflow-y: visible;
  top: 0;
  bottom: unset;
}
.datatile .Drawer.expanded .titleBar {
  border-radius: 0;
}
.datatile .Drawer.expanded .titleBarActions ._command:first-child {
  border-radius: 0;
}
.datatile .Drawer.expanded .titleBarActions ._command:last-child {
  border-radius: 0;
}
.datatile .Drawer.expanded .titleBar .toggleDrawer {
  display: none;
}
.datatile .Drawer.expanded .drawerContent {
  height: auto;
}
@media only screen and (max-width: 1300px) {
  .Drawer {
    right: 0;
    min-width: 35%;
  }
}
@media only screen and (max-width: 1024px), only screen and (max-height: 500px) {
  .Drawer.expanded {
    height: 100%;
    width: 100%;
    border-radius: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 0;
    min-width: 0;
  }
  .Drawer.expanded .titleBar {
    border-radius: 0;
  }
  .Drawer.expanded .titleBarActions ._command:first-child {
    border-radius: 0;
  }
  .Drawer.expanded .titleBarActions ._command:last-child {
    border-radius: 0;
  }
  .mobile .Drawer.expanded .titleBar {
    display: none;
  }
  .Drawer.expanded .titleBar .toggleDrawer {
    display: none;
  }
}

/* Copyright 2023 Epic Systems Corporation */
.NonH2GLandingPage .overviewText {
  margin-bottom: 0rem !important;
  width: 85%;
}
.mobile .NonH2GLandingPage .overviewText {
  margin-top: 1rem !important;
}
.mobile .NonH2GLandingPage .landingPageTitle {
  display: none;
}

.LearnMore .disclosureButton {
  justify-content: left;
  /* rtl:raw: justify-content: right; */
  width: 100%;
}
.LearnMore .learnMoreContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 85%;
  background-color: #e4ccd1;
}
@media only screen and (max-width: 768px) {
  .LearnMore .learnMoreContent {
    flex-direction: column;
    width: 100%;
  }
}
.LearnMore .learnMoreContent .newTabImageContainer {
  width: 20rem;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .LearnMore .learnMoreContent .newTabImageContainer {
    width: 100%;
  }
}
.LearnMore .learnMoreContent .newTabImageContainer .newTabImage {
  border-radius: 4px 4px;
  width: 100%;
  padding: 10px;
}
@media only screen and (max-width: 768px) {
  .LearnMore .learnMoreContent .newTabImageContainer .newTabImage {
    width: 15rem;
  }
}
.LearnMore .learnMoreContent .learnMoreTextContent {
  padding-bottom: 1rem;
  padding-left: 10px;
  padding-right: 10px;
}

/* Copyright 2021 Epic Systems Corporation */
.OnboardingPage .topSection {
  align-items: center;
  background-color: #7a0019;
  display: flex;
  height: 60%;
  justify-content: center;
  position: relative;
  text-align: center;
}
.OnboardingPage .topSection::before {
  background: radial-gradient(circle closest-side, rgba(255, 255, 255, 0.3) 90%, #7a0019 90.5%);
  content: "";
  height: 90%;
  max-height: 300px;
  max-width: 300px;
  position: absolute;
  width: 90%;
}
.OnboardingPage .topSection .image {
  max-height: 40vh;
  max-width: 90vw;
  position: relative;
}
.datatile .OnboardingPage .topSection .image {
  max-height: 95%;
}
.OnboardingPage .topSection .playCommand {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.OnboardingPage .topSection .videoPlayer {
  border: 0;
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 100;
}
.datatile .OnboardingPage {
  height: 500px;
}

._Popup.Onboarding {
  height: 60vh;
  overflow: hidden;
  width: 40vw;
}
._Popup.Onboarding ._ActionGroup {
  padding-left: 15px;
  padding-right: 15px;
}
._Popup.Onboarding ._CloseCommand {
  color: #ffffff;
  min-width: max-content;
  padding: 10px;
}
._Popup.Onboarding ._ContentPane {
  display: flex;
  padding: 0;
}
._Popup.Onboarding ._TitleContentWrapper {
  flex-direction: initial;
  overflow: auto;
}
._Popup.Onboarding .textSection {
  padding-left: 15px;
  padding-right: 15px;
}
.datatile ._Popup.Onboarding {
  height: auto;
  width: auto;
}

.RecallOnboardingCommand._command.tertiary.neutral {
  align-items: center;
  display: flex;
  margin: 0;
  padding: 0;
}
.RecallOnboardingCommand._command.tertiary.neutral.invisible {
  visibility: hidden;
}
.RecallOnboardingCommand._command.tertiary.neutral .commandLabel {
  font-size: 0.8rem;
  line-height: 1rem;
  padding-left: 0.1rem;
}

/* Copyright 2024-2025 Epic Systems Corporation */
.DonateLifeInfo[class] {
  padding-top: 10px;
}
.DonateLifeInfo[class] .donateLifeInfoText {
  margin: 0px;
}
.DonateLifeInfo[class] .learnMoreMargin {
  display: inline-flex;
  padding-bottom: 10px;
}

.OrganDonorForm[class] {
  display: block;
  max-width: 60%;
  margin-left: 0;
  padding-left: 1rem;
  padding-right: 1rem;
}
@media screen and (max-width: 768px) {
  .OrganDonorForm[class] {
    max-width: 100%;
  }
}
.OrganDonorForm .ErrorInfoSegment {
  margin-top: 15px;
}

.PostRegistration[class] {
  padding-top: 75px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}
.PostRegistration[class] .postRegHeader {
  padding-top: 30px;
  font-size: 1.5rem;
  color: #000000;
}
.PostRegistration[class] .accessPadding {
  padding-bottom: 10px;
  margin-bottom: 0;
}
.PostRegistration[class] .postTopPadding {
  padding-top: 25px;
}

/* Copyright 2020-2024 Epic Systems Corporation */
.PaperlessSettings .sliderButton {
  margin-left: auto;
  flex-direction: column;
  margin-top: 2px;
}
.PaperlessSettings .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.PaperlessSettings .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.PaperlessSettings .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.PaperlessSettings .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.PaperlessSettings .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.PaperlessSettings .sliderRail .onIcon {
  z-index: 1;
}
.PaperlessSettings .sliderRail .sliderKnob, .PaperlessSettings .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.PaperlessSettings .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.PaperlessSettings .sliderButton {
  margin-left: auto;
}
.PaperlessSettings .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.PaperlessSettings .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.PaperlessSettings .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.PaperlessSettings .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.PaperlessSettings .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.PaperlessSettings .Animation.animToast {
  position: fixed;
  left: 0;
  bottom: 1.25rem;
  animation-duration: 0.25s;
  animation-timing-function: ease-out;
  z-index: 1000;
}
.PaperlessSettings .Animation.animToast:is(.showing, .hiding) {
  animation-name: showToast;
}
.PaperlessSettings .Animation.animToast.hiding {
  animation-direction: reverse;
}
.datatile .PaperlessSettings .Animation.animToast:not(.persistent) {
  bottom: initial;
  top: 1.25rem;
}
.datatile .PaperlessSettings .Animation.animToast:not(.persistent):is(.showing, .hiding) {
  animation-name: showDataTileToast;
}
@keyframes showToast {
  from {
    transform: translateY(calc(100% + 1.25rem));
  }
  to {
    transform: translateY(0);
  }
}
@keyframes showDataTileToast {
  from {
    transform: translateY(calc(0% - 1.25rem));
  }
  to {
    transform: translateY(0);
  }
}
.PaperlessSettings .Animation.animToast {
  pointer-events: none;
}
.PaperlessSettings .Animation.animToast > * {
  pointer-events: auto;
}
.PaperlessSettings .toastHeading {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.PaperlessSettings .ToastContainer {
  width: 30rem;
  max-width: calc(100vw - 2.5rem);
  margin: 0 auto;
  pointer-events: auto;
}
.PaperlessSettings .Toast {
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  padding-right: 0;
  z-index: 100000000000000000;
}
@media screen {
  .PaperlessSettings .Toast {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(0, 0, 0, 0.72);
  }
}
@media print {
  .PaperlessSettings .Toast {
    display: none;
  }
}
.PaperlessSettings .Toast .body {
  color: #ffffff;
  flex-grow: 1;
}
.PaperlessSettings .Toast .body._Text._readOnlyText {
  margin-bottom: 0;
}
.PaperlessSettings .Toast .commands {
  align-items: center;
  display: flex;
  width: auto;
  flex-shrink: 0;
}
.PaperlessSettings .Toast .commands ._command {
  margin: 0;
  padding: 0.25rem 0.5rem;
}
.PaperlessSettings .Toast .commands ._command.tertiary.neutral {
  color: #969da5;
}
.PaperlessSettings .Toast .commands ._command.tertiary.neutral:is(:focus, :hover) {
  color: #747c85;
}

.PaperlessSettings .Toast .dismiss {
  line-height: normal;
}
.PaperlessSettings .Toast .dismiss svg {
  vertical-align: middle;
  fill: #ffffff;
}
.PaperlessSettings .Toast .dismiss svg.dismissIcon {
  height: 24px;
  min-width: 24px;
  margin-right: 0.75rem;
}
.PaperlessSettings .ContactInfo {
  align-self: flex-start;
}
.PaperlessSettings .ContactInfo.boundary-strong {
  margin-bottom: 1rem;
}
.PaperlessSettings .cardContent {
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
}
.PaperlessSettings .cardContent h2:first-child {
  padding-top: 0;
  font-size: 1.1rem;
  word-break: break-word;
}
.PaperlessSettings ._Banner .sectionTitle {
  font-size: 1.25rem;
  padding: 0 0 0.25em 0;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  width: 100%;
}
.PaperlessSettings .pendingIndicator {
  color: #935d15;
  background: #ffe8c9;
  border: 1px solid #ffa020;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  padding: 0.125rem 0.25rem;
}
.PaperlessSettings .contactInfoValue .contactInfoText {
  margin-right: 0.5rem;
}
.PaperlessSettings .paperlessSettingsCards {
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
}
@media screen and (min-width: 1025px) {
  .PaperlessSettings .paperlessSettingsCards {
    flex-direction: row;
  }
  .PaperlessSettings .paperlessSettingsCards > :first-child {
    margin-right: 2rem !important;
  }
}
@media screen and (min-width: 1025px) {
  .PaperlessSettings .paperlessCards:first-of-type {
    width: 50%;
  }
}
.PaperlessSettings .paperlessCards {
  display: flex;
  flex-direction: column;
}
.PaperlessSettings .paperlessCards .cardContent {
  display: flex;
  flex-direction: column;
}
.PaperlessSettings .paperlessCards .cardContent ._readOnlyText._Text:not(:only-child) {
  margin: 0;
  margin-bottom: 5px;
  padding: 0 4em 0 0;
}
.PaperlessSettings .paperlessCards .cardContent ._link {
  margin-right: auto;
}
.PaperlessSettings .paperlessCardHeading {
  display: flex;
  flex-direction: row;
}
.PaperlessSettings ._Banner ~ .paperlessSettingsCards {
  padding-top: 0rem;
}
.PaperlessSettings ._readOnlyText._Text:not(:only-child) {
  margin: 0;
}
.PaperlessSettings .paperlessSettingsTitle {
  padding: 0.5rem 0 0.5rem;
}
.PaperlessSettings .mixedPaperlessBanner {
  margin-top: 0;
}
.PaperlessSettings .reviewNotifLink {
  padding-top: 3px;
}
@media print {
  .PaperlessSettings .reviewNotifLink,
  .PaperlessSettings .contactInfoLink,
  .PaperlessSettings ._actionable.primary.positive {
    display: none;
  }
}
.PaperlessSettings .billingSummaryLink {
  display: inline-flex;
  align-items: center;
  padding-top: 0.75rem;
}
.PaperlessSettings .billingSummaryLink ._Icon {
  margin-right: 0.25rem;
  /*rtl:raw:
  	transform: scaleX(-1);
  */
}
@media screen and (max-width: 768px) {
  .PaperlessSettings .billingSummaryLink {
    display: none;
  }
}
@media print {
  .PaperlessSettings .billingSummaryLink {
    display: none;
  }
}
.PaperlessSettings .contactMethod {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.25rem;
}
.PaperlessSettings .buttonColumn {
  min-width: min-content;
}

.PaperlessCard {
  align-self: flex-start;
}
.PaperlessCard.boundary-strong {
  margin-bottom: 1rem;
}

.PasskeyManagementActivity .passkeyHeroImageContainer {
  min-height: 70px;
}
.PasskeyManagementActivity .contentContainer.zeroState .passkeyHeroImageContainer {
  background-color: unset;
}
.PasskeyManagementActivity .contentContainer.zeroState .infoBannerContainer {
  text-align: -webkit-center;
  text-align: -moz-center;
}
@media (min-width: 800px) {
  .PasskeyManagementActivity .contentContainer.zeroState .infoBannerContainer {
    width: 100%;
  }
}
.PasskeyManagementActivity .contentContainer.zeroState .infoBannerContainer .PasskeyHero {
  max-width: 70%;
}
.PasskeyManagementActivity .contentContainer.zeroState .infoBannerContainer img {
  max-width: 300px;
}
.PasskeyManagementActivity .contentContainer:not(.zeroState) .passkeyHeroImageContainer {
  background-color: #e0f1ff;
}
.PasskeyManagementActivity .contentContainer:not(.zeroState) .infoBannerContainer img {
  max-width: 300px;
}
.PasskeyManagementActivity .PasskeyHero {
  width: 100%;
  margin-top: 12px;
  text-align: center;
}
.PasskeyManagementActivity .PasskeyHero ._Text {
  margin: 0;
}
.PasskeyManagementActivity .PasskeyHero.CardDisplay {
  background-color: rgba(255, 255, 255, 0.88);
  border-radius: 5px;
  box-shadow: 0 0 2px 0 #000000;
}
.PasskeyManagementActivity .PasskeyHero.CardDisplay .passkeyHeroContainer img {
  border-radius: 5px;
  padding: 15px;
  position: relative;
  width: 100%;
  padding: 30px 30px 0px 30px;
}
.PasskeyManagementActivity .PasskeyHero.CardDisplay .passkeyHeroContainer::after {
  background-color: #e0f1ff;
  display: block;
  content: "";
  height: 20px;
  border-radius: 0 0 50% 50%;
  position: relative;
  top: -10px;
}
.PasskeyManagementActivity .PasskeyHero .collapseLink {
  display: block;
  width: 100%;
}
.PasskeyManagementActivity .PasskeyHero .collapsed .collapsibleSection {
  display: none;
}
.PasskeyManagementActivity .PasskeyHero .helpContent {
  white-space: pre-wrap;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

@media (max-width: 800px) {
  .PasskeyManagementActivity .AddNewButtonWrapper {
    width: 100%;
  }
  .PasskeyManagementActivity .staticPositionedButton {
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding: 5px;
    border-top: 1px solid #767676;
    background-color: #ffffff;
    z-index: 2;
  }
  .PasskeyManagementActivity .localPositionedButton {
    position: unset;
  }
  .PasskeyManagementActivity .AddNewButton {
    width: 100%;
  }
}
@media (min-width: 800px) {
  .PasskeyManagementActivity .AddNewButtonWrapper {
    display: block;
    width: 100%;
    justify-content: center;
    display: flex;
  }
}

.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .NameSection {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  min-height: 1.5em;
  align-content: end;
  padding-left: 5px;
  padding-top: 5px;
}
.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .editableName {
  display: inline-block;
  width: fit-content;
  flex-grow: 1;
}
.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .passkeyChip {
  background-color: #ccffd8;
  color: #0f784a;
  border: 1px solid #09aa71;
  border-radius: 10px;
  padding: 2px 13px 4px 13px;
}
.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .AdditionalInfoSection {
  padding-left: 5px;
  color: #767676;
  font-size: 0.8em;
  line-height: 1.1em;
}
.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .usageText {
  color: #767676;
  white-space: pre-line;
}
.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .passkeyName {
  display: inline;
  width: unset;
  overflow-wrap: break-word;
}
.PasskeyManagementActivity .PasskeyEntry .PasskeyGrid .passkeyRenameButton {
  display: inline;
  margin: unset;
  padding: unset;
  position: relative;
  bottom: 3px;
}

.PasskeyManagementActivity .fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: center;
}
.PasskeyManagementActivity .authentication {
  max-width: 30em;
  padding: 16px;
  box-shadow: 0 0 10px 0 #000000;
  padding-top: 60px;
}
.PasskeyManagementActivity .authentication .cancelButton {
  width: 80%;
  margin: auto;
}
@media (max-width: 769px) {
  .PasskeyManagementActivity .authentication .cancelButton {
    width: 88%;
  }
}
.PasskeyManagementActivity .authentication .titleBar {
  border-radius: 6px 6px 0px 0px;
  padding-left: 13px;
  padding-right: 13px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #e4ccd1;
  display: flex;
}
.PasskeyManagementActivity .authentication .titleBar :last-child {
  float: right;
  color: #ffffff;
}
.PasskeyManagementActivity .passkeyListContainer {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}
.PasskeyManagementActivity .contentContainer {
  display: grid;
}
.PasskeyManagementActivity .contentContainer .addNewButtonContainer {
  grid-area: addNewButton;
  min-height: 80px;
}
.PasskeyManagementActivity .contentContainer .passkeyContentContainer {
  grid-area: passkeyList;
}
.PasskeyManagementActivity .contentContainer .infoBannerContainer {
  grid-area: passkeyHero;
}
.PasskeyManagementActivity .contentContainer.zeroState {
  grid-template-areas: "passkeyHero" "passkeyList" "addNewButton";
}
.PasskeyManagementActivity .contentContainer.zeroState .passkeyListContainer {
  display: none;
}
@media (max-width: 800px) {
  .PasskeyManagementActivity .contentContainer:not(.zeroState) {
    grid-template-areas: "passkeyList" "passkeyHero" "addNewButton";
  }
}
@media (min-width: 800px) {
  .PasskeyManagementActivity .contentContainer:not(.zeroState) {
    grid-template-areas: "passkeyList passkeyHero" "addNewButton passkeyHero";
    grid-template-columns: 1fr 300px;
    grid-template-rows: auto 1fr;
  }
  .PasskeyManagementActivity .contentContainer:not(.zeroState) .infoBannerContainer {
    padding-left: 10px;
  }
}
.PasskeyManagementActivity .nodisp {
  display: none !important;
}

/* Copyright 2018 Epic Systems Corporation */
/** workflow specific overrides **/
/**** Bill Pay ****/
#payment-content #extPmtPageFrame,
#payment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#payment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#payment-content #extPmtPageFrame.mobileExtPmtPage,
#payment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #payment-content #extPmtPageFrame,
  #payment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Auto Pay ****/
#autopay-content #extPmtPageFrame,
#autopay-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#autopay-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#autopay-content #extPmtPageFrame.mobileExtPmtPage,
#autopay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #autopay-content #extPmtPageFrame,
  #autopay-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Pay as Guest ****/
#guestPay-content #extPmtPageFrame,
#guestPay-content #iFrameLoadingIndicator {
  height: 14rem;
}
#guestPay-content #iFrameLoadingIndicator .v-center {
  top: 5rem;
}
#guestPay-content #extPmtPageFrame.mobileExtPmtPage,
#guestPay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  height: 24.5rem;
}
@media only screen and (max-width: 768px) {
  #guestPay-content #extPmtPageFrame,
  #guestPay-content #iFrameLoadingIndicator {
    height: 24.5rem;
  }
}

/**** Visit Payment ****/
#visitpayment-content #extPmtPageFrame,
#visitpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#visitpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#visitpayment-content #extPmtPageFrame.mobileExtPmtPage,
#visitpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #visitpayment-content #extPmtPageFrame,
  #visitpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Rx Payment ****/
#rxpayment-content #extPmtPageFrame,
#rxpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#rxpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#rxpayment-content #extPmtPageFrame.mobileExtPmtPage,
#rxpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #rxpayment-content #extPmtPageFrame,
  #rxpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** E-Visit Payment ****/
#evisitpayment-content #extPmtPageFrame,
#evisitpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#evisitpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#evisitpayment-content #extPmtPageFrame.mobileExtPmtPage,
#evisitpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #evisitpayment-content #extPmtPageFrame,
  #evisitpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Premium Pay ****/
#premiumpayment-content #extPmtPageFrame,
#premiumpayment-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#premiumpayment-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#premiumpayment-content #extPmtPageFrame.mobileExtPmtPage,
#premiumpayment-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #premiumpayment-content #extPmtPageFrame,
  #premiumpayment-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

/**** Premium Auto Pay ****/
#premiumautopay-content #extPmtPageFrame,
#premiumautopay-content #iFrameLoadingIndicator {
  /* Overrides can go here */
}
#premiumautopay-content #iFrameLoadingIndicator .v-center {
  /* Overrides can go here */
}
#premiumautopay-content #extPmtPageFrame.mobileExtPmtPage,
#premiumautopay-content #iFrameLoadingIndicator.mobileExtPmtPage {
  /* Overrides can go here */
}
@media only screen and (max-width: 768px) {
  #premiumautopay-content #extPmtPageFrame,
  #premiumautopay-content #iFrameLoadingIndicator {
    /* Overrides can go here */
  }
}

#AddPmtMethodIFrame {
  position: relative;
}

#iFrameLoadingIndicator {
  height: 21rem;
}
#iFrameLoadingIndicator > .v-center {
  top: 10rem;
}

#extPmtPageFrame {
  border-width: 0px;
  height: 21rem;
  overflow-y: hidden;
  width: 100%;
}

#iFrameLoadingIndicator.mobileExtPmtPage,
#extPmtPageFrame.mobileExtPmtPage {
  height: 32rem;
}

@media only screen and (max-width: 768px) {
  #iFrameLoadingIndicator,
  #extPmtPageFrame {
    height: 32rem;
  }
}

.savedCardsGrid .paymentMethodCard, .scheduledPaymentMethodsGrid .paymentMethodCard {
  min-height: 8rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.savedCardsGrid .paymentMethodCard .body, .scheduledPaymentMethodsGrid .paymentMethodCard .body {
  padding: 0.2rem 0.5rem;
  display: flex;
  flex-direction: row-reverse;
}
@media screen and (max-width: 1300px) {
  .savedCardsGrid .paymentMethodCard .body, .scheduledPaymentMethodsGrid .paymentMethodCard .body {
    flex-direction: column;
  }
}
@media screen and (max-width: 1300px) {
  .savedCardsGrid .paymentMethodCard .body .paymentMethodInfoColumn, .scheduledPaymentMethodsGrid .paymentMethodCard .body .paymentMethodInfoColumn {
    overflow-wrap: anywhere;
  }
}
.savedCardsGrid .paymentMethodCard .body .paymentMethodInfoColumn .paymentMethodBadgeRow, .scheduledPaymentMethodsGrid .paymentMethodCard .body .paymentMethodInfoColumn .paymentMethodBadgeRow {
  margin-top: 0.25rem;
}
.savedCardsGrid .paymentMethodCard .paymentMethodImageWrapper, .scheduledPaymentMethodsGrid .paymentMethodCard .paymentMethodImageWrapper {
  display: flex;
  flex-direction: column;
  width: 30%;
}
.savedCardsGrid .paymentMethodCard .paymentMethodImageWrapper .paymentMethodImage, .scheduledPaymentMethodsGrid .paymentMethodCard .paymentMethodImageWrapper .paymentMethodImage {
  min-width: 4.5rem;
  align-self: flex-end;
}
@media screen and (max-width: 1300px) {
  .savedCardsGrid .paymentMethodCard .paymentMethodImageWrapper .paymentMethodImage, .scheduledPaymentMethodsGrid .paymentMethodCard .paymentMethodImageWrapper .paymentMethodImage {
    max-height: 48px;
    max-width: 0;
    align-self: flex-start;
    min-width: 80px;
  }
}
.savedCardsGrid .addPaymentMethod, .scheduledPaymentMethodsGrid .addPaymentMethod {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  display: flex;
  align-items: center;
  min-height: 9.5rem;
  border-radius: 6px;
}
.savedCardsGrid .addPaymentMethod:hover, .scheduledPaymentMethodsGrid .addPaymentMethod:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}
.savedCardsGrid .addPaymentMethod .addPaymentMethodButton:hover, .scheduledPaymentMethodsGrid .addPaymentMethod .addPaymentMethodButton:hover {
  background-color: #ffffff;
}
.savedCardsGrid .addPaymentMethodButton, .scheduledPaymentMethodsGrid .addPaymentMethodButton {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  padding: 0.5rem;
  align-items: center;
}
.savedCardsGrid .addPaymentMethodButton:hover, .scheduledPaymentMethodsGrid .addPaymentMethodButton:hover {
  background-color: #f4ebed;
}
@media screen and (forced-colors: active) {
  .savedCardsGrid .addPaymentMethodButton, .scheduledPaymentMethodsGrid .addPaymentMethodButton {
    border: 2px solid #363636;
    border-radius: 6px;
  }
}
.savedCardsGrid .addPaymentMethodText, .scheduledPaymentMethodsGrid .addPaymentMethodText {
  color: #404d5b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.savedCardsGrid .addPaymentMethodText:before, .scheduledPaymentMethodsGrid .addPaymentMethodText:before {
  content: "+";
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: top;
}

.paymentMethodCard .nameHeading {
  padding: 0;
}
.paymentMethodCard .visa {
  margin-top: -0.25rem;
  max-width: 4.5rem;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .visa {
    margin-left: -0.25rem;
  }
}
.paymentMethodCard .mastercard {
  margin-right: -1rem;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .mastercard {
    margin-left: -0.75rem;
  }
}
.paymentMethodCard .americanExpress {
  margin-right: -1rem;
  margin-top: 0.25rem;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .americanExpress {
    margin-left: -1rem;
  }
}
.paymentMethodCard .discover {
  margin-right: -0.25rem;
  margin-top: 0.25rem;
  max-width: 4.5rem;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .discover {
    margin-left: -0.25rem;
  }
}
.paymentMethodCard .dinersClub {
  margin-right: -0.5rem;
  margin-top: 0.25rem;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .dinersClub {
    margin-left: -0.5rem;
  }
}
.paymentMethodCard .bankAccount {
  max-height: 3.5rem;
  margin-right: -0.75rem;
  margin-top: -0.25rem;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .bankAccount {
    margin-left: -1.25rem;
  }
}
.paymentMethodCard .paymentMethodBadgeRow {
  display: flex;
}
.paymentMethodCard .paymentMethodBadgeRow .attention, .paymentMethodCard .paymentMethodBadgeRow .informational {
  margin: 0 0.25rem 0 0;
}
@media screen and (max-width: 1300px) {
  .paymentMethodCard .paymentMethodBadgeRow {
    display: block;
  }
  .paymentMethodCard .paymentMethodBadgeRow .attention, .paymentMethodCard .paymentMethodBadgeRow .informational {
    margin: 0.25rem 0 0 0;
  }
}

.nicknameField {
  margin-top: 0.5rem;
  min-width: 20rem;
}
@media screen and (max-width: 768px) {
  .nicknameField {
    min-width: unset;
    width: 80vw;
    max-width: 100%;
  }
}

.guarantorSubheader {
  color: #767676;
}

.managePaymentMethodsPageHeading {
  padding-top: 0.5rem;
}
.managePaymentMethodsPageHeading .subjectIndicator {
  display: none;
}

.billingSummaryLink, .backToManagePaymentMethodsLink {
  display: inline-flex;
  align-items: center;
  padding-top: 0.75rem;
}
.billingSummaryLink .backArrow, .backToManagePaymentMethodsLink .backArrow {
  margin-right: 0.25rem;
  /*rtl:raw:
  	-moz-transform: scale(-1, -1);
  	-o-transform: scale(-1, -1);
  	-webkit-transform: scale(-1, -1);
  	transform: scale(-1, -1);
  */
}

#ba_details_overview_payment_methods_container .paymentMethodCard {
  display: flex;
  flex-direction: column;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body {
  display: flex;
  width: auto;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodNameDisplay {
  padding: 0 0 0.25rem 0;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodInfoColumn {
  flex-basis: 250%;
  width: 70%;
  margin-left: 0.25rem;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodInfoColumn .paymentMethodLastFourExpRow {
  display: flex;
  margin-bottom: 1rem;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodInfoColumn .paymentMethodLastFourExpRow.noMargin {
  margin-bottom: 0;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodInfoColumn .paymentMethodLastFourExpRow .lastFourDigits {
  margin-right: 3rem;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodInfoColumn .paymentMethodNameRow {
  font-weight: bold;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodImageWrapper {
  display: flex;
  flex-direction: column;
  min-width: 2.5rem;
}
#ba_details_overview_payment_methods_container .paymentMethodCard .body .paymentMethodImageWrapper .paymentMethodImage {
  max-width: 4rem;
  min-width: 2.5rem;
  align-self: flex-end;
}

/* Copyright 2024 Epic Systems Corporation */
.amountInfo {
  margin: 1rem 0;
}
.amountInfo .amountInfoHeader {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}
.amountInfo .amountInfoAmount {
  font-size: 1.5rem;
}
.amountInfo .amountInfoAmount.amountInfoAmountMoneyColor {
  color: #0f784a;
}
.amountInfo .amountInfoDescription {
  margin-top: 0.25rem;
}

.paymentAmountInput {
  width: 7rem;
}
@media screen and (max-width: 1300px) {
  .paymentAmountInput {
    width: 5rem;
  }
}
.paymentAmountInput label {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.paymentAmountInput input {
  text-align: right;
}
.paymentAmountInput input[class] {
  height: auto;
  padding: 0.25rem;
}
@media screen and (max-width: 1300px) {
  .paymentAmountInput input {
    font-size: 1rem;
  }
}
.paymentAmountInput #paymentAmountUserInput {
  margin-top: 0.1rem;
  margin-bottom: 0.25rem;
}

.paymentAmountInputError {
  margin: 0 0 0 1.8rem;
  text-align: right;
  color: #d80000;
  font-size: 0.8rem;
}
.paymentAmountInputError .paymentAmountInputErrorIcon {
  vertical-align: text-bottom;
  margin-right: 0.2rem;
}
.paymentAmountInputError .paymentAmountInputErrorMessage {
  display: inline;
}

.paymentAmountInputWarning {
  margin-left: 1.8rem;
}
.paymentAmountInputWarning .paymentAmountInputWarningBanner .bannerHeading {
  font-size: 1rem;
}

#currentPaymentAction .paymentCard, #paymentSummary .paymentCard {
  margin-top: 0.5rem;
}
.paymentCard .paymentCardHeader {
  display: flex;
}
.paymentCard .paymentCardHeader .paymentCardHeaderIcon {
  fill: #7a0019;
  margin: -0.1rem 0.25rem 0 0;
  flex-shrink: 0;
}
.paymentCard .paymentCardHeader .paymentCardHeaderText {
  padding-top: 0;
  padding-bottom: 0;
}
.paymentCard :not(.showLabel) legend {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  line-height: 0;
  width: 0;
  height: 0;
}
.paymentCard .showLabel legend {
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}

#currentPaymentAction ._DataEntrySet-fields {
  flex-wrap: nowrap;
  flex-direction: column;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container {
  padding: 0.25rem 0.5rem;
  margin: 0.5rem 0;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container:first-child {
  margin-top: -0.25rem;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container:last-child {
  margin-bottom: -0.25rem;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container:not(:last-child):after {
  border-bottom: 1px solid #cccccc;
  content: "";
  display: block;
  left: 1.75rem;
  position: relative;
  width: calc(100% - 1.75rem);
  top: 0.5rem;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container .flatradiochildren {
  margin-left: 2rem;
  margin-top: 0.5rem;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container .prettylabel {
  color: #363636;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container .prettylabel.selected {
  font-weight: bold;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice {
  padding: 0 0.5rem;
  margin: 0;
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .flatradiochildren {
  margin-left: 0;
  width: 7rem;
}
@media screen and (max-width: 1300px) {
  #currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .flatradiochildren {
    width: 5rem;
    align-self: center;
  }
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .prettylabel {
  width: calc(100% - 7rem);
}
@media screen and (max-width: 1300px) {
  #currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .prettylabel {
    width: calc(100% - 5rem);
    padding-right: 0.5em;
  }
}
#currentPaymentAction ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice:not(:last-child):after {
  top: 0.2rem;
}
#currentPaymentAction .withButtonColumn {
  flex-direction: column;
}
#currentPaymentAction .withButtonColumn .contentColumn {
  width: 100%;
}
#currentPaymentAction .withButtonColumn .buttonColumn {
  width: auto;
}

#currentPaymentActionTitle:focus {
  outline: none;
}

#verifyResultsLandingPage ._DataEntrySet-fields {
  flex-wrap: nowrap;
  flex-direction: column;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container {
  padding: 0.25rem 0.5rem;
  margin: 0.5rem 0;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container:first-child {
  margin-top: -0.25rem;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container:last-child {
  margin-bottom: -0.25rem;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container:not(:last-child):after {
  border-bottom: 1px solid #cccccc;
  content: "";
  display: block;
  left: 1.75rem;
  position: relative;
  width: calc(100% - 1.75rem);
  top: 0.5rem;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container .flatradiochildren {
  margin-left: 2rem;
  margin-top: 0.5rem;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container .prettylabel {
  color: #363636;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container .prettylabel.selected {
  font-weight: bold;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice {
  padding: 0 0.5rem;
  margin: 0;
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .flatradiochildren {
  margin-left: 0;
  width: 7rem;
}
@media screen and (max-width: 1300px) {
  #verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .flatradiochildren {
    width: 5rem;
    align-self: center;
  }
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .prettylabel {
  width: calc(100% - 7rem);
}
@media screen and (max-width: 1300px) {
  #verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice .prettylabel {
    width: calc(100% - 5rem);
    padding-right: 0.5em;
  }
}
#verifyResultsLandingPage ._DataEntrySet.flatradiochoicegrouper .flatradio.container.paymentAmountInputChoice:not(:last-child):after {
  top: 0.2rem;
}
#verifyResultsLandingPage .paymentCard ._DataEntrySet.flatradiochoicegrouper .flatradio.container:after {
  border-bottom: 0px;
  content: "";
  display: block;
  left: 1.75rem;
  position: relative;
  width: 0;
  top: 0;
}

.GuarantorSelection .amountDueDetailsLink {
  font-size: 0.8rem;
}

#paymentSummary .paymentCard {
  background-color: #ffffff;
  min-height: 2.1rem;
}
#paymentSummary .paymentCard .paymentSummaryGrid {
  margin-top: 0.05rem;
  margin-bottom: 0.1rem;
}
#paymentSummary .paymentCard .paymentSummaryList {
  width: calc(100% + 12px);
  max-width: calc(100% + 12px);
}
#paymentSummary .paymentCard .payingNowMain {
  font-size: 1rem;
  font-weight: bold;
}
#paymentSummary .paymentCard .payingNowMain .dollarAmount {
  color: #0f784a;
}
#paymentSummary .paymentCard .payingNowDetails {
  padding-left: 0.5rem;
  font-size: 0.85rem;
}

.PrepaySelection .prepaySubtext[class][class] {
  margin: 0.3rem 0 0 1.8rem;
  width: calc(100% - 1.8rem);
}

.PreServicePaymentPlanSelection .amountInfo .amountInfoHeader {
  margin-bottom: 0.5rem;
}
.PreServicePaymentPlanSelection .amountInfo .amountInfoAmount {
  padding-bottom: 0.25rem;
}
.PreServicePaymentPlanSelection .psppSubtext[class][class] {
  margin: 0.3rem 0 0 1.8rem;
  width: calc(100% - 1.8rem);
}

.PreServicePaymentPlanTable {
  width: 72%;
  margin-left: 14%;
  border-top: 1px solid #cccccc;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
}
@media screen and (max-width: 768px) {
  .PreServicePaymentPlanTable {
    width: 90%;
    margin-left: 5%;
  }
}
.PreServicePaymentPlanTable .amountTable {
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .PreServicePaymentPlanTable .amountTable {
    width: 100%;
  }
}
.PreServicePaymentPlanTable .amountTable .payingNow {
  font-weight: bold;
}
.PreServicePaymentPlanTable .amountTable .dollarAmount {
  color: #0f784a;
}
.PreServicePaymentPlanTable .amountTable .amountTableCell {
  font-size: 0.8rem;
}
.PreServicePaymentPlanTable .psppTableList {
  width: calc(100% + 12px);
  max-width: calc(100% + 12px);
}
.PreServicePaymentPlanTable .psppTableList .col-8, .PreServicePaymentPlanTable .psppTableList .col-4 {
  margin-bottom: 0px;
}
.PreServicePaymentPlanTable .detailsLink {
  margin-top: 0.5rem;
  display: block;
}

#verifyResultsLandingPage .psppEditGrid {
  margin: 0 0.5%;
  width: 99%;
}
#verifyResultsLandingPage .psppFormButtons {
  margin-top: 1rem;
}
#verifyResultsLandingPage .psppFormButtons .psppFormSave[aria-disabled=true] {
  pointer-events: none;
}

#verifyResultsLandingPage .psppVerifySubheader {
  margin-left: 0.25%;
}
#verifyResultsLandingPage .psppVerifyCard {
  margin-left: 0.25%;
}
#verifyResultsLandingPage .psppVerifyCard .psppVerifyAmountInfo {
  padding: 0 1rem;
}
@media screen and (min-width: 769px) {
  #verifyResultsLandingPage .psppVerifyCard .psppVerifyAmountInfo {
    border-right: 1px solid #dbdbdb;
  }
}
@media screen and (max-width: 768px) {
  #verifyResultsLandingPage .psppVerifyCard .psppVerifyAmountInfo {
    border-bottom: 1px solid #dbdbdb;
    padding: 0.5rem 0 1rem;
  }
  #verifyResultsLandingPage .psppVerifyCard .psppVerifyAmountInfo .amountInfo {
    margin-top: 0.5rem;
  }
}
#verifyResultsLandingPage .psppVerifyCard .psppVerifyDateInfo {
  padding: 0 1rem;
}
@media screen and (max-width: 768px) {
  #verifyResultsLandingPage .psppVerifyCard .psppVerifyDateInfo {
    padding: 0.5rem 0 0;
    margin-bottom: 1rem;
  }
  #verifyResultsLandingPage .psppVerifyCard .psppVerifyDateInfo .amountInfo {
    margin-top: 0.5rem;
  }
}
#verifyResultsLandingPage .psppVerifyCard .psppVerifyAmountInfo,
#verifyResultsLandingPage .psppVerifyCard .psppVerifyDateInfo {
  height: calc(100% - 12px);
}
#verifyResultsLandingPage .psppVerifyCard .right {
  font-weight: bold;
}
#verifyResultsLandingPage .psppVerifyCard .psppVerifyTerms {
  padding-bottom: 1.2rem;
}
@media screen and (max-width: 768px) {
  #verifyResultsLandingPage .psppVerifyCard .psppVerifyTerms {
    padding: 0 0.5rem;
  }
}

.VisitAutoPaySelection .vapSubtext[class][class] {
  margin: 0.3rem 0 0 1.8rem;
  width: calc(100% - 1.8rem);
}
.VisitAutoPaySelection .vapMoreInfoLink[class] {
  margin: 0.5rem 0 0 1.5rem;
  padding: 0;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.VisitAutoPaySelection .vapMoreInfoLink[class] .vapMoreInfoLinkIcon {
  flex-shrink: 0;
}
.VisitAutoPaySelection .vapMoreInfoLink[class] .vapMoreInfoLinkText {
  font-size: 0.8rem;
  margin-top: 0.1rem;
}

#verifyResultsLandingPage .verifyResultsGrid {
  margin-top: 1.25rem;
}
#verifyResultsLandingPage .payingNowHeader {
  padding-top: 0.5rem;
}
#verifyResultsLandingPage .PayingNowCard .payingNowDetails {
  font-size: 1rem;
}
#verifyResultsLandingPage .PayingNowCard .payingNowDetails.right {
  font-weight: bold;
}
#verifyResultsLandingPage .PayingNowCard .amountInfo {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
#verifyResultsLandingPage .PayingNowCard .payingNowList {
  max-width: initial;
  width: calc(100% + 12px);
}
#verifyResultsLandingPage .PayingNowCard .payingNowGrid {
  padding: 0 0.5rem;
}
#verifyResultsLandingPage .PayingNowCard .payingNowGrid:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 50%;
  padding-bottom: 20px;
  border-top: 1px solid #cccccc;
}

#verifyResultsLandingPage .PaymentMethodCard {
  background-image: linear-gradient(to top left, #cce7ff, #d6ffe0);
  z-index: 2;
  height: 182px;
  width: 288px;
  max-width: 100%;
  padding: 0;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0.5rem;
}
#verifyResultsLandingPage .PaymentMethodCard .paymentMethodCardText .pmInfoText {
  font-family: Consolas, monaco, monospace;
  font-size: 0.85rem;
}
#verifyResultsLandingPage .PaymentMethodCard .paymentMethodImage, #verifyResultsLandingPage .PaymentMethodCard .digitalWalletImage {
  max-width: 90px;
  height: 53px;
  margin-left: 5px;
  margin-top: 8px;
}
#verifyResultsLandingPage .PaymentMethodCard .digitalWalletImage {
  margin-right: 0.5rem;
}
#verifyResultsLandingPage .PaymentMethodCard .compact {
  margin-left: 5%;
  max-width: 90%;
  position: absolute;
  bottom: 0.75rem;
}
#verifyResultsLandingPage .verifyResultsCardButton {
  min-width: 100%;
}

#verifyResultsLandingPage .addPaymentMethod {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  display: flex;
  align-items: center;
}
#verifyResultsLandingPage .addPaymentMethod:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}
#verifyResultsLandingPage .addPaymentMethod .addPaymentMethodButton:hover {
  background-color: #ffffff;
}
#verifyResultsLandingPage .addPaymentMethodButton {
  width: 100%;
  height: 100%;
  border-radius: 6px;
  display: flex;
  padding: 0.5rem;
}
#verifyResultsLandingPage .addPaymentMethodButton:hover {
  background-color: #f4ebed;
}
@media screen and (forced-colors: active) {
  #verifyResultsLandingPage .addPaymentMethodButton {
    border: 2px solid #363636;
    border-radius: 6px;
  }
}
#verifyResultsLandingPage .addPaymentMethodText {
  color: #404d5b;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
#verifyResultsLandingPage .addPaymentMethodText:before {
  content: "+";
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: top;
}

@media print {
  #verifyResultsLandingPage .VAPVerifyCard {
    width: 125%;
  }
}
#verifyResultsLandingPage .VAPVerifyCard .amountInfo {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
#verifyResultsLandingPage .VAPVerifyCard .vapText {
  font-size: 1rem;
}
#verifyResultsLandingPage .vapVerifyHeader {
  padding-top: 0.5rem;
}
#verifyResultsLandingPage .vapMoreInfoLink[class] {
  margin: 0;
  padding: 0;
  display: block;
}
#verifyResultsLandingPage .vapMoreInfoLink .vapMoreInfoLinkText {
  font-size: 0.8rem;
}
#verifyResultsLandingPage .AboutVAPText {
  padding: 0 0.5rem;
}
#verifyResultsLandingPage .AboutVAPText:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 50%;
  padding-bottom: 20px;
  border-top: 2px solid #cccccc;
}

#verifyResultsLandingPage .verifyResultsCardButton {
  min-width: 100%;
  min-height: 2.2rem;
  z-index: 1;
  margin: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 1px solid;
  border-color: #dbdbdb;
  text-decoration: none;
}
#verifyResultsLandingPage .verifyResultsCardButton.noBorder {
  border-top: none;
}
#verifyResultsLandingPage .verifyResultsCardButton:hover {
  background-color: #f4ebed;
}
#verifyResultsLandingPage .verifyResultsCardButton .verifyResultsButtonContent .verifyResultsButtonText {
  color: #7a0019;
  font-size: 1rem;
}
#verifyResultsLandingPage .verifyResultsCardButton .verifyResultsButtonContent.leftAlign {
  text-align: left;
}
#verifyResultsLandingPage .buttonColumn {
  align-self: center;
}
#verifyResultsLandingPage .buttonColumn .receiptButton {
  margin: 0;
}

#verifyResultsLandingPage .paymentCard:not(:last-child):not(.PaymentMethodCard) {
  margin-bottom: 0.83rem;
}
#verifyResultsLandingPage .amountDueDetailsLink {
  font-size: 0.8rem;
}

#visitpayment-content .bannerContent {
  flex-wrap: nowrap;
}

/* Copyright 2021 Epic Systems Corporation */
.providerSearchDetails,
.pcpInformation {
  padding: 0.5rem;
}

.ProviderDetailList > ._Text.detailTitle,
.ProviderBasicInfo > ._Text.detailTitle,
.SingleProviderDetail > ._Text.detailTitle {
  margin: 0;
  color: #767676;
  font-size: 0.8rem;
  line-height: 1rem;
}
.ProviderDetailList > ._Text.detailItem,
.ProviderBasicInfo > ._Text.detailItem,
.SingleProviderDetail > ._Text.detailItem {
  margin: 0.25rem 0;
}

.ProviderSearchResult[class][class] {
  height: auto;
}
.ProviderSearchResult .resultBase {
  display: block;
}
.ProviderSearchResult .resultBase .resultInfo {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  margin-right: 0.75rem;
}
.ProviderSearchResult .resultBase .resultAction {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 1rem);
}
@media screen and (max-width: 1620px) {
  .ProviderSearchResult .resultBase .resultAction {
    width: 100%;
  }
  .ProviderSearchResult .resultBase .resultAction ._ActionGroup.type-item.flavor-footer {
    justify-content: center;
  }
  .ProviderSearchResult .resultBase .resultAction ._ActionGroup.type-item.flavor-footer ._Command._actionable._command {
    width: 100%;
  }
}

.iconTextInline {
  display: flex;
  line-height: 24px;
  vertical-align: middle;
  align-items: flex-start;
}
.iconTextInline > ._Icon {
  flex-shrink: 0;
}
.iconTextInline > ._TextFragment {
  white-space: pre-line;
  line-height: 1.25rem;
}

.ProviderSearchFields .SingleSearchField > input, .ProviderSearchFields .SingleSearchField > select {
  width: 80%;
}
.ProviderSearchFields .SplitNameField {
  width: 80%;
}
.ProviderSearchFields .SplitNameField input {
  width: 100%;
}

.AddPCPCommand {
  border-radius: 6px;
  display: inline-block;
  margin: 0.25rem 0.5%;
  position: relative;
  vertical-align: top;
  width: 99%;
  line-height: 1.25rem;
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
}
.AddPCPCommand:focus, .AddPCPCommand:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}
.AddPCPCommand .addLabel {
  vertical-align: middle;
  display: inline;
}
.AddPCPCommand .addLabel:before {
  content: "+";
  display: inline-block;
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: top;
}
.AddPCPCommand .addLabel > ._Text {
  display: inline;
}

._ExpandableSection ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 0;
  margin: 0;
  width: 100%;
}
._ExpandableSection ._ExpandCommand .expandLinkLabel {
  width: auto;
  padding-left: 0.5rem;
  font-size: 1rem;
}
._ExpandableSection .expandableSection {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
._ExpandableSection .expandableSection.expanded {
  max-height: 100rem;
}
._ExpandableSection .expandableSection.collapsed {
  max-height: 0rem;
  visibility: hidden;
}
._ExpandableSection .arrowIcon {
  transition: transform 0.5s ease 0s;
  width: 20px;
  height: 20px;
}
._ExpandableSection .expanded .arrowIcon {
  transform: scaleY(-1);
}

@media print {
  .expandableSection.collapsed {
    max-height: 100rem;
    visibility: visible;
  }
  ._ExpandableSection ._ExpandCommand {
    visibility: hidden;
  }
}
._Banner {
  border: 1px solid #dbdbdb;
  color: #363636;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 768px) {
  ._Banner {
    flex-direction: column;
  }
}
._Banner.informational {
  background-color: #f4ebed;
}
._Banner.informational ._PageHeading {
  color: #7a0019;
}
._Banner.informational ._Icon {
  fill: #7a0019;
}
._Banner.success {
  background-color: #ccffd8;
}
._Banner.success ._PageHeading {
  color: #0f784a;
}
._Banner.success ._Icon {
  fill: #0f784a;
}
._Banner.warning {
  background-color: #ffffd0;
}
._Banner.warning ._PageHeading {
  color: #000000;
}
._Banner.warning ._Icon {
  fill: #000000;
}
._Banner.critical {
  background-color: #ffe8e8;
}
._Banner.critical ._PageHeading {
  color: #d80000;
}
._Banner.critical ._Icon {
  fill: #d80000;
}
._Banner ._PageHeading {
  padding: 0 0 0.125em 0;
}
._Banner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
}
._Banner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
}
._Banner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
._Banner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
._Banner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  overflow-wrap: anywhere;
}

/* Copyright 2023-2024 Epic Systems Corporation */
/* Copyright 2023-2024 Epic Systems Corporation */
.FamilyHistoryQuestion .navigation {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled {
    flex-direction: row-reverse;
  }
  .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.primary.positive.familyHistoryContinueButton {
    max-width: calc(50% - 0.25rem);
    margin-right: 0;
  }
  .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.primary.positive.familyHistoryContinueButton.onlyVisibleChild {
    max-width: 100%;
  }
  .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.secondary.neutral.familyHistoryBackButton {
    max-width: calc(50% - 0.25rem);
    margin-right: 0.5rem;
  }
}

@supports (display: grid) {
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .navigation._ActionGroup, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .navigation._ActionGroup {
    display: flex;
    flex-flow: row wrap;
  }
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .navigation._ActionGroup ._Command, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .navigation._ActionGroup ._Command {
    margin: 0 0.5rem 0.5rem 0;
    width: unset;
    padding: 0.375rem 0.75rem;
  }
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .navigation._ActionGroup ._Command.secondary, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .navigation._ActionGroup ._Command.secondary {
    width: unset;
    flex-grow: unset;
  }
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15.625rem, 100%), 1fr));
    gap: 0.7rem;
  }
  @media only screen and (max-width: 20rem) {
    html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton {
      grid-template-columns: 1fr;
    }
  }
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px dashed #cccccc;
    border-radius: 6px;
    min-height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand:hover, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-color: transparent;
  }
  html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand .buttonIcon, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand .buttonIcon {
    margin-right: 0;
    min-width: 2.5rem;
    width: 1.8rem;
    height: 1.8rem;
  }
  @media only screen and (max-width: 768px) {
    html:not(.mobile) #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand, html:not(.mobile) #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand {
      width: 100%;
    }
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .FamilyHistoryQuestion .addCardButton {
    width: calc(33.33% - 0.7rem);
  }
  .FamilyHistoryQuestion .addCardButton .addCardCommand {
    width: 100%;
  }
}
.respquestionnaire #divQnrQuestionnaire .FamilyHistoryQuestion .navigation, .respquestionnaire #ask-qnr-div .FamilyHistoryQuestion .navigation {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .respquestionnaire #divQnrQuestionnaire .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled, .respquestionnaire #ask-qnr-div .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled {
    flex-flow: row-reverse;
  }
  .respquestionnaire #divQnrQuestionnaire .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.primary.positive.familyHistoryContinueButton, .respquestionnaire #ask-qnr-div .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.primary.positive.familyHistoryContinueButton {
    width: 100%;
    margin: 0.5rem 0.5rem 0 0;
    padding: 0.625rem 0 0.625rem 0;
  }
  .respquestionnaire #divQnrQuestionnaire .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.secondary.neutral.familyHistoryBackButton, .respquestionnaire #ask-qnr-div .FamilyHistoryQuestion .navigation._ActionGroup.type-fullPage.flavor-multiStep.navFeatureEnabled ._command.secondary.neutral.familyHistoryBackButton {
    width: 100%;
    margin: 0.5rem 0.5rem 0 0;
    padding: 0.625rem 0 0.625rem 0;
  }
}

@media only screen and (min-width: 768px) {
  .mobile .FamilyHistoryQuestion .addCardButton, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton, #ask-qnr-div .FamilyHistoryQuestion .addCardButton {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15.625rem, 100%), 1fr));
    gap: 0.7rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 20rem) {
  .mobile .FamilyHistoryQuestion .addCardButton, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton, #ask-qnr-div .FamilyHistoryQuestion .addCardButton {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .mobile .FamilyHistoryQuestion .addCardButton .addCardCommand, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton .addCardCommand, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand, #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand {
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    background-color: rgba(255, 255, 255, 0.3);
    border: 2px dashed #cccccc;
    border-radius: 6px;
    min-height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile .FamilyHistoryQuestion .addCardButton .addCardCommand:hover, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton .addCardCommand:hover, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand:hover, #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-color: transparent;
  }
  .mobile .FamilyHistoryQuestion .addCardButton .addCardCommand .buttonIcon, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton .addCardCommand .buttonIcon, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand .buttonIcon, #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand .buttonIcon {
    margin-right: 0;
    min-width: 2.5rem;
    width: 1.8rem;
    height: 1.8rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 768px) {
  .mobile .FamilyHistoryQuestion .addCardButton .addCardCommand, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton .addCardCommand, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand, #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .mobile .FamilyHistoryQuestion .addCardButton .addCardCommand, #selftriage-triage-workflow .FamilyHistoryQuestion .addCardButton .addCardCommand, #divQnrQuestionnaire .FamilyHistoryQuestion .addCardButton .addCardCommand, #ask-qnr-div .FamilyHistoryQuestion .addCardButton .addCardCommand {
    width: 100%;
  }
}

.Pedigree {
  padding: 0;
  margin: 0;
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}
@media screen and (max-width: 768px) {
  .Pedigree {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .Pedigree {
    margin-left: 0;
    width: 100%;
  }
}
.Pedigree .pedigreeContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  overflow-y: auto;
}
@media screen and (min-height: 0) {
  .Pedigree .pedigreeContainer {
    height: calc(100vh - (8.7rem + 2.75rem + 0.5rem));
    height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 0.5rem));
  }
  .mobile .Pedigree .pedigreeContainer {
    height: calc(100vh - 0.5rem);
  }
  .datatile .Pedigree .pedigreeContainer {
    height: auto;
  }
}
.Pedigree .headerContainer {
  flex-grow: 0;
  padding: 0 0.75rem;
}
.Pedigree .headerContainer ._heading {
  font-size: clamp(14px, 1.6rem, 48px);
}
.Pedigree .headerContainer ._PageTitle {
  flex-wrap: nowrap;
}
.Pedigree .disclosureHeader .disclosureButton {
  padding-top: 0;
  justify-content: flex-start;
  text-align: left;
}
.Pedigree .footerContainer {
  flex-grow: 0;
  margin: 0;
  padding: 0 0.75rem;
}
.Pedigree .middleContainer {
  flex-grow: 1;
  flex-shrink: 0;
  flex-basis: 15rem;
  min-height: 15rem;
}
.Pedigree .editFamilyMember {
  padding: 0 0.75rem;
}
.Pedigree .graphAndEditContainer {
  background-color: #ffffff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.Pedigree .graphContainer {
  flex-grow: 1;
  flex-shrink: 1;
  position: relative;
  margin: 0.5rem;
}
.Pedigree .assistiveText {
  height: 0;
  position: absolute;
  overflow: hidden;
}
.Pedigree .showUnattachedBanner .headerText {
  font-size: clamp(14px, 1.125rem, 48px);
}
.Pedigree .showUnattachedBanner .showUnattachedButton {
  font-size: clamp(14px, 1rem, 48px);
}
@media print {
  .Pedigree {
    min-height: 0 !important;
  }
  .Pedigree .pedigreeContainer {
    overflow: hidden;
    height: calc(100vh - 12rem);
  }
  .Pedigree .middleContainer {
    min-height: 0;
  }
}

.mobile .hideInMobile {
  display: none;
}
@media print {
  .mobile .pedigreeContainer {
    overflow: hidden;
    height: calc(100vh - 100px);
  }
}

@supports (display: grid) {
  html:not(.mobile) .Pedigree .addCardButton {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15.625rem, 100%), 1fr));
    gap: 0.7rem;
  }
  @media only screen and (max-width: 20rem) {
    html:not(.mobile) .Pedigree .addCardButton {
      grid-template-columns: 1fr;
    }
  }
  html:not(.mobile) .Pedigree .addCardButton .addCardCommand {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (max-width: 50rem) {
  .hideInMobile {
    display: none;
  }
}
.mobile .Pedigree .headerContainer {
  padding: 0 1.25rem;
}
.mobile .Pedigree .footerContainer {
  padding: 0 1.25rem;
}
.mobile .Pedigree .editFamilyMember {
  padding: 0 1.25rem;
}

@media screen and (max-width: 768px) {
  .mobile .Pedigree .headerContainer {
    padding: 0 0.75rem;
  }
  .mobile .Pedigree .footerContainer {
    padding: 0 0.75rem;
  }
  .mobile .Pedigree .editFamilyMember {
    padding: 0 0.75rem;
  }
}
.Graph {
  width: 100%;
  height: 100%;
  position: relative;
}
.Graph .ZoomableDraggableSVG {
  height: 100%;
  width: 100%;
  cursor: grab;
}
.Graph .ZoomableDraggableSVG .panning {
  cursor: grabbing;
}
.Graph .ZoomableDraggableSVG.onlyPrint {
  display: none;
}
@media print {
  .Graph .ZoomableDraggableSVG.onlyPrint {
    display: block;
  }
}
.Graph .RadialMenu .outer {
  stroke: #7a0019;
  fill: #ffffff;
  stroke-linecap: round;
  stroke-width: 1px;
}
.Graph .RadialMenu .outerSegmentBackground, .Graph .RadialMenu .outerButton {
  fill: #ffffff;
  stroke: #7a0019;
  stroke-linecap: round;
  stroke-width: 1px;
}
.Graph .RadialMenu .outerSegmentBackground.disabled, .Graph .RadialMenu .outerButton.disabled {
  fill: #dbdbdb;
  stroke: #565656;
}
.Graph .RadialMenu .outerSegment {
  fill: transparent;
  stroke: none;
}
.Graph .RadialMenu .outerSegment:not(.disabled):hover, .Graph .RadialMenu .outerSegment:not(.disabled):active, .Graph .RadialMenu .outerButton:not(.disabled):hover, .Graph .RadialMenu .outerButton:not(.disabled):active {
  fill: #f2e6e8;
  stroke: #680015;
}
.Graph .RadialMenu .outerSegment:not(.disabled):hover .text, .Graph .RadialMenu .outerSegment:not(.disabled):active .text, .Graph .RadialMenu .outerButton:not(.disabled):hover .text, .Graph .RadialMenu .outerButton:not(.disabled):active .text {
  fill: #680015;
}
.Graph .RadialMenu .outerSegment:focus {
  stroke: #000000;
  stroke-width: 2px;
  stroke-linecap: round;
  outline: none;
}
.Graph .RadialMenu .inner {
  fill: transparent;
}
.Graph .RadialMenu .text {
  user-select: none;
  stroke: none;
  fill: #7a0019;
  text-anchor: middle;
  font-size: 12px;
  pointer-events: none;
}
.Graph .RadialMenu .disabled .text {
  fill: #565656;
}
.Graph .tree {
  background-color: #ffffff;
  forced-color-adjust: none;
}
.Graph .otherActionsContainer {
  position: absolute;
  bottom: clamp(1px, 0.75rem, 22px);
  left: clamp(1px, 0.75rem, 22px);
  right: initial;
  width: auto;
  pointer-events: none;
}
.Graph .selectedPersonStart {
  stop-color: #7a0019;
}
.Graph .selectedPersonEnd {
  stop-color: transparent;
}
.Graph[class][class][class] .graphAction {
  display: inline-block;
  margin: 0.5rem 0.3rem 0 0;
  vertical-align: middle;
  font-size: clamp(8px, 1rem, 30px);
  pointer-events: initial;
}

.mobile .Graph[class][class][class] .graphAction {
  padding: clamp(8px, 0.75rem, 10px);
}

.PersonShape {
  outline-offset: 5px;
  cursor: pointer;
}
.PersonShape.basicSeven .pedigreeSymbolShape {
  stroke-dasharray: 3, 4;
  stroke: #953347;
  fill: #e4ccd1;
}
.PersonShape .pedigreeSymbolShape {
  stroke: #953347;
  fill: #953347;
}
.PersonShape .basicSevenAddCross {
  stroke: #7a0019;
  stroke-linecap: round;
  stroke-width: 4;
  fill: none;
}
.PersonShape .backgroundHighlight {
  stroke: transparent;
  fill: transparent;
}
.PersonShape .backgroundHighlight.hover {
  fill: #e6f3ff;
  stroke: #0e89d5;
}
.PersonShape .backgroundHighlight.selected {
  stroke: #2d96ff;
  fill: #bfe1ff;
}
.PersonShape .pedigreeVertexSummaryText {
  font-size: 16px; /* used in SVG so needs to be pixels */
  user-select: none;
  stroke: none;
  fill: #363636;
  font-weight: bold;
  text-anchor: middle;
}
.PersonShape .pedigreeVertexSummaryName {
  font-weight: normal;
}
.PersonShape .patientPhoto {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 30%;
  border: 0px none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 45px; /* used in SVG so needs to be pixels */
  font-size: 24px; /* used in SVG so needs to be pixels */
  color: #ffffff;
  user-select: none;
}
.PersonShape .patientPhoto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  z-index: 2;
}
.PersonShape .personInitial {
  text-anchor: middle;
  font-size: 32px; /* used in SVG so needs to be pixels */
  fill: #ffffff;
  stroke: none;
  user-select: none;
}
.PersonShape .peopleActions {
  visibility: hidden;
}

.PersonShape:focus {
  outline: 2px solid #000000;
}

.mobile .PersonShape:active, .mobile .PersonShape:focus {
  outline: 2px solid;
}

@media print {
  .pedigreeSymbolShape {
    filter: none;
  }
  .mobile .PersonShape:active, .mobile .PersonShape:focus {
    outline: none;
  }
  .PersonShape .pedigreeSymbolShape.pedigreeSymbolPatient[class] {
    fill: #ffffff;
  }
}
.RelationshipLine {
  stroke: #953347;
  stroke-linecap: round;
  fill: none;
}

.UnattachedRelative {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: 100%;
}
.UnattachedRelative .relativeIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  color: #ffffff;
}
.UnattachedRelative .relativeIcon ._image.size-30 {
  width: 1.8rem;
  height: 1.8rem;
}
.UnattachedRelative .relativeIcon.accentColor1 {
  background-color: #258cdb;
}
.UnattachedRelative .relativeIcon.accentColor2 {
  background-color: #2c9b39;
}
.UnattachedRelative .relativeIcon.accentColor3 {
  background-color: #d057c6;
}
.UnattachedRelative .relativeIcon.accentColor4 {
  background-color: #a46fd9;
}
.UnattachedRelative .relativeIcon.accentColor5 {
  background-color: #009793;
}
.UnattachedRelative .relativeIcon.accentColor6 {
  background-color: #ab8030;
}
.UnattachedRelative .relativeIcon.accentColor7 {
  background-color: #d76720;
}
.UnattachedRelative .cardHeader {
  display: flex;
  gap: 0.5rem;
}
.UnattachedRelative .headerText {
  text-align: left;
  overflow-wrap: anywhere;
}
.UnattachedRelative .headerText .cardHeading {
  font-weight: bolder;
  line-height: 1.25rem;
  color: #363636;
  margin-top: 1px;
  padding: 0;
}
.UnattachedRelative .headerText .cardSubheading {
  color: #565656;
}

.UnattachedRelativeList {
  padding: 0rem 0.75rem;
}
.UnattachedRelativeList .list {
  margin-bottom: 0.68rem;
}
.UnattachedRelativeList[class][class][class] .backButton {
  margin: 0.5rem 0 0 0;
  padding: 0;
  text-underline-offset: 0.2rem;
}
.UnattachedRelativeList .subHeader {
  padding-bottom: 0.5rem;
}

@supports (display: grid) {
  .UnattachedRelativeList .list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(15.625rem, 100%), 1fr));
    gap: 0.7rem;
  }
  @media only screen and (max-width: 20rem) {
    .UnattachedRelativeList .list {
      grid-template-columns: 1fr;
    }
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .UnattachedRelativeList .list {
    display: flex;
    flex-wrap: wrap;
  }
  .UnattachedRelativeList .list > li {
    width: calc(33.33% - 0.7rem);
    margin: 0 0.7rem 0.7rem 0;
  }
}
.mobile .UnattachedRelativeList {
  padding: 0rem 1.25rem;
}

@media screen and (max-width: 768px) {
  .UnattachedRelativeList {
    padding: 0rem 0.75rem;
  }
}
.SidePanel {
  min-width: clamp(0px, 25rem, 500px);
  max-width: 25rem;
  position: relative;
  flex-direction: column;
  font-size: clamp(14px, 1rem, 32px);
}
.SidePanel[class][class][class] {
  display: flex;
  margin: 1rem 1.25rem 1rem 0.5rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
.SidePanel .cardHeader {
  padding: 0 0 0.75rem 0.5rem;
  flex-grow: 0;
  border-bottom: solid 1px #dbdbdb;
}
.SidePanel .cardHeader h2 {
  padding: 0.375rem 0 0.25rem 0;
  overflow-wrap: anywhere;
}
.SidePanel .cardHeader .sidebarHeaderContainer {
  display: flex;
  flex-direction: row;
}
.SidePanel .cardHeader .sidebarHeaderContainer .headerInfo {
  flex-grow: 1;
  flex-shrink: 1;
}
.SidePanel .cardHeader .sidebarHeaderContainer .headerCommand {
  flex-grow: 0;
  flex-shrink: 0;
  width: auto;
}
.SidePanel .cardHeader .nameAndStatusInfo {
  margin-top: 0.25rem;
}
.SidePanel .headerText {
  font-size: clamp(16px, 1.423rem, 48px);
}
.SidePanel .titleAction[class] {
  margin: 0;
  padding: 0.375rem 0.5rem;
  font-size: clamp(14px, 1rem, 32px);
}
.SidePanel .contentsAndFooterContainer {
  flex: 1 1 1px;
  overflow-y: auto;
  background-color: #ffffff;
  border-radius: 0 0 6px 6px;
}
.SidePanel .contentsAndFooter {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 0 0.5rem 0 0.5rem;
}
.SidePanel .contents {
  flex: 1 0 auto;
}
.SidePanel .footer {
  flex-shrink: 0;
  justify-content: center;
}
.SidePanel .navigatorButtons {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  width: 100%;
  padding-bottom: 0.5rem;
}
.SidePanel .name {
  overflow-wrap: anywhere;
}
.SidePanel .status {
  overflow-wrap: anywhere;
  color: #767676;
}
.SidePanel .conditionTitle {
  font-size: clamp(14px, 1.265rem, 48px);
}
.SidePanel .navigateButtonHeader {
  padding-bottom: 0;
  margin-bottom: 0.25rem;
  font-size: clamp(14px, 1.265rem, 48px);
}
.SidePanel .addButtonSection {
  padding-top: 0.75rem;
}
.SidePanel .addButtonSection .addFamilyMemberButton {
  width: 100%;
  font-size: clamp(14px, 1rem, 32px);
}
.SidePanel[class][class][class] button._Command {
  padding-left: clamp(1px, 0.75rem, 16px);
  padding-right: clamp(1px, 0.75rem, 16px);
  padding-top: clamp(1px, 0.375rem, 16px);
  padding-bottom: clamp(1px, 0.375rem, 16px);
}

.SidePanel.veryLargeFont {
  overflow-y: auto;
}
.SidePanel.veryLargeFont .sidebarHeaderContainer {
  flex-direction: column;
}
.SidePanel.veryLargeFont .contentsAndFooterContainer {
  overflow-y: visible;
}

@media screen and (max-width: 800px) {
  .SidePanel[class][class][class] {
    position: fixed;
    top: 6rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0;
    min-width: 0;
    max-width: none;
    width: initial;
  }
  .mobile .SidePanel[class][class][class] {
    top: 0;
  }
  .mobile .SidePanel[class][class][class] button._Command {
    padding: clamp(8px, 0.75rem, 12px);
  }
}
@media screen and (max-width: 800px) and (min-height: 600px) {
  .SidePanel:not(.largeFont)[class][class][class] {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    border-radius: 1rem 1rem 0 0;
    margin: 0;
    min-width: 0;
    max-width: none;
    width: initial;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 2000px) {
  .SidePanel.largeFont[class][class][class] {
    position: fixed;
    top: 6rem;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    margin: 0;
    min-width: 0;
    max-width: none;
    width: initial;
  }
  .mobile .SidePanel.largeFont[class][class][class] {
    top: 0;
  }
}
.AddFamilyMemberSidePanel {
  display: flex;
  flex-direction: column;
}
.AddFamilyMemberSidePanel .fieldGroupPrompt, .AddFamilyMemberSidePanel ._DataEntryLabel {
  font-size: clamp(14px, 1rem, 32px);
}
.AddFamilyMemberSidePanel .cardHeader {
  padding: 0 0 0.75rem 0.5rem;
  flex-grow: 0;
}
.AddFamilyMemberSidePanel .contents {
  padding: 0.75rem 0.5rem 0.5rem 0.5rem;
  flex: 1 1 1px;
  overflow-y: auto;
}
.AddFamilyMemberSidePanel .contents .actionButtonLine {
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  align-items: center;
}
.AddFamilyMemberSidePanel .contents .actionButton {
  flex-basis: calc(50% - 1.5rem);
  flex-grow: 0;
}
.AddFamilyMemberSidePanel .bottomActions {
  width: 48%;
}
.AddFamilyMemberSidePanel .bottomActions[class] {
  font-size: clamp(14px, 1rem, 32px);
}

.SidePanel.veryLargeFont {
  overflow-y: auto;
}
.SidePanel.veryLargeFont .contents {
  overflow-y: visible;
}

.SidePanelCondition {
  margin-bottom: 0.5rem;
}
.SidePanelCondition .condition {
  font-size: 1rem;
  overflow-wrap: anywhere;
  font-size: clamp(14px, 1rem, 32px);
}
.SidePanelCondition .probandConditionLink {
  overflow-wrap: anywhere;
}
.SidePanelCondition .ageAndComment {
  font-size: 1rem;
  color: #767676;
  margin-left: 0.25rem;
  overflow-wrap: anywhere;
  font-size: clamp(14px, 1rem, 32px);
}

/* Copyright 2021-2022 Epic Systems Corporation */
.PersonalInformation {
  display: flex;
}
@media screen and (max-width: 1300px) {
  .PersonalInformation {
    flex-direction: column;
  }
}
.PersonalInformation .personalInfoContent {
  flex: 3;
}
.PersonalInformation .personalInfoContent .photoContactInfoRow {
  display: flex;
  flex-wrap: wrap;
}
.PersonalInformation .DetailsAboutMe {
  margin-block: 1rem;
}
.PersonalInformation .RelatedLinksSidebar {
  flex: 1;
  background: rgba(122, 0, 25, 0.05);
  margin: 0 -1.25rem -150% 1rem;
  padding-top: 2rem;
  padding-left: 1rem;
  grid-area: sidebar;
  box-shadow: 0.6rem 0 0.6rem -0.6rem rgba(0, 0, 0, 0.1) inset;
}
.mobile .PersonalInformation .RelatedLinksSidebar {
  display: none;
}
@media screen and (max-width: 1300px) {
  .PersonalInformation .RelatedLinksSidebar {
    margin: 0;
    box-shadow: 0 0.6rem 0.6rem -0.6rem rgba(0, 0, 0, 0.1) inset;
  }
}
.PersonalInformation .RelatedLinksSidebar ._heading {
  padding-left: 1rem;
}
.PersonalInformation .RelatedLinksSidebar ._InternalLink {
  background: none;
}
.PersonalInformation .RelatedLinksSidebar ._InternalLink[class] {
  display: flex;
  text-align: left;
  align-items: center;
  padding: 1.5rem 0 1.5rem 1rem;
  margin: 0;
  border: none;
  color: #000000;
}
.PersonalInformation .RelatedLinksSidebar ._InternalLink::after {
  background-color: rgba(118, 118, 118, 0.25);
  width: calc(100% - 2.5rem - 0.7rem);
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #363636;
}
.PersonalInformation .RelatedLinksSidebar ._Icon {
  margin-right: 1rem;
}
@media print {
  .PersonalInformation .RelatedLinksSidebar {
    display: none;
  }
}

.ContactInformation .Badge {
  padding: 0 0.5rem;
  width: max-content;
  height: fit-content;
  font-size: 0.8rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 1rem;
  white-space: nowrap;
}
.ContactInformation .Badge.neutral {
  background-color: #e0f1ff;
  border-color: #005ebb;
  color: #005ebb;
}
.ContactInformation .Badge.positive {
  background-color: #ccffd8;
  border-color: #09aa71;
  color: #12553d;
}
.ContactInformation.boundary-strong {
  padding-top: 0.75rem;
  padding-left: 1rem;
  flex: 1 0 50%;
}
.ContactInformation .cardHeader {
  display: flex;
  flex-wrap: wrap;
}
.ContactInformation .cardHeader .cardTitleText {
  padding-top: 0;
  width: fit-content;
  flex-grow: 1;
}
.ContactInformation .subSection {
  display: flex;
  padding-bottom: 0.75rem;
}
.ContactInformation .iconLabel {
  margin-right: 0.25rem;
  flex-shrink: 0;
}
.ContactInformation .textWithIconLine {
  display: flex;
  align-items: center;
  word-break: break-word;
}
.ContactInformation .needsVerificationIcon {
  color: #d80000;
  flex-shrink: 0;
  align-self: flex-start;
  margin-right: 4px;
}
.ContactInformation .verificationButton[class] {
  display: flex;
  align-items: center;
}
.ContactInformation .indentForVerificationIcon {
  padding-left: 28px;
}

.DetailsAboutMe .Badge {
  padding: 0 0.5rem;
  width: max-content;
  height: fit-content;
  font-size: 0.8rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 1rem;
  white-space: nowrap;
}
.DetailsAboutMe .Badge.neutral {
  background-color: #e0f1ff;
  border-color: #005ebb;
  color: #005ebb;
}
.DetailsAboutMe .Badge.positive {
  background-color: #ccffd8;
  border-color: #09aa71;
  color: #12553d;
}
.DetailsAboutMe.boundary-strong {
  padding-top: 0.75rem;
  padding-left: 1rem;
}
.DetailsAboutMe .cardHeader {
  display: flex;
  flex-wrap: wrap;
}
.DetailsAboutMe .cardHeader .cardTitleText {
  padding-top: 0;
  width: fit-content;
  flex-grow: 1;
}
.DetailsAboutMe[class] .learnMoreLink {
  margin: 0 0 0.75rem 0;
  padding: 0;
  display: flex;
}
.DetailsAboutMe ._readOnlyText._Text:not(:only-child), .DetailsAboutMe ._readOnlyText._ExternalAccessibleDescription:not(:only-child) {
  margin: 0;
}
.DetailsAboutMe .disclosureButton {
  justify-content: left;
  width: fit-content;
}
.DetailsAboutMe ._LayoutGrid.fieldGrid {
  padding: 0 1.5rem;
  margin-bottom: 0.5rem;
}
.DetailsAboutMe .moreAboutMeDisclosure {
  padding: 0 1.5rem 0 1rem;
}
.DetailsAboutMe .moreAboutMeDisclosure .fieldGrid {
  padding: 0 0.5rem;
}

.LearnMorePopup ._readOnlyText._Text:not(:only-child), .LearnMorePopup ._readOnlyText._ExternalAccessibleDescription:not(:only-child) {
  margin: 0;
}
.LearnMorePopup h3:first-of-type {
  padding-top: 0;
}

.EmergencyContacts .Badge {
  padding: 0 0.5rem;
  width: max-content;
  height: fit-content;
  font-size: 0.8rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 1rem;
  white-space: nowrap;
}
.EmergencyContacts .Badge.neutral {
  background-color: #e0f1ff;
  border-color: #005ebb;
  color: #005ebb;
}
.EmergencyContacts .Badge.positive {
  background-color: #ccffd8;
  border-color: #09aa71;
  color: #12553d;
}
.EmergencyContacts .EmergencyContactsList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  grid-gap: 0.75rem;
  margin-bottom: 1rem;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact {
  display: flex;
  flex-direction: column;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact.boundary-strong {
  padding-top: 0.75rem;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .cardHeader {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0.5rem;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .cardHeader .cardTitleText {
  padding: 0;
  width: fit-content;
  flex-grow: 1;
  word-break: break-word;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .cardHeader .Badge {
  text-wrap: wrap;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .subSection {
  display: flex;
  padding-bottom: 0.75rem;
  word-break: break-word;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .emergencyContactContent {
  padding-left: 0.5rem;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .iconLabel {
  margin-right: 0.25rem;
  flex-shrink: 0;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact ._readOnlyText._Text:not(:only-child), .EmergencyContacts .EmergencyContactsList .EmergencyContact ._readOnlyText._ExternalAccessibleDescription:not(:only-child) {
  margin: 0;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .emergencyContactContent {
  padding-top: 0.5rem;
}
.EmergencyContacts .EmergencyContactsList .EmergencyContact .linkedPatientBlock {
  display: flex;
  align-items: center;
  align-self: center;
  padding-top: 0;
  color: #565656;
  height: 100%;
  position: relative;
  left: -0.5rem;
}
.EmergencyContacts .EmergencyContactsList .addContact {
  border-radius: 6px;
  border: 2px dashed #cccccc;
  min-height: 6rem;
  color: #404d5b;
}
.EmergencyContacts .EmergencyContactsList .addContact:hover {
  color: #384450;
  border-color: transparent;
  background-color: #ffffff;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}

.EmergencyContactForm {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.EmergencyContactForm .fullWidthInput input,
.EmergencyContactForm .fullWidthInput select {
  width: 100%;
}
.EmergencyContactForm .AddressContainer,
.EmergencyContactForm .TemporaryAddressContainer,
.EmergencyContactForm .ContactMethodsContainer,
.EmergencyContactForm .RelationshipInformationContainer {
  width: clamp(75%, 40rem, 100%);
}
.EmergencyContactForm .AddressContainer > *:not(.formHeader),
.EmergencyContactForm .TemporaryAddressContainer > *:not(.formHeader),
.EmergencyContactForm .ContactMethodsContainer > *:not(.formHeader),
.EmergencyContactForm .RelationshipInformationContainer > *:not(.formHeader) {
  padding: 0 0.5rem;
}
.EmergencyContactForm .AddressContainer .formHeader,
.EmergencyContactForm .TemporaryAddressContainer .formHeader,
.EmergencyContactForm .ContactMethodsContainer .formHeader,
.EmergencyContactForm .RelationshipInformationContainer .formHeader {
  display: flex;
  align-items: center;
  padding: 0.25rem;
}
.EmergencyContactForm .AddressContainer .formHeader .iconHeading,
.EmergencyContactForm .TemporaryAddressContainer .formHeader .iconHeading,
.EmergencyContactForm .ContactMethodsContainer .formHeader .iconHeading,
.EmergencyContactForm .RelationshipInformationContainer .formHeader .iconHeading {
  color: #7a0019;
}
.EmergencyContactForm .AddressContainer .formHeader .sectionTitle,
.EmergencyContactForm .TemporaryAddressContainer .formHeader .sectionTitle,
.EmergencyContactForm .ContactMethodsContainer .formHeader .sectionTitle,
.EmergencyContactForm .RelationshipInformationContainer .formHeader .sectionTitle {
  padding: 0;
}
.EmergencyContactForm .AddressContainer .relationToPatientFields ._GridRow,
.EmergencyContactForm .TemporaryAddressContainer .relationToPatientFields ._GridRow,
.EmergencyContactForm .ContactMethodsContainer .relationToPatientFields ._GridRow,
.EmergencyContactForm .RelationshipInformationContainer .relationToPatientFields ._GridRow {
  align-items: center;
}
.EmergencyContactForm .formButtons {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  column-gap: 0.5rem;
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .EmergencyContactForm .formButtons {
    flex-wrap: wrap;
  }
  .EmergencyContactForm .formButtons button, .EmergencyContactForm .formButtons a {
    width: 100%;
  }
}
.EmergencyContactForm .errorSummary {
  margin-bottom: 24px;
}

.PatientPhoto {
  flex: 1 1 20%;
}
.PatientPhoto .photoNameContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow-wrap: break-word;
}
.PatientPhoto .editMode .roundedPatientPhoto {
  height: 103px;
  width: 103px;
}
.PatientPhoto .readMode {
  padding-top: 10px;
}
.PatientPhoto .readMode .roundedPatientPhoto {
  height: 192px;
  width: 192px;
}
.PatientPhoto .roundedPatientPhoto {
  display: flex;
  border-radius: 100%;
  border-style: solid;
  border-width: 6px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  height: 192px;
  width: 192px;
  line-height: 2.4rem;
  font-size: 3rem;
  z-index: 1;
  color: #ffffff;
}
@media print {
  .PatientPhoto .roundedPatientPhoto {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    border-width: 0;
  }
  .PatientPhoto .roundedPatientPhoto ._readOnlyText {
    color: #ffffff !important;
  }
}
.PatientPhoto .patientPhotoName ._PageHeading {
  color: var(--wp-proxy-color);
  word-break: break-word;
  line-height: 1rem;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}

.CustomizeSelf {
  flex: 1 1 20%;
  min-width: 280px;
  align-content: center;
  border: 0px !important;
  padding: 0 !important;
  margin: 0 !important;
}
.CustomizeSelf .openComponentChangeImage {
  position: absolute !important;
  top: calc(50% + 23px);
  display: flex;
  justify-content: center;
  width: 60px;
  left: calc(50% + 28px);
  z-index: 1;
}
.CustomizeSelf .openComponentChangeImage button:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15) 0 0);
  border-radius: 100%;
}
.CustomizeSelf .customizePreviewButtons {
  border-radius: 100% !important;
  width: 40px;
  height: 40px;
  padding: 4px !important;
  border: solid 2px white;
}
.CustomizeSelf ._image.size-30 {
  height: 30px !important;
  width: 30px !important;
  top: 0 !important;
  left: 0 !important;
  padding-left: 0;
  padding-top: 0;
}
.CustomizeSelf .PatientPhoto .photoNameContainer {
  width: 100%;
}

.componentBox {
  background: transparent !important;
  box-shadow: none !important;
}

.colorScheme {
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 843px) {
  .colorScheme {
    padding-bottom: 2rem;
  }
}

.colorSchemeContainer {
  display: flex;
  justify-content: center;
  left: 0;
  padding-right: 0;
}
.colorSchemeContainer .colorPreviewSizing {
  min-width: 30px;
  width: 30px;
  height: 30px;
  border-radius: 100%;
}
.colorSchemeContainer ._image.size-30 {
  height: 30px !important;
  width: 30px !important;
  top: 0 !important;
  left: 0 !important;
  padding-left: 0;
  padding-top: 0;
}
@media screen and (min-width: 1301px) {
  .colorSchemeContainer {
    justify-content: left;
    padding-right: 0;
  }
}

.checkmark {
  color: white;
  text-align: left;
  width: 30px;
  top: 0;
  line-height: 0;
}

.pencilButtonIcon {
  color: white;
  text-align: left;
  width: 30px;
  top: 0;
  line-height: 0;
}

.colorPreviewSizing {
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-left: 10px;
}

.previewColorContainer {
  display: flex !important;
}

.customizePopupHeight {
  height: 360px !important;
}

.photoButtonContainer {
  display: grid !important;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1301px) {
  .photoButtonContainer {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: left;
  }
}

.colorPreviewText {
  display: flex;
  padding-right: 180px;
  justify-content: center;
}
@media screen and (min-width: 1301px) {
  .colorPreviewText {
    justify-content: left;
    padding-left: 10px;
  }
}

.popupImageDisclaimerText {
  display: flex;
  justify-content: center;
  padding-top: 10px;
  text-align: center;
  padding-left: 0;
}
@media screen and (min-width: 1301px) {
  .popupImageDisclaimerText {
    justify-content: left;
    padding-left: 10px;
  }
}

.popupComponentStructure {
  display: flex;
  flex-wrap: wrap;
}
.popupComponentStructure .customizablePopupSection {
  padding-top: 0px;
}
.popupComponentStructure .PatientPhoto .photoNameContainer {
  width: 100%;
  padding-bottom: 0px !important;
}
@media screen and (min-width: 1301px) {
  .popupComponentStructure {
    min-width: 550px;
    flex-wrap: nowrap;
  }
  .popupComponentStructure .customizablePopupSection {
    padding-top: 0px;
  }
  .popupComponentStructure .PatientPhoto .photoNameContainer {
    width: 220px;
  }
}

.textAndIconContainer {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

.firstButtonPadding {
  padding-left: 0.75rem;
  margin-bottom: 0px !important;
}
@media screen and (min-width: 1301px) {
  .firstButtonPadding {
    padding-left: 0.3rem !important;
    padding-bottom: 0.75rem !important;
  }
}

.secondButtonPadding {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0px !important;
}
@media screen and (min-width: 1301px) {
  .secondButtonPadding {
    padding-top: 0.5rem !important;
    margin-top: 0 !important;
  }
}

.photoPopupFlex {
  flex: 1 0 0;
}
@media screen and (min-width: 1301px) {
  .photoPopupFlex {
    flex: 0 0 0;
  }
}

.imageErrorText {
  max-width: 100%;
  color: #D80000;
  font-size: 0.9rem;
  margin-top: 0 !important;
  justify-content: center;
  padding-left: 22% !important;
  padding-right: 18% !important;
}
@media screen and (min-width: 1301px) {
  .imageErrorText {
    text-align: left;
    max-width: 19rem;
    padding-left: 11px !important;
    padding-right: 0 !important;
  }
}

.imageErrorTextWidth {
  max-width: 255px !important;
  padding-left: 5px;
}
@media screen and (min-width: 1301px) {
  .imageErrorTextWidth {
    max-width: 100% !important;
  }
}

.nextToCustomizeComponent {
  max-height: fit-content;
}

/* Copyright 2023-2024 Epic Systems Corporation */
.PharmacyCard._Segment.boundary-strong {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.PharmacyCard._Segment.boundary-strong .Sections {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0.2rem 0.75rem;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyCardHeader {
  display: flex;
  align-items: center;
  word-break: break-word;
  padding: 0.25rem 0 0.5rem;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection {
  margin-left: -0.3rem;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection .PharmacyAddress {
  display: flex;
  align-items: center;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection .PharmacyAddress .PharmacyAddressIcon {
  fill: #404d5b;
  flex-shrink: 0;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection .PharmacyAddress .PharmacyDirectionsLink {
  fill: #404d5b;
  margin-top: 0.2rem;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection .PharmacyPhoneNumber {
  display: flex;
  align-items: center;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection .PharmacyPhoneNumber .PharmacyPhoneNumberIcon {
  fill: #404d5b;
  flex-shrink: 0;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyContactSection .PharmacyPhoneNumber .PharmacyTelephoneLink {
  fill: #404d5b;
  display: flex;
  align-items: center;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyHours .PharmacyHoursHeading {
  padding: 0.75rem 0 0;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyHours .HoursOfOperation {
  white-space: pre-wrap;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList {
  margin: 0.5rem 0;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList .PharmacyDeliveryMethodListHeading {
  padding: 0.5rem 0 0;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement {
  flex-basis: 50%;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod {
  display: flex;
  align-items: flex-start;
  /*rtl:raw:
  	align-items: flex-end;
  */
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodIconContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: fit-content;
  width: fit-content;
  flex-shrink: 0;
  margin-left: -5px;
  margin-top: 0.4rem;
}
.PharmacyCard._Segment.boundary-strong .Sections .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodText {
  margin-top: 0.4rem;
  min-width: 0;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardRemoveButton {
  width: 100%;
  border-top: 1px solid #dbdbdb;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardRemoveButton .RemoveCommand {
  width: 100%;
  padding: 0.2rem 0.75rem;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardRemoveButton .RemoveCommand .CommandContent {
  margin-left: -0.3rem;
  display: flex;
  align-items: center;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardRemoveButton .RemoveCommand .CommandContent .ActionIcon {
  margin: 0 0.25rem 0 0;
  flex-shrink: 0;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardIntegratedBadge {
  display: flex;
  width: fit-content;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  padding: 2px 13px 2px 13px;
  background-color: #e0f1ff;
  border-color: #0085f2;
  color: #003d7a;
  margin-top: 0.5rem;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardIntegratedBadge ._command {
  margin-top: -0.15rem;
}
.PharmacyCard._Segment.boundary-strong .PharmacyCardIntegratedBadge ._command ._image {
  fill: #003d7a;
}

.PharmacySearchPage .PharmacySearchInputs .BrowserLocationButton[class][class] {
  margin: 0.25rem 0;
  padding: 0;
  text-align: unset;
  font-size: 0.85rem;
  width: fit-content;
}
.mobile .PharmacySearchPage .PharmacySearchInputs .BrowserLocationButton[class][class][class] {
  padding: 0;
  font-size: 0.85rem;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationButton > .contentWrapper {
  display: inline-flex;
  align-items: center;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationButton .locationIcon {
  margin: 0 0.25rem;
  width: 1.15rem;
  height: 1.15rem;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationButton .workingText:before {
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .ToggleSwitch ._Text {
  align-self: center;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail .onIcon {
  z-index: 1;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail .sliderKnob, .PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderButton {
  margin-left: auto;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .ToggleSwitch {
  flex-direction: row-reverse;
  margin: 0;
}
.PharmacySearchPage .PharmacySearchInputs .BrowserLocationToggle .ToggleSwitch .sliderButton {
  margin-left: 0;
  margin-right: 10px;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector {
  display: flex;
  flex-direction: column;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ErrorStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within {
    will-change: transform;
  }
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within :focus-visible {
  outline: none;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField {
  flex-grow: 1;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._command, .PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0.75rem;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput + ._ValidationMessage:not(:empty) {
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .ModifiedValidatedTextInput ._ValidatedInput {
  margin: 0;
}
.PharmacySearchPage .PharmacySearchInputs .LocationCollector .textInputWithIcon::before {
  content: url("../../images/provider-finder/location_pin.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}
.PharmacySearchPage .PharmacySearchInputs .searchLocationUnselected ._SearchInput {
  margin-top: 1.6rem;
}
.PharmacySearchPage .PharmacySearchInputs .searchLocationUnselected .RunSearchCommand[class][class] {
  margin-top: 1.6rem;
}
.PharmacySearchPage .PharmacySearchInputs fieldset legend {
  padding: 0;
  margin-bottom: 0.5rem;
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  align-items: flex-start;
  margin-top: -0.15rem;
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter .searchIcon {
  order: -1;
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter ._SearchInput {
  margin-bottom: 0.75rem;
}
@media screen and (max-width: 769px) {
  .PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter ._SearchInput {
    width: 100%;
  }
}
@media screen and (min-width: 770px) {
  .PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter ._SearchInput {
    flex: 8;
    padding-right: 10px;
    flex: 6;
  }
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter .LocationCollector, .PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter .PharmacySearchPostalCodeInput {
  flex: 1;
  min-width: 200px;
  max-height: fit-content;
  width: auto;
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter .LocationCollector .textInputWithIcon::before {
  content: url("../../images/pharmacies/flat_locationpinfilled.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter .PharmacySearchPostalCodeInput ._ValidatedInput {
  width: 100%;
}
.PharmacySearchPage .PharmacySearchInputs ._DataEntrySet-fields .ImplicitSubmitter .RunSearchCommand {
  flex: 1;
  margin-top: 0;
  min-width: max-content;
  padding: calc(0.725rem + 1px) 0.75rem;
}
.PharmacySearchPage .PharmacyCardIntegratedBadge {
  display: flex;
  width: fit-content;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  padding: 2px 13px 2px 13px;
  background-color: #e0f1ff;
  border-color: #0085f2;
  color: #003d7a;
  margin-top: 0.5rem;
}
.PharmacySearchPage .PharmacyCardIntegratedBadge ._command {
  margin-top: -0.15rem;
}
.PharmacySearchPage .PharmacyCardIntegratedBadge ._command ._image {
  fill: #003d7a;
}
.PharmacySearchPage .PharmacySearchResultCard {
  margin-bottom: 0.5rem;
  display: flex;
  padding: 0.75rem 0rem 0.75rem 0.75rem;
}
@media screen and (max-width: 769px) {
  .PharmacySearchPage .PharmacySearchResultCard {
    display: block;
    padding: 0.75rem;
  }
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacySearchResultCardDetailsWName ._StatusBadge {
  margin-bottom: 0;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacySearchCardAction {
  flex-basis: 10%;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacySearchCardAction ._Command {
  margin: auto;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacySearchCardAction ._Command ._readOnlyText {
  font-size: 1.423828125rem;
}
@media screen and (max-width: 769px) {
  .PharmacySearchPage .PharmacySearchResultCard .PharmacySearchCardAction ._Command {
    margin-top: 0.5rem;
    display: flex;
    padding: 0;
    width: 100%;
    text-align: left;
  }
  .PharmacySearchPage .PharmacySearchResultCard .PharmacySearchCardAction ._Command ._readOnlyText {
    margin-top: 0.35rem;
    margin-right: 0.2rem;
    width: fit-content;
  }
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacySearchResultCardDetails {
  display: flex;
  gap: 10px;
}
@media screen and (max-width: 769px) {
  .PharmacySearchPage .PharmacySearchResultCard .PharmacySearchResultCardDetails {
    display: block;
  }
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyCardHeader {
  padding: 0;
  word-break: break-word;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyDistanceLabel {
  padding-left: clamp(16px, 1.847rem, 48px);
  color: #767676;
  font-size: 0.895rem;
  margin-top: -0.28rem;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyContactSection {
  flex-basis: 45%;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyContactSection:empty {
  flex-basis: 0%;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyHours {
  flex-basis: 25%;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyHours .PharmacyHoursHeading {
  color: #7a0019;
  padding: 0.75rem 0 0 0;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyDeliveryMethodList {
  flex-basis: 30%;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyDeliveryMethodList .PharmacyDeliveryMethodListHeading {
  color: #7a0019;
  padding: 0.75rem 0 0 0;
}
.PharmacySearchPage .PharmacySearchResultCard .HoursOfOperation[class][class] {
  margin-top: 0.25rem;
  white-space: pre-wrap;
  padding-right: 0.25rem;
}
.PharmacySearchPage .PharmacySearchResultCard .ListOfDeliveryMethods {
  margin-top: -0.2rem;
}
.PharmacySearchPage .PharmacySearchResultCard .ListOfDeliveryMethods ._ListElement {
  flex-basis: 50%;
  overflow-wrap: anywhere;
  min-width: fit-content;
}
.PharmacySearchPage .PharmacySearchResultCard .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod {
  display: flex;
  align-items: flex-start;
  /*rtl:raw:
  	align-items: flex-end;
  */
}
.PharmacySearchPage .PharmacySearchResultCard .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodIconContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: fit-content;
  width: fit-content;
  flex-shrink: 0;
  margin-left: -5px;
  margin-top: 0.4rem;
}
.PharmacySearchPage .PharmacySearchResultCard .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodText {
  margin-top: 0.4rem;
  min-width: 0;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyAddress {
  display: flex;
  align-items: center;
  padding-right: 0.25rem;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyAddress .PharmacyAddressIcon {
  flex-shrink: 0;
  fill: #404d5b;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyContactSection {
  padding-top: 0.55rem;
  transform: translateX(-5px);
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyPhoneNumber {
  display: flex;
  align-items: center;
  margin-top: 0.2rem;
}
.PharmacySearchPage .PharmacySearchResultCard .PharmacyPhoneNumber .PharmacyPhoneNumberIcon {
  flex-shrink: 0;
  fill: #404d5b;
}
.PharmacySearchPage .PharmacySearchCardAction {
  flex: 1 1 12%;
  border-left: 1px solid #dbdbdb;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 90px;
}
@media screen and (max-width: 769px) {
  .PharmacySearchPage .PharmacySearchCardAction {
    display: block;
    border-top: 1px solid #dbdbdb;
    border-left: none;
    margin-top: 0.2rem;
    min-width: none;
  }
}
.PharmacySearchPage .PharmacySearchCardAction .AlignContainer {
  text-align: center;
}
.PharmacySearchPage .PharmacySearchCardAction .AlignContainer ._image {
  fill: #7a0019;
}
@media screen and (max-width: 769px) {
  .PharmacySearchPage .PharmacySearchCardAction button {
    display: flex;
  }
  .PharmacySearchPage .PharmacySearchCardAction button ._image {
    margin-top: 0.2rem;
  }
}
.PharmacySearchPage .PharmacySearchResults {
  padding-top: 0.5rem;
}
.PharmacySearchPage .PharmacySearchResults .ShowMoreResultsTextContainer {
  padding: 1rem;
}
.PharmacySearchPage .PharmacySearchResults .PharmacySearchTooManyResultsHeader {
  text-align: center;
}
.PharmacySearchPage .PharmacySearchResults .PharmacySearchTooManyResultsMessage {
  text-align: center;
}
.PharmacySearchPage .IntegratedPharmacyBanner {
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  border-radius: 6px;
  min-height: 0px;
  width: 99%;
  margin: 0.25rem 0.5%;
}
.PharmacySearchPage .IntegratedPharmacyBanner .IntegratedPharmacyBannerText {
  color: #565656;
}
@media screen and (max-width: 768px) {
  .PharmacySearchPage .IntegratedPharmacyBanner .IntegratedPharmacyBannerText {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .PharmacySearchPage .IntegratedPharmacyBanner h2.overviewPageHeading {
    text-align: center;
  }
}
.PharmacySearchPage .IntegratedPharmacyBanner div.IntegratedPharmacyBannerDisclosure {
  display: none;
}
@media screen and (max-width: 768px) {
  .PharmacySearchPage .IntegratedPharmacyBanner div.IntegratedPharmacyBannerDisclosure {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: fit-content;
  }
}
@media screen and (max-width: 768px) {
  .PharmacySearchPage .IntegratedPharmacyBanner button.disclosureButton {
    margin: 0 auto;
  }
}
.PharmacySearchPage .IntegratedPharmacyBanner div.IntegratedPharmacyBannerDisclosureText {
  color: #565656;
  padding: 0 0.5rem 0.5rem 0.5rem;
}
.PharmacySearchPage .IntegratedPharmacyBanner .headingContainer {
  display: flex;
  flex-direction: column;
  padding-left: 106px;
}
@media screen and (max-width: 768px) {
  .PharmacySearchPage .IntegratedPharmacyBanner .headingContainer {
    padding-top: 60px;
    padding-left: 0;
  }
}
.PharmacySearchPage .IntegratedPharmacyBanner .overviewCardContent {
  display: flex;
  word-wrap: break-word;
  word-break: break-word;
  background: url("../../images/intergrated_pharmacies.svg");
  background-repeat: no-repeat;
  background-position: top 50% left -14px;
  background-size: 120px;
  border-radius: 6px;
}
@media screen and (max-width: 768px) {
  .PharmacySearchPage .IntegratedPharmacyBanner .overviewCardContent {
    display: flex;
    word-wrap: break-word;
    word-break: break-word;
    background: url("../../images/intergrated_pharmacies_mobile.svg");
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-size: 170px;
    border-radius: 6px;
  }
}
.PharmacySearchPage .IntegratedPharmacyBanner[class][class] {
  display: flex;
  flex-direction: row;
  padding: 0;
}
@container (width < 17rem) {
  .PharmacySearchPage .IntegratedPharmacyBanner[class][class] .overviewCardContent {
    background: none;
  }
  .PharmacySearchPage .IntegratedPharmacyBanner[class][class] .headingContainer {
    padding-left: 1rem;
  }
  .PharmacySearchPage .IntegratedPharmacyBanner[class][class] ._link.overviewButton {
    margin-left: 0;
    align-self: center;
  }
}
.PharmacySearchPage .PharmacySearchResultsMessage {
  word-break: break-word;
  font-size: 1.125rem;
}
.PharmacySearchPage .PharmacySearchResultsMessage h2._heading:focus {
  outline: none;
}
.PharmacySearchPage .BackNavigator {
  text-decoration: none;
  color: #404d5b;
  gap: 0.25rem;
  display: flex;
  align-items: center;
}
@media screen {
  .PharmacySearchPage .BackNavigator:is(:focus, :hover) {
    color: #384450;
    text-decoration: underline;
  }
}

.PharmacySearchPage .PharmacySearchInputs {
  padding-right: 0.25rem;
}
.PharmacySearchPage .PharmacySearchGrid {
  display: flex;
  margin-top: 0.5rem;
}
@media screen and (max-width: 1300px) {
  .PharmacySearchPage .PharmacySearchGrid {
    display: block;
  }
}
.PharmacySearchPage .PharmacySearchGrid .sidebar {
  flex: 0 1 0;
  min-width: 0;
}
.PharmacySearchPage .PharmacySearchGrid .sidebar:not(:empty) {
  flex-shrink: 0;
  flex-basis: 25%;
  margin-right: 1rem;
}
.PharmacySearchPage .PharmacySearchGrid .results {
  flex: 1 1 75%;
  min-width: 0;
  position: relative;
  height: fit-content;
}
.PharmacySearchPage .PharmacySearchGrid .resultsHeader {
  display: flex;
  align-items: center;
  margin-left: 0.5%;
}
.PharmacySearchPage .PharmacySearchGrid .resultsHeader ._labelledField {
  min-width: fit-content;
  margin-right: 1%;
}

.PharmacySearchFilters {
  border-right: solid thin;
  border-right-color: lightgray;
}
.PharmacySearchFilters .PharmacyFiltersHeading {
  margin-bottom: 0;
  display: flex;
}
.PharmacySearchFilters .PharmacyFiltersHeading .clearFiltersButton {
  float: right;
  padding-right: 0;
}
.PharmacySearchFilters .PharmacyFiltersHeading + ._Segment {
  margin-top: 0;
}
@media screen and (min-width: 1300px) {
  .PharmacySearchFilters {
    padding-right: 20px;
  }
}
.PharmacySearchFilters .fieldGroupPrompt {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
}
.PharmacySearchFilters .Hours .fieldGroupPrompt {
  padding-bottom: 0rem;
}
.PharmacySearchFilters ._labelledField {
  width: 100%;
}
.PharmacySearchFilters ._Choice {
  width: 100%;
}
.PharmacySearchFilters ._DataEntryLabel {
  width: 100%;
}
.PharmacySearchFilters .Text {
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  color: black;
}
.PharmacySearchFilters .label, .PharmacySearchFilters .fieldGroupPrompt {
  color: black;
}
.PharmacySearchFilters .filterHelpText {
  padding-top: 0rem;
  padding-bottom: 0.25rem;
  font-size: 0.8em;
}

._Popup .PharmacySearchFilters {
  border-right: none;
}
._Popup .PharmacySearchFilters .PharmacyFiltersHeading {
  margin-top: 1rem;
}
._Popup .PharmacySearchFilters .clearFiltersButton {
  float: right;
  padding-right: 0;
}

.SelectEncounterPharmacyPage, .PreferredPharmacyPage {
  max-width: 65rem;
}
.SelectEncounterPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup, .PreferredPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .SelectEncounterPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup, .PreferredPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .SelectEncounterPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup ._Command, .PreferredPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup ._Command {
    margin-top: 0rem;
    flex: 1 0 0;
  }
  .SelectEncounterPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup ._Command:first-child, .PreferredPharmacyPage .NavigationFooter ._StickyRegion ._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}
.SelectEncounterPharmacyPage .PharmacySearchButton, .PreferredPharmacyPage .PharmacySearchButton {
  background-color: rgba(255, 255, 255, 0.3);
  border: 2px dashed #cccccc;
  box-shadow: none;
  min-height: 6rem;
  text-align: center;
  width: 100%;
  height: 100%;
}
.SelectEncounterPharmacyPage .PharmacySearchButton ._readOnlyText, .SelectEncounterPharmacyPage .PharmacySearchButton ._Icon, .PreferredPharmacyPage .PharmacySearchButton ._readOnlyText, .PreferredPharmacyPage .PharmacySearchButton ._Icon {
  text-decoration: none;
  color: #404d5b;
}
@media screen {
  .SelectEncounterPharmacyPage .PharmacySearchButton ._readOnlyText:is(:focus, :hover), .SelectEncounterPharmacyPage .PharmacySearchButton ._Icon:is(:focus, :hover), .PreferredPharmacyPage .PharmacySearchButton ._readOnlyText:is(:focus, :hover), .PreferredPharmacyPage .PharmacySearchButton ._Icon:is(:focus, :hover) {
    color: #384450;
    text-decoration: underline;
  }
}

@media print {
  .SelectEncounterPharmacyPage .PharmacySearchButton, .PreferredPharmacyPage .PharmacySearchButton {
    display: none;
  }
}
.SelectEncounterPharmacyPage .PharmacySearchButton.disabled, .PreferredPharmacyPage .PharmacySearchButton.disabled {
  pointer-events: none;
  background-color: #eaeaea;
}
.SelectEncounterPharmacyPage .PharmacySearchButton:focus, .SelectEncounterPharmacyPage .PharmacySearchButton:hover, .PreferredPharmacyPage .PharmacySearchButton:focus, .PreferredPharmacyPage .PharmacySearchButton:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-color: transparent;
}
.SelectEncounterPharmacyPage ._Command._actionable._command.tertiary.neutral.IntegratedInfoCommand, .PreferredPharmacyPage ._Command._actionable._command.tertiary.neutral.IntegratedInfoCommand {
  padding-left: 0rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard, .PreferredPharmacyPage .selectablePharmacyCard {
  min-height: 7.5rem;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyCardIntegratedBadge, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyCardIntegratedBadge {
  display: flex;
  width: fit-content;
  border-radius: 20px;
  border-style: solid;
  border-width: 1px;
  font-size: 1rem;
  padding: 2px 13px 2px 13px;
  background-color: #e0f1ff;
  border-color: #0085f2;
  color: #003d7a;
  margin-top: 0.5rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyCardIntegratedBadge ._command, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyCardIntegratedBadge ._command {
  margin-top: -0.15rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyCardIntegratedBadge ._command ._image, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyCardIntegratedBadge ._command ._image {
  fill: #003d7a;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyHours .PharmacyHoursHeading, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyHours .PharmacyHoursHeading {
  padding: 0.75rem 0 0;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyHours .HoursOfOperation, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyHours .HoursOfOperation {
  white-space: pre-wrap;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList {
  margin: 0.5rem 0;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .PharmacyDeliveryMethodListHeading, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .PharmacyDeliveryMethodListHeading {
  padding: 0.5rem 0 0;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement {
  flex-basis: 50%;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod {
  display: flex;
  align-items: flex-start;
  /*rtl:raw:
  	align-items: flex-end;
  */
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodIconContainer, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodIconContainer {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: fit-content;
  width: fit-content;
  flex-shrink: 0;
  margin-left: -5px;
  margin-top: 0.4rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodText, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection .PharmacyDeliveryMethodList .ListOfDeliveryMethods ._ListElement .PharmacyDeliveryMethod .DeliveryMethodText {
  margin-top: 0.4rem;
  min-width: 0;
}
@media (hover: hover) and (pointer: fine) {
  .SelectEncounterPharmacyPage .selectablePharmacyCard:hover, .PreferredPharmacyPage .selectablePharmacyCard:hover {
    background-color: #f4ebed;
  }
}
.SelectEncounterPharmacyPage .selectablePharmacyCard.isSelected, .PreferredPharmacyPage .selectablePharmacyCard.isSelected {
  outline: solid #7a0019;
  background-color: #e4ccd1;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyCardHeader, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyCardHeader {
  padding-top: 0rem;
  padding-bottom: 0.5rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyAddress, .SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyPhoneNumber, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyAddress, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyPhoneNumber {
  display: flex;
  align-items: center;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyAddress .PharmacyAddressIcon, .SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyAddress .PharmacyPhoneNumberIcon, .SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyPhoneNumber .PharmacyAddressIcon, .SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyPhoneNumber .PharmacyPhoneNumberIcon, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyAddress .PharmacyAddressIcon, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyAddress .PharmacyPhoneNumberIcon, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyPhoneNumber .PharmacyAddressIcon, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyPhoneNumber .PharmacyPhoneNumberIcon {
  margin-left: -5px;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyInfoSection, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyInfoSection {
    flex-direction: column;
  }
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyDeliveryMethodList .PharmacyDeliveryMethodListHeading, .PreferredPharmacyPage .selectablePharmacyCard .PharmacyDeliveryMethodList .PharmacyDeliveryMethodListHeading {
  padding: 0rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .PharmacyDeliveryMethodList[class], .PreferredPharmacyPage .selectablePharmacyCard .PharmacyDeliveryMethodList[class] {
  margin: 0rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .suggestedPharmacySource, .SelectEncounterPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo, .PreferredPharmacyPage .selectablePharmacyCard .suggestedPharmacySource, .PreferredPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo {
  margin-top: auto;
  font-style: italic;
  padding-top: 0.5rem;
  display: flex;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .SavedPharmacyIcon, .PreferredPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .SavedPharmacyIcon {
  padding-top: 0.25rem;
  margin-left: -5px;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .preferredPharmacyText, .PreferredPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .preferredPharmacyText {
  margin-right: 0.5rem;
  margin-top: 0.45rem;
}
.rtl .SelectEncounterPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .preferredPharmacyText, .rtl .PreferredPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .preferredPharmacyText {
  margin-left: 0.5rem;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .PharmacyRemoveButton, .PreferredPharmacyPage .selectablePharmacyCard .preferredPharmacyInfo .PharmacyRemoveButton {
  min-height: unset;
  font-style: normal;
  display: inline;
  padding: 0rem !important;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .selectablePharmacyCardButton, .PreferredPharmacyPage .selectablePharmacyCard .selectablePharmacyCardButton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0rem;
  background: transparent;
}
.SelectEncounterPharmacyPage .selectablePharmacyCard .selectablePharmacyCardButton:active, .PreferredPharmacyPage .selectablePharmacyCard .selectablePharmacyCardButton:active {
  background: transparent;
}
.SelectEncounterPharmacyPage ._StickyRegion ._CommandGroup, .PreferredPharmacyPage ._StickyRegion ._CommandGroup {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .SelectEncounterPharmacyPage ._StickyRegion ._CommandGroup, .PreferredPharmacyPage ._StickyRegion ._CommandGroup {
    margin-top: 0.75rem;
    row-gap: 0.25rem;
  }
  .SelectEncounterPharmacyPage ._StickyRegion ._CommandGroup ._Command, .PreferredPharmacyPage ._StickyRegion ._CommandGroup ._Command {
    margin-top: 0;
    flex: 1 0 0;
  }
  .SelectEncounterPharmacyPage ._StickyRegion ._CommandGroup ._Command:first-child, .PreferredPharmacyPage ._StickyRegion ._CommandGroup ._Command:first-child {
    flex-basis: 100%;
  }
}

/* Copyright 2022-2023 Epic Systems Corporation */
.CardDetails {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .CardDetails {
    flex-direction: column;
  }
}
.CardDetails .cardContent {
  flex: content;
  margin-top: 0.5rem;
  width: max-content;
}
@media screen and (max-width: 768px) {
  .CardDetails .cardContent {
    margin: 0.5rem auto 0 auto;
    text-align: center;
    width: fit-content;
  }
}
.CardDetails .cardContent .LabeledAmount {
  width: inherit;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  .CardDetails .cardContent .LabeledAmount {
    margin: 0 auto 0 auto;
  }
}
.CardDetails .cardContent .moreDetails {
  width: inherit;
  margin: 0.5rem 0 0 auto;
}
@media screen and (max-width: 768px) {
  .CardDetails .cardContent .moreDetails {
    margin: 0.5rem auto 0 auto;
  }
}
.CardDetails .cardContent[class][class][class] .amountDue {
  font-size: 2rem;
  margin-left: 0.25rem;
  font-weight: bold;
}

.CardBadges {
  display: flex;
  gap: 10px;
  width: fit-content;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.PayNow[class][class][class][class] {
  width: fit-content;
  margin-left: 0.5rem;
}
@media screen and (max-width: 768px) {
  .PayNow[class][class][class][class] {
    width: 100%;
  }
}

.AutoPay {
  text-align: center;
  display: block;
  margin: 0 0 0 auto;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .AutoPay {
    margin: auto;
    flex: auto;
  }
}
.AutoPay .amount {
  background-image: url("../../images/payplanauto_normal.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  line-height: normal;
  padding: 1rem;
}
.AutoPay .amount .amountText {
  font-size: 1.75rem;
  font-weight: bold;
}
.AutoPay .amount .textOffsetTop {
  margin-bottom: 0rem;
}
.AutoPay .amount .textOffsetBottom {
  margin-top: 0rem;
  width: 100%;
}

.DirectPay {
  width: max-content;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .DirectPay {
    margin: auto;
    text-align: center;
    width: fit-content;
  }
}
.DirectPay[class][class][class] .amountDue {
  font-size: 2rem;
  margin-left: 0.25rem;
  font-weight: bold;
}

.Withholding {
  width: max-content;
}
@media screen and (max-width: 768px) {
  .Withholding {
    width: fit-content;
  }
}

.AccountFlags {
  display: flex;
  flex-direction: column;
}

.AccountFlag {
  text-align: left;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  /*@media screen and (max-width: $WPMobileOptimizedWidthPhone) {
  	flex-direction: column;
  }*/
}
.AccountFlag ._Icon {
  flex-shrink: 0;
  /*align-self: flex-start;*/
}
.AccountFlag .flagString[class] {
  margin-left: 0.25rem;
  width: auto;
}
.AccountFlag .informational {
  color: #7a0019;
}
.AccountFlag .success {
  color: #0f784a;
  fill: #09aa71;
}
.AccountFlag .warning {
  color: #000000;
}
.AccountFlag .critical {
  color: #d80000;
}

.WrappableAccountFlag {
  flex-wrap: wrap;
  justify-content: center;
}

.InvoiceListHeading {
  padding-top: 0;
}

/*.PremiumBillingCard ._ListElement::marker {
	color: transparent;
}*/
.InvoiceCard[class][class] {
  margin-bottom: 0.5rem;
}
.InvoiceCard[class][class] .TopLevel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0.25rem;
}
.InvoiceCard[class][class] .TopLevel ._heading {
  flex: 1;
}
.InvoiceCard[class][class] .InvoiceDetails {
  padding-left: 0.25rem;
}
.InvoiceCard[class][class] .InvoiceAmount {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .InvoiceCard[class][class] .InvoiceAmount {
    text-align: center;
  }
}
.InvoiceCard[class][class] .InvoiceAmount[class][class][class] .youOwe {
  font-size: 1.5rem;
  font-weight: bold;
  margin-left: 0.25rem;
}

.InvoiceAmounts {
  text-align: right;
  justify-content: right;
}
@media screen and (max-width: 768px) {
  .InvoiceAmounts {
    text-align: center;
    justify-content: center;
  }
}
.InvoiceAmounts .paid .textSpacing {
  display: inline-block;
  width: fit-content;
  margin: 0;
}
.InvoiceAmounts .paid[class][class][class] .amount {
  font-weight: bold;
  font-size: 1.5rem;
  margin-left: 0.25rem;
}
.InvoiceAmounts .paid .invoiced {
  margin: 0.5rem 0;
}

.PaymentList {
  padding-top: 0.5rem;
  border-top: 1px solid #cccccc;
}
.PaymentList .paymentDetailsHeading {
  padding-top: 0;
  padding-bottom: 0.25rem;
}
.PaymentList .paymentDetails {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .PaymentList .paymentDetails {
    text-align: center;
    justify-content: center;
  }
}
.PaymentList .paymentDetails .textSpacing {
  display: inline-block;
  width: fit-content;
  margin: 0;
}
.PaymentList .paymentDetails[class][class][class] .paymentAmount {
  margin-left: 0.25rem;
  font-size: 1.5rem;
  text-align: right;
  justify-content: right;
}
@media screen and (max-width: 768px) {
  .PaymentList .paymentDetails[class][class][class] .paymentAmount {
    text-align: left;
    justify-content: left;
    margin-bottom: 1rem;
  }
}

.StatusWrapper[class][class] {
  width: fit-content;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 1300px) {
  .StatusWrapper[class][class] {
    margin: inherit;
  }
}

.BaseRow {
  padding-left: 2rem;
  padding-right: 0.5rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.BaseRow[class] .amount {
  width: fit-content;
  margin: 0 0 0 auto;
  text-align: right;
  flex: 1 0 auto;
}
.BaseRow .rowLabel {
  padding-right: 0.5rem;
  text-align: left;
  flex: 1 0 auto;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .BaseRow .rowLabel {
    max-width: 14.5rem;
  }
}

.TotalRow {
  padding: 0.5rem 0.5rem 0 0;
  margin: 0;
  font-weight: bold;
  border-top: 1px solid #767676;
}

.PendingPayments {
  border-top: 1px solid #cccccc;
  padding: 0.5rem 0.5rem 0 0;
  margin: 0;
}
.PendingPayments .amount {
  font-weight: bold;
}

.TitleRow {
  /*color: $WPColor-ThemedHeader;*/
  padding: 0;
  text-align: left;
  margin: 0 0 0 0.25rem;
  flex-wrap: wrap;
}
.TitleRow .invoiceIdentifiers {
  display: flex;
  align-items: center;
  flex: 1 0 auto;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .TitleRow .invoiceIdentifiers {
    flex-direction: column;
    align-items: unset;
  }
}
.TitleRow .invoiceIdentifiers[class][class] .invoiceDetails {
  display: inline-block;
  width: fit-content;
}
.TitleRow .overdueFlag {
  display: inline-block;
  width: fit-content;
  padding-left: 0.5rem;
  margin-right: 0.25rem;
}
@media screen and (max-width: 768px) {
  .TitleRow .overdueFlag {
    padding-left: 0.25rem;
    margin-right: 0;
  }
}
.TitleRow[class][class] .amount {
  color: #363636;
  font-weight: bold;
  margin: auto;
  flex: 1 0 auto;
}

.InvoiceRows .invoiceTitle[class][class] {
  min-height: 0;
  padding-left: 0;
}
.InvoiceRows .isNotFirst {
  border-top: 1px solid #cccccc;
}

.PremiumBillingCard[class][class][class] {
  min-width: 30rem;
  max-width: 75%;
  margin: 0.25rem 0 1rem 0;
  display: block;
  min-height: 0;
  width: 100%;
}
@media screen and (max-width: 1300px) {
  .PremiumBillingCard[class][class][class] {
    min-width: inherit;
    max-width: inherit;
  }
}
.PremiumBillingCard[class][class][class] .grid {
  margin: 0.25rem 0 12px 0;
}
.PremiumBillingCard[class][class][class] .TopLevel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding-left: 0.25rem;
}
.PremiumBillingCard[class][class][class] .TopLevel ._heading {
  flex: 1;
}
.PremiumBillingCard[class][class][class] .badgeSpacing {
  width: fit-content;
  margin: 0 auto 0 0;
}
.PremiumBillingCard[class][class][class] .cardTitle {
  padding: 0 0.75rem 0.5rem 0;
}
.PremiumBillingCard[class][class][class] .requestButton {
  margin: 0 0.25rem 0.25rem 0;
}

.PremiumBillingBannerList[class][class][class] {
  max-width: 75%;
}
@media screen and (max-width: 1300px) {
  .PremiumBillingBannerList[class][class][class] {
    min-width: inherit;
    max-width: inherit;
  }
}

.ErrorText[class][class][class] {
  color: #d80000;
}

.ExtraText {
  max-width: 80%;
  margin: 0.5rem 0.75rem 0.5rem 0;
}
@media screen and (max-width: 768px) {
  .ExtraText {
    max-width: 100%;
    margin: 0.5rem auto 0.5rem auto;
    text-align: center;
  }
}
.ExtraText .iconWithText {
  display: flex;
  flex-direction: row;
  gap: 10px;
  margin: 0.75rem 0 0.5rem 0;
}
.ExtraText .cardBanner {
  margin: 1rem 0;
}

.PremiumPaymentWidth[class][class][class] {
  max-width: 30rem;
  min-width: unset;
  height: unset;
  margin: 0;
}

.cancelPaperless {
  display: flex;
}
.cancelPaperless .cancelPaperlessIcon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.cancelPaperless .paperlessCancel {
  margin-left: 0.25rem;
}

.LabeledAmount[class][class] .textSpacing {
  display: inline-block;
  width: fit-content;
  margin: 0;
}

.PBExpandableListItemList ._ExpandableItemList {
  margin: 0;
}
.PBExpandableListItemList ._ExpandableItemList ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: 100%;
  min-height: 4em;
  max-height: none;
}
.PBExpandableListItemList ._ExpandableItemList ._ExpandCommand .arrowIcon {
  color: #404d5b;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  padding-top: 0.2rem;
  vertical-align: middle;
  transition: transform 0.3s;
  flex-shrink: 0;
  margin-left: 0;
}
.PBExpandableListItemList ._ExpandableItemList ._ExpandCommand .arrowIcon.expanded {
  transform: rotate(-180deg);
}
.PBExpandableListItemList ._ExpandableItemList ._ExpandCommand .plainText {
  text-align: left;
}
.PBExpandableListItemList ._ExpandableItemList ._ExpandableItem {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0rem;
  visibility: hidden;
}
.PBExpandableListItemList ._ExpandableItemList ._ExpandableItem.expanded {
  max-height: none;
  visibility: visible;
  overflow: visible;
}
@media print {
  .PBExpandableListItemList ._ExpandableItemList ._ExpandableItem {
    max-height: none;
    visibility: visible;
    overflow: visible;
  }
}

.PBBadge {
  width: fit-content;
}
.PBBadge .statusComponent {
  border-radius: 20px;
  padding: 2px 13px 2px 13px;
  border: 2px solid;
}
.PBBadge .success {
  border-color: #09aa71;
  background-color: #ccffd8;
  color: #12553d;
}
.PBBadge .informational {
  background-color: #e0f1ff;
  color: #003d7a;
  border-color: #003d7a;
}
.PBBadge .urgent {
  background-color: #ffe8c9;
  color: #845413;
  border-color: #ffa020;
}
.PBBadge .disabled {
  background-color: #dbdbdb;
  color: #363636;
  border-color: #363636;
}

/* Copyright 2021-2022 Epic Systems Corporation */
.FilterCheckbox {
  position: relative;
  display: flex;
  justify-content: flex-end;
}
.FilterCheckbox ._Choice {
  width: 100%;
  margin-right: 0;
}
.FilterCheckbox ._Choice ._DataEntryLabel {
  line-height: 1.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  padding-right: max(0px, 2lh + 0.75rem);
  display: flex;
  word-break: break-word;
}
.FilterCheckbox ._Choice ._DataEntryLabel:before {
  flex-shrink: 0;
}
.FilterCheckbox .filterCount {
  position: absolute;
  top: 0.41rem;
  margin: 0;
  padding-right: 0.75rem;
  text-align: right;
  color: #767676;
  pointer-events: none;
  z-index: 1;
}
.mobile .FilterCheckbox .filterCount {
  z-index: 4;
}

.FiltersList .filtersHeader {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-bottom: 0.5rem;
}
.FiltersList .filtersHeader ._heading {
  width: auto;
  padding-bottom: 0;
}
.FiltersList .filtersHeader .clearFiltersButton {
  margin: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.mobile .FiltersList .filtersHeader .clearFiltersButton[class] {
  padding-bottom: 0;
  padding-right: 0;
  font-size: 1rem;
}
.FiltersList .searchFilterTitle {
  padding-bottom: 0.25rem;
}
.FiltersList .searchFilter > ._ListElement:last-of-type ._Choice {
  margin-bottom: 0;
}
.FiltersList .searchFilter + .expandableListButton {
  margin: 0.5rem auto;
  padding: 0;
}
.mobile .FiltersList .searchFilter + .expandableListButton[class] {
  padding: 0;
  font-size: 1rem;
}

/* Copyright 2021-2023 Epic Systems Corporation */
.AdditionalDepartmentAndCallToAction {
  display: flex;
  flex-wrap: nowrap;
}
.AdditionalDepartmentAndCallToAction:not(:first-child) {
  border-top: 1px solid #dbdbdb;
  padding-top: 1rem;
  margin-top: 1rem;
}
@media print {
  .AdditionalDepartmentAndCallToAction:not(:first-child) {
    border-top: none;
  }
}
@media screen and (min-width: 769px) {
  .AdditionalDepartmentAndCallToAction > .ProviderResultDepartment, .AdditionalDepartmentAndCallToAction > .ctaArea {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .AdditionalDepartmentAndCallToAction {
    flex-wrap: wrap;
  }
  .AdditionalDepartmentAndCallToAction > .ProviderResultDepartment, .AdditionalDepartmentAndCallToAction > .ctaArea {
    width: 100%;
  }
  .AdditionalDepartmentAndCallToAction > .ctaArea {
    padding-top: 0.75rem;
  }
}

body:not(.branded) .CustomBrandedBanner {
  display: none;
}

.DismissibleAlert {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  padding: 0.5rem 0.75rem;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  background-color: #ffe8e8;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
}
@media screen and (max-width: 768px) {
  .DismissibleAlert {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .DismissibleAlert {
    margin-left: 0;
    width: 100%;
  }
}
.DismissibleAlert .primaryText {
  font-weight: bold;
  color: #d80000;
}
.DismissibleAlert ._Command[class] {
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
}
.DismissibleAlert ._Icon {
  margin-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .DismissibleAlert ._Icon {
    display: none;
  }
}
body.branded .DismissibleAlert {
  position: relative;
  margin-left: 0;
  left: calc(-50vw + 50%);
  width: 100vw;
  max-width: 100vw;
}

.ErrorDetails.withBadge {
  padding: 1rem;
  text-align: center;
}
.ErrorDetails.withBadge img {
  max-height: 180px;
  max-width: 180px;
}
.ErrorDetails .errorButtons {
  padding-top: 1rem;
}
.ErrorDetails .errorButtons ._Command {
  display: inline-block;
}

.FiltersPane > * {
  margin: 0.5rem 0;
}
.FiltersPane ._heading {
  margin: 0;
  padding-top: 0;
}
.FiltersPane ._labelledField {
  width: 100%;
}
.FiltersPane .filtersHeader {
  margin-bottom: 0;
  display: flex;
  align-items: baseline;
}
.FiltersPane .filtersHeader .clearFiltersButton {
  padding: 0.25rem 0.5rem;
  margin: 0 -0.5rem -0.25rem 0;
}
.mobile .FiltersPane .filtersHeader .clearFiltersButton[class] {
  font-size: 1rem;
}
.FiltersPane .filtersHeader + ._Segment {
  margin-top: 0;
}
.FiltersPane .SortResultsDropdown {
  align-items: flex-start;
  margin: 0;
}
.FiltersPane .SortResultsDropdown > .sortDropdown {
  display: block;
  width: 100%;
}
.FiltersPane .SortResultsDropdown > .sortDropdown ._DropDownList {
  width: 100%;
}
.FiltersPane .LocationFilters .LocationCollector > .BrowserLocationToggle {
  width: 100%;
}
.FiltersPane .LocationFilters .LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0;
}
.FiltersPane .LocationFilters .LocationCollector .ModifiedValidatedTextInput[class] + ._ValidationMessage:not(:empty) {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.FiltersPane .insuranceFilters .InsuranceSelection ._ValidatedInput {
  margin-bottom: 0;
}
.FiltersPane .insuranceFilters .InsuranceSelection ._ValidatedInput + ._ValidationMessage:not(:empty) {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.FiltersPane .FiltersList {
  margin-top: 1.25rem;
}
.FiltersPane .FiltersList > ._List > ._ListElement {
  margin: 1.25rem 0;
}
.FiltersPane .FiltersList > ._List > ._ListElement:first-child {
  margin-top: 0;
}
.FiltersPane .FiltersList > ._List > ._ListElement:last-child {
  margin-bottom: 0;
}

._Popup .FiltersPane .filtersHeader {
  margin-top: 1rem;
}

.FiltersSummary {
  grid-area: filters;
}
@media screen and (min-width: 769px) {
  .FiltersSummary {
    padding-right: 2rem;
  }
}
.FiltersSummary .matchingFilterText {
  font-size: 1rem;
  color: #000000;
  overflow-wrap: break-word;
}
.FiltersSummary .matchingFilterText[class] {
  margin: 0;
}

.InsuranceSelection {
  display: flex;
  flex-direction: column;
}
.InsuranceSelection .ErrorStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.InsuranceSelection .ComboBoxWithIcon ._ComboBoxInput::before {
  content: url("../../images/provider-finder/insurance_shield.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}

.LinkToPageResult {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.LinkToPageResult ._InternalLink {
  padding-top: 1rem;
  display: inline-flex;
}

.LocationFilters .BrowserLocationButton[class][class] {
  margin: 0.25rem 0;
  padding: 0;
  text-align: unset;
  font-size: 0.85rem;
  width: fit-content;
}
.mobile .LocationFilters .BrowserLocationButton[class][class][class] {
  padding: 0;
  font-size: 0.85rem;
}
.LocationFilters .BrowserLocationButton > .contentWrapper {
  display: inline-flex;
  align-items: center;
}
.LocationFilters .BrowserLocationButton .locationIcon {
  margin: 0 0.25rem;
  width: 1.15rem;
  height: 1.15rem;
}
.LocationFilters .BrowserLocationButton .workingText:before {
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.LocationFilters .BrowserLocationToggle .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.LocationFilters .BrowserLocationToggle .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.LocationFilters .BrowserLocationToggle .ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.LocationFilters .BrowserLocationToggle .ToggleSwitch ._Text {
  align-self: center;
}
.LocationFilters .BrowserLocationToggle .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.LocationFilters .BrowserLocationToggle .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.LocationFilters .BrowserLocationToggle .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.LocationFilters .BrowserLocationToggle .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.LocationFilters .BrowserLocationToggle .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.LocationFilters .BrowserLocationToggle .sliderRail .onIcon {
  z-index: 1;
}
.LocationFilters .BrowserLocationToggle .sliderRail .sliderKnob, .LocationFilters .BrowserLocationToggle .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.LocationFilters .BrowserLocationToggle .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.LocationFilters .BrowserLocationToggle .sliderButton {
  margin-left: auto;
}
.LocationFilters .BrowserLocationToggle .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.LocationFilters .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.LocationFilters .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.LocationFilters .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.LocationFilters .BrowserLocationToggle .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.LocationFilters .BrowserLocationToggle .ToggleSwitch {
  flex-direction: row-reverse;
  margin: 0;
}
.LocationFilters .BrowserLocationToggle .ToggleSwitch .sliderButton {
  margin-left: 0;
  margin-right: 10px;
}
.LocationFilters .LocationCollector {
  display: flex;
  flex-direction: column;
}
.LocationFilters .LocationCollector .ErrorStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .LocationFilters .LocationCollector .ModifiedValidatedTextInput:focus-within {
    will-change: transform;
  }
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput:focus-within :focus-visible {
  outline: none;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._labelledField {
  flex-grow: 1;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._command, .LocationFilters .LocationCollector .ModifiedValidatedTextInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0.75rem;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput + ._ValidationMessage:not(:empty) {
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}
.LocationFilters .LocationCollector .ModifiedValidatedTextInput ._ValidatedInput {
  margin: 0;
}
.LocationFilters .LocationCollector .textInputWithIcon::before {
  content: url("../../images/provider-finder/location_pin.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}
.LocationFilters .LocationCollector {
  margin: 0;
}
.LocationFilters .LocationCollector .BrowserLocationButton[class] {
  margin-top: 0;
}
.LocationFilters .searchRadius {
  margin: 0.5rem 0;
}
.LocationFilters .searchRadius ._DropDownList {
  width: 100%;
}

.LocationResultHeader .ResultName .ResultNameHeading {
  padding: 0.5rem 0 0 0;
  font-size: 1.3rem;
  line-height: 1.3rem;
  overflow-wrap: break-word;
}
.LocationResultHeader .ResultName .ResultNameHeading ._link {
  color: #7a0019;
}

html:not(.mobile) .LocationResultHeader .ResultName .ResultNameHeading {
  font-weight: bold;
}

.LocationResultInfo {
  grid-area: resultInfo;
  padding: 0.75rem 0 0.5rem 0;
}
@media screen and (min-width: 769px) {
  .LocationResultInfo {
    padding-right: 2rem;
  }
}
.LocationResultInfo .distanceAwayLabel {
  /* rtl:raw: display: block; */
}
.LocationResultInfo .distanceAwayLabel._readOnlyText {
  margin-bottom: 0rem;
  margin-top: 0rem;
}
.LocationResultInfo .resultInfo {
  display: flex;
  align-items: center;
}
.LocationResultInfo .resultInfo ._Icon {
  margin-right: 0.1rem;
  flex-shrink: 0;
}
.LocationResultInfo .resultInfo.resultInfoLabel ._Icon {
  align-self: flex-start;
}

.LocationResultItem {
  grid-template-columns: 6rem repeat(2, calc((100% - 6rem) * 0.5));
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "photo name cta" "photo filters cta" "photo resultInfo cta" "additionalInfo additionalInfo additionalInfo";
}
.LocationResultItem[class] {
  margin-bottom: 0.75rem;
  display: grid;
}
.LocationResultItem > .photo {
  grid-area: photo;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}
.LocationResultItem > .nameItems {
  grid-area: name;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .LocationResultItem > .nameItems {
    padding-right: 2rem;
  }
}
.LocationResultItem > .nameItems > .BadgeContainer {
  padding-top: 0.25rem;
  word-break: break-word;
}
.LocationResultItem > .ctaArea {
  grid-area: cta;
  padding-right: 0.5rem;
}
.LocationResultItem > .ctaArea:not(:empty) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.LocationResultItem.stacked {
  grid-template-columns: clamp(90px, 5.5rem, 100px) calc(100% - clamp(90px, 5.5rem, 100px));
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas: "photo name" "filters filters" "resultInfo resultInfo" "cta cta" "additionalInfo additionalInfo";
  width: 100%;
  height: 100%;
  padding: 1rem;
  margin-bottom: 0;
}
.LocationResultItem.stacked.noLocation {
  grid-template-rows: 1fr auto auto auto auto;
}
.LocationResultItem.stacked.noLocation > .ctaArea:not(:empty) {
  padding-top: 0.5rem;
}
.LocationResultItem.stacked > .photo {
  padding-left: 0.25rem;
}
.LocationResultItem.stacked > .photo .ClinicianPhoto.medium {
  width: clamp(70px, 4.6rem, 80px);
  height: clamp(70px, 4.6rem, 80px);
}
.LocationResultItem.stacked > .ctaArea {
  padding-right: 0;
}
.LocationResultItem.stacked > .ctaArea:last-child {
  padding-bottom: 0;
}
.LocationResultItem.stacked .additionalLocationsItem .AdditionalDepartmentList[class] {
  padding-left: 0;
  padding-right: 0;
}
.LocationResultItem.stacked ._Link.secondary[class][class][class] {
  margin: 0;
  max-width: unset;
}
@media screen and (max-width: 320px) {
  .LocationResultItem.stacked {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr auto auto;
    grid-template-areas: "photo" "name" "filters" "resultInfo" "cta" "additionalInfo";
  }
  .LocationResultItem.stacked.noLocation {
    grid-template-rows: auto 1fr auto auto auto auto;
  }
}
.LocationResultItem.stacked.noCta > .PrimaryDepartment {
  padding-bottom: 0;
}
.LocationResultItem.stacked > .photo {
  padding-top: 0;
  padding-left: 0;
}
.LocationResultItem.stacked .ResultName .ResultNameHeading {
  padding-top: 0;
  font-size: 1.15rem;
}
.LocationResultItem.stacked .SimpleSlots .date, .LocationResultItem.stacked .ProviderSpecialties .providerSpecialtiesText, .LocationResultItem.stacked .LocationAddress.compact > ._Segment, .LocationResultItem.stacked .LocationPhoneNumber.compact, .LocationResultItem.stacked .PrimaryDepartment .additionalLocationsSummary {
  line-height: 1.1rem;
  font-size: 0.888rem;
}
.LocationResultItem.stacked > .nameItems {
  padding-right: 0;
  justify-content: start;
  padding-top: 0.3rem;
}
.LocationResultItem.stacked > .PrimaryDepartment {
  padding-right: 0;
}
.LocationResultItem.stacked > .ctaArea:not(:empty) ._Link.tertiary {
  margin-bottom: -0.5rem;
}
@media screen and (max-width: 768px) {
  .LocationResultItem {
    grid-template-columns: clamp(90px, 5.5rem, 100px) calc(100% - clamp(90px, 5.5rem, 100px));
    grid-template-rows: auto auto 1fr auto auto;
    grid-template-areas: "photo name" "filters filters" "resultInfo resultInfo" "cta cta" "additionalInfo additionalInfo";
  }
  .LocationResultItem.noLocation {
    grid-template-rows: 1fr auto auto auto auto;
  }
  .LocationResultItem.noLocation > .ctaArea:not(:empty) {
    padding-top: 0.5rem;
  }
  .LocationResultItem > .photo {
    padding-left: 0.25rem;
  }
  .LocationResultItem > .photo .ClinicianPhoto.medium {
    width: clamp(70px, 4.6rem, 80px);
    height: clamp(70px, 4.6rem, 80px);
  }
  .LocationResultItem > .ctaArea {
    padding-right: 0;
  }
  .LocationResultItem > .ctaArea:last-child {
    padding-bottom: 0;
  }
  .LocationResultItem .additionalLocationsItem .AdditionalDepartmentList[class] {
    padding-left: 0;
    padding-right: 0;
  }
  .LocationResultItem ._Link.secondary[class][class][class] {
    margin: 0;
    max-width: unset;
  }
}
@media screen and (max-width: 320px) {
  .LocationResultItem {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr auto auto;
    grid-template-areas: "photo" "name" "filters" "resultInfo" "cta" "additionalInfo";
  }
  .LocationResultItem.noLocation {
    grid-template-rows: auto 1fr auto auto auto auto;
  }
}
.LocationResultItem ._Link.secondary[class][class], .LocationResultItem .ScheduleLevelSummary[class][class] {
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 769px) {
  .LocationResultItem ._Link.secondary[class][class], .LocationResultItem .ScheduleLevelSummary[class][class] {
    margin-left: auto;
    margin-right: auto;
    max-width: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .LocationResultItem > .ctaArea ._Link.secondary:only-child {
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 769px) {
  .LocationResultItem > .ctaArea ._Link.secondary:only-child {
    margin-top: 0.5rem;
  }
}
@media print {
  .LocationResultItem {
    border: 1px solid #dbdbdb;
  }
}

.ResultLocationPhoto {
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 3px;
  overflow: hidden;
  object-fit: cover;
}
@media print {
  .ResultLocationPhoto {
    width: 4.6rem !important;
    display: inline-block !important;
  }
}

.NoProviderResultsHelpMessage {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 0.5%;
}
.NoProviderResultsHelpMessage ._Text {
  font-size: 0.969rem;
  text-align: center;
}

.NoProviderResultsList > ._PageHeading {
  margin-left: 0.5%;
  margin-right: 0.5%;
  padding-bottom: 0.25rem;
}
@media screen and (min-width: 1025px) {
  .NoProviderResultsList > ._PageHeading {
    padding-top: 0;
  }
}
.NoProviderResultsList > ._Text[class] {
  margin-left: 0.5%;
  margin-right: 0.5%;
}
.NoProviderResultsList .PromotedActionPreviewList ._ListElement {
  margin-bottom: 0.75rem;
}
.NoProviderResultsList .PromotedActionPreviewList ._ListElement:last-child {
  margin-bottom: 1.5rem;
}

.NoResultsMessage {
  display: flex;
  flex-direction: column;
  padding-top: 2rem;
}
.NoResultsMessage .noResultsIcon {
  border-radius: 50%;
  background-color: #ffffff;
  max-width: 8.625rem;
  aspect-ratio: 1;
  opacity: 70%;
  filter: grayscale(1);
  padding: 1.25rem;
  margin: 3rem auto auto auto;
}
.NoResultsMessage .noResultsText {
  padding-top: 1.5rem;
  font-weight: bold;
  font-size: 1.0625rem;
  text-align: center;
  word-break: break-word;
}

.PrimaryDepartment .additionalLocationsSummary {
  color: #767676;
}

.PromotedActionPreviewList > .titleLine {
  display: flex;
}
.PromotedActionPreviewList > .titleLine > ._Icon {
  color: #7a0019;
  margin-left: 0.5rem;
  margin-right: 0.25rem;
}
.PromotedActionPreviewList > .titleLine > ._PageHeading {
  padding-top: 0.15rem;
  padding-bottom: 0;
}
.PromotedActionPreviewList ._Carousel ._ListElement {
  display: flex;
}
.PromotedActionPreviewList ._Carousel ._PaginationDots > .dot.active {
  background-color: #7a0019;
}
.PromotedActionPreviewList .ActionPreviewTemplate.disabled ._Link {
  display: none;
}

.PromotedLink[class] {
  margin: 0;
  min-height: 3rem;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}
.PromotedLink .action {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
.PromotedLink .action._InternalLink:hover {
  background-color: #f4ebed;
  text-decoration: unset;
}
@media screen and (forced-colors: active) {
  .PromotedLink .action {
    border: 2px solid #363636;
    border-radius: 6px;
  }
}
.PromotedLink .autoadvance {
  /* rtl:raw: transform: scaleX(-1); */
  width: 24px;
  margin: auto;
  margin-left: 0.5rem;
  margin-right: calc(-0.5rem + 3px);
  flex-shrink: 0;
  fill: #989898;
}
.PromotedLink .optionTitle {
  color: #7a0019;
}
.PromotedLink .optionTitle[class] {
  margin: 0.25rem 0;
  word-break: break-word;
  display: flex;
  align-items: center;
  text-align: left;
}
.PromotedLink .cardIcon {
  object-fit: contain;
  margin-right: 0.5rem;
  fill: #7a0019;
  flex-shrink: 0;
}
.PromotedLink.withDescription .action {
  align-items: unset;
}
.PromotedLink.withDescription .cardIcon {
  margin: -0.25rem 0 0 -0.25rem;
}
.PromotedLink.withDescription .description {
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 1rem;
  height: fit-content;
  min-height: 32px;
  color: #767676;
  font-size: 0.888rem;
  word-break: break-word;
}
.PromotedLink.withDescription .description[class][class] {
  margin: -0.1rem 0.25rem 0 0;
}

.PromotedOptionsList {
  padding-top: 1rem;
  margin: auto;
  max-width: 45rem;
}
.PromotedOptionsList ._List {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .PromotedOptionsList ._List {
    width: 100%;
    flex-direction: column;
  }
}
.PromotedOptionsList ._PageHeading {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.PromotedOptionsList ._ListElement {
  margin: 0.5rem;
}
@media screen and (max-width: 768px) {
  .PromotedOptionsList[class] {
    min-width: unset;
    max-width: 30rem;
  }
}
.PromotedOptionsList.singleCardList ._ListElement {
  flex-basis: calc(100% - 2 * 0.5rem);
}
.PromotedOptionsList.twoColumnCardList ._ListElement {
  flex-basis: calc(50% - 2 * 0.5rem);
}

.PromotedSearchTermsList {
  padding-top: 1rem;
  margin: auto;
  max-width: 45rem;
}
.PromotedSearchTermsList ._List {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .PromotedSearchTermsList ._List {
    width: 100%;
    flex-direction: column;
  }
}
.PromotedSearchTermsList ._PageHeading {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.PromotedSearchTermsList ._ListElement {
  margin: 0.5rem;
}
@media screen and (max-width: 768px) {
  .PromotedSearchTermsList[class] {
    min-width: unset;
    max-width: 30rem;
  }
}
.PromotedSearchTermsList ._ListElement {
  flex-basis: calc(33.33% - 2 * 0.5rem);
}
@media screen and (max-width: 1300px) and (min-width: 768px) {
  .PromotedSearchTermsList ._ListElement {
    flex-basis: calc(50% - 2 * 0.5rem);
  }
}

.ProviderBioPage:has(._AsyncIndicator) {
  min-height: 10rem;
}

.ProviderFinderLoadingPlaceholder.fullPage ._AsyncIndicator:not(:empty) {
  position: fixed;
  z-index: 1000;
  width: 8em;
  padding: 0.5rem;
  left: 50%;
  margin-left: -4em;
  border-radius: 10%;
  background-color: white;
  opacity: 0.9;
}
.ProviderFinderLoadingPlaceholder.fullPage ._AsyncIndicator:not(:empty) .message {
  width: 8em;
}
body.embedded.branded .ProviderFinderLoadingPlaceholder.fullPage {
  position: absolute;
  top: 50%;
}

.ProviderListWidget {
  padding: 0.8rem;
}
.ProviderListWidget * {
  max-width: 100%;
}
.ProviderListWidget .NoResultsMessage {
  padding-top: 0;
}
.ProviderListWidget .NoResultsMessage .noResultsIcon {
  margin-top: 0;
  max-width: 7rem;
}
.ProviderListWidget .NoResultsMessage .noResultsText {
  padding-top: 0.5rem;
  font-weight: normal;
}
.ProviderListWidget .RatingStarsContainer .ratingText {
  padding-top: 0.1rem;
}
.ProviderListWidget .SimpleSlots .expandableListButton {
  overflow: hidden;
  white-space: nowrap;
}

.ProviderResultItem {
  grid-template-columns: 6rem repeat(2, calc((100% - 6rem) * 0.5));
  grid-template-rows: auto auto 1fr auto;
  grid-template-areas: "photo name cta" "photo filters cta" "photo resultInfo cta" "additionalInfo additionalInfo additionalInfo";
}
.ProviderResultItem[class] {
  margin-bottom: 0.75rem;
  display: grid;
}
.ProviderResultItem > .photo {
  grid-area: photo;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
}
.ProviderResultItem > .nameItems {
  grid-area: name;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
@media screen and (min-width: 769px) {
  .ProviderResultItem > .nameItems {
    padding-right: 2rem;
  }
}
.ProviderResultItem > .nameItems > .BadgeContainer {
  padding-top: 0.25rem;
  word-break: break-word;
}
.ProviderResultItem > .ctaArea {
  grid-area: cta;
  padding-right: 0.5rem;
}
.ProviderResultItem > .ctaArea:not(:empty) {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.ProviderResultItem.stacked {
  grid-template-columns: clamp(90px, 5.5rem, 100px) calc(100% - clamp(90px, 5.5rem, 100px));
  grid-template-rows: auto auto 1fr auto auto;
  grid-template-areas: "photo name" "filters filters" "resultInfo resultInfo" "cta cta" "additionalInfo additionalInfo";
  width: 100%;
  height: 100%;
  padding: 1rem;
  margin-bottom: 0;
}
.ProviderResultItem.stacked.noLocation {
  grid-template-rows: 1fr auto auto auto auto;
}
.ProviderResultItem.stacked.noLocation > .ctaArea:not(:empty) {
  padding-top: 0.5rem;
}
.ProviderResultItem.stacked > .photo {
  padding-left: 0.25rem;
}
.ProviderResultItem.stacked > .photo .ClinicianPhoto.medium {
  width: clamp(70px, 4.6rem, 80px);
  height: clamp(70px, 4.6rem, 80px);
}
.ProviderResultItem.stacked > .ctaArea {
  padding-right: 0;
}
.ProviderResultItem.stacked > .ctaArea:last-child {
  padding-bottom: 0;
}
.ProviderResultItem.stacked .additionalLocationsItem .AdditionalDepartmentList[class] {
  padding-left: 0;
  padding-right: 0;
}
.ProviderResultItem.stacked ._Link.secondary[class][class][class] {
  margin: 0;
  max-width: unset;
}
@media screen and (max-width: 320px) {
  .ProviderResultItem.stacked {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr auto auto;
    grid-template-areas: "photo" "name" "filters" "resultInfo" "cta" "additionalInfo";
  }
  .ProviderResultItem.stacked.noLocation {
    grid-template-rows: auto 1fr auto auto auto auto;
  }
}
.ProviderResultItem.stacked.noCta > .PrimaryDepartment {
  padding-bottom: 0;
}
.ProviderResultItem.stacked > .photo {
  padding-top: 0;
  padding-left: 0;
}
.ProviderResultItem.stacked .ResultName .ResultNameHeading {
  padding-top: 0;
  font-size: 1.15rem;
}
.ProviderResultItem.stacked .SimpleSlots .date, .ProviderResultItem.stacked .ProviderSpecialties .providerSpecialtiesText, .ProviderResultItem.stacked .LocationAddress.compact > ._Segment, .ProviderResultItem.stacked .LocationPhoneNumber.compact, .ProviderResultItem.stacked .PrimaryDepartment .additionalLocationsSummary {
  line-height: 1.1rem;
  font-size: 0.888rem;
}
.ProviderResultItem.stacked > .nameItems {
  padding-right: 0;
  justify-content: start;
  padding-top: 0.3rem;
}
.ProviderResultItem.stacked > .PrimaryDepartment {
  padding-right: 0;
}
.ProviderResultItem.stacked > .ctaArea:not(:empty) ._Link.tertiary {
  margin-bottom: -0.5rem;
}
@media screen and (max-width: 768px) {
  .ProviderResultItem {
    grid-template-columns: clamp(90px, 5.5rem, 100px) calc(100% - clamp(90px, 5.5rem, 100px));
    grid-template-rows: auto auto 1fr auto auto;
    grid-template-areas: "photo name" "filters filters" "resultInfo resultInfo" "cta cta" "additionalInfo additionalInfo";
  }
  .ProviderResultItem.noLocation {
    grid-template-rows: 1fr auto auto auto auto;
  }
  .ProviderResultItem.noLocation > .ctaArea:not(:empty) {
    padding-top: 0.5rem;
  }
  .ProviderResultItem > .photo {
    padding-left: 0.25rem;
  }
  .ProviderResultItem > .photo .ClinicianPhoto.medium {
    width: clamp(70px, 4.6rem, 80px);
    height: clamp(70px, 4.6rem, 80px);
  }
  .ProviderResultItem > .ctaArea {
    padding-right: 0;
  }
  .ProviderResultItem > .ctaArea:last-child {
    padding-bottom: 0;
  }
  .ProviderResultItem .additionalLocationsItem .AdditionalDepartmentList[class] {
    padding-left: 0;
    padding-right: 0;
  }
  .ProviderResultItem ._Link.secondary[class][class][class] {
    margin: 0;
    max-width: unset;
  }
}
@media screen and (max-width: 320px) {
  .ProviderResultItem {
    grid-template-columns: 100%;
    grid-template-rows: auto auto auto 1fr auto auto;
    grid-template-areas: "photo" "name" "filters" "resultInfo" "cta" "additionalInfo";
  }
  .ProviderResultItem.noLocation {
    grid-template-rows: auto 1fr auto auto auto auto;
  }
}
.ProviderResultItem ._Link.secondary[class][class], .ProviderResultItem .ScheduleLevelSummary[class][class] {
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 769px) {
  .ProviderResultItem ._Link.secondary[class][class], .ProviderResultItem .ScheduleLevelSummary[class][class] {
    margin-left: auto;
    margin-right: auto;
    max-width: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .ProviderResultItem > .ctaArea ._Link.secondary:only-child {
    margin-top: 0.25rem;
  }
}
@media screen and (min-width: 769px) {
  .ProviderResultItem > .ctaArea ._Link.secondary:only-child {
    margin-top: 0.5rem;
  }
}
@media print {
  .ProviderResultItem {
    border: 1px solid #dbdbdb;
  }
}
.ProviderResultItem > .additionalLocationsItem {
  grid-area: additionalInfo;
  border-top: 1px solid #dbdbdb;
  padding-top: 0.25rem;
}
.ProviderResultItem > .additionalLocationsItem .AdditionalDepartmentList {
  padding-left: 6rem;
  padding-top: 0.5rem;
  padding-right: 0.5rem;
}
@media print {
  .ProviderResultItem > .additionalLocationsItem {
    border-top: none;
  }
}
.ProviderResultItem > .PrimaryDepartment {
  grid-area: resultInfo;
  padding: 0.75rem 0 0.5rem 0;
}
@media screen and (min-width: 769px) {
  .ProviderResultItem > .PrimaryDepartment {
    padding-right: 2rem;
  }
}

.ProviderResultDepartment {
  display: flex;
  overflow-wrap: break-word;
}
.ProviderResultDepartment .locationIcon {
  fill: #7a0019;
  position: relative;
  top: -0.4rem;
}
.ProviderResultDepartment.noLocations {
  padding: 0.25rem 0;
}

.ProviderResultHeader {
  width: 100%;
}
.ProviderResultHeader .ResultName .ResultNameHeading {
  padding: 0.5rem 0 0 0;
  font-size: 1.3rem;
  line-height: 1.3rem;
  overflow-wrap: break-word;
}
.ProviderResultHeader .ResultName .ResultNameHeading ._link {
  color: #7a0019;
}
.ProviderResultHeader .providerSpecialtiesText {
  overflow-wrap: break-word;
  color: #000000;
}

html:not(.mobile) .ProviderResultHeader .ResultName .ResultNameHeading {
  font-weight: bold;
}

.ResultsList .PromotedActionPreviewList {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  box-shadow: none;
  border: 1px solid #cccccc;
  background-color: #f2e6e8;
  margin-bottom: 0.75rem;
}
.ResultsList .PromotedActionPreviewList:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.ResultsListToggles .primary {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.ResultsListToggles .primary .ResultsTelehealthModeToggle {
  width: auto;
  flex-grow: 1;
}
.ResultsListToggles .primary .SortResultsDropdown {
  width: auto;
  flex-shrink: 1;
  margin: 0.25rem 0;
  padding: 0.25rem 0;
  --y-offset: -0.25rem;
}
.mobile .ResultsListToggles .primary .SortResultsDropdown {
  --y-offset: -0.75rem;
}
.ResultsListToggles .primary .SortResultsDropdown:only-child {
  max-width: 15rem;
  position: absolute;
  bottom: calc(100% + var(--y-offset));
}
.ResultsListToggles .ResultsVideoVisitLocationBanner {
  position: relative;
  top: -0.5rem;
  margin: 0 0.5%;
  width: 99%;
}
.ResultsListToggles .ResultsVideoVisitLocationBanner.hidden {
  display: none;
}
@media print {
  .ResultsListToggles {
    display: none;
  }
}

.ResultsNavigator {
  display: flex;
}
@media screen and (max-width: 1024px) {
  .ResultsNavigator {
    display: block;
  }
}
.ResultsNavigator .sidebar {
  flex: 0 1 0;
  min-width: 0;
}
.ResultsNavigator .sidebar:not(:empty) {
  flex-shrink: 0;
  flex-basis: 25%;
  margin-right: 1rem;
}
@media screen and (min-width: 1025px) {
  .ResultsNavigator .sidebar:not(:empty) {
    margin-top: 0.25rem;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background-color: #f2e6e8;
    height: fit-content;
  }
}
body.branded .ResultsNavigator .sidebar:not(:empty) {
  background-color: unset;
  border: unset;
}
@media screen and (min-width: 1025px) {
  body.branded .ResultsNavigator .sidebar:not(:empty) {
    padding: 0 1rem 0 0;
  }
}
.ResultsNavigator .results {
  flex: 1 1 75%;
  min-width: 0;
  position: relative;
  height: fit-content;
}
.ResultsNavigator .ResponsivePopupArea {
  display: flex;
  justify-content: center;
}
.ResultsNavigator .ResponsivePopupArea > .openPopupButton {
  max-width: calc(768px - 2 * 1.25rem);
  margin-top: calc(-1 * 0.75rem);
  margin-bottom: calc(0.75rem + 1rem);
}
.ResultsNavigator .ResponsivePopupArea > .openPopupButton[class] {
  padding-top: calc(0.625rem - 1px);
  padding-bottom: calc(0.625rem - 1px);
}
.mobile .ResultsNavigator .ResponsivePopupArea > .openPopupButton[class] {
  padding-top: calc(0.75rem - 1px);
  padding-bottom: calc(0.75rem - 1px);
}
body.isPrelogin .ResultsNavigator .ResponsivePopupArea > .openPopupButton {
  background-color: #7a0019;
  color: #ffffff;
  background-color: #550012;
  border: none;
  border-radius: 1.25rem;
}
.darkmode body.isPrelogin .ResultsNavigator .ResponsivePopupArea > .openPopupButton {
  border: 2px solid;
  border-color: #bd808c;
  color: white;
  background-color: #250008;
}

body.isPrelogin .ResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :active),
.tvmode body.isPrelogin .ResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :focus, :active) {
  background-color: #680015;
}
.darkmode body.isPrelogin .ResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :active), .tvmode.darkmode body.isPrelogin .ResultsNavigator .ResponsivePopupArea > .openPopupButton:is(:hover, :focus, :active) {
  background-color: #5f0014;
  border-color: transparent;
}

@media print {
  .ResultsNavigator {
    display: block;
  }
  .ResultsNavigator .sidebar {
    display: none;
  }
}

.ScheduleActionCall {
  display: inline-flex;
  align-items: center;
}
.ScheduleActionCall[class][class] {
  margin-top: 0;
  margin-bottom: 0;
}
.ScheduleActionCall ._Icon {
  margin-left: 0.2rem;
  /* rtl:raw: transform: scale(-1,1); */
  position: relative;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  flex-shrink: 0;
}
.ScheduleActionCall._Link.primary.neutral, .ScheduleActionCall._Link.secondary.neutral, .ScheduleActionCall._Link.tertiary.neutral, .ScheduleActionCall._Link.primary.positive {
  display: flex;
  justify-content: center;
}
.ScheduleActionCall > ._Icon {
  margin: -0.2rem 0.2rem -0.2rem 0;
}

.ScheduleActionExternalUrl {
  display: inline-flex;
  align-items: center;
}
.ScheduleActionExternalUrl[class][class] {
  margin-top: 0;
  margin-bottom: 0;
}
.ScheduleActionExternalUrl ._Icon {
  margin-left: 0.2rem;
  /* rtl:raw: transform: scale(-1,1); */
  position: relative;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  flex-shrink: 0;
}
.ScheduleActionExternalUrl._Link.primary.neutral, .ScheduleActionExternalUrl._Link.secondary.neutral, .ScheduleActionExternalUrl._Link.tertiary.neutral, .ScheduleActionExternalUrl._Link.primary.positive {
  display: flex;
  justify-content: center;
}
.ScheduleActionExternalUrl ._Icon {
  margin-top: -1rem;
  margin-bottom: -1rem;
}

.ScheduleActionOpenScheduling .visitType {
  font-size: 13pt;
  color: #363636;
  font-weight: bold;
  padding: 0;
  overflow-wrap: break-word;
}

.ScheduleLevelSummary {
  font-style: italic;
  font-size: 0.85rem;
}

.SchedulePage:has(._AsyncIndicator) {
  min-height: 10rem;
}

.SearchHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  background: #f2e6e9;
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  .SearchHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .SearchHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  .SearchHeader {
    min-height: 1px;
  }
}
body.branded .SearchHeader {
  overflow-x: visible;
}
.SearchHeader > * {
  position: relative;
  z-index: 1;
}
.SearchHeader:before {
  background: #f2e6e9;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded .SearchHeader:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
.SearchHeader:before {
  top: calc(100% - 1.75rem);
  height: 5rem;
}
body.branded .SearchHeader {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
.SearchHeader.swoopText, .SearchHeader .swoopText {
  color: #363636;
}
.SearchHeader.swoopText h1, .SearchHeader.swoopText h2, .SearchHeader.swoopText h3, .SearchHeader.swoopText h4, .SearchHeader.swoopText.header, .SearchHeader.swoopText .header, .SearchHeader.swoopText.heading, .SearchHeader.swoopText .heading, .SearchHeader.swoopText._PageHeading, .SearchHeader.swoopText ._PageHeading, .SearchHeader.swoopText._heading, .SearchHeader.swoopText ._heading, .SearchHeader .swoopText h1, .SearchHeader .swoopText h2, .SearchHeader .swoopText h3, .SearchHeader .swoopText h4, .SearchHeader .swoopText.header, .SearchHeader .swoopText .header, .SearchHeader .swoopText.heading, .SearchHeader .swoopText .heading, .SearchHeader .swoopText._PageHeading, .SearchHeader .swoopText ._PageHeading, .SearchHeader .swoopText._heading, .SearchHeader .swoopText ._heading {
  color: #7a0019;
}
.SearchHeader.swoopText a, .SearchHeader.swoopText._Link, .SearchHeader.swoopText ._Link, .SearchHeader .swoopText a, .SearchHeader .swoopText._Link, .SearchHeader .swoopText ._Link {
  background-color: #ffffff;
  border-radius: 0.25rem;
  padding: 0.2rem 0.4rem;
}
body.isPrelogin:not(.branded) .SearchHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  background: white;
}
@media screen and (max-width: 768px) {
  body.isPrelogin:not(.branded) .SearchHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  body.isPrelogin:not(.branded) .SearchHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  body.isPrelogin:not(.branded) .SearchHeader {
    min-height: 1px;
  }
}
body.branded body.isPrelogin:not(.branded) .SearchHeader {
  overflow-x: visible;
}
body.isPrelogin:not(.branded) .SearchHeader > * {
  position: relative;
  z-index: 1;
}
body.isPrelogin:not(.branded) .SearchHeader:before {
  background: white;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded body.isPrelogin:not(.branded) .SearchHeader:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
body.isPrelogin:not(.branded) .SearchHeader:before {
  top: calc(100% - 1.75rem);
  height: 5rem;
}
body.branded body.isPrelogin:not(.branded) .SearchHeader {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
body.isPrelogin:not(.branded) .SearchHeader.swoopText, body.isPrelogin:not(.branded) .SearchHeader .swoopText {
  color: #000000;
}
body.isPrelogin:not(.branded) .SearchHeader.swoopText .header, body.isPrelogin:not(.branded) .SearchHeader.swoopText .heading, body.isPrelogin:not(.branded) .SearchHeader.swoopText ._PageHeading, body.isPrelogin:not(.branded) .SearchHeader.swoopText ._heading, body.isPrelogin:not(.branded) .SearchHeader.swoopText ._readOnlyText, body.isPrelogin:not(.branded) .SearchHeader.swoopText ._Link, body.isPrelogin:not(.branded) .SearchHeader .swoopText .header, body.isPrelogin:not(.branded) .SearchHeader .swoopText .heading, body.isPrelogin:not(.branded) .SearchHeader .swoopText ._PageHeading, body.isPrelogin:not(.branded) .SearchHeader .swoopText ._heading, body.isPrelogin:not(.branded) .SearchHeader .swoopText ._readOnlyText, body.isPrelogin:not(.branded) .SearchHeader .swoopText ._Link {
  color: #000000;
  background-color: unset;
}
body.isPrelogin:not(.branded) .SearchHeader.swoopText ._Link, body.isPrelogin:not(.branded) .SearchHeader .swoopText ._Link {
  padding: 0.25rem 0 0.5rem;
}
.SearchHeader:before {
  height: 8.5rem;
}
@media screen and (max-width: 768px) {
  .SearchHeader:before {
    height: 9.5rem;
  }
}
@media screen and (max-width: 376px) {
  .SearchHeader:before {
    height: 11.5rem;
  }
}
@media screen and (max-width: 768px) {
  .SearchHeader.searchInputsNoLocation:before {
    height: 9.5rem;
  }
}
.SearchHeader.searchInputsNoInsurance:before {
  height: 6.5rem;
}
@media screen and (max-width: 768px) {
  .SearchHeader.searchInputsNoInsurance:before {
    height: 8.5rem;
  }
}
@media screen and (max-width: 376px) {
  .SearchHeader.searchInputsNoInsurance:before {
    height: 9.5rem;
  }
}
.SearchHeader.searchInputsNoInsurance.searchInputsNoLocation:before {
  height: 6.5rem;
}
@media screen and (max-width: 376px) {
  .SearchHeader.searchInputsNoInsurance.searchInputsNoLocation:before {
    height: 8.5rem;
  }
}
@media screen and (max-width: 768px) {
  .SearchHeader[class][class][class] {
    padding: 1.5rem 0.75rem;
  }
}
@media screen and (min-width: 769px) {
  .SearchHeader[class][class][class] {
    padding: 1.4rem 2rem 1.5rem 2rem;
  }
}

.SearchInputs {
  text-align: start;
  flex-wrap: wrap;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  max-width: 45rem;
  margin: auto;
  min-height: unset;
}
.SearchInputs .BrowserLocationButton[class][class] {
  margin: 0.25rem 0;
  padding: 0;
  text-align: unset;
  font-size: 0.85rem;
  width: fit-content;
}
.mobile .SearchInputs .BrowserLocationButton[class][class][class] {
  padding: 0;
  font-size: 0.85rem;
}
.SearchInputs .BrowserLocationButton > .contentWrapper {
  display: inline-flex;
  align-items: center;
}
.SearchInputs .BrowserLocationButton .locationIcon {
  margin: 0 0.25rem;
  width: 1.15rem;
  height: 1.15rem;
}
.SearchInputs .BrowserLocationButton .workingText:before {
  width: 12px;
  height: 12px;
  border-width: 2px;
}
.SearchInputs .BrowserLocationToggle .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.SearchInputs .BrowserLocationToggle .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.SearchInputs .BrowserLocationToggle .ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.SearchInputs .BrowserLocationToggle .ToggleSwitch ._Text {
  align-self: center;
}
.SearchInputs .BrowserLocationToggle .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.SearchInputs .BrowserLocationToggle .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.SearchInputs .BrowserLocationToggle .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.SearchInputs .BrowserLocationToggle .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.SearchInputs .BrowserLocationToggle .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.SearchInputs .BrowserLocationToggle .sliderRail .onIcon {
  z-index: 1;
}
.SearchInputs .BrowserLocationToggle .sliderRail .sliderKnob, .SearchInputs .BrowserLocationToggle .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.SearchInputs .BrowserLocationToggle .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.SearchInputs .BrowserLocationToggle .sliderButton {
  margin-left: auto;
}
.SearchInputs .BrowserLocationToggle .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.SearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.SearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.SearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.SearchInputs .BrowserLocationToggle .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.SearchInputs .BrowserLocationToggle .ToggleSwitch {
  flex-direction: row-reverse;
  margin: 0;
}
.SearchInputs .BrowserLocationToggle .ToggleSwitch .sliderButton {
  margin-left: 0;
  margin-right: 10px;
}
.SearchInputs .LocationCollector {
  display: flex;
  flex-direction: column;
}
.SearchInputs .LocationCollector .ErrorStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .SearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within {
    will-change: transform;
  }
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within :focus-visible {
  outline: none;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField {
  flex-grow: 1;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._command, .SearchInputs .LocationCollector .ModifiedValidatedTextInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0.75rem;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput + ._ValidationMessage:not(:empty) {
  margin-top: -0.5rem;
  margin-bottom: 0.75rem;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput ._ValidatedInput {
  margin: 0;
}
.SearchInputs .LocationCollector .textInputWithIcon::before {
  content: url("../../images/provider-finder/location_pin.svg");
  height: 32px;
  width: 32px;
  align-self: center;
}
.SearchInputs[class] {
  padding: 1.5rem 1.5rem;
  margin: auto;
  display: flex;
}
@media screen and (max-width: 768px) {
  .SearchInputs {
    max-width: 30rem;
  }
  .SearchInputs[class] {
    padding: 1rem;
  }
}
.SearchInputs > ._PageHeading {
  padding: 0;
}
.SearchInputs .provSearchInput {
  width: 100%;
  flex-basis: 100%;
  align-self: flex-start;
}
.SearchInputs .provSearchInput .required::before {
  display: none;
  background: none;
  margin: 0;
  height: 0;
  width: 0;
}
.SearchInputs .provSearchInput .searchIcon {
  order: -1;
}
.SearchInputs .InsuranceSelection {
  flex: 5;
  align-self: flex-start;
}
@media screen and (max-width: 768px) {
  .SearchInputs .InsuranceSelection {
    flex-basis: 100%;
  }
}
.SearchInputs .InsuranceSelection ._ValidatedInput {
  margin-bottom: 0;
}
.SearchInputs .InsuranceSelection ._ValidatedInput + ._ValidationMessage:not(:empty) {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.SearchInputs .LocationCollector {
  flex: 5;
  max-height: fit-content;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput[class] {
  margin-bottom: 0;
}
.SearchInputs .LocationCollector .ModifiedValidatedTextInput[class] + ._ValidationMessage:not(:empty) {
  margin-top: 0.25rem;
  margin-bottom: 0;
}
.SearchInputs .LocationCollector .BrowserLocationButton[class] {
  margin-top: 0;
}
.SearchInputs .RunSearchCommand[class] {
  margin: 0;
  flex: 2;
  align-self: flex-start;
  padding: calc(0.725rem + 1px) 0;
  min-width: fit-content;
}
@media screen and (max-width: 376px) {
  .SearchInputs .RunSearchCommand[class] {
    flex-basis: 100%;
  }
}
.mobile .SearchInputs .RunSearchCommand[class][class] {
  padding: calc(0.725rem + 1px) 0;
}
.SearchInputs.searchInputsNoInsurance .provSearchInput {
  flex-basis: 50%;
}
@media screen and (max-width: 768px) {
  .SearchInputs.searchInputsNoInsurance .provSearchInput {
    flex-basis: 100%;
  }
}
@media screen and (min-width: 769px) {
  .SearchInputs.searchInputsNoInsurance.searchLocationUnselected .LocationCollector {
    margin-top: -1.4rem;
  }
}
@media screen and (min-width: 769px) {
  .SearchInputs.searchInputsNoInsurance.searchLocationUnselected .RunSearchCommand {
    margin-top: 0;
  }
}
@media screen and (min-width: 377px) {
  .SearchInputs.searchInputsNoInsurance.searchInputsNoLocation .provSearchInput {
    flex-basis: 65%;
  }
}
@media screen and (min-width: 769px) {
  .SearchInputs.searchInputsNoInsurance.searchInputsNoLocation .provSearchInput {
    flex-basis: 75%;
  }
}
@media screen and (min-width: 769px) {
  .SearchInputs.searchLocationUnselected .InsuranceSelection {
    margin-top: 1.4rem;
  }
}
@media screen and (min-width: 377px) {
  .SearchInputs.searchLocationUnselected .RunSearchCommand {
    margin-top: 1.4rem;
  }
}
.SearchInputs.searchInputsLocationToggle .LocationCollector {
  margin: 0.45rem 0;
}

.SearchPage {
  display: flex;
  flex-direction: column;
}

.SearchResultsPage .resultsHeader {
  padding-top: 0.25rem;
}
.SearchResultsPage .resultsHeader > ._PageTitle .actionGroup, .SearchResultsPage .resultsHeader > ._PageTitle .subjectIndicator {
  display: none;
}
.SearchResultsPage .resultsHeader > ._PageTitle .searchTerm {
  font-weight: bold;
  word-break: break-word;
}
.SearchResultsPage .resultsHeader > ._PageTitle .searchTerm, .SearchResultsPage .resultsHeader > ._PageTitle ._PageHeader {
  overflow-wrap: anywhere;
}
@media screen and (max-width: 1024px) {
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader, body.branded .SearchResultsPage .resultsHeader {
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    text-align: center;
    position: relative;
    padding: 0.25rem 2rem;
    overflow-x: clip;
    background: #f2e6e9;
    padding: 0 0.75rem 1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader, body.branded .SearchResultsPage .resultsHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader, body.branded .SearchResultsPage .resultsHeader {
    min-height: 1px;
  }
  body.branded body:not(.isPrelogin) .SearchResultsPage .resultsHeader, body.branded body.branded .SearchResultsPage .resultsHeader {
    overflow-x: visible;
  }
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader > *, body.branded .SearchResultsPage .resultsHeader > * {
    position: relative;
    z-index: 1;
  }
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader:before, body.branded .SearchResultsPage .resultsHeader:before {
    background: #f2e6e9;
    content: "";
    position: absolute;
    left: -2rem;
    width: calc(100% + 4rem);
    border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
  }
  body.branded body:not(.isPrelogin) .SearchResultsPage .resultsHeader:before, body.branded body.branded .SearchResultsPage .resultsHeader:before {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader:before, body.branded .SearchResultsPage .resultsHeader:before {
    top: calc(100% - 1.75rem);
    height: 5rem;
  }
  body.branded body:not(.isPrelogin) .SearchResultsPage .resultsHeader, body.branded body.branded .SearchResultsPage .resultsHeader {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText, body.branded .SearchResultsPage .resultsHeader.swoopText, body.branded .SearchResultsPage .resultsHeader .swoopText {
    color: #363636;
  }
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText h1, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText h2, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText h3, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText h4, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText.header, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText .header, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText.heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText .heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText._PageHeading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText ._PageHeading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText._heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText ._heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText h1, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText h2, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText h3, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText h4, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText.header, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText .header, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText.heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText .heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText._PageHeading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText ._PageHeading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText._heading, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText ._heading, body.branded .SearchResultsPage .resultsHeader.swoopText h1, body.branded .SearchResultsPage .resultsHeader.swoopText h2, body.branded .SearchResultsPage .resultsHeader.swoopText h3, body.branded .SearchResultsPage .resultsHeader.swoopText h4, body.branded .SearchResultsPage .resultsHeader.swoopText.header, body.branded .SearchResultsPage .resultsHeader.swoopText .header, body.branded .SearchResultsPage .resultsHeader.swoopText.heading, body.branded .SearchResultsPage .resultsHeader.swoopText .heading, body.branded .SearchResultsPage .resultsHeader.swoopText._PageHeading, body.branded .SearchResultsPage .resultsHeader.swoopText ._PageHeading, body.branded .SearchResultsPage .resultsHeader.swoopText._heading, body.branded .SearchResultsPage .resultsHeader.swoopText ._heading, body.branded .SearchResultsPage .resultsHeader .swoopText h1, body.branded .SearchResultsPage .resultsHeader .swoopText h2, body.branded .SearchResultsPage .resultsHeader .swoopText h3, body.branded .SearchResultsPage .resultsHeader .swoopText h4, body.branded .SearchResultsPage .resultsHeader .swoopText.header, body.branded .SearchResultsPage .resultsHeader .swoopText .header, body.branded .SearchResultsPage .resultsHeader .swoopText.heading, body.branded .SearchResultsPage .resultsHeader .swoopText .heading, body.branded .SearchResultsPage .resultsHeader .swoopText._PageHeading, body.branded .SearchResultsPage .resultsHeader .swoopText ._PageHeading, body.branded .SearchResultsPage .resultsHeader .swoopText._heading, body.branded .SearchResultsPage .resultsHeader .swoopText ._heading {
    color: #7a0019;
  }
  body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText a, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText._Link, body:not(.isPrelogin) .SearchResultsPage .resultsHeader.swoopText ._Link, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText a, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText._Link, body:not(.isPrelogin) .SearchResultsPage .resultsHeader .swoopText ._Link, body.branded .SearchResultsPage .resultsHeader.swoopText a, body.branded .SearchResultsPage .resultsHeader.swoopText._Link, body.branded .SearchResultsPage .resultsHeader.swoopText ._Link, body.branded .SearchResultsPage .resultsHeader .swoopText a, body.branded .SearchResultsPage .resultsHeader .swoopText._Link, body.branded .SearchResultsPage .resultsHeader .swoopText ._Link {
    background-color: #ffffff;
    border-radius: 0.25rem;
    padding: 0.2rem 0.4rem;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader {
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    text-align: center;
    position: relative;
    padding: 0.25rem 2rem;
    overflow-x: clip;
    background: white;
    padding: 0 0.75rem 1rem;
  }
}
@media screen and (max-width: 1024px) and (max-width: 768px) {
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media screen and (max-width: 1024px) {
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader {
    min-height: 1px;
  }
  body.branded body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader {
    overflow-x: visible;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader > * {
    position: relative;
    z-index: 1;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader:before {
    background: white;
    content: "";
    position: absolute;
    left: -2rem;
    width: calc(100% + 4rem);
    border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
  }
  body.branded body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader:before {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader:before {
    top: calc(100% - 1.75rem);
    height: 5rem;
  }
  body.branded body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader {
    left: calc(-55vw + 50%);
    margin-left: 0;
    width: 110vw;
    max-width: 110vw;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText {
    color: #000000;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText .header, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText .heading, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText ._PageHeading, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText ._heading, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText ._readOnlyText, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText ._Link, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText .header, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText .heading, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText ._PageHeading, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText ._heading, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText ._readOnlyText, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText ._Link {
    color: #000000;
    background-color: unset;
  }
  body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader.swoopText ._Link, body.isPrelogin:not(.branded) .SearchResultsPage .resultsHeader .swoopText ._Link {
    padding: 0.25rem 0 0.5rem;
  }
  .mobile .SearchResultsPage .resultsHeader:before {
    height: 5.5rem;
  }
  .SearchResultsPage .resultsHeader > ._PageTitle ._BackToListLink {
    margin-bottom: 0.4rem;
  }
}
@media screen and (max-width: 768px) {
  .SearchResultsPage .resultsHeader {
    padding: 0 0.75rem 1rem;
  }
}
@media only screen and (min-width: 1025px) {
  .SearchResultsPage .resultsHeader {
    width: calc(100% - 15rem);
  }
}
.SearchResultsPage:has(._AsyncIndicator) {
  min-height: 10rem;
}

.SortResultsDropdown {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.SortResultsDropdown > .sortDropdown {
  margin-bottom: 0;
}
.SortResultsDropdown > .sortDropdown > ._DropDownList {
  margin-bottom: 0;
}
.SortResultsDropdown > .sortDropdown + ._ValidationMessage:not(:empty) {
  margin-top: 0.25rem;
  margin-bottom: 0;
  width: auto;
}

body.md_react_index #main {
  overflow: hidden;
  padding-top: 0;
}
body.md_react_index #wrap {
  width: 100%;
}

@charset "UTF-8";
/* Copyright 2021-2024 Epic Systems Corporation */
.DetailComponent .detailName {
  font-size: 0.8rem;
  color: #767676;
  margin-bottom: 0rem !important;
}
.DetailComponent .detailText {
  margin-top: 0rem !important;
  padding-right: 2rem;
}

.IndividualReview {
  margin-top: 1.5rem;
}
.IndividualReview .dateString {
  margin-right: 1rem;
}
.IndividualReview .reviewComment {
  margin-top: 0.25rem;
}
.IndividualReview .reviewComment .commentText {
  margin: 0;
  min-height: 1rem;
}

.ProviderAboutMe ._UntrustedExternalVideo {
  aspect-ratio: 16/9;
  width: 100%;
}
.ProviderAboutMe ._UntrustedExternalVideo + .providerBlurb {
  padding-top: 0.5rem;
}
.ProviderAboutMe .providerBlurb ul li, .ProviderAboutMe .providerBlurb ol li {
  margin-left: 1.2rem;
}
.ProviderAboutMe .providerBlurb ul li {
  list-style-type: disc;
}
.ProviderAboutMe .providerBlurb blockquote {
  background-color: #f2e6e8;
  border-radius: 8px;
  padding: 0.5rem 1.4rem;
  margin: 1rem 0;
  font-size: 1.1rem;
  font-style: italic;
  position: relative;
}
.ProviderAboutMe .providerBlurb blockquote:first-child {
  margin-top: 0.5rem;
}
.ProviderAboutMe .providerBlurb blockquote::before {
  content: "“";
  position: absolute;
  top: 0.5rem;
  left: 0.1rem;
  font-size: 2.5rem;
  color: #7a0019;
  opacity: 0.5;
}
.ProviderAboutMe .providerBlurb blockquote::after {
  content: "”";
  position: absolute;
  bottom: -0.5rem;
  right: 0.5rem;
  font-size: 2.5rem;
  color: #7a0019;
  opacity: 0.5;
}
.ProviderAboutMe .providerBlurb p:last-of-type {
  margin-bottom: 0.5rem;
}
.ProviderAboutMe .providerBlurb p:last-child {
  margin-bottom: 0;
}

.ProviderAffiliations {
  margin-top: 0.25rem;
}
.ProviderAffiliations .ProviderOneAffiliation {
  display: block;
}
.ProviderAffiliations .ProviderOneAffiliation.iconOnly {
  display: inline;
}
.ProviderAffiliations .ProviderOneAffiliation .affiliateName,
.ProviderAffiliations .ProviderOneAffiliation .affiliateIcon {
  vertical-align: middle;
}
.ProviderAffiliations .ProviderOneAffiliation .affiliateName {
  display: inline;
}
.ProviderAffiliations .ProviderOneAffiliation img {
  min-height: unset;
  min-width: unset;
}
.ProviderAffiliations .ProviderOneAffiliation .affiliateIcon {
  margin-right: 0.3rem;
  vertical-align: middle;
  max-width: 1.3rem;
  max-height: 1.3rem;
}
.ProviderAffiliations .ProviderOneAffiliation .affiliateLogo {
  max-height: 1.8rem;
}

.BadgeContainer ._StatusBadge {
  border-width: 1px;
  padding: 1px 8px 1px 8px;
  font-size: 0.8rem;
}
.BadgeContainer ._StatusBadge:not(:last-child) {
  margin-right: 0.4rem;
}

.ProviderBio .leftSection {
  max-width: 15rem;
  margin-right: 1rem;
}
.ProviderBio .leftSection ._PageHeading {
  padding-bottom: 0.25rem;
}
@media screen and (max-width: 1300px) {
  .ProviderBio .leftSection {
    max-width: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .ProviderBio .leftSection {
    max-width: 100%;
    margin-right: 0;
  }
}
@media print {
  .ProviderBio > * {
    display: inline;
  }
  .ProviderBio .leftSection {
    max-width: 30%;
  }
}

.ProviderBody {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  word-break: break-word;
  overflow-wrap: break-word;
  display: flex;
}
@media screen and (max-width: 768px) {
  .ProviderBody {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .ProviderBody {
    margin-left: 0;
    width: 100%;
  }
}
.ProviderBody .promotedSection {
  margin-bottom: 0.5rem;
  text-align: center;
}
.ProviderBody .promotedSection .details {
  margin-bottom: 1rem;
}
.ProviderBody .promotedSection .callToAction:not(:empty) {
  margin-top: 1rem;
  margin-bottom: 1rem;
  display: flex;
  justify-content: center;
}
.ProviderBody .promotedSection .callToAction:not(:empty) > ._Link {
  flex-grow: 1;
  max-width: 16rem;
}
@media screen and (min-width: 769px) {
  .ProviderBody .promotedSection .negativeTopMargin {
    position: relative;
    top: -1.5rem;
  }
}
.ProviderBody .mainSection .detailCard {
  margin-bottom: 0.75rem;
  margin-top: 0;
  padding: 0.75rem;
}
.ProviderBody .mainSection .detailCard ._PageHeading {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .ProviderBody {
    flex-direction: column;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .ProviderBody .promotedSection .callToAction:not(:empty) > ._Link {
    max-width: unset;
  }
}
@media screen and (min-width: 769px) {
  .ProviderBody {
    padding-left: 87px;
    padding-right: 87px;
  }
  .ProviderBody .promotedSection .BadgeContainer {
    padding-top: 0.75rem;
  }
  .ProviderBody .mainSection {
    position: relative;
    top: -1.5rem;
  }
  .ProviderBody .mainSection > * {
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 1301px) {
  .ProviderBody {
    padding-left: 121px;
    padding-right: 121px;
  }
}
@media print {
  .ProviderBody .detailCard {
    border: 1px solid black;
    overflow: visible;
    display: block;
  }
}

.ProviderDetails .grid {
  margin: 0;
}

.ProviderEducationEntry .educationName[class], .ProviderEducationEntry .educationDetails[class] {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.ProviderEducationEntry .educationDetails {
  color: #767676;
  font-size: 0.8rem;
  line-height: 1rem;
}

.ProviderEducationList ._ListElement:not(:last-child) {
  padding-bottom: 0.5rem;
}
.ProviderEducationList ._ListElement:not(:first-child) {
  border-top: 1px solid #dbdbdb;
  padding-top: 0.5rem;
}

.ProviderHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .ProviderHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .ProviderHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  .ProviderHeader {
    min-height: 1px;
  }
}
body.branded .ProviderHeader {
  overflow-x: visible;
}
.ProviderHeader > * {
  position: relative;
  z-index: 1;
}
.ProviderHeader:before {
  background: #f2e6e9;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded .ProviderHeader:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
@media screen {
  .ProviderHeader {
    min-height: 5.5rem;
  }
}
.ProviderHeader:before {
  top: 0;
  height: 100%;
}
.ProviderHeader.swoopText, .ProviderHeader .swoopText {
  color: #363636;
}
.ProviderHeader.swoopText h1, .ProviderHeader.swoopText h2, .ProviderHeader.swoopText h3, .ProviderHeader.swoopText h4, .ProviderHeader.swoopText.header, .ProviderHeader.swoopText .header, .ProviderHeader.swoopText.heading, .ProviderHeader.swoopText .heading, .ProviderHeader.swoopText._PageHeading, .ProviderHeader.swoopText ._PageHeading, .ProviderHeader.swoopText._heading, .ProviderHeader.swoopText ._heading, .ProviderHeader .swoopText h1, .ProviderHeader .swoopText h2, .ProviderHeader .swoopText h3, .ProviderHeader .swoopText h4, .ProviderHeader .swoopText.header, .ProviderHeader .swoopText .header, .ProviderHeader .swoopText.heading, .ProviderHeader .swoopText .heading, .ProviderHeader .swoopText._PageHeading, .ProviderHeader .swoopText ._PageHeading, .ProviderHeader .swoopText._heading, .ProviderHeader .swoopText ._heading {
  color: #7a0019;
}
.ProviderHeader.swoopText a, .ProviderHeader.swoopText._Link, .ProviderHeader.swoopText ._Link, .ProviderHeader .swoopText a, .ProviderHeader .swoopText._Link, .ProviderHeader .swoopText ._Link {
  background-color: #ffffff;
  border-radius: 0.25rem;
  padding: 0.2rem 0.4rem;
}
body.isPrelogin:not(.branded) .ProviderHeader {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  text-align: center;
  position: relative;
  padding: 0.25rem 2rem;
  overflow-x: clip;
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  body.isPrelogin:not(.branded) .ProviderHeader {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  body.isPrelogin:not(.branded) .ProviderHeader {
    margin-left: 0;
    width: 100%;
  }
}
@media screen {
  body.isPrelogin:not(.branded) .ProviderHeader {
    min-height: 1px;
  }
}
body.branded body.isPrelogin:not(.branded) .ProviderHeader {
  overflow-x: visible;
}
body.isPrelogin:not(.branded) .ProviderHeader > * {
  position: relative;
  z-index: 1;
}
body.isPrelogin:not(.branded) .ProviderHeader:before {
  background: white;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded body.isPrelogin:not(.branded) .ProviderHeader:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
@media screen {
  body.isPrelogin:not(.branded) .ProviderHeader {
    min-height: 5.5rem;
  }
}
body.isPrelogin:not(.branded) .ProviderHeader:before {
  top: 0;
  height: 100%;
}
body.isPrelogin:not(.branded) .ProviderHeader.swoopText, body.isPrelogin:not(.branded) .ProviderHeader .swoopText {
  color: #000000;
}
body.isPrelogin:not(.branded) .ProviderHeader.swoopText .header, body.isPrelogin:not(.branded) .ProviderHeader.swoopText .heading, body.isPrelogin:not(.branded) .ProviderHeader.swoopText ._PageHeading, body.isPrelogin:not(.branded) .ProviderHeader.swoopText ._heading, body.isPrelogin:not(.branded) .ProviderHeader.swoopText ._readOnlyText, body.isPrelogin:not(.branded) .ProviderHeader.swoopText ._Link, body.isPrelogin:not(.branded) .ProviderHeader .swoopText .header, body.isPrelogin:not(.branded) .ProviderHeader .swoopText .heading, body.isPrelogin:not(.branded) .ProviderHeader .swoopText ._PageHeading, body.isPrelogin:not(.branded) .ProviderHeader .swoopText ._heading, body.isPrelogin:not(.branded) .ProviderHeader .swoopText ._readOnlyText, body.isPrelogin:not(.branded) .ProviderHeader .swoopText ._Link {
  color: #000000;
  background-color: unset;
}
body.isPrelogin:not(.branded) .ProviderHeader.swoopText ._Link, body.isPrelogin:not(.branded) .ProviderHeader .swoopText ._Link {
  padding: 0.25rem 0 0.5rem;
}
.ProviderHeader[class][class][class] {
  padding-left: 0;
  padding-right: 0;
}
.ProviderHeader .navigationArea {
  padding-left: 0;
  text-align: left;
  padding-bottom: 0.5rem;
}
.ProviderHeader .contentArea {
  display: flex;
  word-break: break-word;
}
.ProviderHeader .contentArea .providerPhoto {
  height: 10rem;
  max-height: 280px;
  width: 10rem;
  max-width: 280px;
  border-radius: 100%;
  background-color: white;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  padding: 4px;
  margin: auto auto;
  margin-top: 0.25rem;
}
.ProviderHeader.noNavigation .contentArea {
  padding-top: 1.5rem;
}
.ProviderHeader[class][class][class] {
  padding-top: 0.75rem;
}
.ProviderHeader[class][class][class]:before {
  min-height: 9.5rem;
}
.ProviderHeader[class][class][class].noNavigation:before {
  min-height: 8rem;
}
@media screen and (max-width: 768px) {
  .ProviderHeader[class][class][class] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-bottom: 1rem;
  }
  .ProviderHeader[class][class][class]:before {
    min-height: 8.5rem;
    height: 8.5rem;
  }
  .ProviderHeader[class][class][class].noNavigation:before {
    min-height: 7rem;
    height: 7rem;
  }
  .ProviderHeader .contentArea {
    flex-direction: column;
  }
}
@media screen and (min-width: 769px) {
  .ProviderHeader[class][class][class] {
    margin-bottom: 3.75rem;
    text-align: left;
    padding-top: 1rem;
  }
  .ProviderHeader[class][class][class] .navigationArea {
    padding-left: 1.25rem;
  }
  .ProviderHeader[class][class][class] .contentArea {
    padding-left: 87px;
    padding-right: 87px;
  }
  .ProviderHeader .providerPhotoContainer.leftSection {
    position: absolute;
  }
}
@media screen and (min-width: 1301px) {
  .ProviderHeader[class][class][class] {
    padding-top: 1rem;
  }
  .ProviderHeader[class][class][class] .navigationArea {
    padding-left: 1.25rem;
  }
  .ProviderHeader[class][class][class] .contentArea {
    padding-left: 121px;
    padding-right: 121px;
  }
}
@media print {
  .ProviderHeader {
    break-after: avoid-page;
    margin-bottom: 2rem;
  }
  .ProviderHeader .providerPhotoContainer.leftSection {
    position: unset;
  }
  .ProviderHeader .contentArea {
    text-align: left;
  }
  .ProviderHeader .providerPhotoContainer .providerPhoto {
    margin-left: 1.5rem;
  }
}

.ProviderInsurance .insuranceDisclaimer[class][class] {
  margin: 0;
}
.ProviderInsurance .ProviderInsuranceList + .ProviderInsuranceList {
  border-top: 1px solid #dbdbdb;
  margin-top: 0.5rem;
}
.ProviderInsurance .ProviderInsuranceList .insuranceDescription {
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
}
.ProviderInsurance .ProviderInsuranceList .insuranceDescription ._Text {
  line-height: normal;
  font-weight: bold;
}
.ProviderInsurance .ProviderInsuranceList .insuranceDescription ._Icon {
  align-self: baseline;
  margin-right: 0.25rem;
  margin-top: 0.2rem;
  float: left;
  fill: green;
}
.ProviderInsurance .ProviderInsuranceList ._List {
  list-style-type: disc;
  margin-left: 1.25rem;
  padding-top: 0.5rem;
}
.ProviderInsurance .ProviderInsuranceList.standard ._List {
  columns: 2;
}
.ProviderInsurance .ProviderInsuranceList.standard ._List .insuranceText {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.ProviderInsurance .ProviderInsuranceList.network ._List {
  break-inside: avoid-column;
}

.ProviderLocation .locationName {
  font-size: 13pt;
  color: #363636;
  font-weight: bold;
  padding: 0;
  display: inline;
}
.ProviderLocation .locationName, .ProviderLocation .distanceAwayLabel, .ProviderLocation .locationAddressLine {
  /* rtl:raw: display: block; */
}
.ProviderLocation .locationName._readOnlyText, .ProviderLocation .distanceAwayLabel._readOnlyText, .ProviderLocation .locationAddressLine._readOnlyText {
  margin-bottom: 0rem;
  margin-top: 0rem;
}
.ProviderLocation .action {
  display: flex;
  align-items: center;
}
.ProviderLocation .action ._Icon {
  margin-right: 0.1rem;
}
.ProviderLocation .action.address ._Icon {
  align-self: flex-start;
}
.ProviderLocation.detailed .action {
  margin-top: 0.25rem;
}

.ProviderLocations ._ListElement:not(:last-child) {
  padding-bottom: 1rem;
}
.ProviderLocations ._ListElement:not(:first-child) {
  border-top: 1px solid #dbdbdb;
  padding-top: 1rem;
}

.ProviderName .providerNameHeading {
  overflow-wrap: break-word;
  padding-bottom: 0rem;
  font-size: 1.9rem;
  font-weight: bold;
}
.ProviderName .ProviderSpecialties .providerSpecialtiesText {
  font-size: 1.1rem;
}
@media screen and (min-width: 769px) {
  body.isPrelogin .ProviderName .ProviderSpecialties .providerSpecialtiesText {
    opacity: 0.9;
  }
}
@media screen and (min-width: 769px) {
  .ProviderName .additionalHeadings {
    min-height: 1.1rem;
  }
}
.ProviderName .additionalHeadings .marginTop {
  margin-top: 0.2rem;
}
@media screen and (max-width: 769px) {
  .ProviderName .additionalHeadings .bioPageHeaderRating .RatingStarsContainer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.ProviderPublicationsEntry .publicationTitle[class], .ProviderPublicationsEntry .publicationDetails[class] {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.ProviderPublicationsEntry .publicationExtras {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.8rem;
  line-height: 1rem;
}
.ProviderPublicationsEntry .publicationExtras .publicationLink ._ExternalLinkIcon {
  height: 16px;
  width: 16px;
}
.ProviderPublicationsEntry .publicationDetails {
  width: fit-content;
  padding-right: 0.25rem;
  color: #767676;
}

.ProviderPublicationsList ._ListElement:not(:last-child) {
  padding-bottom: 0.5rem;
}
.ProviderPublicationsList ._ListElement:not(:first-child) {
  border-top: 1px solid #dbdbdb;
  padding-top: 0.5rem;
}
.ProviderPublicationsList .publicationsList + .allPublicationsLink {
  border-top: 1px solid #dbdbdb;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}

.RatingsAndReviewsSection .sectionTitle:focus {
  outline: none;
}
.RatingsAndReviewsSection .sectionTitle:focus {
  outline: none;
}
.RatingsAndReviewsSection .overallRatingSection {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.RatingsAndReviewsSection .overallRatingSection .overallRatingHeading {
  display: flex;
  justify-content: center;
}
.RatingsAndReviewsSection .overallRatingSection .overallRatingNumber {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 1.3rem;
}
.RatingsAndReviewsSection .overallRatingSection .overallRatingStars, .RatingsAndReviewsSection .overallRatingSection .totalStatsString {
  display: grid;
  justify-content: center;
}
.RatingsAndReviewsSection .ratingsAndReviewsLoadMoreList li:first-of-type .IndividualReview {
  margin-top: 0;
}
.RatingsAndReviewsSection .disclaimerSection {
  margin-bottom: 1rem;
  line-height: 1rem;
}
.RatingsAndReviewsSection .providerHasNoReviewsText {
  margin-top: 1.5rem;
}
.RatingsAndReviewsSection .subtleText {
  color: #767676;
  font-size: 0.8rem;
}

.RatingStarsContainer {
  display: flex;
  align-items: center;
}
.RatingStarsContainer .ratingText {
  margin-left: 0.45rem;
  font-variant-numeric: lining-nums;
}
.RatingStarsContainer .starIcon {
  margin-right: 0.25rem;
  stroke: #8c7336;
  stroke-width: 0.025rem;
  stroke-linejoin: round;
}
.RatingStarsContainer .starIcon:last-of-type {
  margin-right: 0;
}
.RatingStarsContainer .emptyStar {
  stroke-width: 0.035rem;
}
.RatingStarsContainer .halfFilledStar {
  stroke-width: 0.02rem;
  /* rtl:raw: transform: scaleX(-1); */
}

.BadgeContainer {
  display: block;
}

.ConfirmForm .confirmFormActions.formFooter {
  display: grid;
  width: 100%;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .ConfirmForm .confirmFormActions.formFooter {
    grid-template-columns: 100%;
    justify-content: center;
  }
}
.ConfirmForm .confirmFormActions.formFooter .confirmButton {
  grid-column: 2;
  margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {
  .ConfirmForm .confirmFormActions.formFooter .confirmButton {
    grid-column: auto;
  }
}

.StatusMessage .cardHeader {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .StatusMessage .cardHeader {
    grid-template-columns: auto;
  }
}

.SubjectCard[class][class] {
  width: 70%;
  margin-right: 15%;
  margin-left: 15%;
}
@media only screen and (max-width: 768px) {
  .SubjectCard[class][class] {
    width: 100%;
    margin-right: 0%;
    margin-left: 0%;
    margin-bottom: 2px;
  }
}

.TermsConditions .body {
  fill: #f4ebed;
}
.TermsConditions .body .content {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}

.ConfirmFormFields .dateField {
  max-width: 250px;
}
.ConfirmFormFields .termsField {
  hyphens: none;
}

.ProxyConfirmationMain[class][class] .disclaimerLink {
  text-align: left;
  padding-left: 0px;
  padding-right: 0px;
}

.CardHeading {
  padding-top: 0;
}

.SubmissionError {
  color: #363636;
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .SubmissionError {
    justify-self: start;
  }
}
.SubmissionError ._StatusMessage {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.DeclineForm ._DataEntryLabel {
  hyphens: none;
}

/* Copyright 2024 Epic Systems Corporation */
.ProxyInvite .gridPadding {
  margin-bottom: 0.5rem;
}
.ProxyInvite .confirmEmailInput {
  min-width: 350px;
}
@media only screen and (max-width: 768px) {
  .ProxyInvite .confirmEmailInput {
    margin-top: -0.5rem;
  }
}
.ProxyInvite .pageHeader {
  padding-bottom: 0;
}

.ProxyInviteInstructions {
  padding-bottom: 0.5rem;
}
.ProxyInviteInstructions .instructionsStep {
  width: 33%;
  display: inline-block;
  vertical-align: top;
  padding: 0.25rem;
}
.ProxyInviteInstructions .instructionsStep .gridInstruction {
  display: flex;
  flex-direction: row;
  column-gap: 0.3rem;
  align-items: baseline;
}
@media only screen and (max-width: 768px) {
  .ProxyInviteInstructions .instructionsStep {
    display: grid;
    grid-template-columns: 15% 85%;
    column-gap: 0.2rem;
    width: 100%;
    align-items: center;
  }
}
.ProxyInviteInstructions .instructionsStep .instructionNumberContainer {
  width: fit-content;
  margin: 0 0.5rem;
}
.ProxyInviteInstructions .instructionsStep .instructionNumberContainer .instructionNumberCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #7a0019;
  aspect-ratio: 1/1;
  text-align: center;
}
.ProxyInviteInstructions .instructionsStep .instructionNumberContainer .instructionNumberCircle .instructionNumber {
  color: #ffffff;
  font-weight: bold;
  width: 1.65em;
  width: 1.3lh;
}
.ProxyInviteInstructions .instructionsStep .instructionImage {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ProxyRelationshipChoiceGroup .fieldGroupPrompt {
  font-size: 1.25rem;
  color: #7a0019;
  display: block;
  font-weight: normal;
  line-height: normal;
  margin: 0;
  padding: 0rem 0 0.5rem;
  width: 100%;
}
.ProxyRelationshipChoiceGroup .relationshipList {
  display: flex;
  flex-direction: row;
}
.ProxyRelationshipChoiceGroup .relationshipDescription {
  background-color: #f4ebed;
  margin: -0.75rem 0rem 0.5%;
  border: 1px solid #404d5b;
  width: 66%;
}
@media only screen and (max-width: 768px) {
  .ProxyRelationshipChoiceGroup .relationshipDescription {
    width: 100%;
  }
}
.ProxyRelationshipChoiceGroup .relationshipDescription .relationshipDescriptionHeading {
  padding-top: 0.25rem;
}

.ProxyTermsAndConditions {
  margin-top: 1rem;
}
.ProxyTermsAndConditions .disclosureButton {
  justify-content: flex-start;
  margin-bottom: 0;
}
.ProxyTermsAndConditions .disclosureButton .termsAndConditionsContainer {
  margin: 0.25rem 0;
}

/* Copyright 2021 Epic Systems Corporation */
.AccountHeader {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  border-bottom: 1px solid #dbdbdb;
  max-width: none;
  width: calc(100% + 1rem);
  margin-left: -0.5rem;
  padding: 0 0.5rem 0.5rem;
}
.AccountHeader .accountHeaderText {
  display: flex;
  flex-direction: column;
}
.AccountHeader .accountHeaderText .accountHeaderSA {
  font-size: 14pt;
  font-weight: bold;
}
.AccountHeader .accountHeaderText .accountHeaderAccount {
  font-size: 0.85rem;
}
.AccountHeader .accountHeaderLogo {
  max-width: 60px;
  max-height: 60px;
}

.quickPayContent {
  max-width: 550px;
  margin: 0 auto;
}

.PaymentInformation {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 75%;
}

.paymentAmountContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0;
}
.paymentAmountContainer .paymentAmountLabel, .paymentAmountContainer .paymentAmount {
  text-align: center;
}
.paymentAmountContainer .paymentAmountLabel {
  margin: 0 !important;
}
.paymentAmountContainer .paymentAmount {
  color: #0f784a;
  font-size: 2rem;
  line-height: 2rem;
  margin: 5px 0 !important;
}

.PaymentMethodDisplay {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.75rem 0;
  border-top: 1px solid #dbdbdb;
}
.PaymentMethodDisplay .paymentMethodLabel {
  text-align: center;
}
.PaymentMethodDisplay .paymentMethod {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 0.2rem;
  justify-content: center;
  min-height: calc(2rem + 10px);
}
.PaymentMethodDisplay .paymentMethod .paymentMethodLogo {
  width: 50px;
  margin-right: 0.2rem;
  float: right;
}
.PaymentMethodDisplay .paymentMethod .paymentMethodTextContainer {
  display: flex;
  flex-direction: column;
  margin-left: 0.2rem;
  width: unset;
}

.LandingPage .PayBalanceDisplay, .LandingPage .PaymentPlan {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  padding: 1rem 0 0.5rem;
}
.LandingPage .balance {
  font-size: 1.5rem;
  margin: 0.5rem;
}

.VerificationPage .PaymentInformationCard .paymentInformationPretext {
  margin: 0 0.5rem 0.5rem 0.5rem;
  text-align: center;
  width: auto;
}
.VerificationPage .PaymentInformationCard .paymentInformationContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
}
.VerificationPage .submitPaymentButtons {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
.VerificationPage .submitPaymentButtons button.primary.positive, .VerificationPage .submitPaymentButtons a.secondary.neutral {
  margin: 0.5rem 0 0;
  padding: 0.625rem 0;
}

.PaymentSuccess {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.PaymentSuccess .paymentSuccessBanner {
  max-width: 412.5px;
}
.PaymentSuccess .paymentSummaryContainer {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.PaymentSuccess .paymentSummaryContainer .dateContainer, .PaymentSuccess .paymentSummaryContainer .confirmationCodeContainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 0.75rem;
}
.PaymentSuccess .paymentSummaryContainer .dateContainer .value, .PaymentSuccess .paymentSummaryContainer .confirmationCodeContainer .value {
  margin-left: 0.5rem;
  width: auto;
}
.PaymentSuccess .paymentSummaryContainer .confirmationCodeContainer {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 0.75rem;
  width: 75%;
}

.PaymentFailure .paymentErrorButtons {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
}
.PaymentFailure .paymentErrorButtons a.secondary.neutral {
  margin: 0.5rem 0 0;
  padding: 0.625rem 0;
}

/* Copyright 2021-2023 Epic Systems Corporation */
.ActionResultMetaData {
  display: flex;
}
.ActionResultMetaData .actionResultStatusIcon {
  margin-top: 1px;
  margin-right: 5px;
}
.ActionResultMetaData .contentHeader {
  padding: 0 0 0.25rem;
}
.ActionResultMetaData .contentHeader.success {
  color: #0f784a;
  word-break: break-word;
}
.ActionResultMetaData .contentHeader.failure {
  color: #d80000;
}

.ProviderSelectionInfo .providerName {
  font-size: 1.1rem;
  color: #7a0019;
}
.ProviderSelectionInfo .providerAddlInfoContainer {
  margin: 0.5rem 0 0;
  display: flex;
  flex-wrap: wrap;
}
.ProviderSelectionInfo .providerAddlInfo ._readOnlyText {
  margin: 0;
}
.ProviderSelectionInfo .providerAddlInfo .addlInfoPiece {
  color: initial;
}
@media only screen and (min-width: 769px) {
  .ProviderSelectionInfo .providerAddlInfo:not(:only-child) {
    width: 50%;
  }
}
@media only screen and (max-width: 768px) {
  .ProviderSelectionInfo .providerAddlInfo {
    width: 100%;
  }
  .ProviderSelectionInfo .providerAddlInfo.providerAddress {
    margin-bottom: 0.25rem;
  }
}

.SendSummaryProviderSelect .buttonFlexer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
.SendSummaryProviderSelect .buttonFlexer:not(:first-child) {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .SendSummaryProviderSelect .buttonFlexer {
    width: 100%;
    margin-right: 0;
    flex: 1 1 0;
  }
}
.SendSummaryProviderSelect .buttonFlexer.mobileWidth {
  width: 100%;
  margin-right: 0;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .SendSummaryProviderSelect .buttonFlexer button[class], .SendSummaryProviderSelect .buttonFlexer a[class] {
    overflow: visible;
  }
  .SendSummaryProviderSelect .buttonFlexer button[class]:not(:last-child), .SendSummaryProviderSelect .buttonFlexer a[class]:not(:last-child) {
    flex-basis: calc(50% - 0.5rem);
    flex-grow: 1;
  }
  .SendSummaryProviderSelect .buttonFlexer button[class]:not(:first-child), .SendSummaryProviderSelect .buttonFlexer a[class]:not(:first-child) {
    margin-top: 0.5rem;
    flex-basis: 50%;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 768px) and (max-height: 426px), only screen and (max-height: 426px) and (max-height: 426px) {
  .mobile .SendSummaryProviderSelect .buttonFlexer button[class].backButton:last-child:not(:only-child), .mobile .SendSummaryProviderSelect .buttonFlexer a[class].backButton:last-child:not(:only-child) {
    display: none;
  }
}
.mobile .SendSummaryProviderSelect .vdtTitle {
  display: none;
}
.mobile .SendSummaryProviderSelect {
  padding-top: 0.5rem;
}
.SendSummaryProviderSelect .cantFindProvider {
  display: grid;
  justify-content: center;
  justify-items: center;
  margin: 0.5rem 0;
}
.SendSummaryProviderSelect .listCount {
  color: #7a0019;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-bottom: 0.25rem;
}
.SendSummaryProviderSelect .providerSelectGrid ul {
  display: grid;
  grid-gap: 0.7rem;
  grid-template-columns: 1fr 1fr;
  padding: 0.7rem 0.25rem;
}
@media only screen and (max-width: 768px) {
  .SendSummaryProviderSelect .providerSelectGrid ul {
    grid-template-columns: 1fr;
    padding: 0 0.25rem;
  }
}
.SendSummaryProviderSelect .providerRecipientOption {
  font-weight: normal;
  height: 100%;
  width: 100%;
  text-align: left;
}
.SendSummaryProviderSelect .providerRecipientOption .ProviderSelectionInfo {
  height: 100%;
  width: 100%;
  margin: 0;
}
.SendSummaryProviderSelect .providerRecipientOption .ProviderSelectionInfo:is(:focus, :hover) {
  background-color: #f4ebed;
}

.SendSummaryProviderSelect ._AsyncIndicator {
  position: fixed;
  background-color: #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  padding: 1rem;
  border: 1px solid #eaeaea;
  border-radius: 0.5rem;
  z-index: 1000;
}

.mobile .SendSummaryTriage .vdtTitle {
  display: none;
}
.SendSummaryTriage div.vdtPretext[class], .SendSummaryTriage div.vdtPretext[class]:not(:only-child), .SendSummaryTriage div.vdtPretext[class]:not(:only-child):first-of-type {
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
  display: block;
}
.SendSummaryTriage div.vdtPretext[class].stronger, .SendSummaryTriage div.vdtPretext[class]:not(:only-child).stronger, .SendSummaryTriage div.vdtPretext[class]:not(:only-child):first-of-type.stronger {
  font-weight: bold;
}
.mobile .SendSummaryTriage div.vdtPretext[class], .mobile .SendSummaryTriage div.vdtPretext[class]:not(:only-child), .mobile .SendSummaryTriage div.vdtPretext[class]:not(:only-child):first-of-type {
  padding: 0.5rem 0 0;
}
.mobile .SendSummaryTriage {
  padding-top: 0.5rem;
}
.SendSummaryTriage .optionList {
  display: grid;
  grid-gap: 0.5rem;
  margin-bottom: 1rem;
  width: 65%;
}
@media only screen and (max-width: 768px) {
  .SendSummaryTriage .optionList {
    width: 100%;
  }
}
.SendSummaryTriage .backButton {
  width: fit-content;
}
@media only screen and (max-width: 768px) {
  .SendSummaryTriage .backButton {
    width: 100%;
  }
}

.VisitTimeline {
  position: relative;
}
.VisitTimeline .listCount[class] {
  font-size: 0.8rem;
  line-height: 1rem;
}
.VisitTimeline dl > div {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .VisitTimeline dl > div {
    flex-direction: column;
  }
}
.VisitTimeline dl dt {
  min-width: 10rem;
  max-width: 10rem;
  padding-right: 3rem;
  text-align: right;
  font-weight: normal;
  line-height: 1.25rem;
}
@media only screen and (max-width: 768px) {
  .VisitTimeline dl dt {
    min-width: 15rem;
    max-width: 15rem;
    text-align: left;
    padding-right: 0;
  }
}
.VisitTimeline:before {
  position: absolute;
  content: "";
  height: calc(100% - 1.85rem);
  left: 8rem;
  border: 1px solid #dbdbdb;
  top: 1.65rem;
}
.VisitTimeline dd {
  position: relative;
  width: 100%;
}
.VisitTimeline dd:before {
  content: "";
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  left: -2.25rem;
  top: 0.4rem;
  border: 1px solid #dbdbdb;
  background-color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .VisitTimeline dd:before {
    left: 0;
    top: -1rem;
  }
}
@media only screen and (max-width: 768px) {
  .VisitTimeline dd, .VisitTimeline dt {
    padding-left: 1.1rem;
  }
}
@media only screen and (max-width: 768px) {
  .VisitTimeline {
    margin-top: 1rem;
  }
  .VisitTimeline:before {
    left: 0.25rem;
  }
}
.VisitTimeline ul {
  padding-top: 0.65rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.VisitTimeline ul li {
  margin: 0 0.7rem 0.7rem 0;
}
@media only screen and (max-width: 768px) {
  .VisitTimeline ul {
    grid-template-columns: 1fr;
  }
  .VisitTimeline ul li {
    margin-right: 0;
  }
}

@media only screen and (max-width: 768px) {
  .DateRangeContent {
    margin-top: 1.25rem;
  }
}
.DateRangeContent .flavorText {
  max-width: fit-content;
  margin-bottom: 0.25rem;
  grid-area: label;
}
.DateRangeContent .datePickerFieldsAndButton {
  display: flex;
  width: auto;
  align-items: flex-start;
  gap: 0.5rem;
}
.mobile .DateRangeContent .datePickerFieldsAndButton {
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .DateRangeContent .datePickerFieldsAndButton {
    width: 100%;
    flex-wrap: wrap;
  }
}
.DateRangeContent .dateRangePickerButton[class] {
  margin: 0.25rem 0 0 0;
}
@media only screen and (max-width: 768px) {
  .DateRangeContent .dateRangePickerButton[class] {
    margin: 0 0 0.75rem 0;
  }
  .mobile .DateRangeContent .dateRangePickerButton[class] {
    margin-top: auto;
  }
}
.DateRangeContent .dateEntryFields {
  display: flex;
  flex-wrap: wrap;
  width: auto;
}
.mobile .DateRangeContent .dateEntryFields {
  gap: 1rem;
  margin-right: 1rem;
  width: auto;
}
@media only screen and (min-width: 769px) {
  .DateRangeContent .dateEntryFields {
    gap: 1rem;
  }
}
.DateRangeContent .singleDatePicker {
  width: auto;
}
.DateRangeContent .singleDatePicker .validationmessage {
  max-width: 8.25rem;
}
.DateRangeContent .dateRangeContentWrapper {
  margin: 1rem 0 0.5rem 0;
}
.DateRangeContent .helptext.required {
  margin-bottom: 1rem;
}

.mobile ._ValidatedDateEntry ._TextEntry {
  width: auto;
  max-width: calc(100vw - 3rem);
}
.mobile .singleDatePicker {
  width: auto;
}
.mobile .singleDatePicker .validationmessage {
  max-width: calc(100vw - 3rem);
}

.mobile .DownloadSummary .vdtTitle {
  display: none;
}
.DownloadSummary ._AsyncIndicator {
  margin-top: 10rem;
}
.mobile .DownloadSummary {
  padding-top: 0.5rem;
}

.SendTriageOption[class] {
  min-height: 0;
  padding: 0;
}
.SendTriageOption .sendOptionLink {
  display: flex;
  padding: 0.5rem;
}
.SendTriageOption .sendOptionLink:is(:focus, :hover) {
  background-color: #f4ebed;
}

.SendTriageOption .sendOptionLink:hover, .SendTriageOption .sendOptionLink:focus {
  text-decoration: none;
}
.SendTriageOption .sendOptionLink:hover .sectionTitle, .SendTriageOption .sendOptionLink:focus .sectionTitle {
  text-decoration: underline;
}
.mobile .SendTriageOption {
  color: initial;
}
.SendTriageOption .selectionImage {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
  margin-right: 0.5rem;
}
.SendTriageOption .selectionText {
  text-align: left;
  word-break: break-word;
}
.SendTriageOption .sectionTitle {
  padding: 0;
}
.SendTriageOption .secondaryText {
  color: initial;
}

@media only screen and (max-width: 768px) {
  .AllVisitsContent {
    margin-top: 1.25rem;
  }
}

.DownloadToPrintWarning {
  font-size: 500%;
  font-weight: bold;
  line-height: 100%;
  padding: 50px;
}
@media not print {
  .DownloadToPrintWarning {
    display: none;
  }
}
.shareeverywhere .DownloadToPrintWarning {
  display: none;
}

.VisitMetadata {
  display: flex;
}
.VisitMetadata .visitOtherText {
  display: block;
  color: #767676;
  font-size: 0.8rem;
  line-height: 1rem;
}
.VisitMetadata .visitType {
  font-weight: bold;
}
.VisitMetadata .hospitalVisitIndicator {
  width: auto;
  padding: 0 0.5rem 0 0.3rem;
}
.VisitMetadata .visitInfo {
  word-wrap: break-word;
  word-break: break-word;
}
a:hover .VisitMetadata .visitInfo, a:focus .VisitMetadata .visitInfo {
  text-decoration: underline;
}

.ProviderSearchForm .recordDownloadInput input.touched:invalid, .ProviderSearchForm .datePickerInput input.touched:invalid, .ProviderSearchForm .recordDownloadInput select.touched:invalid {
  box-shadow: none;
}
.ProviderSearchForm .recordDownloadInput input.touched.invalid, .ProviderSearchForm .datePickerInput input.touched.invalid, .ProviderSearchForm .recordDownloadInput select.touched.invalid {
  outline-color: #d80000;
}
.ProviderSearchForm .recordDownloadInput + div {
  margin-bottom: 0.5rem;
}
.ProviderSearchForm .recordDownloadInput + div:not(:empty) + .formText.formDescriptionText {
  display: none;
}
@media only screen and (max-width: 768px) {
  .ProviderSearchForm .recordDownloadInput input, .ProviderSearchForm .recordDownloadInput select {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.ProviderSearchForm div.vdtPretext[class], .ProviderSearchForm div.vdtPretext[class]:not(:only-child), .ProviderSearchForm div.vdtPretext[class]:not(:only-child):first-of-type {
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
  display: block;
}
.ProviderSearchForm div.vdtPretext[class].stronger, .ProviderSearchForm div.vdtPretext[class]:not(:only-child).stronger, .ProviderSearchForm div.vdtPretext[class]:not(:only-child):first-of-type.stronger {
  font-weight: bold;
}
.mobile .ProviderSearchForm div.vdtPretext[class], .mobile .ProviderSearchForm div.vdtPretext[class]:not(:only-child), .mobile .ProviderSearchForm div.vdtPretext[class]:not(:only-child):first-of-type {
  padding: 0.5rem 0 0;
}
.ProviderSearchForm .buttonFlexer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
.ProviderSearchForm .buttonFlexer:not(:first-child) {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .ProviderSearchForm .buttonFlexer {
    width: 100%;
    margin-right: 0;
    flex: 1 1 0;
  }
}
.ProviderSearchForm .buttonFlexer.mobileWidth {
  width: 100%;
  margin-right: 0;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .ProviderSearchForm .buttonFlexer button[class], .ProviderSearchForm .buttonFlexer a[class] {
    overflow: visible;
  }
  .ProviderSearchForm .buttonFlexer button[class]:not(:last-child), .ProviderSearchForm .buttonFlexer a[class]:not(:last-child) {
    flex-basis: calc(50% - 0.5rem);
    flex-grow: 1;
  }
  .ProviderSearchForm .buttonFlexer button[class]:not(:first-child), .ProviderSearchForm .buttonFlexer a[class]:not(:first-child) {
    margin-top: 0.5rem;
    flex-basis: 50%;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 768px) and (max-height: 426px), only screen and (max-height: 426px) and (max-height: 426px) {
  .mobile .ProviderSearchForm .buttonFlexer button[class].backButton:last-child:not(:only-child), .mobile .ProviderSearchForm .buttonFlexer a[class].backButton:last-child:not(:only-child) {
    display: none;
  }
}
.ProviderSearchForm .helptext.required {
  margin-bottom: 1rem;
}

.CEDocumentViewer .docframe {
  width: 100%;
  border: 3px solid #7a0019;
}
.CEDocumentViewer .docframe.loading {
  visibility: hidden;
  height: 0px;
}
.shareeverywhere .CEDocumentViewer .provenance {
  display: none;
}

.MultipleVisitCard.dateRange {
  margin-top: -0.75rem;
}
.MultipleVisitCard .multipleVisitDropdown {
  display: block;
}
.MultipleVisitCard .multipleVisitCardContent {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 0;
  margin: 0.5rem 0 0;
  width: 70%;
}
@media only screen and (min-width: 769px) {
  .MultipleVisitCard .multipleVisitCardContent {
    width: 25%;
  }
}
.MultipleVisitCard .multipleVisitCardContent li {
  display: flex;
  padding: 0.5rem;
  background: white;
}

.FieldAndConfirmForm .recordDownloadInput input.touched:invalid, .FieldAndConfirmForm .datePickerInput input.touched:invalid, .FieldAndConfirmForm .recordDownloadInput select.touched:invalid {
  box-shadow: none;
}
.FieldAndConfirmForm .recordDownloadInput input.touched.invalid, .FieldAndConfirmForm .datePickerInput input.touched.invalid, .FieldAndConfirmForm .recordDownloadInput select.touched.invalid {
  outline-color: #d80000;
}
.FieldAndConfirmForm .recordDownloadInput + div {
  margin-bottom: 0.5rem;
}
.FieldAndConfirmForm .recordDownloadInput + div:not(:empty) + .formText.formDescriptionText {
  display: none;
}
@media only screen and (max-width: 768px) {
  .FieldAndConfirmForm .recordDownloadInput input, .FieldAndConfirmForm .recordDownloadInput select {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
  }
}
.FieldAndConfirmForm .helptext.required {
  margin-bottom: 1rem;
}

.SingleVisitCard {
  display: flex;
  min-height: 100px;
}
@media print {
  .SingleVisitCard {
    display: inline-block;
    break-inside: avoid;
    width: 100%;
  }
}
.SingleVisitCard .SingleVisitCardLabel {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: unset;
  width: 100%;
  display: flex;
  position: relative;
  margin: 0;
  cursor: pointer;
}
.SingleVisitCard .SingleVisitCardLabel:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.SingleVisitCard .SingleVisitCardLabel:hover, .SingleVisitCard .SingleVisitCardLabel:focus {
  background: #f4ebed;
  text-decoration: none;
}
.SingleVisitCard .continueArrow {
  /* rtl:raw: transform: scaleX(-1); */
  margin: auto;
  flex-shrink: 0;
  fill: #989898;
}

.DocumentPreview {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.mobile .DocumentPreview .vdtTitle {
  display: none;
}
.DocumentPreview div.vdtPretext[class], .DocumentPreview div.vdtPretext[class]:not(:only-child), .DocumentPreview div.vdtPretext[class]:not(:only-child):first-of-type {
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
  display: block;
}
.DocumentPreview div.vdtPretext[class].stronger, .DocumentPreview div.vdtPretext[class]:not(:only-child).stronger, .DocumentPreview div.vdtPretext[class]:not(:only-child):first-of-type.stronger {
  font-weight: bold;
}
.mobile .DocumentPreview div.vdtPretext[class], .mobile .DocumentPreview div.vdtPretext[class]:not(:only-child), .mobile .DocumentPreview div.vdtPretext[class]:not(:only-child):first-of-type {
  padding: 0.5rem 0 0;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .DocumentPreview {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .DocumentPreview {
  margin-top: -0.5rem;
}
.mobile .DocumentPreview {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .DocumentPreview {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .DocumentPreview {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .DocumentPreview {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .DocumentPreview {
    margin-top: -0.75rem;
  }
  .mobile .DocumentPreview {
    margin-top: 0;
  }
}
.mobile .DocumentPreview {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .DocumentPreview {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .DocumentPreview {
    margin-top: 0;
  }
  .mobile .DocumentPreview {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .DocumentPreview {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .DocumentPreview {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}
.mobile .DocumentPreview {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.shareeverywhere .DocumentPreview {
  width: 100%;
  margin: 0;
  padding: 0 0.5rem;
}
@media print {
  .DocumentPreview .documentPreviewHeading {
    display: none;
  }
}

.ActionDisabledWarning .actionDisabledText {
  color: #d80000;
  font-size: 0.9rem;
  margin-bottom: -0.25rem;
  margin-top: 0.25rem;
}
.ActionDisabledWarning .actionDisabledIcon {
  vertical-align: -2px;
}
.shareeverywhere .ActionDisabledWarning {
  display: none;
}

@media print {
  .DocumentPicker {
    display: none;
  }
}
@media print {
  .shareeverywhere .DocumentPicker {
    display: block;
  }
}
.DocumentPicker .documentSelectDropdown._CollapsedControls {
  min-height: 0 !important;
}
.DocumentPicker .documentSelectDropdown ._CollapsibleListBox {
  margin: 0.5rem 0 1rem 0;
}
@media only screen and (min-width: 769px) {
  .DocumentPicker .documentSelectDropdown ._CollapsibleListBox {
    width: 50%;
    margin-right: auto;
  }
}
.DocumentPicker ._CollapsibleListBoxCommand {
  min-height: 100px;
  word-break: break-word;
}
.DocumentPicker .contentWrapper {
  display: flex;
  align-items: center;
}
.DocumentPicker .contentWrapper > span {
  margin-left: 0.5rem;
}
.DocumentPicker .placeholderControl {
  padding: 0.5rem;
}
.DocumentPicker .summaryDocDescription {
  word-wrap: break-word;
  word-break: break-word;
  margin-left: 0.5rem;
}
.DocumentPicker .summaryDocTitle {
  font-weight: bold;
}
.DocumentPicker .summaryDocSubtext {
  display: block;
  color: #767676;
  font-size: 0.8rem;
  line-height: 1rem;
}
.DocumentPicker ul[class] {
  max-height: 16rem;
  overflow-y: auto;
}
.DocumentPicker .placeholderIcon {
  color: #000000;
}
.DocumentPicker li[class] {
  white-space: normal;
  margin: 0;
  padding: 0;
  word-break: break-word;
}
.DocumentPicker li[class] > button {
  min-height: 100px;
}
.DocumentPicker ._VerticalDate {
  word-break: normal;
}
.DocumentPicker .singleVisit {
  padding: 0 0.5rem;
}
.DocumentPicker .contentImage {
  width: 2rem;
  height: 2rem;
  min-width: 2rem;
}
.DocumentPicker .placeholderDisplay[class] {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 15rem;
  justify-content: center;
}

.DocumentPreviewPageTitle .printButton {
  display: none;
}
.shareeverywhere .DocumentPreviewPageTitle .printButton {
  display: block;
}
.shareeverywhere .DocumentPreviewPageTitle ._PageTitle {
  padding-top: 1rem;
}
.shareeverywhere .DocumentPreviewPageTitle ._BackToListLink {
  display: none;
}

.mobile .SummaryActionResult .vdtTitle {
  display: none;
}
.mobile .SummaryActionResult .backToVisitRecordsContainer {
  margin: 0;
}
.SummaryActionResult .backToVisitRecordsContainer .backButton {
  display: inline-block;
}
.mobile .SummaryActionResult {
  padding-top: 0.5rem;
}
.SummaryActionResult .actionResultCard {
  border: 1px solid #dbdbdb;
  box-shadow: none;
}
.SummaryActionResult .actionResultCard[class] {
  min-height: 0;
  margin-top: 0;
}
.SummaryActionResult .actionResultCard.success {
  background-color: #ccffd8;
}
.SummaryActionResult .actionResultCard.failure {
  background-color: #ffe8e8;
}

.DocumentPreviewActionButtons .buttonFlexer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
.DocumentPreviewActionButtons .buttonFlexer:not(:first-child) {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .DocumentPreviewActionButtons .buttonFlexer {
    width: 100%;
    margin-right: 0;
    flex: 1 1 0;
  }
}
.DocumentPreviewActionButtons .buttonFlexer.mobileWidth {
  width: 100%;
  margin-right: 0;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .DocumentPreviewActionButtons .buttonFlexer button[class], .DocumentPreviewActionButtons .buttonFlexer a[class] {
    overflow: visible;
  }
  .DocumentPreviewActionButtons .buttonFlexer button[class]:not(:last-child), .DocumentPreviewActionButtons .buttonFlexer a[class]:not(:last-child) {
    flex-basis: calc(50% - 0.5rem);
    flex-grow: 1;
  }
  .DocumentPreviewActionButtons .buttonFlexer button[class]:not(:first-child), .DocumentPreviewActionButtons .buttonFlexer a[class]:not(:first-child) {
    margin-top: 0.5rem;
    flex-basis: 50%;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 768px) and (max-height: 426px), only screen and (max-height: 426px) and (max-height: 426px) {
  .mobile .DocumentPreviewActionButtons .buttonFlexer button[class].backButton:last-child:not(:only-child), .mobile .DocumentPreviewActionButtons .buttonFlexer a[class].backButton:last-child:not(:only-child) {
    display: none;
  }
}
@media print {
  .DocumentPreviewActionButtons {
    display: none;
  }
}
.shareeverywhere .DocumentPreviewActionButtons {
  display: none;
}

.DownloadForm .buttonFlexer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
.DownloadForm .buttonFlexer:not(:first-child) {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .DownloadForm .buttonFlexer {
    width: 100%;
    margin-right: 0;
    flex: 1 1 0;
  }
}
.DownloadForm .buttonFlexer.mobileWidth {
  width: 100%;
  margin-right: 0;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .DownloadForm .buttonFlexer button[class], .DownloadForm .buttonFlexer a[class] {
    overflow: visible;
  }
  .DownloadForm .buttonFlexer button[class]:not(:last-child), .DownloadForm .buttonFlexer a[class]:not(:last-child) {
    flex-basis: calc(50% - 0.5rem);
    flex-grow: 1;
  }
  .DownloadForm .buttonFlexer button[class]:not(:first-child), .DownloadForm .buttonFlexer a[class]:not(:first-child) {
    margin-top: 0.5rem;
    flex-basis: 50%;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 768px) and (max-height: 426px), only screen and (max-height: 426px) and (max-height: 426px) {
  .mobile .DownloadForm .buttonFlexer button[class].backButton:last-child:not(:only-child), .mobile .DownloadForm .buttonFlexer a[class].backButton:last-child:not(:only-child) {
    display: none;
  }
}
.DownloadForm[class] .backButton {
  display: flex;
  justify-content: center;
  align-items: center;
}
.DownloadForm .passwordCheck {
  margin: 0.5rem 0 1rem;
}

.MultipleVisitCardItem {
  word-wrap: break-word;
  word-break: break-word;
}
.MultipleVisitCardItem .visitOtherText {
  display: block;
  color: #767676;
  font-size: 0.8rem;
  line-height: 1rem;
}
.MultipleVisitCardItem .visitType {
  display: block;
}
.MultipleVisitCardItem .visitDate {
  font-weight: bold;
}
.MultipleVisitCardItem .visitDate[class] {
  margin: 0;
}

.AddressSendForm .buttonFlexer {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
.AddressSendForm .buttonFlexer:not(:first-child) {
  margin-top: 0.5rem;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .AddressSendForm .buttonFlexer {
    width: 100%;
    margin-right: 0;
    flex: 1 1 0;
  }
}
.AddressSendForm .buttonFlexer.mobileWidth {
  width: 100%;
  margin-right: 0;
}
@media only screen and (max-width: 768px), screen and (max-height: 426px) {
  .AddressSendForm .buttonFlexer button[class], .AddressSendForm .buttonFlexer a[class] {
    overflow: visible;
  }
  .AddressSendForm .buttonFlexer button[class]:not(:last-child), .AddressSendForm .buttonFlexer a[class]:not(:last-child) {
    flex-basis: calc(50% - 0.5rem);
    flex-grow: 1;
  }
  .AddressSendForm .buttonFlexer button[class]:not(:first-child), .AddressSendForm .buttonFlexer a[class]:not(:first-child) {
    margin-top: 0.5rem;
    flex-basis: 50%;
    flex-grow: 1;
  }
}
@media only screen and (max-width: 768px) and (max-height: 426px), only screen and (max-height: 426px) and (max-height: 426px) {
  .mobile .AddressSendForm .buttonFlexer button[class].backButton:last-child:not(:only-child), .mobile .AddressSendForm .buttonFlexer a[class].backButton:last-child:not(:only-child) {
    display: none;
  }
}

.DocumentPreviewPretext div.vdtPretext[class], .DocumentPreviewPretext div.vdtPretext[class]:not(:only-child), .DocumentPreviewPretext div.vdtPretext[class]:not(:only-child):first-of-type {
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
  display: block;
}
.DocumentPreviewPretext div.vdtPretext[class].stronger, .DocumentPreviewPretext div.vdtPretext[class]:not(:only-child).stronger, .DocumentPreviewPretext div.vdtPretext[class]:not(:only-child):first-of-type.stronger {
  font-weight: bold;
}
.mobile .DocumentPreviewPretext div.vdtPretext[class], .mobile .DocumentPreviewPretext div.vdtPretext[class]:not(:only-child), .mobile .DocumentPreviewPretext div.vdtPretext[class]:not(:only-child):first-of-type {
  padding: 0.5rem 0 0;
}

.mobile .VisitSelection .vdtTitle {
  display: none;
}
.VisitSelection div.vdtPretext[class], .VisitSelection div.vdtPretext[class]:not(:only-child), .VisitSelection div.vdtPretext[class]:not(:only-child):first-of-type {
  line-height: 1.25rem;
  margin: 0 0 0.5rem;
  display: block;
}
.VisitSelection div.vdtPretext[class].stronger, .VisitSelection div.vdtPretext[class]:not(:only-child).stronger, .VisitSelection div.vdtPretext[class]:not(:only-child):first-of-type.stronger {
  font-weight: bold;
}
.mobile .VisitSelection div.vdtPretext[class], .mobile .VisitSelection div.vdtPretext[class]:not(:only-child), .mobile .VisitSelection div.vdtPretext[class]:not(:only-child):first-of-type {
  padding: 0.5rem 0 0;
}
.mobile .VisitSelection .backToVisitRecordsContainer {
  margin: 0;
}
.VisitSelection .backToVisitRecordsContainer .backButton {
  display: inline-block;
}
.VisitSelection ._AsyncIndicator {
  margin-top: 10rem;
}

.mobile .SendSummaryDirectAddress .vdtTitle, .mobile .SendSummaryEmailAddress .vdtTitle, .mobile .SendSummaryProviderSearch .vdtTitle {
  display: none;
}

/* Copyright 2023 Epic Systems Corporation */
.Referrals .authGridItem:only-child {
  display: flex;
  flex-direction: column;
}
.Referrals .pairMargin[class][class] {
  margin-top: 0px;
  margin-bottom: 0px;
}
.Referrals .pairMarginTop[class][class] {
  margin-top: 0.25em;
  margin-bottom: 0px;
  overflow-wrap: break-word;
}
.Referrals .pairMarginTop .valueLabel {
  width: fit-content;
  margin-bottom: 0px;
}
.Referrals .pairMarginTop .valueLabelParent {
  display: flex;
  align-items: center;
  position: relative;
}
.Referrals ._StatusBadge {
  overflow-wrap: break-word;
}
.Referrals ._ListElement[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
}
.Referrals ._ListElement:first-of-type[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}
.Referrals .wideCard[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
}
.Referrals .rflCard {
  min-width: 30rem;
  max-width: 75%;
}
.Referrals .rflCard[class][class][class] {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
  margin-left: 0px;
  margin-right: 0px;
}
@media screen and (max-width: 1300px) {
  .Referrals .rflCard {
    min-width: inherit;
    max-width: inherit;
  }
}
@media print {
  .Referrals .rflCard {
    min-width: inherit;
    max-width: inherit;
  }
}
.Referrals .rflCard .activityDefinition {
  padding: 0.25rem 0.5%;
  margin-bottom: 1.25rem;
}
.Referrals .rflCard ._GridCol.col-6._container {
  margin-bottom: 0;
}
.Referrals .cardHeading {
  padding-top: 0px;
  flex: 1;
  word-wrap: break-word;
}
.Referrals .cardHeading[class][class] {
  display: inline;
}
.Referrals .sectionTitle {
  padding-bottom: 0px;
  width: fit-content;
  flex: unset;
  margin: 0 auto 0.25rem 0;
}
@media screen and (max-width: 768px) {
  .Referrals .sectionTitle {
    width: 100%;
  }
}
.Referrals .comboBadge {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  width: fit-content;
}
.Referrals .comboBadge ._Text {
  margin: 0;
}
.Referrals .smallCardBadges {
  margin-right: auto;
}
.Referrals .subheading[class][class] {
  margin-top: 0px;
}
.Referrals .clearBottomPadding .headingGroup {
  padding-bottom: 0px;
  margin-bottom: 0px;
  display: flex;
  flex-wrap: wrap;
}
.Referrals .clearBottomPadding .headingGroup .heading {
  align-self: flex-start;
  width: fit-content;
}
.Referrals .clearBottomPadding .headingGroup .actions {
  margin-left: auto;
  width: fit-content;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.Referrals .clearBottomPadding .headingGroup .actions .referralsPrintButtonWrapper {
  flex-shrink: 0;
  width: fit-content;
  padding: 0;
}
.Referrals .spaceOnTop[class][class] {
  margin-top: 0.5rem;
}
.Referrals .grid {
  margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
  .Referrals .rflCardTop {
    justify-content: flex-start;
    flex-direction: column;
  }
}
.Referrals .referralSubsection:nth-child(n+3)[class][class] {
  margin-top: 0.25em;
}
@media screen and (max-width: 768px) {
  .Referrals ._StatusBadge[class][class] {
    margin-bottom: 0.25rem;
  }
}
.Referrals .noShrinkMobile[class][class][class] {
  width: clamp(16px, 1.385rem, 48px);
}
.Referrals .sectionIcon {
  width: 2rem;
  height: 2rem;
}
.Referrals .titleContainer {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .Referrals .titleContainer {
    flex-direction: column;
  }
}
.Referrals ._infoBubbleContent {
  position: absolute;
}
.Referrals .centerGutter {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.Referrals .referralHeading {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  padding: 0.75rem 1.25rem 0.5rem;
  border-bottom: 1px solid transparent;
}
@media screen {
  .Referrals .referralHeading {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(235, 217, 221, 0.75);
  }
}
.mobile .Referrals .referralHeading {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .Referrals .referralHeading {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .Referrals .referralHeading {
    margin-top: -0.25rem;
  }
  .mobile .Referrals .referralHeading {
    margin-top: 0;
  }
}
.mobile .Referrals .referralHeading {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .Referrals .referralHeading {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .Referrals .referralHeading {
    margin-top: 0;
  }
  .mobile .Referrals .referralHeading {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .Referrals .referralHeading {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .Referrals .referralHeading {
    padding: 0.75rem 0.75rem 0.5rem;
  }
}
.mobile .Referrals .referralHeading {
  padding: 0.75rem 0.5rem 0.5rem;
}
@media print {
  .Referrals .referralHeading {
    border-width: 0;
  }
}
.Referrals .referralHeading.valance {
  border-color: #cccccc;
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
.mobile .Referrals .referralHeading.valance {
  margin-bottom: 0.25rem;
  padding-bottom: 0.25rem;
}
@media print {
  .Referrals .referralHeading.valance {
    border-width: 1px;
  }
}
.darkmode .Referrals .referralHeading.valance {
  border-color: #000000;
}

.Referrals .referralHeading .additionalAction {
  margin-right: 0.6rem;
}
.Referrals .referralHeading .additionalAction::after {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #767676;
  content: "";
  vertical-align: middle;
  margin-left: 0.6rem;
  margin-right: -0.6rem;
  height: 21px;
}
.Referrals .referralHeading ._AdditionalActions:last-child .additionalAction {
  padding: inherit;
  margin: 0;
}
.Referrals .referralHeading ._AdditionalActions:last-child .additionalAction::after {
  border: none;
  margin: 0;
}
.Referrals .referralHeading .noBadge {
  margin-bottom: 0.5rem;
}
.Referrals .referralHeading[class] ._StatusBadge {
  margin-bottom: 0.5rem;
}
.Referrals .referralHeading[class] .askAQuestionAction {
  text-decoration: none;
}
.Referrals .SortResults {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  flex: 0;
}
.Referrals .SortResults .dropdownSort {
  width: max-content;
  padding-right: 0.5rem;
  margin-bottom: 0;
}
.Referrals .smallGutter .ClinicianPhoto {
  width: 2rem;
  height: 2rem;
}
@media print {
  .Referrals .smallGutter .ClinicianPhoto {
    width: 2rem !important;
    height: unset;
  }
}
.Referrals .infoMargin {
  margin-left: 0.25rem;
  width: fit-content;
  height: fit-content;
}
.Referrals .additionalInfo {
  margin-top: 0.25rem;
  padding-bottom: 0;
}
.Referrals ._Toast .body {
  background: none;
}
.Referrals .appealWithIcon {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}

.ReferralsAuthorizationsNavigator {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ReferralsAuthorizationsNavigator .navLink {
  width: fit-content;
}
.ReferralsAuthorizationsNavigator .navLink[class] {
  border: 1px solid #7a0019;
  border-radius: 3rem;
}
@media screen and (max-width: 1300px) {
  .ReferralsAuthorizationsNavigator .navLink {
    flex: 1 1 auto;
  }
}

/* Copyright 2023 Epic Systems Corporation */
.PharmacyPreferences ._Segment.boundary-strong {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .PharmacyPreferences .PharamacyPreferencesPretext {
    display: flex;
    align-items: flex-end;
  }
}
.PharmacyPreferences .PharamacyPreferencesPretext .AddPharmacyButton {
  min-width: fit-content;
  height: fit-content;
}

.RefillPreferences {
  width: 70%;
}
@media screen and (max-width: 768px) {
  .RefillPreferences {
    width: 100%;
  }
}

/* Copyright 2023 Epic Systems Corporation */
.MedicationsList {
  padding-bottom: 0.5rem;
}
.MedicationsList .MedicationCard {
  margin: 0.5rem 0rem 0.5rem 0rem;
}

.MedicationSelectionStep ._Choice {
  margin-left: 2px;
}
.MedicationSelectionStep ._Choice ._DataEntryLabel {
  color: #7a0019;
}
.MedicationSelectionStep ._Choice ._DataEntryLabel::before {
  border: 1px solid #767676;
}
.MedicationSelectionStep .NonRefillableSectionSubheader {
  border-top: solid thin;
  border-top-color: lightgray;
  padding-top: 1.5rem;
  margin-top: 1rem;
}
.MedicationSelectionStep .disclosureButton {
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .MedicationSelectionStep .disclosureButton {
    justify-content: center;
  }
}
.MedicationSelectionStep .statusMessage {
  margin-top: 2rem;
}

.Refills {
  max-width: 1025px;
  margin: auto;
}

/* Copyright 2022 Epic Systems Corporation */
.NewRequestSelect .requiredInstructions {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .NewRequestSelect .nextButton {
    width: 100%;
  }
}

.reimbursementPageHeading ._PageHeading {
  word-break: break-word;
}

.CoverageMemberSelectorContainer {
  width: fit-content;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .CoverageMemberSelectorContainer {
    width: 100%;
  }
}
.CoverageMemberSelectorContainer .CoverageSelectionList, .CoverageMemberSelectorContainer .MemberSelectionList {
  min-width: fit-content;
  width: 100%;
}
.CoverageMemberSelectorContainer .CoverageSelectionList select, .CoverageMemberSelectorContainer .MemberSelectionList select {
  text-overflow: ellipsis;
}

.ReimbursementProcedureCollection ._DataEntrySet-fields {
  flex-wrap: nowrap;
  flex-direction: column;
}
.ReimbursementProcedureCollection ._DataEntrySet-fields ._Choice {
  text-align: left;
}

.FormCommandContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .FormCommandContainer {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.FormCommandContainer .reimbursementFormSubmit {
  display: flex;
  flex: none;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .FormCommandContainer .reimbursementFormSubmit {
    flex-grow: 1;
    max-width: 100%;
  }
}
.FormCommandContainer .reimbursementBackAndCancel {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .FormCommandContainer .reimbursementBackAndCancel .reimbursementFormBack, .FormCommandContainer .reimbursementBackAndCancel .reimbursementFormCancel {
    flex-grow: 1;
    flex-basis: 48%;
    max-width: 100%;
  }
}

.ReimbursementForm .requiredInstructions {
  margin-bottom: 0.5rem;
}
.ReimbursementForm .reimbursementFormInput {
  width: fit-content;
}
.ReimbursementForm .reimbursementFormDisclaimer[class][class] {
  margin-bottom: 0;
}

.reimbursementPageHeading ._PageHeading {
  word-break: break-word;
}

.ReceiptUploadAndGallery {
  display: flex;
  flex-direction: column;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0.5rem;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .ReceiptUploadAndGallery {
    width: 100%;
  }
}
.ReceiptUploadAndGallery .FileUploadButton {
  min-width: 12rem;
  max-width: 100%;
}
.ReceiptUploadAndGallery .FileUploadButton[class] {
  margin: auto;
  margin-top: 0.5rem;
  margin-left: 0;
  margin-bottom: 0.25rem;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .ReceiptUploadAndGallery .FileUploadButton {
    min-width: 0;
    width: 100%;
  }
}
.ReceiptUploadAndGallery .FileUploadButton .DashedLine {
  display: flex;
  align-items: center;
  flex-direction: column;
  min-height: 3rem;
  margin-bottom: 0;
  padding: 1rem;
}
.ReceiptUploadAndGallery .FileUploadButton .DashedLine .uploadLimits {
  color: #767676;
}
.ReceiptUploadAndGallery .FileUploadButton:not([aria-disabled=true]) .DashedLine {
  border-width: 2px;
  border-style: dashed;
  border-radius: 8px;
  border-color: #cccccc;
}
.ReceiptUploadAndGallery .UploadLabel {
  display: flex;
  align-items: center;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .ReceiptUploadAndGallery .MobileSnapTextInput input {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .ReceiptUpload.MobileSnap {
    width: 100%;
  }
}

.ImageGallery {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
@media screen and (max-width: 768px) {
  .ImageGallery {
    flex-direction: column;
    width: 100%;
  }
}
.ImageGallery .Image {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-between;
  width: fit-content;
  margin: 0.5rem 0.25rem 0;
  padding-bottom: 0;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .ImageGallery .Image {
    margin-left: auto;
    margin-right: auto;
  }
}
.ImageGallery .Image img {
  display: block;
  max-height: 22.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .ImageGallery .Image img {
    max-height: none;
    max-width: 100%;
  }
}
.ImageGallery .Image .removeImageButton {
  text-align: center;
  bottom: 0;
}
.ImageGallery .Image .removeImageButton svg {
  color: #7a0019;
}
.ImageGallery .Image .removeImageButton .removeImageButtonText {
  display: inline;
  color: #7a0019;
  overflow-wrap: anywhere;
  word-break: normal;
}
.ImageGallery .Image.removed {
  background-color: #f2f2f2;
}
.ImageGallery .Image.removed .removedText {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.ReimbursementFormConfirmation .imageGallery {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .ReimbursementFormConfirmation .imageGallery {
    flex-direction: column;
    width: 100%;
  }
}
.ReimbursementFormConfirmation .imageGallery .imageWrapper {
  width: fit-content;
  margin-left: 0;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .ReimbursementFormConfirmation .imageGallery .imageWrapper {
    margin-left: auto;
    margin-right: auto;
  }
}
.ReimbursementFormConfirmation .imageGallery .imageWrapper img {
  max-height: 22.5rem;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .ReimbursementFormConfirmation .imageGallery .imageWrapper img {
    max-height: none;
    max-width: 100%;
  }
}
.ReimbursementFormConfirmation .questionList {
  margin: 0 0.5rem;
}
.ReimbursementFormConfirmation .reimbursementMailingAddress {
  margin: 0 0.5rem;
}
.ReimbursementFormConfirmation .reimbursementMailingAddress .addressLine {
  font-size: 1.1rem;
}
.ReimbursementFormConfirmation .reimbursementMailingAddress .addressHelpText {
  max-width: 50rem;
}
@media screen and (max-width: 768px) {
  .ReimbursementFormConfirmation .reimbursementMailingAddress .addressHelpText {
    max-width: 100%;
  }
}

.ConfirmationCommandContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .ConfirmationCommandContainer {
    flex-direction: column;
    flex-wrap: wrap;
  }
}
.ConfirmationCommandContainer .confirmationFormSubmit {
  display: flex;
  flex: none;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .ConfirmationCommandContainer .confirmationFormSubmit {
    flex-grow: 1;
    max-width: 100%;
  }
}
.ConfirmationCommandContainer .confirmationBackAndCancel {
  display: flex;
  flex-direction: row;
  column-gap: 0.5rem;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .ConfirmationCommandContainer .confirmationBackAndCancel .confirmationFormBack, .ConfirmationCommandContainer .confirmationBackAndCancel .confirmationFormCancel {
    flex-grow: 1;
    flex-basis: 48%;
    max-width: 100%;
  }
}

.SortOptionsContainer {
  width: fit-content;
  margin-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .SortOptionsContainer {
    width: 100%;
  }
}
.SortOptionsContainer .SortOptions[class] {
  padding-left: 0.5rem;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.SortOptionsContainer .SortOptions .DateOptions ._DataEntrySet ._DataEntrySet-fields {
  flex-direction: row;
  flex-wrap: wrap;
}
.SortOptionsContainer .SortOptions .StatusOptions, .SortOptionsContainer .SortOptions .MemberOptions, .SortOptionsContainer .SortOptions .CoverageOptions {
  width: 100%;
}
.SortOptionsContainer .SortOptions .DateRangeOptions {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
@media screen and (max-width: 768px) {
  .SortOptionsContainer .SortOptions .DateRangeOptions {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.SortOptionsContainer .SortOptions .DateRangeOptions .MinDateOption, .SortOptionsContainer .SortOptions .DateRangeOptions .MaxDateOption {
  width: fit-content;
}
.SortOptionsContainer .SortOptions .filterOptionsLabel {
  color: #767676;
}

.PriorRequestSummary[class] {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0.5rem;
}
.PriorRequestSummary .TopLevel {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.PriorRequestSummary .requestInfo .coverDetail {
  width: 50%;
}
.PriorRequestSummary .requestType {
  display: inline;
  padding: 0 0 0.25rem 0;
  flex: 1;
}
.PriorRequestSummary .requestStatusContainer {
  width: fit-content;
  margin: 0.25rem 0 0 auto;
}
.PriorRequestSummary .requestStatus {
  display: inline;
  border-radius: 20px;
  padding: 2px 13px 2px 13px;
  border: 2px solid;
  text-align: right;
  flex: content;
  height: fit-content;
  white-space: nowrap;
}
.PriorRequestSummary .requestStatus.pendingStatus {
  color: #005ebb, darken 35%;
  border-color: #005ebb;
  background-color: #e0f1ff;
}
.PriorRequestSummary .requestStatus.approvedStatus {
  color: #12553d;
  border-color: #09aa71;
  background-color: #ccffd8;
}
.PriorRequestSummary .requestStatus.deniedStatus {
  color: #935d15;
  border-color: #ffa020;
  background-color: #ffe8c9;
}
.PriorRequestSummary .coverDetail {
  font-size: 1rem;
  overflow-wrap: break-word;
}
.PriorRequestSummary .inline {
  display: inline;
}

.requestsAndSortOptions {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 768px) {
  .requestsAndSortOptions {
    flex-direction: column;
  }
}

.priorRequestCommands {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .priorRequestCommands {
    flex-direction: column;
    flex-wrap: nowrap;
  }
}
.priorRequestCommands * {
  max-width: 100%;
}

.reimbursementPageHeading {
  word-break: break-word;
}

/* Copyright 2022 Epic Systems Corporation */
.EhieTemplateSelection .Banner {
  border: 1px solid #dbdbdb;
  margin-bottom: 0.5rem;
}
.EhieTemplateSelection .Banner.warning {
  margin-top: 0.5rem;
  color: #363636;
  background-color: #ffffd0;
}
.EhieTemplateSelection .Banner.warning .sectionTitle {
  color: #363636;
}
.EhieTemplateSelection .Banner.informational {
  background-color: #e0f1ff;
  color: #363636;
}
.EhieTemplateSelection .Banner .bannerInfo {
  display: flex;
  padding: 0.5rem;
}
.EhieTemplateSelection .Banner .bannerInfo .bannerText {
  margin-left: 0.5rem;
}
.EhieTemplateSelection .Banner .bannerInfo .bannerText .sectionTitle {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}
.EhieTemplateSelection .Banner .bannerAction {
  margin: 0.5rem auto;
  width: fit-content;
}
.EhieTemplateSelection .EhieHeadingSection .RequestHealthRecordLinkout {
  background: #e0f1ff;
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: 0.35rem;
  border: 1px solid #dbdbdb;
}
.EhieTemplateSelection .EhieHeadingSection .RequestHealthRecordLinkout .headerSection {
  display: flex;
}
.EhieTemplateSelection .EhieHeadingSection .RequestHealthRecordLinkout .roilinkIcon {
  color: #404d5b;
}
.EhieTemplateSelection .EhieHeadingSection .RequestHealthRecordLinkout .headerText {
  padding: 0.4rem 0 0 0.25rem;
}
.EhieTemplateSelection .EhieHeadingSection .RequestHealthRecordLinkout .descriptionText {
  margin: 0.5rem 0;
}
.EhieTemplateSelection .EhieHeadingSection .submitSection {
  display: flex;
}
.EhieTemplateSelection .EhieHeadingSection .submitSection .submitHeading {
  padding: 0.25rem 0 0 0.5rem;
}
.mobile .EhieTemplateSelection .EhieHeadingSection .submitSection .submitHeading {
  padding: 0.5rem 0 0 0.25rem;
  margin: 0;
  color: #7a0019;
  font-size: 1.1rem;
}
.EhieTemplateSelection .EhieHeadingSection .inline {
  display: inline;
}
.EhieTemplateSelection .EhieTemplateInfoSection {
  margin-bottom: 1rem;
}
.EhieTemplateSelection .EhieTemplateInfoSection .ehieTemplateDecHeader[class] {
  margin-top: 0.5rem;
  margin-bottom: 0rem;
}
.EhieTemplateSelection .EhieTemplateInfoSection .ehieTemplateInfoRow {
  margin-bottom: 0.5rem;
}
.EhieTemplateSelection .EhieTemplateInfoSection .ehieTemplateInfoRow .ehieTemplateName {
  padding: 0.25rem 0;
}
.EhieTemplateSelection .formErrorText {
  color: #d80000;
  font-size: 0.8rem;
  line-height: 1rem;
  margin-top: 0.25rem;
}
.EhieTemplateSelection .userComments {
  max-width: 500px;
  width: 100%;
}
@media screen and (max-width: 769px) {
  .EhieTemplateSelection .userComments textarea {
    height: 6rem;
  }
}

.EhieRequestReview .EhieHeadingSection .RequestHealthRecordLinkout {
  background: #e0f1ff;
  padding: 0.5rem;
  margin: 0.5rem 0;
  border-radius: 0.35rem;
  border: 1px solid #dbdbdb;
}
.EhieRequestReview .EhieHeadingSection .RequestHealthRecordLinkout .headerSection {
  display: flex;
}
.EhieRequestReview .EhieHeadingSection .RequestHealthRecordLinkout .roilinkIcon {
  color: #404d5b;
}
.EhieRequestReview .EhieHeadingSection .RequestHealthRecordLinkout .headerText {
  padding: 0.4rem 0 0 0.25rem;
}
.EhieRequestReview .EhieHeadingSection .RequestHealthRecordLinkout .descriptionText {
  margin: 0.5rem 0;
}
.EhieRequestReview .EhieHeadingSection .submitSection {
  display: flex;
}
.EhieRequestReview .EhieHeadingSection .submitSection .submitHeading {
  padding: 0.25rem 0 0 0.5rem;
}
.mobile .EhieRequestReview .EhieHeadingSection .submitSection .submitHeading {
  padding: 0.5rem 0 0 0.25rem;
  margin: 0;
  color: #7a0019;
  font-size: 1.1rem;
}
.EhieRequestReview .EhieHeadingSection .inline {
  display: inline;
}
.EhieRequestReview .ReviewTable .headerRow {
  background-color: rgba(122, 0, 25, 0.05);
  color: #7a0019;
}
.EhieRequestReview .ReviewTable .emptyAnswer {
  font-style: italic;
  color: #767676;
}
.EhieRequestReview .ReviewTable [class*=col-] {
  padding: 0.5rem;
}
@media screen and (max-width: 768px) {
  .EhieRequestReview .ReviewTable .celllabel {
    display: none;
  }
}
.EhieRequestReview .ReviewTable ._ListGridBody .row {
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea;
}
.EhieRequestReview .ReviewTable ._ListGridBody .row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .EhieRequestReview .ReviewTable ._ListGridBody .row {
    padding: 0.5rem;
  }
  .EhieRequestReview .ReviewTable ._ListGridBody .row:last-child {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .EhieRequestReview .ReviewTable ._ListGridBody [class*=col-] {
    padding: 0;
  }
  .EhieRequestReview .ReviewTable ._ListGridBody [class*=col-]:first-child {
    font-size: 1rem;
    color: #7a0019;
  }
}
.EhieRequestReview .reviewSubmissionText[class] {
  margin-top: 0.5rem;
}
.EhieRequestReview .legalText[class] {
  margin: 0 0 0.5rem 0;
}
.EhieRequestReview .legalConsentHeading[class] {
  margin-bottom: 0rem;
  margin-top: 0.75rem;
  font-size: 1.1rem;
}
.EhieRequestReview .smartText {
  overflow: auto;
}
.EhieRequestReview .IAgree {
  margin-bottom: 2rem;
}

.RequestReview .RoiHeadingSection .submitHeading {
  padding: 1rem 0 0 0;
}
.mobile .RequestReview .RoiHeadingSection .submitHeading {
  font-size: 1.25rem;
  margin-bottom: 0rem;
  color: #7a0019;
}
.RequestReview .RoiHeadingSection ._Text {
  margin-top: 0;
}
.RequestReview .ReviewTable .headerRow {
  background-color: rgba(122, 0, 25, 0.05);
  color: #7a0019;
}
.RequestReview .ReviewTable .emptyAnswer {
  font-style: italic;
  color: #767676;
}
.RequestReview .ReviewTable [class*=col-] {
  padding: 0.5rem;
}
@media screen and (max-width: 768px) {
  .RequestReview .ReviewTable .celllabel {
    display: none;
  }
}
.RequestReview .ReviewTable ._ListGridBody .row {
  background-color: #ffffff;
  border-bottom: 1px solid #eaeaea;
}
.RequestReview .ReviewTable ._ListGridBody .row:last-child {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .RequestReview .ReviewTable ._ListGridBody .row {
    padding: 0.5rem;
  }
  .RequestReview .ReviewTable ._ListGridBody .row:last-child {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 768px) {
  .RequestReview .ReviewTable ._ListGridBody [class*=col-] {
    padding: 0;
  }
  .RequestReview .ReviewTable ._ListGridBody [class*=col-]:first-child {
    font-size: 1rem;
    color: #7a0019;
  }
}
.RequestReview .reviewSubmissionText[class] {
  margin-top: 0.2rem;
}
.RequestReview .legalText[class] {
  margin: 0 0 0.5rem 0;
}
.RequestReview .legalConsentHeading[class] {
  margin-bottom: 0rem;
  margin-top: 0.75rem;
  font-size: 1.1rem;
}
.RequestReview .smartText {
  overflow: auto;
}
.RequestReview .IAgree {
  margin-bottom: 2rem;
}

.ReleaseOfInformation .Banner {
  border: 1px solid #dbdbdb;
  margin-bottom: 0.5rem;
}
.ReleaseOfInformation .Banner.warning {
  margin-top: 0.5rem;
  color: #363636;
  background-color: #ffffd0;
}
.ReleaseOfInformation .Banner.warning .sectionTitle {
  color: #363636;
}
.ReleaseOfInformation .Banner.informational {
  background-color: #e0f1ff;
  color: #363636;
}
.ReleaseOfInformation .Banner .bannerInfo {
  display: flex;
  padding: 0.5rem;
}
.ReleaseOfInformation .Banner .bannerInfo .bannerText {
  margin-left: 0.5rem;
}
.ReleaseOfInformation .Banner .bannerInfo .bannerText .sectionTitle {
  padding-top: 0.15rem;
  padding-bottom: 0.15rem;
}
.ReleaseOfInformation .Banner .bannerAction {
  margin: 0.5rem auto;
  width: fit-content;
}
.ReleaseOfInformation .RoiHeadingSection .submitHeading {
  padding: 1rem 0 0 0;
}
.mobile .ReleaseOfInformation .RoiHeadingSection .submitHeading {
  font-size: 1.25rem;
  margin-bottom: 0rem;
  color: #7a0019;
}
.ReleaseOfInformation .RoiHeadingSection ._Text {
  margin-top: 0;
}
.ReleaseOfInformation .RequestDateRange .dateRange {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.ReleaseOfInformation .RequestDateRange .dateRange .dateField {
  width: auto;
}
.mobile .ReleaseOfInformation .RequestDateRange {
  width: auto;
  display: flex;
  flex-wrap: wrap;
  max-width: calc(100vw - 3rem);
}
.mobile .ReleaseOfInformation .RequestDateRange ._input {
  max-width: calc(100vw - 3rem);
  min-width: 100%;
  width: auto;
}
.mobile .ReleaseOfInformation .RequestDateRange ._DataEntryLabel {
  width: auto;
  max-width: calc(100vw - 3rem);
}
.ReleaseOfInformation .InfoRequestedSection .infoOption {
  margin-bottom: 0rem;
  margin-left: 0.5rem;
  width: fit-content;
  max-width: 100%;
  padding-right: 0.2rem;
}
.ReleaseOfInformation .InfoRequestedSection .infoBubble ._InfoBubbleCommand {
  color: #404d5b;
}
.ReleaseOfInformation .InfoRequestedSection .infoBubble ._InfoBubbleCommand:after {
  left: unset;
  right: unset;
  margin-left: 0.45rem;
}
.ReleaseOfInformation .InfoRequestedSection .infoBubble ._InfoBubbleContent {
  position: absolute;
  left: unset;
  right: unset;
  top: unset;
  margin: 0;
  margin-right: 0.5rem;
  margin-top: calc(0.75rem - 1px);
  color: #363636;
  min-width: 1.9rem;
  max-width: 60%;
}
.ReleaseOfInformation .sensitiveInfoDisclaimer {
  margin-bottom: 0.75rem;
  overflow: auto;
}
.ReleaseOfInformation .addlComments {
  width: 75%;
}
@media screen and (max-width: 768px) {
  .ReleaseOfInformation .addlComments {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .mobile .ReleaseOfInformation .addlComments {
    width: 90%;
  }
}
.ReleaseOfInformation .formGrid {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .ReleaseOfInformation .formGrid {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1300px) {
  .mobile .ReleaseOfInformation .formGrid {
    width: 90%;
  }
}

/* Copyright 2023 Epic Systems Corporation */
/* Copyright 2022-2023 Epic Systems Corporation */
.ReportViewer .ParticipantPhoto {
  display: inline-block;
}
.ReportViewer table {
  table-layout: auto;
}
@media screen {
  .ReportViewer {
    min-width: fit-content;
  }
}
@media screen {
  .ReportViewer img {
    max-width: 100%;
  }
}
.ReportViewer .commentBubbleTail {
  background-color: inherit;
  position: absolute;
  height: 15px;
  width: 15px !important;
  transform: rotate(45deg);
  display: block;
  float: right;
  z-index: 1;
  top: 9px;
  left: -5px;
}
.ReportViewer .noteBubbleTail {
  background-color: inherit;
  position: absolute;
  height: 15px;
  width: 15px !important;
  transform: rotate(45deg);
  display: block;
  float: right;
  z-index: 1;
  top: -5px;
  left: 12px;
}
.ReportViewer[class][class] .messageBubble {
  background: #CCECFF;
  color: #000;
  padding: 8px;
  padding-left: 12px;
  border-radius: 10px;
  position: relative;
}
.ReportViewer[class][class] .messageTable {
  margin-top: 10px;
  margin-bottom: 3px;
}
.ReportViewer[class][class] .messageCell {
  width: 2rem;
  height: 2rem;
}
.ReportViewer[class][class] .messageIcon {
  width: 32px;
  height: 32px;
  object-fit: cover;
  margin-right: 10px;
  border-radius: 50%;
  position: relative;
}
.ReportViewer[class][class] .noteIcon {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 50%;
  position: relative;
}
.ReportViewer[class][class] .noteCell {
  width: 2rem;
  height: 2rem;
}
.ReportViewer[class][class] .noteTable {
  margin-top: 10px;
  margin-bottom: 5px;
}
.ReportViewer[class][class] .noteBubble {
  background: #CCECFF;
  color: #000;
  padding: 10px;
  border-radius: 10px;
  position: relative;
}
.ReportViewer[class][class] .noteOldNoteTitle {
  margin-top: 10px;
  margin-bottom: 5px;
}

@media screen {
  .InternalReportViewerWrapper {
    overflow-x: auto;
  }
  .InternalReportViewerWrapper .report {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.04), 0 0 0 2px rgba(0, 0, 0, 0.02), 0 0 0 3px rgba(0, 0, 0, 0.01), 0 1px 0 1px rgba(0, 0, 0, 0.09);
  }
}

/* Copyright 2022-2023 Epic Systems Corporation */
._InfoBubble {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: auto;
}
._InfoBubble.showBubble ._InfoBubbleCommand:after,
._InfoBubble.showBubble ._InfoBubbleContent {
  display: block;
}

._InfoBubbleCommand {
  color: #7a0019;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% + 0.25rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}

._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  margin: 0.5rem 0;
  padding: calc(1rem / 3);
  position: absolute;
  text-align: left;
  top: auto;
  white-space: normal;
  width: max-content;
  max-width: 100%;
  z-index: 10;
}

.SingleRecord[class] {
  display: flex;
  flex-direction: column;
}
.SingleRecord .cardHeader {
  display: flex;
  flex-direction: row;
  margin: 0;
}
.SingleRecord .cardTitle {
  flex-grow: 1;
  padding: 0;
  overflow-wrap: anywhere;
}
.SingleRecord .encryptKey {
  flex-shrink: 0;
}
.SingleRecord .fullWidth {
  width: 100%;
}
.SingleRecord .floatRight {
  float: right;
}
.SingleRecord .inline {
  display: inline;
  padding: 0;
}
.SingleRecord .right.bottom.fixed {
  position: absolute;
  margin: 12px;
  right: 0;
  bottom: 0;
}
.SingleRecord .downloadButton {
  margin-top: auto;
}

.ReleaseGrid tbody {
  background-color: #ffffff;
}

.ExpiredGrid tbody {
  background-color: #ffffff;
}

.ProcessingGrid tbody {
  background-color: #ffffff;
}

.RequestedRecords .btnHowToAccess .disclosureButton {
  width: fit-content;
}
.RequestedRecords .readyHeader {
  margin-top: 4px;
}

._InfoBubble {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: auto;
}
._InfoBubble.showBubble ._InfoBubbleCommand:after,
._InfoBubble.showBubble ._InfoBubbleContent {
  display: block;
}

._InfoBubbleCommand {
  color: #7a0019;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% + 0.25rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}

._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  margin: 0.5rem 0;
  padding: calc(1rem / 3);
  position: absolute;
  text-align: left;
  top: auto;
  white-space: normal;
  width: max-content;
  max-width: 100%;
  z-index: 10;
}

/* Copyright 2024 Epic Systems Corporation */
/* Copyright 2024 Epic Systems Corporation */
/* Copyright 2024 Epic Systems Corporation */
/* Copyright 2024 Epic Systems Corporation */
.StudyName {
  display: flex;
  align-items: center;
  margin-left: -0.2rem;
}
.StudyName .StudyIcon {
  fill: #7a0019;
  margin-right: 3px;
}
.StudyName .StudyNameText {
  display: inline-block;
}

.StudyNameBox::after {
  content: "";
  display: block;
  margin-left: -0.75rem;
  height: 1px;
  background-color: rgba(118, 118, 118, 0.25);
  width: calc(100% + 1.5rem);
}

/* Copyright 2024 Epic Systems Corporation */
/* Copyright 2024 Epic Systems Corporation */
.ResearchStudiesPage .contentWrapper {
  display: flex;
  flex-direction: row;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .ResearchStudiesPage .contentWrapper {
    flex-direction: column;
  }
}
.ResearchStudiesPage .mainContent {
  display: flex;
  flex-direction: column;
  width: 60%;
  margin: 0 2.25rem 0 0.5rem;
  gap: 0.8rem;
  margin-right: clamp(20px, 2.25rem, 40px);
}
@media screen and (max-width: 768px) {
  .ResearchStudiesPage .mainContent {
    width: 100%;
    margin: 0;
    padding: 0rem;
  }
}
.ResearchStudiesPage .sidebarContent {
  display: flex;
  flex-direction: column;
  width: 35%;
  gap: 0.8rem;
}
@media screen and (max-width: 768px) {
  .ResearchStudiesPage .sidebarContent {
    width: 100%;
  }
}

.EnrollmentCard .enrollmentCardTitle {
  padding: 0;
  margin-bottom: 0.2rem;
  word-wrap: break-word;
  word-break: break-word;
}
.EnrollmentCard .enrollmentCardHeader {
  display: flex;
  justify-content: space-between;
}
.EnrollmentCard[class] {
  margin-bottom: 0.5rem;
  min-height: fit-content;
}
.EnrollmentCard .enrollmentStatusBadge {
  width: fit-content;
  margin-left: 1rem;
}
.EnrollmentCard .enrollmentStatusBadge div {
  font-size: 0.8rem;
}
.EnrollmentCard .enrollmentSubheaderText {
  padding-left: 0;
  width: 100%;
  padding-top: 0;
}
.EnrollmentCard .enrollmentSubheaderText[class] {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .EnrollmentCard .enrollmentSubheaderText {
    font-size: 0.9rem;
  }
}

.EnrollmentsSection .invitationsSectionTitle {
  padding-bottom: 0;
}
.EnrollmentsSection .invitationsSectionDescription {
  padding-bottom: 0.5rem;
  font-size: medium;
  word-wrap: break-word;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .EnrollmentsSection h2._heading {
    padding-top: 0.25rem;
  }
}

.InvitationCard {
  display: flex;
  flex-direction: column;
  position: relative;
}
.InvitationCard[class] {
  margin-bottom: 0.5rem;
  min-height: fit-content;
}
.InvitationCard .invitationHeader {
  display: flex;
  flex-direction: row;
  position: relative;
}
.InvitationCard .invitationHeader .invitationCardTitle {
  padding: 0;
  margin-left: 0.5rem;
  margin-bottom: 0.1rem;
  word-wrap: break-word;
  word-break: break-word;
  z-index: 2;
  width: auto;
}
.InvitationCard .invitationHeader .invitationHeaderIcon {
  min-width: 32px;
  width: fit-content;
  height: 1rem;
}
.InvitationCard .invitationBody {
  display: flex;
  flex-direction: row;
  padding-left: 32px;
}
@media only screen and (max-width: 768px) {
  .InvitationCard .invitationBody {
    padding: 0.5rem;
    padding-top: 0;
    flex-direction: column;
  }
}
.InvitationCard .invitationBody .invitationBodyMainColumn {
  width: 65%;
}
@media only screen and (max-width: 768px) {
  .InvitationCard .invitationBody .invitationBodyMainColumn {
    width: 100%;
  }
}
.InvitationCard .invitationBody .invitationBodyMainColumn .invitationSubheader {
  display: flex;
  padding-right: 1rem;
  flex-direction: column;
}
.InvitationCard .invitationBody .invitationBodyMainColumn .invitationSubheader .invitationSubheaderText, .InvitationCard .invitationBody .invitationBodyMainColumn .invitationSubheader .invitationSubheaderAdditionalText {
  color: #363636;
  padding-left: 0;
  width: fit-content;
  padding-top: 0;
  margin-left: 0.5rem;
}
@media only screen and (max-width: 768px) {
  .InvitationCard .invitationBody .invitationBodyMainColumn .invitationSubheader .invitationSubheaderText, .InvitationCard .invitationBody .invitationBodyMainColumn .invitationSubheader .invitationSubheaderAdditionalText {
    font-size: 0.9rem;
    margin-left: 32px;
  }
}
.InvitationCard .invitationBody .invitationBodyMainColumn .invitationSubheader .invitationSubheaderAdditionalText {
  margin-top: 0;
}
.InvitationCard .invitationBody .invitationBodySideColumn {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 35%;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .InvitationCard .invitationBody .invitationBodySideColumn {
    width: 100%;
  }
}
.InvitationCard .invitationBody .invitationButton, .InvitationCard .invitationBody .questionnaireButton {
  width: 100%;
  margin: 0;
  margin-left: auto;
  margin-top: 0.6rem;
}
@media only screen and (max-width: 768px) {
  .InvitationCard .invitationBody .invitationButton, .InvitationCard .invitationBody .questionnaireButton {
    width: 100%;
  }
}
.InvitationCard .invitationBody .questionnaireButton {
  margin-top: 0.4rem;
}
.InvitationCard .invitationWaterMarkWrapper {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.InvitationCard .invitationWaterMarkWrapper .invitationWaterMark {
  position: absolute;
  right: 30%;
  bottom: -1.25rem;
  z-index: 0;
  height: 6rem;
  width: 6rem;
  opacity: 0.2;
  transform: rotate(-15deg);
  transition: height 0.4s ease;
  transition: width 0.4s ease;
}
@media only screen and (max-width: 768px) {
  .InvitationCard .invitationWaterMarkWrapper .invitationWaterMark {
    right: -0.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .InvitationCard:hover .invitationWaterMark {
    height: 6.5rem;
    width: 6.5rem;
  }
}

/* Copyright 2024 Epic Systems Corporation */
.StudyDetails .navigationArea {
  padding: 0.75rem 0 0.5rem;
}

.FastPass .fastPassOffersList > ._ListElement:not(:first-child) {
  margin-top: 1rem;
}

/* Common styling for a Fast Pass offer */
.FastPassAcceptedOffer {
  padding: 0;
  margin: 0;
}
.FastPassAcceptedOffer[class] {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: 0;
}
.FastPassAcceptedOffer[class]:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.FastPassAcceptedOffer ._PageHeading,
.FastPassAcceptedOffer ._Text,
.FastPassAcceptedOffer ._TextFragment {
  overflow-wrap: anywhere;
}
.FastPassAcceptedOffer .offerHeader {
  margin-bottom: 1rem;
}
.FastPassAcceptedOffer .offerContainer .newAppt,
.FastPassAcceptedOffer .offerContainer .existingAppt {
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.FastPassAcceptedOffer .offerContainer .existingAppt {
  padding-top: 1rem;
}
@media screen and (min-width: 769px) {
  .FastPassAcceptedOffer .offerContainer .newAppt[class][class],
  .FastPassAcceptedOffer .offerContainer .existingAppt[class][class] {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.FastPassAcceptedOffer .offerHeader {
  width: calc(100% + 1rem);
  max-width: calc(100% + 1rem);
  margin: -0.5rem -0.5rem 0.5rem -0.5rem;
  padding: 1rem 1rem 0.5rem 1rem;
  opacity: 1;
  border-bottom: 1px solid #dbdbdb;
  flex-direction: row;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.FastPassAcceptedOffer .offerHeader .headerDisplayText {
  color: #09aa71;
}
.FastPassAcceptedOffer .offerContainer {
  display: grid;
  grid-template-rows: auto;
  grid-template-areas: "newAppt" "primaryAction";
  padding: 0;
}
.FastPassAcceptedOffer .offerContainer .newAppt {
  grid-area: newAppt;
}
.FastPassAcceptedOffer .offerContainer .primaryAction {
  grid-area: primaryAction;
  display: flex;
  justify-content: center;
}
.FastPassAcceptedOffer .offerContainer .primaryAction a {
  width: fit-content;
  margin: 0.25rem;
}
@media screen and (min-width: 769px) {
  .FastPassAcceptedOffer .offerContainer {
    grid-template-columns: 80% 19%;
    grid-template-rows: auto auto;
    grid-template-areas: "newAppt ." "newAppt primaryAction";
  }
  .FastPassAcceptedOffer .offerContainer .primaryAction {
    display: block;
    width: 100%;
  }
  .FastPassAcceptedOffer .offerContainer .primaryAction a {
    width: 100%;
    margin: 0.25rem;
  }
}

/* Common styling for a Fast Pass offer */
.FastPassActiveOffer {
  padding: 1rem;
}
.FastPassActiveOffer[class] {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: 0;
}
.FastPassActiveOffer[class]:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.FastPassActiveOffer ._PageHeading,
.FastPassActiveOffer ._Text,
.FastPassActiveOffer ._TextFragment {
  overflow-wrap: anywhere;
}
.FastPassActiveOffer .offerHeader {
  margin-bottom: 1rem;
}
.FastPassActiveOffer .offerContainer .newAppt,
.FastPassActiveOffer .offerContainer .existingAppt {
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.FastPassActiveOffer .offerContainer .existingAppt {
  padding-top: 1rem;
}
@media screen and (min-width: 769px) {
  .FastPassActiveOffer .offerContainer .newAppt[class][class],
  .FastPassActiveOffer .offerContainer .existingAppt[class][class] {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.FastPassActiveOffer .fastPassAction ._Command {
  margin: auto;
}
.FastPassActiveOffer .offerContainer {
  display: grid;
  grid-template-rows: auto;
  grid-template-areas: "newAppt" "primaryAction" "existingAppt" "secondaryAction";
}
.FastPassActiveOffer .offerContainer.standaloneOffer {
  grid-template-areas: "newAppt newAppt" "primaryAction secondaryAction";
}
.FastPassActiveOffer .offerContainer.standaloneOffer .primaryAction button {
  margin-right: 0.25rem;
}
.FastPassActiveOffer .offerContainer.standaloneOffer .secondaryAction button {
  margin-left: 0.25rem;
}
@media screen and (min-width: 769px) {
  .FastPassActiveOffer .offerContainer {
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto;
    grid-template-areas: "newAppt existingAppt" "primaryAction secondaryAction";
  }
  .FastPassActiveOffer .offerContainer.standaloneOffer {
    grid-template-columns: 80% 19%;
    grid-template-rows: auto auto auto;
    grid-template-areas: "newAppt ." "newAppt primaryAction" "newAppt secondaryAction";
  }
  .FastPassActiveOffer .offerContainer.standaloneOffer .primaryAction button,
  .FastPassActiveOffer .offerContainer.standaloneOffer .secondaryAction button {
    margin: 0.25rem;
    width: 100%;
  }
}
.FastPassActiveOffer .offerContainer .newAppt {
  grid-area: newAppt;
}
@media screen and (min-width: 769px) {
  .FastPassActiveOffer .offerContainer .newAppt.offerBorder .FastPassOfferVisitSummary {
    border-right: 1px solid #dbdbdb;
  }
}
.FastPassActiveOffer .offerContainer .existingAppt {
  grid-area: existingAppt;
}
.FastPassActiveOffer .offerContainer .existingAppt.offerBorder .FastPassOfferVisitSummary {
  padding-top: 0.5rem;
  border-top: 1px solid #dbdbdb;
}
@media screen and (min-width: 769px) {
  .FastPassActiveOffer .offerContainer .existingAppt.offerBorder .FastPassOfferVisitSummary {
    padding-top: 0;
    border-top: none;
  }
}
.FastPassActiveOffer .offerContainer .primaryAction {
  grid-area: primaryAction;
}
.FastPassActiveOffer .offerContainer .secondaryAction {
  grid-area: secondaryAction;
}

/* Common styling for a Fast Pass offer */
.FastPassInactiveOffer[class] {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  min-height: 0;
}
.FastPassInactiveOffer[class]:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.FastPassInactiveOffer ._PageHeading,
.FastPassInactiveOffer ._Text,
.FastPassInactiveOffer ._TextFragment {
  overflow-wrap: anywhere;
}
.FastPassInactiveOffer .offerHeader {
  margin-bottom: 1rem;
}
.FastPassInactiveOffer .offerContainer .newAppt,
.FastPassInactiveOffer .offerContainer .existingAppt {
  padding-left: 1rem;
  margin-bottom: 1rem;
}
.FastPassInactiveOffer .offerContainer .existingAppt {
  padding-top: 1rem;
}
@media screen and (min-width: 769px) {
  .FastPassInactiveOffer .offerContainer .newAppt[class][class],
  .FastPassInactiveOffer .offerContainer .existingAppt[class][class] {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.FastPassInactiveOffer[class] {
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  .FastPassInactiveOffer[class] {
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  .FastPassInactiveOffer .offerHeader {
    flex: 4 1 auto;
  }
}
.FastPassInactiveOffer .offerContainer {
  flex: 1 4 auto;
}
.FastPassInactiveOffer .offerContainer .fastPassAction {
  display: flex;
  align-items: center;
  justify-content: center;
}
.FastPassInactiveOffer .offerContainer .fastPassAction button {
  margin: 0.25rem;
}
@media screen and (min-width: 769px) {
  .FastPassInactiveOffer .offerContainer .fastPassAction {
    padding-left: 0;
  }
  .FastPassInactiveOffer .offerContainer .fastPassAction button {
    width: 100%;
  }
}

.FastPassOfferHeader {
  display: inline-flex;
}
.FastPassOfferHeader .headerIcon {
  margin-right: 0.5rem;
}
.FastPassOfferHeader .headerDisplayText {
  font-size: 1.25rem;
}

.FastPassOfferVisitSummary .apptHeaderDisplayText[class][class][class] {
  margin: 0;
}
.FastPassOfferVisitSummary .dateInfo ._Text,
.FastPassOfferVisitSummary .dateInfo ._TextFragment {
  overflow-wrap: normal;
}
.FastPassOfferVisitSummary.positiveBright .labelHighlight mark {
  color: #09aa71;
  font-weight: bold;
  background-color: transparent;
}
.FastPassOfferVisitSummary.brandPrimary .labelHighlight mark {
  color: #7a0019;
  font-weight: bold;
  background-color: transparent;
}

/* Common styling for a Fast Pass offer */

/* Copyright 2021-2022 Epic Systems Corporation */
.SimpleSlots ._heading {
  font-size: 1rem;
  padding: 0;
  color: #363636;
}
.SimpleSlots .date {
  position: relative;
  top: 0.2rem;
  line-height: 1.1rem;
}
.SimpleSlots .date._Bone {
  width: 40%;
}
.SimpleSlots .SolutionDisplayList {
  display: inline;
}
.SimpleSlots .SolutionDisplayList > ._ListElement {
  width: auto;
}
.SimpleSlots .SolutionDisplayList + ._Command.expandableListButton {
  display: inline-block;
}
.SimpleSlots .SolutionDisplayList.expanded + ._Command.expandableListButton {
  width: calc(100% - 2.4rem);
}
.SimpleSlots .SolutionDisplayList.collapsed + ._Command.expandableListButton {
  width: 1.9rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-bottom: 0.25rem;
}
.SimpleSlots.x5 .SolutionDisplayList > ._ListElement, .SimpleSlots.x5 .SolutionDisplayList.expanded + ._Command.expandableListButton {
  min-width: calc(20% - 0.88rem);
}
.SimpleSlots.x4 .SolutionDisplayList > ._ListElement, .SimpleSlots.x4 .SolutionDisplayList.expanded + ._Command.expandableListButton {
  min-width: calc(25% - 0.975rem);
}
.SimpleSlots.x3 .SolutionDisplayList > ._ListElement, .SimpleSlots.x3 .SolutionDisplayList.expanded + ._Command.expandableListButton {
  min-width: calc(33.3333333333% - 1.1333333333rem);
}
.SimpleSlots.x2 .SolutionDisplayList > ._ListElement, .SimpleSlots.x2 .SolutionDisplayList.expanded + ._Command.expandableListButton {
  min-width: calc(50% - 1.45rem);
}
.SimpleSlots.x1 .SolutionDisplayList > ._ListElement, .SimpleSlots.x1 .SolutionDisplayList.expanded + ._Command.expandableListButton {
  min-width: calc(100% - 2.4rem);
}

.SimpleSlotsZeroState {
  word-wrap: break-word;
}

.SlotLoadError {
  text-align: center;
}
.SlotLoadError ._command.primary.neutral {
  display: inline-block;
}

.SolutionDisplayList > ._ListElement {
  display: inline-block;
  margin-right: 0.5rem;
  width: calc(20% - 0.5rem);
}
@media screen and (max-width: 768px) {
  .SolutionDisplayList > ._ListElement {
    width: calc(33% - 0.5rem);
    margin-right: 0.5rem;
  }
}
.SolutionDisplayList > ._ListElement > ._Command.Solution[class], .mobile .SolutionDisplayList > ._ListElement > ._Command.Solution[class] {
  width: 100%;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  margin-bottom: 0.25rem;
}
@media print {
  .SolutionDisplayList > ._ListElement > ._Command.Solution, .mobile .SolutionDisplayList > ._ListElement > ._Command.Solution {
    display: block;
  }
}

.ViewMoreTimesCommand {
  display: inline-flex;
  align-items: center;
}
.ViewMoreTimesCommand[class][class] {
  margin-top: 0;
  margin-bottom: 0;
}
.ViewMoreTimesCommand ._Icon {
  margin-left: 0.2rem;
  /* rtl:raw: transform: scale(-1,1); */
  position: relative;
  transition-property: transform;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
  flex-shrink: 0;
}
.ViewMoreTimesCommand._Link.primary.neutral, .ViewMoreTimesCommand._Link.secondary.neutral, .ViewMoreTimesCommand._Link.tertiary.neutral, .ViewMoreTimesCommand._Link.primary.positive {
  display: flex;
  justify-content: center;
}
.ViewMoreTimesCommand:hover ._Icon {
  transform: translateX(0.2rem);
  /* rtl:raw: transform: scale(-1,1) translateX(0.2rem); */
}

/* Copyright 2021-2022 Epic Systems Corporation */
.TelehealthModeToggle ::-webkit-scrollbar {
  display: none;
}
.TelehealthModeToggle ._DataEntrySet-legend {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.TelehealthModeToggle ._DataEntrySet-fields[class] {
  display: block;
}
@media screen and (max-width: 768px) {
  .TelehealthModeToggle ._DataEntrySet-fields {
    margin-left: -1rem;
    overflow-x: auto;
    white-space: nowrap;
    max-width: unset;
    width: 100vw;
  }
}
.TelehealthModeToggle .telehealthChip {
  margin: 0.25rem 0.125rem;
  width: max-content;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel {
  color: #7a0019;
  background-color: rgba(122, 0, 25, 0.1);
  display: inline-block;
  top: auto;
  border-radius: 3rem;
  border: none;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel._readOnlyText {
  display: flex;
  align-items: center;
  height: 2.4rem;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel:hover[class] {
  background-color: rgba(122, 0, 25, 0.2);
  color: #7a0019;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel:hover[class][class][class][class] ._Icon {
  fill: #7a0019;
}
.TelehealthModeToggle .telehealthChip ._DataEntryLabel:active[class] {
  box-shadow: 0 0 0 2px #000000;
}
.TelehealthModeToggle .telehealthChip:focus-within {
  border: none;
}
@media screen and (max-width: 768px) {
  .TelehealthModeToggle .telehealthChip:first-child {
    margin-left: 1rem;
  }
}
.TelehealthModeToggle .telehealthChip:last-child {
  margin-right: 2rem;
}
.TelehealthModeToggle .telehealthChip ._input:checked + ._DataEntryLabel {
  color: white;
  background-color: #7a0019;
}
.TelehealthModeToggle .telehealthChip ._input:checked + ._DataEntryLabel ._Icon[class][class][class][class][class] {
  fill: white;
  background-color: #7a0019;
}
.TelehealthModeToggle .telehealthChip ._Icon {
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 30%;
  border-radius: 50%;
  position: relative;
  left: -0.2rem;
  fill: white;
}
.TelehealthModeToggle .telehealthChip ._Icon[class][class][class][class] {
  height: 2rem;
  width: 2rem;
  box-shadow: none;
  top: 0;
  fill: #7a0019;
}

@media screen and (max-width: 768px) {
  .VideoVisitLocationSelect ._DropDownList {
    width: 100%;
  }
}
.VideoVisitLocationSelect .fieldContainer {
  overflow-x: hidden;
}

.Chip {
  background-color: #ffffff;
  border-radius: 1rem;
  box-shadow: 0rem 0.1rem 0.25rem -0.1rem rgba(0, 0, 0, 0.1);
  display: flex;
}
.Chip:hover, .Chip:focus-within {
  background-color: #f7f7f7;
}
.Chip .chipMain {
  display: flex;
  flex-grow: 1;
}
.Chip .chipMain ._Text[class] {
  color: #363636;
  padding: 0.325rem 0rem;
  text-align: left;
  align-self: center;
}
.Chip .chipMain:not(:last-child) {
  border-bottom-left-radius: inherit;
  border-top-left-radius: inherit;
}
.Chip .chipMain:last-child {
  border-radius: inherit;
}
.Chip .chipMainIcon {
  flex-shrink: 0;
  margin: 0.265rem 0.4rem 0.265rem 0.4rem;
}
.Chip .chipRemove {
  display: flex;
  flex-shrink: 0;
  color: #999999;
  border-bottom-right-radius: inherit;
  border-top-right-radius: inherit;
}
.Chip .chipRemove:hover, .Chip .chipRemove:focus {
  color: #4d4d4d;
  background-color: #dddddd;
}
.Chip .chipRemoveIcon {
  margin: auto 0.4rem;
  transform: scale(0.8);
}

.MyChartMenu .myChartMenuList {
  background-color: #ffffff;
  border-radius: 0.375rem;
  margin-bottom: 0.5rem;
}
.MyChartMenu .myChartMenuList li:not(:last-child) .MarkedMyChartMenuItem, .MyChartMenu .myChartMenuList .myChartSubmenuTitle {
  border-bottom: 1px solid #eaeaea;
}
.MyChartMenu .myChartMenuList > li:first-child .myChartSubmenuTitle {
  padding-top: 0.75rem;
}
.MyChartMenu .myChartMenuList > li:first-child:has(> .MarkedMyChartMenuItem), .MyChartMenu .myChartMenuList > li:first-child:has(> .MarkedMyChartMenuItem) .MarkedMyChartMenuItem {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
}
.MyChartMenu .myChartMenuList > li:last-child:has(> .MarkedMyChartMenuItem), .MyChartMenu .myChartMenuList > li:last-child:has(> .MarkedMyChartMenuItem) .MarkedMyChartMenuItem {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.MyChartMenu .myChartMenuList > li:last-child li:last-child .MarkedMyChartMenuItem {
  border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}
.MyChartMenu .myChartMenuList .myChartSubmenuTitle {
  font-size: 1rem;
  padding: 1.2rem 0.6rem 0.2rem 0.6rem;
  word-break: break-word;
}
.MyChartMenu .ZeroState.compact {
  padding-bottom: 0.5rem;
}

.MarkedMyChartMenuItem {
  background-color: #ffffff;
  display: flex;
  word-break: break-word;
}
.MarkedMyChartMenuItem:hover, .MarkedMyChartMenuItem:focus {
  background-color: #f7f7f7;
  text-decoration: none;
}
.MarkedMyChartMenuItem:hover .myChartMenuItemChevron, .MarkedMyChartMenuItem:focus .myChartMenuItemChevron {
  color: #4d4d4d;
}
.MarkedMyChartMenuItem .myChartMenuItemStrings {
  padding: 0.325rem 0rem;
}
.MarkedMyChartMenuItem .myChartMenuItemIcon {
  align-self: center;
  flex-shrink: 0;
  margin: 0.265rem 0.4rem auto 0.4rem;
  transform: scale(1.2);
  color: currentColor;
  color: var(--wp-proxy-color, currentColor);
}
.MarkedMyChartMenuItem .myChartMenuItemChevron {
  align-self: center;
  color: #999999;
  flex-shrink: 0;
  margin: auto 0.4rem;
  /* rtl:raw: transform: scaleX(-1); */
}
.MarkedMyChartMenuItem .clickableCardArrow {
  align-self: center;
  flex-shrink: 0;
  margin: auto 0.4rem;
  fill: currentColor;
  fill: var(--wp-proxy-color, currentColor);
  /* rtl:raw: 
            transform: scaleX(-1); 
        */
}
.MarkedMyChartMenuItem ._TextFragment {
  color: #363636;
}
.MarkedMyChartMenuItem .myChartMenuItemSynonym {
  color: #767676;
  display: inline-block;
  font-size: 0.8rem;
  line-height: 1rem;
  padding-left: 1rem;
}
.MarkedMyChartMenuItem .myChartMenuItemSynonym mark {
  color: #000000;
}

.RecentSearchesSection {
  margin-top: 0.4rem;
}
.RecentSearchesSection .searchHistoryButton[class][class] {
  margin: 0rem auto;
}
.RecentSearchesSection.hideRecentSearchesSection {
  display: none;
}

.RecentSearchList li {
  margin-bottom: 0.4rem;
  border-radius: 1rem;
}
.RecentSearchList .Chip .chipMainIcon {
  color: currentColor;
  color: var(--wp-proxy-color, currentColor);
}

.SearchAsYouType {
  height: 100%;
}
@media (min-width: 769px) {
  .SearchAsYouType.skipAnimation .SearchMenu, .SearchAsYouType.skipAnimation .searchBarInterior {
    transition-duration: 0s;
    transition-delay: 1ms;
  }
}

.SearchAsYouTypeMobile[class] .SearchMenu {
  position: unset;
  max-height: unset;
  height: unset;
  overflow-y: unset;
  background-color: unset;
  border: none;
}
.SearchAsYouTypeMobile a {
  -webkit-user-drag: none;
}

.MyChartSearchBar {
  height: 100%;
  border-radius: 8px;
}
.MyChartSearchBar .searchBarInterior {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
  border: 2px solid var(--wp-header-contrasting-proxy-color);
  background-color: var(--wp-header-contrasting-proxy-color);
  border-radius: 8px;
  overflow: hidden;
  height: 100%;
  transition: border-radius ease 0s 0.2s;
}
.MyChartSearchBar .searchBarInterior.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.MyChartSearchBar .searchBarInterior.invalid:not(:focus-within) {
  border-color: #d80000;
}
.MyChartSearchBar .searchBarInterior.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.MyChartSearchBar .searchBarInterior.locked[class] ._command:focus {
  background-color: #ffffff;
}
.MyChartSearchBar .searchBarInterior:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .MyChartSearchBar .searchBarInterior:focus-within {
    will-change: transform;
  }
}
.MyChartSearchBar .searchBarInterior:focus-within :focus-visible {
  outline: none;
}
.MyChartSearchBar .searchBarInterior:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.MyChartSearchBar .searchBarInterior ._labelledField {
  flex-grow: 1;
}
.MyChartSearchBar .searchBarInterior ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.MyChartSearchBar .searchBarInterior ._labelledField ._input:invalid {
  box-shadow: none;
}
.MyChartSearchBar .searchBarInterior ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.MyChartSearchBar .searchBarInterior ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.MyChartSearchBar .searchBarInterior ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.MyChartSearchBar .searchBarInterior ._command, .MyChartSearchBar .searchBarInterior ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.MyChartSearchBar .searchBarInterior ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.MyChartSearchBar .searchBarInterior .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.MyChartSearchBar .searchBarInterior .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
@media (prefers-reduced-motion) {
  .MyChartSearchBar .searchBarInterior {
    transition: none;
  }
}
.MyChartSearchBar .searchBarInterior .searchBarInput {
  border: none;
  border-radius: 0;
  margin: 0rem;
  padding-left: 0.8rem;
  text-overflow: ellipsis;
  -webkit-appearance: none;
}
.MyChartSearchBar .searchBarInterior .searchBarInput::-ms-clear, .MyChartSearchBar .searchBarInterior .searchBarInput::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.MyChartSearchBar .searchBarInterior .searchBarInput::-webkit-search-decoration, .MyChartSearchBar .searchBarInterior .searchBarInput::-webkit-search-cancel-button, .MyChartSearchBar .searchBarInterior .searchBarInput::-webkit-search-results-button, .MyChartSearchBar .searchBarInterior .searchBarInput::-webkit-search-results-decoration {
  display: none;
}
.MyChartSearchBar .searchBarInterior ._command {
  border-radius: unset;
  background-color: #ffffff;
}
.MyChartSearchBar .searchBarInterior ._command:hover, .MyChartSearchBar .searchBarInterior ._command:focus {
  background-color: #f4ebed;
}
.MyChartSearchBar .searchBarInterior .searchBarButton {
  aspect-ratio: 1/1;
  transition: background-color 0.3s;
}
.MyChartSearchBar .searchBarInterior .searchBarButton.menuButton, .MyChartSearchBar .searchBarInterior .searchBarButton.activeSearchButton {
  background-color: transparent;
}
.MyChartSearchBar .searchBarInterior .searchBarButton.menuButton:hover, .MyChartSearchBar .searchBarInterior .searchBarButton.menuButton:focus, .MyChartSearchBar .searchBarInterior .searchBarButton.activeSearchButton:hover, .MyChartSearchBar .searchBarInterior .searchBarButton.activeSearchButton:focus {
  background-color: rgba(255, 255, 255, 0.3);
}
.MyChartSearchBar .searchBarInterior .searchBarButton .searchBarIcon {
  margin: auto;
}
@media (min-width: 769px) {
  .MyChartSearchBar .searchBarInterior.activeSearchBarInterior {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 2px solid var(--wp-header-contrasting-proxy-color);
    border-bottom: none;
    transition-delay: 0s;
  }
  .MyChartSearchBar .searchBarInterior.activeSearchBarInterior .searchBarInput {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
  }
  .MyChartSearchBar .searchBarInterior.activeSearchBarInterior .ClearSearchCommand {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
  }
}
.MyChartSearchBar .searchBarInterior .searchBarIcon {
  transition: fill 0.2s;
  transform: scale(1.2);
  color: var(--wp-header-contrasting-proxy-color);
}
.MyChartSearchBar .searchBarInterior .activeSearchBarIcon {
  fill: #ffffff;
}
.MyChartSearchBar .searchBarInterior .searchBarArrow {
  /* rtl:raw: transform: scaleX(-1); */
}

.SearchMenu {
  background-color: #f4ebed;
  max-height: 0;
  overflow-y: hidden;
  padding: 0rem 0.83rem;
  scrollbar-gutter: stable;
  border: 0 solid var(--wp-header-contrasting-proxy-color);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition-property: max-height, border-width;
  transition-duration: 0.2s, 0s;
  transition-delay: 0s, 0.2s;
  word-break: break-word;
}
@media (prefers-reduced-motion) {
  .SearchMenu[class][class][class] {
    transition-property: opacity;
    opacity: 0;
    max-height: min(30rem, 85vh - var(--wp-header-height));
  }
}
@media (prefers-reduced-motion) and (min-width: 900px) {
  .SearchMenu[class][class][class] {
    max-height: min(35rem, 85vh - var(--wp-header-height));
  }
}
@media (prefers-reduced-motion) and (max-width: 768px) {
  .SearchMenu[class][class][class] {
    max-height: unset;
    bottom: unset;
  }
}
@media (prefers-reduced-motion) {
  .SearchMenu[class][class][class].expanded {
    opacity: 1;
  }
}
.SearchMenu.expanded {
  border-width: 2px;
  overflow-y: auto;
  transition-delay: 0s, 0s;
  animation: keep-scrollbar-hidden 0.2s;
  max-height: min(30rem, 85vh - var(--wp-header-height));
}
@media (min-width: 900px) {
  .SearchMenu.expanded {
    max-height: min(35rem, 85vh - var(--wp-header-height));
  }
}
@keyframes keep-scrollbar-hidden {
  from {
    overflow-y: hidden;
  }
  to {
    overflow-y: hidden;
  }
}
@media (max-width: 768px) {
  .SearchMenu {
    position: fixed;
    top: var(--wp-header-height);
    bottom: 100vh;
    left: 0;
  }
  .SearchMenu[class][class] {
    max-height: unset;
    border: none;
    transition-property: bottom;
    transition-duration: 0.25s;
  }
  .SearchMenu.expanded {
    bottom: 0;
    transition-delay: 0.1s;
    animation-duration: 0.5s;
  }
}
@media (min-width: 769px) {
  .SearchMenu {
    scrollbar-color: #999999 transparent;
    scrollbar-width: thin;
  }
  .SearchMenu::-webkit-scrollbar {
    visibility: visible;
    width: 6px;
  }
  .SearchMenu::-webkit-scrollbar-thumb {
    background-color: #999999;
    border-radius: 5px;
  }
  .SearchMenu::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 5px;
  }
}
.SearchMenu ._PageHeading {
  padding: 0.4rem 0.6rem 0.5rem 0.6rem;
  color: currentColor;
  color: var(--wp-proxy-color, currentColor);
}
.SearchMenu .ZeroState {
  display: inline-flex;
  justify-content: center;
  flex-direction: row;
  padding-bottom: 0;
}
.SearchMenu .ZeroState.compact .iconHolder {
  padding: 0;
  margin-right: 0.3rem;
  height: clamp(16px, 1.847rem, 48px);
  width: clamp(16px, 1.847rem, 48px);
}
.SearchMenu .ZeroState.compact .textWrapper {
  margin-right: 0.3rem;
  width: fit-content;
  text-align: left;
}
.SearchMenu .ZeroState .iconHolder {
  margin: 0;
}

.MyChartSearch {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - (8.7rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + var(--wp-footer-height) + 1rem));
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
}
.MyChartSearch .MyChartSearchResults, .MyChartSearch .ChartResultList {
  flex-grow: 1;
}
.mobile .MyChartSearch {
  min-height: calc(100vh - 1rem);
}
.datatile .MyChartSearch {
  min-height: auto;
}
@media screen and (max-width: 768px) {
  .MyChartSearch {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
  }
}
@media print {
  .MyChartSearch {
    margin-left: 0;
    width: 100%;
  }
}
.MyChartSearch h1, .MyChartSearch .suggestionsContainer, .MyChartSearch .ChartResultList, .MyChartSearch .searchError {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
@media screen and (min-width: 1300px) {
  .MyChartSearch h1, .MyChartSearch .suggestionsContainer, .MyChartSearch .ChartResultList, .MyChartSearch .searchError {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
.mobile .MyChartSearch {
  max-width: calc(100% + 1rem);
  margin-left: -0.5rem;
}
@media screen and (min-width: 770px) and (max-width: 1299px) {
  .mobile .MyChartSearch h1, .mobile .MyChartSearch .suggestionsContainer, .mobile .MyChartSearch .ChartResultList, .mobile .MyChartSearch .searchError {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
.MyChartSearch mark {
  background-color: unset;
  color: unset;
  font-weight: bold;
}
.MyChartSearch h1, .MyChartSearch h2 {
  overflow-wrap: break-word;
}

.MyChartSearchResults {
  display: flex;
  flex-direction: column;
}
.MyChartSearchResults .ChartResultList {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6) 95%, transparent);
  border-top: solid 1px #eaeaea;
}
@media screen and (min-width: 1025px) {
  .MyChartSearchResults {
    flex-direction: row;
    border-top: solid 1px #eaeaea;
  }
  .MyChartSearchResults .suggestionsContainer {
    max-width: 20rem;
    border-right: solid 1px #eaeaea;
    display: flex;
    flex-direction: column;
  }
  .MyChartSearchResults .ChartResultList {
    border-top: none;
  }
}

.mobile .MyChartSearchResults a {
  -webkit-user-drag: none;
}

.ChartResult .resultTitleLink {
  text-decoration: none;
  display: inline-block;
}
.ChartResult .resultTitleLink:hover .hoverUnderline, .ChartResult .resultTitleLink:focus .hoverUnderline {
  text-decoration: underline;
}
.ChartResult .resultTypeInfo {
  display: flex;
  align-items: center;
}
.ChartResult .resultTypeInfo ._Icon {
  margin-right: 0.25rem;
  flex-shrink: 0;
}
.ChartResult .supplementaryInformation {
  display: flex;
}
.ChartResult .supplementaryInformation .resultDate {
  flex-shrink: 0;
  margin-right: 0.25rem;
}

.ResultDescription ._Text._readOnlyText {
  margin: 0;
}

.ResultH2GInfo {
  display: inline;
  border-left: solid 1px gray;
  padding-left: 0.25rem;
}
.ResultH2GInfo .careEverywhereIcon {
  margin-right: 0.25rem;
  vertical-align: middle;
}

.ChartResultList ._ListElement {
  margin-bottom: 1.5rem;
}
.ChartResultList .chartResultListHeading {
  padding-bottom: 0;
}
.ChartResultList .NumResults[class][class] {
  margin-bottom: 0.75rem;
}

.MenuResultList {
  margin-bottom: 1rem;
}
.MenuResultList .MarkedMyChartMenuItem {
  border-radius: 4px;
  padding: 0.25rem 0;
}
.MenuResultList .menuItems {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 4px;
}
.MenuResultList .menuItems > :not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
  .MenuResultList .menuItems {
    max-width: 25rem;
  }
}

/* Copyright 2022 Epic Systems Corporation */
.changePasswordContent {
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  .changePasswordContent .passwordInput {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
.changePasswordContent .passwordInput ._PasswordInput {
  width: 100%;
}
.changePasswordContent ._PageHeading._readOnlyText._heading {
  display: none;
}

.SettingsList .SettingsListGrid {
  display: grid;
  grid-template-areas: "results sidebar" "results key";
  grid-column-gap: 0.75rem;
  grid-template-columns: 2.05fr 1fr;
  grid-template-rows: auto 1fr;
}
.SettingsList .SettingsListGrid .results {
  margin-top: -0.5rem;
}
.SettingsList .SettingsListGrid .results .heading {
  padding-bottom: 0;
}
.SettingsList .SettingsListGrid .results .description {
  color: #767676;
  margin: 0;
}
.SettingsList .SettingsListGrid .results .settingsCard {
  margin-bottom: 0.8rem;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
}
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:not(:last-child)::after {
  height: 1px;
  background: #cccccc;
  content: "";
  margin: 0 1rem;
  padding: 1px;
  background-clip: content-box;
}
@media screen and (max-width: 768px) {
  .SettingsList .SettingsListGrid .results .settingsCard ._GridRow:not(:last-child)::after {
    display: flex;
  }
}
@media screen and (min-width: 769px) {
  .SettingsList .SettingsListGrid .results .settingsCard ._GridRow:not(:last-child)::after {
    width: 100%;
  }
}
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:first-child .SettingsCard,
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:first-child .RememberDevicesCard,
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:first-child .PreviewFeaturesCard {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:last-child .SettingsCard,
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:last-child .RememberDevicesCard,
.SettingsList .SettingsListGrid .results .settingsCard ._GridRow:last-child .PreviewFeaturesCard {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
@media screen {
  .SettingsList .SettingsListGrid .mobile {
    padding-top: 0.5rem;
  }
}
@media print {
  .SettingsList .SettingsListGrid {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .SettingsList .SettingsListGrid {
    display: flex;
    flex-direction: column;
  }
}
.SettingsList .SettingsListGrid .results {
  grid-area: results;
}
.SettingsList .SettingsListGrid .loadPlaceholder {
  padding-top: 2.3rem;
}

.SettingsCard {
  position: relative;
  vertical-align: top;
  background-color: #ffffff;
}
.SettingsCard[class] {
  display: flex;
  align-items: center;
  min-height: unset;
  padding: 1rem;
  width: 100%;
}
@media screen and (max-width: 200px) {
  .SettingsCard[class] {
    display: grid;
  }
}
@media screen and (max-width: 768px) {
  .SettingsCard[class] {
    padding: 0.6rem 0.7rem;
    align-items: stretch;
  }
}
.SettingsCard:hover {
  background-color: #f4ebed;
}
.SettingsCard .detailsLink {
  color: #000000;
  font-size: 1rem;
}
.SettingsCard .detailsLink .title {
  display: inline-block;
  text-decoration: none;
  margin-bottom: 0.25rem;
  text-align: left;
  font-size: 1.1rem;
}
.SettingsCard .detailsLink .description {
  display: inline-block;
  text-align: left;
  color: #767676;
  margin: 0;
}
.SettingsCard .detailsLink .metaData {
  display: inline-block;
  text-align: left;
  color: #767676;
  margin: 0;
  font-weight: bold;
}
.SettingsCard .detailsLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.SettingsCard .linkIndicator {
  fill: #767676;
  margin-left: auto;
  margin-top: auto;
  margin-bottom: auto;
  /*rtl:raw:
          transform: scaleX(-1);
          */
}
.SettingsCard .rightSide {
  display: contents;
  width: auto;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .SettingsCard .rightSide {
    display: flex;
  }
}
.SettingsCard .rightSide .stateIndicator {
  width: auto;
  display: inline-flex;
  margin-left: 0.5rem;
  font-size: 1.1rem;
}
@media screen and (max-width: 768px) {
  .SettingsCard .rightSide .stateIndicator {
    padding-right: 0.5rem;
    margin-top: -0.2rem;
  }
}
.SettingsCard .rightSide .stateIndicator .on {
  width: auto;
  margin: auto;
  color: #09aa71;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .SettingsCard .rightSide .stateIndicator .on {
    margin-left: 0.1rem;
  }
}
@media screen and (min-width: 769px) {
  .SettingsCard .rightSide .stateIndicator .on {
    margin-right: 0.1rem;
  }
}
.SettingsCard .rightSide .stateIndicator .off {
  width: auto;
  color: #767676;
}
@media screen and (max-width: 768px) {
  .SettingsCard .rightSide .stateIndicator .off {
    padding-top: 0.2rem;
  }
}
@media screen and (min-width: 769px) {
  .SettingsCard .rightSide .stateIndicator .off {
    margin-right: 0.1rem;
  }
}
.SettingsCard .rightSide .stateIndicator .greenCheck {
  color: #09aa71;
  margin-left: auto;
  width: 1.9rem;
}

.RememberDevicesCard {
  position: relative;
  vertical-align: top;
  background-color: #ffffff;
  font-size: 1.1rem;
}
.RememberDevicesCard[class] {
  display: flex;
  align-items: center;
  min-height: unset;
  padding: 1rem;
  width: 100%;
}
@media screen and (max-width: 200px) {
  .RememberDevicesCard[class] {
    display: grid;
  }
}
@media screen and (max-width: 768px) {
  .RememberDevicesCard[class] {
    padding: 0.6rem 0.7rem;
  }
}
.RememberDevicesCard .toggleText {
  color: #000000;
}
.RememberDevicesCard .toggleText .description {
  display: inline-block;
  text-align: left;
  font-size: 1rem;
}
.RememberDevicesCard .sliderButton {
  align-self: flex-start;
  margin-left: 0.5rem;
}
@media screen and (min-width: 769px) {
  .RememberDevicesCard .sliderButton {
    margin-right: 0.7rem;
  }
}

.PreviewFeaturesCard {
  position: relative;
  vertical-align: top;
  background-color: #ffffff;
  font-size: 1.1rem;
}
.PreviewFeaturesCard[class] {
  display: flex;
  align-items: center;
  min-height: unset;
  padding: 1rem;
  width: 100%;
}
@media screen and (max-width: 200px) {
  .PreviewFeaturesCard[class] {
    display: grid;
  }
}
@media screen and (max-width: 768px) {
  .PreviewFeaturesCard[class] {
    padding: 0.6rem 0.7rem;
  }
}
.PreviewFeaturesCard .toggleText {
  color: #000000;
}
.PreviewFeaturesCard .toggleText .description {
  display: inline-block;
  text-align: left;
  font-size: 1rem;
}
.PreviewFeaturesCard .sliderButton {
  align-self: flex-start;
  margin-left: 0.5rem;
}
@media screen and (min-width: 769px) {
  .PreviewFeaturesCard .sliderButton {
    margin-right: 0.7rem;
  }
}

/* Copyright 2022 Epic Systems Corporation */
.SelfArrivalWorkflow .asyncInFlight {
  margin-top: 2rem;
}

.SelfArrivalPage .selfArrivalBodyContainer {
  --point-nav-height: none;
}
@media screen and (max-width: 768px) {
  .SelfArrivalPage .selfArrivalBodyContainer .SelfArrivalBody {
    min-height: calc(100vh - var(--wp-header-height) - var(--wp-footer-height) - var(--point-nav-height) - 10rem);
  }
}

.SelfArrivalHeader {
  max-height: 10rem;
}
.SelfArrivalHeader .swoopContainer {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  height: 6rem;
  position: relative;
  overflow-x: hidden;
}
.SelfArrivalHeader .swoopContainer:before {
  background: #7a0019;
  content: "";
  position: absolute;
  left: -2rem;
  width: calc(100% + 4rem);
  border-radius: 3px 3px 50% 50%/3px 3px 50px 50px;
}
body.branded .SelfArrivalHeader .swoopContainer:before {
  left: calc(-55vw + 50%);
  margin-left: 0;
  width: 110vw;
  max-width: 110vw;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalHeader .swoopContainer {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalHeader .swoopContainer {
  margin-top: -0.5rem;
}
.mobile .SelfArrivalHeader .swoopContainer {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .SelfArrivalHeader .swoopContainer {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .SelfArrivalHeader .swoopContainer {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalHeader .swoopContainer {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalHeader .swoopContainer {
    margin-top: -0.75rem;
  }
  .mobile .SelfArrivalHeader .swoopContainer {
    margin-top: 0;
  }
}
.mobile .SelfArrivalHeader .swoopContainer {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .SelfArrivalHeader .swoopContainer {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .SelfArrivalHeader .swoopContainer {
    margin-top: 0;
  }
  .mobile .SelfArrivalHeader .swoopContainer {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .SelfArrivalHeader .swoopContainer {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
.SelfArrivalHeader .swoopContainer:before {
  height: 6rem;
}
@media screen and (max-width: 768px) {
  .SelfArrivalHeader .swoopContainer {
    margin-top: -2px;
  }
}
.SelfArrivalHeader .iconContainer {
  position: relative;
  top: -4rem;
  width: 8rem;
  height: 8rem;
  padding: 1rem;
  border-radius: 50%;
  background-color: #a24d5e;
  margin: auto;
  display: flex;
  align-items: center;
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.2));
}
.SelfArrivalHeader .iconContainer .emblem {
  filter: drop-shadow(3px 3px 2px rgba(0, 0, 0, 0.2));
}

.SelfArrivalBody {
  padding-bottom: 2rem;
}

.mobile .SelfArrivalBody {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.ExtensibilityLinkList ._List {
  display: flex;
  flex-wrap: wrap;
}
.ExtensibilityLinkList ._List > li {
  padding-bottom: 0.75rem;
}
.ExtensibilityLinkList ._List > li:not(:first-child) {
  padding-left: 0.5rem;
}
.ExtensibilityLinkList ._List > li:not(:last-child) {
  padding-right: 0.5rem;
}
@media screen and (max-width: 768px) {
  .ExtensibilityLinkList ._List[class][class][class] > li {
    padding-left: 0;
    padding-right: 0;
  }
}
.ExtensibilityLinkList ._List > ._ListElement {
  flex-basis: 33.3%;
}
@media screen and (max-width: 768px) {
  .ExtensibilityLinkList ._List > ._ListElement {
    flex-basis: 100%;
  }
}

.mobile .ExtensibilityLinkList[class][class][class][class][class] .extensibilityHeader {
  margin-bottom: 0.2rem;
  font-size: 1.25rem;
  color: #246fb5;
}

.ExtensibilityLinkCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background: #ffffff;
}
.ExtensibilityLinkCard[class][class][class] {
  min-height: 3rem;
  margin: 0;
  display: flex;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  height: 100%;
}
.ExtensibilityLinkCard:hover {
  background: #f4ebed;
}
.ExtensibilityLinkCard .extensibilityIcon {
  flex: 0 0 2.5rem;
  margin-right: 0.5rem;
}
.ExtensibilityLinkCard .extensibilityLabel {
  width: 100%;
}
.ExtensibilityLinkCard .rightArrow {
  /* rtl:raw: transform: scaleX(-1); */
  margin: auto;
  margin-left: 0.5rem;
  position: relative;
  right: 0.5rem;
  flex-shrink: 0;
  fill: #989898;
}

.SelfArrivalNavigation {
  display: flex;
  column-gap: 1rem;
}
@media (max-width: 768px) {
  .SelfArrivalNavigation {
    flex-direction: column;
    max-width: calc(100% + 2.5rem);
    width: calc(100% + 2.5rem);
    margin-left: -1.25rem;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
    position: sticky;
    position: -webkit-sticky;
    bottom: 0;
    z-index: 10;
    background-color: transparent;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalNavigation {
    margin-top: -0.45rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalNavigation {
    margin-top: -0.5rem;
  }
  .mobile .SelfArrivalNavigation {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
  .datatile .SelfArrivalNavigation {
    margin-top: -0.5rem !important;
  }
}
@media screen and (max-width: 768px) and (max-width: 1300px) {
  [lang=ar] .SelfArrivalNavigation {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalNavigation {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .SelfArrivalNavigation {
    margin-top: -0.75rem;
  }
  .mobile .SelfArrivalNavigation {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .mobile .SelfArrivalNavigation {
    margin-left: -0.5rem;
    margin-bottom: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .SelfArrivalNavigation {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .SelfArrivalNavigation {
    margin-top: 0;
  }
  .mobile .SelfArrivalNavigation {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print and (max-width: 768px) {
  .SelfArrivalNavigation {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .SelfArrivalNavigation.isSticky {
    background-color: #ffffff;
    box-shadow: 0 0 0.6rem 0 rgba(0, 0, 0, 0.2);
  }
}
.SelfArrivalNavigation ._Command {
  min-width: 10rem;
}
@media print {
  .SelfArrivalNavigation ._Command[class] {
    display: initial;
    background-color: transparent;
    border: 1px solid #000000;
  }
}
.mobile .SelfArrivalNavigation:not(.isSticky) {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* Copyright 2022 Epic Systems Corporation */
/* Copyright 2020-2024 Epic Systems Corporation */
.ShareInformation {
  display: flex;
}
.ShareInformation ._readOnlyText._Text:not(:only-child), .ShareInformation ._readOnlyText._ExternalAccessibleDescription:not(:only-child) {
  margin: 0;
}
@media screen and (max-width: 1300px) {
  .ShareInformation {
    flex-direction: column;
    width: 100%;
  }
}
.ShareInformation .shareInfoContent {
  flex: 3;
}
@media screen {
  .mobile .ShareInformation .shareInfoContent {
    padding-top: 1rem;
  }
}
.ShareInformation .center {
  text-align: center;
  margin-top: 0;
}
.ShareInformation .ShareCard {
  display: flex;
  justify-content: center;
}
.ShareInformation .ShareWidth {
  max-width: 1200px;
}

.NameInput .authorText {
  line-height: 1.5rem;
  margin: 1.2rem 0 0.7rem 0;
}
.NameInput .authorLabel {
  margin-top: 1rem;
}
.NameInput .authorInput {
  width: 17rem;
  display: inline-grid;
  max-width: 100%;
}
.NameInput .authorInput ._labelledField {
  width: auto;
}
.NameInput .inputWidth {
  width: auto;
}
.NameInput .alignButton {
  display: flex;
  width: 25rem;
  justify-content: center;
  max-width: 100%;
  padding-bottom: 0.7rem;
}
.NameInput .alignButton ._link.secondary.negative,
.NameInput .alignButton ._command.secondary.negative {
  margin-left: 0.5rem;
}
@media screen and (max-width: 375px) {
  .NameInput .alignButton {
    flex-direction: column;
  }
  .NameInput .alignButton ._link.secondary.negative,
  .NameInput .alignButton ._command.secondary.negative {
    margin-left: 0;
  }
}
.NameInput .authorInputContainer {
  align-items: center;
  display: inline-flex;
  flex-direction: column;
}
.NameInput .authorInputContainer ._StatusMessage._readOnlyText.alert.validationmessage {
  display: none;
}

.backgroundContainer {
  display: flex;
  justify-content: center;
}
.backgroundContainer .codeContainer {
  background: rgba(122, 0, 25, 0.05);
  width: max-content;
  padding: 0.8rem 2rem 0 2rem;
  border-radius: 0.2rem;
  margin-bottom: 1rem;
  max-width: 100%;
}
@media screen and (max-width: 375px) {
  .backgroundContainer .codeContainer {
    padding: 0;
  }
}
.backgroundContainer .codeContainer .code {
  border: 2px solid #404d5b;
  color: #404d5b;
  font-size: 1.8rem;
  width: max-content;
  display: inline-flex;
  justify-content: space-evenly;
  margin: 0.5rem auto;
  padding: 0.75rem 0.25rem;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.88);
  align-items: center;
  max-width: fit-content;
}
.backgroundContainer .codeContainer .codeElements {
  margin: 0 0.5rem;
  word-break: break-word;
}
.backgroundContainer .codeContainer .bold {
  font-weight: bold;
}
.backgroundContainer .codeContainer .wrap {
  word-break: break-word;
}
.backgroundContainer .codeContainer .hidden {
  display: none;
}
.backgroundContainer .codeContainer .generateContainer {
  display: contents;
}
.backgroundContainer .codeContainer .spacing {
  padding-bottom: 0.6rem;
}

.ShareErrorContainer {
  display: flex;
  justify-content: center;
}
.ShareErrorContainer .ShareErrorBanner {
  width: max-content;
  background-color: #ffe8e8;
  border: 1px solid #dbdbdb;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  border-radius: 6px;
}

.ShareHeader {
  margin: 0 0.3%;
}
.ShareHeader .bottomHeaderPadding {
  padding-bottom: 0;
}
.ShareHeader .spacing {
  margin-bottom: 0.5rem;
}
@media screen {
  .mobile .ShareHeader .spacing {
    margin-bottom: 0rem;
  }
}
@media screen {
  .mobile .ShareHeader .disableInMobile {
    display: none;
  }
}

.ShareLogo .shareImage {
  width: 200px;
}
.ShareLogo .shareText {
  color: #7a0019;
  padding-top: 0.3rem;
  padding-bottom: 1rem;
}
.ShareLogo .orgContainer {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}
.ShareLogo .orgLogo {
  width: 50px;
  height: auto;
  margin-right: 0.5rem;
  overflow: auto;
}
.ShareLogo .orgName {
  overflow: auto;
  font-size: 1.1rem;
  padding-bottom: 0.8rem;
  word-break: break-word;
}

.flowContainer {
  display: inline-flex;
  justify-content: space-evenly;
  text-align: left;
  width: 95%;
}
@media screen and (min-width: 1300px) {
  .flowContainer ._List {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.flowContainer ._Segment {
  display: inline-flex;
  align-items: flex-start;
}
.flowContainer ._Segment .inline {
  display: inline;
}
.flowContainer .segContainer {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 1.5rem;
  margin-bottom: 24px;
}
@media screen and (max-width: 1300px) {
  .flowContainer .segContainer {
    flex-direction: row;
    padding: 0 0;
  }
  .flowContainer .segContainer .bigImage {
    min-width: 2.5rem;
    min-height: 2.5rem;
    margin-right: 0.4rem;
  }
}
@media screen and (max-width: 500px) {
  .flowContainer .segContainer {
    flex-direction: column;
  }
}
.flowContainer .segContainer .numbers {
  background: #7a0019;
  border-radius: 0.7rem;
  color: #ffffff;
  display: inline-block;
  line-height: 1.4rem;
  text-align: center;
  min-width: 1.4rem;
  width: auto;
  height: auto;
}
.flowContainer .segContainer .instructions {
  padding-left: 0.3rem;
  line-height: normal;
  overflow: auto;
  word-break: break-word;
}
.flowContainer .bigImage {
  width: 3rem;
  height: 3rem;
}

/* Copyright 2020-2024 Epic Systems Corporation */
.Triage {
  max-width: calc(100% + 2.5rem);
  width: calc(100% + 2.5rem);
  margin-left: -1.25rem;
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
  background-color: #e4ccd1;
  padding: 1.25rem;
}
html:not(.mobile) body.isInside:not(.graphicHeader) .Triage {
  margin-top: -0.45rem;
}
[lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .Triage {
  margin-top: -0.5rem;
}
.mobile .Triage {
  margin-top: 0;
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
}
.datatile .Triage {
  margin-top: -0.5rem !important;
}
@media screen and (max-width: 1300px) {
  [lang=ar] .Triage {
    margin-top: -0.25rem;
  }
  html:not(.mobile) body.isInside:not(.graphicHeader) .Triage {
    margin-top: -1rem;
  }
  [lang=ar] html:not(.mobile) body.isInside:not(.graphicHeader) .Triage {
    margin-top: -0.75rem;
  }
  .mobile .Triage {
    margin-top: 0;
  }
}
.mobile .Triage {
  margin-left: -0.5rem;
  margin-bottom: -0.5rem;
  width: calc(100% + 1rem);
}
@media screen and (max-width: 768px) {
  .Triage {
    max-width: calc(100% + 1.5rem);
    width: calc(100% + 1.5rem);
    margin-left: -0.75rem;
    margin-top: -5px;
    margin-bottom: -0.5rem;
  }
  [lang=ar] .Triage {
    margin-top: 0;
  }
  .mobile .Triage {
    margin-top: 0;
    margin-left: -0.5rem;
    width: calc(100% + 1rem);
  }
}
@media print {
  .Triage {
    margin-left: 0;
    margin-top: 0;
    padding: 0;
    width: 100%;
  }
}
.Triage[class] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.datatile .Triage {
  margin-top: 0.5rem !important;
}
.Triage .prompt {
  color: #363636;
  padding-top: 0;
  padding-bottom: 0;
}
.mobile .Triage .prompt[class] {
  font-size: 1.25rem;
  background-color: unset;
}
.Triage .cardContainer {
  margin: 1rem 0rem;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(4, 1fr);
}
.mobile .Triage .cardContainer {
  grid-template-columns: auto;
}
@media only screen and (max-width: 1300px) {
  .Triage .cardContainer {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .Triage .cardContainer {
    grid-template-columns: auto;
  }
}
.Triage .cardContainer > * {
  margin: 0;
}
.Triage .backButton {
  width: fit-content;
}

.MidTriageCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  cursor: pointer;
  text-align: center;
  height: 100%;
}
.MidTriageCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.MidTriageCard:hover {
  background: #f4ebed;
}
.MidTriageCard:hover, .MidTriageCard:focus {
  text-decoration: unset;
}

.EndTriageCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  cursor: pointer;
  text-align: center;
  height: 100%;
}
.EndTriageCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.EndTriageCard:hover {
  background: #f4ebed;
}
.EndTriageCard:hover, .EndTriageCard:focus {
  text-decoration: unset;
}

.LearningCard[class][class] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 0;
  margin-right: 0;
  min-height: auto;
  width: 100%;
}
.LearningCard .cardTitle {
  padding: 0;
  font-size: 1rem;
  color: #363636;
}
.mobile .LearningCard .cardTitle[class] {
  font-size: 1rem;
  background-color: unset;
  margin: 0;
  padding: 0.125rem 0;
}
.LearningCard .flexContainer {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}
.LearningCard .flexContainer > * {
  flex: 0 1 50%;
}
.LearningCard .flexContainer > *:nth-child(1) {
  flex: 1 1 50%;
}
@media only screen and (max-width: 768px) {
  .LearningCard .flexContainer > * {
    flex: 0 0 100%;
  }
}
@media only screen and (max-width: 768px) {
  .LearningCard .flexContainer > * + * {
    border-top: solid thin;
    border-color: #cccccc;
  }
}
.LearningCard .topBorder {
  border-top: solid thin;
  border-color: #cccccc;
}
.LearningCard .watchMore {
  display: block;
  text-align: center;
  width: 100%;
  padding-top: 0.5rem;
  border-top: solid thin;
  border-color: #cccccc;
}
.LearningCard ._GutterLayout._layout {
  display: flex;
}

/*
 * Styling for the learning card video pop up in Sharing Hub
*/
@media only screen and (min-width: 1300px) {
  .videoSummary._Popup[class][class] {
    min-height: 75vh;
    min-width: 75vw;
  }
  .datatile .videoSummary._Popup[class][class] {
    min-height: 100%;
    min-width: 100%;
  }
}
.videoSummary._Popup ._ContentPane {
  display: flex;
}
.videoSummary._Popup ._ContentPane .learningCardVideo {
  flex-grow: 1;
  border: none;
}
.datatile .videoSummary._Popup[class] {
  min-height: 56vw;
}

.ActivityLinkList {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ActivityLinkList .sectionHeader {
  font-size: 1.1rem;
  padding-top: 0px;
}
.mobile .ActivityLinkList .sectionHeader[class][class] {
  font-size: 1.1rem;
}
.ActivityLinkList .linkWrapper {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 1300px) {
  .ActivityLinkList .linkWrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  .ActivityLinkList .linkWrapper {
    grid-template-columns: auto;
  }
}

.VideoSummary {
  cursor: pointer;
  padding: 0.5rem;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
}
.VideoSummary:hover {
  background: #f4ebed;
}
.VideoSummary .thumbnailParent {
  flex: 1 1 33%;
  display: flex;
  min-width: 110px;
  max-height: 125px;
  align-items: stretch;
}
.VideoSummary .thumbnail {
  width: 100%;
}
.mobile .VideoSummary .thumbnail {
  max-width: 100%;
}
.VideoSummary .summaryText {
  padding-left: 0.5rem;
  flex: 1 1 66%;
}
.VideoSummary .videoTitle {
  font-size: 1.1rem;
  color: #7a0019;
}
.VideoSummary .videoDescription {
  color: #363636;
}

.ActivityLink {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  cursor: pointer;
  padding: 0.25rem;
  margin: 0;
  min-height: auto;
  width: 100%;
  display: flex;
  align-items: center;
}
.ActivityLink:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.ActivityLink:hover {
  background: #f4ebed;
}

.TriageBase {
  height: 100%;
  word-break: break-word;
}
@media only screen and (max-width: 768px) and (min-width: 549px) {
  .TriageBase {
    display: flex;
    align-items: center;
    text-align: left;
  }
  .TriageBase ._Segment._container ._Text._readOnlyText {
    margin-left: 0.5rem;
    width: 95%;
  }
}
@media only screen and (max-width: 549px) {
  .TriageBase {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
  }
}
.TriageBase .iconContainer {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: auto;
}
.TriageBase[class] .optionTitle {
  padding: 0 0 0.5rem 0;
  font-size: 1.1rem;
  color: #7a0019;
}
.TriageBase .description {
  color: #363636;
}

.mobile .TriageBase {
  display: flex;
  align-items: center;
}

.SelfServiceActivity h1._PageHeading._heading {
  padding-bottom: 1.375rem;
}
.SelfServiceActivity .DownloadStatusPage h1._PageHeading._heading {
  padding-bottom: inherit;
}
.SelfServiceActivity ._Choice.buttoncheck.IAgree {
  overflow-wrap: anywhere;
}
.SelfServiceActivity .IAgree {
  padding-bottom: 1rem;
}
.SelfServiceActivity .ReportViewer {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}
.SelfServiceActivity .ReportViewerWrapper {
  padding-top: 1.5rem;
}
@media print {
  .SelfServiceActivity .IAgree {
    display: none;
  }
  .SelfServiceActivity button._LaboredCommand._Command ._TextFragment._readOnlyText {
    display: none;
  }
  .SelfServiceActivity h1._PageHeading._heading {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .SelfServiceActivity .ReportViewerWrapper {
    display: none;
  }
}

.mobile .SelfServiceActivity ._Choice.IAgree {
  background: inherit;
}
.mobile .SelfServiceActivity .DownloadStatusPage ._Banner .bannerActions {
  width: fit-content;
}

/* Copyright 2021-2024 Epic Systems Corporation */
.CardContent {
  display: flex;
  flex-direction: column;
}
.CardContent .iconAndText {
  color: #000000;
}
.CardContent .iconAndText .smallTopPad {
  padding-top: 0.4rem;
}
.CardContent .iconAndText .noInfoText {
  color: #767676;
  font-style: italic;
}
.CardContent .nameAndBadge {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.CardContent .nameAndBadge .contactName {
  width: auto;
  padding: 0;
  flex-grow: 1;
  flex-basis: 8rem;
  margin-top: 0.1rem;
  word-break: break-word;
}
.CardContent .nameAndBadge .statusBadge {
  width: fit-content;
  border-radius: 20px;
  border-style: solid;
  border-width: 2px;
  font-size: 1rem;
  padding: 2px 13px 2px 13px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.CardContent .nameAndBadge .statusBadge.positive {
  background-color: #ccffd8;
  border-color: #09aa71;
  color: #12553d;
}

.VisitContactNameIcon {
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  border: 1px solid #cccccc;
  background-color: rgba(122, 0, 25, 0.6);
  overflow: hidden;
  object-fit: cover;
}
.VisitContactNameIcon.initialOnly {
  color: #ffffff;
  font-size: 1.25rem;
  text-align: center;
  line-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VisitContactNameIcon.initialOnly ._readOnlyText {
  line-height: 1.3rem;
}
@media print {
  .VisitContactNameIcon.initialOnly {
    display: none;
  }
}
.VisitContactNameIcon.color1 {
  border-color: #258cdb;
  background-color: #258cdb;
}
.VisitContactNameIcon.color2 {
  border-color: #2c9b39;
  background-color: #2c9b39;
}
.VisitContactNameIcon.color3 {
  border-color: #d057c6;
  background-color: #d057c6;
}
.VisitContactNameIcon.color4 {
  border-color: #a46fd9;
  background-color: #a46fd9;
}
.VisitContactNameIcon.color5 {
  border-color: #009793;
  background-color: #009793;
}
.VisitContactNameIcon.color6 {
  border-color: #ab8030;
  background-color: #ab8030;
}
.VisitContactNameIcon.color7 {
  border-color: #d76720;
  background-color: #d76720;
}

.VisitPhotoSize {
  height: 1.75rem;
  width: 1.75rem;
  line-height: 1.75rem;
  font-size: 1.25rem;
}

.addContactVisitNotifButton {
  width: 100%;
  height: 100%;
}
.addContactVisitNotifButton ._readOnlyText {
  color: #404d5b;
}
.addContactVisitNotifButton ._readOnlyText:before {
  content: "+";
  display: inline-block;
  font-size: 2.5rem;
  margin: 0 0.25rem 0 0;
  vertical-align: middle;
  padding-bottom: 0.3rem;
}
.addContactVisitNotifButton[class][class] {
  border: 2px dashed #cccccc;
  min-height: 6rem;
  margin: 0;
}

.editCardVisitNotifs[class] {
  padding-bottom: 0;
}
.editCardVisitNotifs .smallBotPad {
  padding-bottom: 0.4rem;
}
.editCardVisitNotifs .contactName {
  width: auto;
  padding: 0 0 0.5rem;
  margin-top: 0.1rem;
}

.checkWithInput .labelWithCheck::before {
  background-color: #ffffff;
  content: "";
  display: inline-block;
  position: relative;
  text-indent: 0;
  vertical-align: top;
  height: 1em;
  height: clamp(16px, 0.75em, 0.5in);
  width: 1em;
  width: clamp(16px, 0.75em, 0.5in);
  background-attachment: scroll;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  flex-shrink: 0;
  margin-top: 0;
  margin-right: 0.5rem;
  top: max(0px, 0.5 * (1lh - clamp(16px, 0.75em, 0.5in)) - 1px);
}
.checkWithInput .fakeInput:checked + .labelWithCheck::before {
  background-color: #2d96ff;
  border-color: #2d96ff;
  background-image: url("../../images/prettycheck.svg");
  background-size: contain;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.checkWithInput .fakeInput:disabled + .labelWithCheck::before {
  background-color: #eaeaea;
  border-color: #dbdbdb;
}
.checkWithInput .fakeInput:disabled:checked + .labelWithCheck::before {
  background-color: #f2f2f2;
  background-image: url("../../images/prettycheck_disabled.svg");
}
.checkWithInput .fakeInput {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  font-size: 0;
  margin: 0;
}
.checkWithInput .labelWithCheck {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: baseline;
}
.checkWithInput .labelWithCheck:before {
  top: 1rem;
}

.noTopPad {
  padding-top: 0;
}

/* Copyright 2024 Epic Systems Corporation */
.StudySearchPage .researchStudiesLink {
  padding: 0.75rem 0 0 0;
  display: block;
}
.StudySearchPage .searchSection ._SearchInput {
  width: 100%;
}
.StudySearchPage .paneLayout {
  margin-top: 12px;
  display: flex;
}
@media screen and (max-width: 1024px) {
  .StudySearchPage .paneLayout {
    display: block;
  }
}
@media screen and (min-width: 1025px) {
  .StudySearchPage .paneLayout .filtersPane:not(:empty) {
    margin-top: 0.25rem;
    padding: 0.5rem 0.75rem;
    border-radius: 6px;
    border: 1px solid #cccccc;
    background-color: #f2e6e8;
    height: fit-content;
    flex: 25%;
    max-width: 25%;
    margin-right: 12px;
    overflow-wrap: break-word;
  }
}
.StudySearchPage .paneLayout .resultsPane {
  flex: 1 1 75%;
}
.StudySearchPage .paneLayout .resultsPane .searchTerm {
  font-weight: bold;
  word-break: break-word;
}
.StudySearchPage .paneLayout .resultsPane .fuzzyMatch {
  margin-top: -0.5rem;
  margin-bottom: 1rem;
}

.StudySearchResult {
  grid-gap: 1rem;
  align-items: start;
  overflow-wrap: anywhere;
}
.StudySearchResult._Segment.boundary-strong {
  padding: 0.75rem 0.75rem 0 0.75rem;
  margin: 0.25rem 0;
  width: 100%;
}
.StudySearchResult .studyPreview {
  display: grid;
  grid-template-columns: 1fr;
  grid-column-gap: 1rem;
  grid-row-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .StudySearchResult .studyPreview {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
  .StudySearchResult .studyPreview .studyName {
    grid-row-start: 1;
    grid-column: 1/4;
  }
  .StudySearchResult .studyPreview .studyDescription {
    grid-row-start: 3;
    grid-column: 1/4;
  }
  .StudySearchResult .studyPreview .studyDescription.fullWidth {
    grid-column: 1/5;
  }
  .StudySearchResult .studyPreview .sitesSection {
    grid-row-start: 3;
    grid-column-start: 4;
  }
  .StudySearchResult .studyPreview .EnrollmentStatusBadge {
    grid-row-start: 2;
    grid-column: 1/3;
  }
  .StudySearchResult .studyPreview .studyDetailsLink {
    grid-row-start: 4;
    grid-column: 1;
  }
}
.StudySearchResult .studyPreview .studyName {
  font-size: 1.25rem;
  padding: 0;
}
.StudySearchResult .studyPreview .studyDescription .fmtConv {
  /*rtl:ignore*/
  direction: ltr;
}
.StudySearchResult .studyPreview .studyDescription img {
  max-width: 100%;
  height: auto;
}
@media print {
  .StudySearchResult .studyPreview .studyDescription img {
    max-width: 100% !important;
  }
}
.StudySearchResult .sitesSection {
  margin-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .StudySearchResult .sitesSection {
    margin-bottom: 0;
  }
}
.StudySearchResult .sitesSection .studySite {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.25rem;
  grid-column-gap: 0.5rem;
}
@media screen and (min-width: 768px) {
  .StudySearchResult .sitesSection .studySite {
    grid-template-columns: 1fr;
  }
}
.StudySearchResult .sitesSection .studySite ._Text {
  margin: 0;
}
.StudySearchResult .detailsDisclosure {
  border-top: 1px solid #dbdbdb;
  margin-top: 1rem;
}
.StudySearchResult .detailsDisclosure .detailSection {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 1rem;
}
@media screen and (min-width: 768px) {
  .StudySearchResult .detailsDisclosure .detailSection {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.StudySearchResult .detailsDisclosure .detailSection .areaOfResearch._Text {
  margin: 0;
}
.StudySearchResult .detailsDisclosure .detailComponent {
  margin-bottom: 1rem;
}
.StudySearchResult .detailComponent {
  line-height: 1rem;
}
.StudySearchResult .detailComponent .label {
  margin: 0 0 0.25rem 0;
}
.StudySearchResult .detailComponent ._ListElement {
  margin-bottom: 0.5rem;
}
.StudySearchResult .studyInvestigator._Text {
  margin: 0;
}

.FiltersPaneContent .filtersHeaderContainer {
  display: flex;
  justify-content: space-between;
  align-items: last baseline;
}
.FiltersPaneContent .filtersHeaderContainer .filtersHeader, .FiltersPaneContent .filtersHeaderContainer .clearFiltersButton {
  overflow-wrap: anywhere;
}
.FiltersPaneContent .filtersHeaderContainer .clearFiltersButton {
  margin-left: auto;
  padding: 0.5rem;
  text-align: end;
}
.FiltersPaneContent .locationFilters .FiltersList .searchFilterTitle {
  font-size: 0.85rem;
}
.FiltersPaneContent .FiltersList > ._List > ._ListElement {
  margin: 1.25rem 0;
}
.FiltersPaneContent .FiltersList > ._List > ._ListElement:first-child {
  margin-top: 0;
}
.FiltersPaneContent .FiltersList > ._List > ._ListElement:last-child {
  margin-bottom: 1.25rem;
}
.FiltersPaneContent .FiltersList .FilterCheckbox ._Choice ._DataEntryLabel {
  padding-right: 0.25rem;
  hyphens: manual;
}
.FiltersPaneContent ._ValidatedInput, .FiltersPaneContent ._LabelledField {
  width: 100%;
}

/* Copyright 2023 Epic Systems Corporation */
.ResultsDropdown ._Disclosure .disclosureButton {
  justify-content: left;
}
.ResultsDropdown .singleResultContainer {
  margin-left: -0.25rem;
}

.ResultsDropdown::after {
  content: "";
  display: block;
  margin-left: -0.75rem;
  height: 1px;
  background-color: rgba(118, 118, 118, 0.25);
  width: calc(100% + 1.5rem);
}

.ResultsDropdownItem {
  display: flex;
  align-items: center;
}
.ResultsDropdownItem .resultsDropdownIcon {
  fill: #7a0019;
  margin-right: 3px;
}
.ResultsDropdownItem .resultNameText {
  display: inline-block;
  width: auto;
}

.MessageSentStep {
  padding: 1.5rem 1.7rem 0.75rem 1.7rem !important;
}
.MessageSentStep .sendConfirmationSection {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.5rem;
}
.MessageSentStep .messageSentConfirmation {
  width: auto;
  font-size: 1.4rem;
  margin-top: 0.5rem !important;
  margin-bottom: 2rem !important;
  overflow-wrap: break-word;
}
.MessageSentStep .nextActionButton {
  min-height: 2.5rem;
  height: auto;
  width: 100%;
}
.MessageSentStep .messageSentIcon {
  height: 200px;
  width: 200px;
}

.OrderSelectionStep {
  padding-bottom: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  display: flex;
  flex-direction: column;
}
.OrderSelectionStep .StickyFooter {
  bottom: 0;
  padding-right: 0.75rem;
  padding-bottom: 0.75rem;
  position: sticky;
  margin-top: 0.5rem;
}
.OrderSelectionStep[class] .resultsSelectionNextButton {
  margin: 0 0 0 auto;
}
.OrderSelectionStep .resultListContents {
  flex: 1;
  overflow: auto;
  padding-right: 0.75rem;
}
.OrderSelectionStep .resultListContents li:last-child {
  margin-bottom: 0.5rem;
}
.OrderSelectionStep[class][class] ._heading {
  padding-bottom: 0;
  padding-top: 0.75rem;
}

.OrderSelectionList ._DataEntryLabel::before {
  background-color: #ffffff;
  content: "";
  display: inline-block;
  position: relative;
  text-indent: 0;
  vertical-align: top;
  height: 1em;
  height: clamp(16px, 0.75em, 0.5in);
  width: 1em;
  width: clamp(16px, 0.75em, 0.5in);
  background-attachment: scroll;
  background-image: none;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #dbdbdb;
  border-radius: 3px;
  flex-shrink: 0;
  margin-top: 0;
  margin-right: 0.5rem;
  top: max(0px, 0.5 * (1lh - clamp(16px, 0.75em, 0.5in)) - 1px);
}
.OrderSelectionList ._input:checked + ._DataEntryLabel::before {
  background-color: #2d96ff;
  border-color: #2d96ff;
  background-image: url("../../images/prettycheck.svg");
  background-size: contain;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.OrderSelectionList ._input:disabled + ._DataEntryLabel::before {
  background-color: #eaeaea;
  border-color: #dbdbdb;
}
.OrderSelectionList ._input:disabled:checked + ._DataEntryLabel::before {
  background-color: #f2f2f2;
  background-image: url("../../images/prettycheck_disabled.svg");
}
.OrderSelectionList .resultSelectionContainer {
  width: 100%;
}
.OrderSelectionList[class][class][class] .resultChoice:first-child {
  margin-bottom: 0.25rem;
  justify-content: flex-end;
}
.OrderSelectionList[class][class][class] .resultChoice:first-child ._DataEntryLabel {
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
  width: auto;
  position: initial;
  min-height: auto;
  color: #363636;
  gap: 0.15rem;
}
.OrderSelectionList[class][class][class] .resultChoice:first-child ._DataEntryLabel:hover {
  text-decoration: underline;
}
.OrderSelectionList .resultChoice {
  width: 100%;
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: break-word;
  margin-right: 0;
}
.OrderSelectionList .resultChoice ._DataEntryLabel {
  display: flex;
  align-items: center;
  min-height: 3.2rem;
  border: none;
  width: 100%;
  max-width: 100%;
}
.OrderSelectionList .resultChoice ._DataEntryLabel[class][class][class] {
  text-shadow: none;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
}
.OrderSelectionList .resultChoice ._DataEntryLabel[class][class][class] .resultSelectionIcon {
  background-color: revert;
  box-shadow: revert;
  fill: #7a0019;
  min-width: 32px;
  min-height: 32px;
}
.OrderSelectionList .resultChoice ._DataEntryLabel[class][class][class] ._TextFragment {
  color: #363636;
  flex-grow: 1;
}
.OrderSelectionList .resultChoice[class] ._DataEntryLabel::before {
  order: 1;
  margin-right: 0;
  margin-left: 0.3rem;
  min-width: 20px;
  width: 20px;
  min-height: 20px;
  height: 20px;
  position: initial;
}
.OrderSelectionList .resultChoice ._DataEntryLabel:hover {
  background-color: #f4ebed !important;
}
.OrderSelectionList .resultChoice ._input:checked + ._DataEntryLabel {
  border: 2px solid #7a0019;
}

.ConversationsToContinueStep ._heading:last-of-type {
  padding-top: 1.25rem;
  margin-bottom: 0;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.ExternalOrganizationBanner {
  background-color: #ffffff;
  display: flex;
  padding: 0.5rem 1.25rem;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  margin-top: -0.3rem;
  margin-left: -1.25rem;
  width: calc(100% + 2.5rem);
  max-width: calc(100% + 2.5rem);
}
@media screen and (max-width: 768px) {
  .ExternalOrganizationBanner {
    margin-left: -0.75rem;
    width: calc(100% + 1.5rem);
    max-width: calc(100% + 1.5rem);
  }
}
.mobile .ExternalOrganizationBanner {
  margin-left: -0.5rem;
  width: calc(100% + 1rem);
  max-width: calc(100% + 1rem);
}
.ExternalOrganizationBanner .bannerText {
  margin-left: 0.5rem;
}

.LabelValue .InfoLabel {
  padding-right: 0.25rem;
}

.SettingsMenu {
  position: -webkit-sticky;
  position: sticky;
  z-index: 101;
  top: var(--wp-header-height);
}
@media print {
  .SettingsMenu {
    display: none;
  }
}
.SettingsMenu .settingsContainer {
  border-radius: 6px;
  border: 1px solid #cccccc;
  background-color: #f2e6e8;
}
@media screen and (max-width: 768px) {
  .SettingsMenu .settingsContainer {
    border-radius: 6px 6px 0 0;
  }
}
.SettingsMenu .settingsContainer .disclosureButton {
  padding: 0.5rem;
  color: #7a0019;
}
.SettingsMenu .settingsContainer .disclosureButton .disclosureChevron {
  margin-left: auto;
}
.SettingsMenu .settingsContainer .settingsInfo {
  border-top: 1px solid #cccccc;
  padding: 0.5rem;
  max-height: 75vh;
  overflow-y: auto;
}
@media screen and (max-height: 550px) {
  .SettingsMenu .settingsContainer .settingsInfo {
    max-height: 65vh;
  }
}
.SettingsMenu .settingsContainer .settingsInfo ._DataEntrySet-legend.fieldGroupPrompt {
  color: #686868;
}

.OrgFilterChoices {
  border-radius: 6px;
  border: 1px solid #cccccc;
  overflow: hidden;
  padding: 0.25rem 0;
}
.OrgFilterChoices .organizationSelectionList {
  padding: 0 0.3rem;
}
.OrgFilterChoices .organizationSelectionList ._DataEntrySet-fields {
  flex-direction: column;
}
.OrgFilterChoices .organizationSelectionList ._DataEntrySet-fields ._Choice {
  margin-bottom: 0;
}
.OrgFilterChoices .organizationSelectionList ._DataEntrySet-fields ._Choice ._DataEntryLabel {
  padding-left: 0.2rem;
  padding-top: 0.2rem;
  display: flex;
  word-break: break-word;
}
.OrgFilterChoices .organizationSelectionList ._DataEntrySet-fields ._Choice ._DataEntryLabel:before {
  flex-shrink: 0;
}

.ResultBackButton .backLink[class] {
  display: inline-block;
}
.mobile .ResultBackButton {
  display: none;
}

.ResultDetails .askAQuestionAction {
  margin-right: 0.6rem;
  padding: 0 0.2rem;
}
.ResultDetails .askAQuestionAction ._image {
  width: clamp(16px, 2.308rem, 48px);
  height: clamp(16px, 2.308rem, 48px);
}
.ResultDetails .askAQuestionAction ._readOnlyText {
  margin-left: 0.25rem;
}
@media only screen and (max-width: 769px) {
  .ResultDetails .askAQuestionAction ._readOnlyText {
    display: none;
  }
}
.ResultDetails .askAQuestionAction::after {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #767676;
  content: "";
  vertical-align: middle;
  margin-left: 0.6rem;
  margin-right: -0.6rem;
  height: 21px;
}
.ResultDetails ._AdditionalActions:last-child .askAQuestionAction {
  padding: inherit;
  margin: 0;
}
.ResultDetails ._AdditionalActions:last-child .askAQuestionAction::after {
  border: none;
  margin: 0;
}
.ResultDetails[class] .askAQuestionAction:hover {
  text-decoration: none;
}
.ResultDetails ._Toast .body {
  background: unset;
}
.ResultDetails .skipToToast {
  display: none;
}
.ResultDetails .detailsPretext {
  margin-top: 0.75rem;
  word-break: break-word;
  width: calc(66.6666666667% - 4px);
}
@media screen and (max-width: 1024px) {
  .ResultDetails .detailsPretext {
    width: 100%;
  }
}
.ResultDetails .SingleResultDetails + .SingleResultDetails {
  padding-top: 3.5px;
}
.ResultDetails .SpecimenBucket + .SingleResultDetails {
  border-top: 3px solid #ebd9dd;
  padding-top: 2px;
}

.ResultComponentItem .multiLine {
  white-space: pre-line;
}
@media print {
  .ResultComponentItem .multiLine {
    display: block;
  }
}
.ResultComponentItem[class] {
  padding: 0.3rem 0.5rem 0.25rem 0.5rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .singleColLayout .ResultComponentItem .graphContainer {
    max-width: 500px;
    margin: auto;
  }
}
@media print {
  .ResultComponentItem {
    border: 1px solid #767676;
    display: block;
  }
  .singleColLayout .ResultComponentItem {
    min-width: 500px;
    display: block;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .singleColLayout .ResultComponentItem .graphContainer {
    max-width: 500px;
    margin: auto;
  }
}
.ResultComponentItem .componentComments {
  display: inline-block;
  padding-bottom: 0rem;
  font-size: 0.9rem;
  line-height: 1rem;
  color: #767676;
  /*rtl:raw:
  	direction: ltr;
  */
}

.ResultComponentList[class][class] {
  margin-top: 0.25rem;
  margin-bottom: 0.75rem;
}
@media print {
  .ResultComponentList.singleColLayout._GridRow[class][class] {
    display: block !important;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}
@media print {
  .ResultComponentList.singleColLayout._GridRow ._GridCol[class][class] {
    display: block;
  }
}

.OrderMetadata .panel {
  width: 100%;
  word-break: break-word;
}
.OrderMetadata .disclosureButton {
  align-self: flex-start;
}
.OrderMetadata .disclosureButton ._readOnlyText {
  vertical-align: unset;
}
@media print {
  .OrderMetadata .disclosureButton {
    display: none;
  }
}
.OrderMetadata .hideDiv {
  display: none;
}
@media print {
  .OrderMetadata .hideDiv {
    display: inline;
  }
}

.StudyResult[class] {
  margin-top: 0;
  margin-bottom: 1rem;
  width: 100%;
  margin: 0.25rem 0 1rem 0;
}
@media print {
  .StudyResult[class] {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .StudyResult[class] {
    margin-bottom: 0.25rem;
  }
}

.StudyResultSection .multiLine {
  white-space: pre-line;
}
@media print {
  .StudyResultSection .multiLine {
    display: block;
  }
}
.StudyResultSection:not(:last-child) {
  padding-bottom: 1rem;
}
.StudyResultSection .studyResultHeading {
  padding-top: 0;
}
.StudyResultSection .resultContent {
  /*rtl:raw:
  	direction: ltr;
  */
}
.StudyResultSection .addendum:not(:last-child) {
  padding-bottom: 1rem;
}
.StudyResultSection .addendum .signingInfo {
  padding-left: 2rem;
}

.ResultingLab .labLine._Text {
  margin: 0;
}

.ActionCard[class] {
  margin: 0.25rem 0 1rem;
  min-height: 5rem;
}
.ActionCard .cardHeaderContainer {
  display: inline-block;
  position: relative;
  width: 95%;
  left: -0.35rem;
}
.ActionCard .cardHeader {
  display: inline-block;
  color: #7a0019;
  padding: 0.2rem 0 0 0;
  float: left;
  width: auto;
}
.ActionCard .cardLowerSection {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 769px) {
  .ActionCard .cardLowerSection {
    display: block;
  }
}
.ActionCard .cardDescription {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
  color: #000000;
  padding: 0;
  width: auto;
}
.ActionCard .cardSecondaryDescription {
  display: block;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
  color: #767676;
  padding: 0;
  width: auto;
}
.ActionCard .cardActions {
  display: inline-block;
  flex-direction: row !important;
  min-width: 40%;
  word-break: break-word;
}
.ActionCard ._command.primary.positive {
  margin: 0;
  width: auto;
}
@media only screen and (max-width: 769px) {
  .ActionCard ._command.primary.positive {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}
.ActionCard .docIcon {
  float: left;
  display: inline-block;
  color: #7a0019;
}
.ActionCard .actionIcon {
  margin-right: 0.2rem;
}

.ComponentCardHeader {
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}
.ComponentCardHeader .titleSection {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.ComponentCardHeader .componentHeading {
  color: #363636;
  font-size: 1rem;
  padding: 0;
  font-weight: bold;
  word-break: break-word;
  pointer-events: none;
  flex-basis: 60%;
  flex-grow: 1;
}
.ComponentCardHeader .descriptor {
  display: inline-block;
  color: #767676;
  font-size: 0.9rem;
  word-break: break-word;
  margin-bottom: 0;
  pointer-events: none;
}
.ComponentCardHeader .redirectLink {
  align-self: flex-start;
  white-space: nowrap;
}
@media print {
  .ComponentCardHeader .redirectLink {
    display: none;
  }
}
.ComponentCardHeader .linkText {
  font-size: 0.8rem;
}
.ComponentCardHeader .linkIcon {
  max-width: initial;
  vertical-align: middle;
  margin-left: 0.1rem;
  margin-right: 0.1rem;
}

.ProviderStatus[class][class] {
  display: flex;
  width: fit-content;
  min-height: fit-content;
  height: fit-content;
  width: -moz-fit-content;
  min-height: -moz-fit-content;
  height: -moz-fit-content;
  padding: 0.25rem 0 0.25rem 0.25rem;
  margin: 0.5rem 0 0.75rem 0;
  line-height: normal;
  break-inside: avoid;
  page-break-inside: avoid;
}
.ProviderStatus .providerReviewText {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  word-break: break-word;
}
.ProviderStatus .providerReviewText .notReviewedText {
  padding-left: 0.25rem;
}
@media print {
  .ProviderStatus .providerReviewText .notReviewedText {
    padding-right: 0.25rem;
  }
}
.ProviderStatus .infoIcon {
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
  break-inside: avoid;
  page-break-inside: avoid;
}
.ProviderStatus .buttonContainer {
  width: fit-content;
  width: -moz-fit-content;
  padding-right: 0.25rem;
  display: flex;
}
.ProviderStatus .buttonContainer[class][class] .seeDetails {
  margin: 0;
  padding: 0 0.25rem;
  text-align: left;
  font-size: 1rem;
}
@media print {
  .ProviderStatus .buttonContainer[class][class] .seeDetails {
    display: none;
  }
}

.CommentBucket + .CommentBucket {
  border-top: 3px solid #ebd9dd;
  padding-top: 2px;
}

.CommentBucket .providerCommentsSection {
  width: calc(66.6666666667% - 4px);
}
@media screen and (max-width: 1024px) {
  .CommentBucket .providerCommentsSection {
    width: 100%;
  }
}

.SpecimenBucket + .SpecimenBucket {
  border-top: 3px solid #ebd9dd;
  padding-top: 2px;
}
.SpecimenBucket + .SpecimenBucket .specimenTitle {
  padding-top: 1rem;
}

.SpecimenBucket .specimenTitle {
  padding-bottom: 0;
}

.MessageList {
  padding-top: 12px;
}
.MessageList .newCommentsBadge {
  display: flex;
  padding-bottom: 12px;
}
.MessageList .newCommentsBadge ._StatusBadge {
  margin-right: 1rem;
}
.MessageList .newCommentsBadge::after {
  content: "";
  flex-grow: 0.7;
  height: 1px;
  background: #dbdbdb;
  align-self: center;
}
@media print {
  #content .MessageList .newCommentsBadge::after {
    background: #565656 !important;
  }
}
.MessageList .messageFitContent {
  display: flex;
  flex-wrap: wrap;
  padding: 1px;
}

.ResultHeader {
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  .ResultHeader {
    display: flex;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .ResultHeader {
    padding-bottom: 0.35rem;
  }
}
.ResultHeader .resultDetailsSectionTitle {
  width: auto;
  flex-grow: 1;
}

.GroupedComponents .grid > .row > .col-8 {
  margin-bottom: 0;
}

.UnreadIndicatorHeading {
  height: 100%;
}
.UnreadIndicatorHeading .flexContainer {
  display: inline-flex;
  align-items: baseline;
  flex-wrap: wrap;
  height: 100%;
}
.UnreadIndicatorHeading .flexContainer .headingContainer {
  align-self: center;
  display: inline-flex;
  align-items: baseline;
  width: auto;
  margin-right: 0.5rem;
}
.UnreadIndicatorHeading .flexContainer .headingContainer .updatedIconContainer {
  width: auto;
  display: inline;
}
.UnreadIndicatorHeading .flexContainer .headingContainer .updatedIconContainer .updatedIcon {
  margin-right: 0.5rem;
  fill: #005ebb;
  width: 12px;
  height: 12px;
  min-width: 12px;
  position: relative;
}
.UnreadIndicatorHeading .flexContainer .headingContainer .updatedIconContainer .updatedIcon.h2Neighbor {
  top: -1px;
}
.UnreadIndicatorHeading .flexContainer .headingContainer .updatedIconContainer .updatedIcon.h3Neighbor {
  top: 0px;
}
@media print {
  .UnreadIndicatorHeading .flexContainer .headingContainer .updatedIconContainer .updatedIcon {
    display: none;
  }
}
.UnreadIndicatorHeading .flexContainer .headingContainer .resultNameHeading {
  width: fit-content;
  padding: 0;
}
.UnreadIndicatorHeading .flexContainer .headingContainer .resultNameHeading.sectionTitle {
  padding: 0.75rem 0 0 0;
}
.UnreadIndicatorHeading .flexContainer .headingContainer .resultNameHeading.unreadResultName {
  font-weight: bold;
}
.UnreadIndicatorHeading .flexContainer .badgeContainer {
  align-self: center;
  display: inline-block;
  max-width: fit-content;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  top: calc(0.5 * 0.5rem);
}
.UnreadIndicatorHeading .flexContainer .badgeContainer.h2Neighbor {
  padding-top: 0.75rem;
}
.UnreadIndicatorHeading .flexContainer .badgeContainer ._StatusBadge {
  display: inline-block;
  margin: 0rem 0.5rem 0rem 0rem;
}

.ResultDetailsList ._Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  break-inside: avoid;
  page-break-inside: avoid;
}
.ResultDetailsList ._Banner.informational {
  background-color: #f4ebed;
}
.ResultDetailsList ._Banner.informational ._PageHeading {
  color: #7a0019;
}
.ResultDetailsList ._Banner.informational ._Icon {
  fill: #7a0019;
}
.ResultDetailsList ._Banner.success {
  background-color: #ccffd8;
}
.ResultDetailsList ._Banner.success ._PageHeading {
  color: #0f784a;
}
.ResultDetailsList ._Banner.success ._Icon {
  fill: #0f784a;
}
.ResultDetailsList ._Banner.warning {
  background-color: #ffffd0;
}
.ResultDetailsList ._Banner.warning ._PageHeading {
  color: #000000;
}
.ResultDetailsList ._Banner.warning ._Icon {
  fill: #000000;
}
.ResultDetailsList ._Banner.critical {
  background-color: #ffe8e8;
}
.ResultDetailsList ._Banner.critical ._PageHeading {
  color: #d80000;
}
.ResultDetailsList ._Banner.critical ._Icon {
  fill: #d80000;
}
.ResultDetailsList ._Banner ._PageHeading {
  padding: 0 0 0.125em 0;
}
.ResultDetailsList ._Banner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
  break-inside: avoid;
  page-break-inside: avoid;
}
.ResultDetailsList ._Banner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
}
.ResultDetailsList ._Banner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
.ResultDetailsList ._Banner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.ResultDetailsList ._Banner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  align-self: center;
}
.ResultDetailsList ._ViewPicker {
  margin-bottom: 0;
}
.ResultDetailsList ._ViewPicker._TopControls ._ViewPickerPanel {
  margin-top: 0;
}
.ResultDetailsList .ordersDedupedText {
  margin-top: 0.5rem;
}

.AskQuestionLink[class][class] {
  width: fit-content;
  margin: 0 auto;
}

@media print {
  .FDILink {
    display: none;
  }
}

.SingleResultDetails ._Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  padding: 0.5em;
  margin-bottom: 0.5em;
  break-inside: avoid;
  page-break-inside: avoid;
}
.SingleResultDetails ._Banner.informational {
  background-color: #f4ebed;
}
.SingleResultDetails ._Banner.informational ._PageHeading {
  color: #7a0019;
}
.SingleResultDetails ._Banner.informational ._Icon {
  fill: #7a0019;
}
.SingleResultDetails ._Banner.success {
  background-color: #ccffd8;
}
.SingleResultDetails ._Banner.success ._PageHeading {
  color: #0f784a;
}
.SingleResultDetails ._Banner.success ._Icon {
  fill: #0f784a;
}
.SingleResultDetails ._Banner.warning {
  background-color: #ffffd0;
}
.SingleResultDetails ._Banner.warning ._PageHeading {
  color: #000000;
}
.SingleResultDetails ._Banner.warning ._Icon {
  fill: #000000;
}
.SingleResultDetails ._Banner.critical {
  background-color: #ffe8e8;
}
.SingleResultDetails ._Banner.critical ._PageHeading {
  color: #d80000;
}
.SingleResultDetails ._Banner.critical ._Icon {
  fill: #d80000;
}
.SingleResultDetails ._Banner ._PageHeading {
  padding: 0 0 0.125em 0;
}
.SingleResultDetails ._Banner ._Icon {
  flex-shrink: 0;
  align-self: flex-start;
  break-inside: avoid;
  page-break-inside: avoid;
}
.SingleResultDetails ._Banner .bannerContent {
  display: flex;
  flex-wrap: nowrap;
}
.SingleResultDetails ._Banner .bannerActions {
  width: auto;
  flex-shrink: 0;
  display: inline-flex;
  align-self: center;
}
.SingleResultDetails ._Banner .bannerActions ._Command {
  margin-left: 0.25em;
  margin-right: 0.25em;
}
.SingleResultDetails ._Banner .bannerText {
  display: inline-flex;
  flex-grow: 1;
  flex-direction: column;
  flex-basis: 400px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  align-self: center;
}
@media print {
  .SingleResultDetails .fullWidthPrint.grid > .row > .col-4, .SingleResultDetails .fullWidthPrint.grid > .row > .col-8 {
    display: block;
    width: calc(100% - 12px);
  }
}
.SingleResultDetails div.fmtConv {
  /*rtl:raw:
  	direction: ltr;
  */
  white-space: normal;
  font-size: initial;
  font-weight: initial;
}
.SingleResultDetails .providerCommentsSection {
  width: calc(66.6666666667% - 4px);
}
@media screen and (max-width: 1024px) {
  .SingleResultDetails .providerCommentsSection {
    width: 100%;
  }
}
.SingleResultDetails .providerStatusPosition {
  margin-top: 1.25rem;
  margin-bottom: -1rem;
}
.SingleResultDetails .tooManyVariantsBanner[class][class] {
  margin-top: 0;
}
.SingleResultDetails .subtitle[class][class] {
  margin-top: 0;
}

@media print {
  .AlignedGrid .fullWidthPrint.grid > .row > .col-4, .AlignedGrid .fullWidthPrint.grid > .row > .col-8 {
    display: block;
    width: calc(100% - 12px);
  }
}
.AlignedGrid .firstHeader {
  width: calc(66.6666666667% - 4px);
}
@media screen and (max-width: 1024px) {
  .AlignedGrid .firstHeader {
    width: 100%;
  }
}
.AlignedGrid .mainSectionGrid {
  margin-top: 0px;
}
.AlignedGrid .mainContent > :first-child {
  margin-top: 0px;
}
.AlignedGrid .mainContent[class][class] {
  margin-top: 0.25rem;
}
.AlignedGrid .sideContent .EducationCard {
  margin-left: 0;
  width: 100%;
}

.NonNumericResultComponent {
  display: inline-block;
  min-height: 5rem;
  padding: 0rem 0rem 0.5rem 0rem;
  position: relative;
  vertical-align: top;
}
.NonNumericResultComponent .multiLine {
  white-space: pre-line;
}
@media print {
  .NonNumericResultComponent .multiLine {
    display: block;
  }
}
@media print {
  .NonNumericResultComponent {
    display: block;
  }
}
.NonNumericResultComponent .nonNumericDisplay {
  margin-top: 0.68rem;
  margin-left: 1.5rem;
  padding-top: 4px;
  width: auto;
  display: flex;
  flex-wrap: wrap;
}
@media print {
  .NonNumericResultComponent .nonNumericDisplay {
    display: block;
  }
}
.NonNumericResultComponent .nonNumericDisplay .valueLabel {
  vertical-align: top;
  padding-top: 0.16rem;
  margin-right: 0.5rem;
  color: #767676;
}
.NonNumericResultComponent .nonNumericDisplay .rightColumn {
  white-space: normal;
  width: auto;
}
.NonNumericResultComponent .nonNumericDisplay .value {
  vertical-align: top;
  display: inline-block;
  /*rtl:ignore*/
  direction: ltr;
  padding: 0;
  width: auto;
  font-size: 1rem;
  font-weight: bold;
  margin-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.16rem;
  color: #363636;
}
@media print {
  .NonNumericResultComponent .nonNumericDisplay .value {
    display: block;
  }
}
.NonNumericResultComponent .nonNumericDisplay .statusBadgeWrapper {
  display: inline-block;
  width: unset;
}
.NonNumericResultComponent .nonNumericDisplay .statusBadgeWrapper ._StatusBadge {
  display: inline-block;
}
.NonNumericResultComponent .nonNumericDisplay * {
  max-width: 100%;
}

.ResultHeaderCompareAllButton[class][class] {
  margin: 0.4rem 0 0.35rem 0;
  flex: 0 0 auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .ResultHeaderCompareAllButton[class][class] {
    width: fit-content;
    margin: unset;
  }
  .ResultHeaderCompareAllButton[class][class][class][class] {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
  }
}
@media print {
  .ResultHeaderCompareAllButton[class][class] {
    display: none;
  }
}
.ResultHeaderCompareAllButton[class][class] .compareAllText {
  margin-left: 0.2rem;
}

.ResultDetailsMainContentSection .multiLine {
  white-space: pre-line;
}
@media print {
  .ResultDetailsMainContentSection .multiLine {
    display: block;
  }
}
@media print {
  .ResultDetailsMainContentSection .smartText {
    word-break: break-all;
  }
}

.RelatedConversationsLink[class][class][class][class] {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  color: #363636;
}
.RelatedConversationsLink[class][class][class][class] .linkIcon {
  flex-basis: 10%;
  margin-left: 0.2rem;
}
.RelatedConversationsLink[class][class][class][class] .linkText {
  flex-basis: 80%;
  max-width: 80%;
  text-align: left;
  padding-left: 0.6rem;
}
.RelatedConversationsLink[class][class][class][class] .navArrow {
  flex-basis: 10%;
  /* rtl:raw: transform: scaleX(-1); */
}

.ResultLinks[class][class] {
  min-height: auto;
  padding: 0.25rem;
}
@media print {
  .ResultLinks[class][class] {
    display: none;
  }
}
.ResultLinks[class][class] > * {
  border-bottom: 1px solid #dbdbdb;
  border-radius: 0;
}
.ResultLinks[class][class] > *:last-child {
  border-bottom: none;
}
.ResultLinks:empty {
  display: none;
}
.ResultLinks .learnMoreLink[class][class][class][class] {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  align-items: center;
  color: #363636;
}
.ResultLinks .learnMoreLink[class][class][class][class] .linkIcon {
  flex-basis: 10%;
  margin-left: 0.2rem;
}
.ResultLinks .learnMoreLink[class][class][class][class] .linkText {
  flex-basis: 80%;
  max-width: 80%;
  text-align: left;
  padding-left: 0.6rem;
}
.ResultLinks .learnMoreLink[class][class][class][class] .navArrow {
  flex-basis: 10%;
  /* rtl:raw: transform: scaleX(-1); */
}
.ResultLinks .learnMoreLink ._ExternalLinkIcon {
  flex-basis: 10%;
}

.LinkToFullDetails {
  height: auto;
  margin-top: 0.25rem;
}
.LinkToFullDetails .ActionCard {
  margin-top: 0;
}

.InpatientResultDetails .askAQuestionAction {
  margin-right: 0.6rem;
  padding: 0 0.2rem;
}
.InpatientResultDetails .askAQuestionAction ._image {
  width: clamp(16px, 2.308rem, 48px);
  height: clamp(16px, 2.308rem, 48px);
}
.InpatientResultDetails .askAQuestionAction ._readOnlyText {
  margin-left: 0.25rem;
}
@media only screen and (max-width: 769px) {
  .InpatientResultDetails .askAQuestionAction ._readOnlyText {
    display: none;
  }
}
.InpatientResultDetails .askAQuestionAction::after {
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #767676;
  content: "";
  vertical-align: middle;
  margin-left: 0.6rem;
  margin-right: -0.6rem;
  height: 21px;
}
.InpatientResultDetails ._AdditionalActions:last-child .askAQuestionAction {
  padding: inherit;
  margin: 0;
}
.InpatientResultDetails ._AdditionalActions:last-child .askAQuestionAction::after {
  border: none;
  margin: 0;
}
.InpatientResultDetails[class] .askAQuestionAction:hover {
  text-decoration: none;
}
.InpatientResultDetails ._Toast .body {
  background: unset;
}
.InpatientResultDetails .skipToToast {
  display: none;
}

.ComponentFilters {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 0.5rem;
}
.ComponentFilters .componentSelectionListContainer {
  border-radius: 6px;
  border: 1px solid #cccccc;
  overflow: hidden;
  padding: 0.25rem 0;
}
.ComponentFilters .componentSelectionListContainer .componentSelectionList {
  padding: 0 0.3rem;
}
.ComponentFilters .componentSelectionListContainer .componentSelectionList ._DataEntrySet-fields {
  flex-direction: column;
}
.ComponentFilters .componentSelectionListContainer .componentSelectionList ._DataEntrySet-fields ._Choice {
  margin-bottom: 0;
}
.ComponentFilters .componentSelectionListContainer .componentSelectionList ._DataEntrySet-fields ._Choice ._DataEntryLabel {
  padding-left: 0.2rem;
  padding-top: 0.2rem;
  display: flex;
  word-break: break-word;
}
.ComponentFilters .componentSelectionListContainer .componentSelectionList ._DataEntrySet-fields ._Choice ._DataEntryLabel:before {
  flex-shrink: 0;
}
.ComponentFilters .clearSelectionsButton[aria-disabled=true][class][class] {
  border: 1px solid transparent;
}
.ComponentFilters .componentSelectionNumberSelectedText {
  width: auto;
  color: #686868;
}

@media print {
  .NormalRangeSubtitle.descriptor {
    font-size: 0.8rem;
  }
}

.PastResults .multiLine {
  white-space: pre-line;
}
@media print {
  .PastResults .multiLine {
    display: block;
  }
}
@media print {
  .PastResults .resultHeader {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
  }
}
@media print {
  .PastResults .ExternalOrganizationBanner {
    page-break-before: avoid;
    page-break-inside: avoid;
    page-break-after: avoid;
  }
}
.PastResults .settingsInfo {
  overflow-y: unset;
}
.PastResults .settingsInfo .componentSelectionListContainer {
  overflow-y: auto;
}
.PastResults .settingsInfo .componentSelectionListContainer .componentSelectionList {
  max-height: 40vh;
}
.PastResults ._LineGraph .VictoryContainer > svg:first-child {
  height: 340px !important;
  margin-top: -20px !important;
}
.PastResults ._LineGraph ._GraphTitle .graphHeading {
  font-size: 1.1rem;
  padding: 0;
}
@media print {
  .PastResults ._LineGraph ._GraphTitle .graphHeading {
    font-size: 0.9rem;
  }
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip {
  display: flex;
  padding: 0.4rem;
  color: #363636;
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip .yValue {
  color: #363636;
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip .xValue {
  color: #565656;
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip .units {
  color: #565656;
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip.normal .valueLabel {
  background-color: #ccffd8;
  border: 2px solid #09aa71;
  color: #ccffd8;
}
@media print {
  .PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip.normal .valueLabel {
    font-size: 0.8rem;
  }
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip.abnormal .valueLabel {
  background-color: #faf2ca;
  border: 2px solid #af9308;
  color: #363636;
}
@media print {
  .PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip.abnormal .valueLabel {
    font-size: 0.8rem;
  }
}
.PastResults ._LineGraph .graphTooltipWrapper ._GraphTooltip .valueLabel {
  width: min-content;
  white-space: nowrap;
  font-size: 0.9rem;
  line-height: 1.3rem;
  margin-left: 0.5rem;
  margin-top: 0.3rem;
  padding: 0.12rem 0.5rem;
  border-radius: 20px;
  background-color: #e7f0f7;
  border: thin solid #0085f2;
}
.PastResults ._LineGraph ._ScorelineTooltip {
  width: 50%;
  /*rtl:ignore*/
  margin: 2% 1% auto auto;
}
@media all and (max-width: 768px) {
  .PastResults ._LineGraph ._ScorelineTooltip {
    width: 75%;
  }
}
.PastResults ._LineGraph ._Disclosure .disclosureButton {
  padding: 0 0 0.3rem;
}
.PastResults ._GraphTable ._TableRow .ResultValueTableCell {
  /*rtl:ignore*/
  direction: ltr;
  overflow-wrap: anywhere;
}
.PastResults ._GraphTable ._TableRow ._YValue {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  /*rtl:ignore*/
  direction: ltr;
}
.PastResults ._GraphTable ._TableRow .toolTipLabel {
  font-size: 1rem;
  margin: 0.1rem 0.3rem 0.1rem 0.3rem;
  width: min-content;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
}
@media print {
  .PastResults ._GraphTable ._TableRow .toolTipLabel ._StatusBadge {
    font-size: 0.8rem;
  }
}

.PastResultsData .pastResultsDataContainer {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  column-gap: 1rem;
}
.PastResultsData .pastResultsDataContainer .ActionCard ._LaboredCommand {
  width: auto;
}
@media screen {
  .PastResultsData .pastResultsDataContainer {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1024px) {
  .PastResultsData .pastResultsDataContainer {
    flex-direction: column;
  }
}
.PastResultsData .pastResultsDataContainer .sidebar {
  width: calc(33.3333333333% - 8px);
}
@media screen and (max-width: 1024px) {
  .PastResultsData .pastResultsDataContainer .sidebar {
    width: 100%;
  }
}
@media print {
  .PastResultsData .pastResultsDataContainer {
    display: flex;
    flex-wrap: wrap;
  }
}
@media print and (min--moz-device-pixel-ratio: 0) {
  .PastResultsData .pastResultsDataContainer {
    display: block;
  }
}
@media print {
  .PastResultsData .pastResultsDataContainer .pastResultsGraph {
    padding: 0;
    margin: 0;
  }
}
.PastResultsData .pastResultsDataContainer .settingsInfo .componentSelectionListContainer .componentSelectionList {
  max-height: 40vh;
}
@media screen {
  .PastResultsData .pastResultsDataContainer .pastResultsGraph {
    width: calc(66.6666666667% - 4px);
    flex: 1 1 0;
    margin-right: 4px;
  }
}
@media screen and (max-width: 1024px) {
  .PastResultsData .pastResultsDataContainer .pastResultsGraph {
    width: 100%;
  }
}
.PastResultsData .pastResultsDataContainer .pastResultsGraph[class] .noGraphsMessageContainer {
  height: 6.02rem;
  margin: 0px;
}
@media screen and (max-width: 1024px) {
  .PastResultsData .pastResultsDataContainer .pastResultsGraph[class] .noGraphsMessageContainer {
    margin-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.PastResultsData .pastResultsDataContainer .pastResultsGraph[class] .noGraphsMessageContainer .noGraphsMessage {
  display: flex;
  justify-content: center;
  height: 5rem;
  align-items: center;
  font-weight: bold;
}

.PastResults ._MultiLineGraph[class] .graphFilterBoundary {
  position: -webkit-sticky;
  position: sticky;
  display: block;
  z-index: 100;
  top: var(--wp-header-height);
  margin-top: unset;
}
@media (orientation: landscape) and (max-height: 550px) {
  .PastResults ._MultiLineGraph[class] .graphFilterBoundary {
    position: unset;
  }
}
@media print {
  .PastResults ._MultiLineGraph[class] .graphFilterBoundary {
    position: static;
    height: fit-content;
    min-height: fit-content;
    font-size: 1.2rem;
    border: none !important;
  }
  .PastResults ._MultiLineGraph[class] .graphFilterBoundary ._FilterStatus {
    text-decoration-line: underline;
  }
}
@media screen and (max-width: 1024px) {
  .PastResults ._MultiLineGraph[class] .graphFilterBoundary {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    position: unset;
  }
}
.PastResults ._MultiLineGraph[class] .graphFilterBoundary ._GraphFilter {
  background: #ffffff;
  padding: 0.5rem 0 0;
}
@media print {
  .PastResults ._MultiLineGraph ._ListElement {
    display: block;
    width: 100%;
  }
  .PastResults ._MultiLineGraph ._ListElement ._Segment.boundary-strong {
    border: 1px solid #767676;
  }
}
@media print {
  .PastResults ._MultiLineGraph ._FilterPicker,
  .PastResults ._MultiLineGraph ._FilterCarouselArrow,
  .PastResults ._MultiLineGraph .scorelineIcon,
  .PastResults ._MultiLineGraph .disclosureButton {
    display: none;
  }
}
.PastResults ._Segment.boundary-strong {
  margin: 0.5rem 0;
}
@media screen and (max-width: 1024px) {
  .PastResults ._Segment.boundary-strong {
    width: 100%;
  }
}

.PastResults ._GraphTable ._TableRow._normal ._ToolTipLabel .tableCellInfo {
  background-color: #eafbea;
  border: 2px solid #a3e1a3;
}
.PastResults ._GraphTable ._TableRow._abnormal ._ToolTipLabel .tableCellInfo {
  background-color: #faf2ca;
  border: 2px solid #af9308;
}
.PastResults ._GraphTable ._TableRow ._ToolTipLabel .tableCellInfo {
  font-size: 0.9rem;
  padding: 0.1rem 0.4rem 0.2rem 0.4rem;
  border-radius: 0.3rem;
  width: min-content;
  white-space: nowrap;
  font-weight: bold;
  background-color: #e7f0f7;
  border: 2px solid #0085f2;
}

.ReferenceRangeContent .refRange {
  display: inline-block;
  /*rtl:ignore*/
  direction: ltr;
}

.ResultList .ListLoadPlaceholder {
  display: flex;
  flex-direction: column;
  text-align: center;
  justify-content: center;
}
.ResultList .ListLoadPlaceholder.fill {
  flex: 1 0 auto;
}
.ResultList .ListLoadPlaceholder .message {
  overflow-wrap: break-word;
}
@media screen {
  .mobile .ResultList .listPageTitle {
    display: none;
  }
}
.ResultList .resultListGrid {
  display: grid;
  grid-template-areas: "results sidebar" "results key";
  grid-column-gap: 0.75rem;
  grid-template-columns: 2.05fr 1fr;
  grid-template-rows: auto 1fr;
}
@media screen {
  .mobile .ResultList .resultListGrid {
    padding-top: 0.5rem;
  }
}
@media print {
  .ResultList .resultListGrid {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .ResultList .resultListGrid {
    display: flex;
    flex-direction: column;
  }
}
.ResultList .resultListGrid .ResultListElement {
  color: #363636;
  width: 100%;
  text-align: inherit;
  display: flex;
  padding: 8px;
  padding-right: 16px;
  position: relative;
  padding-left: 12px;
  word-break: break-word;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader {
  display: flex;
}
@media screen and (min-width: 768px) and (max-width: 55rem) {
  .ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
  }
}
@media screen and (max-width: 768px) and (max-width: 25rem) {
  .ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
  }
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .recentResultDateText {
  font-size: 0.9rem;
  margin: 0 0 4px 0;
  color: #767676;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .recentResultDateText.unreadResult {
  color: #363636;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .cardHeaderText {
  margin: 4px 0 0 4px;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual .cardHeaderText {
  width: 50%;
}
@media screen and (min-width: 768px) and (max-width: 55rem) {
  .ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual .cardHeaderText {
    width: auto;
    grid-row: 1;
    grid-column: 2;
  }
}
@media screen and (max-width: 768px) and (max-width: 25rem) {
  .ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual .cardHeaderText {
    width: auto;
    grid-row: 1;
    grid-column: 2;
  }
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardIcon {
  display: flex;
  width: 41.6px;
  align-items: center;
  justify-content: end;
  min-width: 41.6px;
  height: 32px;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardIcon .iconContainer {
  fill: #7a0019;
  max-width: none;
  margin-left: 4px;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardIcon .unviewedIndicator {
  min-width: 9.6px;
  width: 9.6px;
  height: 9.6px;
  border-radius: 50%;
  background-color: #005ebb;
}
@media screen and (min-width: 768px) and (max-width: 55rem) {
  .ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual .CardIcon {
    grid-row: 1;
    grid-column: 1;
  }
}
@media screen and (max-width: 768px) and (max-width: 25rem) {
  .ResultList .resultListGrid .ResultListElement .ResultListCardHeader.groupIndividual .CardIcon {
    grid-row: 1;
    grid-column: 1;
  }
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardTitle {
  font-size: 1.1rem;
  color: #363636;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardTitle[class][class] {
  padding: 0;
  margin: 0;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeader .CardTitle.unreadResult {
  font-weight: bold;
}
.ResultList .resultListGrid .ResultListElement .ResultListCardHeaderAssistiveText {
  width: 0;
  align-self: center;
}
@media print {
  .ResultList .resultListGrid .ResultListElement {
    display: inline-flex;
    border: 1px solid #767676;
  }
}
.ResultList .resultListGrid .ResultListElement:is(:focus, :hover) {
  text-decoration: none;
  color: #363636;
  background-color: #f4ebed;
}

.ResultList .resultListGrid .ResultListElement.isLocal {
  padding-right: 48px;
}
.ResultList .resultListGrid .ResultListElement .unreadResult {
  font-weight: bold;
}
.ResultList .resultListGrid .ResultListElement .grid {
  margin-top: 0;
  margin-bottom: 0;
}
.ResultList .resultListGrid .ResultListElement .singleResultName {
  display: inline;
}
.ResultList .resultListGrid .ResultListElement .resultText {
  white-space: pre-line;
  padding-left: 41.6px;
  font-size: 0.9rem;
  line-height: 1rem;
  margin: 0 0 0 4px;
  color: #767676;
}
.ResultList .resultListGrid .ResultListElement .resultText.unreadResult {
  color: #363636;
}
@media screen and (max-width: 768px) {
  .ResultList .resultListGrid .ResultListElement .leftSide {
    margin-bottom: unset;
  }
}
.ResultList .resultListGrid .results {
  grid-area: results;
}
.ResultList .resultListGrid .loadPlaceholder {
  padding-top: 2.3rem;
}
.ResultList .resultListGrid .sidebar {
  grid-area: sidebar;
}
.ResultList .fullPageLoadPlaceholder {
  margin-top: 35vh;
}
.ResultList ._LoadMoreList ._StatusMessage {
  display: none;
}
.ResultList .groupHeader {
  padding-bottom: 0;
}
.ResultList .listContainer ._List {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.ResultList .listContainer ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
  margin-left: 2rem;
  margin-right: 1rem;
}
.ResultList .lastDateText {
  text-align: center;
  font-size: 0.8rem;
}
.ResultList .listPretext {
  width: calc(66.6666666667% - 4px);
}
@media screen and (max-width: 1024px) {
  .ResultList .listPretext {
    width: 100%;
  }
}

.ResultListProviderPhoto {
  align-items: center;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: auto 1fr;
  container-type: inline-size;
}
.ResultListProviderPhoto .providerNameWithComment {
  height: 100%;
  display: flex;
  align-items: end;
}
.ResultListProviderPhoto .commentBadgeContainer {
  height: 100%;
  align-items: start;
}
.ResultListProviderPhoto .providerName[class] {
  margin-bottom: 0.2rem;
  font-size: 0.9rem;
  line-height: 1rem;
}
.ResultListProviderPhoto ._Text._readOnlyText.providerNameNoComment {
  grid-row: 1/-1;
}
@container (width < 5rem) {
  .ResultListProviderPhoto .ParticipantPhoto {
    display: none;
  }
}
.ResultListProviderPhoto .ParticipantPhoto {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  align-self: center;
  grid-row: 1/3;
  grid-column: 1/2;
}
@media screen and (max-width: 768px) {
  .ResultListProviderPhoto {
    padding-left: 41.6px;
    gap: 5px;
  }
  .ResultListProviderPhoto .ParticipantPhoto {
    grid-row: 1/2;
    grid-column: 1/2;
    align-self: center;
  }
  .ResultListProviderPhoto ._Text {
    grid-row: 1/2;
    grid-column: 2/-1;
  }
  .ResultListProviderPhoto .commentBadgeContainer {
    grid-row: 2;
    grid-column: 1/-1;
  }
  .ResultListProviderPhoto .providerNameWithComment {
    align-items: center;
  }
}

.H2GIcon {
  display: flex;
  align-items: center;
  float: right;
  width: 24px;
  min-width: 24px;
}
@media only screen and (max-width: 768px) {
  .H2GIcon {
    align-items: flex-start;
    margin-top: 0.33rem;
  }
}
.H2GIcon.showBubble ._InfoBubbleCommand:after,
.H2GIcon.showBubble ._InfoBubbleContent {
  display: block;
}
.H2GIcon ._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
  z-index: 2;
}
.H2GIcon ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

.H2GIcon ._InfoBubbleCommand ._Icon {
  min-width: 24px;
}
.H2GIcon ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% - 0.15rem);
  transform: rotate(135deg);
  width: 0;
}
.H2GIcon ._InfoBubbleContent[class] {
  left: unset;
  margin: 0 calc(1rem / 3);
  padding: calc(1rem / 3);
  position: absolute;
  right: 1%;
  text-align: left;
  top: auto;
  white-space: normal;
  width: 400px;
}
@media screen and (max-width: 450px) {
  .H2GIcon ._InfoBubbleContent[class] {
    width: calc(98% - 40px);
  }
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails {
  margin-bottom: 0.5rem;
  display: flex;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails img.organizationLogo,
.H2GIcon ._InfoBubbleContent[class] .orgDetails ._Icon.organizationLogo {
  display: inline-block;
  margin: 0 0.2rem 0 0;
  overflow: hidden;
  vertical-align: middle;
  min-width: 2.5rem;
  height: 2.5rem;
  float: left;
  clear: left;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationName,
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationTimeStamp {
  vertical-align: top;
  margin: 0;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationName {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: bold;
  word-break: break-word;
}
.H2GIcon ._InfoBubbleContent[class] .orgDetails .organizationTimeStamp {
  font-size: 0.8rem;
  font-style: italic;
}

.CommentBadge.newComment {
  font-weight: bold;
}

.ResultList .CommunityKey {
  padding-top: 0.5rem;
}
.ResultList .CommunityKey .communityActiveKey {
  display: flex;
}
.ResultList .CommunityKey .communityActiveKey .communityActiveDescription {
  padding-left: 0.25rem;
  margin-top: 0.15rem;
  width: fit-content;
}
.ResultList .CommunityKey .incompleteSetupKey {
  display: flex;
  padding-top: 0.5rem;
}
.ResultList .CommunityKey .incompleteSetupKey .orgLogoIncompleteSetup {
  fill: #ffffff;
  background-color: #404d5b;
  border-radius: 100%;
  width: 1.2rem;
  height: 1.2rem;
}
.ResultList .CommunityKey .incompleteSetupKey .incompleteSetupDescription {
  padding-left: 0.25rem;
  margin-top: 0.1rem;
  width: fit-content;
}

.SearchResults .SearchInput {
  background: #ffffff;
  display: flex;
  align-items: stretch;
  border: 1px solid #dbdbdb;
  border-radius: 4px;
  width: 100%;
}
.SearchResults .SearchInput.invalid {
  border-color: #d80000;
  box-shadow: 0 0 1.5px 1px #d80000;
}
.SearchResults .SearchInput.invalid:not(:focus-within) {
  border-color: #d80000;
}
.SearchResults .SearchInput.locked[class] {
  background-color: #f2f2f2;
  color: #565656;
  cursor: default;
}
.SearchResults .SearchInput.locked[class] ._command:focus {
  background-color: #ffffff;
}
.SearchResults .SearchInput:focus-within {
  outline: 5px auto Highlight;
  outline: 5px auto -webkit-focus-ring-color;
  box-shadow: none;
  border-color: transparent;
}
@supports (background: -webkit-named-image(i)) {
  .SearchResults .SearchInput:focus-within {
    will-change: transform;
  }
}
.SearchResults .SearchInput:focus-within :focus-visible {
  outline: none;
}
.SearchResults .SearchInput:focus-within ._command:focus-visible {
  background-color: #f4ebed;
}
.SearchResults .SearchInput ._labelledField {
  flex-grow: 1;
}
.SearchResults .SearchInput ._labelledField ._input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  margin-bottom: 0;
  width: 100%;
}
.SearchResults .SearchInput ._labelledField ._input:invalid {
  box-shadow: none;
}
.SearchResults .SearchInput ._labelledField ._input:invalid:focus:not(*:root) {
  outline: none;
}
.SearchResults .SearchInput ._labelledField ._readOnlyText {
  border: none;
  margin-bottom: -1rem;
  word-break: break-word;
}
.SearchResults .SearchInput ._command {
  color: #565656;
  border: none;
  border-radius: 4px;
  flex-shrink: 0;
}
.SearchResults .SearchInput ._command, .SearchResults .SearchInput ._command.iconOnly {
  background-color: inherit;
  padding: 0 0.25rem;
}
.SearchResults .SearchInput ._image {
  color: #565656;
  display: block;
  flex-shrink: 0;
}
.SearchResults .SearchInput .actionDivider {
  width: 1px;
  background: transparent;
  border-color: #dbdbdb;
  display: flex;
  justify-content: center;
  flex-direction: column;
  isolation: isolate;
}
.SearchResults .SearchInput .actionDivider::before {
  border: none;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: inherit;
  content: "";
  height: calc(100% - 0.675rem);
}
.SearchResults .SearchInput ._labelledField ._input {
  -webkit-appearance: none;
}
.SearchResults .SearchInput ._labelledField ._input::-ms-clear, .SearchResults .SearchInput ._labelledField ._input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.SearchResults .SearchInput ._labelledField ._input::-webkit-search-decoration, .SearchResults .SearchInput ._labelledField ._input::-webkit-search-cancel-button, .SearchResults .SearchInput ._labelledField ._input::-webkit-search-results-button, .SearchResults .SearchInput ._labelledField ._input::-webkit-search-results-decoration {
  display: none;
}
.SearchResults .SearchInput .RunSearchCommand {
  border-radius: 0 4px 4px 0;
}
.SearchResults .SearchInput .searchIconPlaceholder {
  background: #ffffff;
  color: #565656;
  border: none;
  border-radius: 4px;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  padding: 0 0.25rem;
  width: fit-content;
}
.SearchResults .SearchInput .RunSearchCommand.nonClickable {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .SearchResults .SearchInput {
    border-radius: 0 0 4px 4px;
    margin-top: -1px;
  }
}
.SearchResults .SearchInput .RunSearchCommand {
  color: #7a0019;
}
@media print {
  .SearchResults {
    display: none;
  }
}

.ResultDetailsLink[class][class] {
  display: flex;
  width: 100%;
  text-decoration: none;
  text-align: unset;
}
.ResultDetailsLink::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.ResultStatusMessage {
  padding-bottom: 0.75rem;
  font-size: 0.8rem;
  line-height: 1rem;
}

.ResultPreferencesCommand ._command.tertiary.neutral:hover, .ResultPreferencesCommand ._command.tertiary.neutral:active, .ResultPreferencesCommand ._command.tertiary.neutral:focus {
  text-decoration: underline;
  background-color: transparent;
}
.ResultPreferencesCommand[class] ._command.tertiary.neutral {
  padding: 0.2025rem 0;
}
.ResultPreferencesCommand[class][class][class][class] ._SvgSprite {
  margin-right: 0;
  max-width: 29px;
}

.ResultPreferenceDetails[class] .Explanation {
  color: #767676;
  margin-bottom: 1rem;
}
.ResultPreferenceDetails[class] ._DataEntrySet-fields {
  border: none;
}
.ResultPreferenceDetails[class] ._ChoiceGroup.stacked ._Choice:not(:first-of-type)::before {
  border-top: none;
}
.ResultPreferenceDetails[class] .LastSaved {
  text-align: right;
}

.AbnormalIndicator {
  margin-top: 2px;
  margin-left: 8px;
  max-width: fit-content;
}
@media screen and (min-width: 768px) and (max-width: 55rem) {
  .AbnormalIndicator {
    grid-row: 2;
    grid-column: 2;
    margin-top: 0px;
    margin-left: 4px;
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 768px) and (max-width: 25rem) {
  .AbnormalIndicator {
    grid-row: 2;
    grid-column: 2;
    margin-top: 0px;
    margin-left: 4px;
    margin-bottom: 8px;
  }
}

.LabelledItem {
  word-break: break-word;
}
.LabelledItem .label {
  color: #767676;
  margin-right: 0.2rem;
}
.LabelledItem .medUse {
  padding-left: 1rem;
}
.LabelledItem .sentences {
  /*rtl:raw:
  	direction: ltr;
  */
}

.SingleVariant .multiLine {
  white-space: pre-line;
}
@media print {
  .SingleVariant .multiLine {
    display: block;
  }
}
.SingleVariant[class][class] {
  padding: 0;
  min-height: 0;
  width: 100%;
  margin: 0 0 12px 0;
}
.SingleVariant .expandedVar {
  padding-left: 1rem;
  padding-right: 1rem;
}

.VariantList ._ExpandableItemList {
  margin: 0;
}
.VariantList ._ExpandableItemList ._ExpandCommand {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem;
  width: 100%;
  min-height: 4em;
  max-height: none;
}
.VariantList ._ExpandableItemList ._ExpandCommand .arrowIcon {
  color: #404d5b;
  width: 1rem;
  height: 1rem;
  margin-left: 0.5rem;
  padding-top: 0.2rem;
  vertical-align: middle;
  transition: transform 0.3s;
  flex-shrink: 0;
}
.VariantList ._ExpandableItemList ._ExpandCommand .arrowIcon.expanded {
  transform: rotate(-180deg);
}
@media print {
  .VariantList ._ExpandableItemList ._ExpandCommand .arrowIcon {
    display: none;
  }
}
.VariantList ._ExpandableItemList ._ExpandCommand .plainText {
  text-align: left;
}
.VariantList ._ExpandableItemList ._ExpandableItem {
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  max-height: 0rem;
  visibility: hidden;
}
.VariantList ._ExpandableItemList ._ExpandableItem.expanded {
  max-height: none;
  visibility: visible;
  overflow: visible;
}
@media print {
  .VariantList ._ExpandableItemList ._ExpandableItem {
    max-height: none;
    visibility: visible;
    overflow: visible;
  }
}
.VariantList :last-child[class] {
  margin-bottom: 0;
}

.VariantRow .varHeader {
  display: inline-flex;
  flex-flow: wrap;
  align-items: flex-end;
  word-break: break-all;
}
.VariantRow .varHeader .geneTitle {
  color: #363636;
  font-weight: bold;
  margin-right: 0.3rem;
  width: fit-content;
  text-align: justify;
}
.VariantRow .varHeader .assessmentLabel {
  margin-right: 0.3rem;
  color: #767676;
}
.VariantRow .varHeader .assessmentValue {
  color: #363636;
  font-weight: bold;
}

.VariantSection .itemCollection[class] {
  margin-bottom: 1rem;
}
.VariantSection .long .LabelledItem {
  margin-bottom: 0.5em;
}
.VariantSection .sectionHeader {
  color: #7a0019;
  font-weight: bold;
  padding-bottom: 0;
  padding-top: 0;
}

.VariantPhenotypeSection .sectionHeader {
  color: #7a0019;
  font-weight: bold;
  padding-bottom: 0;
  padding-top: 0;
}
.VariantPhenotypeSection .phenotypeCollection {
  margin-left: 0.5rem;
  margin-right: 1rem;
}
.VariantPhenotypeSection .phenotypeSection[class] {
  margin-bottom: 1rem;
}
.VariantPhenotypeSection .phenotypeHeader {
  color: #7a0019;
  font-weight: normal;
  padding-bottom: 0;
  padding-top: 0;
}
.VariantPhenotypeSection .phenotypeItemCollection {
  margin-left: 0.5rem;
  margin-right: 1rem;
}

.IndicatorDisplay .testResultsIndItem .typeIcon {
  height: 40px;
  width: 40px;
  fill: #7a0019;
  flex-shrink: 0;
  margin-right: 0.25em;
  margin-left: -0.25em;
  display: flex;
  align-self: flex-start;
}
.IndicatorDisplay .testResultsIndItem .indText {
  width: calc(100% - 70px);
  align-self: flex-start;
}
.IndicatorDisplay .testResultsIndItem .indName {
  color: #363636;
  font-size: 1rem;
  padding: 0;
  font-weight: bold;
  line-height: 1rem;
}
.IndicatorDisplay .testResultsIndItem .indType[class][class] {
  font-weight: bold;
  color: #767676;
  font-size: 14px;
  margin-bottom: 0;
}

.ConversationGroup {
  width: calc(66.6666666667% - 4px);
}
@media print {
  .ConversationGroup .fullWidthPrint.grid > .row > .col-4, .ConversationGroup .fullWidthPrint.grid > .row > .col-8 {
    display: block;
    width: calc(100% - 12px);
  }
}
@media screen and (max-width: 1024px) {
  .ConversationGroup {
    width: 100%;
  }
}

.Conversation .conversationDetails {
  font-size: 0.8rem;
  color: #565656;
  padding: 0;
}
.Conversation .conversationDetails[class] {
  margin: 0;
}

.MessageAttachmentsInfo {
  color: #565656;
  font-size: 0.8rem;
  margin-top: 0.5rem;
}

.WidgetRowContentGraph:hover, .WidgetRowContentGraph:active, .WidgetRowContentGraph:focus {
  background-color: #f4ebed;
}
.WidgetRowContentGraph .widgetRowContentGraphLink {
  text-decoration: none;
  color: #000000;
  width: 100%;
}
.WidgetRowContentGraph .widgetRowContentGraphContent {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  padding-left: 0.65rem;
}
.WidgetRowContentGraph .widgetRowContentGraphContent .WidgetRowGraphWrapper {
  width: auto;
}

.ConditionTestResultsWidgetRow .widgetRowTextContent .subText.valueText {
  color: #000000;
}

.TestResultsWidgetRow .widgetRowContent {
  padding-left: 0.4rem;
}

.shareeverywhere ._PopupContainer ._Popup.size-80,
.datatile ._PopupContainer ._Popup.size-80 {
  min-width: 50%;
  min-height: 20rem;
}

/* Copyright 2021 Epic Systems Corporation */
.ToDoChanges {
  max-width: 700px;
}
.ToDoChanges .Change {
  padding: 0.75em 0.75em 0.5em 0.75em;
  min-height: 4rem;
}
.ToDoChanges .Change.unreadChange .unreadDot {
  margin-top: 0.5em;
}
.ToDoChanges .Change.unreadChange .changeSubheading {
  font-weight: bold;
}
.ToDoChanges .unreadDot {
  height: 0.7rem;
  width: 0.7rem;
  fill: #005ebb;
  flex-shrink: 0;
  display: inline-block;
  margin-right: 0.5em;
}
.ToDoChanges .unreadDot.invisible {
  visibility: hidden;
}
.ToDoChanges .unreadCountText {
  font-weight: bold;
  color: #000000;
  display: flex;
  align-items: center;
}
.ToDoChanges .changeContent {
  display: flex;
}
.ToDoChanges .readSpacer {
  width: 0.67rem;
  margin-right: 0.5em;
}
.ToDoChanges .TaskAddedInfo, .ToDoChanges .MessageSentInfo {
  display: flex;
  flex-direction: row;
  padding-bottom: 0.5em;
}
.ToDoChanges .TaskAddedInfo ul, .ToDoChanges .MessageSentInfo ul {
  list-style: inside;
}
.ToDoChanges .TaskAddedInfo ul li, .ToDoChanges .MessageSentInfo ul li {
  display: list-item;
}
.ToDoChanges .infoContent {
  padding-left: 1em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.ChangesList .listElem {
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

.MessageSentEntryRecipient {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  padding: 0.5rem;
  max-width: 600px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}
.MessageSentEntryRecipient:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.MessageSentEntryRecipient > ._GridRow.row {
  width: 100%;
}
.MessageSentEntryRecipient .infoText {
  font-weight: 500;
}
.MessageSentEntryRecipient ._GridRow:nth-child(2) > ._GridCol {
  border-top: 1px solid #cccccc;
  padding-top: 0.5em;
  text-align: center;
}
.MessageSentEntryRecipient ._GridRow:nth-child(2) > ._GridCol ._Command {
  width: 100%;
}
.MessageSentEntryRecipient ._GridRow:nth-child(1) > ._GridCol:nth-child(1) {
  position: relative;
  min-width: 6em;
  min-height: 6em;
}
.MessageSentEntryRecipient ._GridRow:nth-child(1) > ._GridCol:nth-child(2) {
  word-break: break-word;
  word-wrap: break-word;
  min-height: 7em;
}
.MessageSentEntryRecipient .providerImage {
  width: 6em;
  height: 6em;
  border-radius: 50%;
  display: inline-block;
  border: 2px solid #cccccc;
  background-color: #7a0019;
  overflow: hidden;
  object-fit: cover;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 600px) {
  .MessageSentEntryRecipient ._GridRow:nth-child(1) > ._GridCol:nth-child(1) {
    min-width: 5.5em;
    min-height: 5.5em;
  }
  .MessageSentEntryRecipient .providerImage {
    width: 5.5em;
    height: 5.5em;
  }
}
@media screen and (max-width: 426px) {
  .MessageSentEntryRecipient ._GridRow:nth-child(1) > ._GridCol:nth-child(1) {
    min-width: 4.5em;
    min-height: 4.5em;
  }
  .MessageSentEntryRecipient .providerImage {
    width: 4.5em;
    height: 4.5em;
  }
}
@media screen and (max-width: 321px) {
  .MessageSentEntryRecipient {
    padding: 0.25rem;
  }
  .MessageSentEntryRecipient ._GridRow:nth-child(1) > ._GridCol:nth-child(1) {
    min-width: 3.75em;
    min-height: 3.75em;
  }
  .MessageSentEntryRecipient .providerImage {
    width: 3.5em;
    height: 3.5em;
  }
}

.NextSteps .TaskChanges {
  margin-bottom: 1.5em;
}

.MessageSent {
  margin-bottom: 1rem;
}

/* Copyright 2023 Epic Systems Corporation */
.AllSetPage {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.AllSetPage .allSetTextContainer .manageRemindersLink {
  padding: 0;
  margin: 0 0 0 0.1rem;
  display: flex;
  align-items: center;
}

.ToDoIntroPage .introText {
  padding-bottom: 1rem;
}
.ToDoIntroPage .carePlans .enrollmentDescription {
  font-size: 1rem;
  padding-bottom: 0.25rem;
}

.CarePlan {
  display: flex;
  align-items: center;
  padding: 0.25rem 0 0.25rem 0;
}
.CarePlan .carePlanIcon {
  padding-right: 0.25rem;
}

.ReminderMethodPage {
  display: flex;
  flex-direction: column;
}
.ReminderMethodPage .reminderDescription {
  padding-bottom: 0.5rem;
}
.ReminderMethodPage .reminderMethodChoice {
  margin-left: 0.5rem;
}

.ReminderFrequencyPage .reminderFrequencyChoices ._DataEntrySet-fields {
  border: none;
}
.ReminderFrequencyPage .reminderFrequencyChoices .reminderFrequencyChoice::before {
  visibility: hidden;
}
.ReminderFrequencyPage .reminderFrequencyChoices .reminderFrequencyChoice ._DataEntryLabel._readOnlyText[class] {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
}

.ReminderTimesPage .timeBuckets .ReminderTimeInput {
  display: grid;
  column-count: 2;
  padding-top: 0.5em;
  grid-template-columns: 47% 53%;
}
.ReminderTimesPage .timeBuckets .iconAndNameContainer {
  grid-column: 1;
  padding: 0 0.75em 0.5em 0;
  display: grid;
  grid-auto-columns: 20% 80%;
}
.ReminderTimesPage .timeBuckets .iconAndNameContainer .nameLabel {
  margin: auto;
  grid-column: 2;
}
.ReminderTimesPage .timeBuckets .iconAndNameContainer .bucketIcon {
  fill: #363636;
  margin: auto;
  flex-shrink: 0;
  grid-column: 1;
}
.ReminderTimesPage .timeBuckets .inputContainer {
  grid-column: 2;
  margin-top: 1%;
  padding-right: 0.1rem;
}
.ReminderTimesPage .timeBuckets .inputContainer ._labelledField {
  margin-right: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .ReminderTimesPage .timeBuckets .NotificationGroupInput {
    display: grid;
    column-count: 1;
    grid-auto-rows: auto auto;
  }
  .ReminderTimesPage .timeBuckets .iconAndNameContainer {
    grid-column: 1/3;
    grid-row: 1;
    padding: 0;
  }
  .ReminderTimesPage .timeBuckets .inputContainer {
    grid-column: 1/3;
    grid-row: 2;
  }
}

.DailySummaryPage .dailySummaryTimeControl .dailySummaryTimeInput {
  padding-left: 0.25rem;
}

.ContactInfoPage ._ValidatedInput {
  padding-left: 0.25rem;
}
.ContactInfoPage .CallToActionComponent ._Text.ctaText[class] {
  line-height: 1.1rem;
  margin-bottom: 0.1rem;
  color: #767676;
}
.ContactInfoPage .CallToActionComponent .ctaText.ctaLink[class][class][class][class] {
  margin-left: 0.15rem;
}

/* Copyright 2021 Epic Systems Corporation */
.ToDoProgress {
  max-width: 700px;
}

.ProgressBreakdown {
  /*max-width: 9em;*/
  max-width: 100%;
  padding-bottom: 1em;
}
.ProgressBreakdown .progressBreakdownHeader {
  display: flex;
  justify-content: flex-start;
}
.ProgressBreakdown .progressBreakdownHeader .icon {
  flex-basis: inherit;
  flex-shrink: 0;
}
.ProgressBreakdown .progressBreakdownHeader[class][class] .text {
  margin: auto 0;
  flex-shrink: 3;
  min-width: 100px;
  word-wrap: break-word;
}

.Progress {
  margin: auto;
}
.Progress .totalProgress {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0;
  padding-bottom: 15px;
  flex-wrap: wrap;
}
.Progress .totalProgress .ProgressRing {
  flex-grow: 1;
}
@media screen and (max-width: 426px) {
  .Progress .totalProgress .ProgressRing {
    flex-grow: 0;
  }
}
.Progress .totalProgress[class][class] .totalProgressText {
  flex-shrink: 100;
  flex-basis: auto;
  flex-grow: 1.2;
  margin: auto;
  margin-left: 10px;
}
@media screen and (max-width: 426px) {
  .Progress .totalProgress[class][class] .totalProgressText {
    flex-basis: 0;
  }
}
.Progress .progressBreakdownGrid {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
}
.Progress .progressBreakdownGrid .ProgressBreakdown {
  justify-self: center;
}
@media screen and (min-width: 769px) {
  .Progress .progressBreakdownGrid.break5 {
    max-width: 500px;
  }
  .Progress .progressBreakdownGrid.break4 {
    max-width: 420px;
  }
  .Progress .progressBreakdownGrid.break3 {
    max-width: 520px;
  }
}
@media screen and (min-width: 910px) {
  .Progress .progressBreakdownGrid.break4 {
    max-width: inherit;
  }
}
.Progress * div {
  width: auto;
}
.Progress .ProgressRing .circle {
  stroke-opacity: 0.4;
  stroke: var(--wp-proxy-color, #09aa71);
}
.Progress .ProgressRing .circle.ring {
  stroke-opacity: 1;
}
.Progress .Ring .circle {
  stroke-opacity: 0.4;
  stroke: var(--wp-proxy-color, #09aa71);
}
.Progress .Ring .circle.ring {
  stroke-opacity: 1;
}

.HighlightVisualization .viewBoxed {
  width: 100%;
}

.Highlight[class] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0.5rem 0.5%;
}
.Highlight .highlightContent {
  flex: 1 0 62.5%;
}
.Highlight .displayTitle {
  display: flex;
}
.Highlight .displayTitle .taskTypeIcon {
  margin: auto 0;
}
.Highlight .displayTitle[class][class] .textWrapper {
  font-weight: bolder;
  margin: auto;
  padding-left: 0.5em;
}
.Highlight .displayPhrase {
  padding: 0 0.5em 0.5em 0.5em;
  margin-bottom: 0.5em;
}
.Highlight .displayPhrase[class] {
  margin: 0;
}
.Highlight .HighlightVisualization {
  width: 420px;
  padding: 0.5em;
}
.Highlight .HighlightVisualization.smaller {
  width: 180px;
}

.BinaryWeekDots {
  font-weight: bold;
}
.BinaryWeekDots .weekDots {
  display: flex;
  justify-content: space-evenly;
  list-style-type: none;
  padding: 0;
}

.DoubleSparkline .sparklinesFill {
  fill: #10a341;
  fill-opacity: 0.18;
}
.DoubleSparkline .dayText {
  display: inline-block;
  vertical-align: bottom;
  line-break: strict;
  line-height: 80%;
  font-size: 20px;
  letter-spacing: 0.004em;
  color: dimgray;
}
.DoubleSparkline .reading {
  font-size: 20px;
}
.DoubleSparkline .top {
  fill: #4daaf6;
}
.DoubleSparkline .top path {
  stroke: #4daaf6;
}
.DoubleSparkline .bottom {
  fill: #dd299d;
}
.DoubleSparkline .bottom path {
  stroke: #dd299d;
}

.Streak {
  padding: 0 0.35rem 0 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Streak[class][class] {
  height: 5rem;
  width: 5rem;
  margin: auto;
}
.Streak .text {
  font-weight: bold;
  font-size: 2em;
}
.Streak .icon {
  fill: var(--wp-proxy-color, #ed9200);
  max-width: 50%;
}
.Streak::before {
  position: absolute;
  content: "";
  display: inline-block;
  height: inherit;
  width: inherit;
  border-radius: 50%;
  background-color: var(--wp-proxy-bgcolor, #ed9200);
  opacity: 0.3;
}

.WeekDot {
  align-items: center;
  border: 1px solid black;
  border-radius: 50%;
  display: flex;
  flex-shrink: 0;
  font-weight: bold;
  justify-content: center;
  margin: 0 0.5rem 0.5rem 0;
  height: 1.5rem;
  width: 1.5rem;
  font-size: 0.75rem;
  border-color: #dbdbdb;
}
@media screen and (min-width: 321px) {
  .WeekDot {
    height: 2rem;
    width: 2rem;
    font-size: 1rem;
  }
}
@media screen and (min-width: 426px) {
  .WeekDot {
    height: 2.4rem;
    width: 2.4rem;
    font-size: 1.15rem;
  }
}
@media screen and (min-width: 768px) {
  .WeekDot {
    height: 2.44rem;
    width: 2.44rem;
    font-size: 1.2rem;
  }
}
.WeekDot:last-child {
  margin-right: 0;
}
.WeekDot.positive {
  background-color: var(--wp-proxy-color, #09aa71);
  border-color: var(--wp-proxy-color, #09aa71);
  color: white;
}

/* Copyright 2021 Epic Systems Corporation */
.FormStatusText {
  font-style: italic;
  min-height: 1.3rem;
}

.ManageRemindersForm {
  max-width: 700px;
}
.ManageRemindersForm .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.ManageRemindersForm .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.ManageRemindersForm .ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.ManageRemindersForm .ToggleSwitch ._Text {
  align-self: center;
}
.ManageRemindersForm .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 60%;
}
.ManageRemindersForm .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.ManageRemindersForm .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ManageRemindersForm .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.ManageRemindersForm .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.ManageRemindersForm .sliderRail .onIcon {
  z-index: 1;
}
.ManageRemindersForm .sliderRail .sliderKnob, .ManageRemindersForm .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.ManageRemindersForm .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.ManageRemindersForm .sliderButton {
  margin-left: auto;
}
.ManageRemindersForm .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.ManageRemindersForm .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.ManageRemindersForm .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.ManageRemindersForm .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.ManageRemindersForm .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.ManageRemindersForm .formErrorText._Text {
  min-height: 1.25em;
  margin-top: 0;
  margin-bottom: 0.25rem;
  color: #d80000;
}
@media screen and (max-width: 768px) {
  .ManageRemindersForm .formButtons {
    bottom: 0.5rem;
    position: -webkit-sticky;
    position: sticky;
    z-index: 5;
  }
}
.ManageRemindersForm .formButtons .submitButton {
  margin-top: 1em;
  padding-left: 1.5em;
  padding-right: 1.5em;
}
@media screen and (max-width: 768px) {
  .ManageRemindersForm .formButtons .submitButton {
    width: calc(100% - 1.25rem);
    margin-left: 0.625rem;
  }
}
.ManageRemindersForm .sectionTitle + .FrequencySection {
  margin-top: 1.96rem;
}

.NotificationGroupFormSection .scheduleBuckets {
  margin-bottom: 0.5em;
}
.NotificationGroupFormSection ._ListElement:not(:last-child) {
  border-bottom: 1.5px solid #cccccc;
}
.NotificationGroupFormSection .NotificationGroupInput {
  display: grid;
  column-count: 2;
  padding-top: 0.5em;
  grid-template-columns: 50% 50%;
}
.NotificationGroupFormSection .bucketIcon {
  fill: #7a0019;
  margin: 3% 30% auto auto;
  flex-shrink: 0;
  grid-column: 1;
}
.NotificationGroupFormSection .labelContainer {
  padding: 0 0.75em 0.5em 0;
  display: grid;
  grid-auto-columns: 20% 80%;
}
.NotificationGroupFormSection .textLabels {
  display: flex;
  flex-direction: column;
  grid-column: 2;
  justify-content: start;
}
.NotificationGroupFormSection .textLabels .nameLabel {
  font-weight: bold;
  margin: 0;
}
.NotificationGroupFormSection .textLabels .countLabel {
  margin: 0;
}
.NotificationGroupFormSection .inputContainer {
  grid-column: 2;
  margin-top: 1%;
}
.NotificationGroupFormSection ._labelledField {
  margin-right: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .NotificationGroupFormSection .NotificationGroupInput {
    display: grid;
    column-count: 1;
    grid-auto-rows: auto auto;
  }
  .NotificationGroupFormSection .labelContainer {
    grid-column: 1/3;
    grid-row: 1;
    padding: 0;
  }
  .NotificationGroupFormSection .inputContainer {
    grid-column: 1/3;
    grid-row: 2;
  }
}

@media screen and (max-width: 768px) {
  .ReminderScheduleSection {
    max-width: 100%;
    overflow-x: hidden;
  }
}
.ReminderScheduleSection._Segment {
  margin-top: 0;
  padding: 1em;
}
@Media print {
  .ReminderScheduleSection._Segment {
    display: contents;
  }
}
.ReminderScheduleSection ._PageHeading {
  padding-top: 0;
  margin-top: 1.5rem;
}
.ReminderScheduleSection .NotificationGroupFormSection ._PageHeading {
  margin-top: 0;
}
.ReminderScheduleSection .commPrefsLinkDescription[class] {
  margin-bottom: 0;
}
.ReminderScheduleSection .timeZoneAlertDescription[class] {
  margin-top: 2rem;
}
.ReminderScheduleSection .commPrefsLinkDescription[class], .ReminderScheduleSection .timeZoneDescription[class] {
  margin-top: 0;
}

.DailyDigestInput {
  align-items: center;
}
.DailyDigestInput .dailyDigestInputContainer {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .DailyDigestInput .dailyDigestInputContainer {
    width: 100%;
  }
}

/* Copyright 2021 Epic Systems Corporation */
.AppointmentTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.AppointmentTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.AppointmentTaskRow.completed {
  background-color: #e6f7f1;
}
.AppointmentTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.AppointmentTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.AppointmentTaskRow.completed .statusIcon {
  fill: #079d68;
}
.AppointmentTaskRow.skipped {
  background-color: #eaeaea;
}
.AppointmentTaskRow.skipped .statusIcon {
  fill: #767676;
}
.AppointmentTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.AppointmentTaskRow > * {
  margin: 0 0.1rem;
}
.AppointmentTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.AppointmentTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .AppointmentTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .AppointmentTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .AppointmentTaskRow .actions {
    max-width: 50%;
  }
}
.AppointmentTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.AppointmentTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.AppointmentTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.AppointmentTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.AppointmentTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .AppointmentTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.AppointmentTaskRow .taskInfo {
  flex: 1;
}
.AppointmentTaskRow .taskInfo ._Text {
  margin: 0;
}
.AppointmentTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.AppointmentTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .AppointmentTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .AppointmentTaskRow {
    padding: 1rem 0.5rem;
  }
  .AppointmentTaskRow > * {
    margin: 0 0.25rem;
  }
  .AppointmentTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.AppointmentTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.EducationTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.EducationTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.EducationTaskRow.completed {
  background-color: #e6f7f1;
}
.EducationTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.EducationTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.EducationTaskRow.completed .statusIcon {
  fill: #079d68;
}
.EducationTaskRow.skipped {
  background-color: #eaeaea;
}
.EducationTaskRow.skipped .statusIcon {
  fill: #767676;
}
.EducationTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.EducationTaskRow > * {
  margin: 0 0.1rem;
}
.EducationTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.EducationTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .EducationTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .EducationTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .EducationTaskRow .actions {
    max-width: 50%;
  }
}
.EducationTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.EducationTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.EducationTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.EducationTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.EducationTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .EducationTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.EducationTaskRow .taskInfo {
  flex: 1;
}
.EducationTaskRow .taskInfo ._Text {
  margin: 0;
}
.EducationTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.EducationTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .EducationTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .EducationTaskRow {
    padding: 1rem 0.5rem;
  }
  .EducationTaskRow > * {
    margin: 0 0.25rem;
  }
  .EducationTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.EducationTaskRow .commandAction[class][class] {
  margin-left: auto;
}
.EducationTaskRow .placeholder {
  margin-left: auto;
}
.EducationTaskRow .placeholder.lg-only {
  width: 5rem;
  height: 2rem;
  border-radius: 4px;
}
.EducationTaskRow .placeholder.sm-only {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.ExpandableContentTaskRow {
  overflow: hidden;
}
.ExpandableContentTaskRow.expanded > .titleTaskRow .actions ._Icon {
  transform: rotate(180deg);
}
.ExpandableContentTaskRow.expanded .expandedContent {
  margin: 1rem;
  max-height: 100rem;
}
.ExpandableContentTaskRow .actionContent {
  align-items: center;
  display: flex;
}
.ExpandableContentTaskRow .expandedContent {
  max-height: 0;
  margin: 0 1rem;
  overflow-y: hidden;
  transition: margin 0.5s, max-height 0.5s;
  width: unset;
}
.ExpandableContentTaskRow > .titleTaskRow .actions ._Icon {
  transition: transform 0.5s;
}
.ExpandableContentTaskRow .titleTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.ExpandableContentTaskRow .titleTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.ExpandableContentTaskRow .titleTaskRow.completed {
  background-color: #e6f7f1;
}
.ExpandableContentTaskRow .titleTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.ExpandableContentTaskRow .titleTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.ExpandableContentTaskRow .titleTaskRow.completed .statusIcon {
  fill: #079d68;
}
.ExpandableContentTaskRow .titleTaskRow.skipped {
  background-color: #eaeaea;
}
.ExpandableContentTaskRow .titleTaskRow.skipped .statusIcon {
  fill: #767676;
}
.ExpandableContentTaskRow .titleTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.ExpandableContentTaskRow .titleTaskRow > * {
  margin: 0 0.1rem;
}
.ExpandableContentTaskRow .titleTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.ExpandableContentTaskRow .titleTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .ExpandableContentTaskRow .titleTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .ExpandableContentTaskRow .titleTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .ExpandableContentTaskRow .titleTaskRow .actions {
    max-width: 50%;
  }
}
.ExpandableContentTaskRow .titleTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.ExpandableContentTaskRow .titleTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.ExpandableContentTaskRow .titleTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.ExpandableContentTaskRow .titleTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.ExpandableContentTaskRow .titleTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .ExpandableContentTaskRow .titleTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ExpandableContentTaskRow .titleTaskRow .taskInfo {
  flex: 1;
}
.ExpandableContentTaskRow .titleTaskRow .taskInfo ._Text {
  margin: 0;
}
.ExpandableContentTaskRow .titleTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.ExpandableContentTaskRow .titleTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .ExpandableContentTaskRow .titleTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .ExpandableContentTaskRow .titleTaskRow {
    padding: 1rem 0.5rem;
  }
  .ExpandableContentTaskRow .titleTaskRow > * {
    margin: 0 0.25rem;
  }
  .ExpandableContentTaskRow .titleTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.ExpandableContentTaskRow .titleTaskRow .commandAction[class][class] {
  margin-left: auto;
}
.ExpandableContentTaskRow .titleTaskRow .actions {
  justify-content: center;
  max-width: unset;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ExpandableContentTaskRow .titleTaskRow .actions {
    max-width: 40%;
    width: auto;
  }
}

.FlowsheetTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.FlowsheetTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.FlowsheetTaskRow.completed {
  background-color: #e6f7f1;
}
.FlowsheetTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.FlowsheetTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.FlowsheetTaskRow.completed .statusIcon {
  fill: #079d68;
}
.FlowsheetTaskRow.skipped {
  background-color: #eaeaea;
}
.FlowsheetTaskRow.skipped .statusIcon {
  fill: #767676;
}
.FlowsheetTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.FlowsheetTaskRow > * {
  margin: 0 0.1rem;
}
.FlowsheetTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.FlowsheetTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .FlowsheetTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .FlowsheetTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .FlowsheetTaskRow .actions {
    max-width: 50%;
  }
}
.FlowsheetTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.FlowsheetTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.FlowsheetTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.FlowsheetTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.FlowsheetTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .FlowsheetTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.FlowsheetTaskRow .taskInfo {
  flex: 1;
}
.FlowsheetTaskRow .taskInfo ._Text {
  margin: 0;
}
.FlowsheetTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.FlowsheetTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .FlowsheetTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .FlowsheetTaskRow {
    padding: 1rem 0.5rem;
  }
  .FlowsheetTaskRow > * {
    margin: 0 0.25rem;
  }
  .FlowsheetTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.FlowsheetTaskRow .commandAction[class][class] {
  margin-left: auto;
}
.FlowsheetTaskRow .flowsheetValues > ._readOnlyText {
  font-size: 1.15rem;
}
.FlowsheetTaskRow .flowsheetValues > ._readOnlyText:first-child {
  margin-right: 0.25rem;
}
.FlowsheetTaskRow .flowsheetValues > ._readOnlyText:last-child {
  margin-left: 0.25rem;
}
.FlowsheetTaskRow .flowsheetRowContent {
  align-items: center;
  display: flex;
  width: auto;
  text-align: center;
}

.FrequencyFormSection .intervalInput {
  padding-right: 20px;
}
.FrequencyFormSection .frequencyInput,
.FrequencyFormSection .intervalInput {
  width: auto;
}
.FrequencyFormSection .frequencyInput label,
.FrequencyFormSection .intervalInput label {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.FrequencyFormSection .frequencyInput[class] select,
.FrequencyFormSection .intervalInput[class] select {
  margin-top: 0;
  padding-top: 0.25rem;
}
.FrequencyFormSection .repeatInputs {
  display: flex;
  flex-wrap: wrap;
}
.FrequencyFormSection .repeatPrefix {
  min-width: 4em;
  width: auto;
  padding-right: 0.5em;
  padding-top: 0.33em;
}

.GeneralTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.GeneralTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.GeneralTaskRow.completed {
  background-color: #e6f7f1;
}
.GeneralTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.GeneralTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.GeneralTaskRow.completed .statusIcon {
  fill: #079d68;
}
.GeneralTaskRow.skipped {
  background-color: #eaeaea;
}
.GeneralTaskRow.skipped .statusIcon {
  fill: #767676;
}
.GeneralTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.GeneralTaskRow > * {
  margin: 0 0.1rem;
}
.GeneralTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.GeneralTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .GeneralTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .GeneralTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .GeneralTaskRow .actions {
    max-width: 50%;
  }
}
.GeneralTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.GeneralTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.GeneralTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.GeneralTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.GeneralTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .GeneralTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.GeneralTaskRow .taskInfo {
  flex: 1;
}
.GeneralTaskRow .taskInfo ._Text {
  margin: 0;
}
.GeneralTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.GeneralTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .GeneralTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .GeneralTaskRow {
    padding: 1rem 0.5rem;
  }
  .GeneralTaskRow > * {
    margin: 0 0.25rem;
  }
  .GeneralTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.GeneralTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.HideFinishedTasksBanner .dismissCmd[class] {
  margin-bottom: 0;
  margin-top: 0;
}

.IconCommand[class][class] {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  flex-shrink: 0;
  height: 40px;
  padding: 0;
  position: relative;
  width: 40px;
}
.IconCommand[class][class]:focus, .IconCommand[class][class]:hover {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
.IconCommand[class][class]:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transform: none;
}
.IconCommand[class][class]:disabled {
  box-shadow: none;
}
.IconCommand[class][class].secondary {
  border: none;
}
.IconCommand[class][class] ._Icon {
  position: absolute;
}
.IconCommand[class][class] ._Icon.iconSize-50 {
  left: calc((100% - 50%) / 2);
  top: calc((100% - 50%) / 2);
  height: 50%;
  width: 50%;
}
.IconCommand[class][class] ._Icon.iconSize-60 {
  left: calc((100% - 60%) / 2);
  top: calc((100% - 60%) / 2);
  height: 60%;
  width: 60%;
}
.IconCommand[class][class] ._Icon.iconSize-70 {
  left: calc((100% - 70%) / 2);
  top: calc((100% - 70%) / 2);
  height: 70%;
  width: 70%;
}
.IconCommand[class][class] ._Icon.iconSize-80 {
  left: calc((100% - 80%) / 2);
  top: calc((100% - 80%) / 2);
  height: 80%;
  width: 80%;
}
.IconCommand[class][class] ._Icon.iconSize-90 {
  left: calc((100% - 90%) / 2);
  top: calc((100% - 90%) / 2);
  height: 90%;
  width: 90%;
}

.LinkTask[class] .linkTaskLongDescription {
  max-width: 35rem;
  width: 100%;
  min-height: fit-content;
  margin: 1rem 0 0 0;
  word-break: break-word;
}
@Media print {
  .LinkTask[class] .linkTaskLongDescription {
    display: contents;
  }
}
.LinkTask[class] .linkTaskLongDescription img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.LinkTask[class] .LinkTaskContentPreview {
  margin: 1rem 0 0 0;
  max-width: 35rem;
}
.LinkTask[class] .LinkTaskActionButtons {
  margin-top: 2rem;
}

.LinkTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.LinkTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.LinkTaskRow.completed {
  background-color: #e6f7f1;
}
.LinkTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.LinkTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.LinkTaskRow.completed .statusIcon {
  fill: #079d68;
}
.LinkTaskRow.skipped {
  background-color: #eaeaea;
}
.LinkTaskRow.skipped .statusIcon {
  fill: #767676;
}
.LinkTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.LinkTaskRow > * {
  margin: 0 0.1rem;
}
.LinkTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.LinkTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .LinkTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .LinkTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .LinkTaskRow .actions {
    max-width: 50%;
  }
}
.LinkTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.LinkTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.LinkTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.LinkTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.LinkTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .LinkTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.LinkTaskRow .taskInfo {
  flex: 1;
}
.LinkTaskRow .taskInfo ._Text {
  margin: 0;
}
.LinkTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.LinkTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .LinkTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .LinkTaskRow {
    padding: 1rem 0.5rem;
  }
  .LinkTaskRow > * {
    margin: 0 0.25rem;
  }
  .LinkTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.LinkTaskRow .commandAction[class][class] {
  margin-left: auto;
}
.LinkTaskRow .placeholder {
  margin-left: auto;
}
.LinkTaskRow .placeholder.lg-only {
  width: 5rem;
  height: 2rem;
  border-radius: 4px;
}
.LinkTaskRow .placeholder.sm-only {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
}

.ManagePatientCreatedTasks {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.ManagePatientCreatedTasks .backToTasks ._Icon {
  margin-right: 0.25rem;
}
.ManagePatientCreatedTasks .backToTasks:not(.Icon) {
  padding: 0rem;
  display: flex;
  align-items: center;
}
.ManagePatientCreatedTasks .pageTitle {
  padding: 0.5rem;
}
.ManagePatientCreatedTasks .createNewTask {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .ManagePatientCreatedTasks .createNewTask {
    width: 100%;
  }
}
.ManagePatientCreatedTasks .PatientCreatedTaskRow .description {
  color: #767676;
}

.MedicationsBucketTaskRow .medsWarningText._Text {
  margin-left: auto;
  margin-right: auto;
  max-width: 30rem;
}
.MedicationsBucketTaskRow .markRemainingTakenCmd._command {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 1rem auto 0 auto;
  max-width: 15rem;
  width: 100%;
}
.mobile .MedicationsBucketTaskRow .markRemainingTakenCmd {
  display: flex;
}

.MedicationTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.MedicationTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.MedicationTaskRow.completed {
  background-color: #e6f7f1;
}
.MedicationTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.MedicationTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.MedicationTaskRow.completed .statusIcon {
  fill: #079d68;
}
.MedicationTaskRow.skipped {
  background-color: #eaeaea;
}
.MedicationTaskRow.skipped .statusIcon {
  fill: #767676;
}
.MedicationTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.MedicationTaskRow > * {
  margin: 0 0.1rem;
}
.MedicationTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.MedicationTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .MedicationTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .MedicationTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .MedicationTaskRow .actions {
    max-width: 50%;
  }
}
.MedicationTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.MedicationTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.MedicationTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.MedicationTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.MedicationTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .MedicationTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.MedicationTaskRow .taskInfo {
  flex: 1;
}
.MedicationTaskRow .taskInfo ._Text {
  margin: 0;
}
.MedicationTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.MedicationTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .MedicationTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .MedicationTaskRow {
    padding: 1rem 0.5rem;
  }
  .MedicationTaskRow > * {
    margin: 0 0.25rem;
  }
  .MedicationTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.MedicationTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.PatientCreatedTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.PatientCreatedTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.PatientCreatedTaskRow.completed {
  background-color: #e6f7f1;
}
.PatientCreatedTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.PatientCreatedTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.PatientCreatedTaskRow.completed .statusIcon {
  fill: #079d68;
}
.PatientCreatedTaskRow.skipped {
  background-color: #eaeaea;
}
.PatientCreatedTaskRow.skipped .statusIcon {
  fill: #767676;
}
.PatientCreatedTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.PatientCreatedTaskRow > * {
  margin: 0 0.1rem;
}
.PatientCreatedTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.PatientCreatedTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .PatientCreatedTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .PatientCreatedTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .PatientCreatedTaskRow .actions {
    max-width: 50%;
  }
}
.PatientCreatedTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.PatientCreatedTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.PatientCreatedTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.PatientCreatedTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.PatientCreatedTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .PatientCreatedTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.PatientCreatedTaskRow .taskInfo {
  flex: 1;
}
.PatientCreatedTaskRow .taskInfo ._Text {
  margin: 0;
}
.PatientCreatedTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.PatientCreatedTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .PatientCreatedTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .PatientCreatedTaskRow {
    padding: 1rem 0.5rem;
  }
  .PatientCreatedTaskRow > * {
    margin: 0 0.25rem;
  }
  .PatientCreatedTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.PatientCreatedTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.PersistentQuestionnaireTaskList .persistentQnrLink {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.PersistentQuestionnaireTaskList .persistentQnrLink .persistentQnrIcon {
  margin-right: 0.1rem;
  flex-shrink: 0;
  fill: #767676;
}

.QuestionnaireTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.QuestionnaireTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.QuestionnaireTaskRow.completed {
  background-color: #e6f7f1;
}
.QuestionnaireTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.QuestionnaireTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.QuestionnaireTaskRow.completed .statusIcon {
  fill: #079d68;
}
.QuestionnaireTaskRow.skipped {
  background-color: #eaeaea;
}
.QuestionnaireTaskRow.skipped .statusIcon {
  fill: #767676;
}
.QuestionnaireTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.QuestionnaireTaskRow > * {
  margin: 0 0.1rem;
}
.QuestionnaireTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.QuestionnaireTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .QuestionnaireTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .QuestionnaireTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .QuestionnaireTaskRow .actions {
    max-width: 50%;
  }
}
.QuestionnaireTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.QuestionnaireTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.QuestionnaireTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.QuestionnaireTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.QuestionnaireTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .QuestionnaireTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.QuestionnaireTaskRow .taskInfo {
  flex: 1;
}
.QuestionnaireTaskRow .taskInfo ._Text {
  margin: 0;
}
.QuestionnaireTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.QuestionnaireTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .QuestionnaireTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .QuestionnaireTaskRow {
    padding: 1rem 0.5rem;
  }
  .QuestionnaireTaskRow > * {
    margin: 0 0.25rem;
  }
  .QuestionnaireTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.QuestionnaireTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.SimpleGenericMedicationGroupTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.SimpleGenericMedicationGroupTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.SimpleGenericMedicationGroupTaskRow.completed {
  background-color: #e6f7f1;
}
.SimpleGenericMedicationGroupTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.SimpleGenericMedicationGroupTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.SimpleGenericMedicationGroupTaskRow.completed .statusIcon {
  fill: #079d68;
}
.SimpleGenericMedicationGroupTaskRow.skipped {
  background-color: #eaeaea;
}
.SimpleGenericMedicationGroupTaskRow.skipped .statusIcon {
  fill: #767676;
}
.SimpleGenericMedicationGroupTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.SimpleGenericMedicationGroupTaskRow > * {
  margin: 0 0.1rem;
}
.SimpleGenericMedicationGroupTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.SimpleGenericMedicationGroupTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .SimpleGenericMedicationGroupTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .SimpleGenericMedicationGroupTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .SimpleGenericMedicationGroupTaskRow .actions {
    max-width: 50%;
  }
}
.SimpleGenericMedicationGroupTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.SimpleGenericMedicationGroupTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.SimpleGenericMedicationGroupTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.SimpleGenericMedicationGroupTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.SimpleGenericMedicationGroupTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .SimpleGenericMedicationGroupTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.SimpleGenericMedicationGroupTaskRow .taskInfo {
  flex: 1;
}
.SimpleGenericMedicationGroupTaskRow .taskInfo ._Text {
  margin: 0;
}
.SimpleGenericMedicationGroupTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.SimpleGenericMedicationGroupTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .SimpleGenericMedicationGroupTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .SimpleGenericMedicationGroupTaskRow {
    padding: 1rem 0.5rem;
  }
  .SimpleGenericMedicationGroupTaskRow > * {
    margin: 0 0.25rem;
  }
  .SimpleGenericMedicationGroupTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.SimpleGenericMedicationGroupTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.SuggestedTasksContainer {
  background: radial-gradient(78% 42px at 75% 24px, transparent 0%, transparent 97%, rgba(130, 36, 181, 0.15) 98%, rgba(130, 36, 181, 0.15) 100%), radial-gradient(54% 179px at 51% -153px, rgba(36, 164, 181, 0.15) 0%, rgba(36, 164, 181, 0.15) 98%, transparent 99%, transparent 100%), radial-gradient(34% 60px at 78% -35px, rgba(36, 181, 106, 0.15) 0%, rgba(36, 181, 106, 0.15) 98%, transparent 99%, transparent 100%), radial-gradient(86% 68px at 20% 46px, transparent 0%, transparent 97%, rgba(82, 36, 181, 0.15) 98%, rgba(82, 36, 181, 0.15) 100%);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 32px;
  background-color: white;
  margin-bottom: 0.75rem;
}
.SuggestedTasksContainer.container {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto auto 1fr auto;
  padding: 0.5rem;
  word-break: break-word;
  column-gap: 0.5rem;
  row-gap: 0rem;
}
.SuggestedTasksContainer.boundaryBorder {
  border: 1px solid #7a0019;
  border-radius: 6px;
}
.SuggestedTasksContainer .icon {
  grid-column: 1/2;
  grid-row: 1/4;
}
.SuggestedTasksContainer .header {
  font-size: 1.125rem;
  color: #7a0019;
  grid-column: 2/2;
  grid-row: 1/4;
  margin-bottom: 0.25rem;
  margin-top: 0.2rem;
  padding: 0;
}
.SuggestedTasksContainer .content {
  font-size: 13pt;
  color: #363636;
  grid-column: 2/2;
  grid-row: 2/4;
}
.SuggestedTasksContainer .content .disclaimer {
  direction: inherit;
  display: block;
  margin-top: 0.25rem;
  font-size: 0.8888888889rem;
  color: #767676;
}
[data-altstylesheet="High Contrast"] .SuggestedTasksContainer .content .disclaimer {
  color: #000000;
}

.SuggestedTasksContainer .disclosureButton {
  margin-top: 0.5rem;
}
.SuggestedTasksContainer .SuggestedTaskList {
  margin-top: 0rem;
}
.SuggestedTasksContainer .SuggestedTaskList .SuggestedTaskRow {
  padding-left: 0;
  padding-right: 0;
}
.SuggestedTasksContainer .SuggestedTaskList li:first-child .SuggestedTaskRow {
  padding-top: 0.5rem;
}
.SuggestedTasksContainer .feedback {
  font-size: 13pt;
  color: #363636;
  grid-column: 1/-1;
  grid-row: 4/4;
  margin: 0.5rem 0 0 0.5rem;
}
.SuggestedTasksContainer .feedbackThumb:first-of-type {
  margin-left: 0.5rem;
}
.SuggestedTasksContainer .feedbackThumb:hover,
.tvmode .SuggestedTasksContainer .feedbackThumb:is(:hover, :focus) {
  color: #680015;
}

.SuggestedTasksContainer .expandingContent {
  grid-column: 1/-1;
  grid-row: 3/4;
  justify-self: center;
}

.SuggestedTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.SuggestedTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.SuggestedTaskRow.completed {
  background-color: #e6f7f1;
}
.SuggestedTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.SuggestedTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.SuggestedTaskRow.completed .statusIcon {
  fill: #079d68;
}
.SuggestedTaskRow.skipped {
  background-color: #eaeaea;
}
.SuggestedTaskRow.skipped .statusIcon {
  fill: #767676;
}
.SuggestedTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.SuggestedTaskRow > * {
  margin: 0 0.1rem;
}
.SuggestedTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.SuggestedTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .SuggestedTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .SuggestedTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .SuggestedTaskRow .actions {
    max-width: 50%;
  }
}
.SuggestedTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.SuggestedTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.SuggestedTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.SuggestedTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.SuggestedTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .SuggestedTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.SuggestedTaskRow .taskInfo {
  flex: 1;
}
.SuggestedTaskRow .taskInfo ._Text {
  margin: 0;
}
.SuggestedTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.SuggestedTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .SuggestedTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .SuggestedTaskRow {
    padding: 1rem 0.5rem;
  }
  .SuggestedTaskRow > * {
    margin: 0 0.25rem;
  }
  .SuggestedTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.SuggestedTaskRow .commandAction[class][class] {
  margin-left: auto;
}
.SuggestedTaskRow .description {
  padding-right: 0.3rem;
}

.TaskDetailsFormSection ._PageHeading {
  padding-bottom: 0.25em;
}
.TaskDetailsFormSection .nameInput, .TaskDetailsFormSection .descriptionInput {
  width: 100%;
}
.TaskDetailsFormSection .dateInput {
  margin-right: 0.5rem;
}
.TaskDetailsFormSection .whenInputs {
  display: flex;
  flex-direction: column;
  max-width: 20rem;
}
.TaskDetailsFormSection .whenInputs ._input {
  width: 100%;
}
.TaskDetailsFormSection .whenInputs ._ValidatedDateEntry > *:first-child {
  width: 100%;
}
.TaskDetailsFormSection .whenInputs .timeInput > *:first-child {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .TaskDetailsFormSection .whenInputs {
    flex-direction: row;
    max-width: 100%;
  }
}

.TaskEditorForm {
  width: auto;
  margin: 0 2px;
}
.TaskEditorForm .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.TaskEditorForm .Banner .sectionTitle {
  padding: 0 0 0.125em 0;
}
.TaskEditorForm .Banner .bannerTypeIcon {
  align-self: flex-start;
  flex-shrink: 0;
}
.TaskEditorForm .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.TaskEditorForm .Banner .bannerActions {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin: 0.5rem 0;
  width: 100%;
}
.TaskEditorForm .Banner .bannerActions ._command {
  margin: 0 0.25rem;
}
@media screen and (min-width: 769px) {
  .TaskEditorForm .Banner .bannerActions {
    width: auto;
  }
}
.TaskEditorForm .Banner.informational {
  background-color: #e0f1ff;
}
.TaskEditorForm .Banner.informational .sectionTitle {
  color: #7a0019;
}
.TaskEditorForm .Banner.success {
  background-color: #ccffd8;
}
.TaskEditorForm .Banner.success .sectionTitle {
  color: #0f784a;
}
.TaskEditorForm .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.TaskEditorForm .Banner.warning {
  background-color: #ffffd0;
}
.TaskEditorForm .Banner.warning .sectionTitle {
  color: #363636;
}
.TaskEditorForm .Banner.critical {
  background-color: #ffe8e8;
}
.TaskEditorForm .Banner.critical .sectionTitle {
  color: #d80000;
}
.TaskEditorForm .careTeamCanSee {
  font-style: italic;
}
.TaskEditorForm .submitTask[class] {
  margin-top: 1rem;
  width: 100%;
}

.TaskListContainer._Segment {
  min-height: 0;
  overflow: hidden;
  padding: 0;
}
@media print {
  .TaskListContainer._Segment {
    display: block;
  }
}
@media print {
  .TaskListContainer._Segment ._ListElement {
    display: inline-block;
    break-inside: avoid;
    width: 100%;
  }
}
.TaskListContainer._Segment.boundaryBorder {
  border: 1px solid #dbdbdb;
  border-radius: 0.35rem;
}
.TaskListContainer._Segment ._List > *:not(:last-child) {
  border-bottom: 1px solid #dbdbdb;
}

.TaskListGroupedByDate > *:first-child {
  margin-top: 0;
  padding-top: 0;
}

.TaskRowLinkAction[class][class] {
  margin-left: auto;
}
.TaskRowLinkAction.sm-only[class][class] {
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  flex-shrink: 0;
  height: 40px;
  padding: 0;
  position: relative;
  width: 40px;
}
.TaskRowLinkAction.sm-only[class][class]:focus, .TaskRowLinkAction.sm-only[class][class]:hover {
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
}
.TaskRowLinkAction.sm-only[class][class]:active {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  transform: none;
}
.TaskRowLinkAction.sm-only[class][class]:disabled {
  box-shadow: none;
}
.TaskRowLinkAction.sm-only[class][class].secondary {
  border: none;
}
.TaskRowLinkAction.sm-only[class][class] ._Icon {
  position: absolute;
}
.TaskRowLinkAction.sm-only[class][class] ._Icon.iconSize-50 {
  left: calc((100% - 50%) / 2);
  top: calc((100% - 50%) / 2);
  height: 50%;
  width: 50%;
}
.TaskRowLinkAction.sm-only[class][class] ._Icon.iconSize-60 {
  left: calc((100% - 60%) / 2);
  top: calc((100% - 60%) / 2);
  height: 60%;
  width: 60%;
}
.TaskRowLinkAction.sm-only[class][class] ._Icon.iconSize-70 {
  left: calc((100% - 70%) / 2);
  top: calc((100% - 70%) / 2);
  height: 70%;
  width: 70%;
}
.TaskRowLinkAction.sm-only[class][class] ._Icon.iconSize-80 {
  left: calc((100% - 80%) / 2);
  top: calc((100% - 80%) / 2);
  height: 80%;
  width: 80%;
}
.TaskRowLinkAction.sm-only[class][class] ._Icon.iconSize-90 {
  left: calc((100% - 90%) / 2);
  top: calc((100% - 90%) / 2);
  height: 90%;
  width: 90%;
}
.TaskRowLinkAction.sm-only ._Icon {
  /*rtl:raw:
  transform: scaleX(-1);
  */
}
.TaskRowLinkAction.lg-only ._readOnlyText[class][class] {
  color: #ffffff;
}
.TaskRowLinkAction.lg-only .disabledText[class][class][class] {
  color: #565656;
}
.TaskRowLinkAction.lg-only .goToContentIcon {
  vertical-align: text-bottom;
  margin-left: 0.2rem;
  margin-bottom: 0.1rem;
}
.TaskRowLinkAction.lg-only .externalWindowIcon {
  vertical-align: text-bottom;
  margin-left: 0.2rem;
}

.TaskRowNotActionableReason {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0.5rem calc(0.2rem + 32px) 0 calc(0.2rem + 32px);
  font-style: italic;
}
@media screen and (min-width: 769px) {
  .TaskRowNotActionableReason {
    flex: 0.5;
    justify-content: flex-end;
    padding: 0;
  }
}

.Tasks .tasksHeaderSection .progressAndOptions {
  align-items: flex-end;
  display: flex;
}
.Tasks .tasksHeaderSection .progressAndOptions > *:first-child, .Tasks .tasksHeaderSection .progressAndOptions > *:last-child {
  flex: 1;
}
.Tasks .tasksHeaderSection .progressAndOptions > *:last-child {
  display: flex;
  justify-content: flex-end;
}
.Tasks .tasksHeaderSection .moreMenu ._MenuButton {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .Tasks .tasksHeaderSection .moreMenu ._MenuButton, .mobile .Tasks .tasksHeaderSection .moreMenu ._MenuButton {
    padding-bottom: 0.5rem;
  }
}
.Tasks .tasksHeaderSection .invisible {
  visibility: hidden;
}
.Tasks .tasksHeaderSection + .tasksMainSection .TaskListGroupedByDate .groupHeading:first-child {
  margin-top: -1.85rem;
}

.TasksNavigation {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
@media print {
  .TasksNavigation {
    justify-content: center;
  }
}
.TasksNavigation .numOverdue {
  color: #7a0019;
}
.TasksNavigation .tasksHeading {
  align-items: center;
  display: flex;
  margin: 0.5rem 1rem;
  order: 2;
  width: auto;
  word-break: break-word;
}
.TasksNavigation .tasksHeading ._Icon {
  color: #7a0019;
}
.TasksNavigation .tasksHeading ._PageHeading {
  padding: 0;
}
.mobile .TasksNavigation .tasksHeading ._PageHeading {
  margin: 0;
  padding: 0;
}
.TasksNavigation .navigateBackContainer {
  align-items: center;
  display: flex;
  flex: 1;
  order: 1;
}
@media print {
  .TasksNavigation .navigateBackContainer {
    display: none;
  }
}
.TasksNavigation .navigateBackContainer .IconCommand {
  margin-right: 0.25rem;
}
.TasksNavigation .navigateForwardContainer {
  display: flex;
  flex: 1;
  justify-content: flex-end;
  order: 3;
}
@media print {
  .TasksNavigation .navigateForwardContainer {
    display: none;
  }
}
.TasksNavigation .navigateBackCmd ._Icon {
  transform: rotate(90deg);
}
.TasksNavigation .navigateForwardCmd ._Icon {
  transform: rotate(-90deg);
}
@media screen and (max-width: 768px) {
  .TasksNavigation[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .TasksNavigation .navigateBackCmd:not(.IconCommand) {
    align-items: center;
    display: flex;
    padding: 0 0.5rem 0 0;
  }
  .TasksNavigation .navigateForwardCmd:not(.IconCommand) {
    align-items: center;
    display: flex;
    padding: 0 0 0 0.5rem;
  }
  .TasksNavigation[class] .sm-only {
    display: none;
  }
}

.ToDoChangeTaskRow {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  padding: 0.5rem 0.25rem;
  position: relative;
  transition: background-color 0.5s;
  word-break: break-word;
}
.ToDoChangeTaskRow.disabled ._readOnlyText {
  color: #767676;
}
.ToDoChangeTaskRow.completed {
  background-color: #e6f7f1;
}
.ToDoChangeTaskRow.completed ._readOnlyText:not(a) {
  color: #0f784a;
}
.ToDoChangeTaskRow.completed ._Command ._readOnlyText {
  color: currentColor;
}
.ToDoChangeTaskRow.completed .statusIcon {
  fill: #079d68;
}
.ToDoChangeTaskRow.skipped {
  background-color: #eaeaea;
}
.ToDoChangeTaskRow.skipped .statusIcon {
  fill: #767676;
}
.ToDoChangeTaskRow.highlighted {
  animation: highlightRow 2s;
  animation-iteration-count: 1;
  animation-delay: 1s;
}
.ToDoChangeTaskRow > * {
  margin: 0 0.1rem;
}
.ToDoChangeTaskRow ._readOnlyText {
  transition: color 0.5s;
}
.ToDoChangeTaskRow .actions {
  align-items: center;
  display: flex;
  margin: 0;
  max-width: 40%;
  width: auto;
}
@media screen and (min-width: 769px) {
  .ToDoChangeTaskRow .actions {
    min-width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .ToDoChangeTaskRow .actions {
    min-width: 3rem;
  }
}
@media print {
  .ToDoChangeTaskRow .actions {
    max-width: 50%;
  }
}
.ToDoChangeTaskRow .actions > ._command {
  margin: 0 0.25rem;
}
.ToDoChangeTaskRow .actions > ._link {
  margin: 0 0.25rem;
}
.ToDoChangeTaskRow > ._AsyncIndicator.asyncInFlight {
  align-self: flex-start;
  width: 32px;
}
.ToDoChangeTaskRow > ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 32px;
  height: 32px;
  border-width: 5px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  border-width: 4px;
}
.ToDoChangeTaskRow > ._AsyncIndicator.asyncInFlight .animation:before, .ToDoChangeTaskRow > ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ToDoChangeTaskRow .taskInfo {
  flex: 1;
}
.ToDoChangeTaskRow .taskInfo ._Text {
  margin: 0;
}
.ToDoChangeTaskRow .taskTitle {
  color: #363636;
  margin-bottom: 0.25rem;
  padding: 0;
}
.ToDoChangeTaskRow ._StatusBadge[class] {
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .ToDoChangeTaskRow[class] .lg-only {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .ToDoChangeTaskRow {
    padding: 1rem 0.5rem;
  }
  .ToDoChangeTaskRow > * {
    margin: 0 0.25rem;
  }
  .ToDoChangeTaskRow[class] .sm-only {
    display: none;
  }
}
@keyframes highlightRow {
  0% {
    background-color: #ffffff;
  }
  50% {
    background-color: #ccffd8;
  }
  100% {
    background-color: #ffffff;
  }
}
.ToDoChangeTaskRow .commandAction[class][class] {
  margin-left: auto;
}

.ToDoZeroState {
  text-align: center;
}
.ToDoZeroState > *:first-child[class][class] {
  margin-top: 1rem;
}
.ToDoZeroState .zeroStateImg {
  width: 225px;
}
@media screen and (min-width: 769px) {
  .ToDoZeroState .zeroStateImg {
    width: 275px;
  }
}

.ProgressArc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1rem 0 0.5rem 0;
  width: 8rem;
}
.ProgressArc path {
  fill: none;
  stroke-linecap: round;
  stroke-width: 4;
  transition: stroke 0.5s, stroke-dasharray 0.5s;
}
.ProgressArc path.container {
  stroke: #c38c98;
}
.ProgressArc path.progress {
  stroke: #7a0019;
}
.ProgressArc path.progress.empty {
  stroke: transparent;
}
.ProgressArc svg {
  position: absolute;
  top: -1.25rem;
}
.ProgressArc .arcContainer {
  position: relative;
}
.ProgressArc .percentageText {
  font-size: 1.25rem;
}
.ProgressArc .textContainer {
  text-align: center;
  word-break: break-word;
}
.ProgressArc .textContainer > ._readOnlyText {
  margin-left: auto;
  margin-right: auto;
  max-width: 7rem;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.Tab {
  align-items: center;
  display: flex;
}
.Tab .tabIcon + ._Text {
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .Tab .tabIcon + ._Text {
    display: none;
  }
}
.Tab .tabIcon {
  margin-right: 0.75em;
  flex-shrink: 0;
}
li:not(:hover) [aria-selected=false]:not(:focus) .Tab .tabIcon {
  fill: #767676;
}
.Tab .tabBadge {
  background: #005ebb;
  color: #ffffff;
  border-radius: 1rem;
  padding: 0 0.65rem;
  width: auto;
  font-size: 0.8rem;
  line-height: 1.35rem;
}
@media print {
  .Tab .tabBadge {
    background: #005ebb !important;
    color: #ffffff !important;
  }
}

.ToDo {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 2rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 2rem));
}
.ToDo .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.ToDo .Banner .sectionTitle {
  padding: 0 0 0.125em 0;
}
.ToDo .Banner .bannerTypeIcon {
  align-self: flex-start;
  flex-shrink: 0;
}
.ToDo .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.ToDo .Banner .bannerActions {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  margin: 0.5rem 0;
  width: 100%;
}
.ToDo .Banner .bannerActions ._command {
  margin: 0 0.25rem;
}
@media screen and (min-width: 769px) {
  .ToDo .Banner .bannerActions {
    width: auto;
  }
}
.ToDo .Banner.informational {
  background-color: #e0f1ff;
}
.ToDo .Banner.informational .sectionTitle {
  color: #7a0019;
}
.ToDo .Banner.success {
  background-color: #ccffd8;
}
.ToDo .Banner.success .sectionTitle {
  color: #0f784a;
}
.ToDo .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.ToDo .Banner.warning {
  background-color: #ffffd0;
}
.ToDo .Banner.warning .sectionTitle {
  color: #363636;
}
.ToDo .Banner.critical {
  background-color: #ffe8e8;
}
.ToDo .Banner.critical .sectionTitle {
  color: #d80000;
}
.mobile .ToDo {
  min-height: calc(100vh - 2rem);
}
.datatile .ToDo {
  min-height: auto;
}
.mobile .ToDo ._ViewPicker {
  min-height: 100vh !important;
}
.mobile .ToDo {
  margin-top: 0.5rem;
}
@media screen {
  .mobile .ToDo .todo-title {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .ToDo .todo-title {
    position: relative;
    width: 25%;
  }
  .ToDo .todo-title::after {
    bottom: -1rem;
    border-right: 1px solid #cccccc;
    content: "";
    position: absolute;
    right: 0;
    top: -0.5rem;
  }
  .ToDo ._ViewPicker {
    overflow: visible;
  }
  .ToDo ._ViewPickerPanel {
    min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 2rem));
    min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 2rem));
    margin-top: -3.625rem;
  }
  .mobile .ToDo ._ViewPickerPanel {
    min-height: calc(100vh - 2rem);
  }
  .datatile .ToDo ._ViewPickerPanel {
    min-height: auto;
  }
  .mobile .ToDo ._ViewPickerPanel {
    margin-bottom: 0;
    margin-top: 0;
  }
}
.ToDo .skipToToast {
  display: block;
  position: fixed;
  color: #ffffff;
  background: #000000;
  border: 1px solid #ffffff;
  border-radius: 6px;
  box-shadow: 0 0 3px #ffffff;
  filter: brightness(1.2);
  margin: 2px;
  padding: 0.2rem;
  pointer-events: none;
  text-decoration: underline;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.2s;
  transition-property: opacity;
  margin-top: -0.5rem;
}
.ToDo .skipToToast:focus {
  opacity: 1;
}

.ToDo .skipToToast:focus {
  pointer-events: auto;
}

.ToDo .skipToToast:focus {
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  .ToDo .skipToToast {
    margin-top: -1rem;
  }
}
.mobile .ToDo .skipToToast {
  margin-top: 0.75rem;
}
.ToDo ._ViewPicker._CompactTabControls .tabBadge {
  margin-left: 0.5em;
}
.ToDo ._ViewPicker._CompactTabControls .tabIcon {
  min-height: 22.5px;
  height: 35px;
  min-width: 22.5px;
  width: 35px;
  margin: 0;
}
.ToDo ._ViewPicker._CompactTabControls ._OptionListElement:not(.selected) .tabBadge {
  position: absolute;
  top: 0.5em;
  left: 40%;
  font-size: 0.65rem;
  line-height: 1.1rem;
  padding: 0 0.4rem;
}

._ViewPicker._CompactTabControls ._OptionListCommand {
  padding: 0.5em 0.5em;
  height: 100%;
}
._ViewPicker._CompactTabControls ._OptionListElement {
  max-width: 50%;
}
._ViewPicker._CompactTabControls ._OptionListElement:not(.selected) ._Text {
  width: 0px;
}

/* Copyright 2022 Epic Systems Corporation */
.AbnormalBadge {
  background-color: #faf2ca;
  border: 1px solid #af9308;
  border-radius: 4px;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25rem;
  padding: 0.12rem 0.5rem;
}

.AddReadingsForm .instructionsContainer {
  align-items: flex-start;
  max-width: 55rem;
  margin-bottom: 1rem;
  word-break: break-word;
}
.AddReadingsForm .flowsheetInstructions {
  white-space: pre-wrap;
}
.AddReadingsForm .requiredInstructions {
  margin: 0 0 1rem 0;
}
.AddReadingsForm .formContainer {
  max-width: 36rem;
}
.AddReadingsForm .formContainer > * {
  margin-bottom: 1rem;
}
.AddReadingsForm .groupedInputsContainer {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 0.75rem;
}
.AddReadingsForm .groupedInputsContainer ._heading {
  padding: 0 0 1.25rem 0;
}
.AddReadingsForm .groupedInputsContainer > *:last-child {
  margin-bottom: 0;
}
.AddReadingsForm .actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.AddReadingsForm .actions > *:not(:last-child) {
  margin-right: 0.5rem;
}

.AddReadingsInputs.groupedInputsContainer > *:last-child > *:last-child {
  margin-bottom: 0;
}
.AddReadingsInputs > .groupedInputsContainer {
  margin-bottom: 1rem;
}

.AddReadingsPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.AddReadingsPage .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.AddReadingsPage .Banner.hasOneTextElement .bannerContent {
  align-self: center;
}
.AddReadingsPage .Banner .sectionTitle {
  padding: 0;
}
.AddReadingsPage .Banner .sectionTitle ~ .detailText {
  margin-top: 0.125rem;
}
.AddReadingsPage .Banner .bannerTypeIcon {
  flex-shrink: 0;
}
.AddReadingsPage .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.AddReadingsPage .Banner .bannerActions {
  align-self: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .AddReadingsPage .Banner .bannerActions {
    margin: 0;
    width: auto;
  }
}
.AddReadingsPage .Banner .bannerActions > * {
  margin: 0.25rem;
}
.AddReadingsPage .Banner.informational {
  background-color: #e0f1ff;
}
.AddReadingsPage .Banner.informational .sectionTitle {
  color: #7a0019;
}
.AddReadingsPage .Banner.success {
  background-color: #ccffd8;
}
.AddReadingsPage .Banner.success .sectionTitle {
  color: #0f784a;
}
.AddReadingsPage .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.AddReadingsPage .Banner.warning {
  background-color: #ffffd0;
}
.AddReadingsPage .Banner.warning .sectionTitle {
  color: #363636;
}
.AddReadingsPage .Banner.critical {
  background-color: #ffe8e8;
}
.AddReadingsPage .Banner.critical .sectionTitle {
  color: #d80000;
}
.mobile .AddReadingsPage {
  min-height: calc(100vh - 1rem);
}
.datatile .AddReadingsPage {
  min-height: auto;
}
.AddReadingsPage ._heading {
  word-break: break-word;
}
.mobile .AddReadingsPage {
  margin-top: 1rem;
}
.mobile .AddReadingsPage ._PageTitle {
  display: none;
}
.AddReadingsPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .AddReadingsPage .mobileSubtitle {
  display: block;
}
.AddReadingsPage .LinkAccountBanner, .AddReadingsPage .FailedReadingsBanner {
  margin: 0 0 1rem 0;
}

.BasicReadingTooltip {
  background: #ffffff;
  border-radius: 0.3rem;
  filter: drop-shadow(0px 0px 3px #767676);
  margin: 4px;
  overflow: visible;
  padding: 0.35rem 0.5rem 0.5rem 0.5rem;
  text-align: left;
}
.BasicReadingTooltip.longText {
  max-width: 99%;
  min-width: unset;
}
.BasicReadingTooltip.longText .readingContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.BasicReadingTooltip.longText .readingValue {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.BasicReadingTooltip .dateTime {
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.BasicReadingTooltip .readingValue {
  font-size: 1.3rem;
  font-weight: bold;
}
.BasicReadingTooltip .units {
  font-size: 0.8rem;
  margin-left: 0.3rem;
}
.BasicReadingTooltip .units ~ .readingValue {
  margin-left: 0.3rem;
}
.BasicReadingTooltip .AbnormalBadge {
  margin-left: 0.5rem;
}
.BasicReadingTooltip .metadataValue {
  display: block;
  font-size: 0.8rem;
  line-height: 0.9rem;
  margin-top: 0.25rem;
}
.BasicReadingTooltip ._StatusBadge ._Text._readOnlyText {
  margin-left: 0.25rem;
  display: inline-block;
}

.BloodPressureGroupGraph .graphContent .diastolicLine {
  stroke: #0085f2;
}
.BloodPressureGroupGraph .graphContent .scatterPoint.series2:not(.abnormal):not(.normal) {
  stroke: #0085f2;
}
.BloodPressureGroupGraph .graphContent ._ResponsiveLegend {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.BloodPressureGroupGraph .VictoryContainer > svg:first-child {
  overflow: visible;
}
.BloodPressureGroupGraph .VictoryContainer > svg:first-child path[style*="fill: rgb(221, 41, 157)"] {
  fill: #0085f2 !important;
}
@media screen and (max-width: 768px) {
  .BloodPressureGroupGraph ._DataTable th {
    padding: 0.5rem 0.25rem;
  }
  .BloodPressureGroupGraph ._DataTable td {
    padding: 0.25rem;
  }
  .BloodPressureGroupGraph ._DataTable .readingAction {
    padding: 0.25rem;
  }
  .BloodPressureGroupGraph ._DataTable .readingAction ._readOnlyText {
    display: none;
  }
}
.BloodPressureGroupGraph ._DataTable caption {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.BloodPressureGroupGraph .TablePaginationControls .chevronIcon {
  max-height: 40px;
  max-width: 40px;
}

.BloodPressureGroupInputs {
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 550px) {
  .BloodPressureGroupInputs {
    margin-bottom: 1.25rem;
  }
}
.BloodPressureGroupInputs[class] {
  display: flex;
  flex-wrap: wrap;
}
.BloodPressureGroupInputs:not(.showLegend) fieldset {
  padding: 0;
}
.BloodPressureGroupInputs:not(.showLegend) legend {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.BloodPressureGroupInputs fieldset {
  margin: 0;
  padding-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .BloodPressureGroupInputs ._DataEntrySet-fields {
    display: flex;
  }
}
.BloodPressureGroupInputs .inputContainer ~ .inputContainer {
  margin: 0.5rem 0 0 0;
}
@media screen and (min-width: 550px) {
  .BloodPressureGroupInputs .inputContainer {
    flex: 1;
  }
  .BloodPressureGroupInputs .inputContainer ~ .inputContainer {
    margin: 0 0 0 0.5rem;
  }
}
.BloodPressureGroupInputs ._ValidatedDateEntry ._DataEntryLabel {
  width: fit-content;
}
.BloodPressureGroupInputs ._ValidatedDateEntry ._TextEntry {
  width: 100%;
}
.BloodPressureGroupInputs ._ValidatedInput {
  margin-bottom: 0;
  width: 100%;
}
.BloodPressureGroupInputs ._ValidationMessage:not(:empty) {
  margin: 0.25rem 0 0 0;
}
.BloodPressureGroupInputs .LastSyncedText {
  margin-top: 0.25rem;
}
.BloodPressureGroupInputs .rowInstructionsContainer {
  align-items: flex-start;
  margin-top: 0.25rem;
}
.BloodPressureGroupInputs .rowInstructionsContainer ._command {
  padding: 0;
}
.BloodPressureGroupInputs .rowInstructions {
  font-size: 0.85rem;
  white-space: pre-wrap;
}

.BloodPressureTooltip {
  background: #ffffff;
  border-radius: 0.3rem;
  filter: drop-shadow(0px 0px 3px #767676);
  margin: 4px;
  overflow: visible;
  padding: 0.35rem 0.5rem 0.5rem 0.5rem;
  text-align: left;
}
.BloodPressureTooltip.longText {
  max-width: 99%;
  min-width: unset;
}
.BloodPressureTooltip.longText .readingContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.BloodPressureTooltip.longText .readingValue {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.BloodPressureTooltip .dateTime {
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.BloodPressureTooltip .readingValue {
  font-size: 1.3rem;
  font-weight: bold;
}
.BloodPressureTooltip .units {
  font-size: 0.8rem;
  margin-left: 0.3rem;
}
.BloodPressureTooltip .units ~ .readingValue {
  margin-left: 0.3rem;
}
.BloodPressureTooltip .AbnormalBadge {
  margin-left: 0.5rem;
}
.BloodPressureTooltip .metadataValue {
  display: block;
  font-size: 0.8rem;
  line-height: 0.9rem;
  margin-top: 0.25rem;
}
.BloodPressureTooltip .readingValueSmall {
  font-size: 1.1rem;
}
.BloodPressureTooltip ._StatusBadge ._Text._readOnlyText {
  margin-left: 0.25rem;
  display: inline-block;
}

.DateTimeInputs {
  margin-bottom: 1.75rem;
  border-radius: 6px;
  background-color: #ffffff;
  padding: 0.75rem;
}
@media screen and (min-width: 550px) {
  .DateTimeInputs {
    margin-bottom: 1.25rem;
  }
}
.DateTimeInputs[class] {
  display: flex;
  flex-wrap: wrap;
}
.DateTimeInputs:not(.showLegend) fieldset {
  padding: 0;
}
.DateTimeInputs:not(.showLegend) legend {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.DateTimeInputs fieldset {
  margin: 0;
  padding-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .DateTimeInputs ._DataEntrySet-fields {
    display: flex;
  }
}
.DateTimeInputs .inputContainer ~ .inputContainer {
  margin: 0.5rem 0 0 0;
}
@media screen and (min-width: 550px) {
  .DateTimeInputs .inputContainer {
    flex: 1;
  }
  .DateTimeInputs .inputContainer ~ .inputContainer {
    margin: 0 0 0 0.5rem;
  }
}
.DateTimeInputs ._ValidatedDateEntry ._DataEntryLabel {
  width: fit-content;
}
.DateTimeInputs ._ValidatedDateEntry ._TextEntry {
  width: 100%;
}
.DateTimeInputs ._ValidatedInput {
  margin-bottom: 0;
  width: 100%;
}
.DateTimeInputs ._ValidationMessage:not(:empty) {
  margin: 0.25rem 0 0 0;
}
.DateTimeInputs .LastSyncedText {
  margin-top: 0.25rem;
}
.DateTimeInputs .rowInstructionsContainer {
  align-items: flex-start;
  margin-top: 0.25rem;
}
.DateTimeInputs .rowInstructionsContainer ._command {
  padding: 0;
}
.DateTimeInputs .rowInstructions {
  font-size: 0.85rem;
  white-space: pre-wrap;
}
.DateTimeInputs ._heading {
  padding: 0 0 1.25rem 0;
}
@media screen and (min-width: 550px) {
  .DateTimeInputs.dayEntry .dateInput {
    flex: none;
    width: 50%;
  }
}
.DateTimeInputs ._ReadOnlyField {
  margin-bottom: 0;
}

.EditReadingForm .instructionsContainer {
  align-items: flex-start;
  max-width: 55rem;
  margin-bottom: 1rem;
  word-break: break-word;
}
.EditReadingForm .flowsheetInstructions {
  white-space: pre-wrap;
}
.EditReadingForm .requiredInstructions {
  margin: 0 0 1rem 0;
}
.EditReadingForm .formContainer {
  max-width: 36rem;
}
.EditReadingForm .formContainer > * {
  margin-bottom: 1rem;
}
.EditReadingForm .groupedInputsContainer {
  border-radius: 6px;
  background-color: #ffffff;
  padding: 0.75rem;
}
.EditReadingForm .groupedInputsContainer ._heading {
  padding: 0 0 1.25rem 0;
}
.EditReadingForm .groupedInputsContainer > *:last-child {
  margin-bottom: 0;
}
.EditReadingForm .actions {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1rem;
}
.EditReadingForm .actions > *:not(:last-child) {
  margin-right: 0.5rem;
}
.EditReadingForm ._heading {
  padding-bottom: 1rem;
}
.EditReadingForm .DateTimeInputs .inputContainer {
  flex: 1 0 7rem;
  margin: 0;
}

.EditReadingPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.mobile .EditReadingPage {
  min-height: calc(100vh - 1rem);
}
.datatile .EditReadingPage {
  min-height: auto;
}
.EditReadingPage ._heading {
  word-break: break-word;
}
.mobile .EditReadingPage {
  margin-top: 1rem;
}
.mobile .EditReadingPage ._PageTitle {
  display: none;
}
.EditReadingPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .EditReadingPage .mobileSubtitle {
  display: block;
}

.FiltersMenu-TMH {
  border-radius: 6px;
  background-color: #f2e6e8;
  border: 1px solid #cccccc;
  overflow: hidden;
}
.FiltersMenu-TMH .disclosureButton {
  color: #7a0019;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  text-align: left;
}
.FiltersMenu-TMH .disclosureButton .disclosureChevron {
  margin-left: auto;
}
.FiltersMenu-TMH .menuContent {
  border-top: 1px solid #cccccc;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  overflow-y: auto;
  padding: 0.5rem;
}
.FiltersMenu-TMH .rowItemsChoiceGroup {
  width: 100%;
}
.FiltersMenu-TMH ._DataEntrySet-fields {
  flex-direction: column;
}
.FiltersMenu-TMH ._DataEntrySet-fields ._Choice {
  margin-bottom: 0;
}
.FiltersMenu-TMH ._DataEntrySet-fields ._DataEntryLabel {
  display: flex;
  padding-left: 0.2rem;
  padding-top: 0.2rem;
  word-break: break-word;
}
.FiltersMenu-TMH ._DataEntrySet-fields ._DataEntryLabel:before {
  flex-shrink: 0;
}
.FiltersMenu-TMH .clearSelectionsCmd {
  word-break: break-word;
}
.FiltersMenu-TMH .numSelectedStatusMessage {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}

.FlowsheetActions[class] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0;
  min-height: 0;
  width: 100%;
  word-break: break-word;
  z-index: 1;
}
.FlowsheetActions[class] > *[class] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}

.FlowsheetDetailsPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.FlowsheetDetailsPage .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.FlowsheetDetailsPage .Banner.hasOneTextElement .bannerContent {
  align-self: center;
}
.FlowsheetDetailsPage .Banner .sectionTitle {
  padding: 0;
}
.FlowsheetDetailsPage .Banner .sectionTitle ~ .detailText {
  margin-top: 0.125rem;
}
.FlowsheetDetailsPage .Banner .bannerTypeIcon {
  flex-shrink: 0;
}
.FlowsheetDetailsPage .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.FlowsheetDetailsPage .Banner .bannerActions {
  align-self: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .FlowsheetDetailsPage .Banner .bannerActions {
    margin: 0;
    width: auto;
  }
}
.FlowsheetDetailsPage .Banner .bannerActions > * {
  margin: 0.25rem;
}
.FlowsheetDetailsPage .Banner.informational {
  background-color: #e0f1ff;
}
.FlowsheetDetailsPage .Banner.informational .sectionTitle {
  color: #7a0019;
}
.FlowsheetDetailsPage .Banner.success {
  background-color: #ccffd8;
}
.FlowsheetDetailsPage .Banner.success .sectionTitle {
  color: #0f784a;
}
.FlowsheetDetailsPage .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.FlowsheetDetailsPage .Banner.warning {
  background-color: #ffffd0;
}
.FlowsheetDetailsPage .Banner.warning .sectionTitle {
  color: #363636;
}
.FlowsheetDetailsPage .Banner.critical {
  background-color: #ffe8e8;
}
.FlowsheetDetailsPage .Banner.critical .sectionTitle {
  color: #d80000;
}
.mobile .FlowsheetDetailsPage {
  min-height: calc(100vh - 1rem);
}
.datatile .FlowsheetDetailsPage {
  min-height: auto;
}
.FlowsheetDetailsPage ._heading {
  word-break: break-word;
}
.mobile .FlowsheetDetailsPage {
  margin-top: 1rem;
}
.mobile .FlowsheetDetailsPage ._PageTitle {
  display: none;
}
.FlowsheetDetailsPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .FlowsheetDetailsPage .mobileSubtitle {
  display: block;
}
.FlowsheetDetailsPage .detailsContent {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 8rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 8rem));
  display: grid;
  column-gap: 1rem;
  grid-template-columns: auto;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "filtersMenu" "graphListContainer" "flowsheetActions";
  margin-top: 1rem;
}
.mobile .FlowsheetDetailsPage .detailsContent {
  min-height: calc(100vh - 8rem);
}
.datatile .FlowsheetDetailsPage .detailsContent {
  min-height: auto;
}
.mobile .FlowsheetDetailsPage .detailsContent {
  min-height: 100vh;
}
@media screen and (min-width: 769px) {
  .FlowsheetDetailsPage .detailsContent {
    grid-template-columns: 1fr 3fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "flowsheetActions graphListContainer" "filtersMenu graphListContainer";
  }
}
.FlowsheetDetailsPage .flowsheetActions {
  grid-area: flowsheetActions;
  position: -webkit-sticky;
  position: sticky;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .FlowsheetDetailsPage .flowsheetActions {
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2), 0 -4px 8px 0 rgba(0, 0, 0, 0.2);
    bottom: 0;
    max-height: 25vh;
    overflow: auto;
    padding: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .FlowsheetDetailsPage .flowsheetActions {
    margin-bottom: 1rem;
    top: calc(var(--wp-header-height) + 1rem);
  }
}
@media (orientation: landscape) and (min-width: 769px) and (max-height: 550px) {
  .FlowsheetDetailsPage .flowsheetActions {
    position: static;
  }
}
@media print {
  .FlowsheetDetailsPage .flowsheetActions {
    position: static;
  }
}
.FlowsheetDetailsPage .filtersMenu {
  grid-area: filtersMenu;
  align-self: start;
  position: -webkit-sticky;
  position: sticky;
  top: var(--wp-header-height);
  z-index: 101;
}
@media screen and (max-width: 768px) {
  .FlowsheetDetailsPage .filtersMenu {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-left: -1px;
    min-width: calc(100% + 2px);
  }
  .FlowsheetDetailsPage .filtersMenu .disclosureButton {
    max-height: 10vh;
  }
}
.FlowsheetDetailsPage .filtersMenu .menuContent {
  max-height: 50vh;
}
@media screen and (min-width: 769px) {
  .FlowsheetDetailsPage .filtersMenu .menuContent {
    max-height: 65vh;
  }
}
@media (orientation: landscape) and (min-width: 769px) and (max-height: 550px) {
  .FlowsheetDetailsPage .filtersMenu {
    position: static;
  }
  .FlowsheetDetailsPage .filtersMenu .menuContent {
    max-height: unset;
  }
}
@media print {
  .FlowsheetDetailsPage .filtersMenu {
    position: static;
  }
}
.FlowsheetDetailsPage .graphListContainer {
  grid-area: graphListContainer;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .FlowsheetDetailsPage .graphFilterContainer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (min-width: 769px) {
  .FlowsheetDetailsPage .graphFilterContainer {
    position: -webkit-sticky;
    position: sticky;
    top: var(--wp-header-height);
    z-index: 100;
  }
}
@media (orientation: landscape) and (max-height: 550px) {
  .FlowsheetDetailsPage .graphFilterContainer {
    position: static;
  }
}
@media screen and (min-width: 769px) {
  .FlowsheetDetailsPage .graphList > *:last-child .listItemGraphContainer {
    margin-bottom: 0;
  }
}

.FlowsheetGraphListWithFilter ._AsyncIndicator.asyncInFlight {
  flex-direction: row;
}
.FlowsheetGraphListWithFilter ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 24px;
  height: 24px;
  border-width: 4px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  width: 24px;
}
.FlowsheetGraphListWithFilter ._AsyncIndicator.asyncInFlight .animation:before, .FlowsheetGraphListWithFilter ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.FlowsheetListItem[class] {
  display: flex;
  align-items: center;
  margin: 0 0 0.5rem 0;
  min-height: unset;
  padding: 1rem;
  width: 100%;
  word-break: break-word;
}
.FlowsheetListItem:hover {
  background-color: #f4ebed;
}
.FlowsheetListItem .detailsAndDescriptionContainer {
  flex-shrink: 1;
}
.FlowsheetListItem .detailsLink {
  color: #7a0019;
  display: inline-block;
  font-size: 1.1rem;
  text-decoration: none;
  margin-bottom: 0.25rem;
}
.FlowsheetListItem .detailsLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.FlowsheetListItem .ExternalAccountIcon {
  flex-shrink: 1;
}
.FlowsheetListItem .linkIndicator {
  fill: #767676;
  margin-left: 18px;
  flex-shrink: 0;
  /*rtl:raw:
  transform: scaleX(-1);
  */
}
.FlowsheetListItem .rowNames {
  margin-bottom: 0.25rem;
  display: block;
}
.FlowsheetListItem .flowsheetDate {
  color: #767676;
  display: block;
}

.FlowsheetListPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.mobile .FlowsheetListPage {
  min-height: calc(100vh - 1rem);
}
.datatile .FlowsheetListPage {
  min-height: auto;
}
.FlowsheetListPage ._heading {
  word-break: break-word;
}
.mobile .FlowsheetListPage {
  margin-top: 1rem;
}
.mobile .FlowsheetListPage ._PageTitle {
  display: none;
}
.FlowsheetListPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .FlowsheetListPage .mobileSubtitle {
  display: block;
}
.FlowsheetListPage .FlowsheetList, .FlowsheetListPage .LinkList {
  max-width: 47.5rem;
}
.FlowsheetListPage .ZeroState {
  margin-top: 1rem;
}

@media screen and (min-width: 769px) {
  .FlowsheetReadingsListGrid {
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    padding-bottom: 1rem;
  }
}
.FlowsheetReadingsListGrid .headerRow {
  background-color: rgba(36, 111, 181, 0.05);
}
.FlowsheetReadingsListGrid ._GridCol {
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .FlowsheetReadingsListGrid ._ListGrid[class] .row {
    border-radius: 6px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
    background-color: #ffffff;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    column-gap: 0.5rem;
    grid-template-columns: minmax(50px, 1fr) 1fr;
    grid-template-rows: auto;
    grid-template-areas: "date date" "value value" "entryType action";
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row[class] {
    display: grid;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(1) {
    grid-area: date;
    margin-bottom: 0.5rem;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(2) {
    grid-area: value;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(3) {
    grid-area: entryType;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(3) > *:first-child {
    margin-right: 0.25rem;
    width: auto;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(3) > *:first-child:after {
    content: ":";
    color: #767676;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(4) {
    grid-area: action;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(4) > *:first-child {
    display: none;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .row > ._GridCol:nth-child(4) .ReadingAction {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class].largeValues .readingValue {
    font-size: 1.5rem;
    line-height: 1.75rem;
  }
  .FlowsheetReadingsListGrid ._ListGrid[class] .readingAction {
    padding: 0.25rem;
  }
}
@media screen and (min-width: 769px) {
  .FlowsheetReadingsListGrid ._ListGrid .row:not(:last-child) {
    border-bottom: 1px solid #dbdbdb;
  }
  .FlowsheetReadingsListGrid ._ListGrid ._GridCol {
    padding: 0.5rem;
  }
  .FlowsheetReadingsListGrid ._ListGrid ._ListGridBody ._GridCol {
    display: flex;
    align-items: center;
  }
}
.FlowsheetReadingsListGrid .loadStatus[class][class] {
  color: #767676;
  font-size: 0.9rem;
  margin-top: 1.5rem;
  text-align: center;
}
.FlowsheetReadingsListGrid .LoadMoreReadingsCommand[class] {
  margin: 0 auto;
}

.FlowsheetReadingsPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.FlowsheetReadingsPage .Banner {
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  color: #363636;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0.5em 0;
  padding: 0.5em;
}
.FlowsheetReadingsPage .Banner.hasOneTextElement .bannerContent {
  align-self: center;
}
.FlowsheetReadingsPage .Banner .sectionTitle {
  padding: 0;
}
.FlowsheetReadingsPage .Banner .sectionTitle ~ .detailText {
  margin-top: 0.125rem;
}
.FlowsheetReadingsPage .Banner .bannerTypeIcon {
  flex-shrink: 0;
}
.FlowsheetReadingsPage .Banner .bannerContent {
  flex: 1;
  padding: 0 0.5rem;
}
.FlowsheetReadingsPage .Banner .bannerActions {
  align-self: center;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.25rem;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .FlowsheetReadingsPage .Banner .bannerActions {
    margin: 0;
    width: auto;
  }
}
.FlowsheetReadingsPage .Banner .bannerActions > * {
  margin: 0.25rem;
}
.FlowsheetReadingsPage .Banner.informational {
  background-color: #e0f1ff;
}
.FlowsheetReadingsPage .Banner.informational .sectionTitle {
  color: #7a0019;
}
.FlowsheetReadingsPage .Banner.success {
  background-color: #ccffd8;
}
.FlowsheetReadingsPage .Banner.success .sectionTitle {
  color: #0f784a;
}
.FlowsheetReadingsPage .Banner.success .bannerTypeIcon {
  fill: #0f784a;
}
.FlowsheetReadingsPage .Banner.warning {
  background-color: #ffffd0;
}
.FlowsheetReadingsPage .Banner.warning .sectionTitle {
  color: #363636;
}
.FlowsheetReadingsPage .Banner.critical {
  background-color: #ffe8e8;
}
.FlowsheetReadingsPage .Banner.critical .sectionTitle {
  color: #d80000;
}
.mobile .FlowsheetReadingsPage {
  min-height: calc(100vh - 1rem);
}
.datatile .FlowsheetReadingsPage {
  min-height: auto;
}
.FlowsheetReadingsPage ._heading {
  word-break: break-word;
}
.mobile .FlowsheetReadingsPage {
  margin-top: 1rem;
}
.mobile .FlowsheetReadingsPage ._PageTitle {
  display: none;
}
.FlowsheetReadingsPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .FlowsheetReadingsPage .mobileSubtitle {
  display: block;
}
.FlowsheetReadingsPage .readingsList {
  max-width: 47.5rem;
}
.FlowsheetReadingsPage .ZeroState {
  margin-top: 1rem;
}

.FlowsheetReadingsTable .entryType {
  color: #767676;
}

.FlowsheetRowGraph .graphContent .diastolicLine {
  stroke: #0085f2;
}
.FlowsheetRowGraph .graphContent .scatterPoint.series2:not(.abnormal):not(.normal) {
  stroke: #0085f2;
}
.FlowsheetRowGraph .graphContent ._ResponsiveLegend {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.FlowsheetRowGraph .VictoryContainer > svg:first-child {
  overflow: visible;
}
.FlowsheetRowGraph .VictoryContainer > svg:first-child path[style*="fill: rgb(221, 41, 157)"] {
  fill: #0085f2 !important;
}
@media screen and (max-width: 768px) {
  .FlowsheetRowGraph ._DataTable th {
    padding: 0.5rem 0.25rem;
  }
  .FlowsheetRowGraph ._DataTable td {
    padding: 0.25rem;
  }
  .FlowsheetRowGraph ._DataTable .readingAction {
    padding: 0.25rem;
  }
  .FlowsheetRowGraph ._DataTable .readingAction ._readOnlyText {
    display: none;
  }
}
.FlowsheetRowGraph ._DataTable caption {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.FlowsheetRowGraph .TablePaginationControls .chevronIcon {
  max-height: 40px;
  max-width: 40px;
}

.FlowsheetRowInputs {
  margin-bottom: 1.75rem;
}
@media screen and (min-width: 550px) {
  .FlowsheetRowInputs {
    margin-bottom: 1.25rem;
  }
}
.FlowsheetRowInputs[class] {
  display: flex;
  flex-wrap: wrap;
}
.FlowsheetRowInputs:not(.showLegend) fieldset {
  padding: 0;
}
.FlowsheetRowInputs:not(.showLegend) legend {
  color: transparent !important;
  display: block !important;
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: relative !important;
  width: 0 !important;
}
.FlowsheetRowInputs fieldset {
  margin: 0;
  padding-bottom: 0;
  width: 100%;
}
@media screen and (min-width: 550px) {
  .FlowsheetRowInputs ._DataEntrySet-fields {
    display: flex;
  }
}
.FlowsheetRowInputs .inputContainer ~ .inputContainer {
  margin: 0.5rem 0 0 0;
}
@media screen and (min-width: 550px) {
  .FlowsheetRowInputs .inputContainer {
    flex: 1;
  }
  .FlowsheetRowInputs .inputContainer ~ .inputContainer {
    margin: 0 0 0 0.5rem;
  }
}
.FlowsheetRowInputs ._ValidatedDateEntry ._DataEntryLabel {
  width: fit-content;
}
.FlowsheetRowInputs ._ValidatedDateEntry ._TextEntry {
  width: 100%;
}
.FlowsheetRowInputs ._ValidatedInput {
  margin-bottom: 0;
  width: 100%;
}
.FlowsheetRowInputs ._ValidationMessage:not(:empty) {
  margin: 0.25rem 0 0 0;
}
.FlowsheetRowInputs .LastSyncedText {
  margin-top: 0.25rem;
}
.FlowsheetRowInputs .rowInstructionsContainer {
  align-items: flex-start;
  margin-top: 0.25rem;
}
.FlowsheetRowInputs .rowInstructionsContainer ._command {
  padding: 0;
}
.FlowsheetRowInputs .rowInstructions {
  font-size: 0.85rem;
  white-space: pre-wrap;
}

.GraphHeader ._GraphTitle ._heading {
  padding: 0.25rem 0;
}
.GraphHeader .LastSyncedText {
  margin-top: 0.25rem;
}
.GraphHeader .normalRange[class][class] {
  color: #767676;
  margin-top: 0.25rem;
  word-break: break-word;
}
.GraphHeader .normalRangeValue, .GraphHeader .normalRangeUnits {
  color: #363636;
}
.GraphHeader .hiddenReadingsMsg {
  background-color: #ffffd0;
  border: 1px solid #dbdbdb;
  border-radius: 6px;
  font-size: 0.9rem;
  padding: 0.25rem 0.5rem;
}
.GraphHeader .hiddenReadingsMsg[class] {
  margin: 0;
}

.HeightTooltip {
  background: #ffffff;
  border-radius: 0.3rem;
  filter: drop-shadow(0px 0px 3px #767676);
  margin: 4px;
  overflow: visible;
  padding: 0.35rem 0.5rem 0.5rem 0.5rem;
  text-align: left;
}
.HeightTooltip.longText {
  max-width: 99%;
  min-width: unset;
}
.HeightTooltip.longText .readingContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.HeightTooltip.longText .readingValue {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.HeightTooltip .dateTime {
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.HeightTooltip .readingValue {
  font-size: 1.3rem;
  font-weight: bold;
}
.HeightTooltip .units {
  font-size: 0.8rem;
  margin-left: 0.3rem;
}
.HeightTooltip .units ~ .readingValue {
  margin-left: 0.3rem;
}
.HeightTooltip .AbnormalBadge {
  margin-left: 0.5rem;
}
.HeightTooltip .metadataValue {
  display: block;
  font-size: 0.8rem;
  line-height: 0.9rem;
  margin-top: 0.25rem;
}

.LastSyncedText {
  color: #767676;
}
.LastSyncedText.formFlavor {
  display: flex;
  font-size: 0.8rem;
  font-style: italic;
}
.LastSyncedText .lastSyncInst {
  color: #363636;
}
.LastSyncedText .syncedIcon {
  flex-shrink: 0;
  height: 20px;
  width: 20px;
}

.LastSyncedTextFromLinkedRows {
  color: #767676;
}

.LinkListItem[class] {
  display: flex;
  align-items: center;
  margin: 0 0 0.5rem 0;
  min-height: unset;
  padding: 1rem;
  width: 100%;
  word-break: break-word;
}
.LinkListItem:hover {
  background-color: #f4ebed;
}
.LinkListItem .detailsAndDescriptionContainer {
  flex-shrink: 1;
}
.LinkListItem .detailsLink {
  color: #7a0019;
  display: inline-block;
  font-size: 1.1rem;
  text-decoration: none;
  margin-bottom: 0.25rem;
}
.LinkListItem .detailsLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.LinkListItem .ExternalAccountIcon {
  flex-shrink: 1;
}
.LinkListItem .linkIndicator {
  fill: #767676;
  margin-left: 18px;
  flex-shrink: 0;
  /*rtl:raw:
  transform: scaleX(-1);
  */
}
.LinkListItem .linkDescription {
  display: block;
}

.LinkListItemButton[class] {
  display: flex;
  align-items: center;
  margin: 0 0 0.5rem 0;
  min-height: unset;
  padding: 1rem;
  width: 100%;
  word-break: break-word;
}
.LinkListItemButton:hover {
  background-color: #f4ebed;
}
.LinkListItemButton .detailsAndDescriptionContainer {
  flex-shrink: 1;
}
.LinkListItemButton .detailsLink {
  color: #7a0019;
  display: inline-block;
  font-size: 1.1rem;
  text-decoration: none;
  margin-bottom: 0.25rem;
}
.LinkListItemButton .detailsLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.LinkListItemButton .ExternalAccountIcon {
  flex-shrink: 1;
}
.LinkListItemButton .linkIndicator {
  fill: #767676;
  margin-left: 18px;
  flex-shrink: 0;
  /*rtl:raw:
  transform: scaleX(-1);
  */
}
.LinkListItemButton .linkDescription {
  display: block;
}
.LinkListItemButton .detailsLink {
  text-align: left;
}

.ReadingAction[class] {
  overflow: unset;
}
.ReadingAction .readingAction[class][class][class] {
  margin: 0;
  padding-left: 0.375rem;
}
.ReadingAction .readingAction[class][class][class]._link {
  display: inline-flex;
  align-items: center;
}
.ReadingAction .readingAction[class][class][class] ._image {
  flex-shrink: 0;
}
.ReadingAction .contentWrapper {
  display: flex;
  align-items: center;
}

.ReadingValue.abnormalValue .readingValue, .ReadingValue.hasMetadata .readingValue, .ReadingValue.abnormalValue.hasMetadata .metadataValue {
  margin-right: 0.5rem;
}
.ReadingValue .readingValue {
  font-weight: bold;
}
.ReadingValue .metadataValue {
  color: #767676;
}
.ReadingValue ._AssistiveTextWrapper {
  display: inline;
}
.ReadingValue ._AssistiveTextWrapper > ._Segment {
  display: inline;
}

.TrackMyHealthPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.mobile .TrackMyHealthPage {
  min-height: calc(100vh - 1rem);
}
.datatile .TrackMyHealthPage {
  min-height: auto;
}
.TrackMyHealthPage ._heading {
  word-break: break-word;
}
.mobile .TrackMyHealthPage {
  margin-top: 1rem;
}
.mobile .TrackMyHealthPage ._PageTitle {
  display: none;
}
.TrackMyHealthPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .TrackMyHealthPage .mobileSubtitle {
  display: block;
}

.ViewAllReadingsLink[class][class][class] {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: fit-content;
}

.WeightTooltip {
  background: #ffffff;
  border-radius: 0.3rem;
  filter: drop-shadow(0px 0px 3px #767676);
  margin: 4px;
  overflow: visible;
  padding: 0.35rem 0.5rem 0.5rem 0.5rem;
  text-align: left;
}
.WeightTooltip.longText {
  max-width: 99%;
  min-width: unset;
}
.WeightTooltip.longText .readingContainer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.WeightTooltip.longText .readingValue {
  font-size: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.WeightTooltip .dateTime {
  display: inline-block;
  font-size: 0.8rem;
  margin-bottom: 0.25rem;
}
.WeightTooltip .readingValue {
  font-size: 1.3rem;
  font-weight: bold;
}
.WeightTooltip .units {
  font-size: 0.8rem;
  margin-left: 0.3rem;
}
.WeightTooltip .units ~ .readingValue {
  margin-left: 0.3rem;
}
.WeightTooltip .AbnormalBadge {
  margin-left: 0.5rem;
}
.WeightTooltip .metadataValue {
  display: block;
  font-size: 0.8rem;
  line-height: 0.9rem;
  margin-top: 0.25rem;
}

.ExternalAccountIcon {
  margin-right: 14px;
}
.ExternalAccountIcon[class] {
  width: auto;
}
.ExternalAccountIcon .externalAccountIconImage {
  object-fit: scale-down;
}
.ExternalAccountIcon .externalAccountIconImage[class] {
  width: clamp(10px, 3rem, 50px);
  aspect-ratio: 1;
  height: auto;
}

.ConnectionListEntry[class] {
  display: flex;
  flex-direction: column;
  min-height: unset;
}
.ConnectionListEntry .dataReceivedString {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.ConnectionListEntry .connectionListEntryActions {
  display: flex;
  margin-top: auto;
}
.ConnectionListEntry .disclaimerContainer {
  display: flex;
  margin-top: auto;
}
.ConnectionListEntry .CannotInteractDisclaimer {
  padding-top: 1rem;
  text-align: center;
}

.HL7ConnectionListEntry[class] {
  display: flex;
  flex-direction: column;
  min-height: unset;
}
.HL7ConnectionListEntry .dataReceivedString {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.HL7ConnectionListEntry .connectionListEntryActions {
  display: flex;
  margin-top: auto;
}
.HL7ConnectionListEntry .disclaimerContainer {
  display: flex;
  margin-top: auto;
}
.HL7ConnectionListEntry .CannotInteractDisclaimer {
  padding-top: 1rem;
  text-align: center;
}

.FitbitWithingsDetails {
  margin-top: 0.5rem;
  max-width: 35rem;
}
.FitbitWithingsDetails .FitbitWithingsDetailsRowActions:where(:not(:last-child)) {
  border-bottom: 1px solid #dbdbdb;
}

.CannotInteractDisclaimer .disclaimerText {
  color: #767676;
}

.ConnectionAddEntry .ExternalAccountIcon {
  margin-right: 1rem;
}
.ConnectionAddEntry .LinkListItem .detailsLink {
  text-align: start;
}

.ConnectionAddSection.clampWidth {
  max-width: calc(66.6666666667% - 0.66rem);
}
.ConnectionAddSection.fullWidth {
  max-width: unset;
  padding-right: 8.666px;
}

.FitbitWithingsDetailsRowActions {
  display: flex;
  flex-wrap: wrap;
  word-wrap: break-word;
  width: 100%;
  align-items: center;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
@media screen and (max-width: 769px) {
  .FitbitWithingsDetailsRowActions {
    flex-direction: column;
    align-items: flex-start;
  }
}
.FitbitWithingsDetailsRowActions .iconName {
  display: flex;
  align-items: center;
  width: fit-content;
  flex-wrap: wrap;
}
.FitbitWithingsDetailsRowActions .iconName .dataTypeIcon {
  margin-right: 10px;
}
.FitbitWithingsDetailsRowActions .iconName .iconNameText {
  margin-right: 10px;
}
.FitbitWithingsDetailsRowActions .actions {
  display: flex;
  width: fit-content;
  margin-left: auto;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 769px) {
  .FitbitWithingsDetailsRowActions .actions {
    margin-left: unset;
    width: 100%;
    flex-direction: column;
  }
}
@media screen and (min-width: 770px) {
  .FitbitWithingsDetailsRowActions .actions .syncNowButton {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 769px) {
  .FitbitWithingsDetailsRowActions .actions .fitwithButton {
    width: 100%;
  }
}

.ConnectionHeader {
  display: flex;
  align-items: center;
}
.ConnectionHeader .nameRowsContainer .externalAccountTitle {
  padding: 0;
  margin: 0;
}
.ConnectionHeader .nameRowsContainer .LastSyncedText {
  color: #767676;
}

.ConnectionListPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.mobile .ConnectionListPage {
  min-height: calc(100vh - 1rem);
}
.datatile .ConnectionListPage {
  min-height: auto;
}
.ConnectionListPage ._heading {
  word-break: break-word;
}
.mobile .ConnectionListPage {
  margin-top: 1rem;
}
.mobile .ConnectionListPage ._PageTitle {
  display: none;
}
.ConnectionListPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .ConnectionListPage .mobileSubtitle {
  display: block;
}
.ConnectionListPage .connectionEntriesContainer {
  margin-top: 0;
}

.ConnectionFinishPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.mobile .ConnectionFinishPage {
  min-height: calc(100vh - 1rem);
}
.datatile .ConnectionFinishPage {
  min-height: auto;
}
.ConnectionFinishPage ._heading {
  word-break: break-word;
}
.mobile .ConnectionFinishPage {
  margin-top: 1rem;
}
.mobile .ConnectionFinishPage ._PageTitle {
  display: none;
}
.ConnectionFinishPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .ConnectionFinishPage .mobileSubtitle {
  display: block;
}
.ConnectionFinishPage .ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.ConnectionFinishPage .ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.ConnectionFinishPage .ToggleSwitch .toggleLabelIcon {
  margin-right: 10px;
}
.ConnectionFinishPage .ToggleSwitch ._Text {
  align-self: center;
}
.ConnectionFinishPage .toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: content;
}
.ConnectionFinishPage .sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.ConnectionFinishPage .sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.ConnectionFinishPage .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.ConnectionFinishPage .sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
@media print {
  .ConnectionFinishPage .sliderRail .sliderKnob {
    background: #ffffff !important;
  }
}
.ConnectionFinishPage .sliderRail .onIcon {
  z-index: 1;
}
.ConnectionFinishPage .sliderRail .sliderKnob, .ConnectionFinishPage .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.ConnectionFinishPage .sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}
.ConnectionFinishPage .sliderButton {
  margin-left: auto;
  padding-left: 10px;
}
.ConnectionFinishPage .sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.ConnectionFinishPage .sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.ConnectionFinishPage .sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.ConnectionFinishPage .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.ConnectionFinishPage .sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}
.ConnectionFinishPage .connectionFinishCard {
  max-width: 30rem;
}

.FhirConnectionCard {
  align-items: center;
}
.FhirConnectionCard[class] {
  display: flex;
  flex-direction: row;
  min-height: unset;
  margin-top: 14px;
  flex-wrap: wrap;
  gap: 15px;
}
.FhirConnectionCard .revokeLinkButtons {
  width: fit-content;
  margin-left: auto;
}
.FhirConnectionCard .linkButton[class] {
  display: flex;
}
.FhirConnectionCard .linkButton .linkButtonIcon {
  flex-shrink: 0;
  align-self: center;
}
.FhirConnectionCard .linkButton .linkButtonText {
  padding-right: 10px;
}
.FhirConnectionCard .userImageContainer {
  height: 60px;
  width: 60px;
  flex-shrink: 0;
}
.FhirConnectionCard .userImageContainer .userImage {
  border-radius: 50%;
  border: 1px solid #cccccc;
  overflow: hidden;
  object-fit: cover;
  position: relative;
  width: 100%;
  height: 100%;
  object-position: center;
}
.FhirConnectionCard .userImageContainer .userImage.letterOnly {
  color: #ffffff;
  font-size: 32px;
  text-align: center;
  line-height: 2.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FhirConnectionCard .userImageContainer .userImage.color1 {
  border-color: #258cdb;
  background-color: #258cdb;
}
.FhirConnectionCard .userImageContainer .userImage.color2 {
  border-color: #2c9b39;
  background-color: #2c9b39;
}
.FhirConnectionCard .userImageContainer .userImage.color3 {
  border-color: #d057c6;
  background-color: #d057c6;
}
.FhirConnectionCard .userImageContainer .userImage.color4 {
  border-color: #a46fd9;
  background-color: #a46fd9;
}
.FhirConnectionCard .userImageContainer .userImage.color5 {
  border-color: #009793;
  background-color: #009793;
}
.FhirConnectionCard .userImageContainer .userImage.color6 {
  border-color: #ab8030;
  background-color: #ab8030;
}
.FhirConnectionCard .userImageContainer .userImage.color7 {
  border-color: #d76720;
  background-color: #d76720;
}

.DisabledListItem[class] {
  display: flex;
  align-items: center;
  margin: 0 0 0.5rem 0;
  min-height: unset;
  padding: 1rem;
  width: 100%;
  word-break: break-word;
}
.DisabledListItem:hover {
  background-color: #f4ebed;
}
.DisabledListItem .detailsAndDescriptionContainer {
  flex-shrink: 1;
}
.DisabledListItem .detailsLink {
  color: #7a0019;
  display: inline-block;
  font-size: 1.1rem;
  text-decoration: none;
  margin-bottom: 0.25rem;
}
.DisabledListItem .detailsLink::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.DisabledListItem .ExternalAccountIcon {
  flex-shrink: 1;
}
.DisabledListItem .linkIndicator {
  fill: #767676;
  margin-left: 18px;
  flex-shrink: 0;
  /*rtl:raw:
  transform: scaleX(-1);
  */
}
.DisabledListItem:hover {
  background-color: #ffffff;
}

.ManageConnectionsBanner {
  max-width: 47.5rem;
  background-image: url("../../images/trackmyhealth_connectionbanner.svg");
  background-repeat: no-repeat;
  background-position: top 50% left -40px;
  background-size: 155px;
}
.ManageConnectionsBanner[class] {
  margin: 0 0 0.3rem 0;
  padding: 0 9px 0.3rem 0;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .ManageConnectionsBanner[class] {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .ManageConnectionsBanner[class] {
    background-position: top 50% left -50px;
    background-size: 170px;
  }
}
@media screen and (max-width: 321px) {
  .ManageConnectionsBanner[class] {
    background-image: none;
    padding-left: 1rem;
  }
}
.ManageConnectionsBanner .textContainer {
  display: flex;
  word-wrap: break-word;
  word-break: break-word;
  flex-direction: column;
  width: fit-content;
  align-self: center;
  padding: 1rem 0 0 120px;
}
@media screen and (min-width: 768px) {
  .ManageConnectionsBanner .textContainer {
    padding-right: 25px;
  }
}
@media screen and (max-width: 321px) {
  .ManageConnectionsBanner .textContainer {
    padding-left: unset;
  }
}
.ManageConnectionsBanner .textContainer .saveTimeText {
  padding-top: 0;
  padding-bottom: 0;
}
.ManageConnectionsBanner .connectionsLink[class] {
  align-self: flex-end;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .ManageConnectionsBanner .connectionsLink[class] {
    align-self: center;
    margin-left: unset;
  }
}

.ConnectionDetailsPage {
  min-height: calc(100vh - (8.7rem + 4.75rem + 2.75rem + 1rem));
  min-height: calc(100vh - (var(--wp-header-height) + 4.75rem + var(--wp-footer-height) + 1rem));
}
.mobile .ConnectionDetailsPage {
  min-height: calc(100vh - 1rem);
}
.datatile .ConnectionDetailsPage {
  min-height: auto;
}
.ConnectionDetailsPage ._heading {
  word-break: break-word;
}
.mobile .ConnectionDetailsPage {
  margin-top: 1rem;
}
.mobile .ConnectionDetailsPage ._PageTitle {
  display: none;
}
.ConnectionDetailsPage .mobileSubtitle {
  color: #565656;
  display: none;
}
.mobile .ConnectionDetailsPage .mobileSubtitle {
  display: block;
}
.ConnectionDetailsPage .clampWidth {
  max-width: 47.5rem;
}

.LinkedFlowsheetRow {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.LinkedFlowsheetRow .rowIcon {
  align-self: center;
  margin-right: 10px;
  flex-shrink: 0;
}
.LinkedFlowsheetRow .rowText {
  align-self: center;
  margin-right: 13px;
}

.FhirDetails .duqLink {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  width: fit-content;
}
.FhirDetails .headerNoBottomPadding {
  padding-bottom: 0;
}

.FitbitWithingsStartSyncingForm .ToggleSwitch {
  border-bottom: 1px solid #dbdbdb;
  padding-bottom: 0.5rem;
}
.FitbitWithingsStartSyncingForm .ToggleSwitches :last-child {
  border-bottom: none;
}

/* Copyright 2020-2022 Epic Systems Corporation */
@media screen and (min-width: 769px) {
  .TrendsDashboard ._LoadMoreList.trendGrid {
    display: grid;
    grid-template-columns: 75%;
  }
}
.TrendsDashboard .trendGrid > ._ListElement {
  margin-left: 0.4rem;
}
.TrendsDashboard ._DataTable .valueWithRangeIndicator {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.TrendsDashboard ._DataTable .valueWithRangeIndicator ._Text {
  font-weight: normal;
}
.TrendsDashboard ._DataTable .valueWithRangeIndicator .value {
  padding: 0.3rem 0.3rem 0.3rem 0rem;
  font-weight: bold;
}
.TrendsDashboard ._DataTable ._TableCell:first-of-type {
  font-weight: bold;
}
.TrendsDashboard .TablePaginationControls {
  margin-top: 1.3rem;
}
.TrendsDashboard .TrendDataTable ._DataTable ._TableHeaders {
  background-color: #f8f8f8;
}
.TrendsDashboard .TrendDataTable ._DataTable col:first-child {
  width: 50%;
}
.TrendsDashboard .TrendDataTable ._DataTable ._TableCell ._Text {
  overflow-wrap: anywhere;
  white-space: pre-line;
}
.TrendsDashboard .TrendDataTable .TrendSummary .mostRelevantContainer.graphPadding {
  margin-bottom: 0rem;
}
.TrendsDashboard ._LoadMoreCommand {
  padding-bottom: 1.3rem;
}
@media print {
  .TrendsDashboard ._LoadMoreCommand,
  .TrendsDashboard ._PageTitle {
    display: none;
  }
  .TrendsDashboard .TrendDataTable button {
    display: none;
  }
}
.TrendsDashboard ._LineGraph .VictoryContainer > svg:first-child {
  height: 300px !important;
  margin-top: -25px !important;
}

/* Copyright 2020-2022 Epic Systems Corporation */
.Trend ._InfoBubble {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0;
  width: auto;
  padding: 0;
}
.Trend ._InfoBubble.showBubble ._InfoBubbleCommand:after,
.Trend ._InfoBubble.showBubble ._InfoBubbleContent {
  display: block;
}
.Trend ._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
.Trend ._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

.Trend ._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% + 0.25rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}
.Trend ._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  left: 0;
  margin: 0 1rem;
  padding: calc(1rem / 3);
  position: absolute;
  text-align: left;
  top: calc(100% + 0.75rem - 1px);
  white-space: normal;
  width: 90%;
  z-index: 10;
}
.Trend[class] {
  word-wrap: break-word;
  margin-bottom: 1.4rem;
}
@media print {
  .Trend {
    display: contents !important;
  }
  .Trend .TrendHeader ._InfoBubble {
    display: none;
  }
}
.Trend .graphContainer.lowerIsBetter .scatterPoint.upperBoundary {
  stroke: #e8c309;
}
.Trend .graphContainer.lowerIsBetter .scatterPoint.upperBoundary.scatterBorder {
  stroke: #af9308;
}
.Trend .graphContainer.lowerIsBetter .graphTooltipWrapper ._GraphTooltip.upperBoundary .yValue {
  background-color: rgba(232, 195, 9, 0.2);
}
.Trend .graphContainer.higherIsBetter .scatterPoint.lowerBoundary {
  stroke: #e8c309;
}
.Trend .graphContainer.higherIsBetter .scatterPoint.lowerBoundary.scatterBorder {
  stroke: #af9308;
}
.Trend .graphContainer.higherIsBetter .graphTooltipWrapper ._GraphTooltip.lowerBoundary .yValue {
  background-color: rgba(232, 195, 9, 0.2);
}
.Trend .graphContainer .dataContainer {
  margin: auto;
}
.Trend .graphContainer .dataContainer .yValue {
  display: inline-block;
  color: #363636;
  padding: 0.4rem 0.2rem;
  box-sizing: border-box;
  border-radius: 6px;
}
.Trend .graphContainer .dataContainer .xValue[class] {
  color: #565656;
  margin-bottom: 0.25rem;
}
.Trend .graphContainer .dataContainer .units {
  color: #565656;
  font-size: 0.8rem;
  margin-left: 0.3rem;
}
.Trend .gradientDefs .gradientBoundedUpper .stop1 {
  stop-opacity: 1;
}
.Trend .gradientDefs .gradientBoundedUpper .stop2 {
  stop-opacity: 1;
}
.Trend .gradientDefs .gradientBoundedUpper .stop3 {
  stop-opacity: 1;
}
.Trend .gradientDefs ._gradientBoundedLower .stop1 {
  stop-opacity: 1;
}
.Trend .gradientDefs ._gradientBoundedLower .stop2 {
  stop-opacity: 1;
}
.Trend .gradientDefs ._gradientBoundedLower .stop3 {
  stop-opacity: 1;
}
.Trend .graphTooltipWrapper ._GraphTooltip.normal .yValue {
  background-color: rgba(16, 163, 65, 0.2);
}
.Trend .graphTooltipWrapper ._GraphTooltip.abnormal .yValue {
  background-color: rgba(232, 195, 9, 0.2);
}
.Trend .labelContainer {
  text-align: left;
  margin-bottom: 0.1rem;
  word-break: break-word;
}
.Trend .tooltipLabel {
  font-size: 0.9rem;
  font-weight: bold;
  color: #363636;
}
.Trend .valueLabel {
  text-align: left;
  line-height: 1.3rem;
  margin-left: 0.5rem;
  margin-top: 0.3rem;
  margin-bottom: 0.1rem;
  word-break: break-word;
  font-size: 0.9rem;
  font-weight: bold;
  color: #363636;
}

.TrendHeader {
  display: flex;
  position: relative;
  align-items: baseline;
  flex-wrap: wrap;
  padding: 0.25rem 0.75rem 0;
}
.TrendHeader .trendHeaderText {
  color: #000000;
  font-weight: bold;
  width: auto;
  padding: 0 0.5rem 0 0;
  word-break: break-word;
}

.TrendSummary {
  padding-left: 0.75rem;
  margin-top: 0.5rem;
}
.TrendSummary ._Text.contextLine {
  margin-bottom: 0;
  font-size: 0.9rem;
  color: #767676;
}
.TrendSummary .trendArrow.good {
  fill: #10a341;
}
.TrendSummary .trendArrow.good.up {
  /*rtl:begin:ignore*/
  transform: rotate(-45deg);
  /*rtl:end:ignore*/
}
.TrendSummary .trendArrow.good.down {
  /*rtl:begin:ignore*/
  transform: rotate(45deg);
  /*rtl:end:ignore*/
}
.TrendSummary .trendArrow.static {
  fill: #0085f2;
}
.TrendSummary .trendArrow.poor {
  fill: #e8c309;
}
.TrendSummary .trendArrow.poor.up {
  /*rtl:begin:ignore*/
  transform: rotate(-45deg);
  /*rtl:end:ignore*/
}
.TrendSummary .trendArrow.poor.down {
  /*rtl:begin:ignore*/
  transform: rotate(45deg);
  /*rtl:end:ignore*/
}
.TrendSummary .trendStatementContainer {
  margin: 0.25rem 0rem;
}
.TrendSummary .trendStatement {
  margin: 0.25rem 0;
  width: fit-content;
  width: -moz-fit-content;
  padding: 0rem 0.2rem;
  border-radius: 6px;
}
.TrendSummary .mostRelevantContainer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
.TrendSummary .mostRelevantContainer.graphPadding {
  margin-bottom: 2.4rem;
}
@media print {
  .TrendSummary .mostRelevantContainer.graphPadding {
    margin-bottom: 0;
  }
}
.TrendSummary .mostRelevantVal {
  padding: 0.4rem;
  font-size: 1.6rem;
  font-weight: bolder;
  border-radius: 6px;
  /*rtl:raw:
  direction: ltr;
  */
}
.TrendSummary .mostRelevantVal.ideal {
  background-color: rgba(16, 163, 65, 0.2);
}
.TrendSummary .mostRelevantVal.concerning {
  background-color: rgba(232, 195, 9, 0.2);
}
.TrendSummary .mostRelevantValDesc {
  margin-left: 0.25rem;
  line-height: 1.625rem;
  font-size: 1.3rem;
  font-weight: bold;
  word-break: break-word;
}
.TrendSummary .trendStatementContainer {
  display: flex;
  align-items: center;
}

.RangeIndicator {
  padding: 0.1rem 0.4rem;
  border-radius: 0.3rem;
  max-width: max-content;
  background-color: #eafbea;
  border: 1px solid #a3e1a3;
}
.RangeIndicator.abnormalRange {
  background-color: #faf2ca;
  border: 1px solid #af9308;
}

/* Copyright 2024 Epic Systems Corporation */
._Segment.nodata.NoDataPlaceholderWithIcon {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.5rem;
}
._Segment.nodata.NoDataPlaceholderWithIcon.above {
  flex-direction: column;
}
._Segment.nodata.NoDataPlaceholderWithIcon.end {
  flex-direction: row-reverse;
}
._Segment.nodata.NoDataPlaceholderWithIcon.below {
  flex-direction: column-reverse;
}
._Segment.nodata.NoDataPlaceholderWithIcon ._Text {
  width: fit-content;
}

.TVCarousel {
  position: relative;
  width: 100%;
}
.TVCarousel .scrollableCarousel {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: auto;
  position: relative;
  margin-bottom: -15px;
}
.TVCarousel .scrollableCarousel::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.TVCarousel .scrollableCarousel:focus {
  outline: none;
}
.TVCarousel .scrollableCarousel > .carouselGroups {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  height: 100%;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  flex-basis: calc(var(--num-items) * 31%);
}
@media (max-width: 1100px) {
  .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup {
    flex-basis: calc(var(--num-items) * 38%);
  }
}
@media (max-width: 970px) {
  .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup {
    flex-basis: calc(var(--num-items) * 46%);
  }
}
@media (max-width: 560px) {
  .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup {
    flex-basis: calc(var(--num-items) * 88%);
    row-gap: 0.3rem;
  }
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader {
  padding: 0 0.75rem;
  flex: 0 0 95%;
  max-width: 95%;
  height: 100%;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader:first-child {
  padding-left: 1rem;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader:last-child {
  padding-right: 1rem;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader .CarouselHeader {
  position: sticky;
  width: max-content;
  top: 0;
  left: 1.25rem;
  margin-bottom: -6px;
  display: flex;
  align-items: center;
  height: 100%;
  column-gap: 6px;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader .CarouselHeader ._Icon {
  color: #404d5b;
}
.darkmode .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader .CarouselHeader ._Icon {
  color: #bcc2c6;
}

.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader .CarouselHeader ._PageHeading {
  width: unset;
  margin: unset;
  padding: unset;
  background: unset;
  color: #363636;
}
.darkmode .TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .stickyHeader .CarouselHeader ._PageHeading {
  color: #ffffff;
}

.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup:first-child {
  padding-left: 0.25rem;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup:last-child {
  padding-right: 0.25rem;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > ._List {
  height: 100%;
  display: flex;
  align-items: center;
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > ._List > ._ListElement {
  padding: 1rem 0.5rem;
  flex: 1 0 0;
  max-width: calc(100% / var(--num-items));
}
.TVCarousel .scrollableCarousel > .carouselGroups .CarouselGroup > .headerGroup {
  width: 100%;
}
.TVCarousel .scrollableCarousel > .carouselGroups :not(:first-child).CarouselGroup {
  margin-left: 1.5rem;
}
.TVCarousel .scrollableCarousel > .carouselGroups :not(:first-child).CarouselGroup:before {
  content: "";
  position: absolute;
  border-left: 2px solid #404d5b;
  top: 4rem;
  margin-left: -0.75rem;
  bottom: 2rem;
}
.darkmode .TVCarousel .scrollableCarousel > .carouselGroups :not(:first-child).CarouselGroup:before {
  border-left: 2px solid #bcc2c6;
}

.TVCarousel .previousButton, .TVCarousel .nextButton {
  display: none;
}

.BlobImageComponentFallback {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.UntrustedExternalImageComponentFallback {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.ContentCard {
  display: flex;
  flex-direction: column;
  height: max-content;
  color: #363636;
  width: -webkit-fill-available;
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.4);
  background-clip: padding-box;
  text-align: unset;
  position: relative;
}
.darkmode .ContentCard {
  background-color: #3d3133;
  color: #ffffff;
}

.ContentCard:is(:focus, :hover) {
  color: #363636;
  text-decoration: none;
}
.darkmode .ContentCard:is(:focus, :hover) {
  color: #ffffff;
}

.tvmode:not(.hideFocus) .ContentCard:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ContentCard:focus {
    outline: #7a0019 solid 3px;
  }
}

.ContentCard .cardContent {
  width: -webkit-fill-available;
  min-height: calc(2.4em + 1.6rem + 8px);
  margin: 0.8rem 0.6rem;
}
@media (max-width: 970px) {
  .ContentCard .cardContent {
    margin: 0.6rem;
  }
}
@media (max-width: 560px) {
  .ContentCard .cardContent {
    margin: 0.4rem;
  }
}
.ContentCard .cardContent .Stack ._Text {
  word-break: break-word;
}
.ContentCard .cardContent .Stack .headingText {
  margin-bottom: 4px;
}

.VideoCard {
  display: flex;
}
.VideoCard[class] {
  border: none;
}
.tvmode:not(.hideFocus) .VideoCard:focus-within {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}

.VideoCard ._VideoPreview {
  padding: 0;
}
.VideoCard ._VideoPreview .vjs-big-play-button {
  background-size: 40px;
  background-color: transparent;
}
@media (max-width: 560px) {
  .VideoCard ._VideoPreview .vjs-big-play-button {
    top: -1rem;
  }
}
@media (max-width: 560px) {
  .VideoCard ._VideoPreview video {
    display: inline-block;
  }
}
.VideoCard ._VideoPreview:not(.noPoster) .vjs-ended .vjs-poster {
  display: inline-block;
}
.VideoCard ._VideoPreview:not(.noPoster) .vjs-ended .vjs-tech {
  display: none;
}
.VideoCard ._VideoPreview .vjs-poster {
  display: none;
}
.VideoCard ._MediaPreviewFailed .failedIcon {
  width: 120px;
  height: 120px;
}
.VideoCard ._PreviewDetails {
  z-index: 1;
  position: absolute;
  min-height: initial;
  max-width: none;
  bottom: 0;
  font-size: 1rem;
  color: #363636;
  background-color: #ffffff;
}
.darkmode .VideoCard ._PreviewDetails {
  background-color: #3d3133;
  color: #ffffff;
}

.VideoCard ._PreviewDetails .headingText {
  margin: 0.25rem 0 0.25rem 0;
}
.VideoCard ._PreviewDetails .handoutTypeText {
  display: none;
}
.VideoCard ._PreviewDetails .durationTextContainer .durationText {
  display: inline;
  top: -3.25rem;
}

.ActivityCard {
  height: 100%;
  width: 100%;
  max-width: 400px;
  border-radius: 10px;
  background-color: #ffffff;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.4);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  color: #363636;
  border: 4px solid transparent;
  font-size: 1.1em;
}
.tvmode:not(.hideFocus) .ActivityCard:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ActivityCard:focus {
    outline: #7a0019 solid 3px;
  }
}

.darkmode .ActivityCard {
  background-color: #3d3133;
  color: #ffffff;
}

.ActivityCard:is(:focus, :hover) {
  text-decoration: none;
  outline-offset: 0;
  color: #363636;
}
.darkmode .ActivityCard:is(:focus, :hover) {
  color: #ffffff;
}

.ActivityCard .activityIcon {
  margin-bottom: 10px;
}
.ActivityCard .activityText {
  text-align: center;
}
.ActivityCard .activityImg {
  margin-bottom: 10px;
  max-width: 50%;
}

.Stack {
  display: flex;
  justify-content: center;
}
.Stack .BlobImageComponentFallback {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.Stack .UntrustedExternalImageComponentFallback {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.Stack.compact {
  column-gap: 0.25rem;
}
.Stack.tall {
  flex-direction: column;
  text-align: center;
  align-items: center;
  line-height: 0.85;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  aspect-ratio: 13/11;
}
.Stack.tall .stackImage {
  object-fit: cover;
  overflow: hidden;
  margin-bottom: 1rem;
}
.Stack.tall .stackText .headingText {
  margin-bottom: 0.5rem;
}
.Stack.isHeader {
  background-color: rgba(255, 255, 255, 0.65);
  align-items: center;
  justify-content: start;
}
.Stack.isHeader.compact {
  padding: 0.25rem 1rem;
}
.darkmode .Stack.isHeader {
  background-color: rgba(0, 0, 0, 0.65);
}

.Stack.isHeader .stackGraphic ._Icon {
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
}
.Stack.isHeader .stackText {
  margin-top: unset;
  width: calc(100% - 120px);
}
.Stack.isHeader .stackText ._Text {
  line-height: 1.1rem;
  max-width: 75%;
}
.Stack.isHeader .stackText .headingText {
  padding-top: 0;
  overflow-wrap: break-word;
}
.Stack.isHeader .stackText .headerSecondaryText {
  font-size: 1.1rem;
  line-height: 1.3rem;
}
.Stack.isHeader.noSecondaryText {
  align-items: center;
}
.Stack:not(.isHeader) .stackText {
  margin-top: 4px;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
}
.Stack:not(.isHeader) .stackText ._Text {
  margin: 0;
  line-height: 1.2em;
}
.Stack:not(.isHeader) .stackText .headingText {
  font-size: 1.1em;
  font-weight: bold;
}
.Stack:not(.isHeader) .stackGraphic ._Icon {
  width: 32px;
  height: 32px;
}
.Stack .stackGraphic {
  height: fit-content;
  width: fit-content;
}
.Stack .stackGraphic ._Icon {
  margin-top: max(0.5rem - 8px, 0px);
}
.Stack .circleImage {
  border-radius: 50%;
}

.ReadOnlyArea {
  overflow: overlay;
  flex: 1 1 auto;
}
.ReadOnlyArea[class][class] {
  display: block;
}
.ReadOnlyArea ._AsyncIndicator {
  height: calc(80% - 1rem);
}
.hideFocus .ReadOnlyArea {
  overflow: hidden;
}
.tvmode .ReadOnlyArea::-webkit-scrollbar {
  width: 2.5rem;
  height: 80%;
  bottom: 0px;
  background: transparent;
}
.tvmode .ReadOnlyArea::-webkit-scrollbar-button {
  display: none;
}
.tvmode .ReadOnlyArea::-webkit-scrollbar-thumb {
  background: #f1f1f1;
  border-radius: 3.125rem;
  -webkit-box-shadow: none;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  background-clip: content-box;
}
.tvmode .ReadOnlyArea::-webkit-scrollbar-track {
  margin-top: 30px;
  margin-bottom: 30px;
  background: #888;
  border-radius: 3.125rem;
  border: 0.625rem solid rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  background-clip: padding-box;
}
@media (max-width: 560px) {
  .tvmode .ReadOnlyArea::-webkit-scrollbar {
    width: 1.25rem;
  }
  .tvmode .ReadOnlyArea::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.3125rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .ReadOnlyArea::-webkit-scrollbar-thumb {
    border: 0.3125rem solid rgba(0, 0, 0, 0);
    min-height: 1.25rem;
  }
}
@media (max-width: 970px) {
  .tvmode .ReadOnlyArea::-webkit-scrollbar {
    width: 2rem;
  }
  .tvmode .ReadOnlyArea::-webkit-scrollbar-track {
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0.5rem solid rgba(0, 0, 0, 0);
  }
  .tvmode .ReadOnlyArea::-webkit-scrollbar-thumb {
    border: 0.5rem solid rgba(0, 0, 0, 0);
    min-height: 2rem;
  }
}

.tvmode:not(.hideFocus) .ReadOnlyArea:focus {
  outline: #7a0019 solid 4px;
  transform: scale(1.05);
  transform: none;
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ReadOnlyArea:focus {
    outline: #7a0019 solid 3px;
  }
}
.tvmode:not(.hideFocus) .ReadOnlyArea:focus[class][class] {
  outline: none;
}
.tvmode:not(.hideFocus) .ReadOnlyArea:focus::-webkit-scrollbar-thumb {
  background: #7a0019;
  background-clip: content-box;
  box-shadow: inset 0 0 0 0.1875rem #f1f1f1;
}
@media (max-width: 560px) {
  .tvmode:not(.hideFocus) .ReadOnlyArea:focus::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 0.009375rem #f1f1f1;
  }
}
@media (max-width: 970px) {
  .tvmode:not(.hideFocus) .ReadOnlyArea:focus::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 0 0.15rem #f1f1f1;
  }
}

.ReadOnlyPage {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  flex-direction: column;
  height: 100%;
}
.ReadOnlyPage ._Icon {
  color: #363636;
}
.darkmode .ReadOnlyPage ._Icon {
  color: #ffffff;
}

.ReadOnlyPage .NoDataPlaceholderWithIcon {
  margin: 1rem;
}
.ReadOnlyPage .NoDataPlaceholderWithIcon[class] {
  width: calc(100% - 2rem);
}
.ReadOnlyPage ._AsyncIndicator {
  height: fit-content;
  overflow-y: clip;
}

.NavigationFooter {
  display: flex;
  padding: 1rem;
  border-top: 1px solid #363636;
}
@media (max-width: 970px) {
  .NavigationFooter {
    padding: 0.5rem 1rem;
  }
}
.darkmode .NavigationFooter {
  border-top: 1px solid #ffffff;
}

.NavigationFooter[class] .secondaryNavButton {
  margin-left: 1rem;
}

.TVErrorPage {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TVErrorPage .cardContainer {
  border-radius: 1.5rem;
  background: #000000;
  width: 60%;
  text-align: center;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.TVErrorPage ._Text[class] {
  margin: 0 0 0.25rem 0;
}
.TVErrorPage ._Command {
  width: fit-content;
}
.TVErrorPage ._Command[class] {
  margin-top: 1.25rem;
}

/* Copyright 2020-2023 Epic Systems Corporation */
.enrollmentContent {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.enrollmentContent .infoText {
  padding-bottom: 0.5rem;
}
.enrollmentContent .usernameInput {
  display: none;
}
.enrollmentContent .phoneInput {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.enrollmentContent .phoneInput._readOnlyText, .enrollmentContent .phoneInput ._TextInput {
  width: 100%;
}
.enrollmentContent #phoneInput-error-message {
  padding-top: 0.25rem;
}
@media screen and (min-width: 769px) {
  .enrollmentContent #phoneInput-error-message {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
.enrollmentContent .emailInput {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.enrollmentContent .emailInput._readOnlyText, .enrollmentContent .emailInput ._TextInput {
  width: 100%;
}
.enrollmentContent #emailInput-error-message {
  padding-top: 0.25rem;
}
@media screen and (min-width: 769px) {
  .enrollmentContent #emailInput-error-message {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
.enrollmentContent .passwordTextInput {
  width: 98%;
  margin-left: auto;
  margin-right: auto;
}
.enrollmentContent .passwordTextInput._readOnlyText, .enrollmentContent .passwordTextInput ._PasswordInput {
  width: 100%;
}
.enrollmentContent .validationmessage._readOnlyText {
  margin-top: 1rem;
}
.enrollmentContent .validationmessage._readOnlyText ._PageHeading {
  display: none;
}
@media screen and (min-width: 769px) {
  .enrollmentContent #EID-4 {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}

.codeEntryContent {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: visible;
  padding-bottom: 1rem;
}
.codeEntryContent .ImplicitSubmitter {
  display: contents;
}
.codeEntryContent .resendCodeSegment {
  display: flex;
  flex-direction: column;
}
.codeEntryContent ._readOnlyText.verificationDescription {
  margin-bottom: 0;
}
@media screen and (min-width: 769px) {
  .codeEntryContent ._readOnlyText.verificationDescription {
    margin-bottom: 0.1rem;
  }
}
.codeEntryContent ._readOnlyText.enterCodeText {
  align-self: center;
  font-size: 1.154rem;
  padding-bottom: 0.5rem;
  margin-top: 1rem;
}
@media screen and (min-width: 769px) {
  .codeEntryContent ._readOnlyText.enterCodeText {
    margin-top: 1rem;
    font-size: 1.385rem;
  }
}
.codeEntryContent ._readOnlyText.codeReceivedText {
  padding-top: 1rem;
}
@media screen and (min-width: 769px) {
  .codeEntryContent ._command.verifyButton {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.codeEntryContent ._command.verifyButton .authenticateKey {
  margin-right: 0.25rem;
}
.codeEntryContent ._command.resendButton {
  width: fit-content;
  padding: 0.2rem 0.2rem 0.2rem 0rem;
  margin-top: -0.25rem;
}
@media screen and (min-width: 769px) {
  .codeEntryContent ._command.resendButton {
    margin-top: unset;
  }
}
.codeEntryContent .learnMoreLink[class][class] {
  width: fit-content;
  height: fit-content;
  padding: 0.2rem 0.2rem 0.2rem 0rem;
  margin: -0.25rem 0 0 0;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .learnMoreLink[class][class] {
    margin-bottom: revert;
  }
}
.codeEntryContent ._link.tertiary.neutral[class], .codeEntryContent ._command.tertiary.neutral[class] {
  padding: 0.2rem 0.2rem 0.2rem 0rem;
}
.codeEntryContent .codeEntryBox {
  margin-top: 0;
  display: grid;
  grid-template-rows: auto minmax(1rem, auto);
  grid-template-areas: "input" "verMes";
}
.codeEntryContent .codeEntryBox ._labelledField {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .codeEntryBox {
    height: min-content;
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 4.5rem 1fr;
    grid-template-rows: auto minmax(2rem, auto);
    grid-template-areas: "padlock input" "empty verMes";
  }
}
.codeEntryContent .codeEntryBox .padlockGif {
  display: none;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .codeEntryBox .padlockGif {
    grid-area: padlock;
    display: block;
    height: 3.5rem;
    width: 3.5rem;
  }
}
.codeEntryContent .codeEntryBox .ghostInput {
  width: 100%;
  padding: 4px 0px;
  overflow-x: hidden;
}
.codeEntryContent .codeEntryBox .ghostInput ._DataEntryLabel {
  position: relative;
  left: 0.5rem;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .codeEntryBox .ghostInput ._DataEntryLabel {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.codeEntryContent .codeEntryBox .ghostInput ._DataEntryLabel .ghosted {
  position: relative;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .codeEntryBox .ghostInput ._DataEntryLabel .ghosted {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    left: 0.5rem;
  }
}
.codeEntryContent .codeEntryBox ._input {
  height: 3.75rem;
  font-size: 1.154rem;
  background: unset;
  width: 99%;
  margin-left: auto;
  margin-right: auto;
  grid-area: input;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .codeEntryBox ._input {
    font-size: 1.385rem;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
.codeEntryContent ._Choice {
  grid-area: skipStep;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  bottom: 0.75rem;
}
@media screen and (min-width: 769px) {
  .codeEntryContent ._Choice {
    bottom: 0.5rem;
  }
}
.codeEntryContent .validationmessage {
  grid-area: verMes;
}
@media screen and (min-width: 769px) {
  .codeEntryContent .validationmessage {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}
.codeEntryContent ._PageHeading._readOnlyText._heading {
  display: none;
}

.deliveryMethodContent {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.deliveryMethodContent .chooseDestinationInfoText {
  padding-bottom: 0;
  height: fit-content;
}
.deliveryMethodContent .receiveCodeText {
  font-size: 1.154rem;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .deliveryMethodContent .receiveCodeText {
    font-size: 1.385rem;
    margin: 0.5rem 0;
    padding-bottom: 1rem;
  }
}
.deliveryMethodContent ._command.smsButton {
  margin: 0.4rem auto;
  width: 98%;
}
.deliveryMethodContent ._command.smsButton .smsIcon {
  margin-right: 0.25rem;
}
.deliveryMethodContent ._command.emailButton {
  margin: 0.4rem auto;
  width: 98%;
}
.deliveryMethodContent ._command.emailButton .emailIcon {
  margin-right: 0.25rem;
}
.deliveryMethodContent .learnMoreLink[class][class] {
  display: block;
  width: fit-content;
  height: fit-content;
  padding: 0.2rem 0.2rem 0.2rem 0rem;
  margin: -0.75rem 0 1rem 0;
}
@media screen and (min-width: 769px) {
  .deliveryMethodContent .learnMoreLink[class][class] {
    margin-bottom: 2rem;
  }
}
.deliveryMethodContent ._link.tertiary.neutral[class], .deliveryMethodContent ._command.tertiary.neutral[class] {
  padding: 0.2rem 0.2rem 0.2rem 0rem;
}
.deliveryMethodContent .CallToActionComponent {
  font-size: 0.769rem;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 769px) {
  .deliveryMethodContent .CallToActionComponent {
    margin-top: 3rem;
  }
}
.deliveryMethodContent .CallToActionComponent .ctaText {
  height: fit-content;
  padding-bottom: 0.25rem;
  line-height: 1rem;
}
.deliveryMethodContent .CallToActionComponent .ctaLink {
  font-size: 0.769rem;
  width: fit-content;
  padding: 0.2rem 0.2rem 0.2rem 0rem;
  margin: 0 0 0 0.2rem;
}

.learnMoreContent {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  overflow: visible;
}
.learnMoreContent .StepOne {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
  align-items: center;
}
@media screen and (max-width: 769px) {
  .learnMoreContent .StepOne {
    margin-top: 1rem;
  }
}
.learnMoreContent .StepOne .one {
  height: 30px;
  width: 30px;
  background-color: #7a0019;
  border-radius: 50%;
  text-align: center;
  padding-top: 4px;
  color: #ffffff;
  margin-right: 0.5rem;
}
@media screen and (max-width: 769px) {
  .learnMoreContent .StepOne .one {
    align-items: normal;
  }
}
.learnMoreContent .StepTwo {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
  align-items: center;
}
@media screen and (max-width: 769px) {
  .learnMoreContent .StepTwo {
    margin-top: 1rem;
  }
}
.learnMoreContent .StepTwo .two {
  height: 30px;
  width: 30px;
  background-color: #7a0019;
  border-radius: 50%;
  text-align: center;
  padding-top: 4px;
  color: #ffffff;
  margin-right: 0.5rem;
}
@media screen and (max-width: 769px) {
  .learnMoreContent .StepTwo .two {
    align-items: normal;
  }
}
.learnMoreContent .StepThree {
  display: flex;
  flex-direction: row;
  margin-top: 0.5rem;
  align-items: center;
}
@media screen and (max-width: 769px) {
  .learnMoreContent .StepThree {
    margin-top: 1rem;
  }
}
.learnMoreContent .StepThree .three {
  height: 30px;
  width: 30px;
  background-color: #7a0019;
  border-radius: 50%;
  text-align: center;
  padding-top: 4px;
  color: #ffffff;
  margin-right: 0.5rem;
}
@media screen and (max-width: 769px) {
  .learnMoreContent .StepThree .three {
    align-items: normal;
  }
}

.optOutContent {
  box-sizing: border-box;
  padding-bottom: 1rem;
}
@media screen and (min-width: 769px) {
  .optOutContent .infoText {
    padding-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px) {
  .optOutContent .passwordTextInput {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
  }
}
.optOutContent .passwordTextInput ._PasswordInput {
  width: 100%;
}
.optOutContent .validationmessage {
  margin-bottom: 1rem;
}
.optOutContent ._PageHeading._readOnlyText._heading {
  display: none;
}

.completedOptOutContent {
  box-sizing: border-box;
}

.contactVerificationContent .Badge {
  width: max-content;
  height: fit-content;
  padding: 0 0.5rem;
  margin: 0.5rem;
  font-size: 0.8rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 1rem;
  white-space: nowrap;
}
.contactVerificationContent .Badge.neutral {
  background-color: #e0f1ff;
  border-color: #005ebb;
  color: #005ebb;
}
.contactVerificationContent .Badge.positive {
  background-color: #ccffd8;
  border-color: #09aa71;
  color: #12553d;
}
.contactVerificationContent .VerificationMethod {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 1rem;
}
@media screen and (min-width: 769px) {
  .contactVerificationContent .VerificationMethod {
    flex-direction: row;
    text-align: left;
  }
}
.contactVerificationContent .VerificationMethod ._Icon {
  flex-shrink: 0;
  margin: 0.5rem;
}
.contactVerificationContent .VerificationMethod .verificationText ._readOnlyText {
  padding: 0;
  margin: 0;
  word-break: break-word;
}
.contactVerificationContent .VerificationMethod .verifyButton {
  margin-left: 0.5rem;
}
.contactVerificationContent .CallToActionComponent {
  font-size: 0.769rem;
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  padding-bottom: 1rem;
}
@media screen and (min-width: 769px) {
  .contactVerificationContent .CallToActionComponent {
    margin-top: 3rem;
  }
}
.contactVerificationContent .CallToActionComponent .ctaText {
  height: fit-content;
  padding-bottom: 0.25rem;
  line-height: 1rem;
}
.contactVerificationContent .CallToActionComponent .ctaLink {
  font-size: 0.769rem;
  width: fit-content;
  padding: 0.2rem 0.2rem 0.2rem 0rem;
  margin: 0 0 0 0.2rem;
}
.contactVerificationContent .AutoSyncReminder {
  display: flex;
  align-items: center;
  padding-bottom: 0.5rem;
}
.contactVerificationContent .AutoSyncReminder .autoSyncIcon {
  flex-shrink: 0;
  align-self: flex-start;
  margin-right: 2px;
}

.QRCodePageSeg {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.QRCodePageSeg .SetUpOnDeviceSeg {
  width: fit-content;
  margin-left: 0;
  display: none;
}
@media screen and (max-width: 1024px) {
  .QRCodePageSeg .SetUpOnDeviceSeg {
    display: flex;
    flex-direction: column;
  }
}
.QRCodePageSeg .SeparatorSeg {
  position: relative;
  align-items: center;
  display: none;
}
@media screen and (max-width: 1024px) {
  .QRCodePageSeg .SeparatorSeg {
    display: flex;
  }
}
.QRCodePageSeg .SeparatorSeg .SeparatorLine {
  height: 5px;
  width: -webkit-fill-available;
  position: relative;
  top: 50%;
  border-top: 1px solid #dbdbdb;
}
.QRCodePageSeg .SeparatorSeg .SeparatorText {
  width: 5rem;
  margin: 0.2rem;
  justify-content: center;
  text-align: center;
  color: #ffffff;
}
.QRCodePageSeg .QrCodeAndManualKeySeg {
  display: flex;
  flex-direction: column;
}
.QRCodePageSeg .QrCodeAndManualKeySeg .InfoText {
  margin-right: 0.5rem;
}
.QRCodePageSeg .QrCodeAndManualKeySeg .QRCodeImage {
  width: 33%;
  max-width: 33vh;
  margin: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media screen and (max-width: 1024px) {
  .QRCodePageSeg .QrCodeAndManualKeySeg .QRCodeImage {
    width: 40%;
    max-width: 40vh;
  }
}
.QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .CantScanText {
  margin-top: 6px;
  text-align: center;
}
.QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeyButton {
  padding: 0;
  margin: auto;
}
.QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeySeg {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeySeg .SecretKeyText {
  word-wrap: anywhere;
}
@media screen and (max-width: 1024px) {
  .QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeySeg .SecretKeyText {
    margin: 0.2rem 0.2rem;
  }
}
.QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeySeg .CopyButton {
  padding: 0;
  margin: auto;
  text-underline-offset: 3px;
}
.QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeySeg .CopiedText {
  margin: 0;
  padding-top: 3.5px;
}
@media screen and (max-width: 1024px) {
  .QRCodePageSeg .QrCodeAndManualKeySeg .ManualKeySegment .SecretKeySeg .CopiedText {
    margin-left: 5px;
  }
}

.introContent {
  display: flex;
  flex-direction: column;
}
.introContent .learnMoreLink[class][class] {
  width: fit-content;
  height: fit-content;
  padding: 0.2rem 0.2rem 0.2rem 0rem;
  margin: -0.25rem 0 2rem 0;
}
.introContent ._link.tertiary.neutral[class], .introContent ._command.tertiary.neutral[class] {
  padding: 0.2rem 0.2rem 0.2rem 0rem;
}

.unconstrainedCapturedWorkflow .introContent {
  padding-bottom: 10%;
}

/* Copyright 2020-2021 Epic Systems Corporation */
.UpcomingOrders {
  page-break-before: avoid;
}
.UpcomingOrders .ActionDate {
  margin-top: 0.5rem;
  color: #363636;
}
.UpcomingOrders .Comments {
  display: block;
  width: auto;
  min-width: 2.4rem;
  padding: 0.5rem;
  border-radius: 1.25rem;
  background-color: #f4ebed;
  word-wrap: break-word;
  word-break: break-word;
  white-space: normal;
  position: relative;
  z-index: 1;
  width: 95%;
  margin: 0.5rem auto 0;
  padding: 0.5rem 0.75rem;
  min-width: 0;
  color: #363636;
}
@media only screen and (min-width: 1025px) {
  .UpcomingOrders .Comments {
    width: auto;
  }
}
@media print {
  .UpcomingOrders .Comments {
    background-color: #ffffff;
    filter: drop-shadow(0 0 1px #000000) drop-shadow(0 0 0 #000000);
  }
}
.UpcomingOrders .Comments:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(50% - 1rem);
  left: -1.625rem;
  border: 0px solid;
  display: block;
  width: 2.2rem;
  height: 1.125rem;
  background-color: transparent;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  box-shadow: 1.125rem 0.5rem 0px 0.125rem #f4ebed;
}
@media print {
  .UpcomingOrders .Comments:before {
    box-shadow: 1.125rem 0.5rem 0px 0.125rem #ffffff;
  }
}
@media only screen and (min-width: 1025px) {
  .UpcomingOrders .Comments {
    width: 95%;
  }
}
.UpcomingOrders .Comments:before {
  top: auto;
  bottom: 1rem;
}
@media print {
  .UpcomingOrders .HideReminderCheckbox {
    display: none;
  }
}
.UpcomingOrders .HideReminderCheckbox ._AsyncIndicator.asyncInFlight {
  width: 20px;
}
.UpcomingOrders .HideReminderCheckbox ._AsyncIndicator.asyncInFlight .animation {
  background-image: none;
  animation: none;
  transform: unset;
  margin: 0;
  border-color: rgba(122, 0, 25, 0.3);
  border-top-color: #7a0019;
  width: 20px;
  height: 20px;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  animation: _LoadingWheel-Rotate 0.8s cubic-bezier(0.5, 0.25, 0.3, 0.73) infinite;
  margin-bottom: -2rem;
  left: 0.55rem;
  z-index: 1;
}
.UpcomingOrders .HideReminderCheckbox ._AsyncIndicator.asyncInFlight .animation:before, .UpcomingOrders .HideReminderCheckbox ._AsyncIndicator.asyncInFlight .animation:after {
  content: none;
}
@keyframes _LoadingWheel-Rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.UpcomingOrders .HideReminderCheckbox.waiting ._DataEntryLabel[class][class] {
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
  background-color: unset;
}
.UpcomingOrders .HideReminderCheckbox.waiting ._DataEntryLabel[class][class]::before {
  background: none;
  border-color: transparent;
  box-shadow: none;
  outline: none;
}
.UpcomingOrders .commandIcon {
  display: inline;
  margin-right: 0.25rem !important;
}
.UpcomingOrders .commandText {
  display: inline;
}
.UpcomingOrders .OrderDetails {
  flex-grow: 1;
}
@media only screen and (min-width: 769px) {
  .UpcomingOrders .OrderDetails {
    margin-bottom: 0.5rem;
  }
}
.UpcomingOrders .OrderGroupActions {
  display: flex;
  flex-direction: column;
  padding: 0px 5px 5px;
}
@media only screen and (min-width: 769px) {
  .UpcomingOrders .OrderGroupActions {
    flex-direction: column;
    width: 50%;
    padding: 0px 6px 5px;
  }
}
@media print {
  .UpcomingOrders .OrderGroupActions {
    display: none;
  }
}
.UpcomingOrders .OrderGroupActions .actionButtonInfo {
  display: flex;
  padding: 0 5px 5px;
  width: auto;
  justify-content: flex-start;
}
.UpcomingOrders .OrderGroupActions .actionButtonInfo .actionText {
  margin: auto 0;
  width: auto;
}
.UpcomingOrders .OrderGroupActions .actionIconContainer {
  display: flex;
  max-width: clamp(16px, 1.385rem, 48px);
}
.UpcomingOrders .OrderGroupActions .actionIcon {
  margin: 2px 0px 0px 2px;
}
.UpcomingOrders .OrderGroupActions .actionButtonGroup {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
@media only screen and (min-width: 769px) {
  .UpcomingOrders .OrderGroupActions .actionButtonGroup {
    flex-direction: row;
    width: auto;
    margin-top: -2px;
    align-items: flex-start;
    justify-content: flex-start;
    padding-left: 2px;
  }
}
.mobile .UpcomingOrders .OrderGroupActions .actionButtonGroup {
  padding: 0px 5px;
}
.UpcomingOrders .OrderGroupActions .actionButton {
  margin: 5px;
  text-decoration: none;
}
@media only screen and (min-width: 769px) {
  .UpcomingOrders .OrderGroupActions .actionButton {
    min-width: 15%;
  }
}
.mobile .UpcomingOrders .OrderGroupActions .actionButton {
  margin-left: 0;
}
.UpcomingOrders .OrderGroupHeader {
  display: flex;
  flex-direction: column;
}
.UpcomingOrders .OrderGroupProvider {
  display: flex;
  word-wrap: anywhere;
}
.UpcomingOrders .OrderGroupProvider .visitInfoText {
  color: #363636;
}
.UpcomingOrders .OrderGroupProvider .visitInfoText._readOnlyText._Text {
  margin: 0.25rem 0 0.5rem;
}
.UpcomingOrders .OrderHeader {
  display: flex;
}
.UpcomingOrders .OrderHeader .orderTitle {
  padding: 0;
  word-wrap: anywhere;
}
.UpcomingOrders .OrderHeader .indexCounterString {
  flex-shrink: 0;
  word-wrap: anywhere;
  color: #7a0019;
}
@media only screen and (min-width: 1px) and (max-width: 480px) {
  .UpcomingOrders .OrderHeader.LargeFont {
    flex-direction: column;
  }
}
.UpcomingOrders .ProviderPhoto {
  width: 3rem;
  height: 3rem;
  border: 1px solid #cccccc;
  border-radius: 50%;
  margin: 0.5rem 0.5rem 0;
  background: #dbdbdb;
  color: #7a0019;
  text-align: center;
  line-height: 3rem;
  flex-shrink: 0;
  object-fit: cover;
}
.UpcomingOrders .Order {
  height: 100%;
  display: flex;
  flex-direction: column;
  text-align: left;
}
@media print {
  .UpcomingOrders .Order {
    display: none;
  }
}
.UpcomingOrders .Order._Segment.boundary-strong {
  min-height: 5rem;
  margin: 0 0 0.5rem;
  width: 100%;
}
.UpcomingOrders .OrderPrintOnly {
  display: none;
}
@media print {
  .UpcomingOrders .OrderPrintOnly {
    display: block;
  }
  .UpcomingOrders .OrderPrintOnly .moreDetailsButton {
    display: none;
  }
}
.UpcomingOrders .OrderGroup {
  margin-bottom: 1.5rem;
}
@media print {
  .UpcomingOrders .OrderGroup {
    margin-bottom: 0;
  }
}
@media print {
  .UpcomingOrders .OrderGroup .twoCol {
    display: none;
  }
}
.UpcomingOrders .OrderGroup .oneColPrintOnly {
  display: none;
}
@media print {
  .UpcomingOrders .OrderGroup .oneColPrintOnly {
    display: block;
  }
}
@media print {
  .UpcomingOrders ._PageTitle {
    display: inline-block;
  }
}
@media screen {
  .mobile .UpcomingOrders ._PageTitle {
    display: none;
  }
}
.UpcomingOrders ._heading {
  padding-bottom: 1rem;
}
.UpcomingOrders ._heading:not(.pageHeading) {
  padding-bottom: 0;
}
.UpcomingOrders .grid {
  margin: 0px 12px 6px 12px;
  width: calc(100% - 24px);
  padding-left: 1px;
}
@media only screen and (min-width: 769px) {
  .UpcomingOrders .grid {
    margin-bottom: 14px;
  }
}
.UpcomingOrders:not(.orderDetailsPopup) .OrderInstructions .fmtConv {
  display: inline;
}
.UpcomingOrders:not(.orderDetailsPopup) .OrderInstructions .fmtConv div {
  display: inline;
}
@media print {
  .UpcomingOrders:not(.orderDetailsPopup) .OrderInstructions .fmtConv div {
    display: block;
  }
}
.UpcomingOrders .OrderInstructions .fmtConv span {
  direction: ltr !important;
}

.Checklist .checklistItems ._ListElement:not(:first-child) {
  border-top: 1px solid #dbdbdb;
}
.Checklist .checklistItems ._ListElement:empty {
  display: none;
}
.Checklist .checklistItemRow {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
}
.Checklist .checklistItemRow .actionIcon {
  /* rtl:raw: transform: scaleX(-1); */
  color: #565656;
  margin-left: 1rem;
}
.Checklist .checklistItemRow ._LaboredCommand {
  padding: 0.5rem 1rem;
}
.Checklist .checklistItemRow .commandAsLink {
  display: flex;
  align-items: center;
  padding: 0.75rem 0;
  color: #363636;
  width: 100%;
}

.ChecklistCommandItem.commandAsLink[class] {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  color: #363636;
}
.ChecklistCommandItem.commandAsLink[class]:hover {
  background-color: #f4ebed;
  text-decoration: none;
  color: #363636;
}
.ChecklistCommandItem:not(.commandAsLink) {
  flex-direction: column;
}
.ChecklistCommandItem:not(.commandAsLink) .checklistItemButton {
  flex: 25%;
}
@media screen and (min-width: 769px) {
  .ChecklistCommandItem:not(.commandAsLink) {
    flex-direction: row;
  }
}

.ChecklistItem {
  display: flex;
  word-break: break-word;
  text-align: start;
}
.ChecklistItem .description {
  padding-right: 0.5rem;
  font-size: 1rem;
}
.ChecklistItem .statusIcon {
  margin-right: 0.5rem;
}

.ChecklistLinkItem[class] {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  color: #363636;
}
.ChecklistLinkItem[class]:hover {
  background-color: #f4ebed;
  text-decoration: none;
  color: #363636;
}

/* Copyright 2023 Epic Systems Corporation */
.VisitDetailsMultipleViews .report {
  overflow: auto;
  word-break: break-word;
}
.VisitDetailsMultipleViews .report table {
  table-layout: auto;
}
.VisitDetailsMultipleViews ._ViewPicker {
  margin-top: 0;
}
.VisitDetailsMultipleViews ._TabList.vertical:before {
  content: "";
  display: block;
  min-height: 0.5rem;
  border-right: 1px solid #cccccc;
}
.VisitDetailsMultipleViews .ViewTitle {
  display: flex;
  align-items: center;
}
.VisitDetailsMultipleViews .ViewTitle ._TextFragment.title {
  height: fit-content !important;
  width: fit-content !important;
  margin-left: 0.5rem;
  margin-bottom: 0 !important;
  color: #363636;
}
.VisitDetailsMultipleViews .ViewTitle .viewIcon {
  min-width: 32px;
  min-height: 32px;
  fill: #363636;
}
.VisitDetailsMultipleViews .selected .ViewTitle ._TextFragment.title {
  color: #7a0019;
}
.VisitDetailsMultipleViews .selected .ViewTitle .viewIcon {
  fill: #7a0019;
}
.VisitDetailsMultipleViews ._CollapsedControls ._ViewPickerPanel {
  margin-top: 1rem;
}
.VisitDetailsMultipleViews ._CollapsedControls ._PageHeading {
  display: none;
}
.VisitDetailsMultipleViews ._CollapsedControls ._CollapsibleListBoxCommand .ViewTitle ._TextFragment.title {
  color: #404d5b;
}
.VisitDetailsMultipleViews ._CollapsedControls ._CollapsibleListBoxCommand .ViewTitle .viewIcon {
  fill: #404d5b;
}
.VisitDetailsMultipleViews ._CollapsedControls ._OptionListCommand:focus .viewIcon, .VisitDetailsMultipleViews ._CollapsedControls ._OptionListCommand:hover .viewIcon {
  fill: #7a0019;
}

.VisitDetailsSingleView .ReportViewer.report {
  margin: auto;
  overflow: auto;
  word-break: break-word;
}
.VisitDetailsSingleView .ReportViewer.report table {
  table-layout: auto;
}

@media screen and (max-width: 768px) {
  .VisitDetailsPastInpatient ._PageTitle.valance {
    margin-bottom: 0.25rem !important;
  }
}
.VisitDetailsPastInpatient ._PageTitle.valance {
  margin-bottom: 0;
}

.VisitDetailsListView ._ListElement {
  padding: 0.5rem 0rem;
}
.VisitDetailsListView .VisitDetailsElement {
  color: #363636;
  width: 100%;
  text-align: inherit;
  display: flex;
  padding: 0.5rem;
  padding-right: 1rem;
  position: relative;
  padding-left: 0.75rem;
  align-items: center;
  align-content: center;
}

.VisitDetailsCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  display: flex;
  margin: 0.25rem 0%;
  min-height: 5rem;
  padding: 0.5rem 1rem;
  position: relative;
  vertical-align: top;
  width: 100%;
  line-height: 1.25rem;
  align-items: center;
}
.VisitDetailsCard:hover, .VisitDetailsCard:focus {
  background-color: #f4ebed;
  text-decoration: none;
}
.VisitDetailsCard .arrowContainer {
  color: #767676;
  flex: 0 0 2rem;
  display: flex;
  align-items: center;
}
.VisitDetailsCard .arrowContainer ._Icon {
  fill: #767676;
}
.VisitDetailsCard .unreadIndicator {
  min-width: 0.6rem;
  width: 0.6rem;
  height: 0.6rem;
  padding: 0 0.6rem 0 0;
}
.VisitDetailsCard .unreadIndicator.isUnread {
  border-radius: 50%;
  background-color: #005ebb;
}
.VisitDetailsCard .cardIcon {
  fill: #7a0019;
}
.VisitDetailsCard .CardLink {
  align-items: center;
  align-content: center;
}
.VisitDetailsCard .CardLink[class][class] {
  display: flex;
  flex-grow: 1;
  text-decoration: none;
}
.VisitDetailsCard .CardLink::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.VisitDetailsCard .CardTitle[class] {
  font-size: 1.25rem;
  color: #363636;
  margin: 0rem 0.5rem;
  padding: 0rem;
  margin: 0rem 0.6rem;
  text-align: left;
  word-break: break-word;
}
.VisitDetailsCard .CardTitle.unreadCard {
  font-weight: bold;
}

.ExternalVisitSummary iframe {
  width: 100%;
}

.Snapshots .disclaimerText {
  color: #767676;
}

.EducationMaterial .Education {
  padding: 0;
}
.EducationMaterial .Education .pageHeader {
  display: none;
}

.NotesToSelf ._ListElement {
  width: 49%;
  margin-bottom: 1rem;
}
.NotesToSelf .notes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .NotesToSelf .notes {
    flex-direction: column;
  }
  .NotesToSelf .notes ._ListElement {
    width: 100%;
  }
}

.NoteToSelfLink:hover, .NoteToSelfLink:focus {
  text-decoration: none;
}
.NoteToSelfLink:hover .linkContainer, .NoteToSelfLink:focus .linkContainer {
  background-color: #f4ebed;
}
.NoteToSelfLink .linkContainer {
  color: #363636;
  display: flex;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0px 3px 5px 1px rgba(0, 0, 0, 0.2);
  padding: 10px 10px 10px 15px;
  width: 100%;
  height: 100%;
}
.NoteToSelfLink .linkContainer .title {
  color: #7a0019;
}
.NoteToSelfLink .linkContainer .dateTime {
  color: #565656;
}
.NoteToSelfLink .linkContainer:is(:focus, :hover) {
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  .NoteToSelfLink .linkContainer:hover,
  .tvmode .NoteToSelfLink .linkContainer:is(:hover, :focus) {
    background-color: #f4ebed;
  }
  .darkmode .NoteToSelfLink .linkContainer:hover, .tvmode.darkmode .NoteToSelfLink .linkContainer:is(:hover, :focus) {
    background-color: #312729;
  }
}
.NoteToSelfLink .linkContainer .noteInfo {
  margin-left: 0.5rem;
}
.NoteToSelfLink .linkContainer .noteInfo .noteText {
  color: #363636;
  word-break: break-word;
}
.NoteToSelfLink .linkContainer ._Icon {
  height: 48px;
  width: 48px;
}
.NoteToSelfLink .linkContainer ._Icon.arrow {
  align-self: center;
  fill: #767676;
  /*rtl:raw:
  	transform: scaleX(-1);
  	transform-origin: center;
  */
}

.NoteToSelf .NavigationController {
  padding: 0;
  margin-top: 1rem;
}
.NoteToSelf ._VideoPreview, .NoteToSelf ._AudioPreview {
  max-width: 40rem;
}
.NoteToSelf .previewPlaceholder {
  height: 100%;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background-color: #ffffff;
  padding: 0.5em;
}
.darkmode .NoteToSelf .previewPlaceholder {
  background-color: #3d3133;
  box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.75);
}

.NoteToSelf .notesInfo {
  margin-top: 1rem;
}
.NoteToSelf[class] .noteText {
  overflow-wrap: break-word;
  display: block;
  margin: 0;
  width: 100%;
  min-height: unset;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.NoteToSelf .mediaNoteText {
  margin-top: 1rem;
}

.PageHeadingPreText.hasPreText ._PageHeading {
  padding: 0.75rem 0 0 0;
}
.PageHeadingPreText .preText {
  display: flex;
  align-items: baseline;
  margin-bottom: 0.25rem;
}
.PageHeadingPreText .preText .disclosureChevron {
  fill: #363636;
  transform: scale(0.75);
  margin-left: 0.25rem;
}
.PageHeadingPreText .preText .disclosureChevron.disclosureChevronExpanded {
  transform: scale(0.75) rotate(-180deg);
}
.PageHeadingPreText .preText ._PreText .disclosureButtonText {
  color: #363636;
  font-weight: bold;
}
.PageHeadingPreText .preText ._PreText .preTextBody {
  color: #363636;
}
.PageHeadingPreText .preText ._PreText .preTextBody a {
  color: #404d5b;
}

.BedsideAvs {
  padding: 0.5rem;
}

/* Copyright 2024 Epic Systems Corporation */
.DefaultViewLayout .offersBand {
  background-color: rgba(122, 0, 25, 0.05);
  width: calc(100% + 1.5rem);
  max-width: calc(100% + 1.5rem);
  margin-left: -0.75rem;
  padding: 0.75rem;
  padding-top: 0;
  margin-bottom: 1rem;
}
.DefaultViewLayout .offersBand ._PageHeading {
  overflow-wrap: anywhere;
}
.DefaultViewLayout .offersBand .offersSection .FastPass {
  width: 100%;
}
.DefaultViewLayout .offersBand .offersSection .FastPass .fastPassOffer {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  margin: 0;
  padding: 1rem;
  overflow-wrap: anywhere;
  width: 99.25%;
}
.DefaultViewLayout .offersBand .offersSection .FastPass .fastPassOffer:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.DefaultViewLayout .offersBand .offersSection .FastPass .fastPassOffer ._PageHeading {
  padding-top: 0;
}
.DefaultViewLayout .offersBand .offersSection .FastPass .fastPassOffer[class][class][class]:empty {
  display: none;
  visibility: hidden;
}
.DefaultViewLayout .offersBand .offersSection .FastPass .fastPassOffer[class][class][class]:has(> div:empty) {
  display: none;
  visibility: hidden;
}
@media screen and (min-width: 1301px) {
  .DefaultViewLayout .offersBand .offersSection .FastPass {
    width: 80%;
  }
}
@media screen and (min-width: 769px) {
  .DefaultViewLayout .offersBand {
    margin-left: -1.25rem;
    padding: 1.25rem;
    padding-top: 0;
    width: calc(100% + 2.5rem);
    max-width: calc(100% + 2.5rem);
  }
}
@media screen and (min-width: 1301px) {
  .DefaultViewLayout .offersBand {
    width: calc(125% + 2.5rem);
    max-width: calc(125% + 2.5rem);
  }
}
.DefaultViewLayout .layoutGrid {
  display: grid;
  grid-template-rows: min-content;
  grid-template-columns: 100%;
  grid-gap: 15px;
}
.DefaultViewLayout .layoutGrid .detailsColumn .visitDetailsCard:not(:last-child), .DefaultViewLayout .layoutGrid .coreAppointmentColumn .visitDetailsCard:not(:last-child) {
  margin-bottom: 15px;
}
.DefaultViewLayout .layoutGrid .coreDetailSection:not(:empty) {
  border-top: 1px solid #dbdbdb;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
}
.DefaultViewLayout .layoutGrid .coreDetailSection .CoreItemDetail:not(:last-child) {
  margin-bottom: 0.2rem;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .DefaultViewLayout .layoutGrid .coreFlexContainer {
    display: flex;
    flex-wrap: wrap;
  }
  .DefaultViewLayout .layoutGrid .coreFlexContainer .coreHeader {
    flex: 40%;
  }
  .DefaultViewLayout .layoutGrid .coreFlexContainer .coreDetails {
    flex: 60%;
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    padding-left: 1rem;
  }
  .DefaultViewLayout .layoutGrid .coreFlexContainer .coreDetailSection:not(:empty):first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .DefaultViewLayout .layoutGrid {
    grid-template-columns: 1fr 2fr;
    grid-template-rows: min-content;
    grid-template-areas: "coreAppointmentColumn detailsColumn";
  }
  .DefaultViewLayout .layoutGrid .coreAppointmentColumn {
    grid-area: coreAppointmentColumn;
  }
  .DefaultViewLayout .layoutGrid .detailsColumn {
    grid-area: detailsColumn;
  }
}
.DefaultViewLayout .layoutGrid.withPromotedAction .promotedAction {
  margin-left: 0;
  margin-right: 0;
  width: 99%;
}
.DefaultViewLayout .layoutGrid.withPromotedAction .promotedAction:has(.PromotedAction) {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  margin-bottom: -15px;
}
@media screen and (max-width: 1024px) {
  .DefaultViewLayout .layoutGrid.withPromotedAction .coreAppointmentColumn .visitDetailsCard:first-child {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media screen and (min-width: 1025px) {
  .DefaultViewLayout .layoutGrid.withPromotedAction {
    grid-template-rows: min-content auto auto;
    grid-template-areas: "coreAppointmentColumn promotedAction" "coreAppointmentColumn detailsColumn" "coreAppointmentColumn noContent";
  }
  .DefaultViewLayout .layoutGrid.withPromotedAction .promotedAction {
    grid-area: promotedAction;
  }
  .DefaultViewLayout .layoutGrid.withPromotedAction .detailsColumn .visitDetailsCard:first-child {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
}
@media print {
  .DefaultViewLayout .layoutGrid {
    display: block;
  }
}

.SlimViewLayout .coreDetailSection:not(:empty) {
  border-top: 1px solid #dbdbdb;
  margin-top: 0.25rem;
  padding-top: 0.25rem;
}
@media screen and (min-width: 769px) {
  .SlimViewLayout .coreFlexContainer[class][class] {
    display: flex;
    flex-wrap: wrap;
  }
  .SlimViewLayout .coreFlexContainer .coreHeader {
    flex: 40%;
  }
  .SlimViewLayout .coreFlexContainer .coreDetails {
    flex: 60%;
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
    padding-left: 1rem;
  }
  .SlimViewLayout .coreFlexContainer .coreDetailSection:not(:empty):first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
}
@media screen and (min-width: 1025px) {
  .SlimViewLayout[class][class].layout {
    width: 66%;
  }
}
@media print {
  .SlimViewLayout .layoutGrid {
    display: block;
  }
}

.QRCodeView .qrCode {
  padding-top: 2rem;
  width: max-content;
  margin: auto;
}
.QRCodeView .qrCode .code {
  display: block;
  padding-bottom: 0.5rem;
}
@media screen and (min-width: 769px) {
  .QRCodeView .qrCode .code {
    width: 200px;
    max-width: 50vw;
  }
}
.QRCodeView .qrCode .codeLabel {
  text-align: center;
}

.AdditionalAction[class][class][class] {
  max-width: none;
  width: calc(100% + 2rem);
  margin-left: -1rem;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0.5rem 1rem;
  color: #363636;
  display: flex;
  align-items: center;
}
.AdditionalAction[class][class][class]:hover {
  background-color: #f4ebed;
  text-decoration: none;
  color: #363636;
}
.AdditionalAction[class][class][class].laboring[class] {
  display: block;
}
.AdditionalAction[class][class][class].laboring[class] span.contentWrapper {
  display: none;
}
.AdditionalAction[class][class][class]._LaboredCommand span.contentWrapper {
  display: flex;
  width: 100%;
}
.AdditionalAction .additionalActionDetails {
  display: flex;
  align-items: start;
  word-break: break-word;
  text-align: left;
}
.AdditionalAction .additionalActionDetails .additionalActionIcon {
  margin-right: 0.4rem;
}
.AdditionalAction .additionalActionDetails .additionalActionLabel:not(:only-child) {
  margin-bottom: 0.25rem;
}
.AdditionalAction .additionalActionDetails .additionalActionSubtext {
  font-size: 0.8888888889rem;
  color: #767676;
  margin-top: 0.25rem;
}
[data-altstylesheet="High Contrast"] .AdditionalAction .additionalActionDetails .additionalActionSubtext {
  color: #000000;
}

.AdditionalAction .advanceIcon {
  /* rtl:raw: transform: scaleX(-1); */
  margin-left: 1rem;
  flex-shrink: 0;
  color: #565656;
}

.AdditionalActionsList[class][class] .actionsDescription {
  margin-bottom: 0.5rem;
}
.AdditionalActionsList .actionsList ._ListElement:not(:first-child) {
  border-top: 1px solid #dbdbdb;
}
.AdditionalActionsList .actionsList ._ListElement:empty {
  display: none;
}

.Instructions .SmartTextDisclosure .fmtConv {
  max-width: calc(100vw - 3.5rem);
}
@media screen and (min-width: 1025px) {
  .Instructions .SmartTextDisclosure .fmtConv {
    max-width: calc(66.6666666667vw - 3.5rem);
  }
}
@media screen and (min-width: 1301px) {
  .Instructions .SmartTextDisclosure .fmtConv {
    max-width: calc(57.1428571429vw - 3.5rem);
  }
}

.AdditionalInfo > *:not(:first-child) {
  margin-top: 1.25rem;
}

.AppointmentStatus {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #dbdbdb;
}
.AppointmentStatus .statusIconAndText {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: max-content;
}
.AppointmentStatus .statusIconAndText .statusIcon {
  margin-right: 0.25rem;
}
.AppointmentStatus .statusAction {
  min-width: 100%;
}
.AppointmentStatus .statusAction .statusActionText {
  flex: 1;
}
.AppointmentStatus .statusAction[class] {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 0.25rem;
}
@media screen and (min-width: 769px) {
  .AppointmentStatus .statusAction {
    min-width: 33vw;
  }
}
@media screen and (min-width: 1025px) {
  .AppointmentStatus .statusAction {
    min-width: min-content;
  }
}

.SuccessState {
  text-align: center;
  container-type: inline-size;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 2rem;
  padding-bottom: 0.75rem;
}
@media screen and (max-width: 768px) {
  .SuccessState {
    margin: auto;
  }
}
.SuccessState .iconContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.25rem;
  margin: 0.5rem auto;
  max-height: 100cqw;
  height: 144px;
  width: 144px;
  border-radius: 100%;
  background-color: #ffffff;
}
.darkmode .SuccessState .iconContainer {
  background-color: #343434;
}

.SuccessState .iconContainer ._Icon {
  max-height: 75%;
}
.SuccessState .successStateButton[class][class][class] {
  margin-top: 1rem;
}

.ConfirmationTask .confirmButton {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .ConfirmationTask {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .ConfirmationTask .confirmText {
    flex: 4;
  }
  .ConfirmationTask .confirmButton._Command {
    min-height: min-content;
    margin: 0 0 0 0.5rem;
    flex: 1;
  }
}
@media screen and (min-width: 1025px) {
  .ConfirmationTask .confirmButton {
    min-width: min-content;
  }
}

.CoreItemDetail {
  display: flex;
  padding: 0.2rem 0;
}
.CoreItemDetail.align-center {
  align-items: center;
}
.CoreItemDetail .coreItemIcon {
  width: 3rem;
  min-width: 3rem;
  margin-right: 0.5rem;
  color: #767676;
}
.CoreItemDetail .coreItemTextContainer ._readOnlyText {
  margin: 0;
}

._InfoBubble {
  font-size: 1rem;
  font-weight: normal;
  line-height: normal;
  cursor: auto;
  display: inline-block;
  margin: 0 0 0 0.5rem;
  width: auto;
}
._InfoBubble.showBubble ._InfoBubbleCommand:after,
._InfoBubble.showBubble ._InfoBubbleContent {
  display: block;
}

._InfoBubbleCommand {
  color: #404d5b;
  border: none;
  cursor: pointer;
  display: inline-flex;
  font: inherit;
  overflow: visible;
  position: relative;
  text-decoration: none;
}
._InfoBubbleCommand:is(:focus, :hover) {
  color: #384450;
}

._InfoBubbleCommand:after {
  border-color: transparent transparent transparent #ffffff;
  border-style: solid;
  border-width: 1rem 0 0 1rem;
  box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.4);
  content: "";
  display: none;
  height: 0;
  left: calc(50% - 0.45rem);
  position: absolute;
  top: calc(100% + 0.25rem);
  transform: rotate(135deg);
  width: 0;
  z-index: 11;
}

._InfoBubbleContent {
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.6);
  display: none;
  left: 2rem;
  margin: 0.5rem 0;
  padding: calc(1rem / 3);
  position: absolute;
  text-align: left;
  top: auto;
  white-space: normal;
  width: max-content;
  z-index: 10;
}

.AppointmentArrivalTime {
  font-size: 1.265625rem;
  display: flex;
  align-items: center;
}
.AppointmentArrivalTime ._InfoBubble {
  margin: 0;
}
.AppointmentArrivalTime ._InfoBubble ._InfoBubbleCommand {
  top: 0.1rem;
}
.AppointmentArrivalTime ._InfoBubble ._InfoBubbleContent {
  left: unset;
  margin-left: -0.5rem;
  word-break: break-word;
}
@media screen and (max-width: 1024px) {
  .AppointmentArrivalTime ._InfoBubble ._InfoBubbleContent {
    width: auto;
  }
}

.AppointmentStartTime {
  font-size: 1.265625rem;
}
.AppointmentStartTime[class][class][class] {
  margin-top: 0;
}
.AppointmentStartTime.subtle {
  font-size: 13pt;
}

.WaterMark {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.WaterMark .icon {
  position: absolute;
  right: -60px;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(20deg);
}
.WaterMark .icon.degree-30 {
  transform: rotate(-30deg);
}

.ECheckInChecklist[class][class] {
  padding: 1rem;
}

.ECheckInChecklistSection .checklistHeader {
  padding-top: 1rem;
}
.ECheckInChecklistSection .Checklist.unavailableTasks {
  padding-left: 2rem;
}

.PromotedAction {
  text-align: center;
  padding: 1rem;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.PromotedAction ._PageHeading {
  padding-top: 0;
}
.PromotedAction.success-style {
  background-color: #ccffd8;
}
.PromotedAction.informational-style {
  background-color: #e0f1ff;
}
.PromotedAction.warning-style {
  background-color: #ffffd0;
}
.PromotedAction.critical-style {
  background-color: #ffe8e8;
}
.PromotedAction[class][class] .promotedActionTitle,
.PromotedAction[class][class] .promotedActionDescription {
  margin: 0;
  padding: 0;
}
.PromotedAction[class][class] .promotedActionTitle + .promotedActionDescription {
  margin-top: 0.5rem;
}
.PromotedAction[class][class] .promotedActionTitle + .promotedActionButtons ._Link, .PromotedAction[class][class] .promotedActionTitle + .promotedActionButtons ._Command,
.PromotedAction[class][class] .promotedActionDescription + .promotedActionButtons ._Link,
.PromotedAction[class][class] .promotedActionDescription + .promotedActionButtons ._Command {
  margin-top: 0.5rem;
}
.PromotedAction .promotedActionButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  background-color: inherit;
}
.PromotedAction .promotedActionButtons ._Link, .PromotedAction .promotedActionButtons ._Command {
  flex: 1;
  margin: 0;
}
@media screen and (min-width: 769px) {
  .PromotedAction .promotedActionButtons ._Link, .PromotedAction .promotedActionButtons ._Command {
    min-width: 33vw;
    flex: 0;
  }
}
@media screen and (min-width: 1025px) {
  .PromotedAction .promotedActionButtons {
    width: fit-content;
    margin: 0 auto;
  }
  .PromotedAction .promotedActionButtons ._Link, .PromotedAction .promotedActionButtons ._Command {
    min-width: 10rem;
  }
}

.Provider {
  display: flex;
  padding: 0.2rem 0;
}
.Provider.align-center {
  align-items: center;
}
.Provider .coreItemIcon {
  width: 3rem;
  min-width: 3rem;
  margin-right: 0.5rem;
  color: #767676;
}
.Provider .coreItemTextContainer ._readOnlyText {
  margin: 0;
}
.Provider .coreItemIcon {
  margin-right: 0.5rem;
}
.Provider .providerPhoto {
  height: 3rem;
  min-height: 3rem;
}
.Provider .providerPhoto .ClinicianPhoto {
  width: 100%;
  height: 100%;
}

.ProviderList {
  animation-name: none;
}

.RescheduleCancel[class][class][class] .rescheduleCancelLabel {
  padding-bottom: 0;
  margin: 0;
}
.RescheduleCancel .rescheduleCancelButtons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
  margin-top: 0.5rem;
}
.RescheduleCancel .rescheduleCancelButtons ._Link {
  margin: 0;
  flex: 1;
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .RescheduleCancel .rescheduleCancelButtons ._Link {
    min-width: 33vw;
    flex: 0;
  }
}

.SmartTextDisclosure .fmtConv {
  overflow: auto;
  max-width: 100%;
}
.SmartTextDisclosure .fmtConv .truncatedImageFigure {
  position: relative;
}
.SmartTextDisclosure .fmtConv .truncatedImageFigure #truncatedImage {
  max-height: 8vh;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.SmartTextDisclosure .fmtConv .truncatedImageFigure .truncatedImageFigureCaption {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.SmartTextDisclosure .fmtConv .truncatedImageFigure::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white);
  pointer-events: none; /* Ensure it doesn't block interactions */
}
.SmartTextDisclosure .disclosureButton {
  display: flex;
  justify-content: start;
  width: max-content;
}
.SmartTextDisclosure .disclosureButton .disclosureChevron {
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 0.25rem;
}

.TaskChecklist .taskChecklistSection > *:not(:first-child) {
  margin-top: 1.25rem;
}
.TaskChecklist[class] .checklistDescription {
  margin: 0;
}

.DirectLinksGuests {
  display: flex;
  padding: 0.2rem 0;
}
.DirectLinksGuests.align-center {
  align-items: center;
}
.DirectLinksGuests .coreItemIcon {
  width: 3rem;
  min-width: 3rem;
  margin-right: 0.5rem;
  color: #767676;
}
.DirectLinksGuests .coreItemTextContainer ._readOnlyText {
  margin: 0;
}

.TelehealthModeDepartment {
  display: flex;
  padding: 0.2rem 0;
}
.TelehealthModeDepartment.align-center {
  align-items: center;
}
.TelehealthModeDepartment .coreItemIcon {
  width: 3rem;
  min-width: 3rem;
  margin-right: 0.5rem;
  color: #767676;
}
.TelehealthModeDepartment .coreItemTextContainer ._readOnlyText {
  margin: 0;
}
.TelehealthModeDepartment .coreItemText {
  display: flex;
  align-items: center;
}
.TelehealthModeDepartment .coreItemText ._InfoBubble {
  margin: 0 0 0 0.125rem;
}
.TelehealthModeDepartment .coreItemText ._InfoBubble ._InfoBubbleCommand {
  top: 0.1rem;
}
.TelehealthModeDepartment .coreItemText ._InfoBubble ._InfoBubbleContent {
  left: unset;
  margin-left: -0.5rem;
  margin-top: 0.5rem;
  word-break: break-word;
}
@media screen and (max-width: 1024px) {
  .TelehealthModeDepartment .coreItemText ._InfoBubble ._InfoBubbleContent {
    width: auto;
  }
}

.ToggleSwitch {
  display: flex;
  flex-direction: row;
  margin: 0.5rem 0;
  flex-wrap: wrap;
}
.ToggleSwitch .toggleLabel {
  flex-grow: 1;
}
.ToggleSwitch .toggleLabelIcon {
  margin-right: 1rem;
}
.ToggleSwitch ._Text {
  align-self: center;
}

.toggleInformation {
  display: flex;
  flex-direction: column;
  align-self: center;
  flex-basis: 80%;
}

.sliderRail {
  transition: all 0.2s ease-in-out;
  width: 3.462rem;
  height: 1.731rem;
  background: #767676;
  border-radius: 50px;
  padding: 0 0.231rem;
  display: flex;
}
.sliderRail[class] {
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
  width: 22px;
  height: 22px;
}
.sliderRail .sliderKnob {
  border-radius: 50%;
  background: #ffffff;
  z-index: 2;
  margin-left: -1.269rem;
}
.sliderRail .onIcon {
  z-index: 1;
}
.sliderRail .sliderKnob, .sliderRail .onIcon {
  margin-top: auto;
  margin-bottom: auto;
  height: 1.269rem;
  width: 1.269rem;
}
.sliderRail .lockedIcon {
  fill: #767676;
  height: 100%;
  width: 100%;
}

.sliderButton {
  margin-left: auto;
}
.sliderButton .sliderElement.onIcon {
  fill: #ffffff;
}
.sliderButton[aria-pressed=true] .sliderRail {
  transition: all 0.2s ease-in-out;
  background: #09aa71;
}
.sliderButton[aria-pressed=true] .sliderRail .sliderElement {
  transition: all 0.2s ease-in-out;
}
.sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1.731rem);
}
.sliderButton[aria-pressed=false] .onIcon {
  transition: all 0.2s ease-in-out;
  opacity: 0;
}

.WaitList .waitListHeading {
  padding-bottom: 0;
}
.WaitList .ToggleSwitch {
  justify-content: space-between;
  margin-top: 0;
  flex-wrap: nowrap;
}
.WaitList .toggleLabel {
  padding-bottom: 0;
}
.WaitList .toggleInformation :not(.toggleLabel) {
  font-weight: normal;
  font-size: unset;
  line-height: unset;
}
.WaitList .sliderRail {
  width: 2.5rem;
  height: 1.5rem;
}
.WaitList .sliderKnob, .WaitList .onIcon {
  height: 1rem;
  width: 1rem;
}
.WaitList .sliderKnob {
  margin-left: -1rem;
}
.WaitList .sliderButton {
  margin-left: 0.5rem;
}
.WaitList .sliderButton[aria-pressed=true] .sliderRail {
  background: #09aa71;
}
.WaitList .sliderButton[aria-pressed=true] .sliderRail .sliderKnob {
  transform: translateX(1rem);
}

.VisitCoreHeader .visitName, .EVisitCoreHeader .visitName {
  padding-bottom: 0.25rem;
}
.VisitCoreHeader .date, .EVisitCoreHeader .date {
  font-size: 1.265625rem;
}
.VisitCoreHeader .date[class][class][class], .EVisitCoreHeader .date[class][class][class] {
  margin-bottom: 0;
}

.mobile .VisitDetailsPage {
  padding-top: 1rem;
}
.VisitDetailsPage .linkAction[class][class][class] {
  display: flex;
  align-items: center;
  padding: 0.15rem 0;
  margin: 0;
}
.VisitDetailsPage .linkAction._Command {
  color: #404d5b;
}
.VisitDetailsPage .layout {
  width: 100%;
}
@media screen and (min-width: 1301px) {
  .VisitDetailsPage .layout {
    width: 80%;
  }
}
.VisitDetailsPage .layout .visitDetailsCard {
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  min-height: 6rem;
  padding: 0.5rem;
  position: relative;
  break-inside: avoid;
  margin: 0.25rem 0.5%;
  display: inline-block;
  vertical-align: top;
  width: 99%;
  margin: 0;
  padding: 1rem;
  overflow-wrap: anywhere;
}
.VisitDetailsPage .layout .visitDetailsCard:where(._actionable, :has(> ._actionable:only-child)):is(:focus, :hover) {
  background-color: #f4ebed;
  text-decoration: none;
}

.VisitDetailsPage .layout .visitDetailsCard ._PageHeading {
  padding-top: 0;
}
.VisitDetailsPage .layout .visitDetailsCard[class][class][class]:empty {
  display: none;
  visibility: hidden;
}
.VisitDetailsPage .layout .visitDetailsCard[class][class][class]:has(> div:empty) {
  display: none;
  visibility: hidden;
}

/* Copyright 2023 Epic Systems Corporation */
/* Copyright 2023-2024 Epic Systems Corporation */
.Note .noteContainer {
  margin-top: 0.75rem;
}
.Note .reportViewer {
  word-break: break-word;
}
.Note .reportViewer table {
  table-layout: auto;
}

/* Copyright 2023-2024 Epic Systems Corporation */
.NoteLink:hover, .NoteLink:focus {
  text-decoration: none;
}
.NoteLink:hover .linkContainer, .NoteLink:focus .linkContainer {
  background-color: #f4ebed;
}
.NoteLink .linkContainer {
  text-align: left;
  padding: 0.5rem;
}
.NoteLink .linkContainer ._PageHeading {
  display: flex;
}
.NoteLink .linkContainer .linkInfo {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}
.NoteLink .linkContainer .textBox {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-left: 0.5rem;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .NoteLink .linkContainer .textBox {
    flex-direction: column;
  }
}
.NoteLink .linkContainer .textBox .noteType {
  font-size: 1.1rem;
  padding: 1px;
  margin: 1px;
  word-break: break-word;
  color: #7a0019;
}
.NoteLink .linkContainer .textBox .dateTime {
  color: #767676;
}
.NoteLink .linkContainer .textBox .signedInfo {
  color: #363636;
}
.NoteLink .linkContainer .textBox .signedInfo, .NoteLink .linkContainer .textBox .dateTime {
  padding: 1px;
  margin: 1px;
  word-break: break-word;
}
.NoteLink .linkContainer .textBox .providerWeb {
  display: flex;
  align-items: center;
}
.NoteLink .linkContainer .textBox .providerWeb .ProviderPhoto {
  margin: 0 0.5rem 0 0.5rem;
}

/* Copyright 2023 Epic Systems Corporation */
.ProviderPhoto {
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
  min-height: 3rem;
  margin: 1px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  background-color: rgba(122, 0, 25, 0.6);
}

.NoteList .topMargin {
  margin-top: 0.75rem;
}
.NoteList .listContainer ._List {
  background-color: #ffffff;
  border-radius: 6px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
}
.NoteList .listContainer ._ListElement:not(:last-child)::after {
  content: "";
  display: block;
  width: auto;
  height: 1px;
  background-color: #dbdbdb;
}
.NoteList .overflowMessage {
  padding: 0.75rem 0;
  color: #565656;
}

/* Copyright 2023 Epic Systems Corporation */
.ReportViewer .fmtConv input[type=checkbox] {
  pointer-events: none;
}

/* Copyright 2020-2022 Epic Systems Corporation */
.ImageAndDescriptionRow {
  display: flex;
  margin: auto;
  width: 100%;
}
.ImageAndDescriptionRow .text-wrapper {
  width: 100%;
  padding: 0rem 1rem 0rem 0rem;
  margin: auto;
}
.ImageAndDescriptionRow .text-wrapper .header[class] {
  color: #000000;
  text-align: left;
  background-color: transparent;
  margin-bottom: 0rem;
  padding-bottom: 0rem;
  padding-top: 0rem;
}
.ImageAndDescriptionRow .text-wrapper .subheader {
  color: #565656;
  text-align: left;
}
.ImageAndDescriptionRow .icon-wrapper {
  margin: auto;
  width: auto;
  margin-top: 0rem;
  padding: 0rem 0.5rem 0rem 0.25rem;
}
.ImageAndDescriptionRow .icon-wrapper .image-description-row-icon {
  border: none;
  margin: auto;
  width: 64px;
  height: 64px;
}
@media only screen and (max-width: 768px) {
  .ImageAndDescriptionRow .icon-wrapper .image-description-row-icon {
    width: 48px;
    height: 48px;
  }
}

.LinkAccountsPage .accountGroup {
  align-items: center;
  width: 100%;
  border-radius: 0.25rem;
}
.LinkAccountsPage .accountGroup.disabled {
  background-color: #dbdbdb;
}
.LinkAccountsPage .accountGroup.disabled .AccountCard {
  background-color: inherit;
  box-shadow: none;
}
.LinkAccountsPage .unlinked-accounts-section {
  padding-top: 1.25rem;
}
.LinkAccountsPage .card-header-text {
  margin-bottom: 1rem;
}
.LinkAccountsPage .card-header-text .header {
  color: #000000;
  text-align: left;
  background-color: transparent;
  margin-bottom: 0rem;
  padding-bottom: 0rem;
}
.LinkAccountsPage .card-header-text .subheader {
  color: #565656;
  text-align: left;
}
.LinkAccountsPage .help-text-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  margin: auto;
  text-align: center;
}
.LinkAccountsPage .help-text-wrapper .help-text {
  color: #000000;
  text-align: center;
  color: #565656;
}
.LinkAccountsPage .submit-button-wrapper {
  margin: auto;
  display: flex;
}
.LinkAccountsPage .submit-button-wrapper button.submit-button {
  min-width: 10rem;
  margin: auto;
}

.PushPage .auto-update-card {
  align-items: center;
  width: 100%;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  padding: 0.5rem;
  margin-top: 1rem;
}
.PushPage .toggle-switch-wrapper {
  display: flex;
  max-width: 100%;
  margin: 2rem 0;
}
.PushPage .toggle-switch-wrapper .ToggleSwitch {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: 0.5rem auto;
  padding-right: 2rem;
}
.PushPage .toggle-switch-wrapper .toggleInformation {
  display: flex;
  align-self: center;
  flex-basis: 60%;
}
.PushPage .toggle-switch-wrapper .toggleInformation .toggleLabel {
  display: block;
  margin: auto;
  margin-right: 0;
  text-align: right;
  text-wrap: pretty;
}
.PushPage .toggle-switch-wrapper .sliderButton {
  flex-direction: column;
  margin-left: 0.25rem;
  width: min-content;
  padding-left: 1rem;
}
.PushPage .help-text-wrapper {
  text-align: center;
}

.DemographicsPage .demographicsFormWrapper {
  padding: 0.5rem;
  padding-top: 0;
}

.AccountSearchPage .help-text-wrapper {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
  margin: auto;
  text-align: center;
}
.AccountSearchPage .help-text-wrapper .help-text {
  color: #000000;
  text-align: center;
  color: #565656;
}
.AccountSearchPage .submit-button-wrapper {
  margin: auto;
  display: flex;
}
.AccountSearchPage .submit-button-wrapper button.submit-button {
  min-width: 10rem;
  margin: auto;
}
.AccountSearchPage .skipLinkWrapper {
  margin-top: 2rem;
  text-align: center;
}
.AccountSearchPage .mychartdotorgWrapper {
  margin-top: 2rem;
  text-align: center;
}

.AccountSearchWidget {
  align-items: center;
  --px-search-input-listbox-height: clamp(53vh, 57vh, 600px);
}
.AccountSearchWidget:has(._SearchInput.showSuggestions) {
  margin-bottom: var(--px-search-input-listbox-height);
}
.AccountSearchWidget .searchBar {
  width: 100%;
}
.AccountSearchWidget .searchBar input {
  width: 100%;
}

.OrganizationSearchResults {
  align-items: center;
}
.OrganizationSearchResults .accountGroup {
  align-items: center;
  width: 100%;
  border-radius: 0.25rem;
}
.OrganizationSearchResults .accountGroup.disabled {
  background-color: #dbdbdb;
}
.OrganizationSearchResults .accountGroup.disabled .AccountCard {
  background-color: inherit;
  box-shadow: none;
}

.OrganizationSearchResultsHeader .searchResults.header {
  color: #000000;
  text-align: left;
  background-color: transparent;
  padding: 0;
  margin: 2rem auto 0 0;
}
.OrganizationSearchResultsHeader .searchResultsDesc.subheader {
  color: #565656;
  text-align: left;
  margin-top: 0rem;
}
.OrganizationSearchResultsHeader .loginBanner {
  background-color: #bfe1ff;
}

.SearchGroupHeading {
  margin-bottom: 1rem;
}
.linkableGroup .SearchGroupHeading {
  padding-top: 1rem;
}
.unlinkableGroup .SearchGroupHeading {
  padding-top: 2rem;
}
.SearchGroupHeading .iconTextGrouper {
  display: flex;
  align-items: center;
  flex-direction: row;
  color: #7a0019;
}
.SearchGroupHeading .iconTextGrouper .groupHeading {
  padding: 0;
  padding-left: 0.25rem;
}
.SearchGroupHeading[class][class] .groupText {
  color: #565656;
  text-align: left;
  padding-left: 2rem;
  margin-top: 0;
}

.AutoLink {
  margin: auto;
  margin-top: 2rem;
}
.AutoLink .loadingText {
  margin: auto;
  text-align: center;
}

.AccountCard {
  align-items: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-radius: 0.25rem;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  margin-bottom: 0.5rem;
}
.searchGroup .AccountCard {
  margin-bottom: 0rem;
  border-radius: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.searchGroup li:last-child .AccountCard {
  border-bottom: 0px;
  border-radius: 0 0 0.25rem 0.25rem;
}
.searchGroup li:first-child .AccountCard {
  border-radius: 0.25rem 0.25rem 0 0;
}
.searchGroup li:only-child .AccountCard {
  border-radius: 0.25rem;
}
.FailedLinksPopup .AccountCard {
  width: 90%;
  margin: auto;
  box-shadow: none;
}
.AccountCard .linkedAccount {
  background-image: url(../../images/H2Gicons/H2Glinkedsuccess.png);
  background-position: right;
  background-repeat: no-repeat;
  background-size: contain;
}
.AccountCard .orgText {
  padding: 0.5rem 1rem 0.5rem 1rem;
  margin-top: 0;
}
.AccountCard .accountCardWrapper {
  display: flex;
  flex-direction: row;
}
.AccountCard .accountCardWrapper .checkmark {
  border: none;
  margin: 0rem;
  padding-left: 1rem;
  cursor: pointer;
  transition: 0.5s;
  width: auto;
  color: #09aa71;
}

.DisplayOrg {
  display: flex;
  align-items: center;
}
.DisplayOrg .orgDisplayInfo {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  width: 100%;
  margin: auto;
  line-height: 1.25rem;
  flex-wrap: wrap;
}
.DisplayOrg .orgDisplayInfo:first-child {
  border-top: none;
}
.DisplayOrg .orgDisplayInfo .orgTextWrapper {
  display: flex;
  flex-direction: column;
  margin-left: 0rem;
  flex-basis: 4rem;
  overflow-wrap: break-word;
  flex-grow: 1;
}
.DisplayOrg .orgDisplayInfo .orgTextWrapper .organizationName {
  color: #000000;
  font-size: 1.1rem;
}
.DisplayOrg .orgDisplayInfo .orgTextWrapper .organizationLocation {
  color: #000000;
  padding-top: 0.25rem;
  font-size: 1rem;
}
.DisplayOrg .orgDisplayInfo .orgLogoWrapper {
  min-width: 80px;
  max-width: 80px;
  display: flex;
  justify-content: center;
}
.DisplayOrg .orgDisplayInfo .orgLogoWrapper img.orgLogo {
  display: block;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  border: 1px solid #cccccc;
  box-shadow: 0px 4px 4px -1px rgba(0, 0, 0, 0.2);
}
.disabled .DisplayOrg .orgDisplayInfo .orgLogoWrapper img.orgLogo {
  filter: grayscale(100%);
}
.DisplayOrg .displayOrgChildren {
  width: 20rem;
  margin: auto;
  margin-right: 1rem;
}
.DisplayOrg .displayOrgChildren .linkButton {
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .DisplayOrg {
    display: grid;
  }
  .DisplayOrg .orgDisplayInfo {
    grid-row: 1/1;
  }
  .DisplayOrg .orgDisplayInfo .orgLogoWrapper {
    min-width: 64px;
    max-width: 64px;
  }
  .DisplayOrg .orgDisplayInfo .orgLogoWrapper img.orgLogo {
    display: block;
    height: 48px;
    width: 48px;
  }
  .DisplayOrg .displayOrgChildren {
    grid-row: 2/2;
    margin-left: 1rem;
    margin-right: 1rem;
    width: auto;
  }
}

.RelatedOrgs {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.RelatedOrgs .disclosureButtonText {
  font-size: 13pt;
}
.RelatedOrgs .row {
  width: 95%;
  border-top: none;
  margin: auto;
}
.RelatedOrgs .row .organizationName {
  font-weight: 400;
  font-size: 13pt;
  margin-left: 0rem;
}
.RelatedOrgs .row .org-logo-wrapper {
  min-width: 4rem;
  max-width: 4rem;
}
.RelatedOrgs .row .org-logo-wrapper .org-logo {
  min-height: 3rem;
  max-height: 3rem;
  min-width: 3rem;
  max-width: 3rem;
  margin-right: 0rem;
}

.LinkingError .account-created-text-wrapper {
  text-align: center;
}
.LinkingError .account-created-text-wrapper .username-text-bold {
  font-weight: bold;
}
.LinkingError .linking-error-segment {
  display: flex;
  align-items: center;
}
.LinkingError .linking-error-segment .linking-error-icon {
  margin-right: 1rem;
}
.LinkingError .linking-error-segment .header {
  color: #000000;
  text-align: left;
  background-color: transparent;
}
.LinkingError .back-button-wrapper {
  margin: auto;
  display: flex;
  padding-top: 2rem;
}
.LinkingError .back-button-wrapper button.back-button {
  min-width: 10rem;
  margin: auto;
}
.LinkingError .linkingErrorTextCentered {
  text-align: center;
}
.LinkingError .skip-link-wrapper {
  margin-top: 2rem;
  text-align: center;
}

.DemographicsError {
  text-align: center;
}
.DemographicsError[class][class] .back-button-wrapper {
  margin: auto;
  display: flex;
  padding-top: 2rem;
}
.DemographicsError[class][class] .back-button-wrapper button.demog-back-button {
  min-width: 10rem;
  margin: auto;
  text-align: center;
}

.ExistingLinkError {
  text-align: center;
}
.ExistingLinkError .back-button-wrapper {
  margin: auto;
  display: flex;
  padding-top: 2rem;
}
.ExistingLinkError .back-button-wrapper button.back-button {
  min-width: min(10rem, 100%);
  margin: auto;
}

.WelcomePage .subtitle {
  color: #000000;
  text-align: center;
  width: fit-content;
  text-align: left;
}
.WelcomePage .subtitle[class] {
  margin: auto;
}
.WelcomePage .row-wrapper {
  margin: 2rem auto 2rem auto;
  width: fit-content;
}
.WelcomePage .row-wrapper .ImageAndDescriptionRow {
  margin-top: 1rem;
}
.WelcomePage .button-wrapper {
  display: flex;
  flex-direction: column;
}
.WelcomePage .button-wrapper .welcome-page-button[class][class] {
  margin: 0.5rem 0 0 0;
}
@media only screen and (max-width: 768px) {
  .WelcomePage .button-wrapper .welcome-page-button[class][class] {
    margin: 0.25rem 0 0.5rem;
  }
}
.WelcomePage ._ErrorLine {
  margin-top: 0.5rem;
}

.TermsAndConditions {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.TermsAndConditions .termsAndConditionsLink {
  margin: 0 !important;
  padding: 0 !important;
}
.TermsAndConditions .termsAndConditionsCheckbox {
  margin-top: 0.5rem;
  padding: 0;
}
.TermsAndConditions .termsAndConditionsCheckbox ._DataEntryLabel {
  text-align: center;
}

/* Copyright 2024 Epic Systems Corporation */
.Whiteboard {
  padding: 20px;
  display: grid;
  height: 100%;
  grid-template-areas: "a h h b" "a m m b" "d m m c" "d f f c";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto 1fr 1fr auto;
  row-gap: 15px;
  column-gap: 15px;
  overflow: hidden;
}
.Whiteboard .footerLogo {
  grid-area: f;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
  margin-top: -5px;
}
.Whiteboard .TimeSinceLastRefresh {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 2.5px;
  font-size: 0.7rem;
  color: #ffffff;
  text-shadow: 0px 1px 8px rgba(0, 0, 0, 0.75);
}
@media only screen and (orientation: portrait) {
  .Whiteboard {
    grid-template-areas: "h h" "d d" "m a" "m b" "m c" "f f";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto 2fr 2fr 1fr auto;
  }
}

.PatientGreetingCard {
  grid-area: h;
  height: min-content;
  justify-content: center;
  align-items: center;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 10px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.PatientGreetingCard .greeting {
  display: flex;
  align-items: center;
  width: auto;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
  font-size: 1.5rem;
}
.PatientGreetingCard .greeting .greetingMessage {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1.2em;
}
.PatientGreetingCard .greeting:has(+ .ExpectedDischargeDate) {
  margin-top: -5px;
}
.PatientGreetingCard ._Icon {
  width: 40px;
  height: 40px;
}
.PatientGreetingCard .ExpectedDischargeDate {
  font-size: 1rem;
  margin-top: -5px !important;
  text-align: center;
  white-space: wrap;
}

.WhiteboardCard {
  padding: 15px;
  border-radius: 10px;
  width: 100%;
  background-color: rgba(24, 0, 5, 0.7);
  box-shadow: -5px 7px 23px -10px rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(2.5px);
  -webkit-backdrop-filter: blur(2.5px);
  color: #ffffff;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: hidden;
  column-gap: 100px;
}
.darkmode .WhiteboardCard {
  background-color: rgba(61, 49, 51, 0.5);
}

.WhiteboardCard .titleBone {
  width: 30%;
  border-radius: 5px;
}
.WhiteboardCard .contentBone {
  width: 60%;
  margin-top: 5px;
  border-radius: 5px;
}
.WhiteboardCard .NoDataPlaceholderWithIcon[class][class] {
  background-color: unset;
  color: #ffffff;
  display: flex;
  flex: 1 1 auto;
  font-weight: 400;
  font-size: 1.1em;
}

.SectionHeader {
  padding-top: 0px;
  font-weight: 400;
  color: #ffffff !important;
  text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.85);
}

.MilestonesCard {
  grid-area: d;
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: flex-start;
}
.MilestonesCard .milestoneContainer {
  row-gap: 5px;
}
.MilestonesCard .milestoneContainer .milestonePercentage {
  display: flex;
}
.MilestonesCard .milestoneContainer .MilestoneListElement .milestoneName {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.MilestonesCard .milestoneContainer .Ring {
  justify-content: flex-start;
  margin-right: 5px;
}
.MilestonesCard .milestoneContainer .Ring .ringText {
  fill: #09aa71;
  font-size: 1.1rem;
  transform: translateY(1px);
}
.MilestonesCard .milestoneContainer .Ring .circle {
  stroke: rgba(9, 170, 113, 0.25);
}
.MilestonesCard .milestoneContainer .Ring .ring {
  stroke: #09aa71;
}
.MilestonesCard .milestoneContainer .milestoneCountHeading {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.1em;
}
.MilestonesCard .milestoneContainer .milestoneCountHeading.portraitOnly {
  display: none;
}
.MilestonesCard .milestoneContainer .portraitList {
  display: none;
}
@media only screen and (orientation: portrait) {
  .MilestonesCard .milestonesHeader {
    display: none;
  }
  .MilestonesCard .milestoneContainer {
    column-gap: 0px;
    row-gap: 5px;
    flex-direction: row;
  }
  .MilestonesCard .milestoneContainer .Ring {
    align-items: flex-start;
  }
  .MilestonesCard .milestoneContainer .portraitList {
    display: flex;
    flex-wrap: wrap;
    max-width: calc(100% - 95px);
    flex: 1 1 auto;
    gap: 5px;
  }
  .MilestonesCard .milestoneContainer .portraitList .MilestoneListElement {
    flex: 1 1 40%;
    height: min-content;
  }
  .MilestonesCard .milestoneContainer .portraitList .MilestoneListElement:nth-child(n+6) {
    display: none;
  }
  .MilestonesCard .milestoneContainer .milestonePercentage {
    width: auto;
  }
  .MilestonesCard .milestoneContainer .milestoneCountHeading {
    display: none;
  }
  .MilestonesCard .milestoneContainer .milestoneCountHeading.portraitOnly {
    display: flex;
    flex: 1 1 auto;
    margin: 0px;
  }
  .MilestonesCard .milestoneContainer > .MilestoneListElement {
    display: none;
  }
}

.WhiteboardMemos {
  grid-area: m;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.WhiteboardMemos .horizontalMemoTitle {
  width: auto;
  display: flex;
  justify-content: center;
}
.WhiteboardMemos .memoColumn {
  max-height: 100%;
  overflow: hidden;
}
.WhiteboardMemos .memoTitle {
  display: none;
}
.WhiteboardMemos .memoList {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  height: min-content;
}
.WhiteboardMemos .memoList li {
  flex: 1 1 auto;
  width: 100%;
  max-width: 47.5%;
  height: min-content;
  margin-bottom: 25px;
}
.WhiteboardMemos .memoList li:nth-child(n+9) {
  display: none;
}
@media only screen and (orientation: portrait) {
  .WhiteboardMemos {
    flex-direction: column;
    gap: 0px;
    max-width: calc(50vw - 30px);
  }
  .WhiteboardMemos .memoList {
    flex-direction: column;
  }
  .WhiteboardMemos .memoList li {
    flex: 1 1 auto;
    max-width: 100%;
    height: min-content;
    margin-bottom: 25px;
  }
  .WhiteboardMemos .horizontalMemoTitle {
    display: none;
  }
  .WhiteboardMemos .memoTitle, .WhiteboardMemos .singleColumn {
    display: flex;
    flex-direction: column;
  }
}

.WhiteboardSchedule {
  grid-area: b;
  display: flex;
  flex-direction: column;
  min-height: 125px;
}
.WhiteboardSchedule .scheduleCard {
  border-radius: 0px;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
  column-gap: 100px;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: relative;
  flex: 0 1 auto;
  max-height: min-content;
  width: 100%;
  max-width: calc(25vw - 20px);
}
.WhiteboardSchedule .scheduleCard::before {
  content: " ";
  position: absolute;
  height: 50%;
  left: 5px;
  bottom: 2.5px;
  width: 1px;
  border-left: 4px solid #ffffff;
}
.WhiteboardSchedule .scheduleCard::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-top: 7.5px solid #ffffff;
  bottom: 0px;
  left: -0.5px;
}
@media only screen and (orientation: portrait) {
  .WhiteboardSchedule .scheduleCard {
    width: 100%;
    max-width: calc(50vw - 25px);
  }
}

.EventCard {
  width: calc(100% - 20px);
  box-shadow: none;
  overflow: visible;
  margin-left: 20px;
  justify-content: center;
  margin-bottom: 10px;
  box-sizing: border-box;
  max-height: 125px;
  padding: 0px;
}
.EventCard .headingText {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.EventCard .detailsText {
  margin-left: 37.5px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 40px);
  line-clamp: 2;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}
.EventCard .timelineHelper {
  height: 100%;
  padding: 10px 15px;
  box-sizing: border-box;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  justify-content: center;
}
.EventCard .timelineHelper::before {
  content: " ";
  position: absolute;
  left: 1px;
  height: 100%;
  width: 1px;
  border-left: 4px dashed #ffffff;
  transform: translateX(-16px);
}
.EventCard .timelineHelper::after {
  content: " ";
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  transform: translateX(-33px);
}
.EventCard:first-child::before {
  content: " ";
  position: absolute;
  left: -15px;
  top: 52.5%;
  height: 50%;
  width: 1px;
  border-left: 4px solid #ffffff;
}
.EventCard:not(:first-child)::before {
  content: " ";
  position: absolute;
  left: -15px;
  height: 120%;
  transform: translateY(-10%);
  width: 1px;
  border-left: 4px solid #ffffff;
}

.WhiteboardCareTeam {
  grid-area: a;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  box-sizing: border-box;
  min-height: 125px;
}
.WhiteboardCareTeam.shouldExpand {
  grid-area: a/a/d/d;
}
.WhiteboardCareTeam .careTeamCard {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  flex-wrap: wrap;
  overflow: hidden;
  column-gap: 200px;
}
.WhiteboardCareTeam[class][class] .ProviderStack {
  position: relative;
}
.WhiteboardCareTeam[class][class] .ProviderStack .Stack {
  height: min-content;
  box-sizing: border-box;
  margin-bottom: 5px;
}
.WhiteboardCareTeam[class][class] .ProviderStack .Stack .headingText {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.WhiteboardCareTeam[class][class] .ProviderStack .Stack .stackGraphic {
  height: 60px;
}
.WhiteboardCareTeam[class][class] .ProviderStack .Stack .stackGraphic .providerImage {
  width: 60px;
  height: 60px;
  border: 2px solid #ffffff;
}
.WhiteboardCareTeam[class][class] .ProviderStack .Stack .stackGraphic .FallbackProviderIcon {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 45px;
  border: 2px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.WhiteboardCareTeam[class][class] .ProviderStack.inTheRoom .Stack .stackGraphic {
  border: none;
}
@keyframes inTheRoomGlow {
  0% {
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.25);
  }
  50% {
    box-shadow: 0 0 12px 2px rgba(255, 255, 255, 0.65);
  }
  100% {
    box-shadow: 0 0 8px 2px rgba(255, 255, 255, 0.25);
  }
}
.WhiteboardCareTeam[class][class] .ProviderStack.inTheRoom .Stack .stackGraphic .providerImage, .WhiteboardCareTeam[class][class] .ProviderStack.inTheRoom .Stack .stackGraphic .FallbackProviderIcon {
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.75);
  animation: inTheRoomGlow 6s infinite ease-in-out;
}
@media only screen and (orientation: portrait) {
  .WhiteboardCareTeam .careTeamCard {
    flex: 1 1 0px;
  }
  .WhiteboardCareTeam.shouldExpand {
    grid-area: a;
  }
}

.WhiteboardBarcode {
  grid-area: c;
  display: flex;
  flex-direction: column;
}
.WhiteboardBarcode .WhiteboardCard {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  flex: 1 1 auto;
  flex-wrap: nowrap;
  text-align: center;
}
.WhiteboardBarcode .BarcodeBox {
  margin: 0px;
  overflow: hidden;
  display: flex;
  background-color: #ffffff;
  height: 40%;
  padding: 5px;
  flex: 1 0 auto;
}
.darkmode .WhiteboardBarcode .BarcodeBox {
  background-color: #000000;
}

.WhiteboardBarcode .BarcodeBox .barcodeCard {
  display: flex;
}
.WhiteboardBarcode .BarcodeBox .barcodeImage {
  width: 10px;
  height: 100%;
  display: flex;
  flex: 1 1 auto;
  filter: invert(0);
}
.darkmode .WhiteboardBarcode .BarcodeBox .barcodeImage {
  filter: invert(1);
}

.WhiteboardBarcode .BarcodeBox .barcodeContentWrapper {
  height: unset;
  width: 100%;
}
.WhiteboardBarcode .BarcodeBox .barcodeContentWrapper .ZeroState {
  height: 100%;
  align-items: center;
  justify-content: center;
  padding-bottom: 0px;
}
.WhiteboardBarcode .BarcodeBox .barcodeContentWrapper .ZeroState .iconHolder {
  background-color: transparent;
  width: 100%;
}
.WhiteboardBarcode .BarcodeBox .barcodeContentWrapper .ZeroState .textWrapper {
  display: none;
}
@media only screen and (orientation: portrait) {
  .WhiteboardBarcode[class][class] .cardText {
    flex-direction: column;
    align-items: flex-start;
  }
  .WhiteboardBarcode .portraitGrouper {
    display: flex;
    margin-top: -10px;
  }
  .WhiteboardBarcode .portraitGrouper[class][class] .portraitHeader {
    display: block;
    margin-top: 14px;
    font-weight: bold;
    font-size: 1.1rem;
    text-shadow: none;
  }
  .WhiteboardBarcode .WhiteboardCard {
    height: 150px;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    height: min-content;
    flex-wrap: nowrap;
    padding: 10px;
  }
  .WhiteboardBarcode .WhiteboardCard .BarcodeBox {
    height: 100%;
  }
}

/*0*/